@azsxdc12356/react-native-sync-format-edittext 1.0.0

package/android/src/newarch/java/com/syncformatedittext/FormatModule.kt

@@ -0,0 +1,19 @@
+package com.syncformatedittext
+
+import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactMethod
+
+class FormatModule(reactContext: ReactApplicationContext) :
+    NativeFormatModuleSpec(reactContext) {
+
+    @ReactMethod(isBlockingSynchronousMethod = true)
+    @DoNotStrip
+    override fun install() {
+        FormatModuleImpl.instance?.install()
+    }
+
+    companion object {
+        const val NAME = "FormatModule"
+    }
+}

package/android/src/newarch/java/com/syncformatedittext/SyncFormatEditTextChangeEvent.kt

@@ -0,0 +1,22 @@
+package com.syncformatedittext
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class SyncFormatEditTextChangeEvent(
+  surfaceId: Int,
+  viewTag: Int,
+  private val text: String,
+  private val cursorPos: Int
+) : Event<SyncFormatEditTextChangeEvent>(surfaceId, viewTag) {
+
+  override fun getEventName(): String = "topSyncFormatChange"
+
+  override fun getEventData(): WritableMap {
+    return Arguments.createMap().apply {
+      putString("text", text)
+      putDouble("cursorPos", cursorPos.toDouble())
+    }
+  }
+}

package/android/src/newarch/java/com/syncformatedittext/SyncFormatEdittextPackage.kt

@@ -0,0 +1,37 @@
+package com.syncformatedittext
+
+import com.facebook.react.BaseReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.model.ReactModuleInfo
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.facebook.react.uimanager.ViewManager
+
+class SyncFormatEdittextViewPackage : BaseReactPackage() {
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(SyncFormatEdittextViewManager())
+  }
+
+  override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? {
+    return when (name) {
+      FormatModule.NAME -> {
+        FormatModuleImpl.instance = FormatModuleImpl(reactContext)
+        FormatModule(reactContext)
+      }
+      else -> null
+    }
+  }
+
+  override fun getReactModuleInfoProvider() = ReactModuleInfoProvider {
+    mapOf(
+      FormatModule.NAME to ReactModuleInfo(
+        FormatModule.NAME,
+        FormatModule.NAME,
+        false,  // canOverrideExistingModule
+        true,   // needsEagerInit
+        false,  // isCxxModule
+        true    // isTurboModule
+      )
+    )
+  }
+}

package/android/src/newarch/java/com/syncformatedittext/SyncFormatEdittextViewManager.kt

@@ -0,0 +1,61 @@
+package com.syncformatedittext
+
+import android.text.SpannableString
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.common.MapBuilder
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.views.text.ReactTextUpdate
+import com.facebook.react.views.textinput.ReactEditText
+import com.facebook.react.views.textinput.ReactTextInputManager
+
+@ReactModule(name = SyncFormatEdittextViewManager.NAME)
+class SyncFormatEdittextViewManager : ReactTextInputManager() {
+
+  override fun getName(): String = NAME
+
+  override fun createViewInstance(context: ThemedReactContext): SyncFormatEdittextView {
+    val view = SyncFormatEdittextView(context)
+    view.formatModule = FormatModuleImpl.instance
+    return view
+  }
+
+  override fun addEventEmitters(context: ThemedReactContext, view: ReactEditText) {
+    super.addEventEmitters(context, view)
+    val editText = view as SyncFormatEdittextView
+    editText.setOnFormatListener { text, cursorPos ->
+      val dispatcher = UIManagerHelper.getEventDispatcherForReactTag(context, editText.id)
+      dispatcher?.dispatchEvent(
+        SyncFormatEditTextChangeEvent(
+          UIManagerHelper.getSurfaceId(editText),
+          editText.id,
+          text,
+          cursorPos
+        )
+      )
+    }
+  }
+
+  @ReactProp(name = "value")
+  fun setValue(view: ReactEditText, value: String?) {
+    val text = value ?: ""
+    val currentText = view.text.toString()
+    if (currentText == text) return
+    val spannable = SpannableString(text)
+    val eventCount = view.incrementAndGetEventCounter()
+    view.maybeSetTextFromJS(
+      ReactTextUpdate(spannable, eventCount, false, 0, 0, 0)
+    )
+  }
+
+  override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {
+    val constants = super.getExportedCustomDirectEventTypeConstants().toMutableMap()
+    constants["topSyncFormatChange"] = MapBuilder.of("registrationName", "onSyncFormatChange")
+    return constants
+  }
+
+  companion object {
+    const val NAME = "SyncFormatEdittextView"
+  }
+}

