@uva-glass/component-library 1.55.1 → 1.57.0

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

@@ -1,4 +1,4 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
 import { fn as l } from "../../index-MQ0yPLdl.js";
 import { InputField as o } from "./InputField.js";
@@ -15,19 +15,21 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router-dom";
-import "../../AddTableFrom-u1gSA461.js";
+import "../../TablePlugin-1L5UZfDH.js";
+import "../RteEditor/hooks/components/Flyout.js";
+import "../RteEditor/Providers/LanguageProvider.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-BMm77PpY.js";
+import "../../SortableProvider-i4PDjRS_.js";
 const C = `
 // Has all HTMLInputElement props available except "className" and "style" 
 <InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}
   value={value} type={type} clearTrigger={clearTrigger} />
 `, h = (t) => {
-  const e = t.variant ?? [];
-  return { ...t, variant: e.toString() };
-}, G = {
+  const r = t.variant ?? [];
+  return { ...t, variant: r.toString() };
+}, K = {
   title: "Atoms/InputField",
   component: o,
   argTypes: {
@@ -53,18 +55,18 @@ const C = `
     codeString: C
   }
 }, a = (t) => {
-  const [e, i] = d(""), p = g(null), s = (c) => {
+  const [r, i] = d(""), p = g(null), m = (c) => {
     i(c.target.value), l()("handleChange");
-  }, m = () => {
+  }, s = () => {
     i(""), l()("handleClear");
   };
-  return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
     o,
     {
       ...h(t),
-      value: e,
-      onChange: s,
-      onClear: m,
+      value: r,
+      onChange: m,
+      onClear: s,
       ref: p
     }
   ) });
@@ -84,12 +86,12 @@ b.args = {
 const y = a.bind({});
 y.args = {
   ...n,
-  clearTrigger: /* @__PURE__ */ r(f, { name: "Cross" })
+  clearTrigger: /* @__PURE__ */ e(f, { name: "Cross" })
 };
 export {
   v as InputFieldExample,
   y as WithIconClearTrigger,
   b as WithStringClearTrigger,
-  G as default
+  K 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 "../../AddTableFrom-u1gSA461.js";
+import { M as p } from "../../TablePlugin-1L5UZfDH.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 "../../AddTableFrom-u1gSA461.js";
+import { M as e } from "../../TablePlugin-1L5UZfDH.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,12 +14,14 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import { b as k } from "../../../AddTableFrom-u1gSA461.js";
+import { a as q } from "../../../TablePlugin-1L5UZfDH.js";
+import "../../RteEditor/hooks/components/Flyout.js";
+import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-BMm77PpY.js";
+import "../../../SortableProvider-i4PDjRS_.js";
 export {
-  k as MultiSelectHeader
+  q 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 "../../AddTableFrom-u1gSA461.js";
+import { M as l } from "../../TablePlugin-1L5UZfDH.js";
 export {
   l as MultiSelect
 };

package/dist/components/Periods/Periods.js

@@ -1,15 +1,15 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as y } from "../../clsx-OuTLNxxd.js";
-import { useId as b } from "react";
-import '../../assets/Periods.css';const N = "_period__container_1yvl9_1", A = "_period__item_1yvl9_6", n = {
-  period__container: N,
-  period__item: A,
-  "period__item--active": "_period__item--active_1yvl9_18"
-}, P = 6, O = ({ periods: r, titlePeriods: l, maxPeriods: a = P }) => {
-  const p = Array.from({ length: a }, (e, t) => t + 1), u = b(), _ = r.some((e) => typeof e == "number"), d = (e) => {
+import { c as N } from "../../clsx-OuTLNxxd.js";
+import { useId as v } from "react";
+import '../../assets/Periods.css';const j = "_period__container_1ilj5_1", y = "_period__item_1ilj5_6", n = {
+  period__container: j,
+  period__item: y,
+  "period__item--active": "_period__item--active_1ilj5_19"
+}, A = 6, x = ({ periods: r, titlePeriods: l, maxPeriods: a = A }) => {
+  const p = Array.from({ length: a }, (e, t) => t + 1), u = v(), _ = r.some((e) => typeof e == "number"), d = (e) => {
     let t = 0;
-    return r.reduce(($, v, m) => {
-      const { semesterNumber: s, periodInSemester: o } = v;
+    return r.reduce(($, b, m) => {
+      const { semesterNumber: s, periodInSemester: o } = b;
       let i = "";
       return s !== t ? i = ` ${e.periods["period-title"].replace("{{ semester }}", s.toString())} ${o}` : r[m + 1] && r[m + 1].semesterNumber === t ? i = `, ${o}` : i = ` ${e.periods["last-separator"]} ${o}`, t = s, `${$}${i}`;
     }, "").trim();
@@ -22,7 +22,7 @@ import '../../assets/Periods.css';const N = "_period__container_1yvl9_1", A = "_
       children: p.map((e) => /* @__PURE__ */ c(
         "span",
         {
-          className: y(n.period__item, f(e) ? n["period__item--active"] : "")
+          className: N(n.period__item, f(e) ? n["period__item--active"] : "")
         },
         `${u}-${e}`
       ))
@@ -30,6 +30,6 @@ import '../../assets/Periods.css';const N = "_period__container_1yvl9_1", A = "_
   );
 };
 export {
-  O as Periods
+  x as Periods
 };
 //# sourceMappingURL=Periods.js.map

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

@@ -16,13 +16,15 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../AddTableFrom-u1gSA461.js";
+import "../../TablePlugin-1L5UZfDH.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
+import "../RteEditor/hooks/components/Flyout.js";
+import "../RteEditor/Providers/LanguageProvider.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-BMm77PpY.js";
-const l = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", _ = {
+import "../../SortableProvider-i4PDjRS_.js";
+const l = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", B = {
   title: "Atoms/ProgrammeCard",
   component: o,
   parameters: {
@@ -71,6 +73,6 @@ export {
   h as MultiProgrammeCards,
   p as ProgrammeCardExample,
   d as WithComplexContent,
-  _ as default
+  B 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.d.ts

@@ -0,0 +1,7 @@
+interface EditorHeaderProps {
+    label: string;
+    info?: string;
+    required?: boolean;
+}
+export declare const EditorHeader: ({ label, info, required }: EditorHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,53 @@
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { c as p } from "../../../clsx-OuTLNxxd.js";
+import { Icon as c } from "../../Icon/Icon.js";
+import "../../Buttons/Button.js";
+import "../../Buttons/LinkButton.js";
+import "@react-aria/button";
+import { Label as f } from "../../Label/Label.js";
+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 "../../../TablePlugin-1L5UZfDH.js";
+import "../hooks/components/Flyout.js";
+import "../Providers/LanguageProvider.js";
+import "../../SelectListbox/SelectListbox.js";
+import "../../SelectListbox/SelectProvider.js";
+import "../../Sortable/components/SortableItem.js";
+import "../../../SortableProvider-i4PDjRS_.js";
+import '../../../assets/EditorHeader.css';const o = {
+  "editor-header__container": "_editor-header__container_1kv3n_1",
+  "editor-header__info-icon": "_editor-header__info-icon_1kv3n_10",
+  "editor-header__info": "_editor-header__info_1kv3n_10",
+  "editor-header__info--visible": "_editor-header__info--visible_1kv3n_25"
+}, G = ({ label: r, info: t = "", required: n = !1 }) => {
+  const [_, m] = s(!1), d = () => {
+    m((a) => !a);
+  };
+  return /* @__PURE__ */ e("div", { className: o["editor-header__container"], children: [
+    r !== "" && /* @__PURE__ */ e("div", { children: [
+      /* @__PURE__ */ i(f, { htmlFor: "rteEditor", required: n, children: r }),
+      /* @__PURE__ */ i(
+        c,
+        {
+          name: "InformationCircle",
+          size: 20,
+          className: o["editor-header__info-icon"],
+          onClick: d
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i("div", { className: p(o["editor-header__info"], { [o["editor-header__info--visible"]]: _ }), children: t })
+  ] });
+};
+export {
+  G as EditorHeader
+};
+//# sourceMappingURL=EditorHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorHeader.js","sources":["../../../../src/components/RteEditor/EditorHeader/EditorHeader.tsx"],"sourcesContent":["import { useState } from 'react';\nimport clsx from 'clsx';\n\nimport styles from './EditorHeader.module.css';\n\nimport { Icon, 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 [showInfo, setShowInfo] = useState(false);\n\n  const toggleInfo = () => {\n    setShowInfo((prev) => !prev);\n  };\n\n  return (\n    <div className={styles['editor-header__container']}>\n      {label !== '' && (\n        <div>\n          <Label htmlFor=\"rteEditor\" required={required}>\n            {label}\n          </Label>\n          <Icon\n            name=\"InformationCircle\"\n            size={20}\n            className={styles['editor-header__info-icon']}\n            onClick={toggleInfo}\n          />\n        </div>\n      )}\n      <div className={clsx(styles['editor-header__info'], { [styles['editor-header__info--visible']]: showInfo })}>\n        {info}\n      </div>\n    </div>\n  );\n};\n"],"names":["EditorHeader","label","info","required","showInfo","setShowInfo","useState","toggleInfo","prev","jsxs","styles","jsx","Label","Icon","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAaaA,IAAe,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAO,IAAI,UAAAC,IAAW,SAA+B;AACzF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GAExCC,IAAa,MAAM;AACX,IAAAF,EAAA,CAACG,MAAS,CAACA,CAAI;AAAA,EAAA;AAG7B,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,0BAA0B,GAC9C,UAAA;AAAA,IAAUT,MAAA,wBACR,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAU,EAACC,GAAM,EAAA,SAAQ,aAAY,UAAAT,GACxB,UACHF,GAAA;AAAA,MACA,gBAAAU;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAM;AAAA,UACN,WAAWH,EAAO,0BAA0B;AAAA,UAC5C,SAASH;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,sBAED,OAAI,EAAA,WAAWO,EAAKJ,EAAO,qBAAqB,GAAG,EAAE,CAACA,EAAO,8BAA8B,CAAC,GAAGN,EAAU,CAAA,GACvG,UACHF,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/RteEditor/EditorHeader/index.d.ts

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

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

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

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

@@ -1,32 +1,33 @@
 import { jsx as r } from "react/jsx-runtime";
-import { u as m, d as n } from "../../../../Lexical.prod-BiuZHlIm.js";
-import { c as s } from "../../../../clsx-OuTLNxxd.js";
+import { u as m } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { c as n } from "../../../../clsx-OuTLNxxd.js";
+import { d as s } from "../../../../Lexical.prod-CO0gPAfo.js";
 import { Icon as d } from "../../../Icon/Icon.js";
-import { s as t } from "../../../../RteEditor.module-BBbfV1rk.js";
+import { s as t } from "../../../../RteEditor.module-Dz9a8vaK.js";
 const b = {
-  bold: "FormatBold",
-  italic: "FormatItalic"
-}, e = ["bold", "italic"], p = ({ isBold: i, isItalic: a }) => {
+  bold: "Bold",
+  italic: "Italic"
+}, e = ["bold", "italic"], B = ({ isBold: i, isItalic: a }) => {
   const [l] = m(), c = (o) => {
-    l.dispatchCommand(n, o);
+    l.dispatchCommand(s, o);
   };
   return /* @__PURE__ */ r("div", { className: t["editor__toolbar-button-group"], children: e.map((o) => /* @__PURE__ */ r(
     "button",
     {
       onClick: () => c(o),
-      className: s(
+      className: n(
         t["editor__toolbar-button"],
         t[`editor__toolbar-button--${o}`],
         o === "bold" && i && t["editor__toolbar-button--active"],
         o === "italic" && a && t["editor__toolbar-button--active"]
       ),
       "aria-label": `Format ${o}`,
-      children: /* @__PURE__ */ r(d, { name: b[o], size: 20 })
+      children: /* @__PURE__ */ r(d, { name: b[o], size: 24 })
     },
     o
   )) });
 };
 export {
-  p as BlockFormatPlugin
+  B as BlockFormatPlugin
 };
 //# sourceMappingURL=BlockFormatPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockFormatPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { FORMAT_TEXT_COMMAND } from 'lexical';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\ntype BlockTypesType = 'bold' | 'italic';\nconst BLOCK_TYPE_ICONS = {\n  bold: 'FormatBold',\n  italic: 'FormatItalic',\n};\n\ninterface BlockFormatPluginProps {\n  isBold: boolean;\n  isItalic: boolean;\n}\n\nconst BlockTypes = ['bold', 'italic'];\n\nexport const BlockFormatPlugin = ({ isBold, isItalic }: BlockFormatPluginProps): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const onClick = (type: BlockTypesType): void => {\n    editor.dispatchCommand(FORMAT_TEXT_COMMAND, type);\n  };\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      {BlockTypes.map((type) => (\n        <button\n          onClick={() => onClick(type as BlockTypesType)}\n          key={type}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--${type}`],\n            type === 'bold' && isBold && styles['editor__toolbar-button--active'],\n            type === 'italic' && isItalic && styles['editor__toolbar-button--active']\n          )}\n          aria-label={`Format ${type}`}\n        >\n          <Icon name={BLOCK_TYPE_ICONS[type as keyof typeof Icon]} size={20} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["BLOCK_TYPE_ICONS","BlockTypes","BlockFormatPlugin","isBold","isItalic","editor","useLexicalComposerContext","onClick","type","FORMAT_TEXT_COMMAND","jsx","styles","clsx","Icon"],"mappings":";;;;;AAQA,MAAMA,IAAmB;AAAA,EACvB,MAAM;AAAA,EACN,QAAQ;AACV,GAOMC,IAAa,CAAC,QAAQ,QAAQ,GAEvBC,IAAoB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,QAAoD;AACxF,QAAA,CAACC,CAAM,IAAIC,KACXC,IAAU,CAACC,MAA+B;AACvC,IAAAH,EAAA,gBAAgBI,GAAqBD,CAAI;AAAA,EAAA;AAIhD,SAAA,gBAAAE,EAAC,SAAI,WAAWC,EAAO,8BAA8B,GAClD,UAAAV,EAAW,IAAI,CAACO,MACf,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAMH,EAAQC,CAAsB;AAAA,MAE7C,WAAWI;AAAA,QACTD,EAAO,wBAAwB;AAAA,QAC/BA,EAAO,2BAA2BH,CAAI,EAAE;AAAA,QACxCA,MAAS,UAAUL,KAAUQ,EAAO,gCAAgC;AAAA,QACpEH,MAAS,YAAYJ,KAAYO,EAAO,gCAAgC;AAAA,MAC1E;AAAA,MACA,cAAY,UAAUH,CAAI;AAAA,MAE1B,4BAACK,GAAK,EAAA,MAAMb,EAAiBQ,CAAyB,GAAG,MAAM,IAAI;AAAA,IAAA;AAAA,IAT9DA;AAAA,EAWR,CAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"BlockFormatPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { FORMAT_TEXT_COMMAND } from 'lexical';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\ntype BlockTypesType = 'bold' | 'italic';\nconst BLOCK_TYPE_ICONS = {\n  bold: 'Bold',\n  italic: 'Italic',\n};\n\ninterface BlockFormatPluginProps {\n  isBold: boolean;\n  isItalic: boolean;\n}\n\nconst BlockTypes = ['bold', 'italic'];\n\nexport const BlockFormatPlugin = ({ isBold, isItalic }: BlockFormatPluginProps): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const onClick = (type: BlockTypesType): void => {\n    editor.dispatchCommand(FORMAT_TEXT_COMMAND, type);\n  };\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      {BlockTypes.map((type) => (\n        <button\n          onClick={() => onClick(type as BlockTypesType)}\n          key={type}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--${type}`],\n            type === 'bold' && isBold && styles['editor__toolbar-button--active'],\n            type === 'italic' && isItalic && styles['editor__toolbar-button--active']\n          )}\n          aria-label={`Format ${type}`}\n        >\n          <Icon name={BLOCK_TYPE_ICONS[type as keyof typeof Icon]} size={24} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["BLOCK_TYPE_ICONS","BlockTypes","BlockFormatPlugin","isBold","isItalic","editor","useLexicalComposerContext","onClick","type","FORMAT_TEXT_COMMAND","jsx","styles","clsx","Icon"],"mappings":";;;;;;AAQA,MAAMA,IAAmB;AAAA,EACvB,MAAM;AAAA,EACN,QAAQ;AACV,GAOMC,IAAa,CAAC,QAAQ,QAAQ,GAEvBC,IAAoB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,QAAoD;AACxF,QAAA,CAACC,CAAM,IAAIC,KACXC,IAAU,CAACC,MAA+B;AACvC,IAAAH,EAAA,gBAAgBI,GAAqBD,CAAI;AAAA,EAAA;AAIhD,SAAA,gBAAAE,EAAC,SAAI,WAAWC,EAAO,8BAA8B,GAClD,UAAAV,EAAW,IAAI,CAACO,MACf,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAMH,EAAQC,CAAsB;AAAA,MAE7C,WAAWI;AAAA,QACTD,EAAO,wBAAwB;AAAA,QAC/BA,EAAO,2BAA2BH,CAAI,EAAE;AAAA,QACxCA,MAAS,UAAUL,KAAUQ,EAAO,gCAAgC;AAAA,QACpEH,MAAS,YAAYJ,KAAYO,EAAO,gCAAgC;AAAA,MAC1E;AAAA,MACA,cAAY,UAAUH,CAAI;AAAA,MAE1B,4BAACK,GAAK,EAAA,MAAMb,EAAiBQ,CAAyB,GAAG,MAAM,IAAI;AAAA,IAAA;AAAA,IAT9DA;AAAA,EAWR,CAAA,EACH,CAAA;AAEJ;"}

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

@@ -1,7 +1,8 @@
 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-BiuZHlIm.js";
-import { useState as n, useEffect as m } from "react";
+import { u as f } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { $ as _, K as h, h as C, g } from "../../../../Lexical.prod-CO0gPAfo.js";
+import { useState as m, useEffect as n } from "react";
 import { Icon as a } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
@@ -15,25 +16,27 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../AddTableFrom-u1gSA461.js";
-import { s as t } from "../../../../RteEditor.module-BBbfV1rk.js";
+import "../../../../TablePlugin-1L5UZfDH.js";
+import { s as t } from "../../../../RteEditor.module-Dz9a8vaK.js";
+import "../../hooks/components/Flyout.js";
+import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-BMm77PpY.js";
-const J = () => {
-  const [o] = f(), [s, d] = n(!1), [l, p] = n(!1), c = () => {
+import "../../../../SortableProvider-i4PDjRS_.js";
+const O = () => {
+  const [o] = f(), [s, d] = m(!1), [p, l] = m(!1), c = () => {
     o.dispatchCommand(C, void 0);
   }, u = () => {
-    o.dispatchCommand(U, void 0);
+    o.dispatchCommand(g, void 0);
   };
-  return m(() => o.registerCommand(
+  return n(() => o.registerCommand(
     _,
     (i) => (d(i), !1),
     1
-  ), [o]), m(() => o.registerCommand(
+  ), [o]), n(() => o.registerCommand(
     h,
-    (i) => (p(i), !1),
+    (i) => (l(i), !1),
     1
   ), [o]), /* @__PURE__ */ b("div", { className: t["editor__toolbar-button-group"], children: [
     /* @__PURE__ */ r(
@@ -43,7 +46,7 @@ const J = () => {
         className: e(t["editor__toolbar-button"], t["editor__toolbar-button--undo"]),
         "aria-label": "Undo",
         disabled: !s,
-        children: /* @__PURE__ */ r(a, { name: "Undo", size: 20 })
+        children: /* @__PURE__ */ r(a, { name: "StepBack", size: 24 })
       }
     ),
     /* @__PURE__ */ r(
@@ -52,13 +55,13 @@ const J = () => {
         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 })
+        disabled: !p,
+        children: /* @__PURE__ */ r(a, { name: "StepForwards", size: 24 })
       }
     )
   ] });
 };
 export {
-  J as HistoryPlugin
+  O 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';\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;"}
+{"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=\"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={`Undo`}\n        disabled={!canRedo}\n      >\n        <Icon name=\"StepForwards\" size={24} />\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,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,cAAY;AAAA,QACZ,UAAU,CAACX;AAAA,QAEX,UAAC,gBAAAY,EAAAE,GAAA,EAAK,MAAK,gBAAe,MAAM,IAAI;AAAA,MAAA;AAAA,IACtC;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.d.ts

@@ -2,11 +2,13 @@ import { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlug
 interface AddLinkFormProps {
     onCloseHandler: () => void;
     onSaveHandler: (url: string, target: string) => void;
+    onRemoveHandler?: () => void;
     isLink: LinkType;
 }
 export interface addLinkFormMethods {
     clearForm: () => void;
     focusFirstField: () => void;
+    setDefaults: (url: string, target: boolean) => void;
 }
 export declare const AddLinkForm: import('react').ForwardRefExoticComponent<AddLinkFormProps & import('react').RefAttributes<unknown>>;
 export {};

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../../helpers-CJF7fErD.js";
-import { A as v } from "../../../../AddTableFrom-u1gSA461.js";
+import "../../../../helpers-Ec7CfNnA.js";
+import { A as z } from "../../../../TablePlugin-1L5UZfDH.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -18,11 +18,14 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
+import "../../hooks/components/Flyout.js";
+import "../../hooks/useTranslation.js";
+import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-BMm77PpY.js";
+import "../../../../SortableProvider-i4PDjRS_.js";
 export {
-  v as AddLinkForm
+  z as AddLinkForm
 };
 //# sourceMappingURL=AddLinkFrom.js.map

package/dist/components/RteEditor/Plugins/LinkPlugin/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/LinkPlugin.d.ts

@@ -1,6 +1,7 @@
 import { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin';
 interface LinkPluginProps {
     isLink: LinkType;
+    isLinkable: boolean;
 }
-export declare const LinkPlugin: ({ isLink }: LinkPluginProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LinkPlugin: ({ isLink, isLinkable, }: LinkPluginProps) => import("react/jsx-runtime").JSX.Element;
 export {};