react-native-platform-components 1.4.0 → 1.5.0

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
 }>;
 
 /**
@@ -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/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.
    */

package/lib/module/SplitButton.js

@@ -0,0 +1,91 @@
+"use strict";
+
+// SplitButton.tsx
+import React, { useCallback, useMemo } from 'react';
+import NativeButtonGroup from './ButtonGroupNativeComponent';
+import { resolveIcon } from "./icons.js";
+import { normalizeLabelStyle } from "./labelStyle.js";
+import { flattenMenuActions } from "./menuItems.js";
+
+/**
+ * Emphasis of a split button: the Button variants without `text`, which has
+ * no container to split.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A main action with an attached menu, like "Send ▾".
+ *
+ * - Android: Material 3 `MaterialSplitButton`, a leading button and a
+ *   trailing icon button whose chevron turns while the `PopupMenu` is open.
+ * - iOS: a button joined to a chevron button that opens a `UIMenu`
+ *   (`showsMenuAsPrimaryAction`).
+ */
+export function SplitButton(props) {
+  const {
+    label,
+    icon,
+    accessibilityLabel,
+    menu,
+    menuAccessibilityLabel,
+    variant,
+    size,
+    disabled,
+    color,
+    tintColor,
+    labelStyle,
+    haptics,
+    onPress,
+    onMenuSelect,
+    onMenuOpen,
+    onMenuClose,
+    android,
+    ...viewProps
+  } = props;
+  const nativeButtons = useMemo(() => [{
+    label: label ?? '',
+    value: 'primary',
+    disabled: 'enabled',
+    accessibilityLabel: accessibilityLabel ?? '',
+    ...resolveIcon(icon)
+  }], [label, icon, accessibilityLabel]);
+  const nativeMenu = useMemo(() => flattenMenuActions(menu), [menu]);
+  const nativeLabelStyle = useMemo(() => normalizeLabelStyle(labelStyle), [labelStyle]);
+  const nativeAndroid = useMemo(() => ({
+    material: android?.material ?? 'expressive'
+  }), [android?.material]);
+  const handlePress = useCallback(() => onPress?.(), [onPress]);
+  const handleMenuSelect = useCallback(e => {
+    onMenuSelect?.(e.nativeEvent.id, e.nativeEvent.title);
+  }, [onMenuSelect]);
+  const handleMenuOpen = useCallback(() => onMenuOpen?.(), [onMenuOpen]);
+  const handleMenuClose = useCallback(() => onMenuClose?.(), [onMenuClose]);
+  return /*#__PURE__*/_jsx(NativeButtonGroup, {
+    buttons: nativeButtons,
+    split: "true",
+    menu: nativeMenu,
+    menuAccessibilityLabel: menuAccessibilityLabel ?? 'More options',
+    variant: variant ?? 'filled',
+    size: size ?? 'small',
+    shape: "",
+    connected: "true",
+    spacing: -1,
+    selection: "none",
+    selectedValues: [],
+    selectionRequired: "false",
+    interactivity: disabled ? 'disabled' : 'enabled',
+    color: color,
+    foregroundColor: tintColor,
+    androidRippleColor: android?.rippleColor,
+    androidStrokeColor: android?.strokeColor,
+    labelStyle: nativeLabelStyle,
+    overflow: "none",
+    haptics: haptics ?? '',
+    onButtonPress: onPress ? handlePress : undefined,
+    onMenuSelect: onMenuSelect ? handleMenuSelect : undefined,
+    onMenuOpen: onMenuOpen ? handleMenuOpen : undefined,
+    onMenuClose: onMenuClose ? handleMenuClose : undefined,
+    android: nativeAndroid,
+    ...viewProps
+  });
+}
+//# sourceMappingURL=SplitButton.js.map

package/lib/module/SplitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","NativeButtonGroup","resolveIcon","normalizeLabelStyle","flattenMenuActions","jsx","_jsx","SplitButton","props","label","icon","accessibilityLabel","menu","menuAccessibilityLabel","variant","size","disabled","color","tintColor","labelStyle","haptics","onPress","onMenuSelect","onMenuOpen","onMenuClose","android","viewProps","nativeButtons","value","nativeMenu","nativeLabelStyle","nativeAndroid","material","handlePress","handleMenuSelect","e","nativeEvent","id","title","handleMenuOpen","handleMenuClose","buttons","split","shape","connected","spacing","selection","selectedValues","selectionRequired","interactivity","foregroundColor","androidRippleColor","rippleColor","androidStrokeColor","strokeColor","overflow","onButtonPress","undefined"],"sourceRoot":"../../src","sources":["SplitButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/TabBar.js