package/android/src/oldarch/java/com/syncformatedittext/FormatModule.kt

@@ -0,0 +1,23 @@
+package com.syncformatedittext
+
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.turbomodule.core.interfaces.TurboModule
+
+@ReactModule(name = FormatModule.NAME)
+class FormatModule(reactContext: ReactApplicationContext) :
+    ReactContextBaseJavaModule(reactContext), TurboModule {
+
+    override fun getName(): String = NAME
+
+    @ReactMethod(isBlockingSynchronousMethod = true)
+    fun install() {
+        FormatModuleImpl.instance?.install()
+    }
+
+    companion object {
+        const val NAME = "FormatModule"
+    }
+}

package/android/src/oldarch/java/com/syncformatedittext/SyncFormatEditTextChangeEvent.kt

@@ -0,0 +1,21 @@
+package com.syncformatedittext
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class SyncFormatEditTextChangeEvent(
+  viewTag: Int,
+  private val text: String,
+  private val cursorPos: Int
+) : Event<SyncFormatEditTextChangeEvent>(viewTag) {
+
+  override fun getEventName(): String = "topSyncFormatChange"
+
+  override fun getEventData(): WritableMap {
+    return Arguments.createMap().apply {
+      putString("text", text)
+      putDouble("cursorPos", cursorPos.toDouble())
+    }
+  }
+}

package/android/src/oldarch/java/com/syncformatedittext/SyncFormatEdittextPackage.kt

@@ -0,0 +1,18 @@
+package com.syncformatedittext
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+class SyncFormatEdittextViewPackage : ReactPackage {
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(SyncFormatEdittextViewManager())
+  }
+
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    FormatModuleImpl.instance = FormatModuleImpl(reactContext)
+    val module = FormatModule(reactContext)
+    return listOf(module)
+  }
+}

package/android/src/oldarch/java/com/syncformatedittext/SyncFormatEdittextViewManager.kt

@@ -0,0 +1,60 @@
+package com.syncformatedittext
+
+import android.text.SpannableString
+import com.facebook.react.common.MapBuilder
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerModule
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.views.text.ReactTextUpdate
+import com.facebook.react.views.textinput.ReactEditText
+import com.facebook.react.views.textinput.ReactTextInputManager
+
+@ReactModule(name = SyncFormatEdittextViewManager.NAME)
+class SyncFormatEdittextViewManager : ReactTextInputManager() {
+
+  override fun getName(): String = NAME
+
+  override fun createViewInstance(context: ThemedReactContext): SyncFormatEdittextView {
+    val view = SyncFormatEdittextView(context)
+    view.formatModule = FormatModuleImpl.instance
+    return view
+  }
+
+  override fun addEventEmitters(context: ThemedReactContext, view: ReactEditText) {
+    super.addEventEmitters(context, view)
+    val editText = view as SyncFormatEdittextView
+    editText.setOnFormatListener { text, cursorPos ->
+      val dispatcher = context.getNativeModule(UIManagerModule::class.java)!!.eventDispatcher
+      dispatcher.dispatchEvent(
+        SyncFormatEditTextChangeEvent(
+          editText.id,
+          text,
+          cursorPos
+        )
+      )
+    }
+  }
+
+  @ReactProp(name = "value")
+  fun setValue(view: ReactEditText, value: String?) {
+    val text = value ?: ""
+    val currentText = view.text.toString()
+    if (currentText == text) return
+    val spannable = SpannableString(text)
+    val eventCount = view.incrementAndGetEventCounter()
+    view.maybeSetTextFromJS(
+      ReactTextUpdate(spannable, eventCount, false, 0, 0, 0)
+    )
+  }
+
+  override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {
+    val constants = super.getExportedCustomDirectEventTypeConstants().toMutableMap()
+    constants["topSyncFormatChange"] = MapBuilder.of("registrationName", "onSyncFormatChange")
+    return constants
+  }
+
+  companion object {
+    const val NAME = "SyncFormatEdittextView"
+  }
+}

package/ios/SyncFormatEdittextView.h

@@ -0,0 +1,14 @@
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+#ifndef SyncFormatEdittextViewNativeComponent_h
+#define SyncFormatEdittextViewNativeComponent_h
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface SyncFormatEdittextView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* SyncFormatEdittextViewNativeComponent_h */

