npm - @uva-glass/component-library - Versions diffs - 3.0.9 → 3.0.11 - Mend

@uva-glass/component-library 3.0.9 → 3.0.11

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 (111) hide show

package/dist/{TablePlugin-BBgBJKsb.js → TablePlugin-o1MveXq2.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { jsxs as m, jsx as t, Fragment as Z } from "react/jsx-runtime";
-import { u as ee } from "./LexicalComposerContext.prod--Rm7-Z9o.js";
-import { c as $ } from "./clsx-OuTLNxxd.js";
-import { F as te, p as re } from "./LexicalTable.prod-Ckge-lZb.js";
-import { af as oe, l as le, N as U, a as z, a7 as ne } from "./Lexical.prod-BqkvGy5o.js";
-import { forwardRef as A, useState as C, useRef as T, useId as D, useImperativeHandle as B, useEffect as g } from "react";
-import { Button as L } from "./components/Buttons/Button.js";
+import { o as ee } from "./LexicalComposerContext.prod-DLlRM5wP.js";
+import { c as O } from "./clsx-OuTLNxxd.js";
+import { L as te, v as re } from "./LexicalTable.prod-Bb6g8CAC.js";
+import { ak as oe, N as le, a as U, l as z, ad as ne } from "./Lexical.prod-pVkgOp1j.js";
+import { forwardRef as A, useState as C, useRef as T, useId as D, useImperativeHandle as B, useEffect as L } from "react";
+import { Button as R } from "./components/Buttons/Button.js";
 import "./components/Buttons/LinkButton.js";
 import "@react-aria/button";
 import "./components/Checkbox/Checkbox.js";
@@ -17,11 +17,11 @@ import { FormField as P } from "./components/FormField/FormField.js";
 import "./components/GridRow/GridRow.js";
 import "./components/IconButton/IconButton.js";
 import "./components/Input/Input.js";
-import { InputField as M } from "./components/InputField/InputField.js";
+import { InputField as $ } from "./components/InputField/InputField.js";
 import "react-router";
-import { s as R, M as ie } from "./MultiSelectItem-D9PxdX43.js";
+import { s as g, M as ie } from "./MultiSelectItem-D9PxdX43.js";
 import "./components/RteEditor/Providers/LanguageProvider.js";
-import { e as ae, v as se } from "./helpers-CzeCSkV-.js";
+import { e as ae, v as se } from "./helpers-CtrLGKFA.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";
@@ -37,9 +37,9 @@ import "./components/Sortable/components/SortableItem.js";
 import "./SortableProvider-Ck_XnBVq.js";
 import { setScrollableContainers as _e, removeScrollableContainers as he } from "./components/RteEditor/helpers.js";
 import './assets/TablePlugin.css';function ke({ label: b, clearTrigger: d, onClear: a }) {
-  return /* @__PURE__ */ m("header", { className: R["multi-select__header"], children: [
+  return /* @__PURE__ */ m("header", { className: g["multi-select__header"], children: [
     /* @__PURE__ */ t(E, { htmlFor: "multi-select-list", children: b }),
-    d && /* @__PURE__ */ t(L, { variant: "blank", onClick: a, children: d })
+    d && /* @__PURE__ */ t(R, { variant: "blank", onClick: a, children: d })
   ] });
 }
 const j = ({ scrollable: b = !0, noBorder: d, header: a, children: l }) => /* @__PURE__ */ m(Z, { children: [
@@ -47,14 +47,14 @@ const j = ({ scrollable: b = !0, noBorder: d, header: a, children: l }) => /* @_
   /* @__PURE__ */ t(
     "div",
     {
-      className: $(R["multi-select"], {
-        [R["multi-select--no-border"]]: d
+      className: O(g["multi-select"], {
+        [g["multi-select--no-border"]]: d
       }),
       children: /* @__PURE__ */ t(
         "ul",
         {
-          className: $(R["multi-select__list"], {
-            [R["multi-select__list--scrollable"]]: b
+          className: O(g["multi-select__list"], {
+            [g["multi-select__list--scrollable"]]: b
           }),
           id: "multi-select-list",
           children: l
@@ -65,25 +65,25 @@ const j = ({ scrollable: b = !0, noBorder: d, header: a, children: l }) => /* @_
 ] });
 j.MultiSelectHeader = ke;
 j.MultiSelectItem = ie;
-const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
+const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
   linkform: ve,
   "linkform__input-field": "_linkform__input-field_x5q7m_5",
-  linkform__footer: Fe,
+  linkform__footer: we,
   "linkform__input-url-wrapper": "_linkform__input-url-wrapper_x5q7m_19",
   "linkform__open-url-button": "_linkform__open-url-button_x5q7m_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 || ""), [F, h] = C(!1), [w, k] = C(null), [v, p] = C(null), o = T(null), y = `link_${D()}`, e = `text_${D()}`, r = () => {
+    const n = H(), [f, u] = C(a.url || ""), [s, _] = C(a.linktext || ""), [w, h] = C(!1), [F, k] = C(null), [v, p] = C(null), o = T(null), y = `link_${D()}`, e = `text_${D()}`, r = () => {
       window.open(ae(f), "_blank");
-    }, N = (i) => {
+    }, x = (i) => {
       u(i.target.value);
     }, c = (i) => {
       _(i.target.value);
     }, S = (i) => se(i) === !1 || i.trim() === "" ? (k(n.errortext.urlNotValid), !1) : (k(null), !0), W = (i) => i.trim() === "" ? (p(n.errortext.linkTextNotValid), !1) : (p(null), !0), Y = () => {
-      !S(f) || F && !W(s) || (d(f, s), O());
+      !S(f) || w && !W(s) || (d(f, s), M());
     }, G = () => {
-      b(), O();
-    }, O = () => {
+      b(), M();
+    }, M = () => {
       u(""), h(!1), k(null), p(null);
     }, J = (i, X) => {
       u(i), !X && !i && h(!0);
@@ -91,33 +91,33 @@ const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
       o.current && o.current.focus();
     };
     return B(l, () => ({
-      clearForm: O,
+      clearForm: M,
       focusFirstField: Q,
       setDefaults: J
-    })), /* @__PURE__ */ m("div", { className: x.linkform, children: [
-      /* @__PURE__ */ m(P, { className: x["linkform__input-field"], children: [
+    })), /* @__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__ */ m("div", { className: x["linkform__input-url-wrapper"], children: [
+        /* @__PURE__ */ m("div", { className: N["linkform__input-url-wrapper"], children: [
           /* @__PURE__ */ t(
-            M,
+            $,
             {
               id: y,
               placeholder: n.links.linkPlaceholder,
               value: f,
-              onChange: (i) => N(i),
+              onChange: (i) => x(i),
               onFocus: () => k(null),
               ref: o,
               "aria-label": n.aria.labels.linkField
             }
           ),
-          f && /* @__PURE__ */ t("button", { type: "button", onClick: r, className: x["linkform__open-url-button"], children: /* @__PURE__ */ t(K, { name: "ArrowTopRightOnSquare", size: 20 }) })
+          f && /* @__PURE__ */ t("button", { type: "button", onClick: r, className: N["linkform__open-url-button"], children: /* @__PURE__ */ t(K, { name: "ArrowTopRightOnSquare", size: 20 }) })
         ] }),
-        w && /* @__PURE__ */ t(V, { level: "error", feedback: w })
+        F && /* @__PURE__ */ t(V, { level: "error", feedback: F })
       ] }),
-      F && /* @__PURE__ */ m(P, { className: x["linkform__input-field"], children: [
+      w && /* @__PURE__ */ m(P, { className: N["linkform__input-field"], children: [
         /* @__PURE__ */ t(E, { htmlFor: e, children: n.links.linkText }),
         /* @__PURE__ */ t(
-          M,
+          $,
           {
             id: e,
             value: s,
@@ -128,18 +128,18 @@ const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
         ),
         v && /* @__PURE__ */ t(V, { level: "error", feedback: v })
       ] }),
-      /* @__PURE__ */ m("div", { className: x.linkform__footer, children: [
-        /* @__PURE__ */ t(L, { variant: "secondary", onClick: G, "aria-label": n.common.cancel, type: "button", children: n.common.cancel }),
-        /* @__PURE__ */ t(L, { variant: "primary", onClick: Y, "aria-label": n.aria.labels.linkOkButton, type: "button", children: n.links.addLink })
+      /* @__PURE__ */ m("div", { className: N.linkform__footer, children: [
+        /* @__PURE__ */ t(R, { variant: "secondary", onClick: G, "aria-label": n.common.cancel, type: "button", children: n.common.cancel }),
+        /* @__PURE__ */ t(R, { variant: "primary", onClick: Y, "aria-label": n.aria.labels.linkOkButton, type: "button", children: n.links.addLink })
       ] })
     ] });
   }
-), we = "_tableform_t5fpq_1", Ce = "_tableform__footer_t5fpq_12", q = {
-  tableform: we,
+), Fe = "_tableform_t5fpq_1", Ce = "_tableform__footer_t5fpq_12", q = {
+  tableform: Fe,
   "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), F = `row_${D()}`, h = `column_${D()}`, w = (o, y) => {
+  const l = H(), [n, f] = C(), [u, s] = C(), _ = T(null), w = `row_${D()}`, h = `column_${D()}`, F = (o, y) => {
     const e = o.target.value;
     y === "row" ? f(parseInt(e)) : s(parseInt(e));
   }, k = () => {
@@ -155,7 +155,7 @@ const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
       var o;
       return (o = _.current) == null ? void 0 : o.focus();
     }
-  })), g(() => {
+  })), L(() => {
     const o = () => {
       v();
     };
@@ -164,14 +164,14 @@ const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
     };
   }, []), /* @__PURE__ */ m("div", { className: q.tableform, children: [
     /* @__PURE__ */ m(P, { className: q["tableform__input-field"], children: [
-      /* @__PURE__ */ t(E, { htmlFor: F, children: l.table.nrofRows }),
+      /* @__PURE__ */ t(E, { htmlFor: w, children: l.table.nrofRows }),
       /* @__PURE__ */ t(
-        M,
+        $,
         {
-          id: F,
+          id: w,
           placeholder: l.table.nrofRowsPlaceholder,
           value: n || "",
-          onChange: (o) => w(o, "row"),
+          onChange: (o) => F(o, "row"),
           "aria-label": l.aria.labels.tableRowfield,
           ref: _
         }
@@ -180,20 +180,20 @@ const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
     /* @__PURE__ */ m(P, { className: q["tableform__input-field"], children: [
       /* @__PURE__ */ t(E, { htmlFor: h, children: l.table.nrofColumns }),
       /* @__PURE__ */ t(
-        M,
+        $,
         {
           id: h,
           placeholder: l.table.nrofColumnsPlaceholder,
           value: u || "",
-          onChange: (o) => w(o, "column"),
+          onChange: (o) => F(o, "column"),
           "aria-label": l.aria.labels.tableColumnfield
         }
       )
     ] }),
     /* @__PURE__ */ m("div", { className: q.tableform__footer, children: [
-      /* @__PURE__ */ t(L, { variant: "secondary", onClick: v, "aria-label": l.common.cancel, children: l.common.cancel }),
+      /* @__PURE__ */ t(R, { variant: "secondary", onClick: v, "aria-label": l.common.cancel, children: l.common.cancel }),
       /* @__PURE__ */ t(
-        L,
+        R,
         {
           variant: "primary",
           onClick: k,
@@ -204,17 +204,17 @@ const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
       )
     ] })
   ] });
-}), Ne = 200, mt = A(({ isActive: b }, d) => {
-  const a = H(), [l] = ee(), { flyout: n, showFlyout: f, hideFlyout: u, isVisible: s } = be(), _ = T(void 0), F = T(null), h = T(!1), w = T(s), k = () => {
+}), 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), h = T(!1), F = T(s), k = () => {
     var r;
-    const e = (r = F.current) == null ? void 0 : r.getBoundingClientRect();
+    const e = (r = w.current) == null ? void 0 : r.getBoundingClientRect();
     !h.current && e && f({ position: { top: e.bottom, left: e.left }, ...y });
   }, v = () => {
     u();
   }, p = (e, r) => {
     l.update(() => {
-      const N = U(), c = pe(e, r);
-      z(N) ? N.insertNodes([c]) : ne().append(c);
+      const x = U(), c = pe(e, r);
+      z(x) ? x.insertNodes([c]) : ne().append(c);
       const S = c.getFirstDescendant();
       S && S.select();
     }), v();
@@ -222,7 +222,7 @@ const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
     l.update(() => {
       const r = U();
       if (z(r)) {
-        const N = r.anchor.getNode(), c = te(N);
+        const x = r.anchor.getNode(), c = te(x);
         if (re(c))
           switch (e) {
             case "insertRowAbove":
@@ -255,10 +255,10 @@ const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
       }
     )
   };
-  return g(() => {
+  return L(() => {
     var e, r;
-    s ? (h.current = !0, (r = _.current) == null || r.focusFirstField()) : ((e = _.current) == null || e.clearForm(), setTimeout(() => h.current = !1, Ne));
-  }, [_, s]), g(() => {
+    s ? (h.current = !0, (r = _.current) == null || r.focusFirstField()) : ((e = _.current) == null || e.clearForm(), setTimeout(() => h.current = !1, xe));
+  }, [_, s]), L(() => {
     const e = l.registerCommand(
       oe,
       (r) => r.ctrlKey && r.shiftKey && r.code === "Digit9" ? (r.preventDefault(), k(), !0) : !1,
@@ -267,11 +267,11 @@ const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
     return () => {
       e();
     };
-  }, [l]), g(() => {
-    w.current = s;
-  }, [s]), g(() => {
+  }, [l]), L(() => {
+    F.current = s;
+  }, [s]), L(() => {
     const e = (r) => {
-      r.key === "Escape" && w.current && (r.preventDefault(), r.stopPropagation(), v());
+      r.key === "Escape" && F.current && (r.preventDefault(), r.stopPropagation(), v());
     };
     return document.addEventListener("keydown", e, { capture: !0 }), () => {
       document.removeEventListener("keydown", e);
@@ -284,10 +284,10 @@ const ve = "_linkform_x5q7m_1", Fe = "_linkform__footer_x5q7m_12", x = {
       {
         onClick: k,
         title: a.table.tableTooltip,
-        className: $(I["editor__toolbar-button"], b && I["editor__toolbar-button--active"]),
+        className: O(I["editor__toolbar-button"], b && I["editor__toolbar-button--active"]),
         "aria-label": a.aria.labels.table,
         "aria-keyshortcuts": a.aria.keyshortcuts.table,
-        ref: F,
+        ref: w,
         type: "button",
         children: /* @__PURE__ */ t(K, { name: "Table", size: 24 })
       }
@@ -302,4 +302,4 @@ export {
   ke as a,
   ye as b
 };
-//# sourceMappingURL=TablePlugin-BBgBJKsb.js.map
+//# sourceMappingURL=TablePlugin-o1MveXq2.js.map

package/dist/{TablePlugin-BBgBJKsb.js.map → TablePlugin-o1MveXq2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TablePlugin-BBgBJKsb.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-o1MveXq2.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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"}

package/dist/TimelineItem-v4zDdKUz.js ADDED Viewed

@@ -0,0 +1,52 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { c as m } from "./clsx-OuTLNxxd.js";
+import './assets/TimelineItem.css';const o = "_timeline__container_9xui0_20", x = "_timeline__list_9xui0_40", b = "_timeline__item_9xui0_47", e = {
+  timeline__container: o,
+  "timeline__button-container": "_timeline__button-container_9xui0_31",
+  "timeline__button-container--active": "_timeline__button-container--active_9xui0_36",
+  timeline__list: x,
+  timeline__item: b,
+  "timeline__item--todo": "_timeline__item--todo_9xui0_78",
+  "timeline__item-title": "_timeline__item-title_9xui0_86",
+  "timeline__item--current": "_timeline__item--current_9xui0_106",
+  "timeline__item--rejected": "_timeline__item--rejected_9xui0_117",
+  "timeline__item--draft": "_timeline__item--draft_9xui0_125",
+  "timeline__item-label": "_timeline__item-label_9xui0_136",
+  "timeline__item-dark-label": "_timeline__item-dark-label_9xui0_137",
+  "timeline__item-card": "_timeline__item-card_9xui0_148",
+  "timeline__item--verified": "_timeline__item--verified_9xui0_160",
+  "timeline__item--submitted": "_timeline__item--submitted_9xui0_177"
+}, j = ({ title: c, type: i, reason: s, subtitle: n, tasks: l, completed: _ = !1 }) => /* @__PURE__ */ r(
+  "li",
+  {
+    className: m(e.timeline__item, {
+      [e["timeline__item--active"]]: i === "active" && !_,
+      [e["timeline__item--todo"]]: i === "active" && !_ || i === "submitted" && !_,
+      [e["timeline__item--submitted"]]: i === "submitted" && !_,
+      [e["timeline__item--draft"]]: i === "draft",
+      [e["timeline__item--current"]]: i === "draft",
+      [e["timeline__item--rejected"]]: i === "rejected",
+      [e["timeline__item--submitted"]]: i === "submitted",
+      [e["timeline__item--verified"]]: i === "verified"
+    }),
+    children: [
+      /* @__PURE__ */ t("span", { className: e["timeline__item-title"], "data-reason": s, children: c }),
+      n && /* @__PURE__ */ t("span", { className: e["timeline__item-dark-label"], children: n }),
+      l && l.map(({ title: a, assignee: d }, u) => /* @__PURE__ */ r("div", { className: e["timeline__item-card"], children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: m(i === "rejected" ? e["timeline__item-dark-label"] : e["timeline__item-label"]),
+            children: a
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: m(i === "rejected" ? e["timeline__item-label"] : e["timeline__item-info"]), children: d })
+      ] }, `${a}_${u}`))
+    ]
+  }
+);
+export {
+  j as T,
+  e as s
+};
+//# sourceMappingURL=TimelineItem-v4zDdKUz.js.map

package/dist/TimelineItem-v4zDdKUz.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TimelineItem-v4zDdKUz.js","sources":["../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { TimelineItemProps } from './Timeline';\n\nimport styles from 'components/Timeline/Timeline.module.css';\n\nexport const TimelineItem = ({ title, type, reason, subtitle, tasks, completed = false }: TimelineItemProps) => (\n <li\n className={clsx(styles['timeline__item'], {\n [styles['timeline__item--active']]: type === 'active' && !completed,\n [styles['timeline__item--todo']]: (type === 'active' && !completed) || (type === 'submitted' && !completed),\n [styles['timeline__item--submitted']]: type === 'submitted' && !completed,\n\n [styles['timeline__item--draft']]: type === 'draft',\n [styles['timeline__item--current']]: type === 'draft',\n [styles['timeline__item--rejected']]: type === 'rejected',\n [styles['timeline__item--submitted']]: type === 'submitted',\n [styles['timeline__item--verified']]: type === 'verified',\n })}\n >\n <span className={styles['timeline__item-title']} data-reason={reason}>\n {title}\n </span>\n {subtitle && <span className={styles['timeline__item-dark-label']}>{subtitle}</span>}\n {tasks &&\n tasks.map(({ title, assignee }, idx) => (\n <div className={styles['timeline__item-card']} key={`${title}_${idx}`}>\n <span\n className={clsx(type === 'rejected' ? styles['timeline__item-dark-label'] : styles['timeline__item-label'])}\n >\n {title}\n </span>\n <span className={clsx(type === 'rejected' ? styles['timeline__item-label'] : styles['timeline__item-info'])}>\n {assignee}\n </span>\n </div>\n ))}\n </li>\n);\n"],"names":["TimelineItem","title","type","reason","subtitle","tasks","completed","jsxs","clsx","styles","jsx","assignee","idx"],"mappings":";;;;;;;;;;;;;;;;;;GAMaA,IAAe,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,GAAO,WAAAC,IAAY,GAAA,MAC/E,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,gBAAmB;AAAA,MACxC,CAACA,EAAO,wBAAwB,CAAC,GAAGP,MAAS,YAAY,CAACI;AAAA,MAC1D,CAACG,EAAO,sBAAsB,CAAC,GAAIP,MAAS,YAAY,CAACI,KAAeJ,MAAS,eAAe,CAACI;AAAA,MACjG,CAACG,EAAO,2BAA2B,CAAC,GAAGP,MAAS,eAAe,CAACI;AAAA,MAEhE,CAACG,EAAO,uBAAuB,CAAC,GAAGP,MAAS;AAAA,MAC5C,CAACO,EAAO,yBAAyB,CAAC,GAAGP,MAAS;AAAA,MAC9C,CAACO,EAAO,0BAA0B,CAAC,GAAGP,MAAS;AAAA,MAC/C,CAACO,EAAO,2BAA2B,CAAC,GAAGP,MAAS;AAAA,MAChD,CAACO,EAAO,0BAA0B,CAAC,GAAGP,MAAS;AAAA,IAAA,CAChD;AAAA,IAED,UAAA;AAAA,MAAA,gBAAAQ,EAAC,UAAK,WAAWD,EAAO,sBAAsB,GAAG,eAAaN,GAC3D,UACHF,GAAA;AAAA,MACCG,KAAa,gBAAAM,EAAA,QAAA,EAAK,WAAWD,EAAO,2BAA2B,GAAI,UAASL,GAAA;AAAA,MAC5EC,KACCA,EAAM,IAAI,CAAC,EAAE,OAAAJ,GAAO,UAAAU,EAAS,GAAGC,MAC7B,gBAAAL,EAAA,OAAA,EAAI,WAAWE,EAAO,qBAAqB,GAC1C,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAKN,MAAS,aAAaO,EAAO,2BAA2B,IAAIA,EAAO,sBAAsB,CAAC;AAAA,YAEzG,UAAAR;AAAAA,UAAA;AAAA,QACH;AAAA,QACC,gBAAAS,EAAA,QAAA,EAAK,WAAWF,EAAKN,MAAS,aAAaO,EAAO,sBAAsB,IAAIA,EAAO,qBAAqB,CAAC,GACvG,UACHE,EAAA,CAAA;AAAA,MAAA,EAAA,GARkD,GAAGV,CAAK,IAAIW,CAAG,EASnE,CACD;AAAA,IAAA;AAAA,EAAA;AACL;"}

package/dist/__mocks__/svgrMock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"svgrMock.js","sources":["../../src/__mocks__/svgrMock.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nconst SvgrMock = forwardRef<HTMLSpanElement>((props, ref) => <span ref={ref} {...props} />);\r\nSvgrMock.displayName = 'SvgrMock';\r\n\r\nexport const ReactComponent = SvgrMock;\r\n// eslint-disable-next-line import/no-default-export\r\nexport default SvgrMock;\r\n"],"names":["SvgrMock","forwardRef","props","ref","ReactComponent"],"mappings":";;AAEM,MAAAA,IAAWC,EAA4B,CAACC,GAAOC,wBAAS,QAAK,EAAA,KAAAA,GAAW,GAAGD,GAAO,CAAE;AAC1FF,EAAS,cAAc;AAEhB,MAAMI,IAAiBJ;"}
1	+ {"version":3,"file":"svgrMock.js","sources":["../../src/__mocks__/svgrMock.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nconst SvgrMock = forwardRef<HTMLSpanElement>((props, ref) => <span ref={ref} {...props} />);\nSvgrMock.displayName = 'SvgrMock';\n\nexport const ReactComponent = SvgrMock;\n// eslint-disable-next-line import/no-default-export\nexport default SvgrMock;\n"],"names":["SvgrMock","forwardRef","props","ref","ReactComponent"],"mappings":";;AAEM,MAAAA,IAAWC,EAA4B,CAACC,GAAOC,wBAAS,QAAK,EAAA,KAAAA,GAAW,GAAGD,GAAO,CAAE;AAC1FF,EAAS,cAAc;AAEhB,MAAMI,IAAiBJ;"}

package/dist/assets/TimelineItem.css ADDED Viewed

@@ -0,0 +1 @@

+ :root{--gray-100: #faf9f9;--gray-200: #f5f4f4;--gray-300: #e7e5e4;--gray-400: #d6d3d1;--gray-500: #a8a19e;--gray-600: #78706c;--gray-700: #57514e;--gray-800: #433f3d;--gray-900: #282625;--uva-black: #000;--uva-white: #fff}._timeline__container_9xui0_20{align-items:flex-start;background-color:var(--uva-white);display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:.25rem 1rem;width:100%}._timeline__button-container_9xui0_31{margin-bottom:.5rem;margin-left:1rem}._timeline__button-container--active_9xui0_36{margin-bottom:1.5rem}._timeline__list_9xui0_40{list-style:none;margin:0;padding:0;width:100%}._timeline__item_9xui0_47{display:flex;flex-direction:column;padding-bottom:1rem;position:relative;width:100%}._timeline__item_9xui0_47:empty{min-height:1rem}._timeline__item_9xui0_47:not(:last-child):before{background-color:var(--uva-black);border:none;bottom:-1rem;content:"";left:.25rem;position:absolute;top:1rem;width:1px}._timeline__item_9xui0_47:last-child{padding-bottom:0}._timeline__item_9xui0_47:nth-last-child(2):before{bottom:-.75rem}._timeline__item--todo_9xui0_78:not(:last-child):before{background:repeating-linear-gradient(to bottom,transparent 0 4px,var(--gray-400) 4px 8px) 80%/2px 100% no-repeat}._timeline__item_9xui0_47:empty:before{top:-2rem}._timeline__item-title_9xui0_86{align-items:center;display:inline-flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--semi-bold);position:relative}._timeline__item-title_9xui0_86:before{background-color:var(--uva-black);border-radius:50%;content:"";height:.375rem;margin-left:.0625rem;margin-right:1.0625rem;position:relative;width:.375rem}._timeline__item--current_9xui0_106 ._timeline__item-title_9xui0_86:before{height:.5rem;margin-left:0;margin-right:1rem;width:.5rem}._timeline__item--todo_9xui0_78 ._timeline__item-title_9xui0_86:before{background-color:var(--gray-400)}._timeline__item--rejected_9xui0_117 ._timeline__item-title_9xui0_86:before{border-radius:0;height:.125rem;margin-left:0;margin-right:1rem;width:.5rem}._timeline__item--draft_9xui0_125:last-child ._timeline__item-title_9xui0_86:before{background-color:var(--uva-black);border-radius:50%;content:"";height:.375rem;margin-left:.0625rem;margin-right:1.0625rem;position:relative;width:.375rem}._timeline__item-label_9xui0_136,._timeline__item-dark-label_9xui0_137{color:var(--gray-700);font-size:var(--font-size-text-non-essential)}._timeline__item-dark-label_9xui0_137{color:var(--uva-black);margin-bottom:.25rem;margin-left:1.5rem}._timeline__item-card_9xui0_148{display:flex;flex-direction:column;margin-bottom:.25rem;margin-left:1.5rem;padding:.5rem 0}._timeline__item-card_9xui0_148 ._timeline__item-dark-label_9xui0_137{margin-left:0}._timeline__item--verified_9xui0_160 ._timeline__item-card_9xui0_148,._timeline__item--rejected_9xui0_117 ._timeline__item-card_9xui0_148,._timeline__item--draft_9xui0_125 ._timeline__item-card_9xui0_148{padding:.125rem 0}._timeline__item--todo_9xui0_78 ._timeline__item-card_9xui0_148{background-color:var(--gray-200);padding:.5rem .75rem}._timeline__item--submitted_9xui0_177:not(._timeline__item--todo_9xui0_78) ._timeline__item-card_9xui0_148{padding:.125rem 0}._timeline__item--draft_9xui0_125:not(:last-child) ._timeline__item-card_9xui0_148{background-color:var(--gray-200);padding:.5rem .75rem}._timeline__item--verified_9xui0_160 ._timeline__item-title_9xui0_86:after{background-color:var(--gray-200);border-radius:.25rem;color:var(--color-grey-500);content:attr(data-reason);font-size:var(--font-size-text-non-essential);margin-left:.5rem;padding:.25rem .5rem}

package/dist/assets/VarIndicator.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--color-active: var(--color-forest-700);--color-active-hover: var(--color-uva-white);--color-background-active: var(--color-forest-100);--color-background-active-hover: var(--color-forest-700);--color-background-draft: var(--color-sky-100);--color-background-draft-hover: var(--color-navy-600);--color-background-submitted: var(--color-orange-100);--color-background-submitted-hover: var(--color-orange-900);--color-border-active: var(--color-forest-700);--color-border-draft: var(--color-navy-600);--color-border-submitted: var(--color-orange-900);--color-draft: var(--color-navy-600);--color-draft-hover: var(--color-uva-white);--color-label: var(--color-uva-black);--color-submitted: var(--color-orange-900);--color-submitted-hover: var(--color-uva-white);--color-forest-100: #edf4ee;--color-forest-700: #256835;--color-navy-600: #0562b4;--color-orange-100: #fff3e2;--color-orange-900: #a45c00;--color-sky-100: #eef8fb;--color-uva-black: #1b1918;--color-uva-white: #fff;--border-radius-var-indicator: .25rem}._var-~~indicator__container_1840l_38~~{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid;border-radius:var(--border-radius-var-indicator);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);font-weight:var(--semibold);gap:.375rem;height:2rem;justify-content:center;line-height:inherit;margin:0;padding:0 .75rem 0 .5rem;white-space:nowrap}._var-indicator__container--~~draft_1840l_58~~,._var-indicator__container--~~rejected_1840l_59~~{background-color:var(--color-background-draft);border-color:var(--color-border-draft);color:var(--color-draft)}._var-indicator__container--~~draft_1840l_58~~:hover,._var-indicator__container--~~rejected_1840l_59~~:hover{background-color:var(--color-background-draft-hover);color:var(--color-draft-hover)}._var-indicator__container--~~submitted_1840l_71~~{background-color:var(--color-background-submitted);border-color:var(--color-border-submitted);color:var(--color-submitted)}._var-indicator__container--~~submitted_1840l_71~~:hover{background-color:var(--color-background-submitted-hover);color:var(--color-submitted-hover)}._var-indicator__container--~~active_1840l_82~~{background-color:var(--color-background-active);border-color:var(--color-border-active);color:var(--color-active)}._var-indicator__container--~~active_1840l_82~~:hover{background-color:var(--color-background-active-hover);color:var(--color-active-hover)}._var-~~indicator__label_1840l_93~~{color:var(--color-label)}._var-indicator__container--~~submitted_1840l_71~~:hover ._var-~~indicator__label_1840l_93~~,._var-indicator__container--~~draft_1840l_58~~:hover ._var-~~indicator__label_1840l_93~~,._var-indicator__container--~~rejected_1840l_59~~:hover ._var-~~indicator__label_1840l_93~~,._var-indicator__container--~~active_1840l_82~~:hover ._var-~~indicator__label_1840l_93~~{color:var(--color-uva-white)}._var-indicator__step-~~container_1840l_104~~{align-items:center;~~justify-content:flex-start;~~display:inline flex;height:100%}._var-indicator__step-~~container_1840l_104~~ svg{margin:0 -.5rem}
1	+ :root{--color-active: var(--color-forest-700);--color-active-hover: var(--color-uva-white);--color-background-active: var(--color-forest-100);--color-background-active-hover: var(--color-forest-700);--color-background-draft: var(--color-sky-100);--color-background-draft-hover: var(--color-navy-600);--color-background-submitted: var(--color-orange-100);--color-background-submitted-hover: var(--color-orange-900);--color-border-active: var(--color-forest-700);--color-border-draft: var(--color-navy-600);--color-border-submitted: var(--color-orange-900);--color-draft: var(--color-navy-600);--color-draft-hover: var(--color-uva-white);--color-label: var(--color-uva-black);--color-submitted: var(--color-orange-900);--color-submitted-hover: var(--color-uva-white);--color-forest-100: #edf4ee;--color-forest-700: #256835;--color-navy-600: #0562b4;--color-orange-100: #fff3e2;--color-orange-900: #a45c00;--color-sky-100: #eef8fb;--color-uva-black: #1b1918;--color-uva-white: #fff;--border-radius-var-indicator: .25rem}._var-indicator__container_1bf94_40{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid;border-radius:var(--border-radius-var-indicator);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);font-weight:var(--semibold);gap:.375rem;height:2rem;justify-content:center;line-height:inherit;margin:0;padding:0 .75rem 0 .5rem;white-space:nowrap}._var-indicator__container--draft_1bf94_59,._var-indicator__container--rejected_1bf94_60{background-color:var(--color-background-draft);border-color:var(--color-border-draft);color:var(--color-draft)}._var-indicator__container--draft_1bf94_59:hover,._var-indicator__container--rejected_1bf94_60:hover{background-color:var(--color-background-draft-hover);color:var(--color-draft-hover)}._var-indicator__container--submitted_1bf94_72{background-color:var(--color-background-submitted);border-color:var(--color-border-submitted);color:var(--color-submitted)}._var-indicator__container--submitted_1bf94_72:hover{background-color:var(--color-background-submitted-hover);color:var(--color-submitted-hover)}._var-indicator__container--active_1bf94_83{background-color:var(--color-background-active);border-color:var(--color-border-active);color:var(--color-active)}._var-indicator__container--active_1bf94_83:hover{background-color:var(--color-background-active-hover);color:var(--color-active-hover)}._var-indicator__label_1bf94_94{color:var(--color-label)}._var-indicator__container--submitted_1bf94_72:hover ._var-indicator__label_1bf94_94,._var-indicator__container--draft_1bf94_59:hover ._var-indicator__label_1bf94_94,._var-indicator__container--rejected_1bf94_60:hover ._var-indicator__label_1bf94_94,._var-indicator__container--active_1bf94_83:hover ._var-indicator__label_1bf94_94{color:var(--color-uva-white)}._var-indicator__step-container_1bf94_105{align-items:center;display:inline flex;height:100%;justify-content:flex-start}._var-indicator__step-container_1bf94_105 svg{margin:0 -.5rem}

package/dist/assets/variables.css CHANGED Viewed

@@ -41,9 +41,9 @@
   --color-amour: #ffe5ec;
   --color-dandelion: #ffde66;
   --color-natural-wood: #fff6d6;
-  --color-uva-black: #1F1D20;
+  --color-uva-black: #1f1d20;
   --color-uva-red-transparent: rgba(189 0 50 / 10%);
-  --color-electric-violet: #9747FF;
+  --color-electric-violet: #9747ff;
   --color-lemon-grass: #99998a;
   --color-vista-blue: #8feabb;
   --color-medium-aquamarine: #62df9f;
@@ -53,5 +53,5 @@
   --color-columbia-blue: #a1e7fc;
   --color-light-cyan: #e1f8ff;
   --color-lavender-transparent: rgba(235 235 236 / 50%);
-  --color-natural-wool: #FFF6D6;
+  --color-natural-wool: #fff6d6;
 }

package/dist/components/Accordion/Accordion.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.test.js","sources":["../../../src/components/Accordion/Accordion.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\r\nimport { render, screen } from '@testing-library/react';\r\nimport userEvent from '@testing-library/user-event';\r\n\r\nimport { Accordion } from './Accordion';\r\n\r\ndescribe('Accordion', () => {\r\n it('should render', () => {\r\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\r\n const titleElement = screen.getByText('Test Accordion');\r\n expect(titleElement).toBeInTheDocument();\r\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\r\n });\r\n\r\n it('should display content when expanded by default', () => {\r\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" expanded />);\r\n const titleElement = screen.getByText('Test Accordion');\r\n expect(titleElement).toBeInTheDocument();\r\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\r\n });\r\n\r\n it('should toggle content visibility on click', async () => {\r\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\r\n const titleElement = screen.getByText('Test Accordion');\r\n await userEvent.click(titleElement);\r\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\r\n await userEvent.click(titleElement);\r\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\r\n });\r\n\r\n it('should toggle content visibility on Enter key press', async () => {\r\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\r\n const titleElement = screen.getByText('Test Accordion');\r\n await userEvent.keyboard('[Tab]');\r\n await userEvent.keyboard('[Enter]');\r\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\r\n await userEvent.keyboard('[Enter]');\r\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\r\n });\r\n\r\n it('should toggle content visibility on Space key press', async () => {\r\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\r\n const titleElement = screen.getByText('Test Accordion');\r\n await userEvent.keyboard('[Tab]');\r\n await userEvent.keyboard('[Space]');\r\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\r\n await userEvent.keyboard('[Space]');\r\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\r\n });\r\n});\r\n"],"names":["render","Accordion","titleElement","screen","jsx","userEvent"],"mappings":";;;;;AAMA,SAAS,aAAa,MAAM;AAC1B,KAAG,iBAAiB,MAAM;AACxB,IAAAA,oBAAQC,GAAU,EAAA,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAC5D,UAAAC,IAAeC,EAAO,UAAU,gBAAgB;AAC/C,WAAAD,CAAY,EAAE,kBAAkB,GACvC,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CAC9D,GAED,GAAG,mDAAmD,MAAM;AACnD,IAAAF,EAAA,gBAAAI,EAACH,KAAU,OAAM,kBAAiB,SAAQ,gBAAe,UAAQ,IAAC,CAAE;AACrE,UAAAC,IAAeC,EAAO,UAAU,gBAAgB;AAC/C,WAAAD,CAAY,EAAE,kBAAkB,GACvC,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,MAAM;AAAA,EAAA,CAC7D,GAED,GAAG,6CAA6C,YAAY;AAC1D,IAAAF,oBAAQC,GAAU,EAAA,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAC5D,UAAAC,IAAeC,EAAO,UAAU,gBAAgB;AAChD,UAAAE,EAAU,MAAMH,CAAY,GAClC,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,MAAAG,EAAU,MAAMH,CAAY,GAClC,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CAC9D,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAF,oBAAQC,GAAU,EAAA,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAC5D,UAAAC,IAAeC,EAAO,UAAU,gBAAgB;AAChD,UAAAE,EAAU,SAAS,OAAO,GAC1B,MAAAA,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,MAAAG,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CAC9D,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAF,oBAAQC,GAAU,EAAA,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAC5D,UAAAC,IAAeC,EAAO,UAAU,gBAAgB;AAChD,UAAAE,EAAU,SAAS,OAAO,GAC1B,MAAAA,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,MAAAG,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CAC9D;AACH,CAAC;"}
1	+ {"version":3,"file":"Accordion.test.js","sources":["../../../src/components/Accordion/Accordion.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Accordion } from './Accordion';\n\ndescribe('Accordion', () => {\n it('should render', () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n expect(titleElement).toBeInTheDocument();\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n\n it('should display content when expanded by default', () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" expanded />);\n const titleElement = screen.getByText('Test Accordion');\n expect(titleElement).toBeInTheDocument();\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n });\n\n it('should toggle content visibility on click', async () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n await userEvent.click(titleElement);\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n await userEvent.click(titleElement);\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n\n it('should toggle content visibility on Enter key press', async () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n await userEvent.keyboard('[Tab]');\n await userEvent.keyboard('[Enter]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n await userEvent.keyboard('[Enter]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n\n it('should toggle content visibility on Space key press', async () => {\n render(<Accordion title=\"Test Accordion\" content=\"Test Content\" />);\n const titleElement = screen.getByText('Test Accordion');\n await userEvent.keyboard('[Tab]');\n await userEvent.keyboard('[Space]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'true');\n await userEvent.keyboard('[Space]');\n expect(titleElement).toHaveAttribute('aria-expanded', 'false');\n });\n});\n"],"names":["render","Accordion","titleElement","screen","jsx","userEvent"],"mappings":";;;;;AAMA,SAAS,aAAa,MAAM;AAC1B,KAAG,iBAAiB,MAAM;AACxB,IAAAA,oBAAQC,GAAU,EAAA,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAC5D,UAAAC,IAAeC,EAAO,UAAU,gBAAgB;AAC/C,WAAAD,CAAY,EAAE,kBAAkB,GACvC,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CAC9D,GAED,GAAG,mDAAmD,MAAM;AACnD,IAAAF,EAAA,gBAAAI,EAACH,KAAU,OAAM,kBAAiB,SAAQ,gBAAe,UAAQ,IAAC,CAAE;AACrE,UAAAC,IAAeC,EAAO,UAAU,gBAAgB;AAC/C,WAAAD,CAAY,EAAE,kBAAkB,GACvC,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,MAAM;AAAA,EAAA,CAC7D,GAED,GAAG,6CAA6C,YAAY;AAC1D,IAAAF,oBAAQC,GAAU,EAAA,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAC5D,UAAAC,IAAeC,EAAO,UAAU,gBAAgB;AAChD,UAAAE,EAAU,MAAMH,CAAY,GAClC,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,MAAAG,EAAU,MAAMH,CAAY,GAClC,OAAOA,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CAC9D,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAF,oBAAQC,GAAU,EAAA,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAC5D,UAAAC,IAAeC,EAAO,UAAU,gBAAgB;AAChD,UAAAE,EAAU,SAAS,OAAO,GAC1B,MAAAA,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,MAAAG,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CAC9D,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAF,oBAAQC,GAAU,EAAA,OAAM,kBAAiB,SAAQ,gBAAe,CAAE;AAC5D,UAAAC,IAAeC,EAAO,UAAU,gBAAgB;AAChD,UAAAE,EAAU,SAAS,OAAO,GAC1B,MAAAA,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,MAAM,GACtD,MAAAG,EAAU,SAAS,SAAS,GAClC,OAAOH,CAAY,EAAE,gBAAgB,iBAAiB,OAAO;AAAA,EAAA,CAC9D;AACH,CAAC;"}

package/dist/components/AccordionCard/AccordionCard.test.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionCard.test.js","sources":["../../../src/components/AccordionCard/AccordionCard.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\r\nimport { fireEvent, render, screen, waitFor } from '@testing-library/react';\r\nimport userEvent from '@testing-library/user-event';\r\n\r\nimport { AccordionCard } from './AccordionCard';\r\n\r\ndescribe('AccordionCard', () => {\r\n it('should render', () => {\r\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} expanded />);\r\n expect(screen.getByText('Test Accordion Card')).toBeInTheDocument();\r\n expect(screen.getByText('TestComponent')).toBeInTheDocument();\r\n });\r\n\r\n it('should display content when expanded by default', () => {\r\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} expanded />);\r\n expect(screen.getByText('Test Accordion Card')).toBeInTheDocument();\r\n expect(screen.getByText('TestComponent')).toHaveClass('accordion-card__content--expanded');\r\n });\r\n\r\n it('should toggle content visibility on click', () => {\r\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\r\n const titleElement = screen.getByText('Test Accordion Card');\r\n const contentElement = screen.getByText('TestComponent');\r\n expect(titleElement).toBeInTheDocument();\r\n fireEvent.click(titleElement);\r\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\r\n fireEvent.click(titleElement);\r\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\r\n });\r\n\r\n it('should toggle content visibility on Enter key press', async () => {\r\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\r\n const titleElement = screen.getByRole('button');\r\n const contentElement = screen.getByText('TestComponent');\r\n titleElement.focus();\r\n await userEvent.keyboard('[Enter]');\r\n await waitFor(() => {\r\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\r\n });\r\n await userEvent.keyboard('[Enter]');\r\n await waitFor(() => {\r\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\r\n });\r\n });\r\n\r\n it('should toggle content visibility on Space key press', async () => {\r\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\r\n const titleElement = screen.getByRole('button');\r\n const contentElement = screen.getByText('TestComponent');\r\n titleElement.focus();\r\n await userEvent.keyboard('[Space]');\r\n await waitFor(() => {\r\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\r\n });\r\n await userEvent.keyboard('[Space]');\r\n await waitFor(() => {\r\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\r\n });\r\n });\r\n});\r\n"],"names":["render","jsx","AccordionCard","screen","titleElement","contentElement","fireEvent","userEvent","waitFor"],"mappings":";;;;;AAMA,SAAS,iBAAiB,MAAM;AAC9B,KAAG,iBAAiB,MAAM;AACjB,IAAAA,EAAA,gBAAAC,EAACC,KAAc,OAAM,uBAAsB,SAAS,iBAAiB,UAAQ,IAAC,CAAE,GACvF,OAAOC,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAkB,GAClE,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC7D,GAED,GAAG,mDAAmD,MAAM;AACnD,IAAAH,EAAA,gBAAAC,EAACC,KAAc,OAAM,uBAAsB,SAAS,iBAAiB,UAAQ,IAAC,CAAE,GACvF,OAAOC,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAkB,GAClE,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,YAAY,mCAAmC;AAAA,EAAA,CAC1F,GAED,GAAG,6CAA6C,MAAM;AACpD,IAAAH,oBAAQE,GAAc,EAAA,OAAM,uBAAsB,SAAS,iBAAiB,CAAE;AACxE,UAAAE,IAAeD,EAAO,UAAU,qBAAqB,GACrDE,IAAiBF,EAAO,UAAU,eAAe;AAChD,WAAAC,CAAY,EAAE,kBAAkB,GACvCE,EAAU,MAAMF,CAAY,GACrB,OAAAC,CAAc,EAAE,YAAY,mCAAmC,GACtEC,EAAU,MAAMF,CAAY,GAC5B,OAAOC,CAAc,EAAE,IAAI,YAAY,mCAAmC;AAAA,EAAA,CAC3E,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAL,oBAAQE,GAAc,EAAA,OAAM,uBAAsB,SAAS,iBAAiB,CAAE;AACxE,UAAAE,IAAeD,EAAO,UAAU,QAAQ,GACxCE,IAAiBF,EAAO,UAAU,eAAe;AACvD,IAAAC,EAAa,MAAM,GACb,MAAAG,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AACX,aAAAH,CAAc,EAAE,YAAY,mCAAmC;AAAA,IAAA,CACvE,GACK,MAAAE,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AAClB,aAAOH,CAAc,EAAE,IAAI,YAAY,mCAAmC;AAAA,IAAA,CAC3E;AAAA,EAAA,CACF,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAL,oBAAQE,GAAc,EAAA,OAAM,uBAAsB,SAAS,iBAAiB,CAAE;AACxE,UAAAE,IAAeD,EAAO,UAAU,QAAQ,GACxCE,IAAiBF,EAAO,UAAU,eAAe;AACvD,IAAAC,EAAa,MAAM,GACb,MAAAG,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AACX,aAAAH,CAAc,EAAE,YAAY,mCAAmC;AAAA,IAAA,CACvE,GACK,MAAAE,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AAClB,aAAOH,CAAc,EAAE,IAAI,YAAY,mCAAmC;AAAA,IAAA,CAC3E;AAAA,EAAA,CACF;AACH,CAAC;"}
1	+ {"version":3,"file":"AccordionCard.test.js","sources":["../../../src/components/AccordionCard/AccordionCard.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { AccordionCard } from './AccordionCard';\n\ndescribe('AccordionCard', () => {\n it('should render', () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} expanded />);\n expect(screen.getByText('Test Accordion Card')).toBeInTheDocument();\n expect(screen.getByText('TestComponent')).toBeInTheDocument();\n });\n\n it('should display content when expanded by default', () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} expanded />);\n expect(screen.getByText('Test Accordion Card')).toBeInTheDocument();\n expect(screen.getByText('TestComponent')).toHaveClass('accordion-card__content--expanded');\n });\n\n it('should toggle content visibility on click', () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\n const titleElement = screen.getByText('Test Accordion Card');\n const contentElement = screen.getByText('TestComponent');\n expect(titleElement).toBeInTheDocument();\n fireEvent.click(titleElement);\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\n fireEvent.click(titleElement);\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\n });\n\n it('should toggle content visibility on Enter key press', async () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\n const titleElement = screen.getByRole('button');\n const contentElement = screen.getByText('TestComponent');\n titleElement.focus();\n await userEvent.keyboard('[Enter]');\n await waitFor(() => {\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\n });\n await userEvent.keyboard('[Enter]');\n await waitFor(() => {\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\n });\n });\n\n it('should toggle content visibility on Space key press', async () => {\n render(<AccordionCard title=\"Test Accordion Card\" content={'TestComponent'} />);\n const titleElement = screen.getByRole('button');\n const contentElement = screen.getByText('TestComponent');\n titleElement.focus();\n await userEvent.keyboard('[Space]');\n await waitFor(() => {\n expect(contentElement).toHaveClass('accordion-card__content--expanded');\n });\n await userEvent.keyboard('[Space]');\n await waitFor(() => {\n expect(contentElement).not.toHaveClass('accordion-card__content--expanded');\n });\n });\n});\n"],"names":["render","jsx","AccordionCard","screen","titleElement","contentElement","fireEvent","userEvent","waitFor"],"mappings":";;;;;AAMA,SAAS,iBAAiB,MAAM;AAC9B,KAAG,iBAAiB,MAAM;AACjB,IAAAA,EAAA,gBAAAC,EAACC,KAAc,OAAM,uBAAsB,SAAS,iBAAiB,UAAQ,IAAC,CAAE,GACvF,OAAOC,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAkB,GAClE,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC7D,GAED,GAAG,mDAAmD,MAAM;AACnD,IAAAH,EAAA,gBAAAC,EAACC,KAAc,OAAM,uBAAsB,SAAS,iBAAiB,UAAQ,IAAC,CAAE,GACvF,OAAOC,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAkB,GAClE,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,YAAY,mCAAmC;AAAA,EAAA,CAC1F,GAED,GAAG,6CAA6C,MAAM;AACpD,IAAAH,oBAAQE,GAAc,EAAA,OAAM,uBAAsB,SAAS,iBAAiB,CAAE;AACxE,UAAAE,IAAeD,EAAO,UAAU,qBAAqB,GACrDE,IAAiBF,EAAO,UAAU,eAAe;AAChD,WAAAC,CAAY,EAAE,kBAAkB,GACvCE,EAAU,MAAMF,CAAY,GACrB,OAAAC,CAAc,EAAE,YAAY,mCAAmC,GACtEC,EAAU,MAAMF,CAAY,GAC5B,OAAOC,CAAc,EAAE,IAAI,YAAY,mCAAmC;AAAA,EAAA,CAC3E,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAL,oBAAQE,GAAc,EAAA,OAAM,uBAAsB,SAAS,iBAAiB,CAAE;AACxE,UAAAE,IAAeD,EAAO,UAAU,QAAQ,GACxCE,IAAiBF,EAAO,UAAU,eAAe;AACvD,IAAAC,EAAa,MAAM,GACb,MAAAG,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AACX,aAAAH,CAAc,EAAE,YAAY,mCAAmC;AAAA,IAAA,CACvE,GACK,MAAAE,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AAClB,aAAOH,CAAc,EAAE,IAAI,YAAY,mCAAmC;AAAA,IAAA,CAC3E;AAAA,EAAA,CACF,GAED,GAAG,uDAAuD,YAAY;AACpE,IAAAL,oBAAQE,GAAc,EAAA,OAAM,uBAAsB,SAAS,iBAAiB,CAAE;AACxE,UAAAE,IAAeD,EAAO,UAAU,QAAQ,GACxCE,IAAiBF,EAAO,UAAU,eAAe;AACvD,IAAAC,EAAa,MAAM,GACb,MAAAG,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AACX,aAAAH,CAAc,EAAE,YAAY,mCAAmC;AAAA,IAAA,CACvE,GACK,MAAAE,EAAU,SAAS,SAAS,GAClC,MAAMC,EAAQ,MAAM;AAClB,aAAOH,CAAc,EAAE,IAAI,YAAY,mCAAmC;AAAA,IAAA,CAC3E;AAAA,EAAA,CACF;AACH,CAAC;"}