npm - @uva-glass/component-library - Versions diffs - 3.43.1 → 3.44.0 - Mend

@uva-glass/component-library 3.43.1 → 3.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/dist/SelectListbox.module-CAKDuwcy.js ADDED Viewed

@@ -0,0 +1,28 @@
+import './assets/SelectListbox.css';const t = {
+  "select-listbox-container": "_select-listbox-container_xfwty_1",
+  "select-listbox__wrapper": "_select-listbox__wrapper_xfwty_5",
+  "select-listbox-trigger": "_select-listbox-trigger_xfwty_15",
+  "select-listbox-trigger--default": "_select-listbox-trigger--default_xfwty_30",
+  "select-listbox-trigger--small": "_select-listbox-trigger--small_xfwty_34",
+  "select-listbox-trigger--medium": "_select-listbox-trigger--medium_xfwty_38",
+  "select-listbox-trigger-label": "_select-listbox-trigger-label_xfwty_43",
+  "select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-right_xfwty_52",
+  "select-listbox-trigger--bold": "_select-listbox-trigger--bold_xfwty_56",
+  "select-listbox-trigger--pill": "_select-listbox-trigger--pill_xfwty_60",
+  "select-listbox-trigger--pillLeft": "_select-listbox-trigger--pillLeft_xfwty_65",
+  "select-listbox-trigger--pillRight": "_select-listbox-trigger--pillRight_xfwty_70",
+  "select-listbox-trigger--darkBorder": "_select-listbox-trigger--darkBorder_xfwty_75",
+  "select-listbox-trigger--roundedLeft": "_select-listbox-trigger--roundedLeft_xfwty_79",
+  "select-listbox-trigger--roundedRight": "_select-listbox-trigger--roundedRight_xfwty_83",
+  "select-listbox-trigger--noborder": "_select-listbox-trigger--noborder_xfwty_97",
+  "select-listbox-trigger-icon": "_select-listbox-trigger-icon_xfwty_109",
+  "select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--open_xfwty_114",
+  "select-listbox": "_select-listbox_xfwty_1",
+  "select-listbox-option": "_select-listbox-option_xfwty_128",
+  "select-listbox-option--active": "_select-listbox-option--active_xfwty_141",
+  "select-listbox-divider": "_select-listbox-divider_xfwty_151"
+};
+export {
+  t as s
+};
+//# sourceMappingURL=SelectListbox.module-CAKDuwcy.js.map

package/dist/SelectListbox.module-CAKDuwcy.js.map ADDED Viewed

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

package/dist/assets/CheckboxButtonBar.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._checkbox-button-~~bar__container_5gd9n_1~~{display:flex;flex-wrap:wrap}._checkbox-button-bar__container--label-~~left_5gd9n_5~~{align-items:baseline;flex-direction:row;gap:1rem}._checkbox-button-bar__container--label-~~top_5gd9n_10~~{align-items:flex-start;flex-direction:column;gap:.5rem}._checkbox-button-bar__row-~~container_5gd9n_15~~{display:flex;flex-direction:column;gap:.5rem}._checkbox-button-~~bar__row_5gd9n_15~~{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-700);border-radius:.5rem;display:flex;flex-wrap:nowrap;gap:.25rem;padding:.25rem}._checkbox-button-bar__row--not-~~validated_5gd9n_30~~{border-color:var(--new-color-red-600)}._checkbox-button-~~bar__footer_5gd9n_33~~{color:var(--new-color-grey-700);font-size:var(--font-size-text-non-essential)}
1	+ ._checkbox-button-bar__container_u8hmc_1{display:flex;flex-wrap:wrap}._checkbox-button-bar__container--label-left_u8hmc_6{align-items:baseline;flex-direction:row;gap:1rem}._checkbox-button-bar__container--label-top_u8hmc_12{align-items:flex-start;flex-direction:column;gap:.5rem}._checkbox-button-bar__row-container_u8hmc_18{display:flex;flex-direction:column;gap:.5rem}._checkbox-button-bar__row-container--segmented_u8hmc_24{flex-direction:row}._checkbox-button-bar__row_u8hmc_18{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-700);border-radius:.5rem;display:flex;flex-wrap:nowrap;gap:.25rem;padding:.25rem}._checkbox-button-bar__row--not-validated_u8hmc_39{border-color:var(--new-color-red-600)}._checkbox-button-bar__footer_u8hmc_43{color:var(--new-color-grey-700);font-size:var(--font-size-text-non-essential)}

