@uva-glass/component-library 3.45.4 → 3.45.5

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.
@@ -28,7 +28,9 @@ export interface CheckboxButtonBarProps {
28
28
  disableGroup?: boolean;
29
29
  /** `true` to sepearte each button in their own bordered container */
30
30
  segmented?: boolean;
31
+ /** `true` sets forceSquared on all buttons */
32
+ forceSquared?: boolean;
31
33
  onSetValues: (value: string[]) => void;
32
34
  }
33
- export declare const CheckboxButtonBar: ({ checkboxes, defaultValues, label, labelPosition, required, notValidated, notValidatedText, actAsRadioButtonBar, footerText, disableGroup, segmented, onSetValues, }: CheckboxButtonBarProps) => import("react/jsx-runtime").JSX.Element;
35
+ export declare const CheckboxButtonBar: ({ checkboxes, defaultValues, label, labelPosition, required, notValidated, notValidatedText, actAsRadioButtonBar, footerText, disableGroup, segmented, forceSquared, onSetValues, }: CheckboxButtonBarProps) => import("react/jsx-runtime").JSX.Element;
34
36
  export {};
@@ -1,10 +1,10 @@
1
- import { jsxs as y, jsx as t } from "react/jsx-runtime";
2
- import { useState as j } from "react";
1
+ import { jsxs as F, jsx as t } from "react/jsx-runtime";
2
+ import { useState as S } from "react";
3
3
  import { c as _ } from "../../clsx-OuTLNxxd.js";
