react-native-platform-components 1.3.0 → 1.4.0

package/lib/module/FloatingToolbarNativeComponent.ts

@@ -0,0 +1,31 @@
+// FloatingToolbarNativeComponent.ts
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+
+/**
+ * iOS-specific configuration.
+ */
+export type FloatingToolbarIOSProps = Readonly<{
+  /** Glass effect style on iOS 26: 'regular' | 'clear' */
+  effect?: string;
+}>;
+
+/**
+ * Android-specific configuration.
+ */
+export type FloatingToolbarAndroidProps = Readonly<{
+  /** Material color variant: 'standard' | 'vibrant' */
+  variant?: string;
+}>;
+
+export interface FloatingToolbarNativeProps extends ViewProps {
+  /** Container color. Default: the platform's toolbar material. */
+  color?: ColorValue;
+
+  ios?: FloatingToolbarIOSProps;
+  android?: FloatingToolbarAndroidProps;
+}
+
+export default codegenNativeComponent<FloatingToolbarNativeProps>(
+  'PCFloatingToolbar'
+) as HostComponent<FloatingToolbarNativeProps>;

package/lib/module/SegmentedControl.js

@@ -2,31 +2,21 @@
 
 // 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 { jsx as _jsx } from "react/jsx-runtime";
 // Android: Minimum height to ensure visibility.
 // Fabric's shadow node measurement isn't being called on initial render,
 // so we apply a minHeight that matches Material design touch target guidelines.
-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 +29,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 ?? '';
 }
@@ -165,21 +97,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]);
 

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","jsx","_jsx","ANDROID_MIN_HEIGHT","resolveSegmentIcon","normalizeSelectedValue","selected","SegmentedControl","props","style","segments","selectedValue","disabled","labelVisibility","selectedSegmentColor","activeTintColor","inactiveTintColor","labelStyle","badgeStyle","onSelect","onDeselect","ios","android","viewProps","nativeSegments","map","seg","label","value","badge","undefined","String","accessibilityLabel","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

