@uva-glass/component-library 1.62.6 → 1.62.8

package/dist/{TablePlugin-C4BuRRYL.js → TablePlugin-B-yAWpsC.js}

@@ -1,39 +1,39 @@
 import { jsxs as m, jsx as e, Fragment as X } from "react/jsx-runtime";
 import { u as Z } from "./LexicalComposerContext.prod-Dyvim1tK.js";
 import { c as B } from "./clsx-OuTLNxxd.js";
-import { g as ee, o as te, d as oe, a as re, i as le, b as ne, c as ae, e as ie } from "./helpers-DONVwywj.js";
-import { _ as se, L as ce, A as U, x as j, w as ue, E as me } from "./Lexical.prod-eo-UKDld.js";
-import { forwardRef as H, useState as R, useRef as y, useId as D, useImperativeHandle as V, useEffect as q } from "react";
+import { g as ee, o as te, d as oe, a as re, i as le, b as ne, c as ae, e as ie } from "./helpers-pUTvcL4e.js";
+import { _ as se, O as ce, M as U, v as j, w as ue, E as me } from "./Lexical.prod-B6kL_nwF.js";
+import { forwardRef as H, useState as R, useRef as y, useId as O, useImperativeHandle as V, useEffect as L } from "react";
 import { Button as I } from "./components/Buttons/Button.js";
 import "./components/Buttons/LinkButton.js";
 import "@react-aria/button";
-import { Label as L } from "./components/Label/Label.js";
+import { Label as S } from "./components/Label/Label.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
 import "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { FormField as M } from "./components/FormField/FormField.js";
+import { FormField as D } from "./components/FormField/FormField.js";
 import "./components/GridRow/GridRow.js";
 import "./components/IconButton/IconButton.js";
 import "./components/Input/Input.js";
-import { InputField as O } from "./components/InputField/InputField.js";
+import { InputField as $ } from "./components/InputField/InputField.js";
 import "react-router-dom";
 import { s as E, M as de } from "./MultiSelectItem-D9PxdX43.js";
 import "./components/RteEditor/Providers/LanguageProvider.js";
-import { e as fe, v as _e } from "./helpers-BD3Y_bqE.js";
+import { e as fe, v as _e } from "./helpers-C7Yo7VY3.js";
 import { Icon as W } from "./components/Icon/Icon.js";
 import { FeedbackBox as z } from "./components/FeedbackBox/FeedbackBox.js";
 import { useTranslation as K } from "./components/RteEditor/hooks/useTranslation.js";
 import "./components/RteEditor/hooks/components/Flyout.js";
 import { useFlyout as pe } from "./components/RteEditor/hooks/useFlyout.js";
-import { s as P } from "./RteEditor.module-XCAFrP3U.js";
+import { s as P } from "./RteEditor.module-CHbWzGpE.js";
 import "./components/SelectListbox/SelectListbox.js";
 import "./components/SelectListbox/SelectProvider.js";
 import "./components/Sortable/components/SortableItem.js";
 import "./SortableProvider-BUsvniX7.js";
 import './assets/TablePlugin.css';function be({ label: p, clearTrigger: f, onClear: s }) {
   return /* @__PURE__ */ m("header", { className: E["multi-select__header"], children: [
-    /* @__PURE__ */ e(L, { htmlFor: "multi-select-list", children: p }),
+    /* @__PURE__ */ e(S, { htmlFor: "multi-select-list", children: p }),
     f && /* @__PURE__ */ e(I, { variant: "blank", onClick: s, children: f })
   ] });
 }
