@uva-glass/component-library 3.19.4 → 3.21.0

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

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
-import { fn as l } from "../../index-BCvy9BiK.js";
+import { fn as l } from "../../index-Dwqes6RH.js";
 import { InputField as e } from "./InputField.js";
 import { Container as u } from "../../storyComponents/Container/Container.js";
 import { Icon as h } from "../Icon/Icon.js";

package/dist/components/ModalDialog/ModalDialog.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { ModalProvider as r } from "@react-aria/overlays";
-import { fn as i } from "../../index-BCvy9BiK.js";
+import { fn as i } from "../../index-Dwqes6RH.js";
 import { ModalDialog as t } from "./ModalDialog.js";
 import { Button as s } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";

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

@@ -1,5 +1,5 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { fn as d } from "../../index-BCvy9BiK.js";
+import { fn as d } from "../../index-Dwqes6RH.js";
 import { useState as p } from "react";
 import { M as e } from "../../TablePlugin-hxs9O_ox.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";

package/dist/components/MultiSelectBox/MultiSelectBox.stories.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { fn as o } from "../../index-BCvy9BiK.js";
+import { fn as o } from "../../index-Dwqes6RH.js";
 import { MultiSelectBox as e } from "./MultiSelectBox.js";
 const c = "<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />", b = {
   title: "Organisms/MultiSelectBox",

package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { fn as a } from "../../index-BCvy9BiK.js";
+import { fn as a } from "../../index-Dwqes6RH.js";
 import { OverlayCloseButton as o } from "./OverlayCloseButton.js";
 import { Container as l } from "../../storyComponents/Container/Container.js";
 const n = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", c = {

package/dist/components/PeriodSelector/PeriodSelector.js

@@ -1,21 +1,21 @@
 import { jsxs as h, jsx as s } from "react/jsx-runtime";
-import { c as v } from "../../clsx-OuTLNxxd.js";
-import { useRef as M, useState as $, useEffect as N } from "react";
+import { c as x } from "../../clsx-OuTLNxxd.js";
+import { useRef as v, useState as M, useEffect as $ } from "react";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
 import "../Checkbox/Checkbox.js";
-import { CheckboxButtonBar as w } from "../CheckboxButtonBar/CheckboxButtonBar.js";
+import { CheckboxButtonBar as N } from "../CheckboxButtonBar/CheckboxButtonBar.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
 import "../OverlayCloseButton/OverlayCloseButton.js";
-import { FeedbackBox as B } from "../FeedbackBox/FeedbackBox.js";
+import { FeedbackBox as w } from "../FeedbackBox/FeedbackBox.js";
 import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
-import { Label as D } from "../Label/Label.js";
+import { Label as B } from "../Label/Label.js";
 import "react-router";
 import "../../TablePlugin-hxs9O_ox.js";
 import "../RteEditor/Providers/LanguageProvider.js";
@@ -27,59 +27,60 @@ import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
 import "../../SortableProvider-B3_u0pKv.js";
 import '../../assets/PeriodSelector.css';const l = {
-  "period-selector__container": "_period-selector__container_10t7p_1",
-  "period-selector__container--label-left": "_period-selector__container--label-left_10t7p_6",
-  "period-selector__container--label-top": "_period-selector__container--label-top_10t7p_12",
-  "period-selector__selector-container": "_period-selector__selector-container_10t7p_19",
-  "period-selector__selector-row": "_period-selector__selector-row_10t7p_25"
-}, S = 0, f = 1, E = 2, p = 3, I = 7, T = (n) => {
+  "period-selector__container": "_period-selector__container_d1p0j_1",
+  "period-selector__container--label-left": "_period-selector__container--label-left_d1p0j_6",
+  "period-selector__container--label-top": "_period-selector__container--label-top_d1p0j_12",
+  "period-selector__selector-container": "_period-selector__selector-container_d1p0j_18",
+  "period-selector__selector-row": "_period-selector__selector-row_d1p0j_24"
+}, S = 0, f = 1, E = 2, _ = 3, D = 7, I = (n) => {
   const c = [];
-  for (let t = 0; t < n.length; t += p)
-    c.push(n.slice(t, t + p));
+  for (let t = 0; t < n.length; t += _)
+    c.push(n.slice(t, t + _));
   return c;
 }, lr = ({
-  maxPeriods: n = I,
+  maxPeriods: n = D,
   defaultValues: c,
   label: t,
   labelPosition: b = "top",
-  required: _ = !1,
-  notValidatedText: m = "",
+  required: m = !1,
+  notValidatedText: p = "",
   onChange: g
 }) => {
-  const R = Array.from({ length: n }, (r, e) => e + 1), a = T(R), x = a.map((r, e) => r.map((o) => ({
-    label: `${e + 1}${r.length === 1 ? "" : `.${(o - 1) % p + 1}`}`,
+  const R = Array.from({ length: n }, (r, e) => e + 1), a = I(R), j = a.map((r, e) => r.map((o) => ({
+    label: `${e + 1}${r.length === 1 ? "" : `.${(o - 1) % _ + 1}`}`,
     value: o.toString()
-  }))), i = M(
+  }))), i = v(
     a.map(
       (r) => r.reduce((e, o) => (c != null && c.includes(o) && e.push(o), e), [])
     )
-  ), [P, u] = $([]), d = (r) => r[S].length !== 0 || r[f].length !== 0 ? [E] : r[E].length !== 0 ? [S, f] : [], k = (r, e) => {
-    i.current[e] = r.map((o) => Number(o)), u(d(i.current)), g([...i.current.flat()].sort());
+  ), [P, d] = M([]), u = (r) => r[S].length !== 0 || r[f].length !== 0 ? [E] : r[E].length !== 0 ? [S, f] : [], k = (r, e) => {
+    i.current[e] = r.map((o) => Number(o)), d(u(i.current)), g([...i.current.flat()].sort());
   };
-  return N(() => {
-    u(d(i.current));
+  return $(() => {
+    d(u(i.current));
   }, []), /* @__PURE__ */ h(
     "div",
     {
-      className: v(
+      className: x(
         l["period-selector__container"],
         l[`period-selector__container--label-${b}`]
       ),
       children: [
-        t && /* @__PURE__ */ s(D, { htmlFor: "", required: _, children: t }),
+        t && /* @__PURE__ */ s(B, { htmlFor: "", required: m, children: t }),
         /* @__PURE__ */ h("div", { className: l["period-selector__selector-container"], children: [
-          /* @__PURE__ */ s("div", { className: l["period-selector__selector-row"], children: x.map((r, e) => /* @__PURE__ */ s(
-            w,
+          /* @__PURE__ */ s("div", { className: l["period-selector__selector-row"], children: j.map((r, e) => /* @__PURE__ */ s(
+            N,
             {
               checkboxes: r,
               defaultValues: i.current[e].map((o) => o.toString()),
               disableGroup: P.includes(e),
-              required: _,
-              onSetValues: (o) => k(o, e)
+              required: m,
+              onSetValues: (o) => k(o, e),
+              notValidated: p !== ""
             },
             `group_${e}`
           )) }),
-          m !== "" && /* @__PURE__ */ s(B, { level: "error", feedback: m })
+          p !== "" && /* @__PURE__ */ s(w, { level: "error", feedback: p })
         ] })
       ]
     }

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

@@ -1 +1 @@
-{"version":3,"file":"PeriodSelector.js","sources":["../../../src/components/PeriodSelector/PeriodSelector.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport styles from './PeriodSelector.module.css';\n\nimport { Label, CheckboxButtonBar, FeedbackBox } from 'components';\n\nexport interface PeriodSelectorProps {\n  /** Indicates how many periods are shown. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods: 6 | 7;\n  /** array of period values [3, 5 ...] */\n  defaultValues?: number[];\n  label?: string;\n  labelPosition?: 'top' | 'left';\n  /** Shows red * */\n  required?: boolean;\n  /** error text to display if set */\n  notValidatedText?: string;\n  /** Returns array of selected values as number */\n  onChange: (values: number[]) => void;\n}\n\nconst SEMESTER_1 = 0;\nconst SEMESTER_2 = 1;\nconst SEMESTER_3 = 2;\n\nconst PERIODS_PER_SEMESTER = 3;\nconst MAX_PERIODS = 7;\n\nconst chunkPeriods = (array: number[]): number[][] => {\n  const result: number[][] = [];\n  for (let count = 0; count < array.length; count += PERIODS_PER_SEMESTER) {\n    result.push(array.slice(count, count + PERIODS_PER_SEMESTER));\n  }\n  return result;\n};\n\n/** Checkbox group for selecting periods */\nexport const PeriodSelector = ({\n  maxPeriods = MAX_PERIODS,\n  defaultValues,\n  label,\n  labelPosition = 'top',\n  required = false,\n  notValidatedText = '',\n  onChange,\n}: PeriodSelectorProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const chunkedPeriods = chunkPeriods(maxPeriodsList);\n\n  const checkboxItems = chunkedPeriods.map((periods, semester) => {\n    return periods.map((period) => ({\n      label: `${semester + 1}${periods.length === 1 ? '' : `.${((period - 1) % PERIODS_PER_SEMESTER) + 1}`}`,\n      value: period.toString(),\n    }));\n  });\n\n  const returnValues = useRef<number[][]>(\n    chunkedPeriods.map((semester) =>\n      semester.reduce((periods, period) => {\n        if (defaultValues?.includes(period)) periods.push(period);\n        return periods;\n      }, [] as number[])\n    )\n  );\n  const [disableSemesters, setDisableSemesters] = useState<number[]>([]);\n\n  const disableGroups = (selects: number[][]) => {\n    if (selects[SEMESTER_1].length !== 0 || selects[SEMESTER_2].length !== 0) return [SEMESTER_3];\n    if (selects[SEMESTER_3].length !== 0) return [SEMESTER_1, SEMESTER_2];\n    return [];\n  };\n\n  const handleChange = (values: string[], index: number) => {\n    returnValues.current[index] = values.map((num) => Number(num));\n    setDisableSemesters(disableGroups(returnValues.current));\n    onChange([...returnValues.current.flat()].sort());\n  };\n\n  useEffect(() => {\n    setDisableSemesters(disableGroups(returnValues.current));\n  }, []);\n\n  return (\n    <div\n      className={clsx(\n        styles['period-selector__container'],\n        styles[`period-selector__container--label-${labelPosition}`]\n      )}\n    >\n      {label && (\n        <Label htmlFor=\"\" required={required}>\n          {label}\n        </Label>\n      )}\n      <div className={styles['period-selector__selector-container']}>\n        <div className={styles['period-selector__selector-row']}>\n          {checkboxItems.map((checkboxes, semester) => (\n            <CheckboxButtonBar\n              key={`group_${semester}`}\n              checkboxes={checkboxes}\n              defaultValues={returnValues.current[semester].map((num) => num.toString())}\n              disableGroup={disableSemesters.includes(semester)}\n              required={required}\n              onSetValues={(event) => handleChange(event, semester)}\n            />\n          ))}\n        </div>\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["SEMESTER_1","SEMESTER_2","SEMESTER_3","PERIODS_PER_SEMESTER","MAX_PERIODS","chunkPeriods","array","result","count","PeriodSelector","maxPeriods","defaultValues","label","labelPosition","required","notValidatedText","onChange","maxPeriodsList","_","index","chunkedPeriods","checkboxItems","periods","semester","period","returnValues","useRef","disableSemesters","setDisableSemesters","useState","disableGroups","selects","handleChange","values","num","useEffect","jsxs","clsx","styles","jsx","Label","checkboxes","CheckboxButtonBar","event","FeedbackBox"],"mappings":"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"}
+{"version":3,"file":"PeriodSelector.js","sources":["../../../src/components/PeriodSelector/PeriodSelector.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport styles from './PeriodSelector.module.css';\n\nimport { Label, CheckboxButtonBar, FeedbackBox } from 'components';\n\nexport interface PeriodSelectorProps {\n  /** Indicates how many periods are shown. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods: 6 | 7;\n  /** array of period values [3, 5 ...] */\n  defaultValues?: number[];\n  label?: string;\n  labelPosition?: 'top' | 'left';\n  /** Shows red * */\n  required?: boolean;\n  /** error text to display if set */\n  notValidatedText?: string;\n  /** Returns array of selected values as number */\n  onChange: (values: number[]) => void;\n}\n\nconst SEMESTER_1 = 0;\nconst SEMESTER_2 = 1;\nconst SEMESTER_3 = 2;\n\nconst PERIODS_PER_SEMESTER = 3;\nconst MAX_PERIODS = 7;\n\nconst chunkPeriods = (array: number[]): number[][] => {\n  const result: number[][] = [];\n  for (let count = 0; count < array.length; count += PERIODS_PER_SEMESTER) {\n    result.push(array.slice(count, count + PERIODS_PER_SEMESTER));\n  }\n  return result;\n};\n\n/** Checkbox group for selecting periods */\nexport const PeriodSelector = ({\n  maxPeriods = MAX_PERIODS,\n  defaultValues,\n  label,\n  labelPosition = 'top',\n  required = false,\n  notValidatedText = '',\n  onChange,\n}: PeriodSelectorProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const chunkedPeriods = chunkPeriods(maxPeriodsList);\n\n  const checkboxItems = chunkedPeriods.map((periods, semester) => {\n    return periods.map((period) => ({\n      label: `${semester + 1}${periods.length === 1 ? '' : `.${((period - 1) % PERIODS_PER_SEMESTER) + 1}`}`,\n      value: period.toString(),\n    }));\n  });\n\n  const returnValues = useRef<number[][]>(\n    chunkedPeriods.map((semester) =>\n      semester.reduce((periods, period) => {\n        if (defaultValues?.includes(period)) periods.push(period);\n        return periods;\n      }, [] as number[])\n    )\n  );\n  const [disableSemesters, setDisableSemesters] = useState<number[]>([]);\n\n  const disableGroups = (selects: number[][]) => {\n    if (selects[SEMESTER_1].length !== 0 || selects[SEMESTER_2].length !== 0) return [SEMESTER_3];\n    if (selects[SEMESTER_3].length !== 0) return [SEMESTER_1, SEMESTER_2];\n    return [];\n  };\n\n  const handleChange = (values: string[], index: number) => {\n    returnValues.current[index] = values.map((num) => Number(num));\n    setDisableSemesters(disableGroups(returnValues.current));\n    onChange([...returnValues.current.flat()].sort());\n  };\n\n  useEffect(() => {\n    setDisableSemesters(disableGroups(returnValues.current));\n  }, []);\n\n  return (\n    <div\n      className={clsx(\n        styles['period-selector__container'],\n        styles[`period-selector__container--label-${labelPosition}`]\n      )}\n    >\n      {label && (\n        <Label htmlFor=\"\" required={required}>\n          {label}\n        </Label>\n      )}\n      <div className={styles['period-selector__selector-container']}>\n        <div className={styles['period-selector__selector-row']}>\n          {checkboxItems.map((checkboxes, semester) => (\n            <CheckboxButtonBar\n              key={`group_${semester}`}\n              checkboxes={checkboxes}\n              defaultValues={returnValues.current[semester].map((num) => num.toString())}\n              disableGroup={disableSemesters.includes(semester)}\n              required={required}\n              onSetValues={(event) => handleChange(event, semester)}\n              notValidated={notValidatedText !== ''}\n            />\n          ))}\n        </div>\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["SEMESTER_1","SEMESTER_2","SEMESTER_3","PERIODS_PER_SEMESTER","MAX_PERIODS","chunkPeriods","array","result","count","PeriodSelector","maxPeriods","defaultValues","label","labelPosition","required","notValidatedText","onChange","maxPeriodsList","_","index","chunkedPeriods","checkboxItems","periods","semester","period","returnValues","useRef","disableSemesters","setDisableSemesters","useState","disableGroups","selects","handleChange","values","num","useEffect","jsxs","clsx","styles","jsx","Label","checkboxes","CheckboxButtonBar","event","FeedbackBox"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { fn as t } from "../../index-BCvy9BiK.js";
+import { fn as t } from "../../index-Dwqes6RH.js";
 import { PeriodSelector as e } from "./PeriodSelector.js";
 const i = "<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />", m = {
   title: "Organisms/PeriodSelector",

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { fn as a } from "../../index-BCvy9BiK.js";
+import { fn as a } from "../../index-Dwqes6RH.js";
 import { RadioGroup as o } from "./RadioGroup.js";
 const l = `
   <RadioGroup label={label} options={options} 

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

@@ -0,0 +1,25 @@
+type ButtonProps = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export interface RadioTabSelectorProps {
+    /** array with objects with label, value, disablestate */
+    buttons: ButtonProps[];
+    /** name of the radiogroup */
+    radioGroupName: string;
+    /** innitial value */
+    defaultValue?: string;
+    /** label takst */
+    label?: string;
+    /** 'top' | 'left' */
+    labelPosition?: 'top' | 'left';
+    /** show red star */
+    required?: boolean;
+    /** error text to display if set */
+    notValidatedText?: string;
+    /** 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 {};

package/dist/components/RadioTabSelector/RadioTabSelector.js

@@ -0,0 +1,89 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { c as b } from "../../clsx-OuTLNxxd.js";
+import { useState as h } from "react";
+import "../Buttons/Button.js";
+import "../Buttons/LinkButton.js";
+import "@react-aria/button";
+import "../Checkbox/Checkbox.js";
+import { Label as v } from "../Label/Label.js";
+import { FeedbackBox as g } from "../FeedbackBox/FeedbackBox.js";
+import { ControlsButton as k } from "../ControlsButton/ControlsButton.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";
+import "../../TablePlugin-hxs9O_ox.js";
+import "../RteEditor/Providers/LanguageProvider.js";
+import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
+import "../RteEditor/hooks/components/Flyout.js";
+import "../../index-DllfJcv4.js";
+import "../SelectListbox/SelectListbox.js";
+import "../SelectListbox/SelectProvider.js";
+import "../Sortable/components/SortableItem.js";
+import "../../SortableProvider-B3_u0pKv.js";
+import '../../assets/RadioTabSelector.css';const t = {
+  "radio-tab-selector-button-bar__container": "_radio-tab-selector-button-bar__container_a4wnc_1",
+  "radio-tab-selector-button-bar__container--label-left": "_radio-tab-selector-button-bar__container--label-left_a4wnc_6",
+  "radio-tab-selector-button-bar__container--label-top": "_radio-tab-selector-button-bar__container--label-top_a4wnc_12",
+  "radio-tab-selector-button-bar__row-container": "_radio-tab-selector-button-bar__row-container_a4wnc_18",
+  "radio-tab-selector-button-bar__row": "_radio-tab-selector-button-bar__row_a4wnc_18",
+  "radio-tab-selector-button-bar__row--not-validated": "_radio-tab-selector-button-bar__row--not-validated_a4wnc_35"
+}, X = ({
+  buttons: l,
+  radioGroupName: c,
+  defaultValue: _,
+  label: i,
+  labelPosition: m = "top",
+  required: s = !1,
+  notValidatedText: a = "",
+  onSetValue: p
+}) => {
+  const [d, u] = h(_ || null), w = (r) => {
+    u(r.target.value), p(r.target.value);
+  };
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: b(
+        t["radio-tab-selector-button-bar__container"],
+        t[`radio-tab-selector-button-bar__container--label-${m}`]
+      ),
+      children: [
+        i && /* @__PURE__ */ o(v, { htmlFor: "", required: s, children: i }),
+        /* @__PURE__ */ n("div", { className: t["radio-tab-selector-button-bar__row-container"], children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: b(t["radio-tab-selector-button-bar__row"], {
+                [t["radio-tab-selector-button-bar__row--not-validated"]]: a
+              }),
+              children: l.map(({ label: r, value: e, disabled: f }) => /* @__PURE__ */ o(
+                k,
+                {
+                  type: "radio",
+                  name: c,
+                  label: r,
+                  value: e,
+                  checked: d === e,
+                  disabled: f,
+                  onSetValue: w
+                },
+                `${e}`
+              ))
+            }
+          ),
+          a !== "" && /* @__PURE__ */ o(g, { level: "error", feedback: a })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  X as RadioTabSelector
+};
+//# sourceMappingURL=RadioTabSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioTabSelector.js","sources":["../../../src/components/RadioTabSelector/RadioTabSelector.tsx"],"sourcesContent":["import clsx from 'clsx';\r\nimport { useState } from 'react';\r\n\r\nimport type { ChangeEvent } from 'react';\r\n\r\nimport styles from './RadioTabSelector.module.css';\r\n\r\nimport { ControlsButton, FeedbackBox, Label } from 'components';\r\n\r\ntype ButtonProps = {\r\n  label: string;\r\n  value: string;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport interface RadioTabSelectorProps {\r\n  /** array with objects with label, value, disablestate */\r\n  buttons: ButtonProps[];\r\n  /** name of the radiogroup */\r\n  radioGroupName: string;\r\n  /** innitial value */\r\n  defaultValue?: string;\r\n  /** label takst */\r\n  label?: string;\r\n  /** 'top' | 'left' */\r\n  labelPosition?: 'top' | 'left';\r\n  /** show red star */\r\n  required?: boolean;\r\n  /** error text to display if set */\r\n  notValidatedText?: string;\r\n  /** The callback function that is invoked when the radio tab selector changes value. */\r\n  onSetValue: (value: string | null) => void;\r\n}\r\n\r\nexport const RadioTabSelector = ({\r\n  buttons,\r\n  radioGroupName,\r\n  defaultValue,\r\n  label,\r\n  labelPosition = 'top',\r\n  required = false,\r\n  notValidatedText = '',\r\n  onSetValue,\r\n}: RadioTabSelectorProps) => {\r\n  const [currentValue, setCurrentValue] = useState<string | null>(defaultValue || null);\r\n\r\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n    setCurrentValue(event.target.value);\r\n    onSetValue(event.target.value);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        styles['radio-tab-selector-button-bar__container'],\r\n        styles[`radio-tab-selector-button-bar__container--label-${labelPosition}`]\r\n      )}\r\n    >\r\n      {label && (\r\n        <Label htmlFor=\"\" required={required}>\r\n          {label}\r\n        </Label>\r\n      )}\r\n      <div className={styles['radio-tab-selector-button-bar__row-container']}>\r\n        <div\r\n          className={clsx(styles['radio-tab-selector-button-bar__row'], {\r\n            [styles['radio-tab-selector-button-bar__row--not-validated']]: notValidatedText,\r\n          })}\r\n        >\r\n          {buttons.map(({ label, value, disabled }) => (\r\n            <ControlsButton\r\n              type=\"radio\"\r\n              name={radioGroupName}\r\n              key={`${value}`}\r\n              label={label}\r\n              value={value}\r\n              checked={currentValue === value}\r\n              disabled={disabled}\r\n              onSetValue={handleChange}\r\n            />\r\n          ))}\r\n        </div>\r\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["RadioTabSelector","buttons","radioGroupName","defaultValue","label","labelPosition","required","notValidatedText","onSetValue","currentValue","setCurrentValue","useState","handleChange","event","jsxs","clsx","styles","jsx","Label","value","disabled","ControlsButton","FeedbackBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCaA,IAAmB,CAAC;AAAA,EAC/B,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,YAAAC;AACF,MAA6B;AAC3B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwBR,KAAgB,IAAI,GAE9ES,IAAe,CAACC,MAAyC;AAC7C,IAAAH,EAAAG,EAAM,OAAO,KAAK,GACvBL,EAAAK,EAAM,OAAO,KAAK;AAAA,EAC/B;AAGE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO,0CAA0C;AAAA,QACjDA,EAAO,mDAAmDX,CAAa,EAAE;AAAA,MAC3E;AAAA,MAEC,UAAA;AAAA,QAAAD,KACE,gBAAAa,EAAAC,GAAA,EAAM,SAAQ,IAAG,UAAAZ,GACf,UACHF,GAAA;AAAA,QAED,gBAAAU,EAAA,OAAA,EAAI,WAAWE,EAAO,8CAA8C,GACnE,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWF,EAAKC,EAAO,oCAAoC,GAAG;AAAA,gBAC5D,CAACA,EAAO,mDAAmD,CAAC,GAAGT;AAAA,cAAA,CAChE;AAAA,cAEA,UAAAN,EAAQ,IAAI,CAAC,EAAE,OAAAG,GAAO,OAAAe,GAAO,UAAAC,QAC5B,gBAAAH;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,MAAMnB;AAAA,kBAEN,OAAOE;AAAAA,kBACP,OAAAe;AAAA,kBACA,SAASV,MAAiBU;AAAA,kBAC1B,UAAAC;AAAA,kBACA,YAAYR;AAAA,gBAAA;AAAA,gBALP,GAAGO,CAAK;AAAA,cAOhB,CAAA;AAAA,YAAA;AAAA,UACH;AAAA,UACCZ,MAAqB,MAAM,gBAAAU,EAACK,KAAY,OAAM,SAAQ,UAAUf,EAAkB,CAAA;AAAA,QAAA,EACrF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { RadioTabSelectorProps } from './RadioTabSelector';
+declare const _default: Meta<RadioTabSelectorProps>;
+export default _default;
+export declare const RadioTabSelectorExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, RadioTabSelectorProps>;

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

@@ -0,0 +1,60 @@
+import { jsx as a } from "react/jsx-runtime";
+import { fn as o } from "../../index-Dwqes6RH.js";
+import { RadioTabSelector as e } from "./RadioTabSelector.js";
+const l = "<RadioTabSelector radioButtons={} defaultValue={} label={} labelPosition={} required={} notValidatedText={} onSetValue={} />", u = {
+  title: "Molecules/RadioTabSelector",
+  component: e,
+  argTypes: {
+    radioButtons: {
+      table: {
+        disable: !0
+      }
+    },
+    defaultValue: {
+      table: {
+        disable: !0
+      }
+    },
+    label: {
+      control: "text"
+    },
+    labelPosition: {
+      control: "radio",
+      options: ["top", "left"]
+    },
+    required: {
+      control: "boolean"
+    },
+    notValidatedText: {
+      control: "text"
+    },
+    onSetValue: {
+      table: {
+        disable: !0
+      }
+    }
+  },
+  parameters: {
+    inspectComponent: e,
+    codeString: l
+  }
+}, i = (t) => /* @__PURE__ */ a(e, { ...t }), r = i.bind({});
+r.args = {
+  buttons: [
+    { label: "Digitaal", value: "digitaal" },
+    { label: "Schriftelijk", value: "schriftelijk" },
+    { label: "Presentatie", value: "presentatie" }
+  ],
+  defaultValue: "digitaal",
+  radioGroupName: "radio-group",
+  label: "Toetsvorm",
+  labelPosition: "top",
+  required: !0,
+  notValidatedText: "",
+  onSetValue: o()
+};
+export {
+  r as RadioTabSelectorExample,
+  u as default
+};
+//# sourceMappingURL=RadioTabSelector.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioTabSelector.stories.js","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"],"names":["codeString","RadioTabSelector_stories","RadioTabSelector","Template","args","jsx","RadioTabSelectorExample","fn"],"mappings":";;;AAOA,MAAMA,IACJ,gIAGaC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,eAAe;AAAA,MACb,SAAS;AAAA,MACT,SAAS,CAAC,OAAO,MAAM;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB,SAAS;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EAEJ;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA2C,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAkB,GAAGE,GAAM,GAE1EE,IAA0BH,EAAS,KAAK,CAAE,CAAA;AACvDG,EAAwB,OAAO;AAAA,EAC7B,SAAS;AAAA,IACP,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,IACvC,EAAE,OAAO,gBAAgB,OAAO,eAAe;AAAA,IAC/C,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,EAC/C;AAAA,EACA,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,YAAYC,EAAG;AACjB;"}

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

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

package/dist/components/RadioTabSelector/index.js

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

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

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

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

@@ -8,11 +8,11 @@ import "../../../../Buttons/LinkButton.js";
 import "@react-aria/button";
 import "../../../../Checkbox/Checkbox.js";
 import "../../../../Label/Label.js";
+import "../../../../FeedbackBox/FeedbackBox.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
 import "../../../../OverlayCloseButton/OverlayCloseButton.js";
-import "../../../../FeedbackBox/FeedbackBox.js";
 import "../../../../FormField/FormField.js";
 import "../../../../GridRow/GridRow.js";
 import "../../../../IconButton/IconButton.js";

package/dist/components/RteEditor/RteEditor.js

@@ -23,11 +23,11 @@ import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
 import "../Checkbox/Checkbox.js";
+import { FeedbackBox as fr } from "../FeedbackBox/FeedbackBox.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
 import "../OverlayCloseButton/OverlayCloseButton.js";
-import { FeedbackBox as fr } from "../FeedbackBox/FeedbackBox.js";
 import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { fn as i } from "../../index-BCvy9BiK.js";
+import { fn as i } from "../../index-Dwqes6RH.js";
 import { SelectListbox as r } from "./SelectListbox.js";
 import * as e from "react";
 const d = ({

package/dist/components/Sortable/Sortable.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as m, Fragment as i } from "react/jsx-runtime";
-import { fn as s } from "../../index-BCvy9BiK.js";
+import { fn as s } from "../../index-Dwqes6RH.js";
 import { Sortable as o } from "./Sortable.js";
 import { InputField as c } from "../InputField/InputField.js";
 import { Icon as d } from "../Icon/Icon.js";

package/dist/components/TextArea/TextArea.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { fn as r } from "../../index-BCvy9BiK.js";
+import { fn as r } from "../../index-Dwqes6RH.js";
 import { TextArea as e } from "./TextArea.js";
 const o = `
   <TextArea label={label} maxCharacters={maxCharacters} /> `, x = {

package/dist/components/TextArea/TextArea.test.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import "../../index-BqLi4tOb.js";
 import { r as n, s as t, f as r } from "../../react.esm-CsMDid07.js";
-import { userEvent as s } from "../../index-BCvy9BiK.js";
+import { userEvent as s } from "../../index-Dwqes6RH.js";
 import { TextArea as o } from "./TextArea.js";
 describe("TextArea", () => {
   it("should render correctly with label", () => {

package/dist/components/ToggleSwitch/ToggleSwitch.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { fn as l } from "../../index-BCvy9BiK.js";
+import { fn as l } from "../../index-Dwqes6RH.js";
 import { ToggleSwitch as e } from "./ToggleSwitch.js";
 const n = `
 // Has all InputHTMLAttributes props available except "className" and "style" 

package/dist/components/VarIndicator/VarIndicator.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { fn as n } from "../../index-BCvy9BiK.js";
+import { fn as n } from "../../index-Dwqes6RH.js";
 import { VarIndicator as t } from "./VarIndicator.js";
 const o = {
   DRAFT: "Concept",

package/dist/components/index.d.ts

@@ -8,10 +8,10 @@ export * from './ButtonGroup';
 export * from './Buttons';
 export * from './Card';
 export * from './Checkbox';
-export * from './CheckboxButton';
 export * from './CheckboxButtonBar';
 export * from './CheckboxTree';
 export * from './Chip';
+export * from './ControlsButton';
 export * from './Drawer';
 export * from './EmptyStateDataDisplay';
 export * from './FeedbackBar';
@@ -41,6 +41,7 @@ export * from './PeriodSelector';
 export * from './ProgrammeCard';
 export * from './RadioButton';
 export * from './RadioGroup';
+export * from './RadioTabSelector';
 export * from './Repeater';
 export * from './RteEditor';
 export * from './SectionNotification';