@@ -72,6 +72,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 {

package/lib/module/TextField.js

@@ -0,0 +1,189 @@
+"use strict";
+
+// TextField.tsx
+import React, { forwardRef, useCallback, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import NativeTextField, { Commands } from './TextFieldNativeComponent';
+import { resolveIcon } from "./icons.js";
+import { normalizeLabelStyle } from "./labelStyle.js";
+import { focusRegistry } from "./focusRegistry.js";
+
+/** Keyboard to show; the React Native `TextInput` values. */
+
+/** Return key label; the React Native `TextInput` values. */
+
+/** Autofill hint; a cross-platform subset of the React Native `TextInput` values. */
+
+/** An iOS text trait: the system default, on, or off. */
+
+/** Focus, blur and submit events carry the text at that moment. */
+
+/** Change events carry the text and the native edit counter. */
+
+/** Methods available through the `ref`. */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TextField = /*#__PURE__*/forwardRef(function TextFieldComponent(props, ref) {
+  const {
+    value,
+    defaultValue,
+    onChangeText,
+    onChange,
+    onFocus,
+    onBlur,
+    onSubmitEditing,
+    label,
+    placeholder,
+    supportingText,
+    error,
+    prefix,
+    suffix,
+    leadingIcon,
+    trailingIcon,
+    onTrailingIconPress,
+    clearButtonMode,
+    passwordToggle,
+    showCharacterCount,
+    maxLength,
+    keyboardType,
+    returnKeyType,
+    autoCapitalize,
+    autoCorrect,
+    secureTextEntry,
+    multiline,
+    editable,
+    autoFocus,
+    selectTextOnFocus,
+    autoComplete,
+    keyboardAppearance,
+    textStyle,
+    accessibilityLabel,
+    ios,
+    android,
+    ...viewProps
+  } = props;
+  const nativeRef = useRef(null);
+  const focused = useRef(false);
+
+  // The same synchronization as React Native's TextInput: every native edit
+  // reports an event count, and a controlled value is pushed with the last
+  // count JS has seen. Native drops the update when the user has typed
+  // since, and the edit that follows brings JS back in line.
+  const [mostRecentEventCount, setMostRecentEventCount] = useState(0);
+  const [lastNativeText, setLastNativeText] = useState(value ?? defaultValue);
+
+  // Registered like a TextInput, so Keyboard.dismiss() and the ScrollView
+  // keyboard props treat the field as one (see focusRegistry.ts)
+  useLayoutEffect(() => {
+    const node = nativeRef.current;
+    if (node == null) return undefined;
+    focusRegistry.register(node);
+    return () => focusRegistry.unregister(node);
+  }, []);
+  useLayoutEffect(() => {
+    if (typeof value !== 'string' || value === lastNativeText) return;
+    setLastNativeText(value);
+    const node = nativeRef.current;
+    if (node != null) {
+      Commands.setText(node, mostRecentEventCount, value);
+    }
+  }, [value, lastNativeText, mostRecentEventCount]);
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      const node = nativeRef.current;
+      if (node != null) Commands.focus(node);
+    },
+    blur: () => {
+      const node = nativeRef.current;
+      if (node != null) Commands.blur(node);
+    },
+    clear: () => {
+      const node = nativeRef.current;
+      if (node != null) Commands.clear(node);
+    },
+    isFocused: () => focused.current
+  }), []);
+  const handleChange = useCallback(event => {
+    const {
+      text,
+      eventCount
+    } = event.nativeEvent;
+    setMostRecentEventCount(eventCount);
+    setLastNativeText(text);
+    onChange?.(event);
+    onChangeText?.(text);
+  }, [onChange, onChangeText]);
+  const handleFocus = useCallback(event => {
+    focused.current = true;
+    focusRegistry.focused(nativeRef.current);
+    onFocus?.(event);
+  }, [onFocus]);
+  const handleBlur = useCallback(event => {
+    focused.current = false;
+    focusRegistry.blurred(nativeRef.current);
+    onBlur?.(event);
+  }, [onBlur]);
+  const handleSubmit = useCallback(event => {
+    onSubmitEditing?.(event);
+  }, [onSubmitEditing]);
+  const handleTrailingIconPress = useCallback(() => {
+    onTrailingIconPress?.();
+  }, [onTrailingIconPress]);
+  const nativeLeadingIcon = useMemo(() => resolveIcon(leadingIcon), [leadingIcon]);
+  const nativeTrailingIcon = useMemo(() => resolveIcon(trailingIcon), [trailingIcon]);
+  const nativeTextStyle = useMemo(() => normalizeLabelStyle(textStyle), [textStyle]);
+  const nativeIOS = useMemo(() => ({
+    writingTools: ios?.writingTools ?? '',
+    inlinePrediction: ios?.inlinePrediction ?? '',
+    smartQuotes: ios?.smartQuotes ?? '',
+    smartDashes: ios?.smartDashes ?? '',
+    smartInsertDelete: ios?.smartInsertDelete ?? '',
+    mathExpressionCompletion: ios?.mathExpressionCompletion ?? '',
+    borderStyle: ios?.borderStyle ?? '',
+    labelPlacement: ios?.labelPlacement ?? '',
+    labelWidth: ios?.labelWidth ?? 0
+  }), [ios]);
+  const nativeAndroid = useMemo(() => ({
+    material: android?.material ?? 'm3',
+    variant: android?.variant ?? 'outlined',
+    density: android?.dense ? 'dense' : 'standard'
+  }), [android]);
+  return /*#__PURE__*/_jsx(NativeTextField, {
+    ref: nativeRef,
+    initialText: value ?? defaultValue ?? '',
+    label: label ?? '',
+    placeholder: placeholder ?? '',
+    supportingText: supportingText ?? '',
+    errorState: error ? 'error' : 'none',
+    errorText: typeof error === 'string' ? error : '',
+    prefix: prefix ?? '',
+    suffix: suffix ?? '',
+    leadingIcon: nativeLeadingIcon,
+    trailingIcon: nativeTrailingIcon,
+    clearButtonMode: clearButtonMode ?? 'never',
+    passwordToggle: passwordToggle ? 'shown' : 'hidden',
+    characterCount: showCharacterCount ? 'shown' : 'hidden',
+    maxLength: maxLength ?? 0,
+    keyboardType: keyboardType ?? 'default',
+    returnKeyType: returnKeyType ?? 'default',
+    autoCapitalize: autoCapitalize ?? 'sentences',
+    autoCorrect: autoCorrect === false ? 'disabled' : 'enabled',
+    secureTextEntry: secureTextEntry ? 'secure' : 'plain',
+    lines: multiline ? 'multiline' : 'single',
+    interactivity: editable === false ? 'disabled' : 'enabled',
+    autoFocus: autoFocus ? 'focus' : 'none',
+    selectTextOnFocus: selectTextOnFocus ? 'select' : 'keep',
+    autoComplete: autoComplete ?? '',
+    keyboardAppearance: keyboardAppearance ?? 'default',
+    textStyle: nativeTextStyle,
+    spokenLabel: accessibilityLabel ?? '',
+    ios: nativeIOS,
+    android: nativeAndroid,
+    onFieldChange: handleChange,
+    onFieldFocus: handleFocus,
+    onFieldBlur: handleBlur,
+    onFieldSubmit: onSubmitEditing ? handleSubmit : undefined,
+    onTrailingIconPress: onTrailingIconPress ? handleTrailingIconPress : undefined,
+    ...viewProps
+  });
+});
+TextField.displayName = 'TextField';
+//# sourceMappingURL=TextField.js.map