package/dist/assets/SelectListbox.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._select-listbox-~~container_4xtnu_1~~{position:relative}._select-~~listbox__wrapper_4xtnu_5~~{border-radius:.~~5rem~~;box-shadow:0 0 .25rem #00000040;height:auto;overflow:hidden;position:fixed;width:auto;z-index:20}._select-listbox-~~trigger_4xtnu_15~~{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-400);border-radius:.~~5rem~~;cursor:pointer;display:flex;font:inherit;justify-content:space-between;line-height:inherit;overflow:hidden;padding:.4rem 2rem .4rem 1rem;width:100%}._select-listbox-trigger--~~default_4xtnu_30~~{padding:.75rem 2rem .75rem 1rem}._select-listbox-trigger--~~small_4xtnu_34~~{padding:.4rem 2rem .4rem 1rem}._select-listbox-trigger--~~medium_4xtnu_38~~{height:2.75rem;padding:.5rem 2rem .5rem 1rem}._select-listbox-trigger-~~label_4xtnu_43~~{min-height:.65rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}._select-listbox__wrapper--align-~~right_4xtnu_52~~{right:0}._select-listbox-trigger--~~bold_4xtnu_56~~{font-weight:var(--semibold)}._select-listbox-trigger--~~pill_4xtnu_60~~{border-radius:6.25rem;padding:.5rem 1.5rem}._select-listbox-trigger--~~pillLeft_4xtnu_65~~{border-radius:6.25rem 0 0 6.25rem;padding-left:1.5rem}._select-listbox-trigger--~~pillRight_4xtnu_70~~{border-radius:0 6.25rem 6.25rem 0;padding-right:1.25rem}._select-listbox-trigger--~~darkBorder_4xtnu_75~~{border-color:var(--new-color-uva-black)}._select-listbox-~~trigger_4xtnu_15~~:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-700)}._select-listbox-~~trigger_4xtnu_15~~:focus-visible,._select-listbox-~~trigger_4xtnu_15~~:hover{background-color:var(--new-color-grey-300)}._select-listbox-trigger--~~noborder_4xtnu_89~~{border:none}._select-listbox-trigger--~~pillLeft_4xtnu_65~~+._select-~~listbox__wrapper_4xtnu_5~~{left:1rem}._select-listbox-trigger--~~pillRight_4xtnu_70~~+._select-listbox__wrapper--align-~~right_4xtnu_52~~{right:1rem}._select-listbox-trigger-~~icon_4xtnu_101~~{position:absolute;right:.875rem}._select-listbox-trigger-icon--~~open_4xtnu_106~~{transform:rotate(180deg)}._select-~~listbox_4xtnu_1~~{background-color:var(--new-color-uva-white);list-style:none;margin:0;min-width:100%;overflow-y:auto;padding:4px;width:fit-content}._select-listbox-~~option_4xtnu_120~~{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;position:relative;-webkit-user-select:none;user-select:none}._select-listbox-option--~~active_4xtnu_133~~,._select-listbox-~~option_4xtnu_120~~:hover{background-color:var(--new-color-grey-300);box-shadow:0 0 0 1px var(--new-color-uva-white)}._select-listbox-~~option_4xtnu_120~~[aria-selected=true]{font-weight:var(--semibold)}._select-listbox-~~divider_4xtnu_143~~{background-color:var(--new-color-grey-400);height:1px;margin:1px -.25rem}
1	+ ._select-listbox-container_xfwty_1{position:relative}._select-listbox__wrapper_xfwty_5{border-radius:.25rem;box-shadow:0 0 .25rem #00000040;height:auto;overflow:hidden;position:fixed;width:auto;z-index:20}._select-listbox-trigger_xfwty_15{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-400);border-radius:.25rem;cursor:pointer;display:flex;font:inherit;justify-content:space-between;line-height:inherit;overflow:hidden;padding:.4rem 2rem .4rem 1rem;width:100%}._select-listbox-trigger--default_xfwty_30{padding:.75rem 2rem .75rem 1rem}._select-listbox-trigger--small_xfwty_34{padding:.4rem 2rem .4rem 1rem}._select-listbox-trigger--medium_xfwty_38{height:2.75rem;padding:.5rem 2rem .5rem 1rem}._select-listbox-trigger-label_xfwty_43{min-height:.65rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}._select-listbox__wrapper--align-right_xfwty_52{right:0}._select-listbox-trigger--bold_xfwty_56{font-weight:var(--semibold)}._select-listbox-trigger--pill_xfwty_60{border-radius:6.25rem;padding:.5rem 1.5rem}._select-listbox-trigger--pillLeft_xfwty_65{border-radius:6.25rem 0 0 6.25rem;padding-left:1.5rem}._select-listbox-trigger--pillRight_xfwty_70{border-radius:0 6.25rem 6.25rem 0;padding-right:1.25rem}._select-listbox-trigger--darkBorder_xfwty_75{border-color:var(--new-color-uva-black)}._select-listbox-trigger--roundedLeft_xfwty_79{border-radius:.25rem 0 0 .25rem}._select-listbox-trigger--roundedRight_xfwty_83{border-radius:0 .25rem .25rem 0}._select-listbox-trigger_xfwty_15:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-700)}._select-listbox-trigger_xfwty_15:focus-visible,._select-listbox-trigger_xfwty_15:hover{background-color:var(--new-color-grey-300)}._select-listbox-trigger--noborder_xfwty_97{border:none}._select-listbox-trigger--pillLeft_xfwty_65+._select-listbox__wrapper_xfwty_5{left:1rem}._select-listbox-trigger--pillRight_xfwty_70+._select-listbox__wrapper--align-right_xfwty_52{right:1rem}._select-listbox-trigger-icon_xfwty_109{position:absolute;right:.875rem}._select-listbox-trigger-icon--open_xfwty_114{transform:rotate(180deg)}._select-listbox_xfwty_1{background-color:var(--new-color-uva-white);list-style:none;margin:0;min-width:100%;overflow-y:auto;padding:4px;width:fit-content}._select-listbox-option_xfwty_128{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;position:relative;-webkit-user-select:none;user-select:none}._select-listbox-option--active_xfwty_141,._select-listbox-option_xfwty_128:hover{background-color:var(--new-color-grey-300);box-shadow:0 0 0 1px var(--new-color-uva-white)}._select-listbox-option_xfwty_128[aria-selected=true]{font-weight:var(--semibold)}._select-listbox-divider_xfwty_151{background-color:var(--new-color-grey-400);height:1px;margin:1px -.25rem}

package/dist/components/Buttons/Button.stories.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
-import { l } from "../../index-BamlKH-k.js";
+import { l } from "../../index-DvUwfXNb.js";
 import { Button as n } from "./Button.js";
 const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Button>", h = {
   title: "Atoms/Buttons/Button",

package/dist/components/Buttons/LinkButton.stories.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { l as s } from "../../index-BamlKH-k.js";
+import { l as s } from "../../index-DvUwfXNb.js";
 import { BrowserRouter as c } from "react-router";
 import { LinkButton as e } from "./LinkButton.js";
 const d = `

package/dist/components/Buttons/MenuButton.stories.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as l, Fragment as s } from "react/jsx-runtime";
-import { l as c } from "../../index-BamlKH-k.js";
+import { l as c } from "../../index-DvUwfXNb.js";
 import { MenuButton as n } from "./MenuButton.js";
 const d = `
 // Has all LabelHTMLAttributes props available except "className" and "style"

package/dist/components/Checkbox/Checkbox.stories.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { l as e } from "../../index-BamlKH-k.js";
+import { l as e } from "../../index-DvUwfXNb.js";
 import { Checkbox as n } from "./Checkbox.js";
 import { FormField as t } from "../FormField/FormField.js";
 import { Label as i } from "../Label/Label.js";

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 type CheckboxProps = {
-    label: string;
+    label: string | ReactNode;
     value: string;
     prefix?: string;
     tooltip?: ReactNode;
@@ -26,7 +26,9 @@ export interface CheckboxButtonBarProps {
     footerText?: string;
     /** disables all checkboxes in the bar */
     disableGroup?: boolean;
+    /** `true` to sepearte each button in their own bordered container */
+    segmented?: boolean;
     onSetValues: (value: string[]) => void;
 }
-export declare const CheckboxButtonBar: ({ checkboxes, defaultValues, label, labelPosition, required, notValidated, notValidatedText, actAsRadioButtonBar, footerText, disableGroup, onSetValues, }: CheckboxButtonBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxButtonBar: ({ checkboxes, defaultValues, label, labelPosition, required, notValidated, notValidatedText, actAsRadioButtonBar, footerText, disableGroup, segmented, onSetValues, }: CheckboxButtonBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js CHANGED Viewed

@@ -1,78 +1,109 @@
-import { jsxs as k, jsx as c } from "react/jsx-runtime";
-import { useState as S } from "react";
-import { c as x } from "../../clsx-OuTLNxxd.js";
-import { Label as j } from "../Label/Label.js";
-import { FeedbackBox as y } from "../FeedbackBox/FeedbackBox.js";
-import { ControlsButton as F } from "../ControlsButton/ControlsButton.js";
-import '../../assets/CheckboxButtonBar.css';const t = {
-  "checkbox-button-bar__container": "_checkbox-button-bar__container_5gd9n_1",
-  "checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-left_5gd9n_5",
-  "checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-top_5gd9n_10",
-  "checkbox-button-bar__row-container": "_checkbox-button-bar__row-container_5gd9n_15",
-  "checkbox-button-bar__row": "_checkbox-button-bar__row_5gd9n_15",
-  "checkbox-button-bar__row--not-validated": "_checkbox-button-bar__row--not-validated_5gd9n_30",
-  "checkbox-button-bar__footer": "_checkbox-button-bar__footer_5gd9n_33"
-}, E = ({
-  checkboxes: d,
-  defaultValues: r,
-  label: a,
-  labelPosition: u = "top",
-  required: m = !1,
-  notValidated: f = !1,
-  notValidatedText: b = "",
-  actAsRadioButtonBar: n = !1,
-  footerText: l = "",
-  disableGroup: p = !1,
-  onSetValues: i
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { useState as j } from "react";
+import { c as _ } from "../../clsx-OuTLNxxd.js";
+import { Label as q } from "../Label/Label.js";
+import { FeedbackBox as F } from "../FeedbackBox/FeedbackBox.js";
+import { ControlsButton as N } from "../ControlsButton/ControlsButton.js";
+import '../../assets/CheckboxButtonBar.css';const c = {
+  "checkbox-button-bar__container": "_checkbox-button-bar__container_u8hmc_1",
+  "checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-left_u8hmc_6",
+  "checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-top_u8hmc_12",
+  "checkbox-button-bar__row-container": "_checkbox-button-bar__row-container_u8hmc_18",
+  "checkbox-button-bar__row-container--segmented": "_checkbox-button-bar__row-container--segmented_u8hmc_24",
+  "checkbox-button-bar__row": "_checkbox-button-bar__row_u8hmc_18",
+  "checkbox-button-bar__row--not-validated": "_checkbox-button-bar__row--not-validated_u8hmc_39",
+  "checkbox-button-bar__footer": "_checkbox-button-bar__footer_u8hmc_43"
+}, H = ({
+  checkboxes: k,
+  defaultValues: b,
+  label: m,
+  labelPosition: S = "top",
+  required: C = !1,
+  notValidated: x = !1,
+  notValidatedText: n = "",
+  actAsRadioButtonBar: a = !1,
+  footerText: d = "",
+  disableGroup: f = !1,
+  segmented: p = !1,
+  onSetValues: w
 }) => {
-  const [h, s] = S(
-    r && !n ? r.map(String) : r && n ? r.slice(0, 1) : []
-  ), g = (e) => {
+  const [h, g] = j(
+    b && !a ? b.map(String) : b && a ? b.slice(0, 1) : []
+  ), v = (e) => {
     let o = h;
-    n ? (s([e]), i([e])) : (o.includes(e) ? o = o.filter((_) => _ !== e) : o = [...o, e], s(o), i(o));
+    a ? (g([e]), w([e])) : (o.includes(e) ? o = o.filter((r) => r !== e) : o = [...o, e], g(o), w(o));
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ y(
     "div",
     {
-      className: x(
-        t["checkbox-button-bar__container"],
-        t[`checkbox-button-bar__container--label-${u}`]
+      className: _(
+        c["checkbox-button-bar__container"],
+        c[`checkbox-button-bar__container--label-${S}`]
       ),
       children: [
-        a && /* @__PURE__ */ c(j, { htmlFor: "", required: m, children: a }),
-        /* @__PURE__ */ k("div", { className: t["checkbox-button-bar__row-container"], children: [
-          /* @__PURE__ */ c(
-            "div",
-            {
-              className: x(t["checkbox-button-bar__row"], {
-                [t["checkbox-button-bar__row--not-validated"]]: f || b
-              }),
-              children: d.map(({ label: e, value: o, prefix: _, tooltip: w, tooltipPosition: v, disabled: C }) => /* @__PURE__ */ c(
-                F,
-                {
-                  type: "checkbox",
-                  label: e,
-                  prefix: _,
-                  tooltip: w,
-                  tooltipPosition: v,
-                  forceSquared: !0,
-                  value: o,
-                  checked: h.includes(o),
-                  disabled: C || p,
-                  onSetValue: (N) => g(N.target.value)
-                },
-                `${o}`
-              ))
-            }
-          ),
-          l && /* @__PURE__ */ c("div", { className: t["checkbox-button-bar__footer"], children: l }),
-          b !== "" && /* @__PURE__ */ c(y, { level: "error", feedback: b })
-        ] })
+        m && /* @__PURE__ */ t(q, { htmlFor: "", required: C, children: m }),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: _(c["checkbox-button-bar__row-container"], {
+              [c["checkbox-button-bar__row-container--segmented"]]: p
+            }),
+            children: p ? k.map(({ label: e, value: o, prefix: r, tooltip: l, tooltipPosition: i, disabled: u }) => /* @__PURE__ */ t(
+              "div",
+              {
+                className: _(c["checkbox-button-bar__row"], {
+                  [c["checkbox-button-bar__row--not-validated"]]: x || n
+                }),
+                children: /* @__PURE__ */ t(
+                  N,
+                  {
+                    type: "checkbox",
+                    label: e,
+                    prefix: r,
+                    tooltip: l,
+                    tooltipPosition: i,
+                    forceSquared: !0,
+                    value: o,
+                    checked: h.includes(o),
+                    disabled: u || f,
+                    onSetValue: (s) => v(s.target.value)
+                  }
+                )
+              },
+              o
+            )) : /* @__PURE__ */ t(
+              "div",
+              {
+                className: _(c["checkbox-button-bar__row"], {
+                  [c["checkbox-button-bar__row--not-validated"]]: x || n
+                }),
+                children: k.map(({ label: e, value: o, prefix: r, tooltip: l, tooltipPosition: i, disabled: u }) => /* @__PURE__ */ t(
+                  N,
+                  {
+                    type: "checkbox",
+                    label: e,
+                    prefix: r,
+                    tooltip: l,
+                    tooltipPosition: i,
+                    forceSquared: !0,
+                    value: o,
+                    checked: h.includes(o),
+                    disabled: u || f,
+                    onSetValue: (s) => v(s.target.value)
+                  },
+                  o
+                ))
+              }
+            )
+          }
+        ),
+        d && /* @__PURE__ */ t("div", { className: c["checkbox-button-bar__footer"], children: d }),
+        n !== "" && /* @__PURE__ */ t(F, { level: "error", feedback: n })
       ]
     }
   );
 };
 export {
-  E as CheckboxButtonBar
+  H as CheckboxButtonBar
 };
 //# sourceMappingURL=CheckboxButtonBar.js.map

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxButtonBar.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './CheckboxButtonBar.module.css';\n\nimport { Label } from 'components/Label';\nimport { FeedbackBox } from 'components/FeedbackBox';\nimport { ControlsButton } from 'components/ControlsButton';\n\ntype CheckboxProps = {\n label: string;\n value: string;\n prefix?: string;\n tooltip?: ReactNode;\n tooltipPosition?: 'left' \| 'center' \| 'right';\n disabled?: boolean;\n};\n\nexport interface CheckboxButtonBarProps {\n /** array with objects with label, value, prefix and disabled/\n checkboxes: CheckboxProps[];\n //* array with value(s) /\n defaultValues?: string[];\n label?: string;\n /* 'top' \| 'left' /\n labelPosition?: 'top' \| 'left';\n /* `true` to show an asterisk to indicate an item is required; otherwise, `false`. /\n required?: boolean;\n /* `true` to color border red to show missing in validation; otherwise, `false`. /\n notValidated?: boolean;\n /* error text to display under the bar /\n notValidatedText?: string;\n /* returns an array with only one value /\n actAsRadioButtonBar?: boolean;\n /* optional footer text /\n footerText?: string;\n /* disables all checkboxes in the bar */\n disableGroup?: boolean;\n onSetValues: (value: string[]) => void;\n}\n\nexport const CheckboxButtonBar = ({\n checkboxes,\n defaultValues,\n label,\n labelPosition = 'top',\n required = false,\n notValidated = false,\n notValidatedText = '',\n actAsRadioButtonBar = false,\n footerText = '',\n disableGroup = false,\n onSetValues,\n}: CheckboxButtonBarProps) => {\n const [currentValues, setCurrentValues] = useState<string[]>(\n defaultValues && !actAsRadioButtonBar\n ? defaultValues.map(String)\n : defaultValues && actAsRadioButtonBar\n ? defaultValues.slice(0, 1)\n : []\n );\n\n const handleChange = (value: string) => {\n let values = currentValues;\n\n if (actAsRadioButtonBar) {\n setCurrentValues([value]);\n onSetValues([value]);\n } else {\n if (values.includes(value)) {\n values = values.filter((val) => val !== value);\n } else {\n values = [...values, value];\n }\n setCurrentValues(values);\n onSetValues(values);\n }\n };\n\n return (\n <div\n className={clsx(\n styles['checkbox-button-bar__container'],\n styles[`checkbox-button-bar__container--label-${labelPosition}`]\n )}\n >\n {label && (\n <Label htmlFor=\"\" required={required}>\n {label}\n </Label>\n )}\n <div className={styles['checkbox-button-bar__row-container']}>\n <div\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-validated']]: notValidated \|\| notValidatedText,\n })}\n >\n {checkboxes.map(({ label, value, prefix, tooltip, tooltipPosition, disabled }) => (\n <ControlsButton\n key={~~`${~~value}`}\n type=\"checkbox\"\n label={label}\n prefix={prefix}\n tooltip={tooltip}\n tooltipPosition={tooltipPosition}\n forceSquared={true}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled \|\| disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n ))}\n </div>\n {footerText && <div className={styles['checkbox-button-bar__footer']}>{footerText}</div>}\n {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n ~~</div>\n~~ </div>\n );\n};\n"],"names":["CheckboxButtonBar","checkboxes","defaultValues","label","labelPosition","required","notValidated","notValidatedText","actAsRadioButtonBar","footerText","disableGroup","onSetValues","currentValues","setCurrentValues","useState","handleChange","value","values","val","jsxs","clsx","styles","jsx","Label","prefix","tooltip","tooltipPosition","disabled","ControlsButton","event","FeedbackBox"],"mappings":"~~;;;;;;;;;;;;;;GA2CaA~~,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,kBAAAC,IAAmB;AAAA,EACnB,qBAAAC,IAAsB;AAAA,EACtB,YAAAC,IAAa;AAAA,EACb,cAAAC,IAAe;AAAA,EACf,aAAAC;AACF,MAA8B;AAC5B,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,~~IACxCZ~~,KAAiB,CAACM,IACdN,EAAc,IAAI,MAAM,IACxBA,KAAiBM,IACfN,EAAc,MAAM,GAAG,CAAC,IACxB,CAAA;AAAA,EAAC,~~GAGHa~~,IAAe,CAACC,MAAkB;AACtC,QAAIC,IAASL;AAEb,~~IAAIJ~~,~~KACFK~~,EAAiB,CAACG,CAAK,CAAC,GACxBL,EAAY,CAACK,CAAK,CAAC,MAEfC,EAAO,SAASD,CAAK,IACvBC,IAASA,EAAO,OAAO,CAACC,MAAQA,MAAQF,CAAK,IAE7CC,IAAS,CAAC,GAAGA,GAAQD,CAAK,GAE5BH,EAAiBI,CAAM,GACvBN,EAAYM,CAAM;AAAA,EAEtB;AAEA,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO,gCAAgC;AAAA,QACvCA,EAAO,~~yCAAyCjB~~,CAAa,EAAE;AAAA,MAAA;AAAA,MAGhE,UAAA;AAAA,QAAAD,KACC,~~gBAAAmB~~,EAACC,GAAA,EAAM,SAAQ,IAAG,~~UAAAlB~~,GACf,UAAAF,GACH;AAAA,~~QAEF~~,~~gBAAAgB~~,~~EAAC~~,~~OAAA~~,~~EAAI~~,~~WAAWE~~,EAAO,oCAAoC,~~GACzD~~,~~UAAA~~;AAAA,UAAA,~~gBAAAC~~;AAAA,~~YAAC~~;AAAA,YAAA;AAAA,~~cACC~~,WAAWF,EAAKC,EAAO,0BAA0B,GAAG;AAAA,~~gBAClD~~,CAACA,EAAO,yCAAyC,CAAC,~~GAAGf~~,KAAgBC;AAAA,~~cAAA~~,CACtE;AAAA,~~cAEA~~,UAAAN,EAAW,IAAI,CAAC,EAAE,OAAAE,GAAO,~~OAAAa~~,GAAO,QAAAQ,GAAQ,SAAAC,GAAS,iBAAAC,GAAiB,UAAAC,EAAA,MACjE,gBAAAL;AAAA,~~gBAACM~~;AAAA,~~gBAAA~~;AAAA,~~kBAEC~~,MAAK;AAAA,~~kBACL~~,~~OAAOzB~~;AAAAA,~~kBACP~~,~~QAAAqB~~;AAAA,~~kBACA~~,SAAAC;AAAA,~~kBACA~~,iBAAAC;AAAA,~~kBACA~~,cAAc;AAAA,~~kBACd~~,OAAAV;AAAA,~~kBACA~~,SAASJ,EAAc,SAASI,CAAK;AAAA,~~kBACrC~~,UAAUW,~~KAAYjB~~;AAAA,~~kBACtB~~,YAAY,~~CAACmB~~,MAAUd,EAAac,EAAM,OAAO,KAAK;AAAA,~~gBAAA~~;AAAA,~~gBAVjD~~,~~GAAGb~~,~~CAAK~~;AAAA,cAAA~~,CAYhB~~;AAAA,YAAA;AAAA,~~UAAA~~;AAAA,~~UAEFP~~,KAAc,~~gBAAAa~~,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAAI,~~UAAAZ~~,GAAW;AAAA,~~UACjFF~~,MAAqB,MAAM,~~gBAAAe~~,EAACQ,KAAY,OAAM,SAAQ,~~UAAUvB~~,EAAA,CAAkB;AAAA,~~QAAA,EAAA,CACrF;AAAA,~~MAAA;AAAA,IAAA;AAAA,EAAA;~~AAGN~~;"}
1	+ {"version":3,"file":"CheckboxButtonBar.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './CheckboxButtonBar.module.css';\n\nimport { Label } from 'components/Label';\nimport { FeedbackBox } from 'components/FeedbackBox';\nimport { ControlsButton } from 'components/ControlsButton';\n\ntype CheckboxProps = {\n label: string \| ReactNode;\n value: string;\n prefix?: string;\n tooltip?: ReactNode;\n tooltipPosition?: 'left' \| 'center' \| 'right';\n disabled?: boolean;\n};\n\nexport interface CheckboxButtonBarProps {\n /** array with objects with label, value, prefix and disabled/\n checkboxes: CheckboxProps[];\n //* array with value(s) /\n defaultValues?: string[];\n label?: string;\n /* 'top' \| 'left' /\n labelPosition?: 'top' \| 'left';\n /* `true` to show an asterisk to indicate an item is required; otherwise, `false`. /\n required?: boolean;\n /* `true` to color border red to show missing in validation; otherwise, `false`. /\n notValidated?: boolean;\n /* error text to display under the bar /\n notValidatedText?: string;\n /* returns an array with only one value /\n actAsRadioButtonBar?: boolean;\n /* optional footer text /\n footerText?: string;\n /* disables all checkboxes in the bar /\n disableGroup?: boolean;\n /* `true` to sepearte each button in their own bordered container */\n segmented?: boolean;\n onSetValues: (value: string[]) => void;\n}\n\nexport const CheckboxButtonBar = ({\n checkboxes,\n defaultValues,\n label,\n labelPosition = 'top',\n required = false,\n notValidated = false,\n notValidatedText = '',\n actAsRadioButtonBar = false,\n footerText = '',\n disableGroup = false,\n segmented = false,\n onSetValues,\n}: CheckboxButtonBarProps) => {\n const [currentValues, setCurrentValues] = useState<string[]>(\n defaultValues && !actAsRadioButtonBar\n ? defaultValues.map(String)\n : defaultValues && actAsRadioButtonBar\n ? defaultValues.slice(0, 1)\n : []\n );\n\n const handleChange = (value: string) => {\n let values = currentValues;\n\n if (actAsRadioButtonBar) {\n setCurrentValues([value]);\n onSetValues([value]);\n } else {\n if (values.includes(value)) {\n values = values.filter((val) => val !== value);\n } else {\n values = [...values, value];\n }\n setCurrentValues(values);\n onSetValues(values);\n }\n };\n\n return (\n <div\n className={clsx(\n styles['checkbox-button-bar__container'],\n styles[`checkbox-button-bar__container--label-${labelPosition}`]\n )}\n >\n {label && (\n <Label htmlFor=\"\" required={required}>\n {label}\n </Label>\n )}\n\n <div\n className={clsx(styles['checkbox-button-bar__row-container'], {\n [styles['checkbox-button-bar__row-container--segmented']]: segmented,\n })}\n >\n {segmented ? (\n checkboxes.map(({ label, value, prefix, tooltip, tooltipPosition, disabled }) => (\n <div\n key={value}\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-validated']]: notValidated \|\| notValidatedText,\n })}\n >\n <ControlsButton\n type=\"checkbox\"\n label={label}\n prefix={prefix}\n tooltip={tooltip}\n tooltipPosition={tooltipPosition}\n forceSquared={true}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled \|\| disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n </div>\n ))\n ) : (\n <div\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-validated']]: notValidated \|\| notValidatedText,\n })}\n >\n {checkboxes.map(({ label, value, prefix, tooltip, tooltipPosition, disabled }) => (\n <ControlsButton\n key={value}\n type=\"checkbox\"\n label={label}\n prefix={prefix}\n tooltip={tooltip}\n tooltipPosition={tooltipPosition}\n forceSquared={true}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled \|\| disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n ))}\n </div>\n )}\n </div>\n\n {footerText && <div className={styles['checkbox-button-bar__footer']}>{footerText}</div>}\n {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n </div>\n );\n};\n"],"names":["CheckboxButtonBar","checkboxes","defaultValues","label","labelPosition","required","notValidated","notValidatedText","actAsRadioButtonBar","footerText","disableGroup","segmented","onSetValues","currentValues","setCurrentValues","useState","handleChange","value","values","val","jsxs","clsx","styles","jsx","Label","prefix","tooltip","tooltipPosition","disabled","ControlsButton","event","FeedbackBox"],"mappings":"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"}

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import { CheckboxButtonBarProps } from './CheckboxButtonBar';
 declare const _default: Meta<CheckboxButtonBarProps>;
 export default _default;
 export declare const CheckboxButtonBarExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
-export declare const CheckboxButtonBarAsRadioButtonBar: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
-export declare const CheckboxButtonBarWithPrefix: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
-export declare const CheckboxButtonBarWithTooltip: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
+export declare const AsRadioButtonBar: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
+export declare const WithPrefix: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
+export declare const WithTooltip: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
+export declare const Segmented: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as l, Fragment as t } from "react/jsx-runtime";
-import { l as o } from "../../index-BamlKH-k.js";
-import { CheckboxButtonBar as r } from "./CheckboxButtonBar.js";
-const b = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", f = {
+import { jsx as e, jsxs as t, Fragment as l } from "react/jsx-runtime";
+import { l as o } from "../../index-DvUwfXNb.js";
+import { CheckboxButtonBar as i } from "./CheckboxButtonBar.js";
+const u = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", v = {
   title: "Molecules/CheckboxButtonBar",
-  component: r,
+  component: i,
   argTypes: {
     checkboxes: {
       table: {
@@ -41,11 +41,11 @@ const b = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosit
     }
   },
   parameters: {
-    inspectComponent: r,
-    codeString: b
+    inspectComponent: i,
+    codeString: u
   }
-}, a = (i) => /* @__PURE__ */ e(r, { ...i }), u = a.bind({});
-u.args = {
+}, a = (r) => /* @__PURE__ */ e(i, { ...r }), s = a.bind({});
+s.args = {
   label: "Periode",
   required: !0,
   checkboxes: [
@@ -79,8 +79,8 @@ u.args = {
   footerText: "Weken in periode 2",
   onSetValues: o()
 };
-const n = a.bind({});
-n.args = {
+const b = a.bind({});
+b.args = {
   label: "Weken",
   required: !0,
   checkboxes: [
@@ -114,8 +114,8 @@ n.args = {
   actAsRadioButtonBar: !0,
   onSetValues: o()
 };
-const s = a.bind({});
-s.args = {
+const n = a.bind({});
+n.args = {
   label: "Weken",
   required: !0,
   checkboxes: [
@@ -164,7 +164,7 @@ p.args = {
       label: "1",
       value: "1",
       prefix: "36",
-      tooltip: /* @__PURE__ */ l(t, { children: [
+      tooltip: /* @__PURE__ */ t(l, { children: [
         "1 sept - 5 sept",
         /* @__PURE__ */ e("br", {}),
         "2025"
@@ -175,7 +175,7 @@ p.args = {
       label: "2",
       value: "2",
       prefix: "37",
-      tooltip: /* @__PURE__ */ l(t, { children: [
+      tooltip: /* @__PURE__ */ t(l, { children: [
         "8 sept - 12 sept",
         /* @__PURE__ */ e("br", {}),
         "2025"
@@ -185,7 +185,7 @@ p.args = {
       label: "3",
       value: "3",
       prefix: "38",
-      tooltip: /* @__PURE__ */ l(t, { children: [
+      tooltip: /* @__PURE__ */ t(l, { children: [
         "15 sept - 19 sept",
         /* @__PURE__ */ e("br", {}),
         "2025"
@@ -195,7 +195,7 @@ p.args = {
       label: "4",
       value: "4",
       prefix: "39",
-      tooltip: /* @__PURE__ */ l(t, { children: [
+      tooltip: /* @__PURE__ */ t(l, { children: [
         "22 sept - 26 sept",
         /* @__PURE__ */ e("br", {}),
         "2025"
@@ -205,7 +205,7 @@ p.args = {
       label: "5",
       value: "5",
       prefix: "40",
-      tooltip: /* @__PURE__ */ l(t, { children: [
+      tooltip: /* @__PURE__ */ t(l, { children: [
         "29 sept - 3 okt",
         /* @__PURE__ */ e("br", {}),
         "2025"
@@ -215,7 +215,7 @@ p.args = {
       label: "6",
       value: "6",
       prefix: "41",
-      tooltip: /* @__PURE__ */ l(t, { children: [
+      tooltip: /* @__PURE__ */ t(l, { children: [
         "6 okt - 10 okt",
         /* @__PURE__ */ e("br", {}),
         "2025"
@@ -225,7 +225,7 @@ p.args = {
       label: "7",
       value: "7",
       prefix: "42",
-      tooltip: /* @__PURE__ */ l(t, { children: [
+      tooltip: /* @__PURE__ */ t(l, { children: [
         "13 okt - 17 okt",
         /* @__PURE__ */ e("br", {}),
         "2025"
@@ -235,7 +235,7 @@ p.args = {
       label: "8",
       value: "8",
       prefix: "43",
-      tooltip: /* @__PURE__ */ l(t, { children: [
+      tooltip: /* @__PURE__ */ t(l, { children: [
         "20 okt - 24 okt",
         /* @__PURE__ */ e("br", {}),
         "2025"
@@ -248,11 +248,46 @@ p.args = {
   actAsRadioButtonBar: !1,
   onSetValues: o()
 };
+const c = a.bind({});
+c.args = {
+  label: "Year(s)",
+  required: !0,
+  checkboxes: [
+    {
+      label: "1",
+      value: "1",
+      tooltip: /* @__PURE__ */ e(l, { children: "2023 - 2024" }),
+      tooltipPosition: "left"
+    },
+    {
+      label: "2",
+      value: "2",
+      tooltip: /* @__PURE__ */ e(l, { children: "2025 - 2026" })
+    },
+    {
+      label: "3",
+      value: "3",
+      tooltip: /* @__PURE__ */ e(l, { children: "2026 - 2027" })
+    },
+    {
+      label: "4",
+      value: "4",
+      tooltip: /* @__PURE__ */ e(l, { children: "2027 - 2028" }),
+      tooltipPosition: "right"
+    }
+  ],
+  defaultValues: ["1"],
+  labelPosition: "top",
+  actAsRadioButtonBar: !1,
+  segmented: !0,
+  onSetValues: o()
+};
 export {
-  n as CheckboxButtonBarAsRadioButtonBar,
-  u as CheckboxButtonBarExample,
-  s as CheckboxButtonBarWithPrefix,
-  p as CheckboxButtonBarWithTooltip,
-  f as default
+  b as AsRadioButtonBar,
+  s as CheckboxButtonBarExample,
+  c as Segmented,
+  n as WithPrefix,
+  p as WithTooltip,
+  v as default
 };
 //# sourceMappingURL=CheckboxButtonBar.stories.js.map

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxButtonBar.stories.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxButtonBarProps } from './CheckboxButtonBar';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst codeString =\n '<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/CheckboxButtonBar',\n component: CheckboxButtonBar,\n argTypes: {\n checkboxes: {\n table: {\n disable: true,\n },\n },\n defaultValues: {\n table: {\n disable: true,\n },\n },\n label: {\n control: 'text',\n },\n labelPosition: {\n control: 'radio',\n options: ['top', 'left'],\n },\n required: {\n control: 'boolean',\n },\n notValidatedText: {\n control: 'text',\n },\n disableGroup: {\n control: 'boolean',\n },\n actAsRadioButtonBar: {\n control: 'boolean',\n },\n onSetValues: {\n table: {\n disable: true,\n },\n },\n },\n parameters: {\n inspectComponent: CheckboxButtonBar,\n codeString: codeString,\n },\n} as Meta<CheckboxButtonBarProps>;\n\nconst Template: StoryFn<CheckboxButtonBarProps> = (args) => <CheckboxButtonBar {...args} />;\n\nexport const CheckboxButtonBarExample = Template.bind({});\nCheckboxButtonBarExample.args = {\n label: 'Periode',\n required: true,\n checkboxes: [\n {\n label: '1.1',\n value: '1',\n },\n {\n label: '1.2',\n value: '2',\n },\n {\n label: '1.3',\n value: '3',\n },\n {\n label: '4',\n value: '4',\n },\n {\n label: '5',\n value: '5',\n },\n {\n label: '6',\n value: '6',\n },\n ],\n defaultValues: ['1', '2'],\n labelPosition: 'top',\n footerText: 'Weken in periode 2',\n onSetValues: fn(),\n};\n\nexport const CheckboxButtonBarAsRadioButtonBar = Template.bind({});\nCheckboxButtonBarAsRadioButtonBar.args = {\n label: 'Weken',\n required: true,\n checkboxes: [\n {\n label: '1',\n value: '1',\n },\n {\n label: '2',\n value: '2',\n },\n {\n label: '3',\n value: '3',\n },\n {\n label: '4',\n value: '4',\n },\n {\n label: '5',\n value: '5',\n },\n {\n label: '6',\n value: '6',\n },\n ],\n defaultValues: ['1'],\n labelPosition: 'top',\n actAsRadioButtonBar: true,\n onSetValues: fn(),\n};\n\nexport const CheckboxButtonBarWithPrefix = Template.bind({});\nCheckboxButtonBarWithPrefix.args = {\n label: 'Weken',\n required: true,\n checkboxes: [\n {\n label: '1',\n value: '1',\n prefix: '13',\n },\n {\n label: '2',\n value: '2',\n prefix: '14',\n },\n {\n label: '3',\n value: '3',\n prefix: '15',\n },\n {\n label: '4',\n value: '4',\n prefix: '16',\n },\n {\n label: '5',\n value: '5',\n prefix: '17',\n },\n {\n label: '6',\n value: '6',\n prefix: '18',\n },\n ],\n defaultValues: ['1'],\n labelPosition: 'top',\n actAsRadioButtonBar: false,\n onSetValues: fn(),\n};\n\nexport const CheckboxButtonBarWithTooltip = Template.bind({});\nCheckboxButtonBarWithTooltip.args = {\n label: 'Weken',\n required: true,\n checkboxes: [\n {\n label: '1',\n value: '1',\n prefix: '36',\n tooltip: (\n <>\n 1 sept - 5 sept\n <br />\n 2025\n </>\n ),\n tooltipPosition: 'left',\n },\n {\n label: '2',\n value: '2',\n prefix: '37',\n tooltip: (\n <>\n 8 sept - 12 sept\n <br />\n 2025\n </>\n ),\n },\n {\n label: '3',\n value: '3',\n prefix: '38',\n tooltip: (\n <>\n 15 sept - 19 sept\n <br />\n 2025\n </>\n ),\n },\n {\n label: '4',\n value: '4',\n prefix: '39',\n tooltip: (\n <>\n 22 sept - 26 sept\n <br />\n 2025\n </>\n ),\n },\n {\n label: '5',\n value: '5',\n prefix: '40',\n tooltip: (\n <>\n 29 sept - 3 okt\n <br />\n 2025\n </>\n ),\n },\n {\n label: '6',\n value: '6',\n prefix: '41',\n tooltip: (\n <>\n 6 okt - 10 okt\n <br />\n 2025\n </>\n ),\n },\n {\n label: '7',\n value: '7',\n prefix: '42',\n tooltip: (\n <>\n 13 okt - 17 okt\n <br />\n 2025\n </>\n ),\n },\n {\n label: '8',\n value: '8',\n prefix: '43',\n tooltip: (\n <>\n 20 okt - 24 okt\n <br />\n 2025\n </>\n ),\n tooltipPosition: 'right',\n },\n ],\n defaultValues: ['1'],\n labelPosition: 'top',\n actAsRadioButtonBar: false,\n onSetValues: fn(),\n};\n"],"names":["codeString","CheckboxButtonBar_stories","CheckboxButtonBar","Template","args","jsx","CheckboxButtonBarExample","fn","CheckboxButtonBarAsRadioButtonBar","CheckboxButtonBarWithPrefix","CheckboxButtonBarWithTooltip","jsxs","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"CheckboxButtonBar.stories.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxButtonBarProps } from './CheckboxButtonBar';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst codeString =\n '<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/CheckboxButtonBar',\n component: CheckboxButtonBar,\n argTypes: {\n checkboxes: {\n table: {\n disable: true,\n },\n },\n defaultValues: {\n table: {\n disable: true,\n },\n },\n label: {\n control: 'text',\n },\n labelPosition: {\n control: 'radio',\n options: ['top', 'left'],\n },\n required: {\n control: 'boolean',\n },\n notValidatedText: {\n control: 'text',\n },\n disableGroup: {\n control: 'boolean',\n },\n actAsRadioButtonBar: {\n control: 'boolean',\n },\n onSetValues: {\n table: {\n disable: true,\n },\n },\n },\n parameters: {\n inspectComponent: CheckboxButtonBar,\n codeString: codeString,\n },\n} as Meta<CheckboxButtonBarProps>;\n\nconst Template: StoryFn<CheckboxButtonBarProps> = (args) => <CheckboxButtonBar {...args} />;\n\nexport const CheckboxButtonBarExample = Template.bind({});\nCheckboxButtonBarExample.args = {\n label: 'Periode',\n required: true,\n checkboxes: [\n {\n label: '1.1',\n value: '1',\n },\n {\n label: '1.2',\n value: '2',\n },\n {\n label: '1.3',\n value: '3',\n },\n {\n label: '4',\n value: '4',\n },\n {\n label: '5',\n value: '5',\n },\n {\n label: '6',\n value: '6',\n },\n ],\n defaultValues: ['1', '2'],\n labelPosition: 'top',\n footerText: 'Weken in periode 2',\n onSetValues: fn(),\n};\n\nexport const AsRadioButtonBar = Template.bind({});\nAsRadioButtonBar.args = {\n label: 'Weken',\n required: true,\n checkboxes: [\n {\n label: '1',\n value: '1',\n },\n {\n label: '2',\n value: '2',\n },\n {\n label: '3',\n value: '3',\n },\n {\n label: '4',\n value: '4',\n },\n {\n label: '5',\n value: '5',\n },\n {\n label: '6',\n value: '6',\n },\n ],\n defaultValues: ['1'],\n labelPosition: 'top',\n actAsRadioButtonBar: true,\n onSetValues: fn(),\n};\n\nexport const WithPrefix = Template.bind({});\nWithPrefix.args = {\n label: 'Weken',\n required: true,\n checkboxes: [\n {\n label: '1',\n value: '1',\n prefix: '13',\n },\n {\n label: '2',\n value: '2',\n prefix: '14',\n },\n {\n label: '3',\n value: '3',\n prefix: '15',\n },\n {\n label: '4',\n value: '4',\n prefix: '16',\n },\n {\n label: '5',\n value: '5',\n prefix: '17',\n },\n {\n label: '6',\n value: '6',\n prefix: '18',\n },\n ],\n defaultValues: ['1'],\n labelPosition: 'top',\n actAsRadioButtonBar: false,\n onSetValues: fn(),\n};\n\nexport const WithTooltip = Template.bind({});\nWithTooltip.args = {\n label: 'Weken',\n required: true,\n checkboxes: [\n {\n label: '1',\n value: '1',\n prefix: '36',\n tooltip: (\n <>\n 1 sept - 5 sept\n <br />\n 2025\n </>\n ),\n tooltipPosition: 'left',\n },\n {\n label: '2',\n value: '2',\n prefix: '37',\n tooltip: (\n <>\n 8 sept - 12 sept\n <br />\n 2025\n </>\n ),\n },\n {\n label: '3',\n value: '3',\n prefix: '38',\n tooltip: (\n <>\n 15 sept - 19 sept\n <br />\n 2025\n </>\n ),\n },\n {\n label: '4',\n value: '4',\n prefix: '39',\n tooltip: (\n <>\n 22 sept - 26 sept\n <br />\n 2025\n </>\n ),\n },\n {\n label: '5',\n value: '5',\n prefix: '40',\n tooltip: (\n <>\n 29 sept - 3 okt\n <br />\n 2025\n </>\n ),\n },\n {\n label: '6',\n value: '6',\n prefix: '41',\n tooltip: (\n <>\n 6 okt - 10 okt\n <br />\n 2025\n </>\n ),\n },\n {\n label: '7',\n value: '7',\n prefix: '42',\n tooltip: (\n <>\n 13 okt - 17 okt\n <br />\n 2025\n </>\n ),\n },\n {\n label: '8',\n value: '8',\n prefix: '43',\n tooltip: (\n <>\n 20 okt - 24 okt\n <br />\n 2025\n </>\n ),\n tooltipPosition: 'right',\n },\n ],\n defaultValues: ['1'],\n labelPosition: 'top',\n actAsRadioButtonBar: false,\n onSetValues: fn(),\n};\n\nexport const Segmented = Template.bind({});\nSegmented.args = {\n label: 'Year(s)',\n required: true,\n checkboxes: [\n {\n label: '1',\n value: '1',\n tooltip: <>2023 - 2024</>,\n tooltipPosition: 'left',\n },\n {\n label: '2',\n value: '2',\n tooltip: <>2025 - 2026</>,\n },\n {\n label: '3',\n value: '3',\n tooltip: <>2026 - 2027</>,\n },\n {\n label: '4',\n value: '4',\n tooltip: <>2027 - 2028</>,\n tooltipPosition: 'right',\n },\n ],\n defaultValues: ['1'],\n labelPosition: 'top',\n actAsRadioButtonBar: false,\n segmented: true,\n onSetValues: fn(),\n};\n"],"names":["codeString","CheckboxButtonBar_stories","CheckboxButtonBar","Template","args","jsx","CheckboxButtonBarExample","fn","AsRadioButtonBar","WithPrefix","WithTooltip","jsxs","Fragment","Segmented"],"mappings":"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"}

package/dist/components/CheckboxTree/CheckboxTree.stories.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as _ } from "react/jsx-runtime";
-import { s as T, l as C } from "../../index-BamlKH-k.js";
-import { G as v, _ as w } from "../../index-BVrrnUn0.js";
+import { s as T, l as C } from "../../index-DvUwfXNb.js";
+import { G as v, _ as w } from "../../index-BfMTX2kB.js";
 import { useState as R } from "react";
 import { CheckboxTree as b } from "./CheckboxTree.js";
 import { Chip as S } from "../Chip/Chip.js";

package/dist/components/Chip/Chip.stories.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { l as t } from "../../index-BamlKH-k.js";
+import { l as t } from "../../index-DvUwfXNb.js";
 import { Chip as e } from "./Chip.js";
 const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
   title: "Atoms/Chip",

package/dist/components/ControlsButton/ControlsButton.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export interface ControlsButtonProps {
     /** to set type/behaviour of input radio or checkbox */
     type?: 'radio' | 'checkbox';
     /** button label */
-    label: string;
+    label: string | ReactNode;
     /** button value */
     value: string;
     /** set if icon is needed in font of label */