@bonprix-ds/react-checkbox-group 1.0.2 → 1.0.4

package/dist/index.d.ts

@@ -1,7 +1,14 @@
-import { FC } from 'react';
+import { default as default_2 } from 'react';
 import { SelectionControlGroupProps } from '@bonprix-ds/internal-components';
 
-declare const CheckboxGroup: FC<CheckboxGroupProps> & Subcomponents;
+declare const CheckboxGroup: {
+    (props: CheckboxGroupProps): default_2.JSX.Element;
+    displayName: string;
+    Item: {
+        ({ label, value }: CheckboxGroupItemProps): default_2.JSX.Element;
+        displayName: string;
+    };
+};
 export default CheckboxGroup;
 
 declare interface CheckboxGroupBaseProps extends Omit<SelectionControlGroupProps, "componentName" | "divider" | "horizontalPadding"> {
@@ -11,8 +18,6 @@ declare interface CheckboxGroupBaseProps extends Omit<SelectionControlGroupProps
     name: string;
 }
 
-declare const CheckboxGroupItem: FC<CheckboxGroupItemProps>;
-
 declare interface CheckboxGroupItemProps {
     /** Value of the checkbox group item, which will be submitted. Defaults to the label if not provided. */
     value?: string;
@@ -31,10 +36,6 @@ declare interface ControlledCheckboxGroupProps extends CheckboxGroupBaseProps {
     onChange: (value: string[]) => void;
 }
 
-declare interface Subcomponents {
-    Item: typeof CheckboxGroupItem;
-}
-
 declare interface UncontrolledCheckboxGroupProps extends CheckboxGroupBaseProps {
     values?: never;
     defaultValues: string[];

package/dist/index.js

@@ -1,59 +1,2 @@
-"use client";
-import { CheckboxBase as e, SelectionControlGroup as t } from "@bonprix-ds/internal-components";
-import { createContext as n, useContext as r, useId as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/CheckboxGroupContext.ts
-var o = n({
-	values: [],
-	name: "",
-	onChange: () => null,
-	disabled: !1,
-	error: !1,
-	required: !1,
-	helperTextId: "",
-	errorTextId: ""
-}), s = ({ label: t, value: n = t }) => {
-	let { values: i, onChange: s, ...c } = r(o), l = i.includes(n), u = () => {
-		let e = l ? i.filter((e) => e !== n) : [...i, n];
-		s?.(e);
-	};
-	return /* @__PURE__ */ a(e, {
-		...c,
-		checked: l,
-		onChange: u,
-		label: t,
-		value: n
-	});
-}, c = ({ label: e, name: n, values: r, defaultValues: s, children: c, onChange: l, error: u = !1, errorText: d, disabled: f = !1, helperText: p, required: m = !1 }) => {
-	let h = {
-		values: r === void 0 ? s : r,
-		name: n,
-		onChange: l,
-		disabled: f,
-		error: u,
-		required: m,
-		helperTextId: i(),
-		errorTextId: i()
-	};
-	return /* @__PURE__ */ a(t, {
-		label: e,
-		error: u,
-		errorText: d,
-		disabled: f,
-		helperText: p,
-		required: m,
-		componentName: "checkbox-group",
-		children: /* @__PURE__ */ a("div", {
-			className: "preflight flex flex-wrap flex-col",
-			children: /* @__PURE__ */ a(o.Provider, {
-				value: h,
-				children: c
-			})
-		})
-	});
-};
-c.displayName = "CheckboxGroup", c.Item = s, c.Item.displayName = "CheckboxGroup.Item";
-//#endregion
-export { c as default };
-
-//# sourceMappingURL=index.js.map
+import e from "./src/CheckboxGroup.js";
+export { e as default };

package/dist/src/CheckboxGroup.js

@@ -0,0 +1,11 @@
+import e from "./CheckboxGroupItem/index.js";
+import t from "./CheckboxGroupRoot.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/CheckboxGroup.tsx
+var r = (e) => /* @__PURE__ */ n(t, { ...e });
+r.displayName = "CheckboxGroup", r.Item = e;
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/src/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","names":[],"sources":["../../src/CheckboxGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nimport CheckboxGroupItem from \"./CheckboxGroupItem\";\nimport CheckboxGroupRoot, { type Props } from \"./CheckboxGroupRoot\";\n\nexport type { Props };\n\nconst CheckboxGroup = (props: Props) => <CheckboxGroupRoot {...props} />;\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nCheckboxGroup.Item = CheckboxGroupItem;\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;AAOA,IAAM,KAAiB,MAAiB,kBAAC,GAAD,EAAmB,GAAI,EAAQ,CAAA;AAEvE,EAAc,cAAc,iBAE5B,EAAc,OAAO"}

package/dist/src/CheckboxGroupContext.js

@@ -0,0 +1,17 @@
+"use client";
+import { createContext as e } from "react";
+//#region src/CheckboxGroupContext.ts
+var t = e({
+	values: [],
+	name: "",
+	onChange: () => null,
+	disabled: !1,
+	error: !1,
+	required: !1,
+	helperTextId: "",
+	errorTextId: ""
+});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=CheckboxGroupContext.js.map

package/dist/src/CheckboxGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupContext.js","names":[],"sources":["../../src/CheckboxGroupContext.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\ninterface CheckboxGroupContextProps {\n  values: string[];\n  name: string;\n  onChange?: (value: string[]) => void;\n  disabled: boolean;\n  error: boolean;\n  required: boolean;\n  helperTextId: string;\n  errorTextId: string;\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextProps>({\n  values: [],\n  name: \"\",\n  onChange: () => null,\n  disabled: false,\n  error: false,\n  required: false,\n  helperTextId: \"\",\n  errorTextId: \"\",\n});\n\nexport default CheckboxGroupContext;\n"],"mappings":";;;AAeA,IAAM,IAAuB,EAAyC;CACpE,QAAQ,CAAC;CACT,MAAM;CACN,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,cAAc;CACd,aAAa;AACf,CAAC"}

package/dist/src/CheckboxGroupItem/CheckboxGroupItem.js

@@ -0,0 +1,24 @@
+"use client";
+import e from "../CheckboxGroupContext.js";
+import { useContext as t } from "react";
+import { CheckboxBase as n } from "@bonprix-ds/internal-components";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/CheckboxGroupItem/CheckboxGroupItem.tsx
+var i = ({ label: i, value: a = i }) => {
+	let { values: o, onChange: s, ...c } = t(e), l = o.includes(a), u = () => {
+		let e = l ? o.filter((e) => e !== a) : [...o, a];
+		s?.(e);
+	};
+	return /* @__PURE__ */ r(n, {
+		...c,
+		checked: l,
+		onChange: u,
+		label: i,
+		value: a
+	});
+};
+i.displayName = "CheckboxGroup.Item";
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=CheckboxGroupItem.js.map

package/dist/src/CheckboxGroupItem/CheckboxGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupItem.js","names":[],"sources":["../../../src/CheckboxGroupItem/CheckboxGroupItem.tsx"],"sourcesContent":["\"use client\";\n\nimport { CheckboxBase } from \"@bonprix-ds/internal-components\";\nimport React, { useContext } from \"react\";\n\nimport CheckboxGroupContext from \"../CheckboxGroupContext\";\n\nexport interface CheckboxGroupItemProps {\n  /** Value of the checkbox group item, which will be submitted. Defaults to the label if not provided. */\n  value?: string;\n  /** The label for the checkbox group item. */\n  label: string;\n}\n\nconst CheckboxGroupItem = ({ label, value = label }: CheckboxGroupItemProps) => {\n  const { values, onChange, ...rest } = useContext(CheckboxGroupContext);\n  const checked = values.includes(value);\n\n  const handleChange = () => {\n    const newValues = checked ? values.filter((v) => v !== value) : [...values, value];\n    onChange?.(newValues);\n  };\n\n  return <CheckboxBase {...rest} checked={checked} onChange={handleChange} label={label} value={value} />;\n};\n\nCheckboxGroupItem.displayName = \"CheckboxGroup.Item\";\n\nexport default CheckboxGroupItem;\n"],"mappings":";;;;;;AAcA,IAAM,KAAqB,EAAE,UAAO,WAAQ,QAAoC;CAC9E,IAAM,EAAE,WAAQ,aAAU,GAAG,MAAS,EAAW,CAAoB,GAC/D,IAAU,EAAO,SAAS,CAAK,GAE/B,UAAqB;EACzB,IAAM,IAAY,IAAU,EAAO,QAAQ,MAAM,MAAM,CAAK,IAAI,CAAC,GAAG,GAAQ,CAAK;EACjF,IAAW,CAAS;CACtB;CAEA,OAAO,kBAAC,GAAD;EAAc,GAAI;EAAe;EAAS,UAAU;EAAqB;EAAc;CAAQ,CAAA;AACxG;AAEA,EAAkB,cAAc"}

package/dist/src/CheckboxGroupItem/index.js

@@ -0,0 +1,7 @@
+import e from "./CheckboxGroupItem.js";
+//#region src/CheckboxGroupItem/index.ts
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=index.js.map

package/dist/src/CheckboxGroupItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/CheckboxGroupItem/index.ts"],"sourcesContent":["import CheckboxGroupItem from \"./CheckboxGroupItem\";\n\nexport default CheckboxGroupItem;\n"],"mappings":";;AAEA,IAAA,IAAe"}