package/lib/module/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","NativeTextField","Commands","resolveIcon","normalizeLabelStyle","focusRegistry","jsx","_jsx","TextField","TextFieldComponent","props","ref","value","defaultValue","onChangeText","onChange","onFocus","onBlur","onSubmitEditing","label","placeholder","supportingText","error","prefix","suffix","leadingIcon","trailingIcon","onTrailingIconPress","clearButtonMode","passwordToggle","showCharacterCount","maxLength","keyboardType","returnKeyType","autoCapitalize","autoCorrect","secureTextEntry","multiline","editable","autoFocus","selectTextOnFocus","autoComplete","keyboardAppearance","textStyle","accessibilityLabel","ios","android","viewProps","nativeRef","focused","mostRecentEventCount","setMostRecentEventCount","lastNativeText","setLastNativeText","node","current","undefined","register","unregister","setText","focus","blur","clear","isFocused","handleChange","event","text","eventCount","nativeEvent","handleFocus","handleBlur","blurred","handleSubmit","handleTrailingIconPress","nativeLeadingIcon","nativeTrailingIcon","nativeTextStyle","nativeIOS","writingTools","inlinePrediction","smartQuotes","smartDashes","smartInsertDelete","mathExpressionCompletion","borderStyle","labelPlacement","labelWidth","nativeAndroid","material","variant","density","dense","initialText","errorState","errorText","characterCount","lines","interactivity","spokenLabel","onFieldChange","onFieldFocus","onFieldBlur","onFieldSubmit","displayName"],"sourceRoot":"../../src","sources":["TextField.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,mBAAmB,EACnBC,eAAe,EACfC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AAGd,OAAOC,eAAe,IACpBC,QAAQ,QAGH,4BAA4B;AACnC,SAASC,WAAW,QAA2B,YAAS;AACxD,SAASC,mBAAmB,QAAyB,iBAAc;AACnE,SAASC,aAAa,QAAQ,oBAAiB;;AAG/C;;AAgBA;;AAIA;;AA0BA;;AAGA;;AAGA;;AAMA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAwMA,OAAO,MAAMC,SAAS,gBAAGd,UAAU,CACjC,SAASe,kBAAkBA,CAACC,KAAK,EAAEC,GAAG,EAAsB;EAC1D,MAAM;IACJC,KAAK;IACLC,YAAY;IACZC,YAAY;IACZC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,eAAe;IACfC,KAAK;IACLC,WAAW;IACXC,cAAc;IACdC,KAAK;IACLC,MAAM;IACNC,MAAM;IACNC,WAAW;IACXC,YAAY;IACZC,mBAAmB;IACnBC,eAAe;IACfC,cAAc;IACdC,kBAAkB;IAClBC,SAAS;IACTC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,iBAAiB;IACjBC,YAAY;IACZC,kBAAkB;IAClBC,SAAS;IACTC,kBAAkB;IAClBC,GAAG;IACHC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGrC,KAAK;EAET,MAAMsC,SAAS,GAAGjD,MAAM,CAA0B,IAAI,CAAC;EACvD,MAAMkD,OAAO,GAAGlD,MAAM,CAAC,KAAK,CAAC;;EAE7B;EACA;EACA;EACA;EACA,MAAM,CAACmD,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGnD,QAAQ,CAAC,CAAC,CAAC;EACnE,MAAM,CAACoD,cAAc,EAAEC,iBAAiB,CAAC,GAAGrD,QAAQ,CAClDY,KAAK,IAAIC,YACX,CAAC;;EAED;EACA;EACAhB,eAAe,CAAC,MAAM;IACpB,MAAMyD,IAAI,GAAGN,SAAS,CAACO,OAAO;IAC9B,IAAID,IAAI,IAAI,IAAI,EAAE,OAAOE,SAAS;IAClCnD,aAAa,CAACoD,QAAQ,CAACH,IAAI,CAAC;IAC5B,OAAO,MAAMjD,aAAa,CAACqD,UAAU,CAACJ,IAAI,CAAC;EAC7C,CAAC,EAAE,EAAE,CAAC;EAENzD,eAAe,CAAC,MAAM;IACpB,IAAI,OAAOe,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAKwC,cAAc,EAAE;IAC3DC,iBAAiB,CAACzC,KAAK,CAAC;IACxB,MAAM0C,IAAI,GAAGN,SAAS,CAACO,OAAO;IAC9B,IAAID,IAAI,IAAI,IAAI,EAAE;MAChBpD,QAAQ,CAACyD,OAAO,CAACL,IAAI,EAAEJ,oBAAoB,EAAEtC,KAAK,CAAC;IACrD;EACF,CAAC,EAAE,CAACA,KAAK,EAAEwC,cAAc,EAAEF,oBAAoB,CAAC,CAAC;EAEjDtD,mBAAmB,CACjBe,GAAG,EACH,OAAO;IACLiD,KAAK,EAAEA,CAAA,KAAM;MACX,MAAMN,IAAI,GAAGN,SAAS,CAACO,OAAO;MAC9B,IAAID,IAAI,IAAI,IAAI,EAAEpD,QAAQ,CAAC0D,KAAK,CAACN,IAAI,CAAC;IACxC,CAAC;IACDO,IAAI,EAAEA,CAAA,KAAM;MACV,MAAMP,IAAI,GAAGN,SAAS,CAACO,OAAO;MAC9B,IAAID,IAAI,IAAI,IAAI,EAAEpD,QAAQ,CAAC2D,IAAI,CAACP,IAAI,CAAC;IACvC,CAAC;IACDQ,KAAK,EAAEA,CAAA,KAAM;MACX,MAAMR,IAAI,GAAGN,SAAS,CAACO,OAAO;MAC9B,IAAID,IAAI,IAAI,IAAI,EAAEpD,QAAQ,CAAC4D,KAAK,CAACR,IAAI,CAAC;IACxC,CAAC;IACDS,SAAS,EAAEA,CAAA,KAAMd,OAAO,CAACM;EAC3B,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMS,YAAY,GAAGrE,WAAW,CAC7BsE,KAA8C,IAAK;IAClD,MAAM;MAAEC,IAAI;MAAEC;IAAW,CAAC,GAAGF,KAAK,CAACG,WAAW;IAC9CjB,uBAAuB,CAACgB,UAAU,CAAC;IACnCd,iBAAiB,CAACa,IAAI,CAAC;IACvBnD,QAAQ,GAAGkD,KAAK,CAAC;IACjBnD,YAAY,GAAGoD,IAAI,CAAC;EACtB,CAAC,EACD,CAACnD,QAAQ,EAAED,YAAY,CACzB,CAAC;EAED,MAAMuD,WAAW,GAAG1E,WAAW,CAC5BsE,KAA4C,IAAK;IAChDhB,OAAO,CAACM,OAAO,GAAG,IAAI;IACtBlD,aAAa,CAAC4C,OAAO,CAACD,SAAS,CAACO,OAAO,CAAC;IACxCvC,OAAO,GAAGiD,KAAK,CAAC;EAClB,CAAC,EACD,CAACjD,OAAO,CACV,CAAC;EAED,MAAMsD,UAAU,GAAG3E,WAAW,CAC3BsE,KAA4C,IAAK;IAChDhB,OAAO,CAACM,OAAO,GAAG,KAAK;IACvBlD,aAAa,CAACkE,OAAO,CAACvB,SAAS,CAACO,OAAO,CAAC;IACxCtC,MAAM,GAAGgD,KAAK,CAAC;EACjB,CAAC,EACD,CAAChD,MAAM,CACT,CAAC;EAED,MAAMuD,YAAY,GAAG7E,WAAW,CAC7BsE,KAA4C,IAAK;IAChD/C,eAAe,GAAG+C,KAAK,CAAC;EAC1B,CAAC,EACD,CAAC/C,eAAe,CAClB,CAAC;EAED,MAAMuD,uBAAuB,GAAG9E,WAAW,CAAC,MAAM;IAChDgC,mBAAmB,GAAG,CAAC;EACzB,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,MAAM+C,iBAAiB,GAAG5E,OAAO,CAC/B,MAAMK,WAAW,CAACsB,WAAW,CAAC,EAC9B,CAACA,WAAW,CACd,CAAC;EACD,MAAMkD,kBAAkB,GAAG7E,OAAO,CAChC,MAAMK,WAAW,CAACuB,YAAY,CAAC,EAC/B,CAACA,YAAY,CACf,CAAC;EACD,MAAMkD,eAAe,GAAG9E,OAAO,CAC7B,MAAMM,mBAAmB,CAACuC,SAAS,CAAC,EACpC,CAACA,SAAS,CACZ,CAAC;EAED,MAAMkC,SAAS,GAAG/E,OAAO,CACvB,OAAO;IACLgF,YAAY,EAAEjC,GAAG,EAAEiC,YAAY,IAAI,EAAE;IACrCC,gBAAgB,EAAElC,GAAG,EAAEkC,gBAAgB,IAAI,EAAE;IAC7CC,WAAW,EAAEnC,GAAG,EAAEmC,WAAW,IAAI,EAAE;IACnCC,WAAW,EAAEpC,GAAG,EAAEoC,WAAW,IAAI,EAAE;IACnCC,iBAAiB,EAAErC,GAAG,EAAEqC,iBAAiB,IAAI,EAAE;IAC/CC,wBAAwB,EAAEtC,GAAG,EAAEsC,wBAAwB,IAAI,EAAE;IAC7DC,WAAW,EAAEvC,GAAG,EAAEuC,WAAW,IAAI,EAAE;IACnCC,cAAc,EAAExC,GAAG,EAAEwC,cAAc,IAAI,EAAE;IACzCC,UAAU,EAAEzC,GAAG,EAAEyC,UAAU,IAAI;EACjC,CAAC,CAAC,EACF,CAACzC,GAAG,CACN,CAAC;EAED,MAAM0C,aAAa,GAAGzF,OAAO,CAC3B,OAAO;IACL0F,QAAQ,EAAE1C,OAAO,EAAE0C,QAAQ,IAAI,IAAI;IACnCC,OAAO,EAAE3C,OAAO,EAAE2C,OAAO,IAAI,UAAU;IACvCC,OAAO,EAAE5C,OAAO,EAAE6C,KAAK,GAAG,OAAO,GAAG;EACtC,CAAC,CAAC,EACF,CAAC7C,OAAO,CACV,CAAC;EAED,oBACEvC,IAAA,CAACN,eAAe;IACdU,GAAG,EAAEqC,SAAU;IACf4C,WAAW,EAAEhF,KAAK,IAAIC,YAAY,IAAI,EAAG;IACzCM,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,WAAW,EAAEA,WAAW,IAAI,EAAG;IAC/BC,cAAc,EAAEA,cAAc,IAAI,EAAG;IACrCwE,UAAU,EAAEvE,KAAK,GAAG,OAAO,GAAG,MAAO;IACrCwE,SAAS,EAAE,OAAOxE,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,EAAG;IAClDC,MAAM,EAAEA,MAAM,IAAI,EAAG;IACrBC,MAAM,EAAEA,MAAM,IAAI,EAAG;IACrBC,WAAW,EAAEiD,iBAAkB;IAC/BhD,YAAY,EAAEiD,kBAAmB;IACjC/C,eAAe,EAAEA,eAAe,IAAI,OAAQ;IAC5CC,cAAc,EAAEA,cAAc,GAAG,OAAO,GAAG,QAAS;IACpDkE,cAAc,EAAEjE,kBAAkB,GAAG,OAAO,GAAG,QAAS;IACxDC,SAAS,EAAEA,SAAS,IAAI,CAAE;IAC1BC,YAAY,EAAEA,YAAY,IAAI,SAAU;IACxCC,aAAa,EAAEA,aAAa,IAAI,SAAU;IAC1CC,cAAc,EAAEA,cAAc,IAAI,WAAY;IAC9CC,WAAW,EAAEA,WAAW,KAAK,KAAK,GAAG,UAAU,GAAG,SAAU;IAC5DC,eAAe,EAAEA,eAAe,GAAG,QAAQ,GAAG,OAAQ;IACtD4D,KAAK,EAAE3D,SAAS,GAAG,WAAW,GAAG,QAAS;IAC1C4D,aAAa,EAAE3D,QAAQ,KAAK,KAAK,GAAG,UAAU,GAAG,SAAU;IAC3DC,SAAS,EAAEA,SAAS,GAAG,OAAO,GAAG,MAAO;IACxCC,iBAAiB,EAAEA,iBAAiB,GAAG,QAAQ,GAAG,MAAO;IACzDC,YAAY,EAAEA,YAAY,IAAI,EAAG;IACjCC,kBAAkB,EAAEA,kBAAkB,IAAI,SAAU;IACpDC,SAAS,EAAEiC,eAAgB;IAC3BsB,WAAW,EAAEtD,kBAAkB,IAAI,EAAG;IACtCC,GAAG,EAAEgC,SAAU;IACf/B,OAAO,EAAEyC,aAAc;IACvBY,aAAa,EAAEnC,YAAa;IAC5BoC,YAAY,EAAE/B,WAAY;IAC1BgC,WAAW,EAAE/B,UAAW;IACxBgC,aAAa,EAAEpF,eAAe,GAAGsD,YAAY,GAAGhB,SAAU;IAC1D7B,mBAAmB,EACjBA,mBAAmB,GAAG8C,uBAAuB,GAAGjB,SACjD;IAAA,GACGT;EAAS,CACd,CAAC;AAEN,CACF,CAAC;AAEDvC,SAAS,CAAC+F,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/module/TextFieldNativeComponent.ts