package/ios/SyncFormatEdittextView.mm

@@ -0,0 +1,48 @@
+#import "SyncFormatEdittextView.h"
+
+#import <React/RCTConversions.h>
+
+#import <react/renderer/components/SyncFormatEdittextViewSpec/ComponentDescriptors.h>
+#import <react/renderer/components/SyncFormatEdittextViewSpec/Props.h>
+#import <react/renderer/components/SyncFormatEdittextViewSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@implementation SyncFormatEdittextView {
+    UIView * _view;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<SyncFormatEdittextViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const SyncFormatEdittextViewProps>();
+    _props = defaultProps;
+
+    _view = [[UIView alloc] init];
+
+    self.contentView = _view;
+  }
+
+  return self;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+    const auto &oldViewProps = *std::static_pointer_cast<SyncFormatEdittextViewProps const>(_props);
+    const auto &newViewProps = *std::static_pointer_cast<SyncFormatEdittextViewProps const>(props);
+
+    if (oldViewProps.color != newViewProps.color) {
+        [_view setBackgroundColor: RCTUIColorFromSharedColor(newViewProps.color)];
+    }
+
+    [super updateProps:props oldProps:oldProps];
+}
+
+@end

package/lib/module/NativeFormatModule.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { TurboModuleRegistry } from 'react-native';
+export default TurboModuleRegistry.getEnforcing('FormatModule');
+//# sourceMappingURL=NativeFormatModule.js.map

package/lib/module/NativeFormatModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"..\\..\\src","sources":["NativeFormatModule.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;AAMlD,eAAeA,mBAAmB,CAACC,YAAY,CAAO,cAAc,CAAC","ignoreList":[]}

package/lib/module/SyncFormatEdittextView.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SyncFormatEdittextView({
+  format,
+  onSyncFormatChange,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    ...rest
+  });
+}
+//# sourceMappingURL=SyncFormatEdittextView.js.map

package/lib/module/SyncFormatEdittextView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","jsx","_jsx","SyncFormatEdittextView","format","onSyncFormatChange","rest"],"sourceRoot":"..\\..\\src","sources":["SyncFormatEdittextView.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpC,OAAO,SAASC,sBAAsBA,CAAC;EAAEC,MAAM;EAAEC,kBAAkB;EAAE,GAAGC;AAA8B,CAAC,EAAE;EACvG,oBAAOJ,IAAA,CAACF,IAAI;IAAA,GAAMM;EAAI,CAAW,CAAC;AACpC","ignoreList":[]}

package/lib/module/SyncFormatEdittextView.native.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { useCallback, useEffect, useRef } from 'react';
+import { findNodeHandle, TurboModuleRegistry } from 'react-native';
+import SyncFormatEdittextViewNativeComponent from './SyncFormatEdittextViewNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+// Install JSI bindings on first use
+try {
+  const fmtModule = TurboModuleRegistry.getEnforcing('FormatModule');
+  fmtModule.install();
+} catch {}
+export function SyncFormatEdittextView({
+  format,
+  onSyncFormatChange,
+  onChange,
+  onChangeText,
+  ...rest
+}) {
+  const viewRef = useRef(null);
+  useEffect(() => {
+    if (!format || !viewRef.current) return;
+    const formatModule = globalThis.__formatModule;
+    if (!formatModule) return;
+    const tag = findNodeHandle(viewRef.current);
+    if (tag) {
+      formatModule.setFormat(tag, format);
+    }
+    return () => {
+      if (tag) {
+        formatModule.removeFormat(tag);
+      }
+    };
+  }, [viewRef.current]);
+  const handleSyncFormatChange = useCallback(event => {
+    const {
+      text,
+      cursorPos
+    } = event.nativeEvent;
+    onSyncFormatChange?.(text, cursorPos);
+  }, [onSyncFormatChange]);
+  return /*#__PURE__*/_jsx(SyncFormatEdittextViewNativeComponent, {
+    ref: viewRef,
+    ...rest,
+    onChange: onChange,
+    onChangeText: onChangeText,
+    onSyncFormatChange: handleSyncFormatChange
+  });
+}
+//# sourceMappingURL=SyncFormatEdittextView.native.js.map

