@bonprix-ds/react-checkbox-group 1.0.6 → 1.0.8

package/dist/index.d.ts

@@ -1,45 +1,3 @@
-import { default as default_2 } from 'react';
-import { SelectionControlGroupProps } from '@bonprix-ds/internal-components';
-
-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"> {
-    /** The caption for the checkbox group. */
-    label: string;
-    /** The name of the checkbox group. Will be used as the `name` attribute for every item. */
-    name: string;
-}
-
-declare interface CheckboxGroupItemProps {
-    /** Value of the checkbox group item, which will be submitted. Defaults to the label if not provided. */
-    value?: string;
-    /** The label for the checkbox group item. */
-    label: string;
-}
-
-export declare type CheckboxGroupProps = ControlledCheckboxGroupProps | UncontrolledCheckboxGroupProps;
-
-declare interface ControlledCheckboxGroupProps extends CheckboxGroupBaseProps {
-    /** The current values of the checkbox group. Should be used in conjunction with `onChange`, when controlling the values. Should be `undefined` otherwise. */
-    values: string[];
-    /** The default values of the checkbox group. Should be used when the checkbox group is uncontrolled. */
-    defaultValues?: never;
-    /** Callback function that is called when the checkbox group state changes. `values` should be adjusted appropriately. */
-    onChange: (value: string[]) => void;
-}
-
-declare interface UncontrolledCheckboxGroupProps extends CheckboxGroupBaseProps {
-    values?: never;
-    defaultValues: string[];
-    onChange?: (value: string[]) => void;
-}
-
-export { }
+export { default } from "./src/CheckboxGroup";
+export type { Props as CheckboxGroupProps } from "./src/CheckboxGroup";
+export type { CheckboxGroupItemProps } from "./src/CheckboxGroupItem/CheckboxGroupItem";

package/dist/src/CheckboxGroup.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { type Props } from "./CheckboxGroupRoot";
+export type { Props };
+declare const CheckboxGroup: {
+    (props: Props): React.JSX.Element;
+    displayName: string;
+    Item: {
+        ({ label, value }: import("..").CheckboxGroupItemProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export default CheckboxGroup;

package/dist/src/CheckboxGroupContext.d.ts

@@ -0,0 +1,12 @@
+interface CheckboxGroupContextProps {
+    values: string[];
+    name: string;
+    onChange?: (value: string[]) => void;
+    disabled: boolean;
+    error: boolean;
+    required: boolean;
+    helperTextId: string;
+    errorTextId: string;
+}
+declare const CheckboxGroupContext: import("react").Context<CheckboxGroupContextProps>;
+export default CheckboxGroupContext;

package/dist/src/CheckboxGroupItem/CheckboxGroupItem.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface CheckboxGroupItemProps {
+    /** Value of the checkbox group item, which will be submitted. */
+    value?: string;
+    /** The label for the checkbox group item. */
+    label: string;
+}
+declare const CheckboxGroupItem: {
+    ({ label, value }: CheckboxGroupItemProps): React.JSX.Element;
+    displayName: string;
+};
+export default CheckboxGroupItem;

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

@@ -1 +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"}
+{"version":3,"file":"CheckboxGroupItem.js","names":[],"sources":["../../../src/CheckboxGroupItem/CheckboxGroupItem.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useContext } from \"react\";\n\nimport { CheckboxBase } from \"@bonprix-ds/internal-components\";\n\nimport CheckboxGroupContext from \"../CheckboxGroupContext\";\n\nexport interface CheckboxGroupItemProps {\n  /** Value of the checkbox group item, which will be submitted. */\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":";;;;;;AAeA,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.d.ts

@@ -0,0 +1,2 @@
+import CheckboxGroupItem from "./CheckboxGroupItem";
+export default CheckboxGroupItem;

package/dist/src/CheckboxGroupRoot.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { SelectionControlGroupProps } from "@bonprix-ds/internal-components";
+interface CheckboxGroupBaseProps extends Omit<SelectionControlGroupProps, "componentName" | "divider" | "horizontalPadding"> {
+    /** The caption for the checkbox group. */
+    label: string;
+    /** The name of the checkbox group. Will be used as the `name` attribute for every item. */
+    name: string;
+}
+interface ControlledCheckboxGroupProps extends CheckboxGroupBaseProps {
+    /** The current values of the checkbox group. Should be used in conjunction with `onChange`, when controlling the values. Should be `undefined` otherwise. */
+    values: string[];
+    /** The default values of the checkbox group. Should be used when the checkbox group is uncontrolled. */
+    defaultValues?: never;
+    /** Callback function that is called when the checkbox group state changes. `values` should be adjusted appropriately. */
+    onChange: (value: string[]) => void;
+}
+interface UncontrolledCheckboxGroupProps extends CheckboxGroupBaseProps {
+    values?: never;
+    defaultValues: string[];
+    onChange?: (value: string[]) => void;
+}
+export type Props = ControlledCheckboxGroupProps | UncontrolledCheckboxGroupProps;
+declare const CheckboxGroupRoot: {
+    ({ label, name, values: controlledValues, defaultValues, children, onChange, error, errorText, disabled, helperText, required, }: Props): React.JSX.Element;
+    displayName: string;
+};
+export default CheckboxGroupRoot;

package/dist/src/CheckboxGroupRoot.js.map

@@ -1 +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"}
+{"version":3,"file":"CheckboxGroupRoot.js","names":[],"sources":["../../src/CheckboxGroupRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useId } from \"react\";\n\nimport { SelectionControlGroup, SelectionControlGroupProps } from \"@bonprix-ds/internal-components\";\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":";;;;;;AAgCA,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,14 +1,25 @@
 {
   "name": "@bonprix-ds/react-checkbox-group",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "CheckboxGroup component, implemented in React, for the Bonprix Design System.",
-  "type": "module",
-  "publishConfig": {
-    "access": "public",
-    "provenance": true
+  "keywords": [],
+  "license": "UNLICENSED",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bonprix/design-system.git",
+    "directory": "packages/react/checkbox-group"
   },
-  "module": "./dist/index.js",
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "!dist/vite.config.d.ts",
+    "!dist/**/*.test.d.ts"
+  ],
+  "type": "module",
   "sideEffects": false,
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -16,34 +27,24 @@
       "default": "./dist/index.js"
     }
   },
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "keywords": [],
-  "author": "",
-  "license": "UNLICENSED",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/bonprix/design-system.git",
-    "directory": "packages/react/checkbox-group"
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
   },
   "dependencies": {
-    "@bonprix-ds/internal-components": "0.1.5",
-    "@bonprix-ds/utils": "0.2.1"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "tailwind-variants": "0.3.1"
+    "@bonprix-ds/internal-components": "0.2.1",
+    "@bonprix-ds/utils": "0.2.2"
   },
   "devDependencies": {
-    "vite": "8.2.2",
-    "@types/react": "19.2.18",
-    "@vitejs/plugin-react": "6.1.0",
+    "@types/react": "19.3.0",
+    "@vitejs/plugin-react": "6.1.1",
     "rollup-preserve-directives": "1.1.3",
-    "unplugin-dts": "1.0.3",
-    "@microsoft/api-extractor": "7.59.0"
+    "vite": "8.3.0"
+  },
+  "peerDependencies": {
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "tailwind-variants": "0.3.1"
   },
   "scripts": {
     "build": "vite build"