react-native-platform-components 1.4.0 → 1.5.0

package/lib/commonjs/LiquidGlassContainer.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LiquidGlassContainer = LiquidGlassContainer;
+var _react = _interopRequireDefault(require("react"));
+var _LiquidGlassContainerNativeComponent = _interopRequireDefault(require("./LiquidGlassContainerNativeComponent"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// LiquidGlassContainer.tsx
+
+/**
+ * Groups `LiquidGlass` views so they render as one glass on iOS 26
+ * (`UIVisualEffectView` with a `UIGlassContainerEffect`): neighbours within
+ * `spacing` blend together, and glass that appears, disappears or changes
+ * frame morphs in and out of its neighbours. A plain container on Android,
+ * on older iOS and on web.
+ */
+function LiquidGlassContainer(props) {
+  const {
+    spacing,
+    children,
+    ...viewProps
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LiquidGlassContainerNativeComponent.default, {
+    spacing: spacing ?? -1,
+    ...viewProps,
+    children: children
+  });
+}
+//# sourceMappingURL=LiquidGlassContainer.js.map

package/lib/commonjs/LiquidGlassContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_LiquidGlassContainerNativeComponent","_jsxRuntime","e","__esModule","default","LiquidGlassContainer","props","spacing","children","viewProps","jsx"],"sourceRoot":"../../src","sources":["LiquidGlassContainer.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,oCAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA+E,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJ/E;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,oBAAoBA,CAClCC,KAAgC,EACZ;EACpB,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAEjD,oBACE,IAAAL,WAAA,CAAAS,GAAA,EAACV,oCAAA,CAAAI,OAA0B;IAACG,OAAO,EAAEA,OAAO,IAAI,CAAC,CAAE;IAAA,GAAKE,SAAS;IAAAD,QAAA,EAC9DA;EAAQ,CACiB,CAAC;AAEjC","ignoreList":[]}

package/lib/commonjs/LiquidGlassContainerNativeComponent.ts

@@ -0,0 +1,17 @@
+// LiquidGlassContainerNativeComponent.ts
+import type { HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+import type { Float, WithDefault } from './codegenTypes';
+
+export interface LiquidGlassContainerNativeProps extends ViewProps {
+  /**
+   * Distance between glass elements at which they begin to merge
+   * (UIGlassContainerEffect.spacing). Negative keeps the system default.
+   * @default -1
+   */
+  spacing?: WithDefault<Float, -1>;
+}
+
+export default codegenNativeComponent<LiquidGlassContainerNativeProps>(
+  'PCLiquidGlassContainer'
+) as HostComponent<LiquidGlassContainerNativeProps>;

package/lib/commonjs/LiquidGlassNativeComponent.ts

@@ -78,6 +78,14 @@ export interface LiquidGlassNativeProps extends ViewProps {
    */
   cornerRadius?: WithDefault<Float, 0>;
 
+  /**
+   * Corner shape: 'capsule' | 'concentric' | '' (the cornerRadius).
+   * On iOS 26 it maps to UIView.cornerConfiguration; elsewhere 'capsule'
+   * rounds to half the shorter side and 'concentric' uses cornerRadius.
+   * @default ''
+   */
+  cornerStyle?: WithDefault<string, ''>;
+
   /**
    * iOS-specific props.
    */

package/lib/commonjs/NavigationRail.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationRail = NavigationRail;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _NavigationRailNativeComponent = _interopRequireDefault(require("./NavigationRailNativeComponent"));
+var _labelStyle = require("./labelStyle");
+var _tabItems = require("./tabItems");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// NavigationRail.tsx
+
+/** The collapsed Material rail shows at most seven destinations. */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`.
+ */
+
+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 = (0, _react.useMemo)(() => (0, _tabItems.toNativeTabItems)(items, items.length), [items]);
+  const handleItemPress = (0, _react.useCallback)(event => {
+    const {
+      index,
+      value,
+      reselected
+    } = event.nativeEvent;
+    if (reselected === 'true') {
+      onReselect?.(value, index);
+    } else {
+      onSelect?.(value, index);
+    }
+  }, [onSelect, onReselect]);
+  const nativeLabelStyle = (0, _react.useMemo)(() => (0, _labelStyle.normalizeLabelStyle)(labelStyle), [labelStyle]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationRailNativeComponent.default, {
+    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
+    (0, _jsxRuntime.jsx)(_reactNative.View, {
+      collapsable: false,
+      style: styles.header,
+      children: header
+    }) : null
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  header: {
+    position: 'absolute',
+    left: 0,
+    top: 0
+  }
+});
+//# sourceMappingURL=NavigationRail.js.map

package/lib/commonjs/NavigationRail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_NavigationRailNativeComponent","_interopRequireDefault","_labelStyle","_tabItems","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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","useMemo","toNativeTabItems","handleItemPress","useCallback","event","index","value","reselected","nativeEvent","nativeLabelStyle","normalizeLabelStyle","jsx","badgeBackgroundColor","backgroundColor","badgeTextColor","color","androidIndicatorColor","indicatorColor","androidRippleColor","rippleColor","onItemPress","undefined","children","View","collapsable","style","styles","StyleSheet","create","position","left","top"],"sourceRoot":"../../src","sources":["NavigationRail.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/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/commonjs/PlatformComponentsProvider.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlatformComponentsProvider = PlatformComponentsProvider;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** Web registrations do not replace native controls on iOS or Android. */
+function PlatformComponentsProvider({
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+}
+//# sourceMappingURL=PlatformComponentsProvider.js.map

package/lib/commonjs/PlatformComponentsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","PlatformComponentsProvider","children","jsx","Fragment"],"sourceRoot":"../../src","sources":["PlatformComponentsProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS1B;AACO,SAASG,0BAA0BA,CAAC;EACzCC;AAC+B,CAAC,EAAsB;EACtD,oBAAO,IAAAL,WAAA,CAAAM,GAAA,EAAAN,WAAA,CAAAO,QAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}

package/lib/commonjs/SegmentedControl.js

@@ -10,6 +10,7 @@ var _reactNative = require("react-native");
 var _SegmentedControlNativeComponent = _interopRequireDefault(require("./SegmentedControlNativeComponent"));
 var _icons = require("./icons");
 var _labelStyle = require("./labelStyle");
+var _selectionIdentifiers = require("./selectionIdentifiers");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -59,7 +60,9 @@ function SegmentedControl(props) {
     activeTintColor,
     inactiveTintColor,
     labelStyle,
+    maxFontSizeMultiplier,
     badgeStyle,
+    haptics,
     onSelect,
     onDeselect,
     ios,
@@ -69,12 +72,14 @@ function SegmentedControl(props) {
 
   // Normalize segments for native
   const nativeSegments = (0, _react.useMemo)(() => {
+    (0, _selectionIdentifiers.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]);
@@ -135,8 +140,10 @@ 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/commonjs/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_SegmentedControlNativeComponent","_interopRequireDefault","_icons","_labelStyle","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ANDROID_MIN_HEIGHT","resolveSegmentIcon","exports","resolveIcon","normalizeSelectedValue","selected","SegmentedControl","props","style","segments","selectedValue","disabled","labelVisibility","selectedSegmentColor","activeTintColor","inactiveTintColor","labelStyle","badgeStyle","onSelect","onDeselect","ios","android","viewProps","nativeSegments","useMemo","map","seg","label","value","badge","undefined","String","accessibilityLabel","icon","selectedData","handleSelect","useCallback","index","nativeEvent","nativeIos","momentary","apportionsSegmentWidthsByContent","nativeSelectedSegmentColor","Platform","OS","selectedSegmentTintColor","nativeLabelStyle","normalizeLabelStyle","nativeAndroid","selectionRequired","material","mergedStyle","styles","androidDefault","jsx","interactivity","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","badgeBackgroundColor","backgroundColor","badgeTextColor","color","StyleSheet","create","minHeight"],"sourceRoot":"../../src","sources":["SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_SegmentedControlNativeComponent","_interopRequireDefault","_icons","_labelStyle","_selectionIdentifiers","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ANDROID_MIN_HEIGHT","resolveSegmentIcon","exports","resolveIcon","normalizeSelectedValue","selected","SegmentedControl","props","style","segments","selectedValue","disabled","labelVisibility","selectedSegmentColor","activeTintColor","inactiveTintColor","labelStyle","maxFontSizeMultiplier","badgeStyle","haptics","onSelect","onDeselect","ios","android","viewProps","nativeSegments","useMemo","warnSelectionIdentifiers","map","segment","value","seg","label","badge","undefined","String","accessibilityLabel","testID","icon","selectedData","handleSelect","useCallback","index","nativeEvent","nativeIos","momentary","apportionsSegmentWidthsByContent","nativeSelectedSegmentColor","Platform","OS","selectedSegmentTintColor","nativeLabelStyle","normalizeLabelStyle","nativeAndroid","selectionRequired","material","mergedStyle","styles","androidDefault","jsx","interactivity","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","badgeBackgroundColor","backgroundColor","badgeTextColor","color","StyleSheet","create","minHeight"],"sourceRoot":"../../src","sources":["SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/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
 }>;
 
 /**
@@ -117,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/commonjs/SelectionMenu.js

@@ -7,11 +7,29 @@ exports.SelectionMenu = SelectionMenu;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _SelectionMenuNativeComponent = _interopRequireDefault(require("./SelectionMenuNativeComponent"));
+var _icons = require("./icons");
+var _selectionIdentifiers = require("./selectionIdentifiers");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // SelectionMenu.tsx
 
+/**
+ * A single option: a label and its data payload, with an optional icon and
+ * second line.
+ */
+
+/** Flattens options for native: icons resolved, every field set. */
+function normalizeSelectionMenuOptions(options) {
+  (0, _selectionIdentifiers.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 ?? '',
+    ...(0, _icons.resolveIcon)(option.icon)
+  }));
+}
 function normalizeSelectedData(selected) {
   return selected ?? '';
 }
@@ -29,6 +47,7 @@ function SelectionMenu(props) {
     placeholder,
     presentation = 'modal',
     visible,
+    haptics,
     onSelect,
     onRequestClose,
     ios,
@@ -36,6 +55,7 @@ function SelectionMenu(props) {
     ...viewProps
   } = props;
   const selectedData = (0, _react.useMemo)(() => normalizeSelectedData(selected), [selected]);
+  const nativeOptions = (0, _react.useMemo)(() => normalizeSelectionMenuOptions(options), [options]);
   const nativeVisible = (0, _react.useMemo)(() => normalizeNativeVisible(presentation, visible), [presentation, visible]);
   const handleSelect = (0, _react.useCallback)(e => {
     const {
@@ -43,8 +63,10 @@ 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 = (0, _react.useCallback)(() => {
     onRequestClose?.();
   }, [onRequestClose]);
@@ -53,7 +75,8 @@ function SelectionMenu(props) {
   const nativeAndroid = (0, _react.useMemo)(() => {
     if (!android) return undefined;
     return {
-      material: android.material
+      material: android.material,
+      searchable: android.searchable ? 'true' : 'false'
     };
   }, [android]);
 
@@ -62,12 +85,13 @@ function SelectionMenu(props) {
   const remountKey = _reactNative.Platform.OS === 'android' ? `${presentation}-${android?.material ?? 'system'}` : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectionMenuNativeComponent.default, {
     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/commonjs/SelectionMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_SelectionMenuNativeComponent","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","normalizeSelectedData","selected","normalizeNativeVisible","presentation","visible","undefined","SelectionMenu","props","style","options","disabled","placeholder","onSelect","onRequestClose","ios","android","viewProps","selectedData","useMemo","nativeVisible","handleSelect","useCallback","index","label","data","nativeEvent","handleRequestClose","nativeAndroid","material","remountKey","Platform","OS","jsx","interactivity","anchorMode"],"sourceRoot":"../../src","sources":["SelectionMenu.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_SelectionMenuNativeComponent","_interopRequireDefault","_icons","_selectionIdentifiers","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","normalizeSelectionMenuOptions","options","warnSelectionIdentifiers","map","option","data","label","disabled","subtitle","resolveIcon","icon","normalizeSelectedData","selected","normalizeNativeVisible","presentation","visible","undefined","SelectionMenu","props","style","placeholder","haptics","onSelect","onRequestClose","ios","android","viewProps","selectedData","useMemo","nativeOptions","nativeVisible","handleSelect","useCallback","index","nativeEvent","handleRequestClose","nativeAndroid","material","searchable","remountKey","Platform","OS","jsx","interactivity","anchorMode"],"sourceRoot":"../../src","sources":["SelectionMenu.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/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.
    */