npm - @uva-glass/component-library - Versions diffs - 3.30.0 → 3.31.0 - Mend

@uva-glass/component-library 3.30.0 → 3.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/dist/{TablePlugin-NmJsn2fm.js → TablePlugin-Dmy98Epb.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { jsxs as m, jsx as t, Fragment as Z } from "react/jsx-runtime";
+import { jsxs as m, jsx as e, Fragment as Z } from "react/jsx-runtime";
 import { o as ee } from "./LexicalComposerContext.prod-DLlRM5wP.js";
 import { c as $ } from "./clsx-OuTLNxxd.js";
-import { W as te, R as oe } from "./LexicalTable.prod-BSjs04iE.js";
-import { aq as re, L as le, N as U, c as z, af as ne } from "./Lexical.prod-UwAbgYpF.js";
+import { W as te, R as oe } from "./LexicalTable.prod-9xjyWB0C.js";
+import { aq as re, L as le, N as U, c as z, af as ne } from "./Lexical.prod-B84LhBo3.js";
 import { forwardRef as A, useState as C, useRef as T, useId as D, useImperativeHandle as B, useEffect as R } from "react";
 import { Button as g } from "./components/Buttons/Button.js";
 import "./components/Buttons/LinkButton.js";
@@ -21,7 +21,7 @@ import { InputField as M } from "./components/InputField/InputField.js";
 import "react-router";
 import { s as L, M as ie } from "./MultiSelectItem-DbOdEllV.js";
 import "./components/RteEditor/Providers/LanguageProvider.js";
-import { e as ae, v as se } from "./helpers-DZIm3MiJ.js";
+import { e as ae, v as se } from "./helpers-CMG0anwr.js";
 import { Icon as K } from "./components/Icon/Icon.js";
 import { FeedbackBox as V } from "./components/FeedbackBox/FeedbackBox.js";
 import { useTranslation as H } from "./components/RteEditor/hooks/useTranslation.js";
@@ -30,34 +30,34 @@ import "./components/RteEditor/hooks/components/Flyout.js";
 import { deleteTable as ce, deleteColumn as me, insertColumn as ue, deleteRow as de, insertRow as fe, createTable as pe } from "./components/RteEditor/Plugins/TablePlugin/helpers.js";
 import { useFlyout as be } from "./components/RteEditor/hooks/useFlyout.js";
 import { s as I } from "./RteEditor.module-B_3uFnFu.js";
-import "./index-DllfJcv4.js";
+import "./index-nrPtQ1dv.js";
 import "./components/SelectListbox/SelectListbox.js";
 import "./components/SelectListbox/SelectProvider.js";
 import "./components/Sortable/components/SortableItem.js";
-import "./SortableProvider-CwX1lFMa.js";
+import "./SortableProvider-C2T7b-pm.js";
 import { setScrollableContainers as _e, removeScrollableContainers as ke } from "./components/RteEditor/helpers.js";
 import './assets/TablePlugin.css';function he({ label: b, clearTrigger: d, onClear: a }) {
   return /* @__PURE__ */ m("header", { className: L["multi-select__header"], children: [
-    /* @__PURE__ */ t(E, { htmlFor: "multi-select-list", children: b }),
-    d && /* @__PURE__ */ t(g, { variant: "blank", onClick: a, children: d })
+    /* @__PURE__ */ e(E, { htmlFor: "multi-select-list", children: b }),
+    d && /* @__PURE__ */ e(g, { variant: "blank", onClick: a, children: d })
   ] });
 }
-const W = ({ scrollable: b = !0, noBorder: d, header: a, children: l }) => /* @__PURE__ */ m(Z, { children: [
+const W = ({ scrollable: b = !0, noBorder: d, header: a, children: o }) => /* @__PURE__ */ m(Z, { children: [
   a,
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ e(
     "div",
     {
       className: $(L["multi-select"], {
         [L["multi-select--no-border"]]: d
       }),
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ e(
         "ul",
         {
           className: $(L["multi-select__list"], {
             [L["multi-select__list--scrollable"]]: b
           }),
           id: "multi-select-list",
-          children: l
+          children: o
         }
       )
     }
@@ -72,14 +72,14 @@ const ve = "_linkform_ki2qx_1", we = "_linkform__footer_ki2qx_12", N = {
   "linkform__input-url-wrapper": "_linkform__input-url-wrapper_ki2qx_19",
   "linkform__open-url-button": "_linkform__open-url-button_ki2qx_31"
 }, ct = A(
-  ({ onCloseHandler: b, onSaveHandler: d, isLink: a = { active: !1, url: "", linktext: "" } }, l) => {
-    const n = H(), [f, u] = C(a.url || ""), [s, _] = C(a.linktext || ""), [w, k] = C(!1), [F, h] = C(null), [v, p] = C(null), r = T(null), y = `link_${D()}`, e = `text_${D()}`, o = () => {
+  ({ onCloseHandler: b, onSaveHandler: d, isLink: a = { active: !1, url: "", linktext: "" } }, o) => {
+    const r = H(), [f, u] = C(a.url || ""), [s, _] = C(a.linktext || ""), [w, k] = C(!1), [F, h] = C(null), [v, p] = C(null), l = T(null), y = `link_${D()}`, t = `text_${D()}`, n = () => {
       window.open(ae(f), "_blank");
     }, x = (i) => {
       u(i.target.value);
     }, c = (i) => {
       _(i.target.value);
-    }, S = (i) => se(i) === !1 || i.trim() === "" ? (h(n.errortext.urlNotValid), !1) : (h(null), !0), j = (i) => i.trim() === "" ? (p(n.errortext.linkTextNotValid), !1) : (p(null), !0), Y = () => {
+    }, S = (i) => se(i) === !1 || i.trim() === "" ? (h(r.errortext.urlNotValid), !1) : (h(null), !0), j = (i) => i.trim() === "" ? (p(r.errortext.linkTextNotValid), !1) : (p(null), !0), Y = () => {
       !S(f) || w && !j(s) || (d(f, s), O());
     }, G = () => {
       b(), O();
@@ -88,49 +88,49 @@ const ve = "_linkform_ki2qx_1", we = "_linkform__footer_ki2qx_12", N = {
     }, J = (i, X) => {
       u(i), !X && !i && k(!0);
     }, Q = () => {
-      r.current && r.current.focus();
+      l.current && l.current.focus();
     };
-    return B(l, () => ({
+    return B(o, () => ({
       clearForm: O,
       focusFirstField: Q,
       setDefaults: J
     })), /* @__PURE__ */ m("div", { className: N.linkform, children: [
       /* @__PURE__ */ m(P, { className: N["linkform__input-field"], children: [
-        /* @__PURE__ */ t(E, { htmlFor: y, children: n.links.linkLabel }),
+        /* @__PURE__ */ e(E, { htmlFor: y, children: r.links.linkLabel }),
         /* @__PURE__ */ m("div", { className: N["linkform__input-url-wrapper"], children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             M,
             {
               id: y,
-              placeholder: n.links.linkPlaceholder,
+              placeholder: r.links.linkPlaceholder,
               value: f,
               onChange: (i) => x(i),
               onFocus: () => h(null),
-              ref: r,
-              "aria-label": n.aria.labels.linkField
+              ref: l,
+              "aria-label": r.aria.labels.linkField
             }
           ),
-          f && /* @__PURE__ */ t("button", { type: "button", onClick: o, className: N["linkform__open-url-button"], children: /* @__PURE__ */ t(K, { name: "ArrowTopRightOnSquare", size: 20 }) })
+          f && /* @__PURE__ */ e("button", { type: "button", onClick: n, className: N["linkform__open-url-button"], children: /* @__PURE__ */ e(K, { name: "ArrowTopRightOnSquare", size: 20 }) })
         ] }),
-        F && /* @__PURE__ */ t(V, { level: "error", feedback: F })
+        F && /* @__PURE__ */ e(V, { level: "error", feedback: F })
       ] }),
       w && /* @__PURE__ */ m(P, { className: N["linkform__input-field"], children: [
-        /* @__PURE__ */ t(E, { htmlFor: e, children: n.links.linkText }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(E, { htmlFor: t, children: r.links.linkText }),
+        /* @__PURE__ */ e(
           M,
           {
-            id: e,
+            id: t,
             value: s,
             onChange: (i) => c(i),
             onFocus: () => p(null),
-            "aria-label": n.aria.labels.linkTextfield
+            "aria-label": r.aria.labels.linkTextfield
           }
         ),
-        v && /* @__PURE__ */ t(V, { level: "error", feedback: v })
+        v && /* @__PURE__ */ e(V, { level: "error", feedback: v })
       ] }),
       /* @__PURE__ */ m("div", { className: N.linkform__footer, children: [
-        /* @__PURE__ */ t(g, { variant: "secondary", onClick: G, "aria-label": n.common.cancel, type: "button", children: n.common.cancel }),
-        /* @__PURE__ */ t(g, { variant: "primary", onClick: Y, "aria-label": n.aria.labels.linkOkButton, type: "button", children: n.links.addLink })
+        /* @__PURE__ */ e(g, { variant: "secondary", onClick: G, "aria-label": r.common.cancel, type: "button", children: r.common.cancel }),
+        /* @__PURE__ */ e(g, { variant: "primary", onClick: Y, "aria-label": r.aria.labels.linkOkButton, type: "button", children: r.links.addLink })
       ] })
     ] });
   }
@@ -139,11 +139,11 @@ const ve = "_linkform_ki2qx_1", we = "_linkform__footer_ki2qx_12", N = {
   "tableform__input-field": "_tableform__input-field_t5fpq_5",
   tableform__footer: Ce
 }, ye = A(({ onCloseHandler: b, onSaveHandler: d }, a) => {
-  const l = H(), [n, f] = C(), [u, s] = C(), _ = T(null), w = `row_${D()}`, k = `column_${D()}`, F = (r, y) => {
-    const e = r.target.value;
-    y === "row" ? f(parseInt(e)) : s(parseInt(e));
+  const o = H(), [r, f] = C(), [u, s] = C(), _ = T(null), w = `row_${D()}`, k = `column_${D()}`, F = (l, y) => {
+    const t = l.target.value;
+    y === "row" ? f(parseInt(t)) : s(parseInt(t));
   }, h = () => {
-    n !== void 0 && u !== void 0 && (d(n, u), p());
+    r !== void 0 && u !== void 0 && (d(r, u), p());
   }, v = () => {
     b(), p();
   }, p = () => {
@@ -151,90 +151,86 @@ const ve = "_linkform_ki2qx_1", we = "_linkform__footer_ki2qx_12", N = {
   };
   return B(a, () => ({
     clearForm: p,
-    focusFirstField: () => {
-      var r;
-      return (r = _.current) == null ? void 0 : r.focus();
-    }
+    focusFirstField: () => _.current?.focus()
   })), R(() => {
-    const r = () => {
+    const l = () => {
       v();
     };
-    return _e(r), window.addEventListener("scroll", r), window.addEventListener("resize", r), () => {
-      window.removeEventListener("scroll", r), window.removeEventListener("resize", r), ke(r);
+    return _e(l), window.addEventListener("scroll", l), window.addEventListener("resize", l), () => {
+      window.removeEventListener("scroll", l), window.removeEventListener("resize", l), ke(l);
     };
   }, []), /* @__PURE__ */ m("div", { className: q.tableform, children: [
     /* @__PURE__ */ m(P, { className: q["tableform__input-field"], children: [
-      /* @__PURE__ */ t(E, { htmlFor: w, children: l.table.nrofRows }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(E, { htmlFor: w, children: o.table.nrofRows }),
+      /* @__PURE__ */ e(
         M,
         {
           id: w,
-          placeholder: l.table.nrofRowsPlaceholder,
-          value: n || "",
-          onChange: (r) => F(r, "row"),
-          "aria-label": l.aria.labels.tableRowfield,
+          placeholder: o.table.nrofRowsPlaceholder,
+          value: r || "",
+          onChange: (l) => F(l, "row"),
+          "aria-label": o.aria.labels.tableRowfield,
           ref: _
         }
       )
     ] }),
     /* @__PURE__ */ m(P, { className: q["tableform__input-field"], children: [
-      /* @__PURE__ */ t(E, { htmlFor: k, children: l.table.nrofColumns }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(E, { htmlFor: k, children: o.table.nrofColumns }),
+      /* @__PURE__ */ e(
         M,
         {
           id: k,
-          placeholder: l.table.nrofColumnsPlaceholder,
+          placeholder: o.table.nrofColumnsPlaceholder,
           value: u || "",
-          onChange: (r) => F(r, "column"),
-          "aria-label": l.aria.labels.tableColumnfield
+          onChange: (l) => F(l, "column"),
+          "aria-label": o.aria.labels.tableColumnfield
         }
       )
     ] }),
     /* @__PURE__ */ m("div", { className: q.tableform__footer, children: [
-      /* @__PURE__ */ t(g, { variant: "secondary", onClick: v, "aria-label": l.common.cancel, children: l.common.cancel }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(g, { variant: "secondary", onClick: v, "aria-label": o.common.cancel, children: o.common.cancel }),
+      /* @__PURE__ */ e(
         g,
         {
           variant: "primary",
           onClick: h,
-          disabled: !n || !u,
-          "aria-label": l.aria.labels.tableOkButton,
-          children: l.common.add
+          disabled: !r || !u,
+          "aria-label": o.aria.labels.tableOkButton,
+          children: o.common.add
         }
       )
     ] })
   ] });
 }), xe = 200, mt = A(({ isActive: b }, d) => {
-  const a = H(), [l] = ee(), { flyout: n, showFlyout: f, hideFlyout: u, isVisible: s } = be(), _ = T(void 0), w = T(null), k = T(!1), F = T(s), h = () => {
-    var o;
-    const e = (o = w.current) == null ? void 0 : o.getBoundingClientRect();
-    !k.current && e && f({ position: { top: e.bottom, left: e.left }, ...y });
+  const a = H(), [o] = ee(), { flyout: r, showFlyout: f, hideFlyout: u, isVisible: s } = be(), _ = T(void 0), w = T(null), k = T(!1), F = T(s), h = () => {
+    const t = w.current?.getBoundingClientRect();
+    !k.current && t && f({ position: { top: t.bottom, left: t.left }, ...y });
   }, v = () => {
     u();
-  }, p = (e, o) => {
-    l.update(() => {
-      const x = U(), c = pe(e, o);
+  }, p = (t, n) => {
+    o.update(() => {
+      const x = U(), c = pe(t, n);
       z(x) ? x.insertNodes([c]) : ne().append(c);
       const S = c.getFirstDescendant();
       S && S.select();
     }), v();
-  }, r = (e) => {
-    l.update(() => {
-      const o = U();
-      if (z(o)) {
-        const x = o.anchor.getNode(), c = te(x);
+  }, l = (t) => {
+    o.update(() => {
+      const n = U();
+      if (z(n)) {
+        const x = n.anchor.getNode(), c = te(x);
         if (oe(c))
-          switch (e) {
+          switch (t) {
             case "insertRowAbove":
             case "insertRowBelow":
-              fe(c, e);
+              fe(c, t);
               break;
             case "deleteRow":
               de(c);
               break;
             case "insertColumnLeft":
             case "insertColumnRight":
-              ue(c, e);
+              ue(c, t);
               break;
             case "deleteColumn":
               me(c);
@@ -246,40 +242,39 @@ const ve = "_linkform_ki2qx_1", we = "_linkform__footer_ki2qx_12", N = {
       }
     });
   }, y = {
-    children: /* @__PURE__ */ t(
+    children: /* @__PURE__ */ e(
       ye,
       {
         onCloseHandler: v,
-        onSaveHandler: (e, o) => p(e, o),
+        onSaveHandler: (t, n) => p(t, n),
         ref: _
       }
     )
   };
   return R(() => {
-    var e, o;
-    s ? (k.current = !0, (o = _.current) == null || o.focusFirstField()) : ((e = _.current) == null || e.clearForm(), setTimeout(() => k.current = !1, xe));
+    s ? (k.current = !0, _.current?.focusFirstField()) : (_.current?.clearForm(), setTimeout(() => k.current = !1, xe));
   }, [_, s]), R(() => {
-    const e = l.registerCommand(
+    const t = o.registerCommand(
       re,
-      (o) => o.ctrlKey && o.shiftKey && o.code === "Digit9" ? (o.preventDefault(), h(), !0) : !1,
+      (n) => n.ctrlKey && n.shiftKey && n.code === "Digit9" ? (n.preventDefault(), h(), !0) : !1,
       le
     );
     return () => {
-      e();
+      t();
     };
-  }, [l]), R(() => {
+  }, [o]), R(() => {
     F.current = s;
   }, [s]), R(() => {
-    const e = (o) => {
-      o.key === "Escape" && F.current && (o.preventDefault(), o.stopPropagation(), v());
+    const t = (n) => {
+      n.key === "Escape" && F.current && (n.preventDefault(), n.stopPropagation(), v());
     };
-    return document.addEventListener("keydown", e, { capture: !0 }), () => {
-      document.removeEventListener("keydown", e);
+    return document.addEventListener("keydown", t, { capture: !0 }), () => {
+      document.removeEventListener("keydown", t);
     };
   }, []), B(d, () => ({
-    mutateTable: r
-  })), /* @__PURE__ */ t("div", { className: I["editor__toolbar-button-group"], children: /* @__PURE__ */ m("div", { className: I["editor__toolbar-button-flyoutwrapper"], children: [
-    /* @__PURE__ */ t(
+    mutateTable: l
+  })), /* @__PURE__ */ e("div", { className: I["editor__toolbar-button-group"], children: /* @__PURE__ */ m("div", { className: I["editor__toolbar-button-flyoutwrapper"], children: [
+    /* @__PURE__ */ e(
       "button",
       {
         onClick: h,
@@ -289,10 +284,10 @@ const ve = "_linkform_ki2qx_1", we = "_linkform__footer_ki2qx_12", N = {
         "aria-keyshortcuts": a.aria.keyshortcuts.table,
         ref: w,
         type: "button",
-        children: /* @__PURE__ */ t(K, { name: "Table", size: 24 })
+        children: /* @__PURE__ */ e(K, { name: "Table", size: 24 })
       }
     ),
-    n
+    r
   ] }) });
 });
 export {
@@ -302,4 +297,4 @@ export {
   he as a,
   ye as b
 };
-//# sourceMappingURL=TablePlugin-NmJsn2fm.js.map
+//# sourceMappingURL=TablePlugin-Dmy98Epb.js.map

package/dist/{TablePlugin-NmJsn2fm.js.map → TablePlugin-Dmy98Epb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TablePlugin-NmJsn2fm.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/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, JSX } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';\n\nimport styles from './AddLinkForm.module.css';\n\nimport { ensureHttps, validateUrlWithProtocol } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\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 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 { onCloseHandler, onSaveHandler, isLink = { active: false, url: '', linktext: '' } }: 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 [showLinktextField, setShowLinktextField] = useState<boolean>(false);\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 (!validateUrl(url) \|\| (showLinktextField && !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 setShowLinktextField(false);\n setUrlError(null);\n setLinkTextError(null);\n };\n\n const setDefaults = (url: string, linktext: string) => {\n setUrl(url);\n if (!linktext && !url) {\n setShowLinktextField(true);\n }\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 {showLinktextField && (\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 )}\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, useEffect } 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';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\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 useEffect(() => {\n const handleResizeScroll = () => {\n handleClose();\n };\n\n setScrollableContainers(handleResizeScroll);\n\n window.addEventListener('scroll', handleResizeScroll);\n window.addEventListener('resize', handleResizeScroll);\n\n return () => {\n window.removeEventListener('scroll', handleResizeScroll);\n window.removeEventListener('resize', handleResizeScroll);\n removeScrollableContainers(handleResizeScroll);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\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 { JSX } from 'react';\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, hideFlyout, isVisible } = useFlyout();\n const addTableForm = useRef<addTableForm>(undefined);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const preventOpen = useRef(false);\n const isVisibleRef = useRef(isVisible);\n\n const openFlyout = () => {\n const rect = buttonRef.current?.getBoundingClientRect();\n if (!preventOpen.current && rect) {\n showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n }\n };\n\n const closeFlyout = () => {\n hideFlyout();\n };\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 openFlyout();\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 isVisibleRef.current = isVisible;\n }, [isVisible]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && isVisibleRef.current) {\n event.preventDefault();\n event.stopPropagation();\n closeFlyout();\n }\n };\n\n document.addEventListener('keydown', removeKeydown, { capture: true });\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={openFlyout}\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","isLink","ref","t","useTranslation","url","setUrl","useState","linkText","setLinkText","showLinktextField","setShowLinktextField","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","useEffect","handleResizeScroll","setScrollableContainers","removeScrollableContainers","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","isVisibleRef","openFlyout","rect","flyoutOptions","closeFlyout","insertTable","nrOfRows","nrOfColumns","selection","$getSelection","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","anchorNode","currentNode","$getTableCellNodeFromLexicalNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","rows","columns","_b","removeKeyboardShortcut","KEY_DOWN_COMMAND","COMMAND_PRIORITY_EDITOR","removeKeydown"],"mappings":"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"}
1	+ {"version":3,"file":"TablePlugin-Dmy98Epb.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/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, JSX } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';\n\nimport styles from './AddLinkForm.module.css';\n\nimport { ensureHttps, validateUrlWithProtocol } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\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 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 { onCloseHandler, onSaveHandler, isLink = { active: false, url: '', linktext: '' } }: 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 [showLinktextField, setShowLinktextField] = useState<boolean>(false);\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 (!validateUrl(url) \|\| (showLinktextField && !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 setShowLinktextField(false);\n setUrlError(null);\n setLinkTextError(null);\n };\n\n const setDefaults = (url: string, linktext: string) => {\n setUrl(url);\n if (!linktext && !url) {\n setShowLinktextField(true);\n }\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 {showLinktextField && (\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 )}\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, useEffect } 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';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\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 useEffect(() => {\n const handleResizeScroll = () => {\n handleClose();\n };\n\n setScrollableContainers(handleResizeScroll);\n\n window.addEventListener('scroll', handleResizeScroll);\n window.addEventListener('resize', handleResizeScroll);\n\n return () => {\n window.removeEventListener('scroll', handleResizeScroll);\n window.removeEventListener('resize', handleResizeScroll);\n removeScrollableContainers(handleResizeScroll);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\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 { JSX } from 'react';\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, hideFlyout, isVisible } = useFlyout();\n const addTableForm = useRef<addTableForm>(undefined);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const preventOpen = useRef(false);\n const isVisibleRef = useRef(isVisible);\n\n const openFlyout = () => {\n const rect = buttonRef.current?.getBoundingClientRect();\n if (!preventOpen.current && rect) {\n showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n }\n };\n\n const closeFlyout = () => {\n hideFlyout();\n };\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 openFlyout();\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 isVisibleRef.current = isVisible;\n }, [isVisible]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && isVisibleRef.current) {\n event.preventDefault();\n event.stopPropagation();\n closeFlyout();\n }\n };\n\n document.addEventListener('keydown', removeKeydown, { capture: true });\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={openFlyout}\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","isLink","ref","t","useTranslation","url","setUrl","useState","linkText","setLinkText","showLinktextField","setShowLinktextField","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","useEffect","handleResizeScroll","setScrollableContainers","removeScrollableContainers","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","isVisibleRef","openFlyout","rect","flyoutOptions","closeFlyout","insertTable","nrOfRows","nrOfColumns","selection","$getSelection","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","anchorNode","currentNode","$getTableCellNodeFromLexicalNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","rows","columns","removeKeyboardShortcut","KEY_DOWN_COMMAND","COMMAND_PRIORITY_EDITOR","removeKeydown"],"mappings":"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"}

package/dist/assets/Backdrop.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._backdrop_1n3f5_1{~~bottom~~:0;~~left:0;~~overflow:hidden;position:fixed;~~right:0;top:0;~~z-index:100}._backdrop_1n3f5_1:after{background-color:var(--new-color-uva-black);content:"";~~top~~:0;~~right:0;bottom:0;left:0;~~opacity:.5;pointer-events:none}@media (min-width: 28rem) and (min-height: 28rem){._backdrop_1n3f5_1{align-items:center;display:flex;justify-content:center}._backdrop_1n3f5_1:after{position:absolute}._backdrop_1n3f5_1>*{position:relative;z-index:1}}
1	+ ._backdrop_1n3f5_1{inset:0;overflow:hidden;position:fixed;z-index:100}._backdrop_1n3f5_1:after{background-color:var(--new-color-uva-black);content:"";inset:0;opacity:.5;pointer-events:none}@media (min-width: 28rem) and (min-height: 28rem){._backdrop_1n3f5_1{align-items:center;display:flex;justify-content:center}._backdrop_1n3f5_1:after{position:absolute}._backdrop_1n3f5_1>*{position:relative;z-index:1}}

package/dist/assets/Button.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._button_9x1ab_1{align-items:center~~;-webkit-appearance:none;-moz-appearance:none~~;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;justify-content:center;line-height:inherit;margin:0;padding:.75rem 1rem;transition:var(--transition-colors);white-space:nowrap}._button_9x1ab_1[href]{text-decoration:none}._button_9x1ab_1:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._button_9x1ab_1:hover{background-color:var(--new-color-grey-300);outline:0}._button--blank_9x1ab_35,._button--blank-subtle_9x1ab_36,._button--blank-icon_9x1ab_37{border:0;border-radius:0;gap:0;height:auto;padding:0;text-decoration:underline;vertical-align:middle}._button--blank_9x1ab_35,._button--blank-icon_9x1ab_37{color:var(--new-color-uva-black)}._button--blank-subtle_9x1ab_36{color:var(--new-color-grey-700)}._button--blank-icon_9x1ab_37{border:1px solid transparent;border-radius:.5rem;height:2.5rem;width:2.5rem}._button--blank_9x1ab_35:focus,._button--blank_9x1ab_35:not([disabled]):hover{background:none;text-decoration:underline}._button--blank-subtle_9x1ab_36:focus,._button--blank-subtle_9x1ab_36:not([disabled]):hover{background:none;color:var(--new-color-uva-black);text-decoration:underline}._button--blank-icon_9x1ab_37:focus,._button--blank-icon_9x1ab_37:not([disabled]):hover{background-color:var(--new-color-grey-300);border-color:var(--new-color-grey-600)}._button--primary_9x1ab_82{background-color:var(--new-color-uva-black);border-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--primary_9x1ab_82:hover{background-color:var(--new-color-grey-700);border-color:var(--new-color-grey-700)}._button--primary_9x1ab_82[disabled]{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--secondary_9x1ab_98{background-color:transparent;border-color:var(--new-color-uva-black);color:var(--new-color-uva-black)}._button--secondary_9x1ab_98:hover{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--secondary_9x1ab_98[disabled]{background-color:transparent;color:var(--new-color-uva-black)}._button--destructive-primary_9x1ab_114{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-primary_9x1ab_114:hover{background-color:var(--new-color-red-800);border-color:var(--new-color-red-800);color:var(--new-color-uva-white)}._button--destructive-primary_9x1ab_114[disabled]{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary_9x1ab_132{background-color:var(--new-color-uva-white);border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary_9x1ab_132:hover{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary_9x1ab_132[disabled]{background-color:var(--new-color-uva-white);border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary-transparent_9x1ab_150{background-color:transparent;border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary-transparent_9x1ab_150:hover{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary-transparent_9x1ab_150[disabled]{background-color:transparent;border-color:var(--new-color-grey-700);color:var(--new-color-grey-700)}._button--wide-column_9x1ab_168{display:flex;flex-direction:column;font-size:var(--font-size-text-non-essential);gap:.25rem;height:unset;padding:.5rem .25rem;width:100%}._button_9x1ab_1[disabled]{cursor:unset;opacity:.4;text-decoration:none;transition-delay:.25s}
1	+ ._button_9x1ab_1{align-items:center;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;justify-content:center;line-height:inherit;margin:0;padding:.75rem 1rem;transition:var(--transition-colors);white-space:nowrap}._button_9x1ab_1[href]{text-decoration:none}._button_9x1ab_1:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._button_9x1ab_1:hover{background-color:var(--new-color-grey-300);outline:0}._button--blank_9x1ab_35,._button--blank-subtle_9x1ab_36,._button--blank-icon_9x1ab_37{border:0;border-radius:0;gap:0;height:auto;padding:0;text-decoration:underline;vertical-align:middle}._button--blank_9x1ab_35,._button--blank-icon_9x1ab_37{color:var(--new-color-uva-black)}._button--blank-subtle_9x1ab_36{color:var(--new-color-grey-700)}._button--blank-icon_9x1ab_37{border:1px solid transparent;border-radius:.5rem;height:2.5rem;width:2.5rem}._button--blank_9x1ab_35:focus,._button--blank_9x1ab_35:not([disabled]):hover{background:none;text-decoration:underline}._button--blank-subtle_9x1ab_36:focus,._button--blank-subtle_9x1ab_36:not([disabled]):hover{background:none;color:var(--new-color-uva-black);text-decoration:underline}._button--blank-icon_9x1ab_37:focus,._button--blank-icon_9x1ab_37:not([disabled]):hover{background-color:var(--new-color-grey-300);border-color:var(--new-color-grey-600)}._button--primary_9x1ab_82{background-color:var(--new-color-uva-black);border-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--primary_9x1ab_82:hover{background-color:var(--new-color-grey-700);border-color:var(--new-color-grey-700)}._button--primary_9x1ab_82[disabled]{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--secondary_9x1ab_98{background-color:transparent;border-color:var(--new-color-uva-black);color:var(--new-color-uva-black)}._button--secondary_9x1ab_98:hover{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--secondary_9x1ab_98[disabled]{background-color:transparent;color:var(--new-color-uva-black)}._button--destructive-primary_9x1ab_114{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-primary_9x1ab_114:hover{background-color:var(--new-color-red-800);border-color:var(--new-color-red-800);color:var(--new-color-uva-white)}._button--destructive-primary_9x1ab_114[disabled]{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary_9x1ab_132{background-color:var(--new-color-uva-white);border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary_9x1ab_132:hover{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary_9x1ab_132[disabled]{background-color:var(--new-color-uva-white);border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary-transparent_9x1ab_150{background-color:transparent;border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary-transparent_9x1ab_150:hover{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary-transparent_9x1ab_150[disabled]{background-color:transparent;border-color:var(--new-color-grey-700);color:var(--new-color-grey-700)}._button--wide-column_9x1ab_168{display:flex;flex-direction:column;font-size:var(--font-size-text-non-essential);gap:.25rem;height:unset;padding:.5rem .25rem;width:100%}._button_9x1ab_1[disabled]{cursor:unset;opacity:.4;text-decoration:none;transition-delay:.25s}

package/dist/assets/ClipboardButton.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._clipboard-button_1ihmb_1{align-items:center~~;-webkit-appearance:none;-moz-appearance:none~~;appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:1.5rem;justify-content:center;outline:none;transition:all .15s;width:1.5rem}._clipboard-button_1ihmb_1:focus-visible{box-shadow:0 0 0 .125rem #000;outline:2px solid #000}._clipboard-button_1ihmb_1:hover{color:#bd0032}._clipboard-button_1ihmb_1:disabled{opacity:.5;pointer-events:none}
1	+ ._clipboard-button_1ihmb_1{align-items:center;appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:1.5rem;justify-content:center;outline:none;transition:all .15s;width:1.5rem}._clipboard-button_1ihmb_1:focus-visible{box-shadow:0 0 0 .125rem #000;outline:2px solid #000}._clipboard-button_1ihmb_1:hover{color:#bd0032}._clipboard-button_1ihmb_1:disabled{opacity:.5;pointer-events:none}

package/dist/assets/ExpandableInfoPanel.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._expandable-info-panel_wrapper_v55q8_1{display:flex;flex-direction:column;width:100%}._expandable-info-panel_header_v55q8_7{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:.5rem;width:100%}._expandable-info-panel_trigger_v55q8_16{align-items:center~~;-webkit-appearance:none;-moz-appearance:none~~;appearance:none;background-color:transparent;border:none;border-radius:.25rem;display:flex;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;margin-bottom:0;outline:none;padding:.5rem;position:relative;width:fit-content}._expandable-info-panel_trigger_v55q8_16:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem;text-decoration:underline}._expandable-info-panel_trigger_v55q8_16:hover{background-color:var(--new-color-grey-200);text-decoration:underline}._expandable-info-panel_trigger--active_v55q8_44{background-color:var(--new-color-navy-200);border-radius:.25rem .25rem 0 0}._expandable-info-panel_trigger--active_v55q8_44:after{background-color:var(--new-color-navy-200);content:"";display:block;height:.5rem;left:0;position:absolute;right:0;top:100%;z-index:-1}._expandable-info-panel_trigger--active_v55q8_44:hover,._expandable-info-panel_trigger--active_v55q8_44:hover:after{background-color:var(--new-color-navy-300)}._expandable-info-panel_content-wrapper_v55q8_66{align-items:start;background-color:var(--new-color-navy-200);display:grid;gap:1rem;grid-template-columns:1.5rem 1fr;padding:1.5rem}
1	+ ._expandable-info-panel_wrapper_v55q8_1{display:flex;flex-direction:column;width:100%}._expandable-info-panel_header_v55q8_7{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:.5rem;width:100%}._expandable-info-panel_trigger_v55q8_16{align-items:center;appearance:none;background-color:transparent;border:none;border-radius:.25rem;display:flex;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;margin-bottom:0;outline:none;padding:.5rem;position:relative;width:fit-content}._expandable-info-panel_trigger_v55q8_16:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem;text-decoration:underline}._expandable-info-panel_trigger_v55q8_16:hover{background-color:var(--new-color-grey-200);text-decoration:underline}._expandable-info-panel_trigger--active_v55q8_44{background-color:var(--new-color-navy-200);border-radius:.25rem .25rem 0 0}._expandable-info-panel_trigger--active_v55q8_44:after{background-color:var(--new-color-navy-200);content:"";display:block;height:.5rem;left:0;position:absolute;right:0;top:100%;z-index:-1}._expandable-info-panel_trigger--active_v55q8_44:hover,._expandable-info-panel_trigger--active_v55q8_44:hover:after{background-color:var(--new-color-navy-300)}._expandable-info-panel_content-wrapper_v55q8_66{align-items:start;background-color:var(--new-color-navy-200);display:grid;gap:1rem;grid-template-columns:1.5rem 1fr;padding:1.5rem}

package/dist/assets/FormInput.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._form-input__container_c0vpz_1{align-items:center;display:flex;flex-wrap:wrap}._form-input__container--label-left_c0vpz_7{align-items:flex-start;flex-direction:row;gap:1rem;line-height:2.5rem}._form-input__container--label-left_c0vpz_7>label:after{line-height:3.6}._form-input__container--label-top_c0vpz_18{align-items:flex-start;flex-direction:column;gap:.5rem;line-height:normal}._form-input__input-feedback-container_c0vpz_25{display:flex;flex:1;flex-direction:column;gap:.5rem;line-height:1.5;position:relative;width:100%}._form-input__input-container_c0vpz_35{display:flex;flex:1}._form-input__input_c0vpz_25{~~-webkit-~~appearance:none~~;-moz-appearance:none~~;~~appearance:none;~~background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--new-color-uva-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;min-height:2.5rem;padding:0 1rem;text-align:inherit}._form-input__input_c0vpz_25::-webkit-outer-spin-button,._form-input__input_c0vpz_25::-webkit-inner-spin-button{margin:0}
1	+ ._form-input__container_c0vpz_1{align-items:center;display:flex;flex-wrap:wrap}._form-input__container--label-left_c0vpz_7{align-items:flex-start;flex-direction:row;gap:1rem;line-height:2.5rem}._form-input__container--label-left_c0vpz_7>label:after{line-height:3.6}._form-input__container--label-top_c0vpz_18{align-items:flex-start;flex-direction:column;gap:.5rem;line-height:normal}._form-input__input-feedback-container_c0vpz_25{display:flex;flex:1;flex-direction:column;gap:.5rem;line-height:1.5;position:relative;width:100%}._form-input__input-container_c0vpz_35{display:flex;flex:1}._form-input__input_c0vpz_25{appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--new-color-uva-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;min-height:2.5rem;padding:0 1rem;text-align:inherit}._form-input__input_c0vpz_25::-webkit-outer-spin-button,._form-input__input_c0vpz_25::-webkit-inner-spin-button{margin:0}

package/dist/assets/IconButton.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._icon-button_1qz6r_1{align-items:center~~;-webkit-appearance:none;-moz-appearance:none~~;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;color:var(--new-color-uva-black);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.25rem;height:2.75rem;justify-content:center;margin:0;outline:0;padding:0;position:relative;white-space:nowrap;width:2.75rem}._icon-button_1qz6r_1:focus-visible{border-color:currentcolor}._icon-button--destructive_1qz6r_27{color:var(--new-color-red-600)}._icon-button_1qz6r_1:hover:not(:disabled){border-color:currentcolor}._icon-button--no-border_1qz6r_35:focus-visible,._icon-button--no-border_1qz6r_35:hover:not(:disabled){background-color:var(--new-color-grey-300)}._icon-button--no-border_1qz6r_35:hover:not(:focus-visible,:disabled){border-color:transparent}._icon-button--wide_1qz6r_44{min-width:2.75rem;padding:0 .75rem;width:unset}._icon-button_1qz6r_1>svg{pointer-events:none}._icon-button_1qz6r_1[disabled]{cursor:unset;opacity:.4}@media (hover: none){._icon-button_1qz6r_1:after{~~bottom:-.5rem;~~content:" ";~~left~~:-.5rem;position:absolute~~;right:-.5rem;top:-.5rem~~}}
1	+ ._icon-button_1qz6r_1{align-items:center;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;color:var(--new-color-uva-black);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.25rem;height:2.75rem;justify-content:center;margin:0;outline:0;padding:0;position:relative;white-space:nowrap;width:2.75rem}._icon-button_1qz6r_1:focus-visible{border-color:currentcolor}._icon-button--destructive_1qz6r_27{color:var(--new-color-red-600)}._icon-button_1qz6r_1:hover:not(:disabled){border-color:currentcolor}._icon-button--no-border_1qz6r_35:focus-visible,._icon-button--no-border_1qz6r_35:hover:not(:disabled){background-color:var(--new-color-grey-300)}._icon-button--no-border_1qz6r_35:hover:not(:focus-visible,:disabled){border-color:transparent}._icon-button--wide_1qz6r_44{min-width:2.75rem;padding:0 .75rem;width:unset}._icon-button_1qz6r_1>svg{pointer-events:none}._icon-button_1qz6r_1[disabled]{cursor:unset;opacity:.4}@media (hover: none){._icon-button_1qz6r_1:after{content:" ";inset:-.5rem;position:absolute}}

package/dist/assets/Input.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._input_1jwvu_1{~~-webkit-~~appearance:none~~;-moz-appearance:none~~;~~appearance:none;~~background-color:transparent;border:1px solid var(--new-color-uva-black);color:var(--new-color-uva-black);font-family:inherit;font-size:inherit;height:2rem;margin:0;padding:0 .5rem}._input--numeric_1jwvu_13{text-align:right;width:8rem}._input--error_1jwvu_18,._input_1jwvu_1:invalid{border-color:var(--new-color-red-600)}._input--full-with_1jwvu_23{min-width:100%;width:0}._input_1jwvu_1::placeholder{color:var(--new-color-grey-700);font-size:inherit;opacity:1}._input_1jwvu_1[type=file]{border:none}._input_1jwvu_1:disabled{color:var(--new-color-grey-700)}
1	+ ._input_1jwvu_1{appearance:none;background-color:transparent;border:1px solid var(--new-color-uva-black);color:var(--new-color-uva-black);font-family:inherit;font-size:inherit;height:2rem;margin:0;padding:0 .5rem}._input--numeric_1jwvu_13{text-align:right;width:8rem}._input--error_1jwvu_18,._input_1jwvu_1:invalid{border-color:var(--new-color-red-600)}._input--full-with_1jwvu_23{min-width:100%;width:0}._input_1jwvu_1::placeholder{color:var(--new-color-grey-700);font-size:inherit;opacity:1}._input_1jwvu_1[type=file]{border:none}._input_1jwvu_1:disabled{color:var(--new-color-grey-700)}

package/dist/assets/InputField.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._input-field-wrapper_ndcss_1{align-items:center;display:flex;position:relative}._input-field_ndcss_1{~~-webkit-~~appearance:none~~;-moz-appearance:none~~;~~appearance:none;~~background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--new-color-uva-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;margin:0;padding:0 1rem;text-align:inherit}._input-field--large_ndcss_22{height:3rem}._input-field--small_ndcss_26{max-width:5.25rem}._input-field--compact_ndcss_30{max-width:6.25rem}._input-field--white_ndcss_34{background-color:var(--new-color-uva-white)}._input-field_ndcss_1:disabled{color:var(--new-color-grey-700)}._input-field__clear-button_ndcss_42{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:100%;padding:0 1rem 0 .5rem;position:absolute;right:0}
1	+ ._input-field-wrapper_ndcss_1{align-items:center;display:flex;position:relative}._input-field_ndcss_1{appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--new-color-uva-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;margin:0;padding:0 1rem;text-align:inherit}._input-field--large_ndcss_22{height:3rem}._input-field--small_ndcss_26{max-width:5.25rem}._input-field--compact_ndcss_30{max-width:6.25rem}._input-field--white_ndcss_34{background-color:var(--new-color-uva-white)}._input-field_ndcss_1:disabled{color:var(--new-color-grey-700)}._input-field__clear-button_ndcss_42{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:100%;padding:0 1rem 0 .5rem;position:absolute;right:0}

package/dist/assets/LinkContextMenu.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._link-context-menu__wrapper_139l7_1{align-items:center;display:flex;justify-content:flex-start}._link-context-menu__input_139l7_7{~~-webkit-~~appearance:none~~;-moz-appearance:none~~;~~appearance:none;~~background-color:transparent;border:2px solid var(--new-color-navy-600);border-radius:.5rem;color:var(--new-color-uva-black);font-family:inherit;font-size:inherit;height:2.5rem;margin:0 .5rem 0 0;min-width:20rem;padding:0 .5rem}._link-context-menu__input_139l7_7:disabled{border-color:transparent}._link-context-menu__button_139l7_25{aspect-ratio:1;background-color:transparent;border:none;border-radius:.5rem;color:var(--new-color-uva-black);cursor:pointer;font-size:inherit;height:2.5rem}._link-context-menu__actions_139l7_36{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}
1	+ ._link-context-menu__wrapper_139l7_1{align-items:center;display:flex;justify-content:flex-start}._link-context-menu__input_139l7_7{appearance:none;background-color:transparent;border:2px solid var(--new-color-navy-600);border-radius:.5rem;color:var(--new-color-uva-black);font-family:inherit;font-size:inherit;height:2.5rem;margin:0 .5rem 0 0;min-width:20rem;padding:0 .5rem}._link-context-menu__input_139l7_7:disabled{border-color:transparent}._link-context-menu__button_139l7_25{aspect-ratio:1;background-color:transparent;border:none;border-radius:.5rem;color:var(--new-color-uva-black);cursor:pointer;font-size:inherit;height:2.5rem}._link-context-menu__actions_139l7_36{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}

package/dist/assets/Notification.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_notification_eo06p_1~~{display:flex;justify-content:space-between}._notification--~~default_eo06p_6~~{padding:1rem}._notification--~~bar_eo06p_9~~{border:none;padding:.5rem 1rem}._notification--~~neutral_eo06p_14~~{background-color:var(--new-color-grey-300);border-left:.25rem solid var(--new-color-grey-600)}._notification--~~information_eo06p_18~~{background-color:var(--new-color-navy-200);border-left:.25rem solid var(--new-color-navy-600)}._notification--~~success_eo06p_22~~{background-color:var(--new-color-forest-200);border-left:.25rem solid var(--new-color-forest-600)}._notification--~~warning_eo06p_26~~{background-color:var(--new-color-orange-200);border-left:.25rem solid var(--new-color-orange-600)}._notification--~~danger_eo06p_30~~{background-color:var(--new-color-red-200);border-left:.25rem solid var(--new-color-red-600)}._notification--~~bar_eo06p_9~~._notification--~~neutral_eo06p_14~~{background-color:var(--new-color-grey-600);color:var(--new-color-uva-white)}._notification--~~bar_eo06p_9~~._notification--~~information_eo06p_18~~{background-color:var(--new-color-navy-600);color:var(--new-color-uva-white)}._notification--~~bar_eo06p_9~~._notification--~~success_eo06p_22~~{background-color:var(--new-color-forest-600)}._notification--~~bar_eo06p_9~~._notification--~~warning_eo06p_26~~{background-color:var(--new-color-orange-600)}._notification--~~bar_eo06p_9~~._notification--~~danger_eo06p_30~~{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._notification-~~content_eo06p_54~~{display:flex;gap:1rem}._notification-content--~~text_eo06p_58~~{display:flex;flex-direction:column;gap:.5rem}._notification-~~title_eo06p_64~~{font-weight:var(--semibold);margin:0}._notification-~~subtitle_eo06p_68~~{margin:0}._notification-close-~~button_eo06p_72~~{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--new-color-uva-black);display:inline-flex;height:1.5rem;justify-content:center;position:relative;transition:var(--transition-colors);width:1.5rem}._notification-close-~~button_eo06p_72~~:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._notification-close-~~button_eo06p_72~~:hover{cursor:pointer;outline:0}._notification-close-~~button_eo06p_72~~:after{~~bottom:-.625rem;~~content:"";~~left~~:-.625rem;position:absolute~~;right:-.625rem;top:-.625rem~~}._notification-close-button--bar--~~neutral_eo06p_106~~,._notification-close-button--bar--~~information_eo06p_107~~,._notification-close-button--bar--~~danger_eo06p_108~~{color:var(--new-color-uva-white)}._notification-close-button--~~neutral_eo06p_112~~:hover{background-color:var(--new-color-grey-600);color:var(--new-color-uva-white)}._notification-close-button--~~information_eo06p_116~~:hover{background-color:var(--new-color-navy-600);color:var(--new-color-uva-white)}._notification-close-button--~~success_eo06p_120~~:hover{background-color:var(--new-color-forest-600)}._notification-close-button--~~warning_eo06p_123~~:hover{background-color:var(--new-color-orange-600)}._notification-close-button--~~danger_eo06p_126~~:hover{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._notification-close-button--bar--~~neutral_eo06p_106~~:hover{background-color:var(--new-color-grey-300);color:var(--new-color-uva-black)}._notification-close-button--bar--~~information_eo06p_107~~:hover{background-color:var(--new-color-navy-300);color:var(--new-color-uva-black)}._notification-close-button--bar--~~success_eo06p_139~~:hover{background-color:var(--new-color-forest-300)}._notification-close-button--bar--~~warning_eo06p_142~~:hover{background-color:var(--new-color-orange-300)}._notification-close-button--bar--~~danger_eo06p_108~~:hover{background-color:var(--new-color-red-300);color:var(--new-color-uva-black)}
1	+ ._notification_qwbrb_1{display:flex;justify-content:space-between;width:100%}._notification--default_qwbrb_7{padding:1rem}._notification--bar_qwbrb_10{border:none;padding:.5rem 1rem}._notification--neutral_qwbrb_15{background-color:var(--new-color-grey-300);border-left:.25rem solid var(--new-color-grey-600)}._notification--information_qwbrb_19{background-color:var(--new-color-navy-200);border-left:.25rem solid var(--new-color-navy-600)}._notification--success_qwbrb_23{background-color:var(--new-color-forest-200);border-left:.25rem solid var(--new-color-forest-600)}._notification--warning_qwbrb_27{background-color:var(--new-color-orange-200);border-left:.25rem solid var(--new-color-orange-600)}._notification--danger_qwbrb_31{background-color:var(--new-color-red-200);border-left:.25rem solid var(--new-color-red-600)}._notification--bar_qwbrb_10._notification--neutral_qwbrb_15{background-color:var(--new-color-grey-600);color:var(--new-color-uva-white)}._notification--bar_qwbrb_10._notification--information_qwbrb_19{background-color:var(--new-color-navy-600);color:var(--new-color-uva-white)}._notification--bar_qwbrb_10._notification--success_qwbrb_23{background-color:var(--new-color-forest-600)}._notification--bar_qwbrb_10._notification--warning_qwbrb_27{background-color:var(--new-color-orange-600)}._notification--bar_qwbrb_10._notification--danger_qwbrb_31{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._notification-content_qwbrb_55{display:flex;gap:1rem}._notification-content--text_qwbrb_59{display:flex;flex-direction:column;gap:.5rem}._notification-title_qwbrb_65{font-weight:var(--semibold);margin:0}._notification-subtitle_qwbrb_69{margin:0}._notification-close-button_qwbrb_73{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--new-color-uva-black);display:inline-flex;height:1.5rem;justify-content:center;position:relative;transition:var(--transition-colors);width:1.5rem}._notification-close-button_qwbrb_73:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._notification-close-button_qwbrb_73:hover{cursor:pointer;outline:0}._notification-close-button_qwbrb_73:after{content:"";inset:-.625rem;position:absolute}._notification-close-button--bar--neutral_qwbrb_107,._notification-close-button--bar--information_qwbrb_108,._notification-close-button--bar--danger_qwbrb_109{color:var(--new-color-uva-white)}._notification-close-button--neutral_qwbrb_113:hover{background-color:var(--new-color-grey-600);color:var(--new-color-uva-white)}._notification-close-button--information_qwbrb_117:hover{background-color:var(--new-color-navy-600);color:var(--new-color-uva-white)}._notification-close-button--success_qwbrb_121:hover{background-color:var(--new-color-forest-600)}._notification-close-button--warning_qwbrb_124:hover{background-color:var(--new-color-orange-600)}._notification-close-button--danger_qwbrb_127:hover{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._notification-close-button--bar--neutral_qwbrb_107:hover{background-color:var(--new-color-grey-300);color:var(--new-color-uva-black)}._notification-close-button--bar--information_qwbrb_108:hover{background-color:var(--new-color-navy-300);color:var(--new-color-uva-black)}._notification-close-button--bar--success_qwbrb_140:hover{background-color:var(--new-color-forest-300)}._notification-close-button--bar--warning_qwbrb_143:hover{background-color:var(--new-color-orange-300)}._notification-close-button--bar--danger_qwbrb_109:hover{background-color:var(--new-color-red-300);color:var(--new-color-uva-black)}

package/dist/assets/OverlayCloseButton.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._overlay-close-button_1gbam_1{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--new-color-uva-black);display:inline-flex;height:1.5rem;justify-content:center;position:absolute;right:.125rem;top:.125rem;transition:var(--transition-colors);width:1.5rem}._overlay-close-button_1gbam_1:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._overlay-close-button_1gbam_1:hover{background-color:var(--new-color-grey-300);cursor:pointer;outline:0}._overlay-close-button_1gbam_1:after{~~bottom:-.625rem;~~content:" ";~~left~~:-.625rem;position:absolute~~;right:-.625rem;top:-.625rem~~}@media (min-width: 28rem) and (min-height: 28rem){._overlay-close-button--padded_1gbam_39{right:1rem;top:1rem}}
1	+ ._overlay-close-button_1gbam_1{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--new-color-uva-black);display:inline-flex;height:1.5rem;justify-content:center;position:absolute;right:.125rem;top:.125rem;transition:var(--transition-colors);width:1.5rem}._overlay-close-button_1gbam_1:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._overlay-close-button_1gbam_1:hover{background-color:var(--new-color-grey-300);cursor:pointer;outline:0}._overlay-close-button_1gbam_1:after{content:" ";inset:-.625rem;position:absolute}@media (min-width: 28rem) and (min-height: 28rem){._overlay-close-button--padded_1gbam_39{right:1rem;top:1rem}}