@@ -0,0 +1,196 @@
+"use strict";
+
+// TabBar.tsx
+import React, { useCallback, useId, useMemo, useRef, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import NativeTabBar from './TabBarNativeComponent';
+import NativeTabBarAccessory from './TabBarAccessoryNativeComponent';
+import { isLiquidGlassSupported } from "./LiquidGlass.js";
+import { normalizeLabelStyle } from "./labelStyle.js";
+import { MAX_TAB_ITEMS, toNativeTabItems } from "./tabItems.js";
+
+/**
+ * How labels show under the icons.
+ *
+ * - `auto` (default): the platform default. iOS labels every tab; Android
+ *   labels every tab up to three, and only the selected one from four.
+ * - `labeled`: every tab shows its label.
+ * - `selected`: only the selected tab shows its label. Android only; iOS
+ *   labels every tab.
+ * - `unlabeled`: icons only. Screen readers still announce the labels.
+ */
+
+/**
+ * When the bar gets out of the way of scrolling content, following the
+ * ScrollView named by `scrollViewNativeID`.
+ *
+ * - `onScrollDown`: minimize while scrolling down, come back scrolling up.
+ * - `onScrollUp`: the reverse.
+ * - `automatic`: the platform default (iOS 26: minimize on scroll down).
+ * - `never`: always full size.
+ */
+
+/**
+ * Where the iOS 26 bottom accessory sits: `regular`, its own row above the
+ * bar, or `inline`, beside the minimized bar.
+ */
+
+/**
+ * Android: the tab layout. `vertical` puts the icon above the label,
+ * `horizontal` beside it (Material 3 Expressive, for wide bars), and `auto`
+ * picks horizontal when the bar is at least 600dp wide.
+ */
+
+/**
+ * Android: the shape of the active indicator. `pill` (default) has fully
+ * rounded ends; `circle` is a circle the indicator's height across; a number
+ * is the corner radius, in dp, of a rounded rectangle.
+ */
+
+/** Badge colors. Both default to the platform look. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TabBar(props) {
+  const {
+    items,
+    selectedValue,
+    onSelect,
+    onReselect,
+    haptics,
+    labelVisibility,
+    activeTintColor,
+    inactiveTintColor,
+    barColor,
+    badgeStyle,
+    labelStyle,
+    maxFontSizeMultiplier,
+    minimizeBehavior,
+    scrollViewNativeID,
+    accessory,
+    onAccessoryEnvironmentChange,
+    android,
+    style,
+    ...viewProps
+  } = props;
+  if (__DEV__ && items.length > MAX_TAB_ITEMS) {
+    console.warn(`TabBar: ${items.length} tabs given; the platform tab bars show at most ${MAX_TAB_ITEMS}, so the rest are dropped.`);
+  }
+  const nativeItems = useMemo(() => toNativeTabItems(items), [items]);
+  const handleTabPress = 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]);
+
+  // --- Accessory ---
+  // iOS 26 hosts it in UIKit's accessory: the content mounts into the
+  // accessory view, laid out at the size and place native reports. Elsewhere
+  // it is a plain view above the bar.
+  const hasAccessory = accessory !== undefined && accessory !== null && accessory !== false;
+  const hostsAccessory = hasAccessory && isLiquidGlassSupported;
+  const accessoryID = `pc-tab-accessory${useId()}`;
+  const [accessoryFrame, setAccessoryFrame] = useState(null);
+  const environment = useRef('regular');
+  const handleAccessoryLayout = useCallback(event => {
+    const {
+      x,
+      y,
+      width,
+      height
+    } = event.nativeEvent;
+    setAccessoryFrame(current => current && current.x === x && current.y === y && current.width === width && current.height === height ? current : {
+      x,
+      y,
+      width,
+      height
+    });
+    const next = event.nativeEvent.environment === 'inline' ? 'inline' : 'regular';
+    if (next !== environment.current) {
+      environment.current = next;
+      onAccessoryEnvironmentChange?.(next);
+    }
+  }, [onAccessoryEnvironmentChange]);
+  const indicatorShape = android?.indicatorShape;
+  const bar = /*#__PURE__*/_jsx(NativeTabBar, {
+    items: nativeItems,
+    selectedValue: selectedValue ?? '',
+    labelVisibility: labelVisibility ?? 'auto',
+    activeTintColor: activeTintColor,
+    inactiveTintColor: inactiveTintColor,
+    barColor: barColor,
+    badgeBackgroundColor: badgeStyle?.backgroundColor,
+    badgeTextColor: badgeStyle?.color,
+    labelStyle: nativeLabelStyle,
+    maxFontSizeMultiplier: maxFontSizeMultiplier ?? 0,
+    minimizeBehavior: minimizeBehavior ?? '',
+    scrollViewNativeID: scrollViewNativeID ?? '',
+    accessoryID: hasAccessory ? accessoryID : '',
+    androidIndicatorColor: android?.indicatorColor,
+    androidRippleColor: android?.rippleColor,
+    androidIndicator: android?.indicator === undefined ? '' : String(android.indicator),
+    androidIndicatorShape: typeof indicatorShape === 'number' ? 'rounded' : indicatorShape ?? '',
+    androidIndicatorCornerRadius: typeof indicatorShape === 'number' ? indicatorShape : 0,
+    androidIndicatorWidth: android?.indicatorWidth ?? 0,
+    androidIndicatorHeight: android?.indicatorHeight ?? 0,
+    androidItemLayout: android?.itemLayout ?? '',
+    haptics: haptics ?? '',
+    onTabPress: onSelect || onReselect ? handleTabPress : undefined,
+    onAccessoryLayout: hostsAccessory ? handleAccessoryLayout : undefined,
+    style: hasAccessory ? undefined : style,
+    ...viewProps
+  });
+  if (!hasAccessory) {
+    return bar;
+  }
+  if (hostsAccessory) {
+    // The inner view has no padding, so the accessory's offsets are in the
+    // bar's coordinates. The content's place in the layout matches where
+    // UIKit shows it, for touch handling that measures views.
+    return /*#__PURE__*/_jsx(View, {
+      style: style,
+      pointerEvents: "box-none",
+      children: /*#__PURE__*/_jsxs(View, {
+        pointerEvents: "box-none",
+        children: [bar, /*#__PURE__*/_jsx(NativeTabBarAccessory, {
+          accessoryID: accessoryID,
+          style: [styles.hostedAccessory, accessoryFrame ? {
+            left: accessoryFrame.x,
+            top: accessoryFrame.y,
+            width: accessoryFrame.width,
+            height: accessoryFrame.height
+          } : styles.accessoryPlaceholder],
+          children: accessory
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: style,
+    pointerEvents: "box-none",
+    children: [/*#__PURE__*/_jsx(View, {
+      nativeID: accessoryID,
+      collapsable: false,
+      children: accessory
+    }), bar]
+  });
+}
+const styles = StyleSheet.create({
+  hostedAccessory: {
+    position: 'absolute'
+  },
+  // Until the first layout: the accessory's usual row across the bar
+  accessoryPlaceholder: {
+    left: 0,
+    right: 0,
+    top: 0,
+    height: 48
+  }
+});
+//# sourceMappingURL=TabBar.js.map

package/lib/module/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useId","useMemo","useRef","useState","StyleSheet","View","NativeTabBar","NativeTabBarAccessory","isLiquidGlassSupported","normalizeLabelStyle","MAX_TAB_ITEMS","toNativeTabItems","jsx","_jsx","jsxs","_jsxs","TabBar","props","items","selectedValue","onSelect","onReselect","haptics","labelVisibility","activeTintColor","inactiveTintColor","barColor","badgeStyle","labelStyle","maxFontSizeMultiplier","minimizeBehavior","scrollViewNativeID","accessory","onAccessoryEnvironmentChange","android","style","viewProps","__DEV__","length","console","warn","nativeItems","handleTabPress","event","index","value","reselected","nativeEvent","nativeLabelStyle","hasAccessory","undefined","hostsAccessory","accessoryID","accessoryFrame","setAccessoryFrame","environment","handleAccessoryLayout","x","y","width","height","current","next","indicatorShape","bar","badgeBackgroundColor","backgroundColor","badgeTextColor","color","androidIndicatorColor","indicatorColor","androidRippleColor","rippleColor","androidIndicator","indicator","String","androidIndicatorShape","androidIndicatorCornerRadius","androidIndicatorWidth","indicatorWidth","androidIndicatorHeight","indicatorHeight","androidItemLayout","itemLayout","onTabPress","onAccessoryLayout","pointerEvents","children","styles","hostedAccessory","left","top","accessoryPlaceholder","nativeID","collapsable","create","position","right"],"sourceRoot":"../../src","sources":["TabBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/TabBarAccessoryNativeComponent.ts

@@ -0,0 +1,19 @@
+// TabBarAccessoryNativeComponent.ts
+import type { HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+/**
+ * The content of a TabBar's bottom accessory on iOS 26. Its children are
+ * mounted into the view UIKit shows as the tab bar's accessory, found by the
+ * bar through `accessoryID`; this view itself stays empty in the layout.
+ */
+export interface TabBarAccessoryNativeProps extends ViewProps {
+  /** The id the TabBar links to; '' = not linked. */
+  accessoryID: string;
+}
+
+export default codegenNativeComponent<TabBarAccessoryNativeProps>(
+  'PCTabBarAccessory',
+  // Only iOS 26 hosts the accessory; Android renders a plain view
+  { excludedPlatforms: ['android'] }
+) as HostComponent<TabBarAccessoryNativeProps>;

package/lib/module/TabBarNativeComponent.ts

@@ -0,0 +1,145 @@
+// TabBarNativeComponent.ts
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+import type {
+  BubblingEventHandler,
+  DirectEventHandler,
+  Double,
+  Int32,
+  WithDefault,
+} from './codegenTypes';
+
+/**
+ * A single tab. Icons are pre-resolved on the JS side (see icons.ts), the
+ * selected icon under the `selected…` fields; empty strings mean "none".
+ */
+export type TabBarItem = 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
+  accessibilityLabel: string; // '' = the label
+  testID: string; // '' = none
+  role: string; // '' | 'search'
+  systemItem: string; // '' | a UITabBarItem.SystemItem name ('favorites', …)
+}>;
+
+/** A press on a tab. `reselected` is 'true' when the tab was already selected. */
+export type TabBarSelectEvent = Readonly<{
+  index: Int32;
+  value: string;
+  reselected: string; // 'true' | 'false'
+}>;
+
+/**
+ * iOS 26: where the hosted bottom accessory sits, in the bar's coordinates,
+ * and its environment.
+ */
+export type TabBarAccessoryLayoutEvent = Readonly<{
+  x: Double;
+  y: Double;
+  width: Double;
+  height: Double;
+  environment: string; // 'regular' | 'inline'
+}>;
+
+/** Label font. Empty strings / 0 mean "platform default". */
+export type TabBarLabelStyleProps = Readonly<{
+  fontFamily?: string;
+  fontSize?: Double;
+  fontWeight?: string;
+  fontStyle?: string;
+}>;
+
+export interface TabBarNativeProps extends ViewProps {
+  /** The tabs. */
+  items: ReadonlyArray<TabBarItem>;
+
+  /** Selected tab by value; '' = none. */
+  selectedValue?: WithDefault<string, ''>;
+
+  /** 'auto' | 'labeled' | 'selected' | 'unlabeled' */
+  labelVisibility?: string;
+
+  /** Icon and label color of the selected tab. */
+  activeTintColor?: ColorValue;
+
+  /** Icon and label color of the other tabs. */
+  inactiveTintColor?: ColorValue;
+
+  /** Bar background; transparent to show what is behind. */
+  barColor?: ColorValue;
+
+  /** Badge colors. */
+  badgeBackgroundColor?: ColorValue;
+  badgeTextColor?: ColorValue;
+
+  /** Label font. */
+  labelStyle?: TabBarLabelStyleProps;
+
+  /** Largest font scale the labels may reach; 0 = no cap. */
+  maxFontSizeMultiplier?: Double;
+
+  /** '' | 'automatic' | 'never' | 'onScrollDown' | 'onScrollUp' */
+  minimizeBehavior?: string;
+
+  /** nativeID of the ScrollView whose scrolling minimizes the bar. */
+  scrollViewNativeID?: string;
+
+  /** Android: the active indicator pill behind the selected icon. */
+  androidIndicatorColor?: ColorValue;
+
+  /** Android: ripple shown while pressing a tab. */
+  androidRippleColor?: ColorValue;
+
+  /** Android: 'true' | 'false' ('' = shown), the active indicator. */
+  androidIndicator?: string;
+
+  /** Android: '' (pill) | 'pill' | 'circle' | 'rounded' (androidIndicatorCornerRadius). */
+  androidIndicatorShape?: string;
+
+  /** Android: corner radius of a 'rounded' indicator, in dp. */
+  androidIndicatorCornerRadius?: Double;
+
+  /** Android: indicator size in dp; 0 = the Material default. */
+  androidIndicatorWidth?: Double;
+  androidIndicatorHeight?: Double;
+
+  /** Android: '' | 'vertical' | 'horizontal' | 'auto', icon above or beside the label. */
+  androidItemLayout?: string;
+
+  /**
+   * Links the bar to its accessory view (PCTabBarAccessory with the same
+   * id): iOS 26 hosts it as the tab bar's bottom accessory; Android slides
+   * it away with the bar. '' = none.
+   */
+  accessoryID?: string;
+
+  /**
+   * Haptic played when a tab is pressed: '' (none added) | 'none' | 'selection' |
+   * 'light' | 'medium' | 'heavy' | 'success' | 'warning' | 'error'
+   */
+  haptics?: string;
+
+  /** Fired when a tab is pressed. */
+  onTabPress?: BubblingEventHandler<TabBarSelectEvent>;
+
+  /** iOS 26: the hosted accessory moved, resized or changed environment. */
+  onAccessoryLayout?: DirectEventHandler<TabBarAccessoryLayoutEvent>;
+}
+
+export default codegenNativeComponent<TabBarNativeProps>(
+  'PCTabBar'
+) as HostComponent<TabBarNativeProps>;