@@ -74,11 +74,11 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
     onRemoveHandler: s,
     isLink: t = { active: !1, url: "", linktext: "" }
   }, b) => {
-    const l = K(), [n, c] = R(t.url || ""), [d, v] = R(t.linktext || ""), [h, _] = R(null), [F, C] = R(null), k = y(null), i = `link_${D()}`, w = `text_${D()}`, x = () => {
+    const l = K(), [n, c] = R(t.url || ""), [d, v] = R(t.linktext || ""), [h, _] = R(null), [F, C] = R(null), k = y(null), i = `link_${O()}`, w = `text_${O()}`, x = () => {
       window.open(fe(n), "_blank");
-    }, $ = (a) => {
+    }, A = (a) => {
       c(a.target.value);
-    }, S = (a) => {
+    }, q = (a) => {
       v(a.target.value);
     }, r = (a) => _e(a) === !1 || a.trim() === "" ? (_(l.errortext.urlNotValid), !1) : (_(null), !0), o = (a) => a.trim() === "" ? (C(l.errortext.linkTextNotValid), !1) : (C(null), !0), N = () => {
       if (t.url !== "" && n === "" && typeof s == "function") {
@@ -100,16 +100,16 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
       focusFirstField: J,
       setDefaults: G
     })), /* @__PURE__ */ m("div", { className: g.linkform, children: [
-      /* @__PURE__ */ m(M, { className: g["linkform__input-field"], children: [
-        /* @__PURE__ */ e(L, { htmlFor: i, children: l.links.linkLabel }),
+      /* @__PURE__ */ m(D, { className: g["linkform__input-field"], children: [
+        /* @__PURE__ */ e(S, { htmlFor: i, children: l.links.linkLabel }),
         /* @__PURE__ */ m("div", { className: g["linkform__input-url-wrapper"], children: [
           /* @__PURE__ */ e(
-            O,
+            $,
             {
               id: i,
               placeholder: l.links.linkPlaceholder,
               value: n,
-              onChange: (a) => $(a),
+              onChange: (a) => A(a),
               onFocus: () => _(null),
               ref: k,
               "aria-label": l.aria.labels.linkField
@@ -119,14 +119,14 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
         ] }),
         h && /* @__PURE__ */ e(z, { level: "error", feedback: h })
       ] }),
-      /* @__PURE__ */ m(M, { className: g["linkform__input-field"], children: [
-        /* @__PURE__ */ e(L, { htmlFor: w, children: l.links.linkText }),
+      /* @__PURE__ */ m(D, { className: g["linkform__input-field"], children: [
+        /* @__PURE__ */ e(S, { htmlFor: w, children: l.links.linkText }),
         /* @__PURE__ */ e(
-          O,
+          $,
           {
             id: w,
             value: d,
-            onChange: (a) => S(a),
+            onChange: (a) => q(a),
             onFocus: () => C(null),
             "aria-label": l.aria.labels.linkTextfield
           }
@@ -139,12 +139,12 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
       ] })
     ] });
   }
-), ve = "_tableform_t5fpq_1", Fe = "_tableform__footer_t5fpq_12", A = {
+), ve = "_tableform_t5fpq_1", Fe = "_tableform__footer_t5fpq_12", M = {
   tableform: ve,
   "tableform__input-field": "_tableform__input-field_t5fpq_5",
   tableform__footer: Fe
 }, Ce = H(({ onCloseHandler: p, onSaveHandler: f }, s) => {
-  const t = K(), [b, l] = R(), [n, c] = R(), d = y(null), v = `row_${D()}`, h = `column_${D()}`, _ = (i, w) => {
+  const t = K(), [b, l] = R(), [n, c] = R(), d = y(null), v = `row_${O()}`, h = `column_${O()}`, _ = (i, w) => {
     const x = i.target.value;
     w === "row" ? l(parseInt(x)) : c(parseInt(x));
   }, F = () => {
@@ -160,11 +160,11 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
       var i;
       return (i = d.current) == null ? void 0 : i.focus();
     }
-  })), /* @__PURE__ */ m("div", { className: A.tableform, children: [
-    /* @__PURE__ */ m(M, { className: A["tableform__input-field"], children: [
-      /* @__PURE__ */ e(L, { htmlFor: v, children: t.table.nrofRows }),
+  })), /* @__PURE__ */ m("div", { className: M.tableform, children: [
+    /* @__PURE__ */ m(D, { className: M["tableform__input-field"], children: [
+      /* @__PURE__ */ e(S, { htmlFor: v, children: t.table.nrofRows }),
       /* @__PURE__ */ e(
-        O,
+        $,
         {
           id: v,
           placeholder: t.table.nrofRowsPlaceholder,
@@ -175,10 +175,10 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
         }
       )
     ] }),
-    /* @__PURE__ */ m(M, { className: A["tableform__input-field"], children: [
-      /* @__PURE__ */ e(L, { htmlFor: h, children: t.table.nrofColumns }),
+    /* @__PURE__ */ m(D, { className: M["tableform__input-field"], children: [
+      /* @__PURE__ */ e(S, { htmlFor: h, children: t.table.nrofColumns }),
       /* @__PURE__ */ e(
-        O,
+        $,
         {
           id: h,
           placeholder: t.table.nrofColumnsPlaceholder,
@@ -188,7 +188,7 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
         }
       )
     ] }),
-    /* @__PURE__ */ m("div", { className: A.tableform__footer, children: [
+    /* @__PURE__ */ m("div", { className: M.tableform__footer, children: [
       /* @__PURE__ */ e(I, { variant: "secondary", onClick: C, "aria-label": t.common.cancel, children: t.common.cancel }),
       /* @__PURE__ */ e(
         I,
@@ -213,7 +213,7 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
       F.current && me(F.current);
     });
   }, i = () => {
-    h.current || (C(), l(S));
+    h.current || (C(), l(q));
   }, w = () => {
     n(), k();
   }, x = (r, o) => {
@@ -223,7 +223,7 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
       const T = u.getFirstDescendant();
       T && T.select();
     }), w();
-  }, $ = (r) => {
+  }, A = (r) => {
     t.update(() => {
       const o = U();
       if (j(o)) {
@@ -250,7 +250,7 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
           }
       }
     });
-  }, S = {
+  }, q = {
     children: /* @__PURE__ */ e(
       Ce,
       {
@@ -260,21 +260,21 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
       }
     )
   };
-  return q(() => {
+  return L(() => {
     var r, o;
     c ? (h.current = !0, (o = d.current) == null || o.focusFirstField()) : ((r = d.current) == null || r.clearForm(), setTimeout(() => h.current = !1, we));
-  }, [d, c]), q(() => {
+  }, [d, c]), L(() => {
     const r = t.registerCommand(
       se,
-      (o) => o.ctrlKey && o.shiftKey && o.code === "Digit9" ? (o.preventDefault(), l(S), !0) : !1,
+      (o) => o.ctrlKey && o.shiftKey && o.code === "Digit9" ? (o.preventDefault(), l(q), !0) : !1,
       ce
     );
     return () => {
       r();
     };
-  }, [t]), q(() => {
+  }, [t]), L(() => {
     _.current = c;
-  }, [c]), q(() => {
+  }, [c]), L(() => {
     const r = (o) => {
       o.key === "Escape" && _.current && (o.preventDefault(), o.stopPropagation(), w());
     };
@@ -282,7 +282,7 @@ const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", g = {
       document.removeEventListener("keydown", r);
     };
   }, []), V(f, () => ({
-    mutateTable: $
+    mutateTable: A
   })), /* @__PURE__ */ e("div", { className: P["editor__toolbar-button-group"], children: /* @__PURE__ */ m("div", { className: P["editor__toolbar-button-flyoutwrapper"], children: [
     /* @__PURE__ */ e(
       "button",
@@ -307,4 +307,4 @@ export {
   be as a,
   Ce as b
 };
-//# sourceMappingURL=TablePlugin-C4BuRRYL.js.map
+//# sourceMappingURL=TablePlugin-B-yAWpsC.js.map

package/dist/{TablePlugin-C4BuRRYL.js.map → TablePlugin-B-yAWpsC.js.map}

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

package/dist/assets/FormInput.css

@@ -1 +1 @@
-._form-field__container_130e1_1{align-items:center;display:flex;flex-wrap:wrap}._form-field__container--label-left_130e1_7{align-items:flex-start;flex-direction:row;gap:1rem;line-height:2.5rem}._form-field__container--label-left_130e1_7>label:after{line-height:3.6}._form-field__container--label-top_130e1_18{align-items:flex-start;flex-direction:column;gap:.5rem;line-height:normal}._form-field__input-container_130e1_25{display:flex;flex:1;flex-direction:column;line-height:1;position:relative;width:100%}._form-field__input_130e1_25{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--color-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;margin:0 0 .5rem;min-height:2.5rem;padding:0 1rem;text-align:inherit}._form-field__input_130e1_25::-webkit-outer-spin-button,._form-field__input_130e1_25::-webkit-inner-spin-button{margin:0}._form-field__input--error_130e1_55{border-color:var(--color-red-500)}
+._form-field__container_c9jem_1{align-items:center;display:flex;flex-wrap:wrap}._form-field__container--label-left_c9jem_7{align-items:flex-start;flex-direction:row;gap:1rem;line-height:2.5rem}._form-field__container--label-left_c9jem_7>label:after{line-height:3.6}._form-field__container--label-top_c9jem_18{align-items:flex-start;flex-direction:column;gap:.5rem;line-height:normal}._form-field__input-feedback-container_c9jem_25{display:flex;flex:1;flex-direction:column;line-height:1.5;position:relative;width:100%}._form-field__input-container_c9jem_34{display:flex;flex:1}._form-field__input_c9jem_25{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--color-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;margin:0 0 .5rem;min-height:2.5rem;padding:0 1rem;text-align:inherit}._form-field__input_c9jem_25::-webkit-outer-spin-button,._form-field__input_c9jem_25::-webkit-inner-spin-button{margin:0}._form-field__input--error_c9jem_60{border-color:var(--color-red-500)}

package/dist/assets/PeriodSelector.css

@@ -1 +1 @@
-._period-selector__container_1v02t_1{display:flex;flex-wrap:wrap}._period-selector__container--label-left_1v02t_6{flex-direction:row;gap:1rem;line-height:2.5rem}._period-selector__container--label-top_1v02t_12{align-items:flex-start;flex-direction:column;gap:.5rem;line-height:normal}._period-selector__selector-container_1v02t_19{display:flex;flex-direction:column}._period-selector__selector-row_1v02t_24{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}
+._period-selector__container_10t7p_1{display:flex;flex-wrap:wrap}._period-selector__container--label-left_10t7p_6{flex-direction:row;gap:1rem;line-height:2.5rem}._period-selector__container--label-top_10t7p_12{align-items:flex-start;flex-direction:column;gap:.5rem;line-height:normal}._period-selector__selector-container_10t7p_19{display:flex;flex-direction:column;line-height:1.5}._period-selector__selector-row_10t7p_25{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}

package/dist/assets/RteEditor.css

@@ -1 +1 @@
-._editor__container_1appy_1{background-color:var(--color-white);display:flex;flex-direction:column}._editor__header_1appy_7{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;min-height:1.5rem}._editor__header-word-count_1appy_15{align-self:flex-end;font-size:.875rem;margin-left:.5rem;text-align:right;white-space:nowrap;width:4.5rem}._editor__header-word-count--alert_1appy_24{color:var(--color-red-500);font-weight:700}._editor_1appy_1{border:1px solid var(--color-grey-400);border-radius:4px;margin-bottom:.5rem;padding:.25rem}._editor_1appy_1:has(._editor__field_1appy_36:focus-visible){outline:1px solid var(--color-blue-500)}._editor__toolbar_1appy_40{align-items:center;display:flex;gap:.25rem;justify-content:flex-start;margin-bottom:.25rem;padding:.25rem}._editor__toolbar-button-group_1appy_49{align-items:center;display:flex;gap:.125rem;justify-content:center}._editor__toolbar-button_1appy_49{align-items:center;background-color:var(--color-white);border:none;border-radius:.25rem;cursor:pointer;display:flex;font-size:1.1rem;height:2rem;justify-content:center;width:2rem}._editor__toolbar-button_1appy_49:hover{background-color:var(--color-grey-200);border:1px solid var(--color-grey-500)}._editor__toolbar-button_1appy_49:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem;z-index:1}._editor__toolbar-button_1appy_49:disabled{border-color:var(--color-grey-100);color:var(--color-grey-200);cursor:not-allowed}._editor__toolbar-button_1appy_49:hover:disabled{background-color:var(--color-grey-100);border-color:var(--color-grey-100);color:var(--color-grey-300);cursor:not-allowed}._editor__toolbar-button--bold_1appy_93{font-weight:700}._editor__toolbar-button--italic_1appy_97{font-style:italic}._editor__toolbar-button--active_1appy_101,._editor__toolbar-button_1appy_49:active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}._editor__toolbar-button_1appy_49:active:hover{color:var(--color-white)}._editor__toolbar-button--active_1appy_101:hover{color:var(--color-black)}._editor__toolbar-button--active_1appy_101:disabled{background-color:var(--color-grey-100);border-color:var(--color-grey-100);color:var(--color-grey-300);cursor:not-allowed}._editor__toolbar-button-flyoutwrapper_1appy_123,._editor__field-wrapper_1appy_127{position:relative}._editor__field-wrapper_1appy_127:before{border-top:1px solid var(--color-grey-400);content:"";display:block;height:0;left:-.25rem;position:absolute;top:-.3rem;width:calc(100% + .5rem);z-index:1}._editor__field_1appy_36{background-color:var(--color-white);margin-top:.5rem;min-height:8rem;overflow-x:hidden;padding:0 .5rem .5rem;position:relative}._editor__field_1appy_36::-webkit-scrollbar{cursor:default;width:12px}._editor__field_1appy_36::-webkit-scrollbar-track{background:var(--color-white)}._editor__field_1appy_36::-webkit-scrollbar-thumb{background-color:var(--color-grey-300);border:3px solid var(--color-white);border-radius:20px;cursor:default}._editor__field_1appy_36:focus-visible{outline:none}._editor__placeholder_1appy_172{color:var(--color-grey-300);left:.5rem;pointer-events:none;position:absolute;top:0}._editor__field_1appy_36 p{margin:0}._editor__text--bold_1appy_185{font-weight:700}._editor__text--italic_1appy_189{font-style:italic}._editor__list--ul_1appy_193,._editor__list--ol_1appy_194{margin:0;padding:0}._editor__list--ul_1appy_193>._editor__listitem_1appy_199{list-style-type:disc;margin-left:1rem}._editor__list--ol_1appy_194>._editor__listitem_1appy_199{list-style-type:decimal;margin-left:1rem}._editor__link_1appy_209{color:var(--color-blue-500);cursor:pointer;text-decoration:underline}._editor__table_1appy_215{border:1px solid var(--color-grey-300);border-collapse:collapse;margin:.5rem 0;width:100%}._editor__table_1appy_215 tr{width:100%}._editor__table_1appy_215 td{border:1px solid var(--color-grey-300);padding:.125rem .25rem;vertical-align:top;width:auto}
+._editor__container_akhe4_1{background-color:var(--color-white);display:flex;flex-direction:column}._editor__header_akhe4_7{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;min-height:1.5rem}._editor__header-word-count_akhe4_15{align-self:flex-end;font-size:.875rem;margin-left:.5rem;text-align:right;white-space:nowrap;width:4.5rem}._editor__header-word-count--alert_akhe4_24{color:var(--color-red-500);font-weight:700}._editor_akhe4_1{border:1px solid var(--color-grey-400);border-radius:4px;margin-bottom:.5rem;padding:.25rem}._editor_akhe4_1:has(._editor__field_akhe4_36:focus-visible){outline:1px solid var(--color-blue-500)}._editor__toolbar_akhe4_40{align-items:center;display:flex;gap:.25rem;justify-content:flex-start;margin-bottom:.25rem;padding:.25rem}._editor__toolbar-button-group_akhe4_49{align-items:center;display:flex;gap:.125rem;justify-content:center}._editor__toolbar-button_akhe4_49{align-items:center;background-color:var(--color-white);border:none;border-radius:.25rem;cursor:pointer;display:flex;font-size:1.1rem;height:2rem;justify-content:center;width:2rem}._editor__toolbar-button_akhe4_49:hover{background-color:var(--color-grey-200);border:1px solid var(--color-grey-500)}._editor__toolbar-button_akhe4_49:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem;z-index:1}._editor__toolbar-button--active_akhe4_80,._editor__toolbar-button_akhe4_49:active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}._editor__toolbar-button_akhe4_49:disabled{border-color:var(--color-grey-100);color:var(--color-grey-200);cursor:not-allowed}._editor__toolbar-button_akhe4_49:hover:disabled{background-color:var(--color-grey-100);border-color:var(--color-grey-100);color:var(--color-grey-300);cursor:not-allowed}._editor__toolbar-button--bold_akhe4_100{font-weight:700}._editor__toolbar-button--italic_akhe4_104{font-style:italic}._editor__toolbar-button_akhe4_49:active:hover{color:var(--color-white)}._editor__toolbar-button--active_akhe4_80:hover{color:var(--color-black)}._editor__toolbar-button--active_akhe4_80:disabled{background-color:var(--color-grey-100);border-color:var(--color-grey-100);color:var(--color-grey-300);cursor:not-allowed}._editor__toolbar-button-flyoutwrapper_akhe4_123,._editor__field-wrapper_akhe4_127{position:relative}._editor__field-wrapper_akhe4_127:before{border-top:1px solid var(--color-grey-400);content:"";display:block;height:0;left:-.25rem;position:absolute;top:-.3rem;width:calc(100% + .5rem);z-index:1}._editor__field_akhe4_36{background-color:var(--color-white);margin-top:.5rem;min-height:8rem;overflow-x:hidden;padding:0 .5rem .5rem;position:relative}._editor__field_akhe4_36::-webkit-scrollbar{cursor:default;width:12px}._editor__field_akhe4_36::-webkit-scrollbar-track{background:var(--color-white)}._editor__field_akhe4_36::-webkit-scrollbar-thumb{background-color:var(--color-grey-300);border:3px solid var(--color-white);border-radius:20px;cursor:default}._editor__field_akhe4_36:focus-visible{outline:none}._editor__placeholder_akhe4_172{color:var(--color-grey-300);left:.5rem;pointer-events:none;position:absolute;top:0}._editor__field_akhe4_36 p{margin:0}._editor__text--bold_akhe4_185{font-weight:700}._editor__text--italic_akhe4_189{font-style:italic}._editor__list--ul_akhe4_193,._editor__list--ol_akhe4_194{margin:0;padding:0}._editor__list--ul_akhe4_193>._editor__listitem_akhe4_199{list-style-type:disc;margin-left:1rem}._editor__list--ol_akhe4_194>._editor__listitem_akhe4_199{list-style-type:decimal;margin-left:1rem}._editor__link_akhe4_209{color:var(--color-blue-500);cursor:pointer;text-decoration:underline}._editor__table_akhe4_215{border:1px solid var(--color-grey-300);border-collapse:collapse;margin:.5rem 0;width:100%}._editor__table_akhe4_215 tr{width:100%}._editor__table_akhe4_215 td{border:1px solid var(--color-grey-300);padding:.125rem .25rem;vertical-align:top;width:auto}

package/dist/components/CheckboxTree/CheckboxTree.js

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

package/dist/components/FormInput/FormInput.js

@@ -1,4 +1,4 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import { c as l } from "../../clsx-OuTLNxxd.js";
 import "react";
 import "../Buttons/Button.js";
@@ -15,7 +15,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../TablePlugin-C4BuRRYL.js";
+import "../../TablePlugin-B-yAWpsC.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/hooks/components/Flyout.js";
 import "../SelectListbox/SelectListbox.js";
@@ -23,38 +23,41 @@ import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
 import "../../SortableProvider-BUsvniX7.js";
 import '../../assets/FormInput.css';const r = {
-  "form-field__container": "_form-field__container_130e1_1",
-  "form-field__container--label-left": "_form-field__container--label-left_130e1_7",
-  "form-field__container--label-top": "_form-field__container--label-top_130e1_18",
-  "form-field__input-container": "_form-field__input-container_130e1_25",
-  "form-field__input": "_form-field__input_130e1_25",
-  "form-field__input--error": "_form-field__input--error_130e1_55"
+  "form-field__container": "_form-field__container_c9jem_1",
+  "form-field__container--label-left": "_form-field__container--label-left_c9jem_7",
+  "form-field__container--label-top": "_form-field__container--label-top_c9jem_18",
+  "form-field__input-feedback-container": "_form-field__input-feedback-container_c9jem_25",
+  "form-field__input-container": "_form-field__input-container_c9jem_34",
+  "form-field__input": "_form-field__input_c9jem_25",
+  "form-field__input--error": "_form-field__input--error_c9jem_60"
 }, J = ({
   id: t,
-  label: _,
-  labelPosition: p = "top",
-  type: m = "text",
-  required: a = !1,
-  notValidatedText: e = "",
+  label: m,
+  labelPosition: c = "top",
+  type: _ = "text",
+  required: p = !1,
+  notValidatedText: i = "",
   onChange: n
 }) => {
-  const c = (o) => ["e", "E", "+", "-"].includes(o.key) && o.preventDefault(), d = (o) => {
-    typeof n == "function" && n(o.target.value);
+  const a = (e) => ["e", "E", "+", "-"].includes(e.key) && e.preventDefault(), d = (e) => {
+    typeof n == "function" && n(e.target.value);
   };
-  return /* @__PURE__ */ f("div", { className: l(r["form-field__container"], r[`form-field__container--label-${p}`]), children: [
-    _ && /* @__PURE__ */ i(s, { htmlFor: t, required: a, children: _ }),
-    /* @__PURE__ */ f("div", { className: r["form-field__input-container"], children: [
-      /* @__PURE__ */ i(
+  return /* @__PURE__ */ f("div", { className: l(r["form-field__container"], r[`form-field__container--label-${c}`]), children: [
+    m && /* @__PURE__ */ o(s, { htmlFor: t, required: p, children: m }),
+    /* @__PURE__ */ f("div", { className: r["form-field__input-feedback-container"], children: [
+      /* @__PURE__ */ o("div", { className: r["form-field__input-container"], children: /* @__PURE__ */ o(
         "input",
         {
           id: t,
-          type: m,
-          ...m === "number" && { onKeyDown: c },
+          type: _,
+          ..._ === "number" && { onKeyDown: a },
           onChange: d,
-          className: l(r["form-field__input"], [e !== "" && r["form-field__input--error"]])
+          className: l(r["form-field__input"], [
+            i !== "" && r["form-field__input--error"]
+          ])
         }
-      ),
-      e !== "" && /* @__PURE__ */ i(u, { level: "error", feedback: e })
+      ) }),
+      i !== "" && /* @__PURE__ */ o(u, { level: "error", feedback: i })
     ] })
   ] });
 };

package/dist/components/FormInput/FormInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport styles from './FormInput.module.css';\n\nimport { FeedbackBox, Label } from 'components';\n\nexport interface FormInputProps {\n  /** The id of the input element. */\n  id: string;\n  /** label text if empthy the label is not renderd */\n  label: string;\n  /** label position `top` or `left`. The default is `top`. */\n  labelPosition?: 'top' | 'left';\n  /** The type of the input element. */\n  type?: 'text' | 'password' | 'email' | 'number';\n  /** Shows red * */\n  required?: boolean;\n  /** error text to display if set */\n  notValidatedText?: string;\n  /** Returns array of selected values as number */\n  onChange: (value: string) => void;\n}\n\nexport const FormInput = ({\n  id,\n  label,\n  labelPosition = 'top',\n  type = 'text',\n  required = false,\n  notValidatedText = '',\n  onChange,\n}: FormInputProps) => {\n  const blockInvalidChar = (event: React.KeyboardEvent<HTMLInputElement>) =>\n    ['e', 'E', '+', '-'].includes(event.key) && event.preventDefault();\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (typeof onChange === 'function') {\n      onChange(event.target.value);\n    }\n  };\n\n  return (\n    <div className={clsx(styles['form-field__container'], styles[`form-field__container--label-${labelPosition}`])}>\n      {label && (\n        <Label htmlFor={id} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <div className={styles['form-field__input-container']}>\n        <input\n          id={id}\n          type={type}\n          {...(type === 'number' && { onKeyDown: blockInvalidChar })}\n          onChange={handleChange}\n          className={clsx(styles['form-field__input'], [notValidatedText !== '' && styles['form-field__input--error']])}\n        />\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["FormInput","id","label","labelPosition","type","required","notValidatedText","onChange","blockInvalidChar","event","handleChange","jsxs","clsx","styles","jsx","Label","FeedbackBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuBaA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmB,CAACC,MACxB,CAAC,KAAK,KAAK,KAAK,GAAG,EAAE,SAASA,EAAM,GAAG,KAAKA,EAAM,eAAe,GAE7DC,IAAe,CAACD,MAA+C;AAC/D,IAAA,OAAOF,KAAa,cACbA,EAAAE,EAAM,OAAO,KAAK;AAAA,EAC7B;AAGF,SACG,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAKC,EAAO,uBAAuB,GAAGA,EAAO,gCAAgCV,CAAa,EAAE,CAAC,GAC1G,UAAA;AAAA,IAAAD,KACE,gBAAAY,EAAAC,GAAA,EAAM,SAASd,GAAI,UAAAI,GACjB,UACHH,GAAA;AAAA,IAGD,gBAAAS,EAAA,OAAA,EAAI,WAAWE,EAAO,6BAA6B,GAClD,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAb;AAAA,UACA,MAAAG;AAAA,UACC,GAAIA,MAAS,YAAY,EAAE,WAAWI,EAAiB;AAAA,UACxD,UAAUE;AAAA,UACV,WAAWE,EAAKC,EAAO,mBAAmB,GAAG,CAACP,MAAqB,MAAMO,EAAO,0BAA0B,CAAC,CAAC;AAAA,QAAA;AAAA,MAC9G;AAAA,MACCP,MAAqB,MAAM,gBAAAQ,EAACE,KAAY,OAAM,SAAQ,UAAUV,GAAkB;AAAA,IAAA,GACrF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"FormInput.js","sources":["../../../src/components/FormInput/FormInput.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport styles from './FormInput.module.css';\n\nimport { FeedbackBox, Label } from 'components';\n\nexport interface FormInputProps {\n  /** The id of the input element. */\n  id: string;\n  /** label text if empthy the label is not renderd */\n  label: string;\n  /** label position `top` or `left`. The default is `top`. */\n  labelPosition?: 'top' | 'left';\n  /** The type of the input element. */\n  type?: 'text' | 'password' | 'email' | 'number';\n  /** Shows red * */\n  required?: boolean;\n  /** error text to display if set */\n  notValidatedText?: string;\n  /** Returns array of selected values as number */\n  onChange: (value: string) => void;\n}\n\nexport const FormInput = ({\n  id,\n  label,\n  labelPosition = 'top',\n  type = 'text',\n  required = false,\n  notValidatedText = '',\n  onChange,\n}: FormInputProps) => {\n  const blockInvalidChar = (event: React.KeyboardEvent<HTMLInputElement>) =>\n    ['e', 'E', '+', '-'].includes(event.key) && event.preventDefault();\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (typeof onChange === 'function') {\n      onChange(event.target.value);\n    }\n  };\n\n  return (\n    <div className={clsx(styles['form-field__container'], styles[`form-field__container--label-${labelPosition}`])}>\n      {label && (\n        <Label htmlFor={id} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <div className={styles['form-field__input-feedback-container']}>\n        <div className={styles['form-field__input-container']}>\n          <input\n            id={id}\n            type={type}\n            {...(type === 'number' && { onKeyDown: blockInvalidChar })}\n            onChange={handleChange}\n            className={clsx(styles['form-field__input'], [\n              notValidatedText !== '' && styles['form-field__input--error'],\n            ])}\n          />\n        </div>\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["FormInput","id","label","labelPosition","type","required","notValidatedText","onChange","blockInvalidChar","event","handleChange","jsxs","clsx","styles","jsx","Label","FeedbackBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuBaA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmB,CAACC,MACxB,CAAC,KAAK,KAAK,KAAK,GAAG,EAAE,SAASA,EAAM,GAAG,KAAKA,EAAM,eAAe,GAE7DC,IAAe,CAACD,MAA+C;AAC/D,IAAA,OAAOF,KAAa,cACbA,EAAAE,EAAM,OAAO,KAAK;AAAA,EAC7B;AAGF,SACG,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAKC,EAAO,uBAAuB,GAAGA,EAAO,gCAAgCV,CAAa,EAAE,CAAC,GAC1G,UAAA;AAAA,IAAAD,KACE,gBAAAY,EAAAC,GAAA,EAAM,SAASd,GAAI,UAAAI,GACjB,UACHH,GAAA;AAAA,IAGD,gBAAAS,EAAA,OAAA,EAAI,WAAWE,EAAO,sCAAsC,GAC3D,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWD,EAAO,6BAA6B,GAClD,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAb;AAAA,UACA,MAAAG;AAAA,UACC,GAAIA,MAAS,YAAY,EAAE,WAAWI,EAAiB;AAAA,UACxD,UAAUE;AAAA,UACV,WAAWE,EAAKC,EAAO,mBAAmB,GAAG;AAAA,YAC3CP,MAAqB,MAAMO,EAAO,0BAA0B;AAAA,UAAA,CAC7D;AAAA,QAAA;AAAA,MAAA,GAEL;AAAA,MACCP,MAAqB,MAAM,gBAAAQ,EAACE,KAAY,OAAM,SAAQ,UAAUV,GAAkB;AAAA,IAAA,GACrF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

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

package/dist/components/MultiSelect/MultiSelect.js

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

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

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

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

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

package/dist/components/MultiSelect/index.js

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