@uva-glass/component-library 1.62.12 → 1.64.0

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

@@ -1,4 +1,4 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { fn as a } from "../../index-C9QoqAAt.js";
 import { ProgrammeCard as o } from "./ProgrammeCard.js";
 import { Container as n } from "../../storyComponents/Container/Container.js";
@@ -16,51 +16,55 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../TablePlugin-B3ZkyOU_.js";
-import { Repeater as i } from "../Repeater/Repeater.js";
+import "../../TablePlugin-BLzR0g93.js";
+import { Repeater as e } from "../Repeater/Repeater.js";
+import "lexical";
+import "@lexical/list";
+import "@lexical/link";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
+import "@staartwind.nl/lexical-paste-from-word";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
 import "../../SortableProvider-BUsvniX7.js";
-const l = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", G = {
+const s = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", N = {
   title: "Atoms/ProgrammeCard",
   component: o,
   parameters: {
     inspectComponent: o,
-    codeString: l
+    codeString: s
   }
-}, s = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ r(o, { ...t }) }), p = s.bind({});
-p.args = {
+}, p = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ r(o, { ...t }) }), l = p.bind({});
+l.args = {
   header: "This is my header",
   details: "This is my details",
   onClick: a()
 };
-const d = s.bind({});
+const d = p.bind({});
 d.args = {
-  header: /* @__PURE__ */ e(i, { flexDirection: "row", gap: "150", children: [
+  header: /* @__PURE__ */ i(e, { flexDirection: "row", gap: "150", children: [
     /* @__PURE__ */ r(m, { name: "Envelope", size: 32 }),
     /* @__PURE__ */ r("h2", { style: { margin: 0 }, children: "This is my header" })
   ] }),
-  details: /* @__PURE__ */ e(i, { flexDirection: "row", gap: "150", children: [
-    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
+  details: /* @__PURE__ */ i(e, { flexDirection: "row", gap: "150", children: [
+    /* @__PURE__ */ i(e, { flexDirection: "row", children: [
       /* @__PURE__ */ r(m, { name: "FaceFrown" }),
       "Details 1"
     ] }),
-    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
+    /* @__PURE__ */ i(e, { flexDirection: "row", children: [
       /* @__PURE__ */ r(m, { name: "Heart" }),
       "Details 2"
     ] }),
-    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
+    /* @__PURE__ */ i(e, { flexDirection: "row", children: [
       /* @__PURE__ */ r(m, { name: "Sparkles" }),
       "Details 3"
     ] })
   ] }),
   onClick: a()
 };
-const c = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ e(i, { children: [
+const c = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ i(e, { children: [
   /* @__PURE__ */ r(o, { ...t }),
   /* @__PURE__ */ r(o, { ...t }),
   /* @__PURE__ */ r(o, { ...t })
@@ -72,8 +76,8 @@ h.args = {
 };
 export {
   h as MultiProgrammeCards,
-  p as ProgrammeCardExample,
+  l as ProgrammeCardExample,
   d as WithComplexContent,
-  G as default
+  N as default
 };
 //# sourceMappingURL=ProgrammeCard.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n  parameters: {\n    inspectComponent: ProgrammeCard,\n    codeString: codeString,\n  },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <ProgrammeCard {...args} />\n  </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <Repeater>\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n    </Repeater>\n  </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n"],"names":["codeString","ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAAa,2FAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,EAAE;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,qBAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,GAE1B;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EAC3B,CAAA,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,EAAE;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}
+{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n  parameters: {\n    inspectComponent: ProgrammeCard,\n    codeString: codeString,\n  },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <ProgrammeCard {...args} />\n  </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <Repeater>\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n    </Repeater>\n  </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n"],"names":["codeString","ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAAa,2FAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,EAAE;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,qBAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,GAE1B;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EAC3B,CAAA,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,EAAE;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}

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

@@ -13,10 +13,14 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../TablePlugin-B3ZkyOU_.js";
+import "../../../TablePlugin-BLzR0g93.js";
+import "lexical";
+import "@lexical/list";
+import "@lexical/link";
 import "../Providers/LanguageProvider.js";
 import "../Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../hooks/components/Flyout.js";
+import "@staartwind.nl/lexical-paste-from-word";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
@@ -24,7 +28,7 @@ import "../../../SortableProvider-BUsvniX7.js";
 import '../../../assets/EditorHeader.css';const t = {
   "editor-header__container": "_editor-header__container_nsi6h_1",
   "editor-header__info": "_editor-header__info_nsi6h_10"
-}, w = ({ label: i, info: o = "", required: e = !1 }) => {
+}, C = ({ label: i, info: o = "", required: e = !1 }) => {
   const m = `info_${d()}`;
   return /* @__PURE__ */ p("div", { className: t["editor-header__container"], children: [
     i !== "" && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(n, { htmlFor: m, required: e, children: i }) }),
@@ -32,6 +36,6 @@ import '../../../assets/EditorHeader.css';const t = {
   ] });
 };
 export {
-  w as EditorHeader
+  C as EditorHeader
 };
 //# sourceMappingURL=EditorHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditorHeader.js","sources":["../../../../src/components/RteEditor/EditorHeader/EditorHeader.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport styles from './EditorHeader.module.css';\n\nimport { Label } from 'components';\n\ninterface EditorHeaderProps {\n  label: string;\n  info?: string;\n  required?: boolean;\n}\n\nexport const EditorHeader = ({ label, info = '', required = false }: EditorHeaderProps) => {\n  const infoId = `info_${useId()}`;\n\n  return (\n    <div className={styles['editor-header__container']}>\n      {label !== '' && (\n        <div>\n          <Label htmlFor={infoId} required={required}>\n            {label}\n          </Label>\n        </div>\n      )}\n      {info !== '' && <div className={styles['editor-header__info']}>{info}</div>}\n    </div>\n  );\n};\n"],"names":["EditorHeader","label","info","required","infoId","useId","jsxs","styles","jsx","Label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;GAYaA,IAAe,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAO,IAAI,UAAAC,IAAW,SAA+B;AACnF,QAAAC,IAAS,QAAQC,EAAA,CAAO;AAE9B,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,0BAA0B,GAC9C,UAAA;AAAA,IAAUN,MAAA,wBACR,OACC,EAAA,UAAA,gBAAAO,EAACC,KAAM,SAASL,GAAQ,UAAAD,GACrB,UAAAF,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,MAAS,MAAO,gBAAAM,EAAA,OAAA,EAAI,WAAWD,EAAO,qBAAqB,GAAI,UAAKL,GAAA;AAAA,EACvE,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"EditorHeader.js","sources":["../../../../src/components/RteEditor/EditorHeader/EditorHeader.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport styles from './EditorHeader.module.css';\n\nimport { Label } from 'components';\n\ninterface EditorHeaderProps {\n  label: string;\n  info?: string;\n  required?: boolean;\n}\n\nexport const EditorHeader = ({ label, info = '', required = false }: EditorHeaderProps) => {\n  const infoId = `info_${useId()}`;\n\n  return (\n    <div className={styles['editor-header__container']}>\n      {label !== '' && (\n        <div>\n          <Label htmlFor={infoId} required={required}>\n            {label}\n          </Label>\n        </div>\n      )}\n      {info !== '' && <div className={styles['editor-header__info']}>{info}</div>}\n    </div>\n  );\n};\n"],"names":["EditorHeader","label","info","required","infoId","useId","jsxs","styles","jsx","Label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAYaA,IAAe,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAO,IAAI,UAAAC,IAAW,SAA+B;AACnF,QAAAC,IAAS,QAAQC,EAAA,CAAO;AAE9B,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,0BAA0B,GAC9C,UAAA;AAAA,IAAUN,MAAA,wBACR,OACC,EAAA,UAAA,gBAAAO,EAACC,KAAM,SAASL,GAAQ,UAAAD,GACrB,UAAAF,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,MAAS,MAAO,gBAAAM,EAAA,OAAA,EAAI,WAAWD,EAAO,qBAAqB,GAAI,UAAKL,GAAA;AAAA,EACvE,EAAA,CAAA;AAEJ;"}

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

@@ -1,20 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { u } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
 import { c as f } from "../../../../clsx-OuTLNxxd.js";
-import { M as _, v as p, f as h } from "../../../../Lexical.prod-DOTdxgeo.js";
-import { useState as l, useEffect as k } from "react";
-import { Icon as I } from "../../../Icon/Icon.js";
-import { s as a } from "../../../../RteEditor.module-DcvGRx3a.js";
-import { useTranslation as v } from "../../hooks/useTranslation.js";
+import { $getSelection as _, $isRangeSelection as p, FORMAT_TEXT_COMMAND as h } from "lexical";
+import { useState as s, useEffect as T } from "react";
+import { Icon as k } from "../../../Icon/Icon.js";
+import { s as i } from "../../../../RteEditor.module-DcvGRx3a.js";
+import { useTranslation as I } from "../../hooks/useTranslation.js";
 const B = {
   bold: "Bold",
   italic: "Italic"
 }, C = ["bold", "italic"], E = () => {
-  const t = v(), [i] = u(), [e, c] = l(!1), [n, m] = l(!1), d = (o) => {
-    i.dispatchCommand(h, o);
+  const t = I(), [a] = u(), [e, c] = s(!1), [n, m] = s(!1), d = (o) => {
+    a.dispatchCommand(h, o);
   };
-  return k(() => {
-    const o = i.registerUpdateListener(({ editorState: b }) => {
+  return T(() => {
+    const o = a.registerUpdateListener(({ editorState: b }) => {
       b.read(() => {
         const r = _();
         p(r) && (c(r.hasFormat("bold")), m(r.hasFormat("italic")));
@@ -23,21 +23,21 @@ const B = {
     return () => {
       o();
     };
-  }, [i]), /* @__PURE__ */ s("div", { className: a["editor__toolbar-button-group"], children: C.map((o) => /* @__PURE__ */ s(
+  }, [a]), /* @__PURE__ */ l("div", { className: i["editor__toolbar-button-group"], children: C.map((o) => /* @__PURE__ */ l(
     "button",
     {
       onClick: () => d(o),
       title: o === "bold" ? t.format.boldTooltip : t.format.italicTooltip,
       className: f(
-        a["editor__toolbar-button"],
-        a[`editor__toolbar-button--${o}`],
-        o === "bold" && e && a["editor__toolbar-button--active"],
-        o === "italic" && n && a["editor__toolbar-button--active"]
+        i["editor__toolbar-button"],
+        i[`editor__toolbar-button--${o}`],
+        o === "bold" && e && i["editor__toolbar-button--active"],
+        o === "italic" && n && i["editor__toolbar-button--active"]
       ),
       "aria-label": `${o === "bold" ? t.aria.labels.bold : t.aria.labels.italic}`,
       "aria-keyshortcuts": `${o === "bold" ? t.aria.keyshortcuts.bold : t.aria.keyshortcuts.italic}`,
       type: "button",
-      children: /* @__PURE__ */ s(I, { name: B[o], size: 24 })
+      children: /* @__PURE__ */ l(k, { name: B[o], size: 24 })
     },
     o
   )) });

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

@@ -1,8 +1,8 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { c as a } from "../../../../clsx-OuTLNxxd.js";
-import { u as h } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { $ as _, K as y, i as C, j as k } from "../../../../Lexical.prod-DOTdxgeo.js";
-import { useState as s, useEffect as m } from "react";
+import { u as _ } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { CAN_UNDO_COMMAND as C, CAN_REDO_COMMAND as h, UNDO_COMMAND as N, REDO_COMMAND as y } from "lexical";
+import { useState as m, useEffect as s } from "react";
 import { Icon as n } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
@@ -16,28 +16,31 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../TablePlugin-B3ZkyOU_.js";
+import "../../../../TablePlugin-BLzR0g93.js";
+import "@lexical/list";
+import "@lexical/link";
 import { s as r } from "../../../../RteEditor.module-DcvGRx3a.js";
-import { useTranslation as g } from "../../hooks/useTranslation.js";
+import { useTranslation as D } from "../../hooks/useTranslation.js";
 import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../hooks/components/Flyout.js";
 import "../../Providers/LanguageProvider.js";
+import "@staartwind.nl/lexical-paste-from-word";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-BUsvniX7.js";
-const W = () => {
-  const o = g(), [t] = h(), [d, p] = s(!1), [l, c] = s(!1), u = () => {
-    t.dispatchCommand(C, void 0);
+const $ = () => {
+  const o = D(), [t] = _(), [p, d] = m(!1), [l, c] = m(!1), u = () => {
+    t.dispatchCommand(N, void 0);
   }, b = () => {
-    t.dispatchCommand(k, void 0);
+    t.dispatchCommand(y, void 0);
   };
-  return m(() => t.registerCommand(
-    _,
-    (e) => (p(e), !1),
+  return s(() => t.registerCommand(
+    C,
+    (e) => (d(e), !1),
     1
-  ), [t]), m(() => t.registerCommand(
-    y,
+  ), [t]), s(() => t.registerCommand(
+    h,
     (e) => (c(e), !1),
     1
   ), [t]), /* @__PURE__ */ f("div", { className: r["editor__toolbar-button-group"], children: [
@@ -48,7 +51,7 @@ const W = () => {
         className: a(r["editor__toolbar-button"], r["editor__toolbar-button--undo"]),
         "aria-label": o.aria.labels.undo,
         "aria-keyshortcuts": o.aria.keyshortcuts.undo,
-        disabled: !d,
+        disabled: !p,
         title: o.format.undoTooltip,
         type: "button",
         children: /* @__PURE__ */ i(n, { name: "StepBack", size: 24 })
@@ -70,6 +73,6 @@ const W = () => {
   ] });
 };
 export {
-  W as HistoryPlugin
+  $ as HistoryPlugin
 };
 //# sourceMappingURL=HistoryPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HistoryPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { CAN_UNDO_COMMAND, CAN_REDO_COMMAND, UNDO_COMMAND, REDO_COMMAND } from 'lexical';\nimport { useEffect, useState } from 'react';\n\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport const HistoryPlugin = () => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const [canUndo, setCanUndo] = useState(false);\n  const [canRedo, setCanRedo] = useState(false);\n\n  const handleUndo = () => {\n    editor.dispatchCommand(UNDO_COMMAND, undefined);\n  };\n\n  const handleRedo = () => {\n    editor.dispatchCommand(REDO_COMMAND, undefined);\n  };\n\n  useEffect(() => {\n    return editor.registerCommand<boolean>(\n      CAN_UNDO_COMMAND,\n      (payload) => {\n        setCanUndo(payload);\n        return false;\n      },\n      1\n    );\n  }, [editor]);\n\n  useEffect(() => {\n    return editor.registerCommand<boolean>(\n      CAN_REDO_COMMAND,\n      (payload) => {\n        setCanRedo(payload);\n        return false;\n      },\n      1\n    );\n  }, [editor]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <button\n        onClick={handleUndo}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--undo`])}\n        aria-label={t.aria.labels.undo}\n        aria-keyshortcuts={t.aria.keyshortcuts.undo}\n        disabled={!canUndo}\n        title={t.format.undoTooltip}\n        type=\"button\"\n      >\n        <Icon name=\"StepBack\" size={24} />\n      </button>\n      <button\n        onClick={handleRedo}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--redo`])}\n        aria-label={t.aria.labels.redo}\n        aria-keyshortcuts={t.aria.keyshortcuts.redo}\n        disabled={!canRedo}\n        title={t.format.redoTooltip}\n        type=\"button\"\n      >\n        <Icon name=\"StepForwards\" size={24} />\n      </button>\n    </div>\n  );\n};\n"],"names":["HistoryPlugin","t","useTranslation","editor","useLexicalComposerContext","canUndo","setCanUndo","useState","canRedo","setCanRedo","handleUndo","UNDO_COMMAND","handleRedo","REDO_COMMAND","useEffect","CAN_UNDO_COMMAND","payload","CAN_REDO_COMMAND","jsxs","styles","jsx","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,IAAgB,MAAM;AACjC,QAAMC,IAAIC,KACJ,CAACC,CAAM,IAAIC,KACX,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAa,MAAM;AAChB,IAAAP,EAAA,gBAAgBQ,GAAc,MAAS;AAAA,EAAA,GAG1CC,IAAa,MAAM;AAChB,IAAAT,EAAA,gBAAgBU,GAAc,MAAS;AAAA,EAAA;AAGhD,SAAAC,EAAU,MACDX,EAAO;AAAA,IACZY;AAAAA,IACA,CAACC,OACCV,EAAWU,CAAO,GACX;AAAA,IAET;AAAA,EAAA,GAED,CAACb,CAAM,CAAC,GAEXW,EAAU,MACDX,EAAO;AAAA,IACZc;AAAAA,IACA,CAACD,OACCP,EAAWO,CAAO,GACX;AAAA,IAET;AAAA,EAAA,GAED,CAACb,CAAM,CAAC,GAGR,gBAAAe,EAAA,OAAA,EAAI,WAAWC,EAAO,8BAA8B,GACnD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASV;AAAA,QACT,WAAWW,EAAKF,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAYlB,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,UAAU,CAACI;AAAA,QACX,OAAOJ,EAAE,OAAO;AAAA,QAChB,MAAK;AAAA,QAEL,UAAC,gBAAAmB,EAAAE,GAAA,EAAK,MAAK,YAAW,MAAM,IAAI;AAAA,MAAA;AAAA,IAClC;AAAA,IACA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASR;AAAA,QACT,WAAWS,EAAKF,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAYlB,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,UAAU,CAACO;AAAA,QACX,OAAOP,EAAE,OAAO;AAAA,QAChB,MAAK;AAAA,QAEL,UAAC,gBAAAmB,EAAAE,GAAA,EAAK,MAAK,gBAAe,MAAM,IAAI;AAAA,MAAA;AAAA,IACtC;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"HistoryPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { CAN_UNDO_COMMAND, CAN_REDO_COMMAND, UNDO_COMMAND, REDO_COMMAND } from 'lexical';\nimport { useEffect, useState } from 'react';\n\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport const HistoryPlugin = () => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const [canUndo, setCanUndo] = useState(false);\n  const [canRedo, setCanRedo] = useState(false);\n\n  const handleUndo = () => {\n    editor.dispatchCommand(UNDO_COMMAND, undefined);\n  };\n\n  const handleRedo = () => {\n    editor.dispatchCommand(REDO_COMMAND, undefined);\n  };\n\n  useEffect(() => {\n    return editor.registerCommand<boolean>(\n      CAN_UNDO_COMMAND,\n      (payload) => {\n        setCanUndo(payload);\n        return false;\n      },\n      1\n    );\n  }, [editor]);\n\n  useEffect(() => {\n    return editor.registerCommand<boolean>(\n      CAN_REDO_COMMAND,\n      (payload) => {\n        setCanRedo(payload);\n        return false;\n      },\n      1\n    );\n  }, [editor]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <button\n        onClick={handleUndo}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--undo`])}\n        aria-label={t.aria.labels.undo}\n        aria-keyshortcuts={t.aria.keyshortcuts.undo}\n        disabled={!canUndo}\n        title={t.format.undoTooltip}\n        type=\"button\"\n      >\n        <Icon name=\"StepBack\" size={24} />\n      </button>\n      <button\n        onClick={handleRedo}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--redo`])}\n        aria-label={t.aria.labels.redo}\n        aria-keyshortcuts={t.aria.keyshortcuts.redo}\n        disabled={!canRedo}\n        title={t.format.redoTooltip}\n        type=\"button\"\n      >\n        <Icon name=\"StepForwards\" size={24} />\n      </button>\n    </div>\n  );\n};\n"],"names":["HistoryPlugin","t","useTranslation","editor","useLexicalComposerContext","canUndo","setCanUndo","useState","canRedo","setCanRedo","handleUndo","UNDO_COMMAND","handleRedo","REDO_COMMAND","useEffect","CAN_UNDO_COMMAND","payload","CAN_REDO_COMMAND","jsxs","styles","jsx","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,IAAgB,MAAM;AACjC,QAAMC,IAAIC,KACJ,CAACC,CAAM,IAAIC,KACX,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAa,MAAM;AAChB,IAAAP,EAAA,gBAAgBQ,GAAc,MAAS;AAAA,EAAA,GAG1CC,IAAa,MAAM;AAChB,IAAAT,EAAA,gBAAgBU,GAAc,MAAS;AAAA,EAAA;AAGhD,SAAAC,EAAU,MACDX,EAAO;AAAA,IACZY;AAAA,IACA,CAACC,OACCV,EAAWU,CAAO,GACX;AAAA,IAET;AAAA,EAAA,GAED,CAACb,CAAM,CAAC,GAEXW,EAAU,MACDX,EAAO;AAAA,IACZc;AAAA,IACA,CAACD,OACCP,EAAWO,CAAO,GACX;AAAA,IAET;AAAA,EAAA,GAED,CAACb,CAAM,CAAC,GAGR,gBAAAe,EAAA,OAAA,EAAI,WAAWC,EAAO,8BAA8B,GACnD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASV;AAAA,QACT,WAAWW,EAAKF,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAYlB,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,UAAU,CAACI;AAAA,QACX,OAAOJ,EAAE,OAAO;AAAA,QAChB,MAAK;AAAA,QAEL,UAAC,gBAAAmB,EAAAE,GAAA,EAAK,MAAK,YAAW,MAAM,IAAI;AAAA,MAAA;AAAA,IAClC;AAAA,IACA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASR;AAAA,QACT,WAAWS,EAAKF,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAYlB,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,UAAU,CAACO;AAAA,QACX,OAAOP,EAAE,OAAO;AAAA,QAChB,MAAK;AAAA,QAEL,UAAC,gBAAAmB,EAAAE,GAAA,EAAK,MAAK,gBAAe,MAAM,IAAI;AAAA,MAAA;AAAA,IACtC;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import { A as B } from "../../../../../TablePlugin-B3ZkyOU_.js";
-import "../../../../../helpers-CC9_diXm.js";
+import { A as G } from "../../../../../TablePlugin-BLzR0g93.js";
+import "../../../../../helpers-B-pdj8pq.js";
 import "../../../../Icon/Icon.js";
 import "../../../../Buttons/Button.js";
 import "../../../../Buttons/LinkButton.js";
@@ -18,15 +18,19 @@ import "../../../../IconButton/IconButton.js";
 import "../../../../Input/Input.js";
 import "../../../../InputField/InputField.js";
 import "react-router-dom";
+import "lexical";
+import "@lexical/list";
+import "@lexical/link";
 import "../../../hooks/useTranslation.js";
 import "../LinkContextMenu/LinkContextMenu.js";
 import "../../../hooks/components/Flyout.js";
 import "../../../Providers/LanguageProvider.js";
+import "@staartwind.nl/lexical-paste-from-word";
 import "../../../../SelectListbox/SelectListbox.js";
 import "../../../../SelectListbox/SelectProvider.js";
 import "../../../../Sortable/components/SortableItem.js";
 import "../../../../../SortableProvider-BUsvniX7.js";
 export {
-  B as AddLinkForm
+  G as AddLinkForm
 };
 //# sourceMappingURL=AddLinkFrom.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddLinkFrom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AddLinkFrom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsxs as c, Fragment as w, jsx as n } from "react/jsx-runtime";
 import { forwardRef as C, useState as u, useImperativeHandle as N, useLayoutEffect as L } from "react";
-import { e as g } from "../../../../../helpers-CC9_diXm.js";
+import { e as g } from "../../../../../helpers-B-pdj8pq.js";
 import { Icon as s } from "../../../../Icon/Icon.js";
 import { useTranslation as S } from "../../../hooks/useTranslation.js";
 import { Button as _ } from "../../../../Buttons/Button.js";