package/lib/module/SyncFormatEdittextView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","findNodeHandle","TurboModuleRegistry","SyncFormatEdittextViewNativeComponent","jsx","_jsx","fmtModule","getEnforcing","install","SyncFormatEdittextView","format","onSyncFormatChange","onChange","onChangeText","rest","viewRef","current","formatModule","globalThis","__formatModule","tag","setFormat","removeFormat","handleSyncFormatChange","event","text","cursorPos","nativeEvent","ref"],"sourceRoot":"..\\..\\src","sources":["SyncFormatEdittextView.native.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,SACEC,cAAc,EACdC,mBAAmB,QAGd,cAAc;AACrB,OAAOC,qCAAqC,MAAM,yCAAyC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiB5F;AACA,IAAI;EACF,MAAMC,SAAS,GAAGJ,mBAAmB,CAACK,YAAY,CAChD,cACF,CAAmC;EACnCD,SAAS,CAACE,OAAO,CAAC,CAAC;AACrB,CAAC,CAAC,MAAM,CAAC;AAET,OAAO,SAASC,sBAAsBA,CAAC;EACrCC,MAAM;EACNC,kBAAkB;EAClBC,QAAQ;EACRC,YAAY;EACZ,GAAGC;AACoB,CAAC,EAAE;EAC1B,MAAMC,OAAO,GAAGf,MAAM,CAAC,IAAI,CAAC;EAE5BD,SAAS,CAAC,MAAM;IACd,IAAI,CAACW,MAAM,IAAI,CAACK,OAAO,CAACC,OAAO,EAAE;IAEjC,MAAMC,YAAY,GAAIC,UAAU,CAASC,cAK5B;IACb,IAAI,CAACF,YAAY,EAAE;IAEnB,MAAMG,GAAG,GAAGnB,cAAc,CAACc,OAAO,CAACC,OAAO,CAAC;IAC3C,IAAII,GAAG,EAAE;MACPH,YAAY,CAACI,SAAS,CAACD,GAAG,EAAEV,MAAM,CAAC;IACrC;IACA,OAAO,MAAM;MACX,IAAIU,GAAG,EAAE;QACPH,YAAY,CAACK,YAAY,CAACF,GAAG,CAAC;MAChC;IACF,CAAC;EACH,CAAC,EAAE,CAACL,OAAO,CAACC,OAAO,CAAC,CAAC;EAErB,MAAMO,sBAAsB,GAAGzB,WAAW,CACvC0B,KAA4B,IAAK;IAChC,MAAM;MAAEC,IAAI;MAAEC;IAAU,CAAC,GAAGF,KAAK,CAACG,WAAW;IAC7ChB,kBAAkB,GAAGc,IAAI,EAAEC,SAAS,CAAC;EACvC,CAAC,EACD,CAACf,kBAAkB,CACrB,CAAC;EAED,oBACEN,IAAA,CAACF,qCAAqC;IACpCyB,GAAG,EAAEb,OAAQ;IAAA,GACRD,IAAI;IACTF,QAAQ,EAAEA,QAAgB;IAC1BC,YAAY,EAAEA,YAAoB;IAClCF,kBAAkB,EAAEY;EAAuB,CAC5C,CAAC;AAEN","ignoreList":[]}

package/lib/module/SyncFormatEdittextViewNativeComponent.ts

