react-native-ios-translate-sheet 1.2.0 → 1.3.0

package/README.md

@@ -75,19 +75,44 @@ function MyComponent() {
 
   const handleTranslate = () => {
     presentIOSTranslateSheet('Text to translate');
-    // Optional: You can pass an opacity value (0-1) as a second parameter
-    // presentIOSTranslateSheet('Text to translate', 0.5);
   };
 
   return (
-    <Button 
-      title="Translate" 
-      onPress={handleTranslate} 
+    <Button
+      title="Translate"
+      onPress={handleTranslate}
     />
   );
 }
 ```
 
+### Replacement Action
+
+The Replacement Action feature allows you to capture and handle the translated text after a user completes a translation. This is particularly useful for:
+- Saving translations for later use
+- Updating UI elements with translated content
+- Implementing "translate and replace" functionality
+- Storing translations in your app's state or database
+
+#### Basic Usage
+
+To handle translated text, provide a callback function as the second parameter to `presentIOSTranslateSheet`:
+
+```tsx
+const { presentIOSTranslateSheet } = useIOSTranslateSheet();
+
+const handleTranslate = () => {
+  presentIOSTranslateSheet(
+    'Hello, how are you?',
+    (translatedText) => {
+      // Handle the translated text here
+      setTranslatedContent(translatedText);
+    }
+  );
+};
+```
+
+
 ### Checking Platform Support
 
 The `useIOSTranslateSheet` hook provides an `isSupported` boolean that you can use to check if the translation functionality is available on the current device:

package/android/generated/java/com/facebook/react/viewmanagers/IOSTranslateSheetViewManagerDelegate.java

@@ -28,6 +28,9 @@ public class IOSTranslateSheetViewManagerDelegate<T extends View, U extends Base
       case "isPresented":
         mViewManager.setIsPresented(view, value == null ? false : (boolean) value);
         break;
+      case "hasReplacementAction":
+        mViewManager.setHasReplacementAction(view, value == null ? false : (boolean) value);
+        break;
       default:
         super.setProperty(view, propName, value);
     }

package/android/generated/java/com/facebook/react/viewmanagers/IOSTranslateSheetViewManagerInterface.java

@@ -16,4 +16,5 @@ import com.facebook.react.uimanager.ViewManagerWithGeneratedInterface;
 public interface IOSTranslateSheetViewManagerInterface<T extends View> extends ViewManagerWithGeneratedInterface {
   void setText(T view, @Nullable String value);
   void setIsPresented(T view, boolean value);
+  void setHasReplacementAction(T view, boolean value);
 }

package/android/generated/jni/react/renderer/components/RNIOSTranslateSheetViewSpec/EventEmitters.cpp

@@ -21,4 +21,13 @@ void IOSTranslateSheetViewEventEmitter::onHide(OnHide $event) const {
   });
 }
 
+
+void IOSTranslateSheetViewEventEmitter::onReplacementAction(OnReplacementAction $event) const {
+  dispatchEvent("replacementAction", [$event=std::move($event)](jsi::Runtime &runtime) {
+    auto $payload = jsi::Object(runtime);
+    $payload.setProperty(runtime, "text", $event.text);
+    return $payload;
+  });
+}
+
 } // namespace facebook::react

package/android/generated/jni/react/renderer/components/RNIOSTranslateSheetViewSpec/EventEmitters.h

@@ -20,6 +20,12 @@ class IOSTranslateSheetViewEventEmitter : public ViewEventEmitter {
   struct OnHide {
       
     };
+
+  struct OnReplacementAction {
+      std::string text;
+    };
   void onHide(OnHide value) const;
+
+  void onReplacementAction(OnReplacementAction value) const;
 };
 } // namespace facebook::react

package/android/generated/jni/react/renderer/components/RNIOSTranslateSheetViewSpec/Props.cpp

@@ -20,7 +20,8 @@ IOSTranslateSheetViewProps::IOSTranslateSheetViewProps(
     const RawProps &rawProps): ViewProps(context, sourceProps, rawProps),
 
     text(convertRawProp(context, rawProps, "text", sourceProps.text, {})),
-    isPresented(convertRawProp(context, rawProps, "isPresented", sourceProps.isPresented, {false}))
+    isPresented(convertRawProp(context, rawProps, "isPresented", sourceProps.isPresented, {false})),
+    hasReplacementAction(convertRawProp(context, rawProps, "hasReplacementAction", sourceProps.hasReplacementAction, {false}))
       {}
 
 } // namespace facebook::react

package/android/generated/jni/react/renderer/components/RNIOSTranslateSheetViewSpec/Props.h

@@ -23,6 +23,7 @@ class IOSTranslateSheetViewProps final : public ViewProps {
 
   std::string text{};
   bool isPresented{false};
+  bool hasReplacementAction{false};
 };
 
 } // namespace facebook::react

package/ios/IOSTranslateSheet.swift

@@ -4,7 +4,9 @@ import Translation
 class Props: ObservableObject {
     @Published var text: String = ""
     @Published var isPresented: Bool = false
+    @Published var hasReplacementAction: Bool = false
     @Published var onHide: () -> Void = {}
+    @Published var onReplacementAction: (String) -> Void = { _ in }
 }
 
 struct IOSTranslateSheet: View {
@@ -14,7 +16,11 @@ struct IOSTranslateSheet: View {
         if #available(iOS 17.4, *) {
             Color.clear
                 .frame(maxWidth: .infinity, maxHeight: .infinity)
-                .translationPresentation(isPresented: $props.isPresented, text: props.text)
+                .translationPresentation(
+                    isPresented: $props.isPresented,
+                    text: props.text,
+                    replacementAction: props.hasReplacementAction ? props.onReplacementAction : nil
+                )
                 .onChange(of: props.isPresented) { oldValue, newValue in
                     if oldValue == true && newValue == false {
                         props.onHide()

package/ios/IOSTranslateSheetProvider.swift

@@ -33,6 +33,12 @@ public typealias RCTBubblingEventBlock = @convention(block) (_ body: [AnyHashabl
         }
     }
 
+    @objc public var hasReplacementAction: Bool = false {
+        didSet {
+            props.hasReplacementAction = hasReplacementAction
+        }
+    }
+
     @objc public var onHide: RCTBubblingEventBlock? {
         didSet {
             props.onHide = { [weak self] in
@@ -40,6 +46,14 @@ public typealias RCTBubblingEventBlock = @convention(block) (_ body: [AnyHashabl
             }
         }
     }
+
+    @objc public var onReplacementAction: RCTBubblingEventBlock? {
+        didSet {
+            props.onReplacementAction = { [weak self] text in
+                self?.onReplacementAction?(["text": text])
+            }
+        }
+    }
     
     public override func layoutSubviews() {
         super.layoutSubviews()

package/ios/IOSTranslateSheetView.mm

@@ -43,7 +43,15 @@ using namespace facebook::react;
                     ->onHide({});
             }
         };
-        
+
+        _view.onReplacementAction = ^(NSDictionary *text) {
+            __typeof__(self) strongSelf = weakSelf;
+            if (strongSelf && strongSelf->_eventEmitter) {
+                std::dynamic_pointer_cast<const IOSTranslateSheetViewEventEmitter>(strongSelf->_eventEmitter)
+                    ->onReplacementAction({.text = [text[@"text"] UTF8String]});
+            }
+        };
+
         self.contentView = _view;
     }
     return self;
@@ -60,6 +68,9 @@ using namespace facebook::react;
     if (oldViewProps.isPresented != newViewProps.isPresented) {
         _view.isPresented = newViewProps.isPresented;
     }
+    if (oldViewProps.hasReplacementAction != newViewProps.hasReplacementAction) {
+        _view.hasReplacementAction = newViewProps.hasReplacementAction;
+    }
 
     [super updateProps:props oldProps:oldProps];
 }

package/ios/IOSTranslateSheetViewManager.mm

@@ -30,7 +30,9 @@ RCT_EXPORT_MODULE(IOSTranslateSheetView)
 
 RCT_EXPORT_VIEW_PROPERTY(text, NSString)
 RCT_EXPORT_VIEW_PROPERTY(isPresented, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(hasReplacementAction, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(onHide, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onReplacementAction, RCTDirectEventBlock)
 
 #ifdef RCT_NEW_ARCH_ENABLED
 + (BOOL)requiresMainQueueSetup

package/ios/generated/RNIOSTranslateSheetViewSpec/EventEmitters.cpp

@@ -21,4 +21,13 @@ void IOSTranslateSheetViewEventEmitter::onHide(OnHide $event) const {
   });
 }
 
+
+void IOSTranslateSheetViewEventEmitter::onReplacementAction(OnReplacementAction $event) const {
+  dispatchEvent("replacementAction", [$event=std::move($event)](jsi::Runtime &runtime) {
+    auto $payload = jsi::Object(runtime);
+    $payload.setProperty(runtime, "text", $event.text);
+    return $payload;
+  });
+}
+
 } // namespace facebook::react

package/ios/generated/RNIOSTranslateSheetViewSpec/EventEmitters.h

@@ -20,6 +20,12 @@ class IOSTranslateSheetViewEventEmitter : public ViewEventEmitter {
   struct OnHide {
       
     };
+
+  struct OnReplacementAction {
+      std::string text;
+    };
   void onHide(OnHide value) const;
+
+  void onReplacementAction(OnReplacementAction value) const;
 };
 } // namespace facebook::react

package/ios/generated/RNIOSTranslateSheetViewSpec/Props.cpp

@@ -20,7 +20,8 @@ IOSTranslateSheetViewProps::IOSTranslateSheetViewProps(
     const RawProps &rawProps): ViewProps(context, sourceProps, rawProps),
 
     text(convertRawProp(context, rawProps, "text", sourceProps.text, {})),
-    isPresented(convertRawProp(context, rawProps, "isPresented", sourceProps.isPresented, {false}))
+    isPresented(convertRawProp(context, rawProps, "isPresented", sourceProps.isPresented, {false})),
+    hasReplacementAction(convertRawProp(context, rawProps, "hasReplacementAction", sourceProps.hasReplacementAction, {false}))
       {}
 
 } // namespace facebook::react

package/ios/generated/RNIOSTranslateSheetViewSpec/Props.h

@@ -23,6 +23,7 @@ class IOSTranslateSheetViewProps final : public ViewProps {
 
   std::string text{};
   bool isPresented{false};
+  bool hasReplacementAction{false};
 };
 
 } // namespace facebook::react

package/lib/commonjs/IOSTranslateSheetViewNativeComponent.ts

@@ -2,10 +2,16 @@ import type { ViewProps } from "react-native";
 import type { DirectEventHandler } from "react-native/Libraries/Types/CodegenTypes";
 import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
 
+export interface OnReplacementActionEvent {
+  text: string;
+}
+
 interface IOSTranslateSheetProps extends ViewProps {
   text: string;
   isPresented: boolean;
+  hasReplacementAction: boolean;
   onHide: DirectEventHandler<null>;
+  onReplacementAction?: DirectEventHandler<OnReplacementActionEvent>;
 }
 
 export default codegenNativeComponent<IOSTranslateSheetProps>(

package/lib/commonjs/TranslateContext.js

@@ -19,8 +19,12 @@ const IOSTranslateSheetProvider = ({
     isIOSTranslateSheetPresented,
     text,
     hideTranslateSheet,
-    isSupported
+    isSupported,
+    replacementAction
   } = (0, _useInternalTranslate.useInternalTranslateSheet)();
+  const onReplacementAction = event => {
+    replacementAction?.(event.nativeEvent.text);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TranslateContext.Provider, {
     value: {
       presentIOSTranslateSheet,
@@ -30,7 +34,9 @@ const IOSTranslateSheetProvider = ({
       text: text,
       isPresented: isIOSTranslateSheetPresented,
       onHide: hideTranslateSheet,
-      style: _reactNative.StyleSheet.absoluteFillObject
+      style: _reactNative.StyleSheet.absoluteFillObject,
+      hasReplacementAction: !!replacementAction,
+      onReplacementAction: onReplacementAction
     }), children]
   });
 };

package/lib/commonjs/TranslateContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_IOSTranslateSheetViewNativeComponent","_interopRequireDefault","_useInternalTranslate","_jsxRuntime","e","__esModule","default","TranslateContext","createContext","IOSTranslateSheetProvider","children","presentIOSTranslateSheet","isIOSTranslateSheetPresented","text","hideTranslateSheet","isSupported","useInternalTranslateSheet","jsxs","Provider","value","jsx","isPresented","onHide","style","StyleSheet","absoluteFillObject","exports","useIOSTranslateSheet","context","useContext","Error"],"sourceRoot":"../../src","sources":["TranslateContext.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qCAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAAyE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOzE,MAAMG,gBAAgB,gBAAG,IAAAC,oBAAa,EAA8B,IAAI,CAAC;AAElE,MAAMC,yBAAyB,GAAGA,CAAC;EACxCC;AACuB,CAAC,KAAK;EAC7B,MAAM;IACJC,wBAAwB;IACxBC,4BAA4B;IAC5BC,IAAI;IACJC,kBAAkB;IAClBC;EACF,CAAC,GAAG,IAAAC,+CAAyB,EAAC,CAAC;EAE/B,oBACE,IAAAb,WAAA,CAAAc,IAAA,EAACV,gBAAgB,CAACW,QAAQ;IACxBC,KAAK,EAAE;MACLR,wBAAwB;MACxBI;IACF,CAAE;IAAAL,QAAA,gBAEF,IAAAP,WAAA,CAAAiB,GAAA,EAACpB,qCAAA,CAAAM,OAAiB;MAChBO,IAAI,EAAEA,IAAK;MACXQ,WAAW,EAAET,4BAA6B;MAC1CU,MAAM,EAAER,kBAAmB;MAC3BS,KAAK,EAAEC,uBAAU,CAACC;IAAmB,CACtC,CAAC,EACDf,QAAQ;EAAA,CACgB,CAAC;AAEhC,CAAC;AAACgB,OAAA,CAAAjB,yBAAA,GAAAA,yBAAA;AAEK,MAAMkB,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACtB,gBAAgB,CAAC;EAC5C,IAAI,CAACqB,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,sEACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAACF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_IOSTranslateSheetViewNativeComponent","_interopRequireDefault","_useInternalTranslate","_jsxRuntime","e","__esModule","default","TranslateContext","createContext","IOSTranslateSheetProvider","children","presentIOSTranslateSheet","isIOSTranslateSheetPresented","text","hideTranslateSheet","isSupported","replacementAction","useInternalTranslateSheet","onReplacementAction","event","nativeEvent","jsxs","Provider","value","jsx","isPresented","onHide","style","StyleSheet","absoluteFillObject","hasReplacementAction","exports","useIOSTranslateSheet","context","useContext","Error"],"sourceRoot":"../../src","sources":["TranslateContext.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qCAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,qBAAA,GAAAJ,OAAA;AAAyE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUzE,MAAMG,gBAAgB,gBAAG,IAAAC,oBAAa,EAA8B,IAAI,CAAC;AAElE,MAAMC,yBAAyB,GAAGA,CAAC;EACxCC;AACuB,CAAC,KAAK;EAC7B,MAAM;IACJC,wBAAwB;IACxBC,4BAA4B;IAC5BC,IAAI;IACJC,kBAAkB;IAClBC,WAAW;IACXC;EACF,CAAC,GAAG,IAAAC,+CAAyB,EAAC,CAAC;EAE/B,MAAMC,mBAAmB,GACvBC,KAAqD,IAClD;IACHH,iBAAiB,GAAGG,KAAK,CAACC,WAAW,CAACP,IAAI,CAAC;EAC7C,CAAC;EAED,oBACE,IAAAV,WAAA,CAAAkB,IAAA,EAACd,gBAAgB,CAACe,QAAQ;IACxBC,KAAK,EAAE;MACLZ,wBAAwB;MACxBI;IACF,CAAE;IAAAL,QAAA,gBAEF,IAAAP,WAAA,CAAAqB,GAAA,EAACxB,qCAAA,CAAAM,OAAiB;MAChBO,IAAI,EAAEA,IAAK;MACXY,WAAW,EAAEb,4BAA6B;MAC1Cc,MAAM,EAAEZ,kBAAmB;MAC3Ba,KAAK,EAAEC,uBAAU,CAACC,kBAAmB;MACrCC,oBAAoB,EAAE,CAAC,CAACd,iBAAkB;MAC1CE,mBAAmB,EAAEA;IAAoB,CAC1C,CAAC,EACDR,QAAQ;EAAA,CACgB,CAAC;AAEhC,CAAC;AAACqB,OAAA,CAAAtB,yBAAA,GAAAA,yBAAA;AAEK,MAAMuB,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAAC3B,gBAAgB,CAAC;EAC5C,IAAI,CAAC0B,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,sEACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAACF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/commonjs/hooks/useInternalTranslate.js

@@ -10,8 +10,10 @@ const isSupported = _reactNative.Platform.OS === "ios" && Number.parseFloat(Stri
 const useInternalTranslateSheet = () => {
   const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] = (0, _react.useState)(false);
   const textRef = (0, _react.useRef)("");
-  const presentIOSTranslateSheet = (_text, _opacity) => {
+  const replacementActionRef = (0, _react.useRef)(undefined);
+  const presentIOSTranslateSheet = (_text, _replacementAction) => {
     textRef.current = _text;
+    replacementActionRef.current = _replacementAction;
     setIsIOSTranslateSheetPresented(true);
   };
   const hideTranslateSheet = () => {
@@ -22,7 +24,8 @@ const useInternalTranslateSheet = () => {
     presentIOSTranslateSheet,
     hideTranslateSheet,
     text: textRef.current,
-    isSupported
+    isSupported,
+    replacementAction: replacementActionRef.current
   };
 };
 exports.useInternalTranslateSheet = useInternalTranslateSheet;

package/lib/commonjs/hooks/useInternalTranslate.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","isSupported","Platform","OS","Number","parseFloat","String","Version","useInternalTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","useState","textRef","useRef","presentIOSTranslateSheet","_text","_opacity","current","hideTranslateSheet","text","exports"],"sourceRoot":"../../../src","sources":["hooks/useInternalTranslate.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,WAAW,GACfC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACC,UAAU,CAACC,MAAM,CAACJ,qBAAQ,CAACK,OAAO,CAAC,CAAC,IAAI,IAAI;AAEvE,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GACnE,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjB,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,EAAE,CAAC;EAE1B,MAAMC,wBAAwB,GAAGA,CAACC,KAAa,EAAEC,QAAiB,KAAK;IACrEJ,OAAO,CAACK,OAAO,GAAGF,KAAK;IACvBL,+BAA+B,CAAC,IAAI,CAAC;EACvC,CAAC;EAED,MAAMQ,kBAAkB,GAAGA,CAAA,KAAM;IAC/BR,+BAA+B,CAAC,KAAK,CAAC;EACxC,CAAC;EAED,OAAO;IACLD,4BAA4B;IAC5BK,wBAAwB;IACxBI,kBAAkB;IAClBC,IAAI,EAAEP,OAAO,CAACK,OAAO;IACrBhB;EACF,CAAC;AACH,CAAC;AAACmB,OAAA,CAAAZ,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","isSupported","Platform","OS","Number","parseFloat","String","Version","useInternalTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","useState","textRef","useRef","replacementActionRef","undefined","presentIOSTranslateSheet","_text","_replacementAction","current","hideTranslateSheet","text","replacementAction","exports"],"sourceRoot":"../../../src","sources":["hooks/useInternalTranslate.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,WAAW,GACfC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACC,UAAU,CAACC,MAAM,CAACJ,qBAAQ,CAACK,OAAO,CAAC,CAAC,IAAI,IAAI;AAEvE,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GACnE,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjB,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,EAAE,CAAC;EAC1B,MAAMC,oBAAoB,GAAG,IAAAD,aAAM,EAAyBE,SAAS,CAAC;EAEtE,MAAMC,wBAAwB,GAAGA,CAC/BC,KAAa,EACbC,kBAA2C,KACxC;IACHN,OAAO,CAACO,OAAO,GAAGF,KAAK;IACvBH,oBAAoB,CAACK,OAAO,GAAGD,kBAAkB;IACjDR,+BAA+B,CAAC,IAAI,CAAC;EACvC,CAAC;EAED,MAAMU,kBAAkB,GAAGA,CAAA,KAAM;IAC/BV,+BAA+B,CAAC,KAAK,CAAC;EACxC,CAAC;EAED,OAAO;IACLD,4BAA4B;IAC5BO,wBAAwB;IACxBI,kBAAkB;IAClBC,IAAI,EAAET,OAAO,CAACO,OAAO;IACrBlB,WAAW;IACXqB,iBAAiB,EAAER,oBAAoB,CAACK;EAC1C,CAAC;AACH,CAAC;AAACI,OAAA,CAAAf,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/lib/module/IOSTranslateSheetViewNativeComponent.ts

@@ -2,10 +2,16 @@ import type { ViewProps } from "react-native";
 import type { DirectEventHandler } from "react-native/Libraries/Types/CodegenTypes";
 import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
 
+export interface OnReplacementActionEvent {
+  text: string;
+}
+
 interface IOSTranslateSheetProps extends ViewProps {
   text: string;
   isPresented: boolean;
+  hasReplacementAction: boolean;
   onHide: DirectEventHandler<null>;
+  onReplacementAction?: DirectEventHandler<OnReplacementActionEvent>;
 }
 
 export default codegenNativeComponent<IOSTranslateSheetProps>(

package/lib/module/TranslateContext.js

@@ -14,8 +14,12 @@ export const IOSTranslateSheetProvider = ({
     isIOSTranslateSheetPresented,
     text,
     hideTranslateSheet,
-    isSupported
+    isSupported,
+    replacementAction
   } = useInternalTranslateSheet();
+  const onReplacementAction = event => {
+    replacementAction?.(event.nativeEvent.text);
+  };
   return /*#__PURE__*/_jsxs(TranslateContext.Provider, {
     value: {
       presentIOSTranslateSheet,
@@ -25,7 +29,9 @@ export const IOSTranslateSheetProvider = ({
       text: text,
       isPresented: isIOSTranslateSheetPresented,
       onHide: hideTranslateSheet,
-      style: StyleSheet.absoluteFillObject
+      style: StyleSheet.absoluteFillObject,
+      hasReplacementAction: !!replacementAction,
+      onReplacementAction: onReplacementAction
     }), children]
   });
 };

package/lib/module/TranslateContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","StyleSheet","IOSTranslateSheet","useInternalTranslateSheet","jsx","_jsx","jsxs","_jsxs","TranslateContext","IOSTranslateSheetProvider","children","presentIOSTranslateSheet","isIOSTranslateSheetPresented","text","hideTranslateSheet","isSupported","Provider","value","isPresented","onHide","style","absoluteFillObject","useIOSTranslateSheet","context","Error"],"sourceRoot":"../../src","sources":["TranslateContext.tsx"],"mappings":";;AAAA,SAAyBA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjE,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,iBAAiB,MAAM,wCAAwC;AACtE,SAASC,yBAAyB,QAAQ,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOzE,MAAMC,gBAAgB,gBAAGT,aAAa,CAA8B,IAAI,CAAC;AAEzE,OAAO,MAAMU,yBAAyB,GAAGA,CAAC;EACxCC;AACuB,CAAC,KAAK;EAC7B,MAAM;IACJC,wBAAwB;IACxBC,4BAA4B;IAC5BC,IAAI;IACJC,kBAAkB;IAClBC;EACF,CAAC,GAAGZ,yBAAyB,CAAC,CAAC;EAE/B,oBACEI,KAAA,CAACC,gBAAgB,CAACQ,QAAQ;IACxBC,KAAK,EAAE;MACLN,wBAAwB;MACxBI;IACF,CAAE;IAAAL,QAAA,gBAEFL,IAAA,CAACH,iBAAiB;MAChBW,IAAI,EAAEA,IAAK;MACXK,WAAW,EAAEN,4BAA6B;MAC1CO,MAAM,EAAEL,kBAAmB;MAC3BM,KAAK,EAAEnB,UAAU,CAACoB;IAAmB,CACtC,CAAC,EACDX,QAAQ;EAAA,CACgB,CAAC;AAEhC,CAAC;AAED,OAAO,MAAMY,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAGvB,UAAU,CAACQ,gBAAgB,CAAC;EAC5C,IAAI,CAACe,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,sEACF,CAAC;EACH;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","StyleSheet","IOSTranslateSheet","useInternalTranslateSheet","jsx","_jsx","jsxs","_jsxs","TranslateContext","IOSTranslateSheetProvider","children","presentIOSTranslateSheet","isIOSTranslateSheetPresented","text","hideTranslateSheet","isSupported","replacementAction","onReplacementAction","event","nativeEvent","Provider","value","isPresented","onHide","style","absoluteFillObject","hasReplacementAction","useIOSTranslateSheet","context","Error"],"sourceRoot":"../../src","sources":["TranslateContext.tsx"],"mappings":";;AAAA,SAAyBA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjE,SAAoCC,UAAU,QAAQ,cAAc;AACpE,OAAOC,iBAAiB,MAEjB,wCAAwC;AAC/C,SAASC,yBAAyB,QAAQ,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUzE,MAAMC,gBAAgB,gBAAGT,aAAa,CAA8B,IAAI,CAAC;AAEzE,OAAO,MAAMU,yBAAyB,GAAGA,CAAC;EACxCC;AACuB,CAAC,KAAK;EAC7B,MAAM;IACJC,wBAAwB;IACxBC,4BAA4B;IAC5BC,IAAI;IACJC,kBAAkB;IAClBC,WAAW;IACXC;EACF,CAAC,GAAGb,yBAAyB,CAAC,CAAC;EAE/B,MAAMc,mBAAmB,GACvBC,KAAqD,IAClD;IACHF,iBAAiB,GAAGE,KAAK,CAACC,WAAW,CAACN,IAAI,CAAC;EAC7C,CAAC;EAED,oBACEN,KAAA,CAACC,gBAAgB,CAACY,QAAQ;IACxBC,KAAK,EAAE;MACLV,wBAAwB;MACxBI;IACF,CAAE;IAAAL,QAAA,gBAEFL,IAAA,CAACH,iBAAiB;MAChBW,IAAI,EAAEA,IAAK;MACXS,WAAW,EAAEV,4BAA6B;MAC1CW,MAAM,EAAET,kBAAmB;MAC3BU,KAAK,EAAEvB,UAAU,CAACwB,kBAAmB;MACrCC,oBAAoB,EAAE,CAAC,CAACV,iBAAkB;MAC1CC,mBAAmB,EAAEA;IAAoB,CAC1C,CAAC,EACDP,QAAQ;EAAA,CACgB,CAAC;AAEhC,CAAC;AAED,OAAO,MAAMiB,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAG5B,UAAU,CAACQ,gBAAgB,CAAC;EAC5C,IAAI,CAACoB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,sEACF,CAAC;EACH;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/module/hooks/useInternalTranslate.js

@@ -6,8 +6,10 @@ const isSupported = Platform.OS === "ios" && Number.parseFloat(String(Platform.V
 export const useInternalTranslateSheet = () => {
   const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] = useState(false);
   const textRef = useRef("");
-  const presentIOSTranslateSheet = (_text, _opacity) => {
+  const replacementActionRef = useRef(undefined);
+  const presentIOSTranslateSheet = (_text, _replacementAction) => {
     textRef.current = _text;
+    replacementActionRef.current = _replacementAction;
     setIsIOSTranslateSheetPresented(true);
   };
   const hideTranslateSheet = () => {
@@ -18,7 +20,8 @@ export const useInternalTranslateSheet = () => {
     presentIOSTranslateSheet,
     hideTranslateSheet,
     text: textRef.current,
-    isSupported
+    isSupported,
+    replacementAction: replacementActionRef.current
   };
 };
 //# sourceMappingURL=useInternalTranslate.js.map

package/lib/module/hooks/useInternalTranslate.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useState","Platform","isSupported","OS","Number","parseFloat","String","Version","useInternalTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","textRef","presentIOSTranslateSheet","_text","_opacity","current","hideTranslateSheet","text"],"sourceRoot":"../../../src","sources":["hooks/useInternalTranslate.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,WAAW,GACfD,QAAQ,CAACE,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACC,UAAU,CAACC,MAAM,CAACL,QAAQ,CAACM,OAAO,CAAC,CAAC,IAAI,IAAI;AAE9E,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GACnEV,QAAQ,CAAC,KAAK,CAAC;EACjB,MAAMW,OAAO,GAAGZ,MAAM,CAAC,EAAE,CAAC;EAE1B,MAAMa,wBAAwB,GAAGA,CAACC,KAAa,EAAEC,QAAiB,KAAK;IACrEH,OAAO,CAACI,OAAO,GAAGF,KAAK;IACvBH,+BAA+B,CAAC,IAAI,CAAC;EACvC,CAAC;EAED,MAAMM,kBAAkB,GAAGA,CAAA,KAAM;IAC/BN,+BAA+B,CAAC,KAAK,CAAC;EACxC,CAAC;EAED,OAAO;IACLD,4BAA4B;IAC5BG,wBAAwB;IACxBI,kBAAkB;IAClBC,IAAI,EAAEN,OAAO,CAACI,OAAO;IACrBb;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useRef","useState","Platform","isSupported","OS","Number","parseFloat","String","Version","useInternalTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","textRef","replacementActionRef","undefined","presentIOSTranslateSheet","_text","_replacementAction","current","hideTranslateSheet","text","replacementAction"],"sourceRoot":"../../../src","sources":["hooks/useInternalTranslate.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,WAAW,GACfD,QAAQ,CAACE,EAAE,KAAK,KAAK,IAAIC,MAAM,CAACC,UAAU,CAACC,MAAM,CAACL,QAAQ,CAACM,OAAO,CAAC,CAAC,IAAI,IAAI;AAE9E,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GACnEV,QAAQ,CAAC,KAAK,CAAC;EACjB,MAAMW,OAAO,GAAGZ,MAAM,CAAC,EAAE,CAAC;EAC1B,MAAMa,oBAAoB,GAAGb,MAAM,CAAyBc,SAAS,CAAC;EAEtE,MAAMC,wBAAwB,GAAGA,CAC/BC,KAAa,EACbC,kBAA2C,KACxC;IACHL,OAAO,CAACM,OAAO,GAAGF,KAAK;IACvBH,oBAAoB,CAACK,OAAO,GAAGD,kBAAkB;IACjDN,+BAA+B,CAAC,IAAI,CAAC;EACvC,CAAC;EAED,MAAMQ,kBAAkB,GAAGA,CAAA,KAAM;IAC/BR,+BAA+B,CAAC,KAAK,CAAC;EACxC,CAAC;EAED,OAAO;IACLD,4BAA4B;IAC5BK,wBAAwB;IACxBI,kBAAkB;IAClBC,IAAI,EAAER,OAAO,CAACM,OAAO;IACrBf,WAAW;IACXkB,iBAAiB,EAAER,oBAAoB,CAACK;EAC1C,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/typescript/IOSTranslateSheetViewNativeComponent.d.ts

@@ -1,9 +1,14 @@
 import type { ViewProps } from "react-native";
 import type { DirectEventHandler } from "react-native/Libraries/Types/CodegenTypes";
+export interface OnReplacementActionEvent {
+    text: string;
+}
 interface IOSTranslateSheetProps extends ViewProps {
     text: string;
     isPresented: boolean;
+    hasReplacementAction: boolean;
     onHide: DirectEventHandler<null>;
+    onReplacementAction?: DirectEventHandler<OnReplacementActionEvent>;
 }
 declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<IOSTranslateSheetProps>;
 export default _default;

package/lib/typescript/IOSTranslateSheetViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IOSTranslateSheetViewNativeComponent.d.ts","sourceRoot":"","sources":["../../src/IOSTranslateSheetViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAGpF,UAAU,sBAAuB,SAAQ,SAAS;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;CAClC;;AAED,wBAEE"}
+{"version":3,"file":"IOSTranslateSheetViewNativeComponent.d.ts","sourceRoot":"","sources":["../../src/IOSTranslateSheetViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAGpF,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,sBAAuB,SAAQ,SAAS;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACjC,mBAAmB,CAAC,EAAE,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;CACpE;;AAED,wBAEE"}

package/lib/typescript/TranslateContext.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
 type TranslateContextType = {
     isSupported: boolean;
-    presentIOSTranslateSheet: (text: string, opacity?: number) => void;
+    presentIOSTranslateSheet: (text: string, replacementAction?: (text: string) => void) => void;
 };
 export declare const IOSTranslateSheetProvider: ({ children, }: {
     children: ReactNode;

package/lib/typescript/TranslateContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TranslateContext.d.ts","sourceRoot":"","sources":["../../src/TranslateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAKlE,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,wBAAwB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpE,CAAC;AAIF,eAAO,MAAM,yBAAyB,GAAI,eAEvC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAyBzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,4BAQhC,CAAC"}
+{"version":3,"file":"TranslateContext.d.ts","sourceRoot":"","sources":["../../src/TranslateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAOlE,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,wBAAwB,EAAE,CACxB,IAAI,EAAE,MAAM,EACZ,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,KACvC,IAAI,CAAC;CACX,CAAC;AAIF,eAAO,MAAM,yBAAyB,GAAI,eAEvC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAkCzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,4BAQhC,CAAC"}

package/lib/typescript/hooks/useInternalTranslate.d.ts

@@ -1,8 +1,9 @@
 export declare const useInternalTranslateSheet: () => {
     isIOSTranslateSheetPresented: boolean;
-    presentIOSTranslateSheet: (_text: string, _opacity?: number) => void;
+    presentIOSTranslateSheet: (_text: string, _replacementAction?: (text: string) => void) => void;
     hideTranslateSheet: () => void;
     text: string;
     isSupported: boolean;
+    replacementAction: ((text: string) => void) | undefined;
 };
 //# sourceMappingURL=useInternalTranslate.d.ts.map

package/lib/typescript/hooks/useInternalTranslate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInternalTranslate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInternalTranslate.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB;;sCAKK,MAAM,aAAa,MAAM;;;;CAgBnE,CAAC"}
+{"version":3,"file":"useInternalTranslate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInternalTranslate.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB;;sCAO3B,MAAM,uBACQ,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;;;;+BAJF,MAAM,KAAK,IAAI;CAuB3D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ios-translate-sheet",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "SwiftUI Translate Sheet on React Native",
   "source": "./src/index.tsx",
   "main": "lib/commonjs/index.js",

package/src/IOSTranslateSheetViewNativeComponent.ts

@@ -2,10 +2,16 @@ import type { ViewProps } from "react-native";
 import type { DirectEventHandler } from "react-native/Libraries/Types/CodegenTypes";
 import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
 
+export interface OnReplacementActionEvent {
+  text: string;
+}
+
 interface IOSTranslateSheetProps extends ViewProps {
   text: string;
   isPresented: boolean;
+  hasReplacementAction: boolean;
   onHide: DirectEventHandler<null>;
+  onReplacementAction?: DirectEventHandler<OnReplacementActionEvent>;
 }
 
 export default codegenNativeComponent<IOSTranslateSheetProps>(

package/src/TranslateContext.tsx

@@ -1,11 +1,16 @@
 import { type ReactNode, createContext, useContext } from "react";
-import { StyleSheet } from "react-native";
-import IOSTranslateSheet from "./IOSTranslateSheetViewNativeComponent";
+import { type NativeSyntheticEvent, StyleSheet } from "react-native";
+import IOSTranslateSheet, {
+  type OnReplacementActionEvent,
+} from "./IOSTranslateSheetViewNativeComponent";
 import { useInternalTranslateSheet } from "./hooks/useInternalTranslate";
 
 type TranslateContextType = {
   isSupported: boolean;
-  presentIOSTranslateSheet: (text: string, opacity?: number) => void;
+  presentIOSTranslateSheet: (
+    text: string,
+    replacementAction?: (text: string) => void,
+  ) => void;
 };
 
 const TranslateContext = createContext<TranslateContextType | null>(null);
@@ -19,8 +24,15 @@ export const IOSTranslateSheetProvider = ({
     text,
     hideTranslateSheet,
     isSupported,
+    replacementAction,
   } = useInternalTranslateSheet();
 
+  const onReplacementAction = (
+    event: NativeSyntheticEvent<OnReplacementActionEvent>,
+  ) => {
+    replacementAction?.(event.nativeEvent.text);
+  };
+
   return (
     <TranslateContext.Provider
       value={{
@@ -33,6 +45,8 @@ export const IOSTranslateSheetProvider = ({
         isPresented={isIOSTranslateSheetPresented}
         onHide={hideTranslateSheet}
         style={StyleSheet.absoluteFillObject}
+        hasReplacementAction={!!replacementAction}
+        onReplacementAction={onReplacementAction}
       />
       {children}
     </TranslateContext.Provider>

package/src/hooks/useInternalTranslate.tsx

@@ -8,9 +8,14 @@ export const useInternalTranslateSheet = () => {
   const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] =
     useState(false);
   const textRef = useRef("");
+  const replacementActionRef = useRef<(text: string) => void>(undefined);
 
-  const presentIOSTranslateSheet = (_text: string, _opacity?: number) => {
+  const presentIOSTranslateSheet = (
+    _text: string,
+    _replacementAction?: (text: string) => void,
+  ) => {
     textRef.current = _text;
+    replacementActionRef.current = _replacementAction;
     setIsIOSTranslateSheetPresented(true);
   };
 
@@ -24,5 +29,6 @@ export const useInternalTranslateSheet = () => {
     hideTranslateSheet,
     text: textRef.current,
     isSupported,
+    replacementAction: replacementActionRef.current,
   };
 };