@uva-glass/component-library 3.55.7 → 3.55.8

package/dist/components/PeriodSelector/PeriodSelector.stories.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { d as t } from "../../components-BzxAULjf.js";
+import { r as e } from "../../test-CpW02epT.js";
+import { d as t } from "../../components-D6_Sx8Hs.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {
 	title: "Organisms/PeriodSelector",

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

@@ -1 +1 @@
-{"version":3,"file":"PeriodSelector.stories.js","names":[],"sources":["../../../src/components/PeriodSelector/PeriodSelector.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodSelectorProps } from './PeriodSelector';\n\nimport { PeriodSelector } from './PeriodSelector';\n\nconst codeString =\n  '<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/PeriodSelector',\n  component: PeriodSelector,\n  parameters: {\n    inspectComponent: PeriodSelector,\n    codeString: codeString,\n  },\n} as Meta<PeriodSelectorProps>;\n\nconst Template: StoryFn<PeriodSelectorProps> = (args) => <PeriodSelector {...args} />;\n\nexport const PeriodSelectorExample = Template.bind({});\n\nPeriodSelectorExample.args = {\n  maxPeriods: 7,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  defaultValues: [1, 5, 6],\n  label: 'Periode',\n  labelPosition: 'top',\n  required: true,\n  onChange: fn(),\n};\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAFmC,MAAS,kBAAC,GAAD,EAAgB,GAAI,GAAQ,CAAA,EAEvC,KAAK,EAAE,CAAC;AAEtD,EAAsB,OAAO;CAC3B,YAAY;CAEZ,eAAe;EAAC;EAAG;EAAG;EAAE;CACxB,OAAO;CACP,eAAe;CACf,UAAU;CACV,UAAU,GAAI;CACf"}
+{"version":3,"file":"PeriodSelector.stories.js","names":[],"sources":["../../../src/components/PeriodSelector/PeriodSelector.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodSelectorProps } from './PeriodSelector';\n\nimport { PeriodSelector } from './PeriodSelector';\n\nconst codeString =\n  '<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/PeriodSelector',\n  component: PeriodSelector,\n  parameters: {\n    inspectComponent: PeriodSelector,\n    codeString: codeString,\n  },\n} as Meta<PeriodSelectorProps>;\n\nconst Template: StoryFn<PeriodSelectorProps> = (args) => <PeriodSelector {...args} />;\n\nexport const PeriodSelectorExample = Template.bind({});\n\nPeriodSelectorExample.args = {\n  maxPeriods: 7,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  defaultValues: [1, 5, 6],\n  label: 'Periode',\n  labelPosition: 'top',\n  required: true,\n  onChange: fn(),\n};\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAFmC,MAAS,kBAAC,GAAD,EAAgB,GAAI,EAAO,CAAA,GAEtC,KAAK,CAAC,CAAC;AAErD,EAAsB,OAAO;CAC3B,YAAY;CAEZ,eAAe;EAAC;EAAG;EAAG;CAAC;CACvB,OAAO;CACP,eAAe;CACf,UAAU;CACV,UAAU,EAAG;AACf"}

package/dist/components/PeriodSelector/index.js

@@ -1,2 +1,2 @@
-import { d as e } from "../../components-BzxAULjf.js";
+import { d as e } from "../../components-D6_Sx8Hs.js";
 export { e as PeriodSelector };

package/dist/components/Periods/Periods.d.ts

@@ -18,5 +18,5 @@ export interface PeriodsProps {
     tooltipTranslations?: TooltipTranslations;
 }
 /** Represents a component for a period indicator. */
-export declare const Periods: ({ periods, tooltipTranslations, maxPeriods }: PeriodsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Periods: ({ periods, tooltipTranslations, maxPeriods }: PeriodsProps) => import("react").JSX.Element;
 export {};

package/dist/components/Periods/Periods.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Periods-BYETtB6R.js";
+import { t as e } from "../../Periods-C5cxLlWt.js";
 export { e as Periods };

package/dist/components/Periods/Periods.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../Periods-BYETtB6R.js";
+import { t as e } from "../../Periods-C5cxLlWt.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Periods/Periods.stories.tsx
 var n = "<Periods periods={periods} />", r = [

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

@@ -1 +1 @@
-{"version":3,"file":"Periods.stories.js","names":[],"sources":["../../../src/components/Periods/Periods.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodsProps } from './Periods';\n\nimport { Periods } from './Periods';\n\nconst codeString = '<Periods periods={periods} />';\n\nconst PERIODS = [\n  {\n    id: '2023P1',\n    number: 1,\n    semesterNumber: 1,\n    periodInSemester: 1,\n  },\n  {\n    id: '2023P2',\n    number: 2,\n    semesterNumber: 1,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P3',\n    number: 3,\n    semesterNumber: 1,\n    periodInSemester: 3,\n  },\n  {\n    id: '2023P5',\n    number: 5,\n    semesterNumber: 2,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P7',\n    number: 7,\n    semesterNumber: 3,\n    periodInSemester: 1,\n  },\n];\n\nconst TOOLTIP_PERIODS = {\n  period: 'blok',\n  periods: 'blokken',\n  and: 'en',\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Periods',\n  component: Periods,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Periods,\n    codeString: codeString,\n  },\n} as Meta<PeriodsProps>;\n\nconst Template: StoryFn<PeriodsProps> = (args) => <Periods {...args} />;\n\nexport const PeriodsExample = Template.bind({});\n\nPeriodsExample.args = {\n  periods: PERIODS,\n  maxPeriods: 7,\n  tooltipTranslations: TOOLTIP_PERIODS,\n};\n"],"mappings":";;;AAKA,IAAM,IAAa,iCAEb,IAAU;CACd;EACE,IAAI;EACJ,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;EACnB;CACD;EACE,IAAI;EACJ,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;EACnB;CACD;EACE,IAAI;EACJ,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;EACnB;CACD;EACE,IAAI;EACJ,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;EACnB;CACD;EACE,IAAI;EACJ,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;EACnB;CACF,EAEK,IAAkB;CACtB,QAAQ;CACR,SAAS;CACT,KAAK;CACN,EAGD,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU,EAER,OAAO,EACL,SAAS,IACV,EACF,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAF4B,MAAS,kBAAC,GAAD,EAAS,GAAI,GAAQ,CAAA,EAEhC,KAAK,EAAE,CAAC;AAE/C,EAAe,OAAO;CACpB,SAAS;CACT,YAAY;CACZ,qBAAqB;CACtB"}
+{"version":3,"file":"Periods.stories.js","names":[],"sources":["../../../src/components/Periods/Periods.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodsProps } from './Periods';\n\nimport { Periods } from './Periods';\n\nconst codeString = '<Periods periods={periods} />';\n\nconst PERIODS = [\n  {\n    id: '2023P1',\n    number: 1,\n    semesterNumber: 1,\n    periodInSemester: 1,\n  },\n  {\n    id: '2023P2',\n    number: 2,\n    semesterNumber: 1,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P3',\n    number: 3,\n    semesterNumber: 1,\n    periodInSemester: 3,\n  },\n  {\n    id: '2023P5',\n    number: 5,\n    semesterNumber: 2,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P7',\n    number: 7,\n    semesterNumber: 3,\n    periodInSemester: 1,\n  },\n];\n\nconst TOOLTIP_PERIODS = {\n  period: 'blok',\n  periods: 'blokken',\n  and: 'en',\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Periods',\n  component: Periods,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Periods,\n    codeString: codeString,\n  },\n} as Meta<PeriodsProps>;\n\nconst Template: StoryFn<PeriodsProps> = (args) => <Periods {...args} />;\n\nexport const PeriodsExample = Template.bind({});\n\nPeriodsExample.args = {\n  periods: PERIODS,\n  maxPeriods: 7,\n  tooltipTranslations: TOOLTIP_PERIODS,\n};\n"],"mappings":";;;AAKA,IAAM,IAAa,iCAEb,IAAU;CACd;EACE,IAAI;EACJ,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;CACpB;CACA;EACE,IAAI;EACJ,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;CACpB;CACA;EACE,IAAI;EACJ,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;CACpB;CACA;EACE,IAAI;EACJ,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;CACpB;CACA;EACE,IAAI;EACJ,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;CACpB;AACF,GAEM,IAAkB;CACtB,QAAQ;CACR,SAAS;CACT,KAAK;AACP,GAGA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,UAAU,EAER,OAAO,EACL,SAAS,GACX,EACF,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAF4B,MAAS,kBAAC,GAAD,EAAS,GAAI,EAAO,CAAA,GAE/B,KAAK,CAAC,CAAC;AAE9C,EAAe,OAAO;CACpB,SAAS;CACT,YAAY;CACZ,qBAAqB;AACvB"}

package/dist/components/Periods/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Periods-BYETtB6R.js";
+import { t as e } from "../../Periods-C5cxLlWt.js";
 export { e as Periods };

package/dist/components/ProgrammeCard/ProgrammeCard.d.ts

@@ -9,4 +9,4 @@ export interface ProgrammeCardProps {
     isNew?: boolean;
 }
 /** Represents a component to render a card for a programme. */
-export declare const ProgrammeCard: ({ href, header, details, isNew }: ProgrammeCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgrammeCard: ({ href, header, details, isNew }: ProgrammeCardProps) => import("react").JSX.Element;

package/dist/components/ProgrammeCard/ProgrammeCard.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ProgrammeCard-76gG7ksx.js";
+import { t as e } from "../../ProgrammeCard-CAAOSWKa.js";
 export { e as ProgrammeCard };

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

@@ -1,7 +1,7 @@
 import { Icon as e } from "../Icon/Icon.js";
-import { t } from "../../Repeater-BhkTEUai.js";
-import { t as n } from "../../ProgrammeCard-76gG7ksx.js";
-import { t as r } from "../../Container-BLjtYDqq.js";
+import { t } from "../../Repeater-Bnoqqz0X.js";
+import { t as n } from "../../ProgrammeCard-CAAOSWKa.js";
+import { t as r } from "../../Container-DK25h_-f.js";
 import "../../storyComponents/Container/index.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { BrowserRouter as o } from "react-router";

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

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard.stories.js","names":[],"sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { BrowserRouter } from 'react-router';\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} href={href} isNew={boolean} />';\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  <BrowserRouter>\n    <Container size=\"large\">\n      <ProgrammeCard {...args} />\n    </Container>\n  </BrowserRouter>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is our header',\n  details: 'This is our details',\n  href: '/',\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  href: '/',\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <BrowserRouter>\n    <Container size=\"large\">\n      <Repeater>\n        <ProgrammeCard {...args} />\n        <ProgrammeCard {...args} />\n        <ProgrammeCard {...args} />\n      </Repeater>\n    </Container>\n  </BrowserRouter>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  href: '/',\n};\n"],"mappings":";;;;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAyC,MAC7C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;CACjB,CAAA,EACE,CAAA,EAGL,IAAuB,EAAS,KAAK,EAAE,CAAC;AACrD,EAAqB,OAAO;CAC1B,QAAQ;CACR,SAAS;CACT,MAAM;CACP;AAED,IAAa,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,QACE,kBAAC,GAAD;EAAU,eAAc;EAAM,KAAI;YAAlC,CACE,kBAAC,GAAD;GAAM,MAAK;GAAW,MAAM;GAAM,CAAA,EAClC,kBAAC,MAAD;GAAI,OAAO,EAAE,QAAQ,GAAG;aAAE;GAAsB,CAAA,CACvC;;CAEb,SACE,kBAAC,GAAD;EAAU,eAAc;EAAM,KAAI;YAAlC;GACE,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,aAAc,CAAA,EAAA,YAEhB;;GACX,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,SAAU,CAAA,EAAA,YAEZ;;GACX,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,YAAa,CAAA,EAAA,YAEf;;GACF;;CAEb,MAAM;CACP;AAcD,IAAa,MAZqD,MAChE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;EAC3B,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;EAC3B,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA;EAClB,EAAA,CAAA;CACD,CAAA,EACE,CAAA,EAG6C,KAAK,EAAE,CAAC;AACvE,EAAoB,OAAO;CACzB,QAAQ;CACR,SAAS;CACT,MAAM;CACP"}
+{"version":3,"file":"ProgrammeCard.stories.js","names":[],"sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { BrowserRouter } from 'react-router';\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} href={href} isNew={boolean} />';\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  <BrowserRouter>\n    <Container size=\"large\">\n      <ProgrammeCard {...args} />\n    </Container>\n  </BrowserRouter>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is our header',\n  details: 'This is our details',\n  href: '/',\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  href: '/',\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <BrowserRouter>\n    <Container size=\"large\">\n      <Repeater>\n        <ProgrammeCard {...args} />\n        <ProgrammeCard {...args} />\n        <ProgrammeCard {...args} />\n      </Repeater>\n    </Container>\n  </BrowserRouter>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  href: '/',\n};\n"],"mappings":";;;;;;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAyC,MAC7C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA;AACjB,CAAA,EACE,CAAA,GAGJ,IAAuB,EAAS,KAAK,CAAC,CAAC;AACpD,EAAqB,OAAO;CAC1B,QAAQ;CACR,SAAS;CACT,MAAM;AACR;AAEA,IAAa,IAAqB,EAAS,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO;CACxB,QACE,kBAAC,GAAD;EAAU,eAAc;EAAM,KAAI;YAAlC,CACE,kBAAC,GAAD;GAAM,MAAK;GAAW,MAAM;EAAK,CAAA,GACjC,kBAAC,MAAD;GAAI,OAAO,EAAE,QAAQ,EAAE;aAAG;EAAqB,CAAA,CACvC;;CAEZ,SACE,kBAAC,GAAD;EAAU,eAAc;EAAM,KAAI;YAAlC;GACE,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,YAAa,CAAA,GAAC,WAEjB;;GACV,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,QAAS,CAAA,GAAC,WAEb;;GACV,kBAAC,GAAD;IAAU,eAAc;cAAxB,CACE,kBAAC,GAAD,EAAM,MAAK,WAAY,CAAA,GAAC,WAEhB;;EACF;;CAEZ,MAAM;AACR;AAcA,IAAa,MAZqD,MAChE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAW,MAAK;WACd,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA;EAC1B,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA;EAC1B,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA;CAClB,EAAA,CAAA;AACD,CAAA,EACE,CAAA,GAG8C,KAAK,CAAC,CAAC;AACtE,EAAoB,OAAO;CACzB,QAAQ;CACR,SAAS;CACT,MAAM;AACR"}

package/dist/components/ProgrammeCard/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ProgrammeCard-76gG7ksx.js";
+import { t as e } from "../../ProgrammeCard-CAAOSWKa.js";
 export { e as ProgrammeCard };

package/dist/components/RadioButton/RadioButton.d.ts

@@ -10,4 +10,4 @@ export interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement>
     gap?: 'normal' | 'large';
 }
 /** Represents a component for a radio button. */