4
- import { Label as q } from "../Label/Label.js";
5
- import { FeedbackBox as F } from "../FeedbackBox/FeedbackBox.js";
6
- import { ControlsButton as N } from "../ControlsButton/ControlsButton.js";
7
- import '../../assets/CheckboxButtonBar.css';const c = {
4
+ import { Label as L } from "../Label/Label.js";
5
+ import { FeedbackBox as $ } from "../FeedbackBox/FeedbackBox.js";
6
+ import { ControlsButton as C } from "../ControlsButton/ControlsButton.js";
7
+ import '../../assets/CheckboxButtonBar.css';const e = {
8
8
  "checkbox-button-bar__container": "_checkbox-button-bar__container_u8hmc_1",
9
9
  "checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-left_u8hmc_6",
10
10
  "checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-top_u8hmc_12",
@@ -13,60 +13,61 @@ import '../../assets/CheckboxButtonBar.css';const c = {
13
13
  "checkbox-button-bar__row": "_checkbox-button-bar__row_u8hmc_18",
14
14
  "checkbox-button-bar__row--not-validated": "_checkbox-button-bar__row--not-validated_u8hmc_39",
15
15
  "checkbox-button-bar__footer": "_checkbox-button-bar__footer_u8hmc_43"
16
- }, H = ({
17
- checkboxes: k,
18
- defaultValues: b,
19
- label: m,
20
- labelPosition: S = "top",
21
- required: C = !1,
16
+ }, J = ({
17
+ checkboxes: m,
18
+ defaultValues: r,
19
+ label: u,
20
+ labelPosition: y = "top",
21
+ required: j = !1,
22
22
  notValidated: x = !1,
23
23
  notValidatedText: n = "",
24
24
  actAsRadioButtonBar: a = !1,
25
25
  footerText: d = "",
26
26
  disableGroup: f = !1,
27
27
  segmented: p = !1,
28
- onSetValues: w
28
+ forceSquared: w = !1,
29
+ onSetValues: g
29
30
  }) => {
30
- const [h, g] = j(
31
- b && !a ? b.map(String) : b && a ? b.slice(0, 1) : []
32
- ), v = (e) => {
31
+ const [h, v] = S(
32
+ r && !a ? r.map(String) : r && a ? r.slice(0, 1) : []
33
+ ), N = (c) => {
33
34
  let o = h;
34
- a ? (g([e]), w([e])) : (o.includes(e) ? o = o.filter((r) => r !== e) : o = [...o, e], g(o), w(o));
35
+ a ? (v([c]), g([c])) : (o.includes(c) ? o = o.filter((b) => b !== c) : o = [...o, c], v(o), g(o));
35
36
  };
36
- return /* @__PURE__ */ y(
37
+ return /* @__PURE__ */ F(
37
38
  "div",
38
39
  {
39
40
  className: _(
40
- c["checkbox-button-bar__container"],
41
- c[`checkbox-button-bar__container--label-${S}`]
41
+ e["checkbox-button-bar__container"],
42
+ e[`checkbox-button-bar__container--label-${y}`]
42
43
  ),
43
44
  children: [
44
- m && /* @__PURE__ */ t(q, { htmlFor: "", required: C, children: m }),
45
+ u && /* @__PURE__ */ t(L, { htmlFor: "", required: j, children: u }),
45
46
  /* @__PURE__ */ t(
46
47
  "div",
47
48
  {
48
- className: _(c["checkbox-button-bar__row-container"], {
49
- [c["checkbox-button-bar__row-container--segmented"]]: p
49
+ className: _(e["checkbox-button-bar__row-container"], {
50
+ [e["checkbox-button-bar__row-container--segmented"]]: p
50
51
  }),
51
- children: p ? k.map(({ label: e, value: o, prefix: r, tooltip: l, tooltipPosition: i, disabled: u }) => /* @__PURE__ */ t(
52
+ children: p ? m.map(({ label: c, value: o, prefix: b, tooltip: l, tooltipPosition: i, disabled: s }) => /* @__PURE__ */ t(
52
53
  "div",
53
54
  {
54
- className: _(c["checkbox-button-bar__row"], {
55
- [c["checkbox-button-bar__row--not-validated"]]: x || n
55
+ className: _(e["checkbox-button-bar__row"], {
56
+ [e["checkbox-button-bar__row--not-validated"]]: x || n
56
57
  }),
57
58
  children: /* @__PURE__ */ t(
58
- N,
59
+ C,
59
60
  {
60
61
  type: "checkbox",
61
- label: e,
62
- prefix: r,
62
+ label: c,
63
+ prefix: b,
63
64
  tooltip: l,
64
65
  tooltipPosition: i,
65
- forceSquared: !0,
66
+ forceSquared: w,
66
67
  value: o,
67
68
  checked: h.includes(o),
68
- disabled: u || f,
69
- onSetValue: (s) => v(s.target.value)
69
+ disabled: s || f,
70
+ onSetValue: (k) => N(k.target.value)
70
71
  }
71
72
  )
72
73
  },
@@ -74,22 +75,22 @@ import '../../assets/CheckboxButtonBar.css';const c = {
74
75
  )) : /* @__PURE__ */ t(
75
76
  "div",
76
77
  {
77
- className: _(c["checkbox-button-bar__row"], {
78
- [c["checkbox-button-bar__row--not-validated"]]: x || n
78
+ className: _(e["checkbox-button-bar__row"], {
79
+ [e["checkbox-button-bar__row--not-validated"]]: x || n
79
80
  }),
80
- children: k.map(({ label: e, value: o, prefix: r, tooltip: l, tooltipPosition: i, disabled: u }) => /* @__PURE__ */ t(
81
- N,
81
+ children: m.map(({ label: c, value: o, prefix: b, tooltip: l, tooltipPosition: i, disabled: s }) => /* @__PURE__ */ t(
82
+ C,
82
83
  {
83
84
  type: "checkbox",
84
- label: e,
85
- prefix: r,
85
+ label: c,
86
+ prefix: b,
86
87
  tooltip: l,
87
88
  tooltipPosition: i,
88
- forceSquared: !0,
89
+ forceSquared: w,
89
90
  value: o,
90
91
  checked: h.includes(o),
91
- disabled: u || f,
92
- onSetValue: (s) => v(s.target.value)
92
+ disabled: s || f,
93
+ onSetValue: (k) => N(k.target.value)
93
94
  },
94
95
  o
95
96
  ))
@@ -97,13 +98,13 @@ import '../../assets/CheckboxButtonBar.css';const c = {
97
98
  )
98
99
  }
99
100
  ),
100
- d && /* @__PURE__ */ t("div", { className: c["checkbox-button-bar__footer"], children: d }),
101
- n !== "" && /* @__PURE__ */ t(F, { level: "error", feedback: n })
101
+ d && /* @__PURE__ */ t("div", { className: e["checkbox-button-bar__footer"], children: d }),
102
+ n !== "" && /* @__PURE__ */ t($, { level: "error", feedback: n })
102
103
  ]
103
104
  }
104
105
  );
105
106
  };
106
107
  export {
107
- H as CheckboxButtonBar
108
+ J as CheckboxButtonBar
108
109
  };
109
110
  //# sourceMappingURL=CheckboxButtonBar.js.map
@@ -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 | 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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"}
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 /** `true` sets forceSquared on all buttons */\n forceSquared?: 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 forceSquared = 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={forceSquared}\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={forceSquared}\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","forceSquared","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/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@uva-glass/component-library",
3
3
  "author": "Team Glass - Frontend vrienden",
4
4
  "private": false,
5
- "version": "3.45.4",
5
+ "version": "3.45.5",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
@@ -52,11 +52,11 @@
52
52
  "@semantic-release/git": "^10.0.1",
53
53
  "@semantic-release/gitlab": "^13.2.8",
54
54
  "@semantic-release/npm": "^12.0.2",
55
- "@storybook/addon-a11y": "^9.1.6",
56
- "@storybook/addon-docs": "^9.1.6",
57
- "@storybook/addon-links": "^9.1.6",
58
- "@storybook/react": "^9.1.6",
59
- "@storybook/react-vite": "^9.1.6",
55
+ "@storybook/addon-a11y": "^9.1.7",
56
+ "@storybook/addon-docs": "^9.1.7",
57
+ "@storybook/addon-links": "^9.1.7",
58
+ "@storybook/react": "^9.1.7",
59
+ "@storybook/react-vite": "^9.1.7",
60
60
  "@testing-library/jest-dom": "^6.8.0",
61
61
  "@testing-library/react": "^16.3.0",
62
62
  "@types/jest": "^30.0.0",
@@ -82,7 +82,7 @@
82
82
  "react-dom": "^19.1.1",
83
83
  "react-router": "^7.9.1",
84
84
  "semantic-release": "^24.2.8",
85
- "storybook": "^9.1.6",
85
+ "storybook": "^9.1.7",
86
86
  "style-dictionary": "^5.0.4",
87
87
  "stylelint": "^16.24.0",
88
88
  "stylelint-config-recommended": "^17.0.0",