react-native-platform-components 1.3.0 → 1.5.0

package/lib/module/NavigationRail.js

@@ -0,0 +1,99 @@
+"use strict";
+
+// NavigationRail.tsx
+import React, { useCallback, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import NativeNavigationRail from './NavigationRailNativeComponent';
+import { normalizeLabelStyle } from "./labelStyle.js";
+import { toNativeTabItems } from "./tabItems.js";
+
+/** The collapsed Material rail shows at most seven destinations. */
+import { jsx as _jsx } from "react/jsx-runtime";
+const MAX_COLLAPSED_ITEMS = 7;
+
+/**
+ * A destination: the same item as a TabBar tab. `role: 'search'` gives a
+ * destination without an icon the search icon; `systemItem` is TabBar only.
+ */
+
+/**
+ * Where the destinations sit in the rail's height, below the header.
+ * Android: `NavigationRailView.setMenuGravity`.
+ */
+
+export function NavigationRail(props) {
+  const {
+    items,
+    selectedValue,
+    onSelect,
+    onReselect,
+    haptics,
+    labelVisibility,
+    menuGravity,
+    expanded,
+    header,
+    activeTintColor,
+    inactiveTintColor,
+    railColor,
+    badgeStyle,
+    labelStyle,
+    maxFontSizeMultiplier,
+    android,
+    ...viewProps
+  } = props;
+  if (__DEV__ && items.length > MAX_COLLAPSED_ITEMS) {
+    console.warn(`NavigationRail: ${items.length} destinations given; the collapsed Material rail shows at most ${MAX_COLLAPSED_ITEMS}.`);
+  }
+
+  // The expanded rail shows every destination
+  const nativeItems = useMemo(() => toNativeTabItems(items, items.length), [items]);
+  const handleItemPress = useCallback(event => {
+    const {
+      index,
+      value,
+      reselected
+    } = event.nativeEvent;
+    if (reselected === 'true') {
+      onReselect?.(value, index);
+    } else {
+      onSelect?.(value, index);
+    }
+  }, [onSelect, onReselect]);
+  const nativeLabelStyle = useMemo(() => normalizeLabelStyle(labelStyle), [labelStyle]);
+  return /*#__PURE__*/_jsx(NativeNavigationRail, {
+    items: nativeItems,
+    selectedValue: selectedValue ?? '',
+    labelVisibility: labelVisibility ?? 'auto',
+    menuGravity: menuGravity ?? 'top',
+    expanded: expanded ? 'true' : 'false',
+    activeTintColor: activeTintColor,
+    inactiveTintColor: inactiveTintColor,
+    railColor: railColor,
+    badgeBackgroundColor: badgeStyle?.backgroundColor,
+    badgeTextColor: badgeStyle?.color,
+    labelStyle: nativeLabelStyle,
+    maxFontSizeMultiplier: maxFontSizeMultiplier ?? 0,
+    androidIndicatorColor: android?.indicatorColor,
+    androidRippleColor: android?.rippleColor,
+    haptics: haptics ?? '',
+    onItemPress: onSelect || onReselect ? handleItemPress : undefined,
+    ...viewProps,
+    children: header ?
+    /*#__PURE__*/
+    // Native places the header; out of the flow, it leaves the rail's
+    // width to native
+    _jsx(View, {
+      collapsable: false,
+      style: styles.header,
+      children: header
+    }) : null
+  });
+}
+const styles = StyleSheet.create({
+  header: {
+    position: 'absolute',
+    left: 0,
+    top: 0
+  }
+});
+//# sourceMappingURL=NavigationRail.js.map

package/lib/module/NavigationRail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","StyleSheet","View","NativeNavigationRail","normalizeLabelStyle","toNativeTabItems","jsx","_jsx","MAX_COLLAPSED_ITEMS","NavigationRail","props","items","selectedValue","onSelect","onReselect","haptics","labelVisibility","menuGravity","expanded","header","activeTintColor","inactiveTintColor","railColor","badgeStyle","labelStyle","maxFontSizeMultiplier","android","viewProps","__DEV__","length","console","warn","nativeItems","handleItemPress","event","index","value","reselected","nativeEvent","nativeLabelStyle","badgeBackgroundColor","backgroundColor","badgeTextColor","color","androidIndicatorColor","indicatorColor","androidRippleColor","rippleColor","onItemPress","undefined","children","collapsable","style","styles","create","position","left","top"],"sourceRoot":"../../src","sources":["NavigationRail.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/NavigationRailNativeComponent.ts

@@ -0,0 +1,107 @@
+// NavigationRailNativeComponent.ts
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+import type {
+  BubblingEventHandler,
+  Double,
+  Int32,
+  WithDefault,
+} from './codegenTypes';
+
+/**
+ * A destination: the fields of a TabBar tab (see tabItems.ts). Icons are
+ * pre-resolved on the JS side (see icons.ts), the selected icon under the
+ * `selected…` fields; empty strings mean "none".
+ */
+export type NavigationRailItem = Readonly<{
+  label: string;
+  value: string;
+  disabled: string; // 'enabled' | 'disabled'
+  iconType: string; // '' | 'sfSymbol' | 'drawable' | 'image'
+  iconName: string;
+  iconRequest: string;
+  iconUri: string;
+  iconScale: Double;
+  iconTinted: string; // 'true' | 'false'
+  selectedIconType: string;
+  selectedIconName: string;
+  selectedIconRequest: string;
+  selectedIconUri: string;
+  selectedIconScale: Double;
+  selectedIconTinted: string;
+  badge: string; // badge text, '' = no badge, ' ' = a dot
+  accessibilityLabel: string; // '' = the label
+  testID: string; // '' = none
+  role: string; // '' | 'search'
+  systemItem: string; // TabBar only; ignored
+}>;
+
+/** A press on a destination. `reselected` is 'true' when it was already selected. */
+export type NavigationRailSelectEvent = Readonly<{
+  index: Int32;
+  value: string;
+  reselected: string; // 'true' | 'false'
+}>;
+
+/** Label font. Empty strings / 0 mean "platform default". */
+export type NavigationRailLabelStyleProps = Readonly<{
+  fontFamily?: string;
+  fontSize?: Double;
+  fontWeight?: string;
+  fontStyle?: string;
+}>;
+
+export interface NavigationRailNativeProps extends ViewProps {
+  /** The destinations. */
+  items: ReadonlyArray<NavigationRailItem>;
+
+  /** Selected destination by value; '' = none. */
+  selectedValue?: WithDefault<string, ''>;
+
+  /** 'auto' | 'labeled' | 'selected' | 'unlabeled' */
+  labelVisibility?: string;
+
+  /** 'top' | 'center' | 'bottom' */
+  menuGravity?: string;
+
+  /** 'true' | 'false': the expanded rail (Android). */
+  expanded?: string;
+
+  /** Icon and label color of the selected destination. */
+  activeTintColor?: ColorValue;
+
+  /** Icon and label color of the other destinations. */
+  inactiveTintColor?: ColorValue;
+
+  /** Rail background. */
+  railColor?: ColorValue;
+
+  /** Badge colors. */
+  badgeBackgroundColor?: ColorValue;
+  badgeTextColor?: ColorValue;
+
+  /** Label font. */
+  labelStyle?: NavigationRailLabelStyleProps;
+
+  /** Largest font scale the labels may reach; 0 = no cap. */
+  maxFontSizeMultiplier?: Double;
+
+  /** Android: the active indicator behind the selected icon. */
+  androidIndicatorColor?: ColorValue;
+
+  /** Android: ripple shown while pressing a destination. */
+  androidRippleColor?: ColorValue;
+
+  /**
+   * Haptic played when a destination is pressed: '' (none added) | 'none' | 'selection' |
+   * 'light' | 'medium' | 'heavy' | 'success' | 'warning' | 'error'
+   */
+  haptics?: string;
+
+  /** Fired when a destination is pressed. */
+  onItemPress?: BubblingEventHandler<NavigationRailSelectEvent>;
+}
+
+export default codegenNativeComponent<NavigationRailNativeProps>(
+  'PCNavigationRail'
+) as HostComponent<NavigationRailNativeProps>;

package/lib/module/PlatformComponentsProvider.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import React from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/** Web registrations do not replace native controls on iOS or Android. */
+export function PlatformComponentsProvider({
+  children
+}) {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+//# sourceMappingURL=PlatformComponentsProvider.js.map

package/lib/module/PlatformComponentsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","_Fragment","jsx","_jsx","PlatformComponentsProvider","children"],"sourceRoot":"../../src","sources":["PlatformComponentsProvider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAS1B;AACA,OAAO,SAASC,0BAA0BA,CAAC;EACzCC;AAC+B,CAAC,EAAsB;EACtD,oBAAOF,IAAA,CAAAF,SAAA;IAAAI,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}

package/lib/module/SegmentedControl.js

@@ -2,8 +2,11 @@
 
 // SegmentedControl.tsx
 import React, { useCallback, useMemo } from 'react';
-import { Image, Platform, StyleSheet } from 'react-native';
+import { Platform, StyleSheet } from 'react-native';
 import NativeSegmentedControl from './SegmentedControlNativeComponent';
+import { resolveIcon } from "./icons.js";
+import { normalizeLabelStyle } from "./labelStyle.js";
+import { warnSelectionIdentifiers } from "./selectionIdentifiers.js";
 
 // Android: Minimum height to ensure visibility.
 // Fabric's shadow node measurement isn't being called on initial render,
@@ -11,22 +14,11 @@ import NativeSegmentedControl from './SegmentedControlNativeComponent';
 import { jsx as _jsx } from "react/jsx-runtime";
 const ANDROID_MIN_HEIGHT = 48;
 
-/**
- * A single icon source.
- *
- * - `string`: shorthand for an SF Symbol name on iOS and a drawable resource
- *   name on Android (the original API).
- * - `{ type: 'sfSymbol' }`: an SF Symbol. iOS only; ignored on Android.
- * - `{ type: 'drawable' }`: a drawable from the app's `res/drawable`.
- *   Android only; ignored on iOS.
- * - `{ type: 'image' }`: an image asset (`require('./icon.png')`) or a
- *   `{ uri }` source. Works on both platforms. Images are drawn as tinted
- *   templates unless `tinted` is `false`.
- */
+/** A single icon source. Alias of {@link PlatformIconSource}. */
 
 /**
  * An icon for a segment: a single source used on both platforms, or a
- * per-platform pair so callers don't need to branch on `Platform.OS`.
+ * per-platform pair. Alias of {@link PlatformIcon}.
  */
 
 /**
@@ -39,72 +31,14 @@ const ANDROID_MIN_HEIGHT = 48;
  *   their label. Screen readers still announce the label on both platforms.
  */
 
-/**
- * Font for segment labels. Each field falls back to the platform default.
- */
+/** Font for segment labels. Alias of {@link LabelStyle}. */
 
 /**
  * Badge colors. Both default to the platform look (red with white text).
  */
 
-const NO_ICON = {
-  iconType: '',
-  iconName: '',
-  iconUri: '',
-  iconScale: 1,
-  iconTinted: 'true'
-};
-function pickIconSource(icon) {
-  if (icon === undefined || typeof icon === 'string' || 'type' in icon) {
-    return icon;
-  }
-  return Platform.OS === 'ios' ? icon.ios : icon.android;
-}
-
-/**
- * Flattens the public icon shape into the strings native expects, dropping
- * sources that don't apply to the current platform.
- */
-export function resolveSegmentIcon(icon) {
-  const source = pickIconSource(icon);
-  if (source === undefined) return NO_ICON;
-  if (typeof source === 'string') {
-    if (source.length === 0) return NO_ICON;
-    return {
-      ...NO_ICON,
-      iconType: Platform.OS === 'ios' ? 'sfSymbol' : 'drawable',
-      iconName: source
-    };
-  }
-  switch (source.type) {
-    case 'sfSymbol':
-      return Platform.OS === 'ios' ? {
-        ...NO_ICON,
-        iconType: 'sfSymbol',
-        iconName: source.name
-      } : NO_ICON;
-    case 'drawable':
-      return Platform.OS === 'android' ? {
-        ...NO_ICON,
-        iconType: 'drawable',
-        iconName: source.name
-      } : NO_ICON;
-    case 'image':
-      {
-        const resolved = Image.resolveAssetSource(source.source);
-        if (!resolved?.uri) return NO_ICON;
-        return {
-          iconType: 'image',
-          iconName: '',
-          iconUri: resolved.uri,
-          iconScale: resolved.scale > 0 ? resolved.scale : 1,
-          iconTinted: source.tinted === false ? 'false' : 'true'
-        };
-      }
-    default:
-      return NO_ICON;
-  }
-}
+/** Flattens a segment icon for native. Alias of {@link resolveIcon}. */
+export const resolveSegmentIcon = resolveIcon;
 function normalizeSelectedValue(selected) {
   return selected ?? '';
 }
@@ -119,7 +53,9 @@ export function SegmentedControl(props) {
     activeTintColor,
     inactiveTintColor,
     labelStyle,
+    maxFontSizeMultiplier,
     badgeStyle,
+    haptics,
     onSelect,
     onDeselect,
     ios,
@@ -129,12 +65,14 @@ export function SegmentedControl(props) {
 
   // Normalize segments for native
   const nativeSegments = useMemo(() => {
+    warnSelectionIdentifiers('SegmentedControl', segments.map(segment => segment.value));
     return segments.map(seg => ({
       label: seg.label,
       value: seg.value,
       disabled: seg.disabled ? 'disabled' : 'enabled',
       badge: seg.badge === undefined || seg.badge === null ? '' : String(seg.badge),
       accessibilityLabel: seg.accessibilityLabel ?? '',
+      testID: seg.testID ?? '',
       ...resolveSegmentIcon(seg.icon)
     }));
   }, [segments]);
@@ -165,21 +103,14 @@ export function SegmentedControl(props) {
   const nativeSelectedSegmentColor = selectedSegmentColor ?? (Platform.OS === 'ios' ? ios?.selectedSegmentTintColor : undefined);
 
   // Normalize the label font; empty / 0 means platform default
-  const nativeLabelStyle = useMemo(() => {
-    if (!labelStyle) return undefined;
-    return {
-      fontFamily: labelStyle.fontFamily ?? '',
-      fontSize: labelStyle.fontSize ?? 0,
-      fontWeight: labelStyle.fontWeight === undefined ? '' : String(labelStyle.fontWeight),
-      fontStyle: labelStyle.fontStyle ?? ''
-    };
-  }, [labelStyle]);
+  const nativeLabelStyle = useMemo(() => normalizeLabelStyle(labelStyle), [labelStyle]);
 
   // Normalize Android props
   const nativeAndroid = useMemo(() => {
     if (!android) return undefined;
     return {
-      selectionRequired: android.selectionRequired === false ? 'false' : 'true'
+      selectionRequired: android.selectionRequired === false ? 'false' : 'true',
+      material: android.material ?? 'expressive'
     };
   }, [android]);
 
@@ -202,8 +133,10 @@ export function SegmentedControl(props) {
     androidRippleColor: android?.rippleColor,
     androidStrokeColor: android?.strokeColor,
     labelStyle: nativeLabelStyle,
+    maxFontSizeMultiplier: maxFontSizeMultiplier ?? 0,
     badgeBackgroundColor: badgeStyle?.backgroundColor,
     badgeTextColor: badgeStyle?.color,
+    haptics: haptics ?? '',
     onSelect: onSelect || onDeselect ? handleSelect : undefined,
     ios: nativeIos,
     android: nativeAndroid,

package/lib/module/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Image","Platform","StyleSheet","NativeSegmentedControl","jsx","_jsx","ANDROID_MIN_HEIGHT","NO_ICON","iconType","iconName","iconUri","iconScale","iconTinted","pickIconSource","icon","undefined","OS","ios","android","resolveSegmentIcon","source","length","type","name","resolved","resolveAssetSource","uri","scale","tinted","normalizeSelectedValue","selected","SegmentedControl","props","style","segments","selectedValue","disabled","labelVisibility","selectedSegmentColor","activeTintColor","inactiveTintColor","labelStyle","badgeStyle","onSelect","onDeselect","viewProps","nativeSegments","map","seg","label","value","badge","String","accessibilityLabel","selectedData","handleSelect","e","index","nativeEvent","nativeIos","momentary","apportionsSegmentWidthsByContent","nativeSelectedSegmentColor","selectedSegmentTintColor","nativeLabelStyle","fontFamily","fontSize","fontWeight","fontStyle","nativeAndroid","selectionRequired","mergedStyle","styles","androidDefault","interactivity","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","badgeBackgroundColor","backgroundColor","badgeTextColor","color","create","minHeight"],"sourceRoot":"../../src","sources":["SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","Platform","StyleSheet","NativeSegmentedControl","resolveIcon","normalizeLabelStyle","warnSelectionIdentifiers","jsx","_jsx","ANDROID_MIN_HEIGHT","resolveSegmentIcon","normalizeSelectedValue","selected","SegmentedControl","props","style","segments","selectedValue","disabled","labelVisibility","selectedSegmentColor","activeTintColor","inactiveTintColor","labelStyle","maxFontSizeMultiplier","badgeStyle","haptics","onSelect","onDeselect","ios","android","viewProps","nativeSegments","map","segment","value","seg","label","badge","undefined","String","accessibilityLabel","testID","icon","selectedData","handleSelect","e","index","nativeEvent","nativeIos","momentary","apportionsSegmentWidthsByContent","nativeSelectedSegmentColor","OS","selectedSegmentTintColor","nativeLabelStyle","nativeAndroid","selectionRequired","material","mergedStyle","styles","androidDefault","interactivity","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","badgeBackgroundColor","backgroundColor","badgeTextColor","color","create","minHeight"],"sourceRoot":"../../src","sources":["SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SegmentedControlNativeComponent.ts

@@ -21,11 +21,13 @@ export type SegmentedControlSegment = Readonly<{
   disabled: string; // 'enabled' | 'disabled'
   iconType: string; // '' | 'sfSymbol' | 'drawable' | 'image'
   iconName: string; // SF Symbol (iOS) or drawable resource name (Android)
+  iconRequest: string;
   iconUri: string; // Resolved image URI when iconType === 'image'
   iconScale: Double; // Resolved image scale when iconType === 'image'
   iconTinted: string; // 'true' | 'false' — draw the image as a tinted template
   badge: string; // Badge text, empty = no badge
   accessibilityLabel: string; // Screen-reader label, empty = use label
+  testID: string; // E2E identifier of the segment, empty = none
 }>;
 
 /**
@@ -72,6 +74,9 @@ export type IOSProps = Readonly<{
 export type AndroidProps = Readonly<{
   /** Whether one segment must always be selected */
   selectionRequired?: string; // 'true' | 'false'
+
+  /** Material style: 'm3' | 'expressive' */
+  material?: string;
 }>;
 
 export interface SegmentedControlProps extends ViewProps {
@@ -114,12 +119,21 @@ export interface SegmentedControlProps extends ViewProps {
   /** Label font. */
   labelStyle?: LabelStyleProps;
 
+  /** Largest font scale the labels may reach; 0 = no cap. */
+  maxFontSizeMultiplier?: Double;
+
   /** Badge background (default: system red). */
   badgeBackgroundColor?: ColorValue;
 
   /** Badge text color (default: white). */
   badgeTextColor?: ColorValue;
 
+  /**
+   * Haptic played when the user changes the selection: '' (none added) | 'none' | 'selection' |
+   * 'light' | 'medium' | 'heavy' | 'success' | 'warning' | 'error'
+   */
+  haptics?: string;
+
   /**
    * Fired when the user selects a segment.
    */

package/lib/module/SelectionMenu.js

@@ -4,7 +4,25 @@
 import React, { useCallback, useMemo } from 'react';
 import { Platform } from 'react-native';
 import NativeSelectionMenu from './SelectionMenuNativeComponent';
+import { resolveIcon } from "./icons.js";
+import { warnSelectionIdentifiers } from "./selectionIdentifiers.js";
+
+/**
+ * A single option: a label and its data payload, with an optional icon and
+ * second line.
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
+/** Flattens options for native: icons resolved, every field set. */
+function normalizeSelectionMenuOptions(options) {
+  warnSelectionIdentifiers('SelectionMenu', options.map(option => option.data));
+  return options.map(option => ({
+    label: option.label,
+    data: option.data,
+    disabled: option.disabled ? 'true' : 'false',
+    subtitle: option.subtitle ?? '',
+    ...resolveIcon(option.icon)
+  }));
+}
 function normalizeSelectedData(selected) {
   return selected ?? '';
 }
@@ -22,6 +40,7 @@ export function SelectionMenu(props) {
     placeholder,
     presentation = 'modal',
     visible,
+    haptics,
     onSelect,
     onRequestClose,
     ios,
@@ -29,6 +48,7 @@ export function SelectionMenu(props) {
     ...viewProps
   } = props;
   const selectedData = useMemo(() => normalizeSelectedData(selected), [selected]);
+  const nativeOptions = useMemo(() => normalizeSelectionMenuOptions(options), [options]);
   const nativeVisible = useMemo(() => normalizeNativeVisible(presentation, visible), [presentation, visible]);
   const handleSelect = useCallback(e => {
     const {
@@ -36,8 +56,10 @@ export function SelectionMenu(props) {
       label,
       data
     } = e.nativeEvent;
+    const option = options[index];
+    if (disabled || !option || option.disabled || option.data !== data) return;
     onSelect?.(data, label, index);
-  }, [onSelect]);
+  }, [disabled, onSelect, options]);
   const handleRequestClose = useCallback(() => {
     onRequestClose?.();
   }, [onRequestClose]);
@@ -46,7 +68,8 @@ export function SelectionMenu(props) {
   const nativeAndroid = useMemo(() => {
     if (!android) return undefined;
     return {
-      material: android.material
+      material: android.material,
+      searchable: android.searchable ? 'true' : 'false'
     };
   }, [android]);
 
@@ -55,12 +78,13 @@ export function SelectionMenu(props) {
   const remountKey = Platform.OS === 'android' ? `${presentation}-${android?.material ?? 'system'}` : undefined;
   return /*#__PURE__*/_jsx(NativeSelectionMenu, {
     style: style,
-    options: options,
+    options: nativeOptions,
     selectedData: selectedData,
     interactivity: disabled ? 'disabled' : 'enabled',
     placeholder: placeholder,
     anchorMode: presentation === 'embedded' ? 'inline' : 'headless',
     visible: nativeVisible,
+    haptics: haptics ?? '',
     onSelect: onSelect ? handleSelect : undefined,
     onRequestClose: onRequestClose ? handleRequestClose : undefined,
     ios: ios,

package/lib/module/SelectionMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Platform","NativeSelectionMenu","jsx","_jsx","normalizeSelectedData","selected","normalizeNativeVisible","presentation","visible","undefined","SelectionMenu","props","style","options","disabled","placeholder","onSelect","onRequestClose","ios","android","viewProps","selectedData","nativeVisible","handleSelect","e","index","label","data","nativeEvent","handleRequestClose","nativeAndroid","material","remountKey","OS","interactivity","anchorMode"],"sourceRoot":"../../src","sources":["SelectionMenu.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAwB,cAAc;AAEvD,OAAOC,mBAAmB,MAGnB,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAyDxC,SAASC,qBAAqBA,CAACC,QAAuB,EAAU;EAC9D,OAAOA,QAAQ,IAAI,EAAE;AACvB;AAEA,SAASC,sBAAsBA,CAC7BC,YAAsC,EACtCC,OAA4B,EACG;EAC/B;EACA,IAAID,YAAY,KAAK,UAAU,EAAE,OAAOE,SAAS;EACjD,OAAOD,OAAO,GAAG,MAAM,GAAG,QAAQ;AACpC;AAEA,OAAO,SAASE,aAAaA,CAACC,KAAyB,EAAsB;EAC3E,MAAM;IACJC,KAAK;IACLC,OAAO;IACPR,QAAQ;IACRS,QAAQ;IACRC,WAAW;IACXR,YAAY,GAAG,OAAO;IACtBC,OAAO;IACPQ,QAAQ;IACRC,cAAc;IACdC,GAAG;IACHC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAMU,YAAY,GAAGtB,OAAO,CAC1B,MAAMK,qBAAqB,CAACC,QAAQ,CAAC,EACrC,CAACA,QAAQ,CACX,CAAC;EAED,MAAMiB,aAAa,GAAGvB,OAAO,CAC3B,MAAMO,sBAAsB,CAACC,YAAY,EAAEC,OAAO,CAAC,EACnD,CAACD,YAAY,EAAEC,OAAO,CACxB,CAAC;EAED,MAAMe,YAAY,GAAGzB,WAAW,CAC7B0B,CAA4C,IAAK;IAChD,MAAM;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAGH,CAAC,CAACI,WAAW;IAC5CZ,QAAQ,GAAGW,IAAI,EAAED,KAAK,EAAED,KAAK,CAAC;EAChC,CAAC,EACD,CAACT,QAAQ,CACX,CAAC;EAED,MAAMa,kBAAkB,GAAG/B,WAAW,CAAC,MAAM;IAC3CmB,cAAc,GAAG,CAAC;EACpB,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;;EAEpB;EACA,MAAMa,aAAa,GAAG/B,OAAO,CAAC,MAAM;IAClC,IAAI,CAACoB,OAAO,EAAE,OAAOV,SAAS;IAC9B,OAAO;MAAEsB,QAAQ,EAAEZ,OAAO,CAACY;IAAS,CAAC;EACvC,CAAC,EAAE,CAACZ,OAAO,CAAC,CAAC;;EAEb;EACA;EACA,MAAMa,UAAU,GACdhC,QAAQ,CAACiC,EAAE,KAAK,SAAS,GACrB,GAAG1B,YAAY,IAAIY,OAAO,EAAEY,QAAQ,IAAI,QAAQ,EAAE,GAClDtB,SAAS;EAEf,oBACEN,IAAA,CAACF,mBAAmB;IAElBW,KAAK,EAAEA,KAAM;IACbC,OAAO,EAAEA,OAAQ;IACjBQ,YAAY,EAAEA,YAAa;IAC3Ba,aAAa,EAAEpB,QAAQ,GAAG,UAAU,GAAG,SAAU;IACjDC,WAAW,EAAEA,WAAY;IACzBoB,UAAU,EAAE5B,YAAY,KAAK,UAAU,GAAG,QAAQ,GAAG,UAAW;IAChEC,OAAO,EAAEc,aAAc;IACvBN,QAAQ,EAAEA,QAAQ,GAAGO,YAAY,GAAGd,SAAU;IAC9CQ,cAAc,EAAEA,cAAc,GAAGY,kBAAkB,GAAGpB,SAAU;IAChES,GAAG,EAAEA,GAAI;IACTC,OAAO,EAAEW,aAAc;IAAA,GACnBV;EAAS,GAZRY,UAaN,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","Platform","NativeSelectionMenu","resolveIcon","warnSelectionIdentifiers","jsx","_jsx","normalizeSelectionMenuOptions","options","map","option","data","label","disabled","subtitle","icon","normalizeSelectedData","selected","normalizeNativeVisible","presentation","visible","undefined","SelectionMenu","props","style","placeholder","haptics","onSelect","onRequestClose","ios","android","viewProps","selectedData","nativeOptions","nativeVisible","handleSelect","e","index","nativeEvent","handleRequestClose","nativeAndroid","material","searchable","remountKey","OS","interactivity","anchorMode"],"sourceRoot":"../../src","sources":["SelectionMenu.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/SelectionMenuNativeComponent.ts

@@ -1,14 +1,28 @@
 // SelectionMenuNativeComponent.ts
 import type { HostComponent, ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
-import type { BubblingEventHandler, Int32, WithDefault } from './codegenTypes';
+import type {
+  BubblingEventHandler,
+  Double,
+  Int32,
+  WithDefault,
+} from './codegenTypes';
 
 /**
- * A single option in the menu.
+ * A single option in the menu. Icons are pre-resolved on the JS side (see
+ * icons.ts); empty strings mean "none".
  */
-export type SelectionMenuOption = Readonly<{
+export type SelectionMenuNativeOption = Readonly<{
   label: string;
   data: string;
+  disabled: string; // 'true' | 'false'
+  subtitle: string;
+  iconType: string; // '' | 'sfSymbol' | 'drawable' | 'image'
+  iconName: string;
+  iconRequest: string;
+  iconUri: string;
+  iconScale: Double;
+  iconTinted: string; // 'true' | 'false'
 }>;
 
 /**
@@ -44,13 +58,15 @@ export type IOSProps = Readonly<{}>;
  */
 export type AndroidProps = Readonly<{
   material?: string; // AndroidMaterialMode
+  /** Embedded M3 dropdown: accept typing to filter the options */
+  searchable?: string; // 'true' | 'false'
 }>;
 
 export interface SelectionMenuProps extends ViewProps {
   /**
    * Menu options.
    */
-  options: ReadonlyArray<SelectionMenuOption>;
+  options: ReadonlyArray<SelectionMenuNativeOption>;
 
   /**
    * Controlled selection by `data`.
@@ -81,6 +97,12 @@ export interface SelectionMenuProps extends ViewProps {
    */
   visible?: string; // SelectionMenuVisible
 
+  /**
+   * Haptic played when the user picks an option: '' (none added) | 'none' | 'selection' |
+   * 'light' | 'medium' | 'heavy' | 'success' | 'warning' | 'error'
+   */
+  haptics?: string;
+
   /**
    * Fired when the user selects an option.
    */