@uva-glass/component-library 1.52.1 → 1.54.0

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
 import { fn as l } from "../../index-MQ0yPLdl.js";
-import { InputField as a } from "./InputField.js";
+import { InputField as o } from "./InputField.js";
 import { Container as u } from "../../storyComponents/Container/Container.js";
 import { Icon as f } from "../Icon/Icon.js";
 import "../Buttons/Button.js";
@@ -15,9 +15,11 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router-dom";
-import "../../MultiSelect-D1FnMER4.js";
+import "../../MultiSelect-DQaqItEH.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
+import "../Sortable/components/SortableItem.js";
+import "../../SortableProvider-Z0e0qeQT.js";
 const C = `
 // Has all HTMLInputElement props available except "className" and "style" 
 <InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}
@@ -25,9 +27,9 @@ const C = `
 `, h = (t) => {
   const e = t.variant ?? [];
   return { ...t, variant: e.toString() };
-}, B = {
+}, G = {
   title: "Atoms/InputField",
-  component: a,
+  component: o,
   argTypes: {
     variant: {
       options: ["large"],
@@ -47,17 +49,17 @@ const C = `
     }
   },
   parameters: {
-    inspectComponent: a,
+    inspectComponent: o,
     codeString: C
   }
-}, o = (t) => {
+}, a = (t) => {
   const [e, i] = d(""), p = g(null), s = (c) => {
     i(c.target.value), l()("handleChange");
   }, m = () => {
     i(""), l()("handleClear");
   };
   return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
-    a,
+    o,
     {
       ...h(t),
       value: e,
@@ -70,16 +72,16 @@ const C = `
   type: "text",
   variant: void 0,
   id: "4f9ca77d"
-}, v = o.bind({});
+}, v = a.bind({});
 v.args = {
   ...n
 };
-const b = o.bind({});
+const b = a.bind({});
 b.args = {
   ...n,
   clearTrigger: "Clear"
 };
-const y = o.bind({});
+const y = a.bind({});
 y.args = {
   ...n,
   clearTrigger: /* @__PURE__ */ r(f, { name: "Cross" })
@@ -88,6 +90,6 @@ export {
   v as InputFieldExample,
   y as WithIconClearTrigger,
   b as WithStringClearTrigger,
-  B as default
+  G as default
 };
 //# sourceMappingURL=InputField.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.stories.js","sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { fn } from '@storybook/test';\n\nimport type { ChangeEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport { InputField } from './InputField';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon } from 'components';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}\n  value={value} type={type} clearTrigger={clearTrigger} />\n`;\n\nconst transformArgs = (args: InputFieldProps) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  return { ...args, ...{ variant: variantArray.toString() } } as InputFieldProps;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InputField',\n  component: InputField,\n  argTypes: {\n    variant: {\n      options: ['large'],\n      control: 'check',\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: InputField,\n    codeString: codeString,\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => {\n  const [inputValue, setInputValue] = useState<InputFieldProps['value']>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    fn()('handleChange');\n  };\n\n  const handleClear = () => {\n    setInputValue('');\n    fn()('handleClear');\n  };\n\n  return (\n    <Container>\n      <InputField\n        {...transformArgs(args)}\n        value={inputValue}\n        onChange={handleChange}\n        onClear={handleClear}\n        ref={inputRef}\n      />\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithStringClearTrigger = Template.bind({});\nWithStringClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: 'Clear',\n};\n\nexport const WithIconClearTrigger = Template.bind({});\nWithIconClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: <Icon name=\"Cross\" />,\n};\n"],"names":["codeString","transformArgs","args","variantArray","InputField_stories","InputField","Template","inputValue","setInputValue","useState","inputRef","useRef","handleChange","event","fn","handleClear","Container","jsx","defaultArgs","InputFieldExample","WithStringClearTrigger","WithIconClearTrigger","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA,GAMbC,IAAgB,CAACC,MAA0B;AAEzC,QAAAC,IAAgBD,EAAK,WAAmC;AACvD,SAAA,EAAE,GAAGA,GAAW,SAASC,EAAa,SAAS;AACxD,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,OAAO;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,QAAQ,YAAY,OAAO;AAAA,IACvC;AAAA,IACA,IAAI;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAL;AAAA,EACF;AACF,GAEMM,IAAqC,CAACJ,MAAS;AACnD,QAAM,CAACK,GAAYC,CAAa,IAAIC,EAAmC,EAAE,GACnEC,IAAWC,EAAyB,IAAI,GAExCC,IAAe,CAACC,MAAyC;AAC/C,IAAAL,EAAAK,EAAM,OAAO,KAAK,GAChCC,EAAA,EAAK,cAAc;AAAA,EAAA,GAGfC,IAAc,MAAM;AACxB,IAAAP,EAAc,EAAE,GAChBM,EAAA,EAAK,aAAa;AAAA,EAAA;AAGpB,2BACGE,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACZ;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAcC,CAAI;AAAA,MACtB,OAAOK;AAAA,MACP,UAAUK;AAAA,MACV,SAASG;AAAA,MACT,KAAKL;AAAA,IAAA;AAAA,EAET,EAAA,CAAA;AAEJ,GAEMQ,IAAwC;AAAA,EAC5C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,IAAI;AACN,GAEaC,IAAoBb,EAAS,KAAK,EAAE;AACjDa,EAAkB,OAAO;AAAA,EACvB,GAAGD;AACL;AAEO,MAAME,IAAyBd,EAAS,KAAK,EAAE;AACtDc,EAAuB,OAAO;AAAA,EAC5B,GAAGF;AAAA,EACH,cAAc;AAChB;AAEO,MAAMG,IAAuBf,EAAS,KAAK,EAAE;AACpDe,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,cAAc,gBAAAD,EAACK,GAAK,EAAA,MAAK,QAAQ,CAAA;AACnC;"}
+{"version":3,"file":"InputField.stories.js","sources":["../../../src/components/InputField/InputField.stories.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { fn } from '@storybook/test';\n\nimport type { ChangeEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { InputFieldProps } from './InputField';\n\nimport { InputField } from './InputField';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon } from 'components';\n\nconst codeString = `\n// Has all HTMLInputElement props available except \"className\" and \"style\" \n<InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}\n  value={value} type={type} clearTrigger={clearTrigger} />\n`;\n\nconst transformArgs = (args: InputFieldProps) => {\n  // args.variant is provided as an array because the control type is set to a checkbox. So this transforms the selected value into its proper value: a string\n  const variantArray = (args.variant as unknown as string[]) ?? [];\n  return { ...args, ...{ variant: variantArray.toString() } } as InputFieldProps;\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/InputField',\n  component: InputField,\n  argTypes: {\n    variant: {\n      options: ['large'],\n      control: 'check',\n    },\n    type: {\n      control: 'radio',\n      options: ['text', 'password', 'email'],\n    },\n    id: {\n      control: 'text',\n    },\n    autoComplete: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: InputField,\n    codeString: codeString,\n  },\n} as Meta<InputFieldProps>;\n\nconst Template: StoryFn<InputFieldProps> = (args) => {\n  const [inputValue, setInputValue] = useState<InputFieldProps['value']>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    fn()('handleChange');\n  };\n\n  const handleClear = () => {\n    setInputValue('');\n    fn()('handleClear');\n  };\n\n  return (\n    <Container>\n      <InputField\n        {...transformArgs(args)}\n        value={inputValue}\n        onChange={handleChange}\n        onClear={handleClear}\n        ref={inputRef}\n      />\n    </Container>\n  );\n};\n\nconst defaultArgs: Partial<InputFieldProps> = {\n  type: 'text',\n  variant: undefined,\n  id: '4f9ca77d',\n};\n\nexport const InputFieldExample = Template.bind({});\nInputFieldExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithStringClearTrigger = Template.bind({});\nWithStringClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: 'Clear',\n};\n\nexport const WithIconClearTrigger = Template.bind({});\nWithIconClearTrigger.args = {\n  ...defaultArgs,\n  clearTrigger: <Icon name=\"Cross\" />,\n};\n"],"names":["codeString","transformArgs","args","variantArray","InputField_stories","InputField","Template","inputValue","setInputValue","useState","inputRef","useRef","handleChange","event","fn","handleClear","Container","jsx","defaultArgs","InputFieldExample","WithStringClearTrigger","WithIconClearTrigger","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA,GAMbC,IAAgB,CAACC,MAA0B;AAEzC,QAAAC,IAAgBD,EAAK,WAAmC;AACvD,SAAA,EAAE,GAAGA,GAAW,SAASC,EAAa,SAAS;AACxD,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,OAAO;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,QAAQ,YAAY,OAAO;AAAA,IACvC;AAAA,IACA,IAAI;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAL;AAAA,EACF;AACF,GAEMM,IAAqC,CAACJ,MAAS;AACnD,QAAM,CAACK,GAAYC,CAAa,IAAIC,EAAmC,EAAE,GACnEC,IAAWC,EAAyB,IAAI,GAExCC,IAAe,CAACC,MAAyC;AAC/C,IAAAL,EAAAK,EAAM,OAAO,KAAK,GAChCC,EAAA,EAAK,cAAc;AAAA,EAAA,GAGfC,IAAc,MAAM;AACxB,IAAAP,EAAc,EAAE,GAChBM,EAAA,EAAK,aAAa;AAAA,EAAA;AAGpB,2BACGE,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACZ;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAcC,CAAI;AAAA,MACtB,OAAOK;AAAA,MACP,UAAUK;AAAA,MACV,SAASG;AAAA,MACT,KAAKL;AAAA,IAAA;AAAA,EAET,EAAA,CAAA;AAEJ,GAEMQ,IAAwC;AAAA,EAC5C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,IAAI;AACN,GAEaC,IAAoBb,EAAS,KAAK,EAAE;AACjDa,EAAkB,OAAO;AAAA,EACvB,GAAGD;AACL;AAEO,MAAME,IAAyBd,EAAS,KAAK,EAAE;AACtDc,EAAuB,OAAO;AAAA,EAC5B,GAAGF;AAAA,EACH,cAAc;AAChB;AAEO,MAAMG,IAAuBf,EAAS,KAAK,EAAE;AACpDe,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,cAAc,gBAAAD,EAACK,GAAK,EAAA,MAAK,QAAQ,CAAA;AACnC;"}

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 "../../MultiSelect-D1FnMER4.js";
+import { M as p } from "../../MultiSelect-DQaqItEH.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-MQ0yPLdl.js";
 import { useState as p } from "react";
-import { M as e } from "../../MultiSelect-D1FnMER4.js";
+import { M as e } from "../../MultiSelect-DQaqItEH.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,10 +14,12 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import { a as h } from "../../../MultiSelect-D1FnMER4.js";
+import { a as k } from "../../../MultiSelect-DQaqItEH.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
+import "../../Sortable/components/SortableItem.js";
+import "../../../SortableProvider-Z0e0qeQT.js";
 export {
-  h as MultiSelectHeader
+  k as MultiSelectHeader
 };
 //# sourceMappingURL=MultiSelectHeader.js.map

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

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

package/dist/components/MultiSelect/index.js

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

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

@@ -1,4 +1,4 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { fn as a } from "../../index-MQ0yPLdl.js";
 import { ProgrammeCard as o } from "./ProgrammeCard.js";
 import { Container as n } from "../../storyComponents/Container/Container.js";
@@ -16,49 +16,51 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../MultiSelect-D1FnMER4.js";
+import "../../MultiSelect-DQaqItEH.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
-const l = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", R = {
+import "../Sortable/components/SortableItem.js";
+import "../../SortableProvider-Z0e0qeQT.js";
+const l = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", _ = {
   title: "Atoms/ProgrammeCard",
   component: o,
   parameters: {
     inspectComponent: o,
     codeString: l
   }
-}, s = (t) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ e(o, { ...t }) }), d = s.bind({});
-d.args = {
+}, s = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ r(o, { ...t }) }), p = s.bind({});
+p.args = {
   header: "This is my header",
   details: "This is my details",
   onClick: a()
 };
