@jobber/components-native 0.105.4 → 0.106.0

package/src/primitives/Select/types.ts

@@ -0,0 +1,96 @@
+import type React from "react";
+import type { StyleProp, ViewStyle } from "react-native";
+import type {
+  ContentProps,
+  ContentRef,
+  GroupProps,
+  GroupRef,
+  ItemIndicatorProps,
+  ItemIndicatorRef,
+  ItemProps,
+  ItemRef,
+  ItemTextProps,
+  ItemTextRef,
+  LabelProps,
+  LabelRef,
+  Option,
+  OverlayProps,
+  OverlayRef,
+  PortalProps,
+  RootProps,
+  SeparatorProps,
+  SeparatorRef,
+  TriggerProps,
+  TriggerRef,
+  ValueProps,
+  ViewportProps,
+} from "@rn-primitives/select";
+
+export type { Option as SelectPrimitiveOption };
+
+export type SelectPrimitiveRootProps = RootProps;
+
+export interface SelectPrimitiveTriggerProps
+  extends Omit<TriggerProps, "style" | "children" | "disabled" | "asChild">,
+    React.RefAttributes<TriggerRef> {
+  /** Renders as `ATL-<testID>-Select-Trigger`, or `ATL-Select-Trigger` when omitted. */
+  readonly testID?: string;
+
+  /** Critical (error) border styling. Style-only — no field/validation logic. */
+  readonly invalid?: boolean;
+
+  /** Callback styles are not supported; state styling is composed internally. */
+  readonly style?: StyleProp<ViewStyle>;
+
+  readonly children?: React.ReactNode;
+}
+
+export type SelectPrimitiveValueProps = ValueProps;
+
+export type SelectPrimitivePortalProps = PortalProps;
+
+export interface SelectPrimitiveOverlayProps
+  extends Omit<OverlayProps, "style" | "asChild">,
+    React.RefAttributes<OverlayRef> {
+  readonly style?: StyleProp<ViewStyle>;
+}
+
+export interface SelectPrimitiveContentProps
+  extends ContentProps,
+    React.RefAttributes<ContentRef> {}
+
+export type SelectPrimitiveViewportProps = ViewportProps;
+
+export interface SelectPrimitiveItemProps
+  extends Omit<ItemProps, "style" | "asChild">,
+    React.RefAttributes<ItemRef> {
+  /** Callback styles are not supported; pressed styling is composed internally. */
+  readonly style?: StyleProp<ViewStyle>;
+
+  /** Compose `ItemText` / `ItemIndicator` (and any other content) as children. */
+  readonly children?: React.ReactNode;
+}
+
+export interface SelectPrimitiveItemTextProps
+  extends Omit<ItemTextProps, "asChild">,
+    React.RefAttributes<ItemTextRef> {
+  /** Greys the label; the composing layer forwards the row's disabled state. */
+  readonly disabled?: boolean;
+}
+
+/** The default selected-item checkmark; overridable via `children`. */
+export interface SelectPrimitiveItemIndicatorProps
+  extends ItemIndicatorProps,
+    React.RefAttributes<ItemIndicatorRef> {}
+
+export interface SelectPrimitiveGroupProps
+  extends GroupProps,
+    React.RefAttributes<GroupRef> {}
+
+export interface SelectPrimitiveLabelProps
+  extends LabelProps,
+    React.RefAttributes<LabelRef> {}
+
+export interface SelectPrimitiveSeparatorProps
+  extends SeparatorProps,
+    React.RefAttributes<SeparatorRef> {}

package/src/primitives/index.ts

@@ -2,3 +2,5 @@
  * This file exports styled components-native primitives.
  */
 export * from "./HelperText";
+export * from "./Portal";
+export * from "./Select";

package/src/utils/test/PortalHostWrapper.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { PortalHost } from "@rn-primitives/portal";
+
+interface PortalHostWrapperProps {
+  readonly children: React.ReactNode;
+}
+
+/**
+ * Test wrapper that mounts a `PortalHost` so portal-based overlays (e.g. the
+ * Select dropdown) render: `render(ui, { wrapper: PortalHostWrapper })`.
+ */
+export function PortalHostWrapper({ children }: PortalHostWrapperProps) {
+  return (
+    <>
+      {children}
+      <PortalHost />
+    </>
+  );
+}

package/src/utils/test/index.ts

@@ -1 +1,2 @@
 export { MockSafeAreaProvider } from "./MockSafeAreaProvider";
+export { PortalHostWrapper } from "./PortalHostWrapper";