@uva-glass/component-library 3.36.1 → 3.37.0

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

@@ -1,10 +1,12 @@
+import { IconProps } from 'components';
 type ButtonProps = {
     label: string;
     value: string;
+    iconName?: IconProps['name'];
     disabled?: boolean;
 };
 export interface RadioTabSelectorProps {
-    /** array with objects with label, value, disablestate */
+    /** array with button objects with label, value and optional iconName or disabled-state */
     buttons: ButtonProps[];
     /** name of the radiogroup */
     radioGroupName: string;

package/dist/components/RadioTabSelector/RadioTabSelector.js

@@ -1,13 +1,13 @@
 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 { useState as v } 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 { Label as g } from "../Label/Label.js";
+import { FeedbackBox as k } from "../FeedbackBox/FeedbackBox.js";
+import { ControlsButton as x } from "../ControlsButton/ControlsButton.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
@@ -33,7 +33,7 @@ import '../../assets/RadioTabSelector.css';const t = {
   "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 = ({
+}, Y = ({
   buttons: l,
   radioGroupName: c,
   defaultValue: _,
@@ -43,7 +43,7 @@ import '../../assets/RadioTabSelector.css';const t = {
   notValidatedText: a = "",
   onSetValue: p
 }) => {
-  const [d, u] = h(_ || null), w = (r) => {
+  const [d, u] = v(_ || null), w = (r) => {
     u(r.target.value), p(r.target.value);
   };
   return /* @__PURE__ */ n(
@@ -54,7 +54,7 @@ import '../../assets/RadioTabSelector.css';const t = {
         t[`radio-tab-selector-button-bar__container--label-${m}`]
       ),
       children: [
-        i && /* @__PURE__ */ o(v, { htmlFor: "", required: s, children: i }),
+        i && /* @__PURE__ */ o(g, { htmlFor: "", required: s, children: i }),
         /* @__PURE__ */ n("div", { className: t["radio-tab-selector-button-bar__row-container"], children: [
           /* @__PURE__ */ o(
             "div",
@@ -62,28 +62,29 @@ import '../../assets/RadioTabSelector.css';const t = {
               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,
+              children: l.map(({ label: r, value: e, iconName: f, disabled: h }) => /* @__PURE__ */ o(
+                x,
                 {
                   type: "radio",
                   name: c,
                   label: r,
                   value: e,
+                  iconName: f,
                   checked: d === e,
-                  disabled: f,
+                  disabled: h,
                   onSetValue: w
                 },
                 `${e}`
               ))
             }
           ),
-          a !== "" && /* @__PURE__ */ o(g, { level: "error", feedback: a })
+          a !== "" && /* @__PURE__ */ o(k, { level: "error", feedback: a })
         ] })
       ]
     }
   );
 };
 export {
-  X as RadioTabSelector
+  Y as RadioTabSelector
 };
 //# sourceMappingURL=RadioTabSelector.js.map

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

@@ -1 +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;AAC7D,IAAAH,EAAgBG,EAAM,OAAO,KAAK,GAClCL,EAAWK,EAAM,OAAO,KAAK;AAAA,EAAA;AAG/B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO,0CAA0C;AAAA,QACjDA,EAAO,mDAAmDX,CAAa,EAAE;AAAA,MAAA;AAAA,MAG1E,UAAA;AAAA,QAAAD,KACC,gBAAAa,EAACC,GAAA,EAAM,SAAQ,IAAG,UAAAZ,GACf,UAAAF,GACH;AAAA,QAEF,gBAAAU,EAAC,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,cAAA,CAOhB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEFZ,MAAqB,MAAM,gBAAAU,EAACK,KAAY,OAAM,SAAQ,UAAUf,EAAA,CAAkB;AAAA,QAAA,EAAA,CACrF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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\nimport type { IconProps } from 'components';\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  iconName?: IconProps['name'];\r\n  disabled?: boolean;\r\n};\r\n\r\nexport interface RadioTabSelectorProps {\r\n  /** array with button objects with label, value and optional iconName or disabled-state */\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, iconName, 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              iconName={iconName}\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","iconName","disabled","ControlsButton","FeedbackBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCaA,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;AAC7D,IAAAH,EAAgBG,EAAM,OAAO,KAAK,GAClCL,EAAWK,EAAM,OAAO,KAAK;AAAA,EAAA;AAG/B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO,0CAA0C;AAAA,QACjDA,EAAO,mDAAmDX,CAAa,EAAE;AAAA,MAAA;AAAA,MAG1E,UAAA;AAAA,QAAAD,KACC,gBAAAa,EAACC,GAAA,EAAM,SAAQ,IAAG,UAAAZ,GACf,UAAAF,GACH;AAAA,QAEF,gBAAAU,EAAC,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,GAAU,UAAAC,EAAA,MACtC,gBAAAJ;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,MAAMpB;AAAA,kBAEN,OAAOE;AAAAA,kBACP,OAAAe;AAAA,kBACA,UAAAC;AAAA,kBACA,SAASX,MAAiBU;AAAA,kBAC1B,UAAAE;AAAA,kBACA,YAAYT;AAAA,gBAAA;AAAA,gBANP,GAAGO,CAAK;AAAA,cAAA,CAQhB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEFZ,MAAqB,MAAM,gBAAAU,EAACM,KAAY,OAAM,SAAQ,UAAUhB,EAAA,CAAkB;AAAA,QAAA,EAAA,CACrF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -3,3 +3,4 @@ import { RadioTabSelectorProps } from './RadioTabSelector';
 declare const _default: Meta<RadioTabSelectorProps>;
 export default _default;
 export declare const RadioTabSelectorExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, RadioTabSelectorProps>;
+export declare const WithIcons: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, RadioTabSelectorProps>;

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

@@ -1,7 +1,7 @@
-import { jsx as a } from "react/jsx-runtime";
-import { l as o } from "../../index-DFu0GqDc.js";
+import { jsx as o } from "react/jsx-runtime";
+import { l as t } from "../../index-DFu0GqDc.js";
 import { RadioTabSelector as e } from "./RadioTabSelector.js";
-const l = "<RadioTabSelector radioButtons={} defaultValue={} label={} labelPosition={} required={} notValidatedText={} onSetValue={} />", u = {
+const i = "<RadioTabSelector radioButtons={} defaultValue={} label={} labelPosition={} required={} notValidatedText={} onSetValue={} />", b = {
   title: "Molecules/RadioTabSelector",
   component: e,
   argTypes: {
@@ -36,9 +36,9 @@ const l = "<RadioTabSelector radioButtons={} defaultValue={} label={} labelPosit
   },
   parameters: {
     inspectComponent: e,
-    codeString: l
+    codeString: i
   }
-}, i = (t) => /* @__PURE__ */ a(e, { ...t }), r = i.bind({});
+}, a = (l) => /* @__PURE__ */ o(e, { ...l }), r = a.bind({});
 r.args = {
   buttons: [
     { label: "Digitaal", value: "digitaal" },
@@ -51,10 +51,26 @@ r.args = {
   labelPosition: "top",
   required: !0,
   notValidatedText: "",
-  onSetValue: o()
+  onSetValue: t()
+};
+const n = a.bind({});
+n.args = {
+  buttons: [
+    { label: "Digitaal", value: "digitaal", iconName: "SignalActive" },
+    { label: "Schriftelijk", value: "schriftelijk", iconName: "Pencil" },
+    { label: "Presentatie", value: "presentatie", iconName: "User" }
+  ],
+  defaultValue: "digitaal",
+  radioGroupName: "radio-group",
+  label: "Toetsvorm",
+  labelPosition: "top",
+  required: !0,
+  notValidatedText: "",
+  onSetValue: t()
 };
 export {
   r as RadioTabSelectorExample,
-  u as default
+  n as WithIcons,
+  b as default
 };
 //# sourceMappingURL=RadioTabSelector.stories.js.map

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

@@ -1 +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,gIAGFC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,eAAe;AAAA,MACb,SAAS;AAAA,MACT,SAAS,CAAC,OAAO,MAAM;AAAA,IAAA;AAAA,IAEzB,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB,SAAS;AAAA,IAAA;AAAA,IAEX,YAAY;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA2C,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAkB,GAAGE,GAAM,GAE1EE,IAA0BH,EAAS,KAAK,CAAA,CAAE;AACvDG,EAAwB,OAAO;AAAA,EAC7B,SAAS;AAAA,IACP,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,IAC5B,EAAE,OAAO,gBAAgB,OAAO,eAAA;AAAA,IAChC,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAAc;AAAA,EAE/C,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,YAAYC,EAAA;AACd;"}
+{"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\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"],"names":["codeString","RadioTabSelector_stories","RadioTabSelector","Template","args","jsx","RadioTabSelectorExample","fn","WithIcons"],"mappings":";;;AAOA,MAAMA,IACJ,gIAGFC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,eAAe;AAAA,MACb,SAAS;AAAA,MACT,SAAS,CAAC,OAAO,MAAM;AAAA,IAAA;AAAA,IAEzB,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB,SAAS;AAAA,IAAA;AAAA,IAEX,YAAY;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA2C,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAkB,GAAGE,GAAM,GAE1EE,IAA0BH,EAAS,KAAK,CAAA,CAAE;AACvDG,EAAwB,OAAO;AAAA,EAC7B,SAAS;AAAA,IACP,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,IAC5B,EAAE,OAAO,gBAAgB,OAAO,eAAA;AAAA,IAChC,EAAE,OAAO,eAAe,OAAO,cAAA;AAAA,EAAc;AAAA,EAE/C,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,YAAYC,EAAA;AACd;AAEO,MAAMC,IAAYL,EAAS,KAAK,CAAA,CAAE;AACzCK,EAAU,OAAO;AAAA,EACf,SAAS;AAAA,IACP,EAAE,OAAO,YAAY,OAAO,YAAY,UAAU,eAAA;AAAA,IAClD,EAAE,OAAO,gBAAgB,OAAO,gBAAgB,UAAU,SAAA;AAAA,IAC1D,EAAE,OAAO,eAAe,OAAO,eAAe,UAAU,OAAA;AAAA,EAAO;AAAA,EAEjE,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,YAAYD,EAAA;AACd;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.36.1",
+  "version": "3.37.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",