-const p = s.bind({});
-p.args = {
-  header: /* @__PURE__ */ r(i, { flexDirection: "row", gap: "150", children: [
-    /* @__PURE__ */ e(m, { name: "Envelope", size: 32 }),
-    /* @__PURE__ */ e("h2", { style: { margin: 0 }, children: "This is my header" })
+const d = s.bind({});
+d.args = {
+  header: /* @__PURE__ */ e(i, { 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__ */ r(i, { flexDirection: "row", gap: "150", children: [
-    /* @__PURE__ */ r(i, { flexDirection: "row", children: [
-      /* @__PURE__ */ e(m, { name: "FaceFrown" }),
+  details: /* @__PURE__ */ e(i, { flexDirection: "row", gap: "150", children: [
+    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
+      /* @__PURE__ */ r(m, { name: "FaceFrown" }),
       "Details 1"
     ] }),
-    /* @__PURE__ */ r(i, { flexDirection: "row", children: [
-      /* @__PURE__ */ e(m, { name: "Heart" }),
+    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
+      /* @__PURE__ */ r(m, { name: "Heart" }),
       "Details 2"
     ] }),
-    /* @__PURE__ */ r(i, { flexDirection: "row", children: [
-      /* @__PURE__ */ e(m, { name: "Sparkles" }),
+    /* @__PURE__ */ e(i, { flexDirection: "row", children: [
+      /* @__PURE__ */ r(m, { name: "Sparkles" }),
       "Details 3"
     ] })
   ] }),
   onClick: a()
 };
-const c = (t) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ r(i, { children: [
-  /* @__PURE__ */ e(o, { ...t }),
-  /* @__PURE__ */ e(o, { ...t }),
-  /* @__PURE__ */ e(o, { ...t })
+const c = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ e(i, { children: [
+  /* @__PURE__ */ r(o, { ...t }),
+  /* @__PURE__ */ r(o, { ...t }),
+  /* @__PURE__ */ r(o, { ...t })
 ] }) }), h = c.bind({});
 h.args = {
   header: "This is my header",
@@ -67,8 +69,8 @@ h.args = {
 };
 export {
   h as MultiProgrammeCards,
-  d as ProgrammeCardExample,
-  p as WithComplexContent,
-  R as default
+  p as ProgrammeCardExample,
+  d as WithComplexContent,
+  _ 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/Plugins/BlockFormatPlugin/BlockFormatPlugin.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { u as m, d as n } from "../../../../Lexical.prod-zUeT_jIr.js";
+import { u as m, d as n } from "../../../../Lexical.prod-DNRTKPfN.js";
 import { c as s } from "../../../../clsx-OuTLNxxd.js";
 import { Icon as d } from "../../../Icon/Icon.js";
-import { s as t } from "../../../../RteEditor.module--4R0Ql6Y.js";
+import { s as t } from "../../../../RteEditor.module-BjGyWKhW.js";
 const b = {
   bold: "FormatBold",
   italic: "FormatItalic"

package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.d.ts

@@ -0,0 +1 @@
+export declare const HistoryPlugin: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,64 @@
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { c as e } from "../../../../clsx-OuTLNxxd.js";
+import { u as f, $ as _, K as h, h as C, g as U } from "../../../../Lexical.prod-DNRTKPfN.js";
+import { useState as n, useEffect as m } from "react";
+import { Icon as a } from "../../../Icon/Icon.js";
+import "../../../Buttons/Button.js";
+import "../../../Buttons/LinkButton.js";
+import "@react-aria/button";
+import "@react-aria/dialog";
+import "@react-aria/focus";
+import "@react-aria/overlays";
+import "../../../OverlayCloseButton/OverlayCloseButton.js";
+import "../../../GridRow/GridRow.js";
+import "../../../IconButton/IconButton.js";
+import "../../../Input/Input.js";
+import "../../../InputField/InputField.js";
+import "react-router-dom";
+import "../../../../MultiSelect-DQaqItEH.js";
+import { s as t } from "../../../../RteEditor.module-BjGyWKhW.js";
+import "../../../SelectListbox/SelectListbox.js";
+import "../../../SelectListbox/SelectProvider.js";
+import "../../../Sortable/components/SortableItem.js";
+import "../../../../SortableProvider-Z0e0qeQT.js";
+const J = () => {
+  const [o] = f(), [s, d] = n(!1), [l, p] = n(!1), c = () => {
+    o.dispatchCommand(C, void 0);
+  }, u = () => {
+    o.dispatchCommand(U, void 0);
+  };
+  return m(() => o.registerCommand(
+    _,
+    (i) => (d(i), !1),
+    1
+  ), [o]), m(() => o.registerCommand(
+    h,
+    (i) => (p(i), !1),
+    1
+  ), [o]), /* @__PURE__ */ b("div", { className: t["editor__toolbar-button-group"], children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        onClick: c,
+        className: e(t["editor__toolbar-button"], t["editor__toolbar-button--undo"]),
+        "aria-label": "Undo",
+        disabled: !s,
+        children: /* @__PURE__ */ r(a, { name: "Undo", size: 20 })
+      }
+    ),
+    /* @__PURE__ */ r(
+      "button",
+      {
+        onClick: u,
+        className: e(t["editor__toolbar-button"], t["editor__toolbar-button--redo"]),
+        "aria-label": "Undo",
+        disabled: !l,
+        children: /* @__PURE__ */ r(a, { name: "Redo", size: 20 })
+      }
+    )
+  ] });
+};
+export {
+  J as HistoryPlugin
+};
+//# sourceMappingURL=HistoryPlugin.js.map

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

@@ -0,0 +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';\n\nexport const HistoryPlugin = () => {\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={`Undo`}\n        disabled={!canUndo}\n      >\n        <Icon name=\"Undo\" size={20} />\n      </button>\n      <button\n        onClick={handleRedo}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--redo`])}\n        aria-label={`Undo`}\n        disabled={!canRedo}\n      >\n        <Icon name=\"Redo\" size={20} />\n      </button>\n    </div>\n  );\n};\n"],"names":["HistoryPlugin","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":";;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,IAAgB,MAAM;AAC3B,QAAA,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,cAAY;AAAA,QACZ,UAAU,CAACd;AAAA,QAEX,UAAC,gBAAAe,EAAAE,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI;AAAA,MAAA;AAAA,IAC9B;AAAA,IACA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASR;AAAA,QACT,WAAWS,EAAKF,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAY;AAAA,QACZ,UAAU,CAACX;AAAA,QAEX,UAAC,gBAAAY,EAAAE,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI;AAAA,MAAA;AAAA,IAC9B;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/RteEditor/Plugins/HistoryPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from './HistoryPlugin';

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

@@ -0,0 +1,5 @@
+import { HistoryPlugin as i } from "./HistoryPlugin.js";
+export {
+  i as HistoryPlugin
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { u as S } from "../../../../Lexical.prod-zUeT_jIr.js";
+import { u as S } from "../../../../Lexical.prod-DNRTKPfN.js";
 import { c as _ } from "../../../../clsx-OuTLNxxd.js";
-import { U as k, v as E } from "../../../../helpers-DpGAANJ8.js";
-import { useState as g, useRef as R, useEffect as f } from "react";
+import { U as k, v as E } from "../../../../helpers-TSjo3aAv.js";
+import { useState as g, useRef as R, useEffect as p } from "react";
 import { useFlyout as T } from "../../hooks/useFlyout.js";
 import { Icon as v } from "../../../Icon/Icon.js";
 import { Button as F } from "../../../Buttons/Button.js";
@@ -21,35 +21,37 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import { InputField as z } from "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../MultiSelect-D1FnMER4.js";
-import { s as t } from "../../../../RteEditor.module--4R0Ql6Y.js";
+import "../../../../MultiSelect-DQaqItEH.js";
+import { s as t } from "../../../../RteEditor.module-BjGyWKhW.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
-const cr = ({ isLink: o = { active: !1, url: "", target: "_self" } }) => {
-  const [c, m] = g(o.target === "_blank"), e = R(null), [p] = S(), { flyout: N, showFlyout: s, closeFlyout: u, isVisible: n } = T(), [a, h] = g(null), x = () => {
-    m((l) => !l);
+import "../../../Sortable/components/SortableItem.js";
+import "../../../../SortableProvider-Z0e0qeQT.js";
+const sr = ({ isLink: e = { active: !1, url: "", target: "_self" } }) => {
+  const [m, c] = g(e.target === "_blank"), o = R(null), [f] = S(), { flyout: N, showFlyout: s, closeFlyout: u, isVisible: n } = T(), [a, h] = g(null), x = () => {
+    c((l) => !l);
   }, w = () => {
     var b;
-    const l = (b = e.current) == null ? void 0 : b.value;
+    const l = (b = o.current) == null ? void 0 : b.value;
     if (!l && l.trim() === "" || E(l) === !1) {
       h("Geen of geen geldige url ingevoerd");
       return;
     }
-    p.dispatchCommand(k, {
+    f.dispatchCommand(k, {
       url: l,
-      target: c ? "_blank" : "_self"
+      target: m ? "_blank" : "_self"
     }), u();
   }, U = () => {
-    p.dispatchCommand(k, null);
+    f.dispatchCommand(k, null);
   }, d = {
     children: /* @__PURE__ */ i("div", { className: t.editor__linkform, children: [
       /* @__PURE__ */ i(C, { className: t["editor__linkform-input-field"], children: [
         /* @__PURE__ */ r(y, { htmlFor: "lnikUrl", children: "Link" }),
-        /* @__PURE__ */ r(z, { id: "lnikUrl", ref: e, placeholder: "http(s)://" }),
+        /* @__PURE__ */ r(z, { id: "lnikUrl", ref: o, placeholder: "http(s)://" }),
         a && /* @__PURE__ */ r(j, { level: "error", feedback: a })
       ] }),
       /* @__PURE__ */ i(C, { inline: !0, children: [
-        /* @__PURE__ */ r(V, { id: "linkTarget", onChange: x, checked: c }),
+        /* @__PURE__ */ r(V, { id: "linkTarget", onChange: x, checked: m }),
         /* @__PURE__ */ r(y, { htmlFor: "linkTarget", children: "Open in nieuwe window" })
       ] }),
       /* @__PURE__ */ i("div", { className: t["editor__linkform-footer"], children: [
@@ -58,13 +60,13 @@ const cr = ({ isLink: o = { active: !1, url: "", target: "_self" } }) => {
       ] })
     ] })
   };
-  return f(() => {
+  return p(() => {
     a && s(d);
-  }, [a]), f(() => {
+  }, [a]), p(() => {
     n && s(d);
-  }, [c]), f(() => {
-    !n && e.current ? (h(null), e.current.value = "", m(!1)) : e.current && o.url && (e.current.value = o.url || "", m(o.target === "_blank"), console.log("focus", e.current), e.current.focus());
-  }, [n, o.url, o.target]), /* @__PURE__ */ i("div", { className: t["editor__toolbar-button-group"], children: [
+  }, [m]), p(() => {
+    !n && o.current ? (h(null), o.current.value = "", c(!1)) : o.current && e.url && (o.current.value = e.url || "", c(e.target === "_blank"), console.log("focus", o.current), o.current.focus());
+  }, [n, e.url, e.target]), /* @__PURE__ */ i("div", { className: t["editor__toolbar-button-group"], children: [
     /* @__PURE__ */ i("div", { className: t["editor__toolbar-button-flyoutwrapper"], children: [
       /* @__PURE__ */ r(
         "button",
@@ -73,7 +75,7 @@ const cr = ({ isLink: o = { active: !1, url: "", target: "_self" } }) => {
           className: _(
             t["editor__toolbar-button"],
             t["editor__toolbar-button--link"],
-            o.active && t["editor__toolbar-button--active"]
+            e.active && t["editor__toolbar-button--active"]
           ),
           "aria-label": "Format link",
           children: /* @__PURE__ */ r(v, { name: "Link", size: 20 })
@@ -93,6 +95,6 @@ const cr = ({ isLink: o = { active: !1, url: "", target: "_self" } }) => {
   ] });
 };
 export {
-  cr as LinkPlugin
+  sr as LinkPlugin
 };
 //# sourceMappingURL=LinkPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin';\n\nimport { validateUrlWithProtocol } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks';\nimport { Button, InputField, Icon, Label, FormField, Checkbox, FeedbackBox } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\ninterface LinkPluginProps {\n  isLink: LinkType;\n}\n\nexport const LinkPlugin = ({ isLink = { active: false, url: '', target: '_self' } }: LinkPluginProps) => {\n  const [targetSelectedValue, setTargetSelectedValue] = useState<boolean>(isLink.target === '_blank');\n  const urlRef = useRef<HTMLInputElement>(null);\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n  const [urlError, setUrlError] = useState<string | null>(null);\n\n  const handleChange = () => {\n    setTargetSelectedValue((prev) => !prev);\n  };\n\n  const insertLink = () => {\n    const url = urlRef.current?.value as string;\n    if ((!url && url.trim() === '') || validateUrlWithProtocol(url) === false) {\n      setUrlError('Geen of geen geldige url ingevoerd');\n      return;\n    }\n\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n      url,\n      target: targetSelectedValue ? '_blank' : '_self',\n    });\n\n    closeFlyout();\n  };\n\n  const removeLink = (): void => {\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n  };\n\n  const flyoutOptions = {\n    children: (\n      <div className={styles['editor__linkform']}>\n        <FormField className={styles['editor__linkform-input-field']}>\n          <Label htmlFor=\"lnikUrl\">Link</Label>\n          <InputField id=\"lnikUrl\" ref={urlRef} placeholder=\"http(s)://\" />\n          {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n        </FormField>\n        <FormField inline>\n          <Checkbox id=\"linkTarget\" onChange={handleChange} checked={targetSelectedValue} />\n          <Label htmlFor=\"linkTarget\">Open in nieuwe window</Label>\n        </FormField>\n        <div className={styles['editor__linkform-footer']}>\n          <Button variant={'secondary'} onClick={closeFlyout}>\n            Annuleer\n          </Button>\n          <Button variant={'primary'} onClick={insertLink}>\n            Link\n          </Button>\n        </div>\n      </div>\n    ),\n  };\n\n  useEffect(() => {\n    if (urlError) {\n      showFlyout(flyoutOptions);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [urlError]);\n\n  useEffect(() => {\n    if (isVisible) {\n      showFlyout(flyoutOptions);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [targetSelectedValue]);\n\n  useEffect(() => {\n    if (!isVisible && urlRef.current) {\n      setUrlError(null);\n      urlRef.current.value = '';\n      setTargetSelectedValue(false);\n    } else if (urlRef.current && isLink.url) {\n      urlRef.current.value = isLink.url || '';\n      setTargetSelectedValue(isLink.target === '_blank');\n      console.log('focus', urlRef.current);\n      urlRef.current.focus();\n    }\n  }, [isVisible, isLink.url, isLink.target]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={() => (isVisible ? closeFlyout() : showFlyout(flyoutOptions))}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--link`],\n            isLink.active && styles['editor__toolbar-button--active']\n          )}\n          aria-label={`Format link`}\n        >\n          <Icon name=\"Link\" size={20} />\n        </button>\n        {flyout}\n      </div>\n      <button\n        onClick={removeLink}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--link`])}\n        aria-label={`Remove link`}\n      >\n        <Icon name=\"LinkSlash\" size={20} />\n      </button>\n    </div>\n  );\n};\n"],"names":["LinkPlugin","isLink","targetSelectedValue","setTargetSelectedValue","useState","urlRef","useRef","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","urlError","setUrlError","handleChange","prev","insertLink","url","_a","validateUrlWithProtocol","TOGGLE_LINK_COMMAND","removeLink","flyoutOptions","jsxs","styles","FormField","jsx","Label","InputField","FeedbackBox","Checkbox","Button","useEffect","clsx","Icon"],"mappings":"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"}
+{"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin';\n\nimport { validateUrlWithProtocol } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks';\nimport { Button, InputField, Icon, Label, FormField, Checkbox, FeedbackBox } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\ninterface LinkPluginProps {\n  isLink: LinkType;\n}\n\nexport const LinkPlugin = ({ isLink = { active: false, url: '', target: '_self' } }: LinkPluginProps) => {\n  const [targetSelectedValue, setTargetSelectedValue] = useState<boolean>(isLink.target === '_blank');\n  const urlRef = useRef<HTMLInputElement>(null);\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n  const [urlError, setUrlError] = useState<string | null>(null);\n\n  const handleChange = () => {\n    setTargetSelectedValue((prev) => !prev);\n  };\n\n  const insertLink = () => {\n    const url = urlRef.current?.value as string;\n    if ((!url && url.trim() === '') || validateUrlWithProtocol(url) === false) {\n      setUrlError('Geen of geen geldige url ingevoerd');\n      return;\n    }\n\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n      url,\n      target: targetSelectedValue ? '_blank' : '_self',\n    });\n\n    closeFlyout();\n  };\n\n  const removeLink = (): void => {\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n  };\n\n  const flyoutOptions = {\n    children: (\n      <div className={styles['editor__linkform']}>\n        <FormField className={styles['editor__linkform-input-field']}>\n          <Label htmlFor=\"lnikUrl\">Link</Label>\n          <InputField id=\"lnikUrl\" ref={urlRef} placeholder=\"http(s)://\" />\n          {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n        </FormField>\n        <FormField inline>\n          <Checkbox id=\"linkTarget\" onChange={handleChange} checked={targetSelectedValue} />\n          <Label htmlFor=\"linkTarget\">Open in nieuwe window</Label>\n        </FormField>\n        <div className={styles['editor__linkform-footer']}>\n          <Button variant={'secondary'} onClick={closeFlyout}>\n            Annuleer\n          </Button>\n          <Button variant={'primary'} onClick={insertLink}>\n            Link\n          </Button>\n        </div>\n      </div>\n    ),\n  };\n\n  useEffect(() => {\n    if (urlError) {\n      showFlyout(flyoutOptions);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [urlError]);\n\n  useEffect(() => {\n    if (isVisible) {\n      showFlyout(flyoutOptions);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [targetSelectedValue]);\n\n  useEffect(() => {\n    if (!isVisible && urlRef.current) {\n      setUrlError(null);\n      urlRef.current.value = '';\n      setTargetSelectedValue(false);\n    } else if (urlRef.current && isLink.url) {\n      urlRef.current.value = isLink.url || '';\n      setTargetSelectedValue(isLink.target === '_blank');\n      console.log('focus', urlRef.current);\n      urlRef.current.focus();\n    }\n  }, [isVisible, isLink.url, isLink.target]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={() => (isVisible ? closeFlyout() : showFlyout(flyoutOptions))}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--link`],\n            isLink.active && styles['editor__toolbar-button--active']\n          )}\n          aria-label={`Format link`}\n        >\n          <Icon name=\"Link\" size={20} />\n        </button>\n        {flyout}\n      </div>\n      <button\n        onClick={removeLink}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--link`])}\n        aria-label={`Remove link`}\n      >\n        <Icon name=\"LinkSlash\" size={20} />\n      </button>\n    </div>\n  );\n};\n"],"names":["LinkPlugin","isLink","targetSelectedValue","setTargetSelectedValue","useState","urlRef","useRef","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","urlError","setUrlError","handleChange","prev","insertLink","url","_a","validateUrlWithProtocol","TOGGLE_LINK_COMMAND","removeLink","flyoutOptions","jsxs","styles","FormField","jsx","Label","InputField","FeedbackBox","Checkbox","Button","useEffect","clsx","Icon"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { M as o, b as r, v as t } from "../../../../helpers-DpGAANJ8.js";
+import { M as o, b as r, v as t } from "../../../../helpers-TSjo3aAv.js";
 export {
   o as MATCHERS,
   r as validateUrl,

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../../../Lexical.prod-zUeT_jIr.js";
-import { L as a } from "../../../../ListPlugin-CxyYg2bv.js";
+import "../../../../Lexical.prod-DNRTKPfN.js";
+import { L as a } from "../../../../ListPlugin-CgNBzfIl.js";
 import "react";
 import "../../../../clsx-OuTLNxxd.js";
 import "../../../Icon/Icon.js";
-import "../../../../RteEditor.module--4R0Ql6Y.js";
+import "../../../../RteEditor.module-BjGyWKhW.js";
 export {
   a as ListPlugin
 };

package/dist/components/RteEditor/Plugins/ListPlugin/index.js

@@ -1,4 +1,4 @@
-import { L as r } from "../../../../ListPlugin-CxyYg2bv.js";
+import { L as r } from "../../../../ListPlugin-CgNBzfIl.js";
 export {
   r as ListPlugin
 };

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

@@ -1,11 +1,12 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import { u as I, I as k, m as N } from "../../../../Lexical.prod-zUeT_jIr.js";
-import { useState as r, useCallback as P, useEffect as b } from "react";
-import { L as B, H as h } from "../../../../ListPlugin-CxyYg2bv.js";
-import { g as v } from "../../../../helpers-DpGAANJ8.js";
-import { LinkPlugin as x } from "../LinkPlugin/LinkPlugin.js";
-import { BlockFormatPlugin as F } from "../BlockFormatPlugin/BlockFormatPlugin.js";
-import { s as U } from "../../../../RteEditor.module--4R0Ql6Y.js";
+import { jsxs as _, jsx as l } from "react/jsx-runtime";
+import { u as I, I as P, m as k } from "../../../../Lexical.prod-DNRTKPfN.js";
+import { useState as r, useCallback as N, useEffect as b } from "react";
+import { L as B, H as h } from "../../../../ListPlugin-CgNBzfIl.js";
+import { g as v } from "../../../../helpers-TSjo3aAv.js";
+import { BlockFormatPlugin as x } from "../BlockFormatPlugin/BlockFormatPlugin.js";
+import { LinkPlugin as F } from "../LinkPlugin/LinkPlugin.js";
+import { HistoryPlugin as U } from "../HistoryPlugin/HistoryPlugin.js";
+import { s as j } from "../../../../RteEditor.module-BjGyWKhW.js";
 const n = (o, s) => {
   let t = o, i;
   for (; t !== null; ) {
@@ -16,13 +17,13 @@ const n = (o, s) => {
     t = t.getParent();
   }
   return !1;
-}, T = () => {
-  const [o] = I(), [s, t] = r(!1), [i, c] = r(!1), [m, u] = r(!1), [d, g] = r(!1), [p, L] = r({ active: !1, url: "", target: "_self" }), f = P(() => {
-    const e = k();
-    if (N(e)) {
-      t(e.hasFormat("bold")), c(e.hasFormat("italic"));
-      const l = e.anchor.getNode();
-      u(n(l, "ul")), g(n(l, "ol")), L(n(l, "a"));
+}, z = () => {
+  const [o] = I(), [s, t] = r(!1), [i, m] = r(!1), [c, u] = r(!1), [g, d] = r(!1), [p, L] = r({ active: !1, url: "", target: "_self" }), f = N(() => {
+    const e = P();
+    if (k(e)) {
+      t(e.hasFormat("bold")), m(e.hasFormat("italic"));
+      const a = e.anchor.getNode();
+      u(n(a, "ul")), d(n(a, "ol")), L(n(a, "a"));
     }
   }, []);
   return b(() => {
@@ -31,13 +32,14 @@ const n = (o, s) => {
         f();
       });
     });
-  }, [o, f]), /* @__PURE__ */ _("div", { className: U.editor__toolbar, children: [
-    /* @__PURE__ */ a(F, { isBold: s, isItalic: i }),
-    /* @__PURE__ */ a(B, { isUList: m, isOList: d }),
-    /* @__PURE__ */ a(x, { isLink: p })
+  }, [o, f]), /* @__PURE__ */ _("div", { className: j.editor__toolbar, children: [
+    /* @__PURE__ */ l(x, { isBold: s, isItalic: i }),
+    /* @__PURE__ */ l(B, { isUList: c, isOList: g }),
+    /* @__PURE__ */ l(F, { isLink: p }),
+    /* @__PURE__ */ l(U, {})
   ] });
 };
 export {
-  T as ToolBarPlugin
+  z as ToolBarPlugin
 };
 //# sourceMappingURL=ToolbarPlugin.js.map