-export declare const RadioButton: ({ id, label, gap, description, ...restProps }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButton: ({ id, label, gap, description, ...restProps }: RadioButtonProps) => import("react").JSX.Element;

package/dist/components/RadioButton/RadioButton.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../RadioButton-Bto2p5B9.js";
+import { t as e } from "../../RadioButton-CKALsbBb.js";
 export { e as RadioButton };

package/dist/components/RadioButton/RadioButton.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../RadioButton-Bto2p5B9.js";
+import { t as e } from "../../RadioButton-CKALsbBb.js";
 import { jsx as t } from "react/jsx-runtime";
 import '../../assets/RadioButton.css';var n = {
 	title: "Atoms/RadioButton",

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.stories.js","names":[],"sources":["../../../src/components/RadioButton/RadioButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { RadioButtonProps } from './RadioButton';\n\nimport { RadioButton } from './RadioButton';\nimport './RadioButton.stories.css';\n\nconst codeString = `\n  <RadioButton checked={checked} id={id} label={label} name={name} \n    onChange={onChangeFunction} value={value} description={description} /> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/RadioButton',\n  component: RadioButton,\n  argTypes: {\n    id: {\n      control: 'text',\n    },\n    label: {\n      control: 'text',\n    },\n    description: {\n      control: 'text',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    gap: {\n      control: 'radio',\n    },\n  },\n  parameters: {\n    inspectComponent: RadioButton,\n    codeString: codeString,\n  },\n} as Meta<RadioButtonProps>;\n\nconst Template: StoryFn<RadioButtonProps> = (args) => (\n  <fieldset className=\"fieldset\">\n    <RadioButton {...args} />\n  </fieldset>\n);\n\nexport const RadioButtonExample = Template.bind({});\nRadioButtonExample.args = {\n  gap: 'normal',\n  disabled: false,\n  label: 'Sample label',\n  description: 'Sample description',\n  id: 'de501f21',\n};\n"],"mappings":";;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,IAAI,EACF,SAAS,QACV;EACD,OAAO,EACL,SAAS,QACV;EACD,aAAa,EACX,SAAS,QACV;EACD,UAAU,EACR,SAAS,WACV;EACD,KAAK,EACH,SAAS,SACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAQY,MANgC,MAC3C,kBAAC,YAAD;CAAU,WAAU;WAClB,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA;CAChB,CAAA,EAG8B,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO;CACxB,KAAK;CACL,UAAU;CACV,OAAO;CACP,aAAa;CACb,IAAI;CACL"}
+{"version":3,"file":"RadioButton.stories.js","names":[],"sources":["../../../src/components/RadioButton/RadioButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { RadioButtonProps } from './RadioButton';\n\nimport { RadioButton } from './RadioButton';\nimport './RadioButton.stories.css';\n\nconst codeString = `\n  <RadioButton checked={checked} id={id} label={label} name={name} \n    onChange={onChangeFunction} value={value} description={description} /> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/RadioButton',\n  component: RadioButton,\n  argTypes: {\n    id: {\n      control: 'text',\n    },\n    label: {\n      control: 'text',\n    },\n    description: {\n      control: 'text',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n    gap: {\n      control: 'radio',\n    },\n  },\n  parameters: {\n    inspectComponent: RadioButton,\n    codeString: codeString,\n  },\n} as Meta<RadioButtonProps>;\n\nconst Template: StoryFn<RadioButtonProps> = (args) => (\n  <fieldset className=\"fieldset\">\n    <RadioButton {...args} />\n  </fieldset>\n);\n\nexport const RadioButtonExample = Template.bind({});\nRadioButtonExample.args = {\n  gap: 'normal',\n  disabled: false,\n  label: 'Sample label',\n  description: 'Sample description',\n  id: 'de501f21',\n};\n"],"mappings":";;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,IAAI,EACF,SAAS,OACX;EACA,OAAO,EACL,SAAS,OACX;EACA,aAAa,EACX,SAAS,OACX;EACA,UAAU,EACR,SAAS,UACX;EACA,KAAK,EACH,SAAS,QACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAQa,MANgC,MAC3C,kBAAC,YAAD;CAAU,WAAU;WAClB,kBAAC,GAAD,EAAa,GAAI,EAAO,CAAA;AAChB,CAAA,GAG+B,KAAK,CAAC,CAAC;AAClD,EAAmB,OAAO;CACxB,KAAK;CACL,UAAU;CACV,OAAO;CACP,aAAa;CACb,IAAI;AACN"}

package/dist/components/RadioButton/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../RadioButton-Bto2p5B9.js";
+import { t as e } from "../../RadioButton-CKALsbBb.js";
 export { e as RadioButton };

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -15,5 +15,5 @@ export interface RadioGroupProps {
     disabled?: boolean;
 }
 /** Represents a component for dispalying grouped styled radio buttons. */
-export declare const RadioGroup: ({ label, options, onChange, disabled }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioGroup: ({ label, options, onChange, disabled }: RadioGroupProps) => import("react").JSX.Element;
 export {};

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../RadioGroup-JeTjVp5B.js";
+import { t as e } from "../../RadioGroup-DhnnBRJu.js";
 export { e as RadioGroup };

package/dist/components/RadioGroup/RadioGroup.stories.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { t } from "../../RadioGroup-JeTjVp5B.js";
+import { r as e } from "../../test-CpW02epT.js";
+import { t } from "../../RadioGroup-DhnnBRJu.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {
 	title: "Molecules/RadioGroup",

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.stories.js","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RadioGroupProps } from './RadioGroup';\n\nimport { RadioGroup } from './RadioGroup';\n\nconst codeString = `\n  <RadioGroup label={label} options={options} \n    onChange={onChangeFunction} disabled={disabled} /> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/RadioGroup',\n  component: RadioGroup,\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: RadioGroup,\n    codeString: codeString,\n  },\n} as Meta<RadioGroupProps>;\n\nconst mockData = [\n  {\n    id: '1',\n    titleLabel: 'Option 1',\n    value: 'option1',\n  },\n  {\n    id: '2',\n    titleLabel: 'Option 2',\n    value: 'option2',\n  },\n  {\n    id: '3',\n    titleLabel: 'Option 3',\n    value: 'option3',\n  },\n];\n\nconst Template: StoryFn<RadioGroupProps> = (args) => <RadioGroup {...args} />;\n\nexport const RadioGroupExample = Template.bind({});\nRadioGroupExample.args = {\n  disabled: false,\n  label: 'Sample label',\n  options: mockData,\n  onChange: fn(),\n};\n"],"mappings":";;;AAYA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,QACV;EACD,UAAU,EACR,SAAS,WACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,IAAW;CACf;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;EACR;CACD;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;EACR;CACD;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;EACR;CACF,EAIY,MAF+B,MAAS,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EAEnC,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,UAAU;CACV,OAAO;CACP,SAAS;CACT,UAAU,GAAI;CACf"}
+{"version":3,"file":"RadioGroup.stories.js","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RadioGroupProps } from './RadioGroup';\n\nimport { RadioGroup } from './RadioGroup';\n\nconst codeString = `\n  <RadioGroup label={label} options={options} \n    onChange={onChangeFunction} disabled={disabled} /> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/RadioGroup',\n  component: RadioGroup,\n  argTypes: {\n    label: {\n      control: 'text',\n    },\n    disabled: {\n      control: 'boolean',\n    },\n  },\n  parameters: {\n    inspectComponent: RadioGroup,\n    codeString: codeString,\n  },\n} as Meta<RadioGroupProps>;\n\nconst mockData = [\n  {\n    id: '1',\n    titleLabel: 'Option 1',\n    value: 'option1',\n  },\n  {\n    id: '2',\n    titleLabel: 'Option 2',\n    value: 'option2',\n  },\n  {\n    id: '3',\n    titleLabel: 'Option 3',\n    value: 'option3',\n  },\n];\n\nconst Template: StoryFn<RadioGroupProps> = (args) => <RadioGroup {...args} />;\n\nexport const RadioGroupExample = Template.bind({});\nRadioGroupExample.args = {\n  disabled: false,\n  label: 'Sample label',\n  options: mockData,\n  onChange: fn(),\n};\n"],"mappings":";;;AAYA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,OAAO,EACL,SAAS,OACX;EACA,UAAU,EACR,SAAS,UACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,IAAW;CACf;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;CACT;CACA;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;CACT;CACA;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;CACT;AACF,GAIa,MAF+B,MAAS,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,GAElC,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO;CACvB,UAAU;CACV,OAAO;CACP,SAAS;CACT,UAAU,EAAG;AACf"}

package/dist/components/RadioGroup/Radiogroup.test.js

@@ -1,6 +1,6 @@
-import "../../dist-V_v3kC0L.js";
-import { t as e } from "../../RadioGroup-JeTjVp5B.js";
-import { i as t, n, t as r } from "../../react.esm-CweFe1CK.js";
+import "../../dist-Cxk2-lJw.js";
+import { t as e } from "../../RadioGroup-DhnnBRJu.js";
+import { i as t, n, t as r } from "../../react.esm-GvSawg5E.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/RadioGroup/Radiogroup.test.tsx
 var a = [{

package/dist/components/RadioGroup/Radiogroup.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radiogroup.test.js","names":[],"sources":["../../../src/components/RadioGroup/Radiogroup.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\n\nimport { RadioGroup } from './RadioGroup';\n\nconst options = [\n  { id: '1', titleLabel: 'Option 1', value: 'option1' },\n  { id: '2', titleLabel: 'Option 2', value: 'option2' },\n];\n\ndescribe('RadioGroup', () => {\n  it('should render correctly', () => {\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={jest.fn()} />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n    expect(screen.getByText('Option 1')).toBeInTheDocument();\n    expect(screen.getByText('Option 2')).toBeInTheDocument();\n  });\n\n  it('should call onChange when an option is selected', () => {\n    const handleChange = jest.fn();\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={handleChange} />);\n\n    const option1 = screen.getByLabelText('Option 1');\n    fireEvent.click(option1);\n    expect(handleChange).toHaveBeenCalledWith('option1');\n  });\n\n  it('should not allow selection when disabled', () => {\n    const handleChange = jest.fn();\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={handleChange} disabled />);\n\n    const option1 = screen.getByLabelText('Option 1');\n    fireEvent.click(option1);\n    expect(handleChange).not.toHaveBeenCalled();\n  });\n});\n"],"mappings":";;;;;AAKA,IAAM,IAAU,CACd;CAAE,IAAI;CAAK,YAAY;CAAY,OAAO;CAAW,EACrD;CAAE,IAAI;CAAK,YAAY;CAAY,OAAO;CAAW,CACtD;AAED,SAAS,oBAAoB;CAiB3B,AAhBA,GAAG,iCAAiC;EAIlC,AAHA,EAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU,KAAK,IAAI;GAAI,CAAA,CAAC,EAChF,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB,EAC1D,OAAO,EAAO,UAAU,WAAW,CAAC,CAAC,mBAAmB,EACxD,OAAO,EAAO,UAAU,WAAW,CAAC,CAAC,mBAAmB;GACxD,EAEF,GAAG,yDAAyD;EAC1D,IAAM,IAAe,KAAK,IAAI;EAC9B,EAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU;GAAgB,CAAA,CAAC;EAEnF,IAAM,IAAU,EAAO,eAAe,WAAW;EAEjD,AADA,EAAU,MAAM,EAAQ,EACxB,OAAO,EAAa,CAAC,qBAAqB,UAAU;GACpD,EAEF,GAAG,kDAAkD;EACnD,IAAM,IAAe,KAAK,IAAI;EAC9B,EAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU;GAAc,UAAA;GAAW,CAAA,CAAC;EAE5F,IAAM,IAAU,EAAO,eAAe,WAAW;EAEjD,AADA,EAAU,MAAM,EAAQ,EACxB,OAAO,EAAa,CAAC,IAAI,kBAAkB;GAC3C;EACF"}
+{"version":3,"file":"Radiogroup.test.js","names":[],"sources":["../../../src/components/RadioGroup/Radiogroup.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\n\nimport { RadioGroup } from './RadioGroup';\n\nconst options = [\n  { id: '1', titleLabel: 'Option 1', value: 'option1' },\n  { id: '2', titleLabel: 'Option 2', value: 'option2' },\n];\n\ndescribe('RadioGroup', () => {\n  it('should render correctly', () => {\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={jest.fn()} />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n    expect(screen.getByText('Option 1')).toBeInTheDocument();\n    expect(screen.getByText('Option 2')).toBeInTheDocument();\n  });\n\n  it('should call onChange when an option is selected', () => {\n    const handleChange = jest.fn();\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={handleChange} />);\n\n    const option1 = screen.getByLabelText('Option 1');\n    fireEvent.click(option1);\n    expect(handleChange).toHaveBeenCalledWith('option1');\n  });\n\n  it('should not allow selection when disabled', () => {\n    const handleChange = jest.fn();\n    render(<RadioGroup label=\"Test Label\" options={options} onChange={handleChange} disabled />);\n\n    const option1 = screen.getByLabelText('Option 1');\n    fireEvent.click(option1);\n    expect(handleChange).not.toHaveBeenCalled();\n  });\n});\n"],"mappings":";;;;;AAKA,IAAM,IAAU,CACd;CAAE,IAAI;CAAK,YAAY;CAAY,OAAO;AAAU,GACpD;CAAE,IAAI;CAAK,YAAY;CAAY,OAAO;AAAU,CACtD;AAEA,SAAS,oBAAoB;CAiB3B,AAhBA,GAAG,iCAAiC;EAIlC,AAHA,EAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU,KAAK,GAAG;EAAI,CAAA,CAAC,GAC/E,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAkB,GACzD,OAAO,EAAO,UAAU,UAAU,CAAC,EAAE,kBAAkB,GACvD,OAAO,EAAO,UAAU,UAAU,CAAC,EAAE,kBAAkB;CACzD,CAAC,GAED,GAAG,yDAAyD;EAC1D,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU;EAAe,CAAA,CAAC;EAElF,IAAM,IAAU,EAAO,eAAe,UAAU;EAEhD,AADA,EAAU,MAAM,CAAO,GACvB,OAAO,CAAY,EAAE,qBAAqB,SAAS;CACrD,CAAC,GAED,GAAG,kDAAkD;EACnD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD;GAAY,OAAM;GAAsB;GAAS,UAAU;GAAc,UAAA;EAAU,CAAA,CAAC;EAE3F,IAAM,IAAU,EAAO,eAAe,UAAU;EAEhD,AADA,EAAU,MAAM,CAAO,GACvB,OAAO,CAAY,EAAE,IAAI,iBAAiB;CAC5C,CAAC;AACH,CAAC"}

package/dist/components/RadioGroup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../RadioGroup-JeTjVp5B.js";
+import { t as e } from "../../RadioGroup-DhnnBRJu.js";
 export { e as RadioGroup };

package/dist/components/RadioTabSelector/RadioTabSelector.d.ts

@@ -23,5 +23,5 @@ export interface RadioTabSelectorProps {
     /** The callback function that is invoked when the radio tab selector changes value. */
     onSetValue: (value: string | null) => void;
 }
-export declare const RadioTabSelector: ({ buttons, radioGroupName, defaultValue, label, labelPosition, required, notValidatedText, onSetValue, }: RadioTabSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioTabSelector: ({ buttons, radioGroupName, defaultValue, label, labelPosition, required, notValidatedText, onSetValue, }: RadioTabSelectorProps) => import("react").JSX.Element;
 export {};

package/dist/components/RadioTabSelector/RadioTabSelector.js

@@ -1,2 +1,2 @@
-import { u as e } from "../../components-BzxAULjf.js";
+import { u as e } from "../../components-D6_Sx8Hs.js";
 export { e as RadioTabSelector };

package/dist/components/RadioTabSelector/RadioTabSelector.stories.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { u as t } from "../../components-BzxAULjf.js";
+import { r as e } from "../../test-CpW02epT.js";
+import { u as t } from "../../components-D6_Sx8Hs.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {
 	title: "Molecules/RadioTabSelector",

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

@@ -1 +1 @@
-{"version":3,"file":"RadioTabSelector.stories.js","names":[],"sources":["../../../src/components/RadioTabSelector/RadioTabSelector.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { RadioTabSelectorProps } from './RadioTabSelector'; // Already imported above\r\n\r\nimport { RadioTabSelector } from './RadioTabSelector';\r\n\r\nconst codeString =\r\n  '<RadioTabSelector radioButtons={} defaultValue={} label={} labelPosition={} required={} notValidatedText={} onSetValue={} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/RadioTabSelector',\r\n  component: RadioTabSelector,\r\n  argTypes: {\r\n    radioButtons: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    defaultValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    label: {\r\n      control: 'text',\r\n    },\r\n    labelPosition: {\r\n      control: 'radio',\r\n      options: ['top', 'left'],\r\n    },\r\n    required: {\r\n      control: 'boolean',\r\n    },\r\n    notValidatedText: {\r\n      control: 'text',\r\n    },\r\n    onSetValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: RadioTabSelector,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<RadioTabSelectorProps>;\r\n\r\nconst Template: StoryFn<RadioTabSelectorProps> = (args) => <RadioTabSelector {...args} />;\r\n\r\nexport const RadioTabSelectorExample = Template.bind({});\r\nRadioTabSelectorExample.args = {\r\n  buttons: [\r\n    { label: 'Digitaal', value: 'digitaal' },\r\n    { label: 'Schriftelijk', value: 'schriftelijk' },\r\n    { label: 'Presentatie', value: 'presentatie' },\r\n  ],\r\n  defaultValue: 'digitaal',\r\n  radioGroupName: 'radio-group',\r\n  label: 'Toetsvorm',\r\n  labelPosition: 'top',\r\n  required: true,\r\n  notValidatedText: '',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithIcons = Template.bind({});\r\nWithIcons.args = {\r\n  buttons: [\r\n    { label: 'Digitaal', value: 'digitaal', iconName: 'SignalActive' },\r\n    { label: 'Schriftelijk', value: 'schriftelijk', iconName: 'Pencil' },\r\n    { label: 'Presentatie', value: 'presentatie', iconName: 'User' },\r\n  ],\r\n  defaultValue: 'digitaal',\r\n  radioGroupName: 'radio-group',\r\n  label: 'Toetsvorm',\r\n  labelPosition: 'top',\r\n  required: true,\r\n  notValidatedText: '',\r\n  onSetValue: fn(),\r\n};\r\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,cAAc,EACZ,OAAO,EACL,SAAS,IACV,EACF;EACD,cAAc,EACZ,OAAO,EACL,SAAS,IACV,EACF;EACD,OAAO,EACL,SAAS,QACV;EACD,eAAe;GACb,SAAS;GACT,SAAS,CAAC,OAAO,OAAO;GACzB;EACD,UAAU,EACR,SAAS,WACV;EACD,kBAAkB,EAChB,SAAS,QACV;EACD,YAAY,EACV,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAA4C,MAAS,kBAAC,GAAD,EAAkB,GAAI,GAAQ,CAAA,EAE5E,IAA0B,EAAS,KAAK,EAAE,CAAC;AACxD,EAAwB,OAAO;CAC7B,SAAS;EACP;GAAE,OAAO;GAAY,OAAO;GAAY;EACxC;GAAE,OAAO;GAAgB,OAAO;GAAgB;EAChD;GAAE,OAAO;GAAe,OAAO;GAAe;EAC/C;CACD,cAAc;CACd,gBAAgB;CAChB,OAAO;CACP,eAAe;CACf,UAAU;CACV,kBAAkB;CAClB,YAAY,GAAI;CACjB;AAED,IAAa,IAAY,EAAS,KAAK,EAAE,CAAC;AAC1C,EAAU,OAAO;CACf,SAAS;EACP;GAAE,OAAO;GAAY,OAAO;GAAY,UAAU;GAAgB;EAClE;GAAE,OAAO;GAAgB,OAAO;GAAgB,UAAU;GAAU;EACpE;GAAE,OAAO;GAAe,OAAO;GAAe,UAAU;GAAQ;EACjE;CACD,cAAc;CACd,gBAAgB;CAChB,OAAO;CACP,eAAe;CACf,UAAU;CACV,kBAAkB;CAClB,YAAY,GAAI;CACjB"}
+{"version":3,"file":"RadioTabSelector.stories.js","names":[],"sources":["../../../src/components/RadioTabSelector/RadioTabSelector.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { RadioTabSelectorProps } from './RadioTabSelector'; // Already imported above\r\n\r\nimport { RadioTabSelector } from './RadioTabSelector';\r\n\r\nconst codeString =\r\n  '<RadioTabSelector radioButtons={} defaultValue={} label={} labelPosition={} required={} notValidatedText={} onSetValue={} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/RadioTabSelector',\r\n  component: RadioTabSelector,\r\n  argTypes: {\r\n    radioButtons: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    defaultValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    label: {\r\n      control: 'text',\r\n    },\r\n    labelPosition: {\r\n      control: 'radio',\r\n      options: ['top', 'left'],\r\n    },\r\n    required: {\r\n      control: 'boolean',\r\n    },\r\n    notValidatedText: {\r\n      control: 'text',\r\n    },\r\n    onSetValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: RadioTabSelector,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<RadioTabSelectorProps>;\r\n\r\nconst Template: StoryFn<RadioTabSelectorProps> = (args) => <RadioTabSelector {...args} />;\r\n\r\nexport const RadioTabSelectorExample = Template.bind({});\r\nRadioTabSelectorExample.args = {\r\n  buttons: [\r\n    { label: 'Digitaal', value: 'digitaal' },\r\n    { label: 'Schriftelijk', value: 'schriftelijk' },\r\n    { label: 'Presentatie', value: 'presentatie' },\r\n  ],\r\n  defaultValue: 'digitaal',\r\n  radioGroupName: 'radio-group',\r\n  label: 'Toetsvorm',\r\n  labelPosition: 'top',\r\n  required: true,\r\n  notValidatedText: '',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithIcons = Template.bind({});\r\nWithIcons.args = {\r\n  buttons: [\r\n    { label: 'Digitaal', value: 'digitaal', iconName: 'SignalActive' },\r\n    { label: 'Schriftelijk', value: 'schriftelijk', iconName: 'Pencil' },\r\n    { label: 'Presentatie', value: 'presentatie', iconName: 'User' },\r\n  ],\r\n  defaultValue: 'digitaal',\r\n  radioGroupName: 'radio-group',\r\n  label: 'Toetsvorm',\r\n  labelPosition: 'top',\r\n  required: true,\r\n  notValidatedText: '',\r\n  onSetValue: fn(),\r\n};\r\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,cAAc,EACZ,OAAO,EACL,SAAS,GACX,EACF;EACA,cAAc,EACZ,OAAO,EACL,SAAS,GACX,EACF;EACA,OAAO,EACL,SAAS,OACX;EACA,eAAe;GACb,SAAS;GACT,SAAS,CAAC,OAAO,MAAM;EACzB;EACA,UAAU,EACR,SAAS,UACX;EACA,kBAAkB,EAChB,SAAS,OACX;EACA,YAAY,EACV,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAA4C,MAAS,kBAAC,GAAD,EAAkB,GAAI,EAAO,CAAA,GAE3E,IAA0B,EAAS,KAAK,CAAC,CAAC;AACvD,EAAwB,OAAO;CAC7B,SAAS;EACP;GAAE,OAAO;GAAY,OAAO;EAAW;EACvC;GAAE,OAAO;GAAgB,OAAO;EAAe;EAC/C;GAAE,OAAO;GAAe,OAAO;EAAc;CAC/C;CACA,cAAc;CACd,gBAAgB;CAChB,OAAO;CACP,eAAe;CACf,UAAU;CACV,kBAAkB;CAClB,YAAY,EAAG;AACjB;AAEA,IAAa,IAAY,EAAS,KAAK,CAAC,CAAC;AACzC,EAAU,OAAO;CACf,SAAS;EACP;GAAE,OAAO;GAAY,OAAO;GAAY,UAAU;EAAe;EACjE;GAAE,OAAO;GAAgB,OAAO;GAAgB,UAAU;EAAS;EACnE;GAAE,OAAO;GAAe,OAAO;GAAe,UAAU;EAAO;CACjE;CACA,cAAc;CACd,gBAAgB;CAChB,OAAO;CACP,eAAe;CACf,UAAU;CACV,kBAAkB;CAClB,YAAY,EAAG;AACjB"}

package/dist/components/RadioTabSelector/index.js

@@ -1,2 +1,2 @@
-import { u as e } from "../../components-BzxAULjf.js";
+import { u as e } from "../../components-D6_Sx8Hs.js";
 export { e as RadioTabSelector };

package/dist/components/Repeater/Repeater.d.ts

@@ -6,4 +6,4 @@ export interface RepeaterProps {
     gap?: '025' | '050' | '075' | '100' | '150' | '200';
 }
 /** Represents a component to show a list of items. */
-export declare const Repeater: ({ children, flexDirection, gap }: PropsWithChildren<RepeaterProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Repeater: ({ children, flexDirection, gap }: PropsWithChildren<RepeaterProps>) => import("react").JSX.Element;

package/dist/components/Repeater/Repeater.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Repeater-BhkTEUai.js";
+import { t as e } from "../../Repeater-Bnoqqz0X.js";
 export { e as Repeater };

package/dist/components/Repeater/Repeater.stories.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../Repeater-BhkTEUai.js";
-import { t } from "../../Container-BLjtYDqq.js";
+import { t as e } from "../../Repeater-Bnoqqz0X.js";
+import { t } from "../../Container-DK25h_-f.js";
 import "../../storyComponents/Container/index.js";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 var a = {

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

@@ -1 +1 @@
-{"version":3,"file":"Repeater.stories.js","names":[],"sources":["../../../src/components/Repeater/Repeater.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RepeaterProps } from './Repeater';\n\nimport { Repeater } from './Repeater';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<Repeater flexDirection={flexDirection} gap={gap}>{children}</Repeater>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Repeater',\n  component: Repeater,\n  argTypes: {\n    flexDirection: {\n      control: {\n        type: 'select',\n      },\n    },\n    gap: {\n      control: {\n        type: 'select',\n        sort: false,\n      },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Repeater,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<RepeaterProps>>;\n\nconst Template: StoryFn<PropsWithChildren<RepeaterProps>> = (args) => (\n  <Container>\n    <Repeater {...args} />\n  </Container>\n);\n\nexport const RepeaterExample = Template.bind({});\nRepeaterExample.args = {\n  flexDirection: 'column',\n  gap: '050',\n  children: (\n    <>\n      <div>Example item 1</div>\n      <div>Example item 2</div>\n      <div>Example item 3</div>\n    </>\n  ),\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,eAAe,EACb,SAAS,EACP,MAAM,UACP,EACF;EACD,KAAK,EACH,SAAS;GACP,MAAM;GACN,MAAM;GACP,EACF;EACD,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAQY,MANgD,MAC3D,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAU,GAAI,GAAQ,CAAA,EACZ,CAAA,EAG0B,KAAK,EAAE,CAAC;AAChD,EAAgB,OAAO;CACrB,eAAe;CACf,KAAK;CACL,UACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,OAAD,EAAA,UAAK,kBAAoB,CAAA;EACzB,kBAAC,OAAD,EAAA,UAAK,kBAAoB,CAAA;EACzB,kBAAC,OAAD,EAAA,UAAK,kBAAoB,CAAA;EACxB,EAAA,CAAA;CAEN"}
+{"version":3,"file":"Repeater.stories.js","names":[],"sources":["../../../src/components/Repeater/Repeater.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RepeaterProps } from './Repeater';\n\nimport { Repeater } from './Repeater';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<Repeater flexDirection={flexDirection} gap={gap}>{children}</Repeater>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Repeater',\n  component: Repeater,\n  argTypes: {\n    flexDirection: {\n      control: {\n        type: 'select',\n      },\n    },\n    gap: {\n      control: {\n        type: 'select',\n        sort: false,\n      },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Repeater,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<RepeaterProps>>;\n\nconst Template: StoryFn<PropsWithChildren<RepeaterProps>> = (args) => (\n  <Container>\n    <Repeater {...args} />\n  </Container>\n);\n\nexport const RepeaterExample = Template.bind({});\nRepeaterExample.args = {\n  flexDirection: 'column',\n  gap: '050',\n  children: (\n    <>\n      <div>Example item 1</div>\n      <div>Example item 2</div>\n      <div>Example item 3</div>\n    </>\n  ),\n};\n"],"mappings":";;;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,eAAe,EACb,SAAS,EACP,MAAM,SACR,EACF;EACA,KAAK,EACH,SAAS;GACP,MAAM;GACN,MAAM;EACR,EACF;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAQa,MANgD,MAC3D,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAU,GAAI,EAAO,CAAA,EACZ,CAAA,GAG2B,KAAK,CAAC,CAAC;AAC/C,EAAgB,OAAO;CACrB,eAAe;CACf,KAAK;CACL,UACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,OAAD,EAAA,UAAK,iBAAmB,CAAA;EACxB,kBAAC,OAAD,EAAA,UAAK,iBAAmB,CAAA;EACxB,kBAAC,OAAD,EAAA,UAAK,iBAAmB,CAAA;CACxB,EAAA,CAAA;AAEN"}

package/dist/components/Repeater/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Repeater-BhkTEUai.js";
+import { t as e } from "../../Repeater-Bnoqqz0X.js";
 export { e as Repeater };

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

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

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

@@ -1,2 +1,2 @@
-import { r as e } from "../../../components-BzxAULjf.js";
+import { r as e } from "../../../components-D6_Sx8Hs.js";
 export { e as EditorHeader };

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

@@ -1,2 +1,2 @@
-import { r as e } from "../../../components-BzxAULjf.js";
+import { r as e } from "../../../components-D6_Sx8Hs.js";
 export { e as EditorHeader };

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

@@ -1,8 +1,8 @@
-import { t as e } from "../../../../clsx-BD2qMUU1.js";
+import { t as e } from "../../../../clsx-BWCAbrjV.js";
 import { Icon as t } from "../../../Icon/Icon.js";
-import { t as n } from "../../../../LexicalComposerContext.prod-Ca-YN_fj.js";
-import { Gn as r, ot as i, v as a } from "../../../../Lexical.prod-CqPLSi0R.js";
-import { t as o } from "../../../../RteEditor.module-BJLUYSpf.js";
+import { t as n } from "../../../../LexicalComposerContext.prod-y_BRxu3Z.js";
+import { Gn as r, ot as i, v as a } from "../../../../Lexical.prod-8zZnpGo4.js";
+import { t as o } from "../../../../RteEditor.module-pWBasED2.js";
 import { useTranslation as s } from "../../hooks/useTranslation.js";
 import { useEffect as c, useState as l } from "react";
 import { jsx as u } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"BlockFormatPlugin.js","names":[],"sources":["../../../../../src/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { clsx } from 'clsx';\nimport { $getSelection, $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';\nimport { useEffect, useState } from 'react';\n\nimport type { JSX } from 'react';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ntype BlockTypesType = 'bold' | 'italic';\nconst BLOCK_TYPE_ICONS = {\n  bold: 'Bold',\n  italic: 'Italic',\n};\n\nconst BlockTypes = ['bold', 'italic'];\n\nexport const BlockFormatPlugin = (): JSX.Element => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const [isBold, setIsBold] = useState(false);\n  const [isItalic, setIsItalic] = useState(false);\n\n  const onClick = (type: BlockTypesType): void => {\n    editor.dispatchCommand(FORMAT_TEXT_COMMAND, type);\n  };\n\n  useEffect(() => {\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          setIsBold(selection.hasFormat('bold'));\n          setIsItalic(selection.hasFormat('italic'));\n        }\n      });\n    });\n\n    return () => {\n      removeStatusListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\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          title={type === 'bold' ? t.format.boldTooltip : t.format.italicTooltip}\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={`${type === 'bold' ? t.aria.labels.bold : t.aria.labels.italic}`}\n          aria-keyshortcuts={`${type === 'bold' ? t.aria.keyshortcuts.bold : t.aria.keyshortcuts.italic}`}\n          type=\"button\"\n        >\n          <Icon name={BLOCK_TYPE_ICONS[type as keyof typeof Icon]} size={24} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAYA,IAAM,IAAmB;CACvB,MAAM;CACN,QAAQ;CACT,EAEK,IAAa,CAAC,QAAQ,SAAS,EAExB,UAAuC;CAClD,IAAM,IAAI,GAAgB,EACpB,CAAC,KAAU,GAA2B,EACtC,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,CAAC,GAAU,KAAe,EAAS,GAAM,EAEzC,KAAW,MAA+B;EAC9C,EAAO,gBAAgB,GAAqB,EAAK;;CAoBnD,OAjBA,QAAgB;EACd,IAAM,IAAuB,EAAO,wBAAwB,EAAE,qBAAkB;GAC9E,EAAY,WAAW;IACrB,IAAM,IAAY,GAAe;IACjC,AAAI,EAAkB,EAAU,KAC9B,EAAU,EAAU,UAAU,OAAO,CAAC,EACtC,EAAY,EAAU,UAAU,SAAS,CAAC;KAE5C;IACF;EAEF,aAAa;GACX,GAAsB;;IAGvB,CAAC,EAAO,CAAC,EAGV,kBAAC,OAAD;EAAK,WAAW,EAAO;YACpB,EAAW,KAAK,MACf,kBAAC,UAAD;GACE,eAAe,EAAQ,EAAuB;GAE9C,OAAO,MAAS,SAAS,EAAE,OAAO,cAAc,EAAE,OAAO;GACzD,WAAW,EACT,EAAO,2BACP,EAAO,2BAA2B,MAClC,MAAS,UAAU,KAAU,EAAO,mCACpC,MAAS,YAAY,KAAY,EAAO,kCACzC;GACD,cAAY,GAAG,MAAS,SAAS,EAAE,KAAK,OAAO,OAAO,EAAE,KAAK,OAAO;GACpE,qBAAmB,GAAG,MAAS,SAAS,EAAE,KAAK,aAAa,OAAO,EAAE,KAAK,aAAa;GACvF,MAAK;aAEL,kBAAC,GAAD;IAAM,MAAM,EAAiB;IAA4B,MAAM;IAAM,CAAA;GAC9D,EAbF,EAaE,CACT;EACE,CAAA"}
+{"version":3,"file":"BlockFormatPlugin.js","names":[],"sources":["../../../../../src/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { clsx } from 'clsx';\nimport { $getSelection, $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';\nimport { useEffect, useState } from 'react';\n\nimport type { JSX } from 'react';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ntype BlockTypesType = 'bold' | 'italic';\nconst BLOCK_TYPE_ICONS = {\n  bold: 'Bold',\n  italic: 'Italic',\n};\n\nconst BlockTypes = ['bold', 'italic'];\n\nexport const BlockFormatPlugin = (): JSX.Element => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const [isBold, setIsBold] = useState(false);\n  const [isItalic, setIsItalic] = useState(false);\n\n  const onClick = (type: BlockTypesType): void => {\n    editor.dispatchCommand(FORMAT_TEXT_COMMAND, type);\n  };\n\n  useEffect(() => {\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          setIsBold(selection.hasFormat('bold'));\n          setIsItalic(selection.hasFormat('italic'));\n        }\n      });\n    });\n\n    return () => {\n      removeStatusListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\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          title={type === 'bold' ? t.format.boldTooltip : t.format.italicTooltip}\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={`${type === 'bold' ? t.aria.labels.bold : t.aria.labels.italic}`}\n          aria-keyshortcuts={`${type === 'bold' ? t.aria.keyshortcuts.bold : t.aria.keyshortcuts.italic}`}\n          type=\"button\"\n        >\n          <Icon name={BLOCK_TYPE_ICONS[type as keyof typeof Icon]} size={24} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAYA,IAAM,IAAmB;CACvB,MAAM;CACN,QAAQ;AACV,GAEM,IAAa,CAAC,QAAQ,QAAQ,GAEvB,UAAuC;CAClD,IAAM,IAAI,EAAe,GACnB,CAAC,KAAU,EAA0B,GACrC,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,CAAC,GAAU,KAAe,EAAS,EAAK,GAExC,KAAW,MAA+B;EAC9C,EAAO,gBAAgB,GAAqB,CAAI;CAClD;CAmBA,OAjBA,QAAgB;EACd,IAAM,IAAuB,EAAO,wBAAwB,EAAE,qBAAkB;GAC9E,EAAY,WAAW;IACrB,IAAM,IAAY,EAAc;IAChC,AAAI,EAAkB,CAAS,MAC7B,EAAU,EAAU,UAAU,MAAM,CAAC,GACrC,EAAY,EAAU,UAAU,QAAQ,CAAC;GAE7C,CAAC;EACH,CAAC;EAED,aAAa;GACX,EAAqB;EACvB;CAEF,GAAG,CAAC,CAAM,CAAC,GAGT,kBAAC,OAAD;EAAK,WAAW,EAAO;YACpB,EAAW,KAAK,MACf,kBAAC,UAAD;GACE,eAAe,EAAQ,CAAsB;GAE7C,OAAO,MAAS,SAAS,EAAE,OAAO,cAAc,EAAE,OAAO;GACzD,WAAW,EACT,EAAO,2BACP,EAAO,2BAA2B,MAClC,MAAS,UAAU,KAAU,EAAO,mCACpC,MAAS,YAAY,KAAY,EAAO,iCAC1C;GACA,cAAY,GAAG,MAAS,SAAS,EAAE,KAAK,OAAO,OAAO,EAAE,KAAK,OAAO;GACpE,qBAAmB,GAAG,MAAS,SAAS,EAAE,KAAK,aAAa,OAAO,EAAE,KAAK,aAAa;GACvF,MAAK;aAEL,kBAAC,GAAD;IAAM,MAAM,EAAiB;IAA4B,MAAM;GAAK,CAAA;EAC9D,GAbD,CAaC,CACT;CACE,CAAA;AAET"}

package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/AddCatalogueLinkForm.d.ts

@@ -18,5 +18,5 @@ interface AddCatalogueLinkFormProps {
     searchResponse?: SearchResponse;
     onSelect?: (code: string, label: string, type: 'course' | 'programme') => void;
 }
-export declare const AddCatalogueLinkForm: ({ linkType, onCloseHandler, onSearchHandler, searchResponse, onSelect, }: AddCatalogueLinkFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AddCatalogueLinkForm: ({ linkType, onCloseHandler, onSearchHandler, searchResponse, onSelect, }: AddCatalogueLinkFormProps) => import("react").JSX.Element;
 export {};

package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/AddCatalogueLinkForm.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../../AddCatalogueLinkForm-rph4K9P0.js";
+import { t as e } from "../../../../../AddCatalogueLinkForm-DNv2tEdF.js";
 export { e as AddCatalogueLinkForm };

package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../../AddCatalogueLinkForm-rph4K9P0.js";
+import { t as e } from "../../../../../AddCatalogueLinkForm-DNv2tEdF.js";
 export { e as AddCatalogueLinkForm };

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

@@ -4,5 +4,5 @@ interface CourseCataloguePluginProps {
     searchResponse: SearchResponse;
     parentScrollPosition: number;
 }
-export declare const CourseCataloguePlugin: ({ onSearch, searchResponse, parentScrollPosition, }: CourseCataloguePluginProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CourseCataloguePlugin: ({ onSearch, searchResponse, parentScrollPosition, }: CourseCataloguePluginProps) => import("react").JSX.Element;
 export {};

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

@@ -1,10 +1,10 @@
-import { t as e } from "../../../../clsx-BD2qMUU1.js";
-import { t } from "../../../../LexicalComposerContext.prod-Ca-YN_fj.js";
-import { Dn as n, Kt as r, L as i, mt as a, on as o, ot as s, u as c, v as l, zn as u } from "../../../../Lexical.prod-CqPLSi0R.js";
-import { n as d } from "../../../../LexicalUtils.prod-BqcriFWV.js";
+import { t as e } from "../../../../clsx-BWCAbrjV.js";
+import { t } from "../../../../LexicalComposerContext.prod-y_BRxu3Z.js";
+import { Dn as n, Kt as r, L as i, mt as a, on as o, ot as s, u as c, v as l, zn as u } from "../../../../Lexical.prod-8zZnpGo4.js";
+import { n as d } from "../../../../LexicalUtils.prod-BWhWP8es.js";
 import { $getLinkTypeFromNode as f, CourseCatalogueNode as p, INSERT_COURSE_CATALOGUE_LINK as m, REMOVE_COURSE_CATALOGUE_LINK as h } from "../../nodes/CourseCatalogueNode/CourseCatalogueNode.js";
-import { t as g } from "../../../../RteEditor.module-BJLUYSpf.js";
-import { t as _ } from "../../../../AddCatalogueLinkForm-rph4K9P0.js";
+import { t as g } from "../../../../RteEditor.module-pWBasED2.js";
+import { t as _ } from "../../../../AddCatalogueLinkForm-DNv2tEdF.js";
 import { useTranslation as v } from "../../hooks/useTranslation.js";
 import { useOnClickOutside as y } from "../../../hooks/useOnClickOutside.js";
 import { useEffect as b, useRef as x, useState as S } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"CourseCataloguePlugin.js","names":[],"sources":["../../../../../src/components/RteEditor/Plugins/CourseCataloguePlugin/CourseCataloguePlugin.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\nimport { clsx } from 'clsx';\r\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  $createRangeSelection,\r\n  $createTextNode,\r\n  $getSelection,\r\n  $isRangeSelection,\r\n  $isTextNode,\r\n  $setSelection,\r\n  COMMAND_PRIORITY_CRITICAL,\r\n  COMMAND_PRIORITY_LOW,\r\n  COPY_COMMAND,\r\n  KEY_DOWN_COMMAND,\r\n  mergeRegister,\r\n} from 'lexical';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\n\r\nimport type { RefObject } from 'react';\r\nimport type { LexicalNode, TextNode } from 'lexical';\r\nimport type { SearchResponse } from './AddCatalogueLinkForm';\r\n\r\nimport { AddCatalogueLinkForm } from './AddCatalogueLinkForm';\r\n\r\nimport styles from 'components/RteEditor/RteEditor.module.css';\r\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\r\nimport {\r\n  $getLinkTypeFromNode,\r\n  CourseCatalogueNode,\r\n  INSERT_COURSE_CATALOGUE_LINK,\r\n  REMOVE_COURSE_CATALOGUE_LINK,\r\n} from 'components/RteEditor/nodes/CourseCatalogueNode';\r\nimport { useOnClickOutside } from 'components/hooks/useOnClickOutside';\r\n\r\ninterface CourseCataloguePluginProps {\r\n  onSearch: (query: string, linkType: 'course' | 'programme') => void;\r\n  searchResponse: SearchResponse;\r\n  parentScrollPosition: number;\r\n}\r\n\r\nexport const CourseCataloguePlugin = ({\r\n  onSearch,\r\n  searchResponse,\r\n  parentScrollPosition,\r\n}: CourseCataloguePluginProps) => {\r\n  const [editor] = useLexicalComposerContext();\r\n  const t = useTranslation();\r\n  const [courseIsActive, setCourseIsActive] = useState(false);\r\n  const [programmeIsActive, setProgrammeIsActive] = useState(false);\r\n  const courseButtonRef = useRef<HTMLButtonElement>(null);\r\n  const programmeButtonRef = useRef<HTMLButtonElement>(null);\r\n  const flyoutRef = useRef<HTMLDivElement>(null);\r\n  const [flyoutPosition, setFlyoutPosition] = useState<{ top: number; left: number } | null>(null);\r\n  const [type, setType] = useState<'course' | 'programme'>('course');\r\n  const isVisibleRef = useRef(flyoutPosition !== null);\r\n\r\n  const openFlyout = (type: 'course' | 'programme') => {\r\n    setType(type);\r\n    const rect =\r\n      type === 'course'\r\n        ? courseButtonRef.current?.getBoundingClientRect()\r\n        : programmeButtonRef.current?.getBoundingClientRect();\r\n    if (rect) {\r\n      setFlyoutPosition({ top: rect.bottom, left: rect.left });\r\n    }\r\n  };\r\n\r\n  const closeFlyout = () => {\r\n    onSearch('', type);\r\n    setFlyoutPosition(null);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const removeKeyboardShortcut = editor.registerCommand(\r\n      KEY_DOWN_COMMAND,\r\n      (event: KeyboardEvent) => {\r\n        if (event.ctrlKey && event.shiftKey && event.altKey && event.key === 'C') {\r\n          event.preventDefault();\r\n          openFlyout('course');\r\n          return true;\r\n        }\r\n        if (event.ctrlKey && event.shiftKey && event.altKey && event.key === 'P') {\r\n          event.preventDefault();\r\n          openFlyout('programme');\r\n          return true;\r\n        }\r\n        return false;\r\n      },\r\n      COMMAND_PRIORITY_CRITICAL\r\n    );\r\n\r\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\r\n      editorState.read(() => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const anchorNode = selection.anchor.getNode();\r\n          const offset = selection.anchor.offset;\r\n\r\n          if (\r\n            $isTextNode(anchorNode) &&\r\n            offset === anchorNode.getTextContentSize() &&\r\n            anchorNode.getNextSibling() instanceof CourseCatalogueNode\r\n          ) {\r\n            // Cursor staat aan het begin van de link!\r\n            const courseCatalogueLink = anchorNode.getNextSibling();\r\n            if (courseCatalogueLink) {\r\n              const linkType = $getLinkTypeFromNode(courseCatalogueLink);\r\n              setCourseIsActive(linkType === 'course');\r\n              setProgrammeIsActive(linkType === 'programme');\r\n              return;\r\n            }\r\n          }\r\n\r\n          const courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n          if (courseCatalogueLink) {\r\n            const linkType = $getLinkTypeFromNode(courseCatalogueLink);\r\n            setCourseIsActive(linkType === 'course');\r\n            setProgrammeIsActive(linkType === 'programme');\r\n            return;\r\n          }\r\n          setCourseIsActive(false);\r\n          setProgrammeIsActive(false);\r\n        }\r\n      });\r\n    });\r\n\r\n    const moveToEndOfWhiteSpace = (whiteSpace: TextNode) => {\r\n      const selection = $createRangeSelection();\r\n      const endOffset = whiteSpace.getTextContentSize();\r\n      selection.setTextNodeRange(whiteSpace, endOffset, whiteSpace, endOffset);\r\n      $setSelection(selection);\r\n    };\r\n\r\n    const isCursorBeforeLink = (anchorNode: LexicalNode, offset: number) =>\r\n      $isTextNode(anchorNode) &&\r\n      offset === anchorNode.getTextContentSize() &&\r\n      anchorNode.getNextSibling() instanceof CourseCatalogueNode;\r\n\r\n    const removeUnEditable = editor.registerCommand(\r\n      KEY_DOWN_COMMAND,\r\n      (event: KeyboardEvent) => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const key = event.key;\r\n          const anchorNode = selection.anchor.getNode();\r\n          const offset = selection.anchor.offset;\r\n          let courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n\r\n          // Detect if cursor is right before the link\r\n          if (isCursorBeforeLink(anchorNode, offset)) {\r\n            courseCatalogueLink = anchorNode.getNextSibling();\r\n          }\r\n\r\n          if (!courseCatalogueLink) {\r\n            return false;\r\n          }\r\n\r\n          const nodeLength = courseCatalogueLink?.getTextContentSize();\r\n\r\n          // Prevent Enter if in the middle of the link, allow only at start or end\r\n          if (courseCatalogueLink && event.key === 'Enter') {\r\n            event.preventDefault();\r\n            editor.update(() => {\r\n              if (isCursorBeforeLink(anchorNode, offset)) {\r\n                const brNode = $createTextNode('\\n');\r\n                courseCatalogueLink.insertBefore(brNode);\r\n              }\r\n              if (offset === nodeLength) {\r\n                const brNode = $createTextNode('\\n');\r\n                courseCatalogueLink.insertAfter(brNode);\r\n                moveToEndOfWhiteSpace(brNode);\r\n              }\r\n            });\r\n            return true;\r\n          }\r\n\r\n          // Allow add space before or after the link\r\n          if (courseCatalogueLink && (key === ' ' || event.code === 'Space')) {\r\n            event.preventDefault();\r\n            editor.update(() => {\r\n              const spaceToAdd = $createTextNode(' ');\r\n              if (isCursorBeforeLink(anchorNode, offset)) {\r\n                courseCatalogueLink.insertBefore(spaceToAdd);\r\n                moveToEndOfWhiteSpace(spaceToAdd);\r\n              }\r\n              if (offset === nodeLength) {\r\n                courseCatalogueLink.insertAfter(spaceToAdd);\r\n                moveToEndOfWhiteSpace(spaceToAdd);\r\n              }\r\n            });\r\n            return true;\r\n          }\r\n\r\n          // Delete link if selected and Backspace or Del is pressed\r\n          if (courseCatalogueLink && (key === 'Backspace' || key === 'Delete')) {\r\n            event.preventDefault();\r\n            editor.update(\r\n              () => {\r\n                editor.dispatchCommand(REMOVE_COURSE_CATALOGUE_LINK, undefined);\r\n              },\r\n              { discrete: true }\r\n            );\r\n            return true;\r\n          }\r\n\r\n          // Allow Home, End and Arrow navigation\r\n          if (\r\n            courseCatalogueLink &&\r\n            key !== 'ArrowLeft' &&\r\n            key !== 'ArrowRight' &&\r\n            key !== 'ArrowUp' &&\r\n            key !== 'ArrowDown' &&\r\n            key !== 'Home' &&\r\n            key !== 'End' &&\r\n            !(event.ctrlKey && (key.toLowerCase() === 'z' || key.toLowerCase() === 'y')) &&\r\n            !(event.ctrlKey && key.toLowerCase() === 'c')\r\n          ) {\r\n            event.preventDefault();\r\n            return true;\r\n          }\r\n        }\r\n        return false;\r\n      },\r\n      COMMAND_PRIORITY_CRITICAL\r\n    );\r\n\r\n    const removeCopy = editor.registerCommand(\r\n      COPY_COMMAND,\r\n      (event: ClipboardEvent) => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const anchorNode = selection.anchor.getNode();\r\n          const courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n          if (courseCatalogueLink) {\r\n            event.preventDefault();\r\n            const domElement = editor.getElementByKey(courseCatalogueLink.getKey());\r\n            if (domElement) {\r\n              event.clipboardData?.setData('text/html', domElement.outerHTML);\r\n              event.clipboardData?.setData('text/plain', courseCatalogueLink.getTextContent());\r\n            }\r\n            return true;\r\n          }\r\n        }\r\n        return false;\r\n      },\r\n      COMMAND_PRIORITY_LOW\r\n    );\r\n    return () => {\r\n      removeKeyboardShortcut();\r\n      removeStatusListener();\r\n      removeUnEditable();\r\n      removeCopy();\r\n    };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [editor]);\r\n\r\n  useOnClickOutside(flyoutRef as RefObject<HTMLElement>, () => setFlyoutPosition(null));\r\n\r\n  const handleOnScroll = () => {\r\n    closeFlyout();\r\n  };\r\n\r\n  useEffect(() => {\r\n    return mergeRegister(\r\n      editor.registerCommand(\r\n        KEY_DOWN_COMMAND,\r\n        (event: KeyboardEvent) => {\r\n          if (event.key === 'Escape' && isVisibleRef.current) {\r\n            event.preventDefault();\r\n            closeFlyout();\r\n            return true;\r\n          }\r\n          return false;\r\n        },\r\n        COMMAND_PRIORITY_LOW\r\n      ),\r\n\r\n      editor.registerRootListener((rootElement, prevRootElement) => {\r\n        if (prevRootElement) {\r\n          prevRootElement.removeEventListener('scroll', handleOnScroll);\r\n        }\r\n\r\n        if (rootElement) {\r\n          rootElement.addEventListener('scroll', handleOnScroll);\r\n        }\r\n      })\r\n    );\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [editor]);\r\n\r\n  useEffect(() => {\r\n    if (flyoutPosition) {\r\n      closeFlyout();\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [parentScrollPosition]);\r\n\r\n  return (\r\n    <div className={styles['editor__toolbar-button-group']}>\r\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\r\n        <div className={styles['editor__toolbar-button-group--text']}>\r\n          <button\r\n            onClick={() => openFlyout('course')}\r\n            title={t.cataloguelinks.courseTooltip}\r\n            className={clsx(\r\n              styles['editor__toolbar-button'],\r\n              styles['editor__toolbar-button--text'],\r\n              courseIsActive && styles[`editor__toolbar-button--active`]\r\n            )}\r\n            aria-label={t.aria.labels.courselink}\r\n            aria-keyshortcuts={t.aria.keyshortcuts.courselink}\r\n            type=\"button\"\r\n            ref={courseButtonRef}\r\n          >\r\n            {t.cataloguelinks.courseButtonLabel}\r\n          </button>\r\n          <button\r\n            onClick={() => openFlyout('programme')}\r\n            title={t.cataloguelinks.programmeTooltip}\r\n            className={clsx(\r\n              styles['editor__toolbar-button'],\r\n              styles['editor__toolbar-button--text'],\r\n              programmeIsActive && styles[`editor__toolbar-button--active`]\r\n            )}\r\n            aria-label={t.aria.labels.programmelink}\r\n            aria-keyshortcuts={t.aria.keyshortcuts.programmelink}\r\n            type=\"button\"\r\n            ref={programmeButtonRef}\r\n          >\r\n            {t.cataloguelinks.programmeButtonLabel}\r\n          </button>\r\n        </div>\r\n        {flyoutPosition && (\r\n          <div\r\n            className={styles['editor__toolbar-flyout-wrapper']}\r\n            style={{ top: flyoutPosition.top, left: flyoutPosition.left }}\r\n            ref={flyoutRef}\r\n          >\r\n            <AddCatalogueLinkForm\r\n              linkType={type}\r\n              onCloseHandler={closeFlyout}\r\n              onSearchHandler={onSearch}\r\n              searchResponse={searchResponse}\r\n              onSelect={(code, label, linkType) => {\r\n                editor.dispatchCommand(INSERT_COURSE_CATALOGUE_LINK, {\r\n                  linkType,\r\n                  code,\r\n                  label,\r\n                });\r\n                closeFlyout();\r\n              }}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"CourseCataloguePlugin.js","names":[],"sources":["../../../../../src/components/RteEditor/Plugins/CourseCataloguePlugin/CourseCataloguePlugin.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\nimport { clsx } from 'clsx';\r\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  $createRangeSelection,\r\n  $createTextNode,\r\n  $getSelection,\r\n  $isRangeSelection,\r\n  $isTextNode,\r\n  $setSelection,\r\n  COMMAND_PRIORITY_CRITICAL,\r\n  COMMAND_PRIORITY_LOW,\r\n  COPY_COMMAND,\r\n  KEY_DOWN_COMMAND,\r\n  mergeRegister,\r\n} from 'lexical';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\n\r\nimport type { RefObject } from 'react';\r\nimport type { LexicalNode, TextNode } from 'lexical';\r\nimport type { SearchResponse } from './AddCatalogueLinkForm';\r\n\r\nimport { AddCatalogueLinkForm } from './AddCatalogueLinkForm';\r\n\r\nimport styles from 'components/RteEditor/RteEditor.module.css';\r\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\r\nimport {\r\n  $getLinkTypeFromNode,\r\n  CourseCatalogueNode,\r\n  INSERT_COURSE_CATALOGUE_LINK,\r\n  REMOVE_COURSE_CATALOGUE_LINK,\r\n} from 'components/RteEditor/nodes/CourseCatalogueNode';\r\nimport { useOnClickOutside } from 'components/hooks/useOnClickOutside';\r\n\r\ninterface CourseCataloguePluginProps {\r\n  onSearch: (query: string, linkType: 'course' | 'programme') => void;\r\n  searchResponse: SearchResponse;\r\n  parentScrollPosition: number;\r\n}\r\n\r\nexport const CourseCataloguePlugin = ({\r\n  onSearch,\r\n  searchResponse,\r\n  parentScrollPosition,\r\n}: CourseCataloguePluginProps) => {\r\n  const [editor] = useLexicalComposerContext();\r\n  const t = useTranslation();\r\n  const [courseIsActive, setCourseIsActive] = useState(false);\r\n  const [programmeIsActive, setProgrammeIsActive] = useState(false);\r\n  const courseButtonRef = useRef<HTMLButtonElement>(null);\r\n  const programmeButtonRef = useRef<HTMLButtonElement>(null);\r\n  const flyoutRef = useRef<HTMLDivElement>(null);\r\n  const [flyoutPosition, setFlyoutPosition] = useState<{ top: number; left: number } | null>(null);\r\n  const [type, setType] = useState<'course' | 'programme'>('course');\r\n  const isVisibleRef = useRef(flyoutPosition !== null);\r\n\r\n  const openFlyout = (type: 'course' | 'programme') => {\r\n    setType(type);\r\n    const rect =\r\n      type === 'course'\r\n        ? courseButtonRef.current?.getBoundingClientRect()\r\n        : programmeButtonRef.current?.getBoundingClientRect();\r\n    if (rect) {\r\n      setFlyoutPosition({ top: rect.bottom, left: rect.left });\r\n    }\r\n  };\r\n\r\n  const closeFlyout = () => {\r\n    onSearch('', type);\r\n    setFlyoutPosition(null);\r\n  };\r\n\r\n  useEffect(() => {\r\n    const removeKeyboardShortcut = editor.registerCommand(\r\n      KEY_DOWN_COMMAND,\r\n      (event: KeyboardEvent) => {\r\n        if (event.ctrlKey && event.shiftKey && event.altKey && event.key === 'C') {\r\n          event.preventDefault();\r\n          openFlyout('course');\r\n          return true;\r\n        }\r\n        if (event.ctrlKey && event.shiftKey && event.altKey && event.key === 'P') {\r\n          event.preventDefault();\r\n          openFlyout('programme');\r\n          return true;\r\n        }\r\n        return false;\r\n      },\r\n      COMMAND_PRIORITY_CRITICAL\r\n    );\r\n\r\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\r\n      editorState.read(() => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const anchorNode = selection.anchor.getNode();\r\n          const offset = selection.anchor.offset;\r\n\r\n          if (\r\n            $isTextNode(anchorNode) &&\r\n            offset === anchorNode.getTextContentSize() &&\r\n            anchorNode.getNextSibling() instanceof CourseCatalogueNode\r\n          ) {\r\n            // Cursor staat aan het begin van de link!\r\n            const courseCatalogueLink = anchorNode.getNextSibling();\r\n            if (courseCatalogueLink) {\r\n              const linkType = $getLinkTypeFromNode(courseCatalogueLink);\r\n              setCourseIsActive(linkType === 'course');\r\n              setProgrammeIsActive(linkType === 'programme');\r\n              return;\r\n            }\r\n          }\r\n\r\n          const courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n          if (courseCatalogueLink) {\r\n            const linkType = $getLinkTypeFromNode(courseCatalogueLink);\r\n            setCourseIsActive(linkType === 'course');\r\n            setProgrammeIsActive(linkType === 'programme');\r\n            return;\r\n          }\r\n          setCourseIsActive(false);\r\n          setProgrammeIsActive(false);\r\n        }\r\n      });\r\n    });\r\n\r\n    const moveToEndOfWhiteSpace = (whiteSpace: TextNode) => {\r\n      const selection = $createRangeSelection();\r\n      const endOffset = whiteSpace.getTextContentSize();\r\n      selection.setTextNodeRange(whiteSpace, endOffset, whiteSpace, endOffset);\r\n      $setSelection(selection);\r\n    };\r\n\r\n    const isCursorBeforeLink = (anchorNode: LexicalNode, offset: number) =>\r\n      $isTextNode(anchorNode) &&\r\n      offset === anchorNode.getTextContentSize() &&\r\n      anchorNode.getNextSibling() instanceof CourseCatalogueNode;\r\n\r\n    const removeUnEditable = editor.registerCommand(\r\n      KEY_DOWN_COMMAND,\r\n      (event: KeyboardEvent) => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const key = event.key;\r\n          const anchorNode = selection.anchor.getNode();\r\n          const offset = selection.anchor.offset;\r\n          let courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n\r\n          // Detect if cursor is right before the link\r\n          if (isCursorBeforeLink(anchorNode, offset)) {\r\n            courseCatalogueLink = anchorNode.getNextSibling();\r\n          }\r\n\r\n          if (!courseCatalogueLink) {\r\n            return false;\r\n          }\r\n\r\n          const nodeLength = courseCatalogueLink?.getTextContentSize();\r\n\r\n          // Prevent Enter if in the middle of the link, allow only at start or end\r\n          if (courseCatalogueLink && event.key === 'Enter') {\r\n            event.preventDefault();\r\n            editor.update(() => {\r\n              if (isCursorBeforeLink(anchorNode, offset)) {\r\n                const brNode = $createTextNode('\\n');\r\n                courseCatalogueLink.insertBefore(brNode);\r\n              }\r\n              if (offset === nodeLength) {\r\n                const brNode = $createTextNode('\\n');\r\n                courseCatalogueLink.insertAfter(brNode);\r\n                moveToEndOfWhiteSpace(brNode);\r\n              }\r\n            });\r\n            return true;\r\n          }\r\n\r\n          // Allow add space before or after the link\r\n          if (courseCatalogueLink && (key === ' ' || event.code === 'Space')) {\r\n            event.preventDefault();\r\n            editor.update(() => {\r\n              const spaceToAdd = $createTextNode(' ');\r\n              if (isCursorBeforeLink(anchorNode, offset)) {\r\n                courseCatalogueLink.insertBefore(spaceToAdd);\r\n                moveToEndOfWhiteSpace(spaceToAdd);\r\n              }\r\n              if (offset === nodeLength) {\r\n                courseCatalogueLink.insertAfter(spaceToAdd);\r\n                moveToEndOfWhiteSpace(spaceToAdd);\r\n              }\r\n            });\r\n            return true;\r\n          }\r\n\r\n          // Delete link if selected and Backspace or Del is pressed\r\n          if (courseCatalogueLink && (key === 'Backspace' || key === 'Delete')) {\r\n            event.preventDefault();\r\n            editor.update(\r\n              () => {\r\n                editor.dispatchCommand(REMOVE_COURSE_CATALOGUE_LINK, undefined);\r\n              },\r\n              { discrete: true }\r\n            );\r\n            return true;\r\n          }\r\n\r\n          // Allow Home, End and Arrow navigation\r\n          if (\r\n            courseCatalogueLink &&\r\n            key !== 'ArrowLeft' &&\r\n            key !== 'ArrowRight' &&\r\n            key !== 'ArrowUp' &&\r\n            key !== 'ArrowDown' &&\r\n            key !== 'Home' &&\r\n            key !== 'End' &&\r\n            !(event.ctrlKey && (key.toLowerCase() === 'z' || key.toLowerCase() === 'y')) &&\r\n            !(event.ctrlKey && key.toLowerCase() === 'c')\r\n          ) {\r\n            event.preventDefault();\r\n            return true;\r\n          }\r\n        }\r\n        return false;\r\n      },\r\n      COMMAND_PRIORITY_CRITICAL\r\n    );\r\n\r\n    const removeCopy = editor.registerCommand(\r\n      COPY_COMMAND,\r\n      (event: ClipboardEvent) => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const anchorNode = selection.anchor.getNode();\r\n          const courseCatalogueLink = $getNearestNodeOfType(anchorNode, CourseCatalogueNode);\r\n          if (courseCatalogueLink) {\r\n            event.preventDefault();\r\n            const domElement = editor.getElementByKey(courseCatalogueLink.getKey());\r\n            if (domElement) {\r\n              event.clipboardData?.setData('text/html', domElement.outerHTML);\r\n              event.clipboardData?.setData('text/plain', courseCatalogueLink.getTextContent());\r\n            }\r\n            return true;\r\n          }\r\n        }\r\n        return false;\r\n      },\r\n      COMMAND_PRIORITY_LOW\r\n    );\r\n    return () => {\r\n      removeKeyboardShortcut();\r\n      removeStatusListener();\r\n      removeUnEditable();\r\n      removeCopy();\r\n    };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [editor]);\r\n\r\n  useOnClickOutside(flyoutRef as RefObject<HTMLElement>, () => setFlyoutPosition(null));\r\n\r\n  const handleOnScroll = () => {\r\n    closeFlyout();\r\n  };\r\n\r\n  useEffect(() => {\r\n    return mergeRegister(\r\n      editor.registerCommand(\r\n        KEY_DOWN_COMMAND,\r\n        (event: KeyboardEvent) => {\r\n          if (event.key === 'Escape' && isVisibleRef.current) {\r\n            event.preventDefault();\r\n            closeFlyout();\r\n            return true;\r\n          }\r\n          return false;\r\n        },\r\n        COMMAND_PRIORITY_LOW\r\n      ),\r\n\r\n      editor.registerRootListener((rootElement, prevRootElement) => {\r\n        if (prevRootElement) {\r\n          prevRootElement.removeEventListener('scroll', handleOnScroll);\r\n        }\r\n\r\n        if (rootElement) {\r\n          rootElement.addEventListener('scroll', handleOnScroll);\r\n        }\r\n      })\r\n    );\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [editor]);\r\n\r\n  useEffect(() => {\r\n    if (flyoutPosition) {\r\n      closeFlyout();\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [parentScrollPosition]);\r\n\r\n  return (\r\n    <div className={styles['editor__toolbar-button-group']}>\r\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\r\n        <div className={styles['editor__toolbar-button-group--text']}>\r\n          <button\r\n            onClick={() => openFlyout('course')}\r\n            title={t.cataloguelinks.courseTooltip}\r\n            className={clsx(\r\n              styles['editor__toolbar-button'],\r\n              styles['editor__toolbar-button--text'],\r\n              courseIsActive && styles[`editor__toolbar-button--active`]\r\n            )}\r\n            aria-label={t.aria.labels.courselink}\r\n            aria-keyshortcuts={t.aria.keyshortcuts.courselink}\r\n            type=\"button\"\r\n            ref={courseButtonRef}\r\n          >\r\n            {t.cataloguelinks.courseButtonLabel}\r\n          </button>\r\n          <button\r\n            onClick={() => openFlyout('programme')}\r\n            title={t.cataloguelinks.programmeTooltip}\r\n            className={clsx(\r\n              styles['editor__toolbar-button'],\r\n              styles['editor__toolbar-button--text'],\r\n              programmeIsActive && styles[`editor__toolbar-button--active`]\r\n            )}\r\n            aria-label={t.aria.labels.programmelink}\r\n            aria-keyshortcuts={t.aria.keyshortcuts.programmelink}\r\n            type=\"button\"\r\n            ref={programmeButtonRef}\r\n          >\r\n            {t.cataloguelinks.programmeButtonLabel}\r\n          </button>\r\n        </div>\r\n        {flyoutPosition && (\r\n          <div\r\n            className={styles['editor__toolbar-flyout-wrapper']}\r\n            style={{ top: flyoutPosition.top, left: flyoutPosition.left }}\r\n            ref={flyoutRef}\r\n          >\r\n            <AddCatalogueLinkForm\r\n              linkType={type}\r\n              onCloseHandler={closeFlyout}\r\n              onSearchHandler={onSearch}\r\n              searchResponse={searchResponse}\r\n              onSelect={(code, label, linkType) => {\r\n                editor.dispatchCommand(INSERT_COURSE_CATALOGUE_LINK, {\r\n                  linkType,\r\n                  code,\r\n                  label,\r\n                });\r\n                closeFlyout();\r\n              }}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}

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

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

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

@@ -1,2 +1,2 @@
-import { o as e } from "../../../../components-BzxAULjf.js";
+import { o as e } from "../../../../components-D6_Sx8Hs.js";
 export { e as HistoryPlugin };

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

@@ -1,2 +1,2 @@
-import { o as e } from "../../../../components-BzxAULjf.js";
+import { o as e } from "../../../../components-D6_Sx8Hs.js";
 export { e as HistoryPlugin };

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

@@ -1,2 +1,2 @@
-import { c as e } from "../../../../../components-BzxAULjf.js";
+import { c as e } from "../../../../../components-D6_Sx8Hs.js";
 export { e as AddLinkForm };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../../LinkContextMenu-ePn1iZ_z.js";
+import { t as e } from "../../../../../LinkContextMenu-CTu2nP2j.js";
 export { e as LinkContextMenu };

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

@@ -6,5 +6,5 @@ export interface LinkType {
 interface LinkPluginProps {
     parentScrollPosition: number;
 }
-export declare const LinkPlugin: ({ parentScrollPosition }: LinkPluginProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LinkPlugin: ({ parentScrollPosition }: LinkPluginProps) => import("react").JSX.Element;
 export {};

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

@@ -1,2 +1,2 @@
-import { s as e } from "../../../../components-BzxAULjf.js";
+import { s as e } from "../../../../components-D6_Sx8Hs.js";
 export { e as LinkPlugin };

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

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../../../helpers-B1VK8xTF.js";
+import { i as e, n as t, r as n, t as r } from "../../../../helpers-z8cqBNoz.js";
 export { r as MATCHERS, t as ensureHttps, n as validateUrl, e as validateUrlWithProtocol };

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

@@ -1,2 +1,2 @@
-import { s as e } from "../../../../components-BzxAULjf.js";
+import { s as e } from "../../../../components-D6_Sx8Hs.js";
 export { e as LinkPlugin };