@@ -0,0 +1,198 @@
+import type { CodegenTypes } from 'react-native';
+import { codegenNativeComponent, type ViewProps } from 'react-native';
+
+type KeyboardType =
+  | 'default'
+  | 'email-address'
+  | 'numeric'
+  | 'phone-pad'
+  | 'number-pad'
+  | 'decimal-pad'
+  | 'url'
+  | 'ascii-capable'
+  | 'numbers-and-punctuation'
+  | 'name-phone-pad'
+  | 'twitter'
+  | 'web-search'
+  | 'visible-password';
+
+type ReturnKeyType =
+  | 'done'
+  | 'go'
+  | 'next'
+  | 'search'
+  | 'send'
+  | 'none'
+  | 'previous'
+  | 'default'
+  | 'emergency-call'
+  | 'google'
+  | 'join'
+  | 'route'
+  | 'yahoo';
+
+type SubmitBehavior = 'submit' | 'blurAndSubmit' | 'newline';
+
+interface NativeProps extends ViewProps {
+  // Android-specific props
+  autoComplete?: CodegenTypes.WithDefault<
+    | 'birthdate-day'
+    | 'birthdate-full'
+    | 'birthdate-month'
+    | 'birthdate-year'
+    | 'cc-csc'
+    | 'cc-exp'
+    | 'cc-exp-day'
+    | 'cc-exp-month'
+    | 'cc-exp-year'
+    | 'cc-number'
+    | 'email'
+    | 'gender'
+    | 'name'
+    | 'name-family'
+    | 'name-given'
+    | 'name-middle'
+    | 'name-middle-initial'
+    | 'name-prefix'
+    | 'name-suffix'
+    | 'password'
+    | 'password-new'
+    | 'postal-address'
+    | 'postal-address-country'
+    | 'postal-address-extended'
+    | 'postal-address-extended-postal-code'
+    | 'postal-address-locality'
+    | 'postal-address-region'
+    | 'postal-code'
+    | 'street-address'
+    | 'sms-otp'
+    | 'tel'
+    | 'tel-country-code'
+    | 'tel-national'
+    | 'tel-device'
+    | 'username'
+    | 'username-new'
+    | 'off',
+    'off'
+  >;
+  returnKeyLabel?: string;
+  numberOfLines?: CodegenTypes.Int32;
+  disableFullscreenUI?: boolean;
+  textBreakStrategy?: CodegenTypes.WithDefault<
+    'simple' | 'highQuality' | 'balanced',
+    'simple'
+  >;
+  underlineColorAndroid?: CodegenTypes.Int32;
+  inlineImageLeft?: string;
+  inlineImagePadding?: CodegenTypes.Int32;
+  importantForAutofill?: string;
+  showSoftInputOnFocus?: boolean;
+
+  // TextInput core props
+  autoCapitalize?: CodegenTypes.WithDefault<
+    'none' | 'sentences' | 'words' | 'characters',
+    'none'
+  >;
+  autoCorrect?: boolean;
+  autoFocus?: boolean;
+  allowFontScaling?: boolean;
+  maxFontSizeMultiplier?: CodegenTypes.Float;
+  editable?: boolean;
+  keyboardType?: CodegenTypes.WithDefault<KeyboardType, 'default'>;
+  returnKeyType?: CodegenTypes.WithDefault<ReturnKeyType, 'done'>;
+  maxLength?: CodegenTypes.Int32;
+  multiline?: boolean;
+
+  // Events
+  onBlur?: CodegenTypes.BubblingEventHandler<{ target: CodegenTypes.Int32 }>;
+  onFocus?: CodegenTypes.BubblingEventHandler<{ target: CodegenTypes.Int32 }>;
+  onChange?: CodegenTypes.BubblingEventHandler<{
+    target: CodegenTypes.Int32;
+    eventCount: CodegenTypes.Int32;
+    text: string;
+  }>;
+  onChangeText?: CodegenTypes.BubblingEventHandler<{
+    target: CodegenTypes.Int32;
+    eventCount: CodegenTypes.Int32;
+    text: string;
+  }>;
+  onContentSizeChange?: CodegenTypes.DirectEventHandler<{
+    target: CodegenTypes.Int32;
+    contentSize: { width: CodegenTypes.Double; height: CodegenTypes.Double };
+  }>;
+  onEndEditing?: CodegenTypes.BubblingEventHandler<{
+    target: CodegenTypes.Int32;
+    text: string;
+  }>;
+  onSelectionChange?: CodegenTypes.DirectEventHandler<{
+    target: CodegenTypes.Int32;
+    selection: { start: CodegenTypes.Double; end: CodegenTypes.Double };
+  }>;
+  onSubmitEditing?: CodegenTypes.BubblingEventHandler<{
+    target: CodegenTypes.Int32;
+    text: string;
+  }>;
+  onKeyPress?: CodegenTypes.BubblingEventHandler<{
+    target: CodegenTypes.Int32;
+    key: string;
+  }>;
+  onScroll?: CodegenTypes.DirectEventHandler<{
+    target: CodegenTypes.Int32;
+    responderIgnoreScroll: boolean;
+    contentInset: {
+      top: CodegenTypes.Double;
+      bottom: CodegenTypes.Double;
+      left: CodegenTypes.Double;
+      right: CodegenTypes.Double;
+    };
+    contentOffset: { x: CodegenTypes.Double; y: CodegenTypes.Double };
+    contentSize: { width: CodegenTypes.Double; height: CodegenTypes.Double };
+    layoutMeasurement: { width: CodegenTypes.Double; height: CodegenTypes.Double };
+    velocity: { x: CodegenTypes.Double; y: CodegenTypes.Double };
+  }>;
+
+  // Value and display props
+  placeholder?: string;
+  placeholderTextColor?: CodegenTypes.Int32;
+  secureTextEntry?: boolean;
+  selectionColor?: CodegenTypes.Int32;
+  selectionHandleColor?: CodegenTypes.Int32;
+  selection?: { start: CodegenTypes.Int32; end?: CodegenTypes.Int32 };
+  value?: string;
+  defaultValue?: string;
+  selectTextOnFocus?: boolean;
+  blurOnSubmit?: boolean;
+  submitBehavior?: CodegenTypes.WithDefault<SubmitBehavior, 'blurAndSubmit'>;
+  caretHidden?: boolean;
+  contextMenuHidden?: boolean;
+
+  // Text styling props
+  textShadowColor?: CodegenTypes.Int32;
+  textShadowRadius?: CodegenTypes.Float;
+  textDecorationLine?: string;
+  fontStyle?: string;
+  textShadowOffset?: { width?: CodegenTypes.Double; height?: CodegenTypes.Double };
+  lineHeight?: CodegenTypes.Float;
+  textTransform?: string;
+  color?: CodegenTypes.Int32;
+  letterSpacing?: CodegenTypes.Float;
+  fontSize?: CodegenTypes.Float;
+  textAlign?: string;
+  includeFontPadding?: boolean;
+  fontWeight?: string;
+  fontFamily?: string;
+  textAlignVertical?: string;
+  cursorColor?: CodegenTypes.Int32;
+
+  // Internal props (used by TextInput.js)
+  mostRecentEventCount?: CodegenTypes.Int32;
+  text?: string;
+
+  // Custom: sync format event
+  onSyncFormatChange?: CodegenTypes.DirectEventHandler<{
+    text: string;
+    cursorPos: CodegenTypes.Double;
+  }>;
+}
+
+export default codegenNativeComponent<NativeProps>('SyncFormatEdittextView');