package/dist/src/CheckboxGroupRoot.js

@@ -0,0 +1,39 @@
+"use client";
+import e from "./CheckboxGroupContext.js";
+import { useId as t } from "react";
+import { SelectionControlGroup as n } from "@bonprix-ds/internal-components";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/CheckboxGroupRoot.tsx
+var i = ({ label: i, name: a, values: o, defaultValues: s, children: c, onChange: l, error: u = !1, errorText: d, disabled: f = !1, helperText: p, required: m = !1 }) => {
+	let h = {
+		values: o === void 0 ? s : o,
+		name: a,
+		onChange: l,
+		disabled: f,
+		error: u,
+		required: m,
+		helperTextId: t(),
+		errorTextId: t()
+	};
+	return /* @__PURE__ */ r(n, {
+		label: i,
+		error: u,
+		errorText: d,
+		disabled: f,
+		helperText: p,
+		required: m,
+		componentName: "checkbox-group",
+		children: /* @__PURE__ */ r("div", {
+			className: "preflight flex flex-wrap flex-col",
+			children: /* @__PURE__ */ r(e.Provider, {
+				value: h,
+				children: c
+			})
+		})
+	});
+};
+i.displayName = "CheckboxGroup";
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=CheckboxGroupRoot.js.map

package/dist/src/CheckboxGroupRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupRoot.js","names":[],"sources":["../../src/CheckboxGroupRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { SelectionControlGroup, SelectionControlGroupProps } from \"@bonprix-ds/internal-components\";\nimport React, { useId } from \"react\";\n\nimport CheckboxGroupContext from \"./CheckboxGroupContext\";\n\ninterface CheckboxGroupBaseProps extends Omit<SelectionControlGroupProps, \"componentName\" | \"divider\" | \"horizontalPadding\"> {\n  /** The caption for the checkbox group. */\n  label: string;\n  /** The name of the checkbox group. Will be used as the `name` attribute for every item. */\n  name: string;\n}\n\ninterface ControlledCheckboxGroupProps extends CheckboxGroupBaseProps {\n  /** The current values of the checkbox group. Should be used in conjunction with `onChange`, when controlling the values. Should be `undefined` otherwise. */\n  values: string[];\n  /** The default values of the checkbox group. Should be used when the checkbox group is uncontrolled. */\n  defaultValues?: never;\n  /** Callback function that is called when the checkbox group state changes. `values` should be adjusted appropriately. */\n  onChange: (value: string[]) => void;\n}\n\ninterface UncontrolledCheckboxGroupProps extends CheckboxGroupBaseProps {\n  values?: never;\n  defaultValues: string[];\n  onChange?: (value: string[]) => void;\n}\n\nexport type Props = ControlledCheckboxGroupProps | UncontrolledCheckboxGroupProps;\n\nconst CheckboxGroupRoot = ({\n  label,\n  name,\n  values: controlledValues,\n  defaultValues,\n  children,\n  onChange,\n  error = false,\n  errorText,\n  disabled = false,\n  helperText,\n  required = false,\n}: Props) => {\n  const isControlled = controlledValues !== undefined;\n  const values = isControlled ? controlledValues : defaultValues;\n  const helperTextId = useId();\n  const errorTextId = useId();\n  const contextProps = { values, name, onChange, disabled, error, required, helperTextId, errorTextId };\n\n  return (\n    <SelectionControlGroup\n      label={label}\n      error={error}\n      errorText={errorText}\n      disabled={disabled}\n      helperText={helperText}\n      required={required}\n      componentName=\"checkbox-group\"\n    >\n      <div className=\"preflight flex flex-wrap flex-col\">\n        <CheckboxGroupContext.Provider value={contextProps}>{children}</CheckboxGroupContext.Provider>\n      </div>\n    </SelectionControlGroup>\n  );\n};\n\nCheckboxGroupRoot.displayName = \"CheckboxGroup\";\n\nexport default CheckboxGroupRoot;\n"],"mappings":";;;;;;AA+BA,IAAM,KAAqB,EACzB,UACA,SACA,QAAQ,GACR,kBACA,aACA,aACA,WAAQ,IACR,cACA,cAAW,IACX,eACA,cAAW,SACA;CAKX,IAAM,IAAe;EAAE,QAJF,MAAqB,KAAA,IACO,IAAnB;EAGC;EAAM;EAAU;EAAU;EAAO;EAAU,cAFrD,EAEqD;EAAc,aADpE,EACoE;CAAY;CAEpG,OACE,kBAAC,GAAD;EACS;EACA;EACI;EACD;EACE;EACF;EACV,eAAc;EAEd,UAAA,kBAAC,OAAD;GAAK,WAAU;GACb,UAAA,kBAAC,EAAqB,UAAtB;IAA+B,OAAO;IAAe;GAAwC,CAAA;EAC1F,CAAA;CACgB,CAAA;AAE3B;AAEA,EAAkB,cAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonprix-ds/react-checkbox-group",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "CheckboxGroup component, implemented in React, for the Bonprix Design System.",
   "type": "module",
   "publishConfig": {
@@ -29,8 +29,8 @@
     "directory": "packages/react/checkbox-group"
   },
   "dependencies": {
-    "@bonprix-ds/internal-components": "0.1.1",
-    "@bonprix-ds/utils": "0.1.2"
+    "@bonprix-ds/internal-components": "0.1.3",
+    "@bonprix-ds/utils": "0.2.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -38,7 +38,7 @@
     "tailwind-variants": "0.3.1"
   },
   "devDependencies": {
-    "vite": "8.2.0",
+    "vite": "8.2.1",
     "@types/react": "19.2.18",
     "@vitejs/plugin-react": "6.0.5",
     "rollup-preserve-directives": "1.1.3",

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/CheckboxGroupContext.ts","../src/CheckboxGroupItem/CheckboxGroupItem.tsx","../src/CheckboxGroupItem/index.ts","../src/CheckboxGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\ninterface CheckboxGroupContextProps {\n  values: string[];\n  name: string;\n  onChange?: (value: string[]) => void;\n  disabled: boolean;\n  error: boolean;\n  required: boolean;\n  helperTextId: string;\n  errorTextId: string;\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextProps>({\n  values: [],\n  name: \"\",\n  onChange: () => null,\n  disabled: false,\n  error: false,\n  required: false,\n  helperTextId: \"\",\n  errorTextId: \"\",\n});\n\nexport default CheckboxGroupContext;\n","\"use client\";\n\nimport { CheckboxBase } from \"@bonprix-ds/internal-components\";\nimport React, { FC, useContext } from \"react\";\n\nimport CheckboxGroupContext from \"../CheckboxGroupContext\";\n\ninterface CheckboxGroupItemProps {\n  /** Value of the checkbox group item, which will be submitted. Defaults to the label if not provided. */\n  value?: string;\n  /** The label for the checkbox group item. */\n  label: string;\n}\n\nconst CheckboxGroupItem: FC<CheckboxGroupItemProps> = ({ label, value = label }) => {\n  const { values, onChange, ...rest } = useContext(CheckboxGroupContext);\n  const checked = values.includes(value);\n\n  const handleChange = () => {\n    const newValues = checked ? values.filter((v) => v !== value) : [...values, value];\n    onChange?.(newValues);\n  };\n\n  return <CheckboxBase {...rest} checked={checked} onChange={handleChange} label={label} value={value} />;\n};\n\nexport default CheckboxGroupItem;\n","import CheckboxGroupItem from \"./CheckboxGroupItem\";\n\nexport default CheckboxGroupItem;\n","\"use client\";\n\nimport { SelectionControlGroup, SelectionControlGroupProps } from \"@bonprix-ds/internal-components\";\nimport React, { FC, useId } from \"react\";\n\nimport CheckboxGroupContext from \"./CheckboxGroupContext\";\nimport CheckboxGroupItem from \"./CheckboxGroupItem\";\n\ninterface Subcomponents {\n  Item: typeof CheckboxGroupItem;\n}\n\ninterface CheckboxGroupBaseProps extends Omit<SelectionControlGroupProps, \"componentName\" | \"divider\" | \"horizontalPadding\"> {\n  /** The caption for the checkbox group. */\n  label: string;\n  /** The name of the checkbox group. Will be used as the `name` attribute for every item. */\n  name: string;\n}\n\ninterface ControlledCheckboxGroupProps extends CheckboxGroupBaseProps {\n  /** The current values of the checkbox group. Should be used in conjunction with `onChange`, when controlling the values. Should be `undefined` otherwise. */\n  values: string[];\n  /** The default values of the checkbox group. Should be used when the checkbox group is uncontrolled. */\n  defaultValues?: never;\n  /** Callback function that is called when the checkbox group state changes. `values` should be adjusted appropriately. */\n  onChange: (value: string[]) => void;\n}\n\ninterface UncontrolledCheckboxGroupProps extends CheckboxGroupBaseProps {\n  values?: never;\n  defaultValues: string[];\n  onChange?: (value: string[]) => void;\n}\n\nexport type Props = ControlledCheckboxGroupProps | UncontrolledCheckboxGroupProps;\n\nconst CheckboxGroup: FC<Props> & Subcomponents = ({\n  label,\n  name,\n  values: controlledValues,\n  defaultValues,\n  children,\n  onChange,\n  error = false,\n  errorText,\n  disabled = false,\n  helperText,\n  required = false,\n}) => {\n  const isControlled = controlledValues !== undefined;\n  const values = isControlled ? controlledValues : defaultValues;\n  const helperTextId = useId();\n  const errorTextId = useId();\n  const contextProps = { values, name, onChange, disabled, error, required, helperTextId, errorTextId };\n\n  return (\n    <SelectionControlGroup\n      label={label}\n      error={error}\n      errorText={errorText}\n      disabled={disabled}\n      helperText={helperText}\n      required={required}\n      componentName=\"checkbox-group\"\n    >\n      <div className=\"preflight flex flex-wrap flex-col\">\n        <CheckboxGroupContext.Provider value={contextProps}>{children}</CheckboxGroupContext.Provider>\n      </div>\n    </SelectionControlGroup>\n  );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nCheckboxGroup.Item = CheckboxGroupItem;\nCheckboxGroup.Item.displayName = \"CheckboxGroup.Item\";\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;AAeA,IAAM,IAAuB,EAAyC;CACpE,QAAQ,CAAC;CACT,MAAM;CACN,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,cAAc;CACd,aAAa;AACf,CAAC,GEtBD,KDYuD,EAAE,UAAO,WAAQ,QAAY;CAClF,IAAM,EAAE,WAAQ,aAAU,GAAG,MAAS,EAAW,CAAoB,GAC/D,IAAU,EAAO,SAAS,CAAK,GAE/B,UAAqB;EACzB,IAAM,IAAY,IAAU,EAAO,QAAQ,MAAM,MAAM,CAAK,IAAI,CAAC,GAAG,GAAQ,CAAK;EACjF,IAAW,CAAS;CACtB;CAEA,OAAO,kBAAC,GAAD;EAAc,GAAI;EAAe;EAAS,UAAU;EAAqB;EAAc;CAAQ,CAAA;AACxG,GEYM,KAA4C,EAChD,UACA,SACA,QAAQ,GACR,kBACA,aACA,aACA,WAAQ,IACR,cACA,cAAW,IACX,eACA,cAAW,SACP;CAKJ,IAAM,IAAe;EAAE,QAJF,MAAqB,KAAA,IACO,IAAnB;EAGC;EAAM;EAAU;EAAU;EAAO;EAAU,cAFrD,EAEqD;EAAc,aADpE,EACoE;CAAY;CAEpG,OACE,kBAAC,GAAD;EACS;EACA;EACI;EACD;EACE;EACF;EACV,eAAc;EAEd,UAAA,kBAAC,OAAD;GAAK,WAAU;GACb,UAAA,kBAAC,EAAqB,UAAtB;IAA+B,OAAO;IAAe;GAAwC,CAAA;EAC1F,CAAA;CACgB,CAAA;AAE3B;AAEA,EAAc,cAAc,iBAE5B,EAAc,OAAO,GACrB,EAAc,KAAK,cAAc"}