feat: checkbox_group re-export

packages/components/src/spectrum/CheckboxGroup.tsx

@@ -0,0 +1,39 @@
+import {
+  Checkbox,
+  CheckboxGroup as SpectrumCheckboxGroup,
+  SpectrumCheckboxGroupProps,
+} from '@adobe/react-spectrum';
+import React, { useMemo } from 'react';
+
+/**
+ * Augmented version of the Spectrum CheckboxGroup component that supports
+ * primitive item children.
+ */
+export function CheckboxGroup({
+  children,
+  ...props
+}: SpectrumCheckboxGroupProps): JSX.Element {
+  const wrappedChildren = useMemo(
+    () =>
+      React.Children.map(children, child => {
+        if (typeof child === 'function') {
+          return child;
+        }
+        return <Checkbox>{child}</Checkbox>;
+      }),
+    [children]
+  );
+
+  return (
+    <SpectrumCheckboxGroup
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      {...props}
+      // eslint-disable-next-line react/no-children-prop
+      children={wrappedChildren}
+    />
+  );
+}
+
+CheckboxGroup.displayName = 'CheckboxGroup';
+
+export default CheckboxGroup;

packages/components/src/spectrum/forms.ts

@@ -1,8 +1,6 @@
 export {
   Checkbox as SpectrumCheckbox,
   type SpectrumCheckboxProps,
-  CheckboxGroup,
-  type SpectrumCheckboxGroupProps as CheckboxGroupProps,
   Form,
   type SpectrumFormProps as FormProps,
   NumberField,

packages/components/src/spectrum/index.ts

@@ -26,6 +26,7 @@ export * from './picker';
 export * from './Heading';
 export * from './Text';
 export * from './View';
+export * from './CheckboxGroup';
 
 /**
  * Custom DH spectrum utils