@erquhart/heroui-native 1.0.0-beta.10.1

package/src/primitives/radio-group/radio-group.tsx

@@ -0,0 +1,114 @@
+import { createContext, forwardRef, useContext } from 'react';
+import { Pressable, View, type GestureResponderEvent } from 'react-native';
+import * as Slot from '../slot';
+import type {
+  IndicatorProps,
+  IndicatorRef,
+  ItemProps,
+  ItemRef,
+  RootProps,
+  RootRef,
+} from './radio-group.types';
+
+const RadioGroupContext = createContext<RootProps | null>(null);
+
+const Root = forwardRef<RootRef, RootProps>(
+  (
+    {
+      asChild,
+      value,
+      onValueChange,
+      isDisabled = false,
+      isInvalid = false,
+      isOnSurface,
+      ...viewProps
+    },
+    ref
+  ) => {
+    const Component = asChild ? Slot.View : View;
+
+    return (
+      <RadioGroupContext.Provider
+        value={{
+          value,
+          isDisabled,
+          onValueChange,
+          isInvalid,
+          isOnSurface,
+        }}
+      >
+        <Component ref={ref} role="radiogroup" {...viewProps} />
+      </RadioGroupContext.Provider>
+    );
+  }
+);
+
+Root.displayName = 'HeroUINative.Primitive.RadioGroup.Root';
+
+function useRadioGroupContext() {
+  const context = useContext(RadioGroupContext);
+
+  if (!context) {
+    throw new Error(
+      'RadioGroup compound components cannot be rendered outside the RadioGroup component'
+    );
+  }
+
+  return context;
+}
+
+// --------------------------------------------------
+
+const Item = forwardRef<ItemRef, ItemProps>(
+  (
+    {
+      asChild,
+      value: itemValue,
+      isDisabled: disabledProp = false,
+      onPress: onPressProp,
+      ...props
+    },
+    ref
+  ) => {
+    const { isDisabled, value, onValueChange } = useRadioGroupContext();
+
+    function onPress(ev: GestureResponderEvent) {
+      if (isDisabled || disabledProp) return;
+      onValueChange(itemValue);
+      onPressProp?.(ev);
+    }
+
+    const Component = asChild ? Slot.Pressable : Pressable;
+
+    return (
+      <Component
+        ref={ref}
+        role="radio"
+        onPress={onPress}
+        aria-checked={value === itemValue}
+        disabled={(isDisabled || disabledProp) ?? false}
+        accessibilityState={{
+          disabled: (isDisabled || disabledProp) ?? false,
+          checked: value === itemValue,
+        }}
+        {...props}
+      />
+    );
+  }
+);
+
+Item.displayName = 'HeroUINative.Primitive.RadioGroup.Item';
+
+// --------------------------------------------------
+
+const Indicator = forwardRef<IndicatorRef, IndicatorProps>(
+  ({ asChild, ...props }, ref) => {
+    const Component = asChild ? Slot.View : View;
+
+    return <Component ref={ref} role="presentation" {...props} />;
+  }
+);
+
+Indicator.displayName = 'HeroUINative.Primitive.RadioGroup.Indicator';
+
+export { Indicator, Item, Root, useRadioGroupContext };

package/src/primitives/radio-group/radio-group.types.ts

@@ -0,0 +1,65 @@
+import {
+  type ForceMountable,
+  type PressableRef,
+  type SlottablePressableProps,
+  type SlottableViewProps,
+  type ViewRef,
+} from '../../helpers/types';
+
+/**
+ * Props for the radio group root component.
+ *
+ * @extends SlottableViewProps Inherits view props except 'disabled'
+ */
+type RootProps = Omit<SlottableViewProps, 'disabled'> & {
+  /** The currently selected value of the radio group */
+  value: string | undefined;
+  /** Callback fired when the selected value changes */
+  onValueChange: (val: string) => void;
+  /** Whether the entire radio group is disabled */
+  isDisabled?: boolean;
+  /** Whether the radio group is invalid @default false */
+  isInvalid?: boolean;
+  /** Whether the radio group is on surface */
+  isOnSurface?: boolean;
+};
+
+/**
+ * Props for the radio group item component.
+ *
+ * @extends SlottablePressableProps Inherits pressable props except 'disabled'
+ */
+type ItemProps = Omit<SlottablePressableProps, 'disabled'> & {
+  /** Whether this specific radio item is disabled */
+  'isDisabled'?: boolean;
+  /** The value associated with this radio item */
+  'value': string;
+  /** ID of the element that labels this radio item */
+  'aria-labelledby'?: string;
+};
+
+/**
+ * Props for the radio group indicator component.
+ *
+ * @extends SlottableViewProps Inherits view props
+ * @extends ForceMountable Supports forced mounting behavior
+ */
+type IndicatorProps = SlottableViewProps & ForceMountable;
+
+/** Reference type for the radio group root component */
+type RootRef = ViewRef;
+
+/** Reference type for the radio group item component */
+type ItemRef = PressableRef;
+
+/** Reference type for the radio group indicator component */
+type IndicatorRef = ViewRef;
+
+export type {
+  IndicatorProps,
+  IndicatorRef,
+  ItemProps,
+  ItemRef,
+  RootProps,
+  RootRef,
+};

package/src/primitives/select/index.ts

@@ -0,0 +1,2 @@
+export * from './select';
+export * from './select.types';