package/lib/module/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { SyncFormatEdittextView } from './SyncFormatEdittextView';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SyncFormatEdittextView"],"sourceRoot":"..\\..\\src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,0BAA0B","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/NativeFormatModule.d.ts

@@ -0,0 +1,7 @@
+import type { TurboModule } from 'react-native';
+export interface Spec extends TurboModule {
+    install(): void;
+}
+declare const _default: Spec;
+export default _default;
+//# sourceMappingURL=NativeFormatModule.d.ts.map

package/lib/typescript/src/NativeFormatModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeFormatModule.d.ts","sourceRoot":"","sources":["../../../src/NativeFormatModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,OAAO,IAAI,IAAI,CAAC;CACjB;;AAED,wBAAsE"}

package/lib/typescript/src/SyncFormatEdittextView.d.ts

@@ -0,0 +1,3 @@
+import type { SyncFormatEditTextProps } from './SyncFormatEdittextView.native';
+export declare function SyncFormatEdittextView({ format, onSyncFormatChange, ...rest }: SyncFormatEditTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SyncFormatEdittextView.d.ts.map

package/lib/typescript/src/SyncFormatEdittextView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyncFormatEdittextView.d.ts","sourceRoot":"","sources":["../../../src/SyncFormatEdittextView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE/E,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,EAAE,EAAE,uBAAuB,2CAEtG"}

package/lib/typescript/src/SyncFormatEdittextView.native.d.ts

@@ -0,0 +1,12 @@
+import { type TextInputProps } from 'react-native';
+type FormatFn = (text: string, cursorPos: number) => {
+    text: string;
+    cursorPos: number;
+};
+export type SyncFormatEditTextProps = TextInputProps & {
+    format?: FormatFn;
+    onSyncFormatChange?: (text: string, cursorPos: number) => void;
+};
+export declare function SyncFormatEdittextView({ format, onSyncFormatChange, onChange, onChangeText, ...rest }: SyncFormatEditTextProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SyncFormatEdittextView.native.d.ts.map

package/lib/typescript/src/SyncFormatEdittextView.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyncFormatEdittextView.native.d.ts","sourceRoot":"","sources":["../../../src/SyncFormatEdittextView.native.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAGtB,KAAK,QAAQ,GAAG,CACd,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,KACd;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAOzC,MAAM,MAAM,uBAAuB,GAAG,cAAc,GAAG;IACrD,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAChE,CAAC;AAUF,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,uBAAuB,2CA0CzB"}