@@ -0,0 +1,218 @@
+// TextFieldNativeComponent.ts
+import type * as React from 'react';
+import type { HostComponent, ViewProps } from 'react-native';
+import { codegenNativeCommands, codegenNativeComponent } from 'react-native';
+import type { BubblingEventHandler, Double, Int32 } from './codegenTypes';
+
+/**
+ * Icon fields, pre-resolved on the JS side (see icons.ts).
+ */
+export type TextFieldIconProps = Readonly<{
+  iconType: string; // '' | 'sfSymbol' | 'drawable' | 'image'
+  iconName: string; // SF Symbol (iOS) or drawable resource name (Android)
+  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
+}>;
+
+/**
+ * Text font. Empty strings / 0 mean "platform default".
+ */
+export type TextFieldTextStyleProps = Readonly<{
+  fontFamily?: string;
+  fontSize?: Double;
+  fontWeight?: string; // 'normal' | 'bold' | '100'..'900'
+  fontStyle?: string; // 'normal' | 'italic'
+}>;
+
+/**
+ * Fired on every edit. `eventCount` is the native edit counter that JS hands
+ * back with `setText`, so a stale controlled value can't overwrite what the
+ * user typed since.
+ */
+export type TextFieldChangeEvent = Readonly<{
+  text: string;
+  eventCount: Int32;
+}>;
+
+/** Focus, blur and submit carry the text at that moment. */
+export type TextFieldTextEvent = Readonly<{
+  text: string;
+}>;
+
+/**
+ * iOS-specific configuration. Every field is '' for the platform default.
+ */
+export type TextFieldIOSProps = Readonly<{
+  /** 'default' | 'complete' | 'limited' | 'none' (iOS 18) */
+  writingTools?: string;
+  /** 'default' | 'yes' | 'no' (iOS 17) */
+  inlinePrediction?: string;
+  /** 'default' | 'yes' | 'no' */
+  smartQuotes?: string;
+  /** 'default' | 'yes' | 'no' */
+  smartDashes?: string;
+  /** 'default' | 'yes' | 'no' */
+  smartInsertDelete?: string;
+  /** 'default' | 'yes' | 'no' (iOS 18) */
+  mathExpressionCompletion?: string;
+  /** 'roundedRect' | 'none' | 'line' | 'bezel' */
+  borderStyle?: string;
+  /** 'above' | 'leading': where the label sits */
+  labelPlacement?: string;
+  /** Width of a leading label column in points; 0 = default */
+  labelWidth?: Double;
+}>;
+
+/**
+ * Android-specific configuration.
+ */
+export type TextFieldAndroidProps = Readonly<{
+  /** 'm3' | 'system' (AndroidMaterialMode) */
+  material?: string;
+  /** 'outlined' | 'filled' */
+  variant?: string;
+  /** 'standard' | 'dense' */
+  density?: string;
+}>;
+
+export interface TextFieldNativeProps extends ViewProps {
+  /**
+   * Text applied when the native view is created. Later updates go through
+   * the `setText` command so they can be checked against `eventCount`.
+   */
+  initialText?: string;
+
+  /** Floating label (Android) / caption above the field (iOS). */
+  label?: string;
+
+  /** Placeholder shown while the field is empty. */
+  placeholder?: string;
+
+  /** Helper text below the field. */
+  supportingText?: string;
+
+  /** 'none' | 'error' */
+  errorState?: string;
+
+  /** Error message shown instead of the supporting text. */
+  errorText?: string;
+
+  /** Text shown before the input, inside the field. */
+  prefix?: string;
+
+  /** Text shown after the input, inside the field. */
+  suffix?: string;
+
+  /** Icon at the start of the field. */
+  leadingIcon?: TextFieldIconProps;
+
+  /** Icon at the end of the field; pressing it fires onTrailingIconPress. */
+  trailingIcon?: TextFieldIconProps;
+
+  /** 'never' | 'while-editing' | 'unless-editing' | 'always' */
+  clearButtonMode?: string;
+
+  /** 'shown' | 'hidden': a button that toggles secure text entry. */
+  passwordToggle?: string;
+
+  /** 'shown' | 'hidden': the character counter. */
+  characterCount?: string;
+
+  /** Maximum number of UTF-16 characters; 0 = unlimited. */
+  maxLength?: Int32;
+
+  /** React Native keyboardType value. */
+  keyboardType?: string;
+
+  /** React Native returnKeyType value. */
+  returnKeyType?: string;
+
+  /** 'none' | 'sentences' | 'words' | 'characters' */
+  autoCapitalize?: string;
+
+  /** 'enabled' | 'disabled' */
+  autoCorrect?: string;
+
+  /** 'secure' | 'plain' */
+  secureTextEntry?: string;
+
+  /** 'single' | 'multiline' */
+  lines?: string;
+
+  /** 'enabled' | 'disabled' */
+  interactivity?: string;
+
+  /** 'focus' | 'none': focus the field when it mounts. */
+  autoFocus?: string;
+
+  /** 'select' | 'keep': select all text on focus. */
+  selectTextOnFocus?: string;
+
+  /** React Native autoComplete value; '' = platform default. */
+  autoComplete?: string;
+
+  /** 'default' | 'light' | 'dark' (iOS keyboard appearance) */
+  keyboardAppearance?: string;
+
+  /** Font of the input text. */
+  textStyle?: TextFieldTextStyleProps;
+
+  /**
+   * Screen-reader label, applied to the native field rather than the host
+   * view. Empty means "use the label".
+   */
+  spokenLabel?: string;
+
+  ios?: TextFieldIOSProps;
+  android?: TextFieldAndroidProps;
+
+  /** Fired on every user edit. */
+  onFieldChange?: BubblingEventHandler<TextFieldChangeEvent>;
+
+  /** Fired when the field gains focus. */
+  onFieldFocus?: BubblingEventHandler<TextFieldTextEvent>;
+
+  /** Fired when the field loses focus. */
+  onFieldBlur?: BubblingEventHandler<TextFieldTextEvent>;
+
+  /** Fired when the keyboard's return key is pressed (single-line). */
+  onFieldSubmit?: BubblingEventHandler<TextFieldTextEvent>;
+
+  /** Fired when the trailing icon is pressed. */
+  onTrailingIconPress?: BubblingEventHandler<Readonly<{}>>;
+}
+
+type NativeTextFieldComponent = HostComponent<TextFieldNativeProps>;
+
+// `React.ElementRef` rather than `React.ComponentRef`: the codegen shipped with
+// React Native 0.81 (and the 0.76 Android floor) only accepts the former.
+interface NativeCommands {
+  /** Focuses the field and shows the keyboard. */
+  focus: (viewRef: React.ElementRef<NativeTextFieldComponent>) => void;
+
+  /** Removes focus and hides the keyboard. */
+  blur: (viewRef: React.ElementRef<NativeTextFieldComponent>) => void;
+
+  /** Clears the text; fires onFieldChange like a user edit. */
+  clear: (viewRef: React.ElementRef<NativeTextFieldComponent>) => void;
+
+  /**
+   * Replaces the text, unless the user has edited since `eventCount` was
+   * reported, in which case the update is dropped and the next edit event
+   * brings JS back in sync.
+   */
+  setText: (
+    viewRef: React.ElementRef<NativeTextFieldComponent>,
+    eventCount: Int32,
+    text: string
+  ) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['focus', 'blur', 'clear', 'setText'],
+});
+
+export default codegenNativeComponent<TextFieldNativeProps>(
+  'PCTextField'
+) as NativeTextFieldComponent;