@uva-glass/component-library 3.1.0 → 3.2.0

package/dist/{TablePlugin-DlTujN8R.js → TablePlugin-DKzssVbg.js}

@@ -1,10 +1,10 @@
 import { jsxs as m, jsx as t, Fragment as Z } from "react/jsx-runtime";
 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-B1mw85mv.js";
-import { ak as oe, N as le, a as U, l as z, ad as ne } from "./Lexical.prod-LIa6Q94i.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 { z as te, T as re } from "./LexicalTable.prod-BsmIydKv.js";
+import { ao as oe, N as le, a as H, l as U, ae as ne } from "./Lexical.prod-Bu-Iw9VX.js";
+import { forwardRef as $, useState as C, useRef as T, useId as D, useImperativeHandle as A, useEffect as g } from "react";
+import { Button as L } from "./components/Buttons/Button.js";
 import "./components/Buttons/LinkButton.js";
 import "@react-aria/button";
 import "./components/Checkbox/Checkbox.js";
@@ -17,14 +17,14 @@ 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 $ } from "./components/InputField/InputField.js";
+import { InputField as z } from "./components/InputField/InputField.js";
 import "react-router";
-import { s as g, M as ie } from "./MultiSelectItem-D9PxdX43.js";
+import { s as R, M as ie } from "./MultiSelectItem-D9PxdX43.js";
 import "./components/RteEditor/Providers/LanguageProvider.js";
-import { e as ae, v as se } from "./helpers-BFkCPTTp.js";
+import { e as ae, v as se } from "./helpers-D13uK95u.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";
+import { useTranslation as B } from "./components/RteEditor/hooks/useTranslation.js";
 import "./components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 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";
@@ -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: g["multi-select__header"], children: [
+  return /* @__PURE__ */ m("header", { className: R["multi-select__header"], children: [
     /* @__PURE__ */ t(E, { htmlFor: "multi-select-list", children: b }),
-    d && /* @__PURE__ */ t(R, { variant: "blank", onClick: a, children: d })
+    d && /* @__PURE__ */ t(L, { 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: O(g["multi-select"], {
-        [g["multi-select--no-border"]]: d
+      className: O(R["multi-select"], {
+        [R["multi-select--no-border"]]: d
       }),
       children: /* @__PURE__ */ t(
         "ul",
         {
-          className: O(g["multi-select__list"], {
-            [g["multi-select__list--scrollable"]]: b
+          className: O(R["multi-select__list"], {
+            [R["multi-select__list--scrollable"]]: b
           }),
           id: "multi-select-list",
           children: l
@@ -71,9 +71,9 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
   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(
+}, ct = $(
   ({ onCloseHandler: b, onSaveHandler: d, isLink: a = { active: !1, url: "", linktext: "" } }, l) => {
-    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 = () => {
+    const n = B(), [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");
     }, x = (i) => {
       u(i.target.value);
@@ -90,7 +90,7 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
     }, Q = () => {
       o.current && o.current.focus();
     };
-    return B(l, () => ({
+    return A(l, () => ({
       clearForm: M,
       focusFirstField: Q,
       setDefaults: J
@@ -99,7 +99,7 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
         /* @__PURE__ */ t(E, { htmlFor: y, children: n.links.linkLabel }),
         /* @__PURE__ */ m("div", { className: N["linkform__input-url-wrapper"], children: [
           /* @__PURE__ */ t(
-            $,
+            z,
             {
               id: y,
               placeholder: n.links.linkPlaceholder,
@@ -117,7 +117,7 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
       w && /* @__PURE__ */ m(P, { className: N["linkform__input-field"], children: [
         /* @__PURE__ */ t(E, { htmlFor: e, children: n.links.linkText }),
         /* @__PURE__ */ t(
-          $,
+          z,
           {
             id: e,
             value: s,
@@ -129,8 +129,8 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
         v && /* @__PURE__ */ t(V, { level: "error", feedback: v })
       ] }),
       /* @__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 })
+        /* @__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 })
       ] })
     ] });
   }
@@ -138,8 +138,8 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
   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), w = `row_${D()}`, h = `column_${D()}`, F = (o, y) => {
+}, ye = $(({ onCloseHandler: b, onSaveHandler: d }, a) => {
+  const l = B(), [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 = () => {
@@ -149,13 +149,13 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
   }, p = () => {
     f(void 0), s(void 0);
   };
-  return B(a, () => ({
+  return A(a, () => ({
     clearForm: p,
     focusFirstField: () => {
       var o;
       return (o = _.current) == null ? void 0 : o.focus();
     }
-  })), L(() => {
+  })), g(() => {
     const o = () => {
       v();
     };
@@ -166,7 +166,7 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
     /* @__PURE__ */ m(P, { className: q["tableform__input-field"], children: [
       /* @__PURE__ */ t(E, { htmlFor: w, children: l.table.nrofRows }),
       /* @__PURE__ */ t(
-        $,
+        z,
         {
           id: w,
           placeholder: l.table.nrofRowsPlaceholder,
@@ -180,7 +180,7 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
     /* @__PURE__ */ m(P, { className: q["tableform__input-field"], children: [
       /* @__PURE__ */ t(E, { htmlFor: h, children: l.table.nrofColumns }),
       /* @__PURE__ */ t(
-        $,
+        z,
         {
           id: h,
           placeholder: l.table.nrofColumnsPlaceholder,
@@ -191,9 +191,9 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
       )
     ] }),
     /* @__PURE__ */ m("div", { className: q.tableform__footer, children: [
-      /* @__PURE__ */ t(R, { variant: "secondary", onClick: v, "aria-label": l.common.cancel, children: l.common.cancel }),
+      /* @__PURE__ */ t(L, { variant: "secondary", onClick: v, "aria-label": l.common.cancel, children: l.common.cancel }),
       /* @__PURE__ */ t(
-        R,
+        L,
         {
           variant: "primary",
           onClick: k,
@@ -204,8 +204,8 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
       )
     ] })
   ] });
-}), 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 = () => {
+}), xe = 200, mt = $(({ isActive: b }, d) => {
+  const a = B(), [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 = w.current) == null ? void 0 : r.getBoundingClientRect();
     !h.current && e && f({ position: { top: e.bottom, left: e.left }, ...y });
@@ -213,15 +213,15 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
     u();
   }, p = (e, r) => {
     l.update(() => {
-      const x = U(), c = pe(e, r);
-      z(x) ? x.insertNodes([c]) : ne().append(c);
+      const x = H(), c = pe(e, r);
+      U(x) ? x.insertNodes([c]) : ne().append(c);
       const S = c.getFirstDescendant();
       S && S.select();
     }), v();
   }, o = (e) => {
     l.update(() => {
-      const r = U();
-      if (z(r)) {
+      const r = H();
+      if (U(r)) {
         const x = r.anchor.getNode(), c = te(x);
         if (re(c))
           switch (e) {
@@ -255,10 +255,10 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
       }
     )
   };
-  return L(() => {
+  return g(() => {
     var e, r;
     s ? (h.current = !0, (r = _.current) == null || r.focusFirstField()) : ((e = _.current) == null || e.clearForm(), setTimeout(() => h.current = !1, xe));
-  }, [_, s]), L(() => {
+  }, [_, s]), g(() => {
     const e = l.registerCommand(
       oe,
       (r) => r.ctrlKey && r.shiftKey && r.code === "Digit9" ? (r.preventDefault(), k(), !0) : !1,
@@ -267,16 +267,16 @@ const ve = "_linkform_x5q7m_1", we = "_linkform__footer_x5q7m_12", N = {
     return () => {
       e();
     };
-  }, [l]), L(() => {
+  }, [l]), g(() => {
     F.current = s;
-  }, [s]), L(() => {
+  }, [s]), g(() => {
     const e = (r) => {
       r.key === "Escape" && F.current && (r.preventDefault(), r.stopPropagation(), v());
     };
     return document.addEventListener("keydown", e, { capture: !0 }), () => {
       document.removeEventListener("keydown", e);
     };
-  }, []), B(d, () => ({
+  }, []), A(d, () => ({
     mutateTable: o
   })), /* @__PURE__ */ t("div", { className: I["editor__toolbar-button-group"], children: /* @__PURE__ */ m("div", { className: I["editor__toolbar-button-flyoutwrapper"], children: [
     /* @__PURE__ */ t(
@@ -302,4 +302,4 @@ export {
   ke as a,
   ye as b
 };
-//# sourceMappingURL=TablePlugin-DlTujN8R.js.map
+//# sourceMappingURL=TablePlugin-DKzssVbg.js.map

package/dist/{TablePlugin-DlTujN8R.js.map → TablePlugin-DKzssVbg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TablePlugin-DlTujN8R.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,SAASA,GAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,EAAA,CAAA;AAAA,EAAA,GAEJ;AAEJ;ACFa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF,EACF,CAAA;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;;;;;;;GCjBjBC,KAAcC;AAAA,EACzB,CACE,EAAE,gBAAAC,GAAgB,eAAAC,GAAe,QAAAC,IAAS,EAAE,QAAQ,IAAO,KAAK,IAAI,UAAU,GAAG,EAAA,GACjFC,MACgB;AAChB,UAAMC,IAAIC,EAAe,GACnB,CAACC,GAAKC,CAAM,IAAIC,EAAiBN,EAAO,OAAO,EAAE,GACjD,CAACO,GAAUC,CAAW,IAAIF,EAAiBN,EAAO,YAAY,EAAE,GAChE,CAACS,GAAmBC,CAAoB,IAAIJ,EAAkB,EAAK,GACnE,CAACK,GAAUC,CAAW,IAAIN,EAAwB,IAAI,GACtD,CAACO,GAAeC,CAAgB,IAAIR,EAAwB,IAAI,GAChES,IAAaC,EAAyB,IAAI,GAC1CC,IAAS,QAAQC,EAAO,CAAA,IACxBC,IAAS,QAAQD,EAAO,CAAA,IAExBE,IAAgB,MAAM;AAC1B,aAAO,KAAKC,GAAYjB,CAAG,GAAG,QAAQ;AAAA,IACxC,GAEMkB,IAAY,CAACC,MAAyC;AACnD,MAAAlB,EAAAkB,EAAM,OAAO,KAAK;AAAA,IAC3B,GAEMC,IAAiB,CAACD,MAAyC;AACnD,MAAAf,EAAAe,EAAM,OAAO,KAAK;AAAA,IAChC,GAEME,IAAc,CAACrB,MACfsB,GAAwBtB,CAAG,MAAM,MAASA,EAAI,WAAW,MAC/CQ,EAAAV,EAAE,UAAU,WAAW,GAC5B,OAETU,EAAY,IAAI,GACT,KAGHe,IAAmB,CAACpB,MACpBA,EAAS,KAAK,MAAM,MACLO,EAAAZ,EAAE,UAAU,gBAAgB,GACtC,OAETY,EAAiB,IAAI,GACd,KAGHc,IAAa,MAAM;AACnB,MAAA,CAACH,EAAYrB,CAAG,KAAMK,KAAqB,CAACkB,EAAiBpB,CAAQ,MAIzER,EAAcK,GAAKG,CAAQ,GACjBsB,EAAA;AAAA,IACZ,GAEMC,IAAc,MAAM;AACT,MAAAhC,EAAA,GACL+B,EAAA;AAAA,IACZ,GAEMA,IAAY,MAAM;AACtB,MAAAxB,EAAO,EAAE,GACTK,EAAqB,EAAK,GAC1BE,EAAY,IAAI,GAChBE,EAAiB,IAAI;AAAA,IACvB,GAEMiB,IAAc,CAAC3B,GAAa4B,MAAqB;AACrD,MAAA3B,EAAOD,CAAG,GACN,CAAC4B,KAAY,CAAC5B,KAChBM,EAAqB,EAAI;AAAA,IAE7B,GAEMuB,IAAkB,MAAM;AAC5B,MAAIlB,EAAW,WACbA,EAAW,QAAQ,MAAM;AAAA,IAE7B;AAEA,WAAAmB,EAAoBjC,GAAK,OAAO;AAAA,MAC9B,WAAW4B;AAAA,MACX,iBAAAI;AAAA,MACA,aAAAF;AAAA,IAAA,EACA,GAGC,gBAAAhD,EAAA,OAAA,EAAI,WAAWC,EAAO,UACrB,UAAA;AAAA,MAAA,gBAAAD,EAACoD,GAAU,EAAA,WAAWnD,EAAO,uBAAuB,GAClD,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAM,EAAA,SAAS+B,GAAS,UAAAf,EAAE,MAAM,WAAU;AAAA,QAC1C,gBAAAnB,EAAA,OAAA,EAAI,WAAWC,EAAO,6BAA6B,GAClD,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACmD;AAAA,YAAA;AAAA,cACC,IAAInB;AAAA,cACJ,aAAaf,EAAE,MAAM;AAAA,cACrB,OAAOE;AAAA,cACP,UAAU,CAACmB,MAAUD,EAAUC,CAAK;AAAA,cACpC,SAAS,MAAMX,EAAY,IAAI;AAAA,cAC/B,KAAKG;AAAA,cACL,cAAYb,EAAE,KAAK,OAAO;AAAA,YAAA;AAAA,UAC5B;AAAA,UACCE,KACE,gBAAAnB,EAAA,UAAA,EAAO,MAAK,UAAS,SAASmC,GAAe,WAAWpC,EAAO,2BAA2B,GACzF,UAAC,gBAAAC,EAAAoD,GAAA,EAAK,MAAK,yBAAwB,MAAM,IAAI,EAC/C,CAAA;AAAA,QAAA,GAEJ;AAAA,QACC1B,KAAa,gBAAA1B,EAAAqD,GAAA,EAAY,OAAM,SAAQ,UAAU3B,EAAU,CAAA;AAAA,MAAA,GAC9D;AAAA,MACCF,KACE,gBAAA1B,EAAAoD,GAAA,EAAU,WAAWnD,EAAO,uBAAuB,GAClD,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAM,EAAA,SAASiC,GAAS,UAAAjB,EAAE,MAAM,UAAS;AAAA,QAC1C,gBAAAjB;AAAA,UAACmD;AAAA,UAAA;AAAA,YACC,IAAIjB;AAAA,YACJ,OAAOZ;AAAA,YACP,UAAU,CAACgB,MAAUC,EAAeD,CAAK;AAAA,YACzC,SAAS,MAAMT,EAAiB,IAAI;AAAA,YACpC,cAAYZ,EAAE,KAAK,OAAO;AAAA,UAAA;AAAA,QAC5B;AAAA,QACCW,KAAkB,gBAAA5B,EAAAqD,GAAA,EAAY,OAAM,SAAQ,UAAUzB,EAAe,CAAA;AAAA,MAAA,GACxE;AAAA,MAED,gBAAA9B,EAAA,OAAA,EAAI,WAAWC,EAAO,kBACrB,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAO,EAAA,SAAS,aAAa,SAAS2C,GAAa,cAAY5B,EAAE,OAAO,QAAQ,MAAK,UACnF,UAAAA,EAAE,OAAO,QACZ;AAAA,QACC,gBAAAjB,EAAAE,GAAA,EAAO,SAAS,WAAW,SAASyC,GAAY,cAAY1B,EAAE,KAAK,OAAO,cAAc,MAAK,UAC3F,UAAAA,EAAE,MAAM,QACX,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAGN;;;;GCtIaqC,KAAe1C,EAAW,CAAC,EAAE,gBAAAC,GAAgB,eAAAC,EAAA,GAAoCE,MAAQ;AACpG,QAAMC,IAAIC,EAAe,GACnB,CAACqC,GAAUC,CAAW,IAAInC,EAAiB,GAC3C,CAACoC,GAAaC,CAAc,IAAIrC,EAAiB,GACjDS,IAAaC,EAAyB,IAAI,GAC1C4B,IAAQ,OAAO1B,EAAO,CAAA,IACtB2B,IAAW,UAAU3B,EAAO,CAAA,IAE5B4B,IAAwB,CAACvB,GAAsCwB,MAAiB;AAC9E,UAAAC,IAAQzB,EAAM,OAAO;AAClB,IAAAwB,MAAA,QAAQN,EAAY,SAASO,CAAK,CAAC,IAAIL,EAAe,SAASK,CAAK,CAAC;AAAA,EAChF,GAEMpB,IAAa,MAAM;AACnB,IAAAY,MAAa,UAAaE,MAAgB,WAC5C3C,EAAcyC,GAAUE,CAAW,GACzBb,EAAA;AAAA,EAEd,GAEMC,IAAc,MAAM;AACT,IAAAhC,EAAA,GACL+B,EAAA;AAAA,EACZ,GAEMA,IAAY,MAAM;AACtB,IAAAY,EAAY,MAAS,GACrBE,EAAe,MAAS;AAAA,EAC1B;AAEA,SAAAT,EAAoBjC,GAAK,OAAO;AAAA,IAC9B,WAAW4B;AAAA,IACX,iBAAiB,MAAA;;AAAM,cAAAoB,IAAAlC,EAAW,YAAX,gBAAAkC,EAAoB;AAAA;AAAA,EAAM,EACjD,GAEFC,EAAU,MAAM;AACd,UAAMC,IAAqB,MAAM;AACnB,MAAArB,EAAA;AAAA,IACd;AAEA,WAAAsB,GAAwBD,CAAkB,GAEnC,OAAA,iBAAiB,UAAUA,CAAkB,GAC7C,OAAA,iBAAiB,UAAUA,CAAkB,GAE7C,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAkB,GAChD,OAAA,oBAAoB,UAAUA,CAAkB,GACvDE,GAA2BF,CAAkB;AAAA,IAC/C;AAAA,EAEF,GAAG,EAAE,GAGF,gBAAApE,EAAA,OAAA,EAAI,WAAWC,EAAO,WACrB,UAAA;AAAA,IAAA,gBAAAD,EAACoD,GAAU,EAAA,WAAWnD,EAAO,wBAAwB,GACnD,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAM,EAAA,SAAS0D,GAAQ,UAAA1C,EAAE,MAAM,UAAS;AAAA,MACzC,gBAAAjB;AAAA,QAACmD;AAAA,QAAA;AAAA,UACC,IAAIQ;AAAA,UACJ,aAAa1C,EAAE,MAAM;AAAA,UACrB,OAAOsC,KAAsB;AAAA,UAC7B,UAAU,CAACjB,MAAUuB,EAAsBvB,GAAO,KAAK;AAAA,UACvD,cAAYrB,EAAE,KAAK,OAAO;AAAA,UAC1B,KAAKa;AAAA,QAAA;AAAA,MAAA;AAAA,IACP,GACF;AAAA,IACC,gBAAAhC,EAAAoD,GAAA,EAAU,WAAWnD,EAAO,wBAAwB,GACnD,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAM,EAAA,SAAS2D,GAAW,UAAA3C,EAAE,MAAM,aAAY;AAAA,MAC/C,gBAAAjB;AAAA,QAACmD;AAAA,QAAA;AAAA,UACC,IAAIS;AAAA,UACJ,aAAa3C,EAAE,MAAM;AAAA,UACrB,OAAOwC,KAA4B;AAAA,UACnC,UAAU,CAACnB,MAAUuB,EAAsBvB,GAAO,QAAQ;AAAA,UAC1D,cAAYrB,EAAE,KAAK,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,GACF;AAAA,IACC,gBAAAnB,EAAA,OAAA,EAAI,WAAWC,EAAO,mBACrB,UAAA;AAAA,MAAC,gBAAAC,EAAAE,GAAA,EAAO,SAAS,aAAa,SAAS2C,GAAa,cAAY5B,EAAE,OAAO,QACtE,UAAEA,EAAA,OAAO,QACZ;AAAA,MACA,gBAAAjB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,SAASyC;AAAA,UACT,UAAU,CAACY,KAAY,CAACE;AAAA,UACxB,cAAYxC,EAAE,KAAK,OAAO;AAAA,UAEzB,YAAE,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,EACF,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC,GC5FKoD,KAAqB,KAUdC,KAAc1D,EAAW,CAAC,EAAE,UAAA2D,EAAA,GAA8BvD,MAAqB;AAC1F,QAAMC,IAAIC,EAAe,GACnB,CAACsD,CAAM,IAAIC,GAA0B,GACrC,EAAE,QAAAC,GAAQ,YAAAC,GAAY,YAAAC,GAAY,WAAAC,EAAA,IAAcC,GAAU,GAC1DC,IAAehD,EAAqB,MAAS,GAC7CiD,IAAYjD,EAA0B,IAAI,GAC1CkD,IAAclD,EAAO,EAAK,GAC1BmD,IAAenD,EAAO8C,CAAS,GAE/BM,IAAa,MAAM;;AACjB,UAAAC,KAAOpB,IAAAgB,EAAU,YAAV,gBAAAhB,EAAmB;AAC5B,IAAA,CAACiB,EAAY,WAAWG,KAC1BT,EAAW,EAAE,UAAU,EAAE,KAAKS,EAAK,QAAQ,MAAMA,EAAK,QAAQ,GAAGC,EAAA,CAAe;AAAA,EAEpF,GAEMC,IAAc,MAAM;AACb,IAAAV,EAAA;AAAA,EACb,GAEMW,IAAc,CAACC,GAAkBC,MAAwB;AAC7D,IAAAjB,EAAO,OAAO,MAAM;AAClB,YAAMkB,IAAYC,EAAc,GAC1BC,IAAYC,GAAYL,GAAUC,CAAW;AAC/C,MAAAK,EAAkBJ,CAAS,IACnBA,EAAA,YAAY,CAACE,CAAS,CAAC,IAExBG,GAAA,EAAE,OAAOH,CAAS;AAEvB,YAAAI,IAAkBJ,EAAU,mBAAmB;AACrD,MAAII,KACDA,EAA6B,OAAO;AAAA,IACvC,CACD,GAEWV,EAAA;AAAA,EACd,GAEMW,IAAc,CAACC,MAAoB;AACvC,IAAA1B,EAAO,OAAO,MAAM;AAClB,YAAMkB,IAAYC,EAAc;AAC5B,UAAAG,EAAkBJ,CAAS,GAAG;AAC1B,cAAAS,IAAaT,EAAU,OAAO,QAAQ,GACtCU,IAAcC,GAAiCF,CAAU;AAE3D,YAAAG,GAAiBF,CAAW;AAC9B,kBAAQF,GAAQ;AAAA,YACd,KAAK;AAAA,YACL,KAAK;AACH,cAAAK,GAAUH,GAAaF,CAAM;AAC7B;AAAA,YACF,KAAK;AACH,cAAAM,GAAUJ,CAAW;AACrB;AAAA,YACF,KAAK;AAAA,YACL,KAAK;AACH,cAAAK,GAAaL,GAAaF,CAAM;AAChC;AAAA,YACF,KAAK;AACH,cAAAQ,GAAaN,CAAW;AACxB;AAAA,YACF,KAAK;AACH,cAAAO,GAAYP,CAAW;AACvB;AAAA,UAAA;AAAA,MAEN;AAAA,IACF,CACD;AAAA,EACH,GAEMf,IAAgB;AAAA,IACpB,UACE,gBAAArF;AAAA,MAACsD;AAAA,MAAA;AAAA,QACC,gBAAgBgC;AAAA,QAChB,eAAe,CAACsB,GAAMC,MAAYtB,EAAYqB,GAAMC,CAAO;AAAA,QAC3D,KAAK9B;AAAA,MAAA;AAAA,IAAA;AAAA,EAGX;AAEA,SAAAd,EAAU,MAAM;;AACd,IAAKY,KAIHI,EAAY,UAAU,KACtB6B,IAAA/B,EAAa,YAAb,QAAA+B,EAAsB,uBAJtB9C,IAAAe,EAAa,YAAb,QAAAf,EAAsB,aACtB,WAAW,MAAOiB,EAAY,UAAU,IAAQZ,EAAkB;AAAA,EAIpE,GACC,CAACU,GAAcF,CAAS,CAAC,GAE5BZ,EAAU,MAAM;AACd,UAAM8C,IAAyBvC,EAAO;AAAA,MACpCwC;AAAAA,MACA,CAAC1E,MACKA,EAAM,WAAWA,EAAM,YAAYA,EAAM,SAAS,YACpDA,EAAM,eAAe,GACV6C,EAAA,GACJ,MAEF;AAAA,MAET8B;AAAAA,IACF;AAEA,WAAO,MAAM;AACY,MAAAF,EAAA;AAAA,IACzB;AAAA,EAAA,GAEC,CAACvC,CAAM,CAAC,GAEXP,EAAU,MAAM;AACd,IAAAiB,EAAa,UAAUL;AAAA,EAAA,GACtB,CAACA,CAAS,CAAC,GAEdZ,EAAU,MAAM;AACR,UAAAiD,IAAgB,CAAC5E,MAAyB;AAC9C,MAAIA,EAAM,QAAQ,YAAY4C,EAAa,YACzC5C,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GACVgD,EAAA;AAAA,IAEhB;AAEA,oBAAS,iBAAiB,WAAW4B,GAAe,EAAE,SAAS,IAAM,GAE9D,MAAM;AACF,eAAA,oBAAoB,WAAWA,CAAa;AAAA,IACvD;AAAA,EAEF,GAAG,EAAE,GAELjE,EAAoBjC,GAAK,OAAO;AAAA,IAC9B,aAAAiF;AAAA,EAAA,EACA,GAGA,gBAAAjG,EAAC,OAAI,EAAA,WAAWD,EAAO,8BAA8B,GACnD,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAO,sCAAsC,GAC3D,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASmF;AAAA,QACT,OAAOlE,EAAE,MAAM;AAAA,QACf,WAAWR,EAAKV,EAAO,wBAAwB,GAAGwE,KAAYxE,EAAO,gCAAgC,CAAC;AAAA,QACtG,cAAYkB,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,KAAK+D;AAAA,QACL,MAAK;AAAA,QAEL,UAAC,gBAAAhF,EAAAoD,GAAA,EAAK,MAAK,SAAQ,MAAM,GAAI,CAAA;AAAA,MAAA;AAAA,IAC/B;AAAA,IACCsB;AAAA,EAAA,EAAA,CACH,EACF,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"TablePlugin-DKzssVbg.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/assets/FeedbackBar.css

@@ -1 +1 @@
-._feedback-bar_1p46c_1{background-color:var(--color-green-50);border:1px solid var(--color-green-500);border-radius:.5rem;display:flex;font-weight:var(--semibold);gap:.5rem;justify-content:space-between;padding:0 1rem;max-height:0;opacity:0;transition:all .5s}._feedback-bar--visible_1p46c_17{max-height:6.625rem;opacity:1;padding:1rem}._feedback-bar__icon_1p46c_23{color:var(--color-green-500)}._feedback-bar__close-button_1p46c_27{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-black);display:inline-flex;height:1.5rem;justify-content:center;transition:var(--transition-colors);width:1.5rem}._feedback-bar__close-button_1p46c_27:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._feedback-bar__close-button_1p46c_27:hover{background-color:var(--color-green-100);cursor:pointer;outline:0}._feedback-bar__close-button_1p46c_27:after{width:2.625rem;height:2.625rem;content:" ";position:absolute}
+._feedback-bar_aoc1x_1{background-color:var(--color-green-50);border:1px solid var(--color-green-500);border-radius:.5rem;display:flex;font-weight:var(--semibold);gap:.5rem;justify-content:space-between;max-height:0;opacity:0;padding:0 1rem;transition:all .5s}._feedback-bar--visible_aoc1x_15{max-height:6.625rem;opacity:1;padding:1rem}._feedback-bar__icon_aoc1x_21{color:var(--color-green-500)}._feedback-bar__close-button_aoc1x_25{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-black);display:inline-flex;height:1.5rem;justify-content:center;transition:var(--transition-colors);width:1.5rem}._feedback-bar__close-button_aoc1x_25:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._feedback-bar__close-button_aoc1x_25:hover{background-color:var(--color-green-100);cursor:pointer;outline:0}._feedback-bar__close-button_aoc1x_25:after{content:" ";height:2.625rem;position:absolute;width:2.625rem}

package/dist/assets/StatusBage.css

@@ -0,0 +1 @@
+._statusbadge_6tmbw_1{align-items:center;background-color:var(--color-ghost-white);color:var(--color-grey-500);display:flex;font-family:inherit;font-size:var(--font-size-text-non-essential);height:1.5rem;padding:0 .5rem;white-space:nowrap;width:fit-content}._statusbadge--high-contrast_6tmbw_14{background-color:var(--color-white)}

package/dist/components/CheckboxButton/CheckboxButton.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButton.test.js","sources":["../../../src/components/CheckboxButton/CheckboxButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\r\nimport { render, screen } from '@testing-library/react';\r\n\r\nimport { CheckboxButton } from './CheckboxButton';\r\n\r\nconst onClickSpy = jest.fn();\r\n\r\ndescribe('CheckboxButton', () => {\r\n  it('should render', () => {\r\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} />);\r\n    const checkbox = screen.getByRole('checkbox');\r\n    expect(checkbox).toBeInTheDocument();\r\n  });\r\n\r\n  it('should be checked if clicked', () => {\r\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} />);\r\n    const checkbox = screen.getByRole('checkbox');\r\n    expect(checkbox).toBeInTheDocument();\r\n    checkbox.click();\r\n    expect(checkbox).toBeChecked();\r\n    expect(onClickSpy).toHaveBeenCalledTimes(1);\r\n  });\r\n\r\n  it('should be disabled', () => {\r\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} disabled={true} />);\r\n    const checkbox = screen.getByRole('checkbox');\r\n    expect(checkbox).toBeInTheDocument();\r\n    expect(checkbox).toBeDisabled();\r\n  });\r\n\r\n  it('should show noValid', () => {\r\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} />);\r\n    const checkbox = screen.getByRole('checkbox');\r\n    expect(checkbox).toBeInTheDocument();\r\n    const label = screen.getByText('2.1');\r\n    expect(label).toHaveClass('checkbox-button--not-valid');\r\n  });\r\n\r\n  it('should render single variant', () => {\r\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} />);\r\n    const checkbox = screen.getByRole('checkbox');\r\n    expect(checkbox).toBeInTheDocument();\r\n    const label = screen.getByText('2.1');\r\n    expect(label).toHaveClass('checkbox-button--single');\r\n  });\r\n\r\n  it('should render start variant', () => {\r\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"start\" />);\r\n    const checkbox = screen.getByRole('checkbox');\r\n    expect(checkbox).toBeInTheDocument();\r\n    const label = screen.getByText('2.1');\r\n    expect(label).toHaveClass('checkbox-button--start');\r\n  });\r\n\r\n  it('should render middle variant', () => {\r\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"middle\" />);\r\n    const checkbox = screen.getByRole('checkbox');\r\n    expect(checkbox).toBeInTheDocument();\r\n    const label = screen.getByText('2.1');\r\n    expect(label).toHaveClass('checkbox-button--middle');\r\n  });\r\n\r\n  it('should render end variant', () => {\r\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"end\" />);\r\n    const checkbox = screen.getByRole('checkbox');\r\n    expect(checkbox).toBeInTheDocument();\r\n    const label = screen.getByText('2.1');\r\n    expect(label).toHaveClass('checkbox-button--end');\r\n  });\r\n});\r\n"],"names":["onClickSpy","render","jsx","CheckboxButton","checkbox","screen","label"],"mappings":"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"}
+{"version":3,"file":"CheckboxButton.test.js","sources":["../../../src/components/CheckboxButton/CheckboxButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { CheckboxButton } from './CheckboxButton';\n\nconst onClickSpy = jest.fn();\n\ndescribe('CheckboxButton', () => {\n  it('should render', () => {\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n  });\n\n  it('should be checked if clicked', () => {\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    checkbox.click();\n    expect(checkbox).toBeChecked();\n    expect(onClickSpy).toHaveBeenCalledTimes(1);\n  });\n\n  it('should be disabled', () => {\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} disabled={true} />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    expect(checkbox).toBeDisabled();\n  });\n\n  it('should show noValid', () => {\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    const label = screen.getByText('2.1');\n    expect(label).toHaveClass('checkbox-button--not-valid');\n  });\n\n  it('should render single variant', () => {\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    const label = screen.getByText('2.1');\n    expect(label).toHaveClass('checkbox-button--single');\n  });\n\n  it('should render start variant', () => {\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"start\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    const label = screen.getByText('2.1');\n    expect(label).toHaveClass('checkbox-button--start');\n  });\n\n  it('should render middle variant', () => {\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"middle\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    const label = screen.getByText('2.1');\n    expect(label).toHaveClass('checkbox-button--middle');\n  });\n\n  it('should render end variant', () => {\n    render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"end\" />);\n    const checkbox = screen.getByRole('checkbox');\n    expect(checkbox).toBeInTheDocument();\n    const label = screen.getByText('2.1');\n    expect(label).toHaveClass('checkbox-button--end');\n  });\n});\n"],"names":["onClickSpy","render","jsx","CheckboxButton","checkbox","screen","label"],"mappings":";;;;AAKA,MAAMA,IAAa,KAAK,GAAG;AAE3B,SAAS,kBAAkB,MAAM;AAC/B,KAAG,iBAAiB,MAAM;AACjB,IAAAC,EAAA,gBAAAC,EAACC,KAAe,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,CAAE;AACjE,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAAA,EAAA,CACpC,GAED,GAAG,gCAAgC,MAAM;AAChC,IAAAH,EAAA,gBAAAC,EAACC,KAAe,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,CAAE;AACjE,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB,GACnCA,EAAS,MAAM,GACR,OAAAA,CAAQ,EAAE,YAAY,GACtB,OAAAJ,CAAU,EAAE,sBAAsB,CAAC;AAAA,EAAA,CAC3C,GAED,GAAG,sBAAsB,MAAM;AACtB,IAAAC,EAAA,gBAAAC,EAACC,GAAe,EAAA,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,GAAM,CAAA,CAAE;AACjF,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB,GAC5B,OAAAA,CAAQ,EAAE,aAAa;AAAA,EAAA,CAC/B,GAED,GAAG,uBAAuB,MAAM;AACvB,IAAAH,EAAA,gBAAAC,EAACC,GAAe,EAAA,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,GAAM,CAAA,CAAE;AACjF,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAC7B,UAAAE,IAAQD,EAAO,UAAU,KAAK;AAC7B,WAAAC,CAAK,EAAE,YAAY,4BAA4B;AAAA,EAAA,CACvD,GAED,GAAG,gCAAgC,MAAM;AAChC,IAAAL,EAAA,gBAAAC,EAACC,GAAe,EAAA,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,GAAM,CAAA,CAAE;AACjF,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAC7B,UAAAE,IAAQD,EAAO,UAAU,KAAK;AAC7B,WAAAC,CAAK,EAAE,YAAY,yBAAyB;AAAA,EAAA,CACpD,GAED,GAAG,+BAA+B,MAAM;AACtC,IAAAL,EAAQ,gBAAAC,EAAAC,GAAA,EAAe,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,IAAM,SAAQ,QAAQ,CAAA,CAAE;AACjG,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAC7B,UAAAE,IAAQD,EAAO,UAAU,KAAK;AAC7B,WAAAC,CAAK,EAAE,YAAY,wBAAwB;AAAA,EAAA,CACnD,GAED,GAAG,gCAAgC,MAAM;AACvC,IAAAL,EAAQ,gBAAAC,EAAAC,GAAA,EAAe,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,IAAM,SAAQ,SAAS,CAAA,CAAE;AAClG,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAC7B,UAAAE,IAAQD,EAAO,UAAU,KAAK;AAC7B,WAAAC,CAAK,EAAE,YAAY,yBAAyB;AAAA,EAAA,CACpD,GAED,GAAG,6BAA6B,MAAM;AACpC,IAAAL,EAAQ,gBAAAC,EAAAC,GAAA,EAAe,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,IAAM,SAAQ,MAAM,CAAA,CAAE;AAC/F,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAC7B,UAAAE,IAAQD,EAAO,UAAU,KAAK;AAC7B,WAAAC,CAAK,EAAE,YAAY,sBAAsB;AAAA,EAAA,CACjD;AACH,CAAC;"}

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButtonBar.test.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\r\nimport '@testing-library/jest-dom';\r\nimport { render, screen } from '@testing-library/react';\r\n\r\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\r\n\r\nconst onClickSpy = jest.fn();\r\n\r\nconst MOCK_CHECKBOXES = [\r\n  {\r\n    label: '1.1',\r\n    value: '1',\r\n  },\r\n  {\r\n    label: '1.2',\r\n    value: '2',\r\n  },\r\n  {\r\n    label: '1.3',\r\n    value: '3',\r\n  },\r\n];\r\n\r\ndescribe('CheckboxButton', () => {\r\n  it('should render', () => {\r\n    render(\r\n      <CheckboxButtonBar\r\n        label=\"Periode\"\r\n        checkboxes={MOCK_CHECKBOXES}\r\n        defaultValues={['1', '2']}\r\n        labelPosition=\"top\"\r\n        onSetValues={onClickSpy}\r\n      />\r\n    );\r\n    expect(screen.getByText('Periode')).toBeInTheDocument();\r\n    const checkbox = screen.getAllByRole('checkbox');\r\n    expect(checkbox).toHaveLength(3);\r\n  });\r\n\r\n  it('should render required', () => {\r\n    render(\r\n      <CheckboxButtonBar\r\n        label=\"Periode\"\r\n        required={true}\r\n        checkboxes={MOCK_CHECKBOXES}\r\n        defaultValues={['1', '2']}\r\n        labelPosition=\"top\"\r\n        onSetValues={onClickSpy}\r\n      />\r\n    );\r\n    const label = screen.getByText('Periode');\r\n    expect(label).toHaveTextContent('Periode');\r\n    expect(label).toHaveClass('label--required');\r\n    const checkbox = screen.getAllByRole('checkbox');\r\n    expect(checkbox).toHaveLength(3);\r\n  });\r\n\r\n  it('should render default checked', () => {\r\n    render(\r\n      <CheckboxButtonBar\r\n        label=\"Periode\"\r\n        checkboxes={MOCK_CHECKBOXES}\r\n        defaultValues={['1', '2']}\r\n        labelPosition=\"top\"\r\n        onSetValues={onClickSpy}\r\n      />\r\n    );\r\n    const label = screen.getByText('Periode');\r\n    expect(label).toHaveTextContent('Periode');\r\n    const checkbox = screen.getAllByRole('checkbox');\r\n    expect(checkbox).toHaveLength(3);\r\n    expect(checkbox[0]).toBeChecked();\r\n    expect(checkbox[1]).toBeChecked();\r\n    expect(checkbox[2]).not.toBeChecked();\r\n  });\r\n\r\n  it('should render notValidatedText and notValid style', () => {\r\n    render(\r\n      <CheckboxButtonBar\r\n        label=\"Periode\"\r\n        notValidatedText=\"Not Valid\"\r\n        checkboxes={MOCK_CHECKBOXES}\r\n        defaultValues={['1', '2']}\r\n        labelPosition=\"top\"\r\n        onSetValues={onClickSpy}\r\n      />\r\n    );\r\n    const label = screen.getByText('Periode');\r\n    expect(label).toHaveTextContent('Periode');\r\n    expect(screen.getByText('Not Valid')).toBeInTheDocument();\r\n    const checkbox = screen.getAllByRole('checkbox');\r\n    expect(checkbox).toHaveLength(3);\r\n    expect(screen.getByText('1.1')).toHaveClass('checkbox-button--not-valid');\r\n    expect(screen.getByText('1.2')).toHaveClass('checkbox-button--not-valid');\r\n    expect(screen.getByText('1.3')).toHaveClass('checkbox-button--not-valid');\r\n  });\r\n});\r\n"],"names":["onClickSpy","MOCK_CHECKBOXES","render","jsx","CheckboxButtonBar","screen","checkbox","label"],"mappings":";;;;AAMA,MAAMA,IAAa,KAAK,GAAG,GAErBC,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAEA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,iBAAiB,MAAM;AACxB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB,GACA,OAAOK,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAChD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,GAED,GAAG,0BAA0B,MAAM;AACjC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAU;AAAA,UACV,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GAClC,OAAAA,CAAK,EAAE,YAAY,iBAAiB;AACrC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,GAED,GAAG,iCAAiC,MAAM;AACxC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS;AACnC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,IAAI,YAAY;AAAA,EAAA,CACrC,GAED,GAAG,qDAAqD,MAAM;AAC5D,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,kBAAiB;AAAA,UACjB,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GACzC,OAAOF,EAAO,UAAU,WAAW,CAAC,EAAE,kBAAkB;AAClD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOD,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B,GACxE,OAAOA,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B,GACxE,OAAOA,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B;AAAA,EAAA,CACzE;AACH,CAAC;"}
+{"version":3,"file":"CheckboxButtonBar.test.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst onClickSpy = jest.fn();\n\nconst MOCK_CHECKBOXES = [\n  {\n    label: '1.1',\n    value: '1',\n  },\n  {\n    label: '1.2',\n    value: '2',\n  },\n  {\n    label: '1.3',\n    value: '3',\n  },\n];\n\ndescribe('CheckboxButton', () => {\n  it('should render', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    expect(screen.getByText('Periode')).toBeInTheDocument();\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n  });\n\n  it('should render required', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        required={true}\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    expect(label).toHaveClass('label--required');\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n  });\n\n  it('should render default checked', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n    expect(checkbox[0]).toBeChecked();\n    expect(checkbox[1]).toBeChecked();\n    expect(checkbox[2]).not.toBeChecked();\n  });\n\n  it('should render notValidatedText and notValid style', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        notValidatedText=\"Not Valid\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    expect(screen.getByText('Not Valid')).toBeInTheDocument();\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n    expect(screen.getByText('1.1')).toHaveClass('checkbox-button--not-valid');\n    expect(screen.getByText('1.2')).toHaveClass('checkbox-button--not-valid');\n    expect(screen.getByText('1.3')).toHaveClass('checkbox-button--not-valid');\n  });\n});\n"],"names":["onClickSpy","MOCK_CHECKBOXES","render","jsx","CheckboxButtonBar","screen","checkbox","label"],"mappings":";;;;AAMA,MAAMA,IAAa,KAAK,GAAG,GAErBC,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAEA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,iBAAiB,MAAM;AACxB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB,GACA,OAAOK,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAChD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,GAED,GAAG,0BAA0B,MAAM;AACjC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAU;AAAA,UACV,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GAClC,OAAAA,CAAK,EAAE,YAAY,iBAAiB;AACrC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,GAED,GAAG,iCAAiC,MAAM;AACxC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS;AACnC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,IAAI,YAAY;AAAA,EAAA,CACrC,GAED,GAAG,qDAAqD,MAAM;AAC5D,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,kBAAiB;AAAA,UACjB,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GACzC,OAAOF,EAAO,UAAU,WAAW,CAAC,EAAE,kBAAkB;AAClD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOD,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B,GACxE,OAAOA,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B,GACxE,OAAOA,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B;AAAA,EAAA,CACzE;AACH,CAAC;"}

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -17,7 +17,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-DlTujN8R.js";
+import "../../TablePlugin-DKzssVbg.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/FeedbackBar/FeedbackBar.js

@@ -1,30 +1,30 @@
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import { c as a } from "../../clsx-OuTLNxxd.js";
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { c } from "../../clsx-OuTLNxxd.js";
 import { useState as l, useEffect as _ } from "react";
-import { Icon as b } from "../Icon/Icon.js";
+import { Icon as s } from "../Icon/Icon.js";
 import { Repeater as f } from "../Repeater/Repeater.js";
 import '../../assets/FeedbackBar.css';const e = {
-  "feedback-bar": "_feedback-bar_1p46c_1",
-  "feedback-bar--visible": "_feedback-bar--visible_1p46c_17",
-  "feedback-bar__icon": "_feedback-bar__icon_1p46c_23",
-  "feedback-bar__close-button": "_feedback-bar__close-button_1p46c_27"
-}, u = ({ children: o }) => {
-  const [t, r] = l(!1);
+  "feedback-bar": "_feedback-bar_aoc1x_1",
+  "feedback-bar--visible": "_feedback-bar--visible_aoc1x_15",
+  "feedback-bar__icon": "_feedback-bar__icon_aoc1x_21",
+  "feedback-bar__close-button": "_feedback-bar__close-button_aoc1x_25"
+}, x = ({ children: b }) => {
+  const [t, o] = l(!1);
   _(() => {
-    r(!0);
+    o(!0);
   }, []);
   const i = () => {
-    r(!1);
+    o(!1);
   };
-  return /* @__PURE__ */ s("div", { className: a(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
-    /* @__PURE__ */ s(f, { flexDirection: "row", children: [
-      /* @__PURE__ */ c(b, { className: a(e["feedback-bar__icon"]), name: "CheckCircle" }),
-      o
+  return /* @__PURE__ */ r("div", { className: c(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
+    /* @__PURE__ */ r(f, { flexDirection: "row", children: [
+      /* @__PURE__ */ a(s, { className: c(e["feedback-bar__icon"]), name: "CheckCircle" }),
+      b
     ] }),
-    /* @__PURE__ */ c("button", { className: a(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ c(b, { name: "Cross", size: 24 }) })
+    /* @__PURE__ */ a("button", { className: c(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ a(s, { name: "Cross", size: 24 }) })
   ] });
 };
 export {
-  u as FeedbackBar
+  x as FeedbackBar
 };
 //# sourceMappingURL=FeedbackBar.js.map

package/dist/components/FormInput/FormInput.js

@@ -16,7 +16,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-DlTujN8R.js";
+import "../../TablePlugin-DKzssVbg.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

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

@@ -16,7 +16,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router";
-import "../../TablePlugin-DlTujN8R.js";
+import "../../TablePlugin-DKzssVbg.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/MultiSelect/MultiSelect.js

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

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

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

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

@@ -15,7 +15,7 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import { a as y } from "../../../TablePlugin-DlTujN8R.js";
+import { a as y } from "../../../TablePlugin-DKzssVbg.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../RteEditor/hooks/components/Flyout.js";

package/dist/components/MultiSelect/index.js

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

package/dist/components/OverlayStepBar/OverlayStepBar.js

@@ -15,7 +15,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-DlTujN8R.js";
+import "../../TablePlugin-DKzssVbg.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/PeriodSelector/PeriodSelector.js

@@ -17,7 +17,7 @@ import "../Input/Input.js";
 import "../InputField/InputField.js";
 import { Label as D } from "../Label/Label.js";
 import "react-router";
-import "../../TablePlugin-DlTujN8R.js";
+import "../../TablePlugin-DKzssVbg.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

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

@@ -18,7 +18,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-DlTujN8R.js";
+import "../../TablePlugin-DKzssVbg.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";