react-native-ios-translate-sheet 1.1.1 → 1.1.3

package/README.md

@@ -16,11 +16,15 @@
   </a>
 </p>
 
+> **Note**: If you need to perform multiple translations and retrieve the translated text to display within your app, consider using [react-native-ios-translate-tasks](https://github.com/huextrat/react-native-ios-translate-tasks) instead. This library is focused on providing the native iOS translation sheet UI experience.
+
 ## Features
 
 - 🔄 Seamless integration with iOS native translation capabilities
 - 🌐 Access to all languages supported by iOS translation
 - 📱 Native iOS UI and interactions
+- 🏗️ Supports old & new arch
+- ⚙️ Powered by SwiftUI's [translationPresentation](https://developer.apple.com/documentation/swiftui/view/translationpresentation(ispresented:text:attachmentanchor:arrowedge:replacementaction:)) API under the hood
 
 ## Platform Compatibility
 
@@ -71,6 +75,8 @@ 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 (
@@ -82,8 +88,22 @@ function MyComponent() {
 }
 ```
 
+### 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:
+
+```tsx
+const { isSupported } = useIOSTranslateSheet();
+```
+
 Note: The translation sheet will only appear on iOS devices running version 17.4 or later. On other platforms or iOS versions below 17.4, the `presentIOSTranslateSheet` function will do nothing.
 
+## Example
+
+<center>
+<img src="./resources/demo.gif" width="200">
+</center>
+
 ## Contributing
 
 We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for more details.

package/ios/IOSTranslateSheetProvider.swift

@@ -36,6 +36,7 @@ public typealias RCTBubblingEventBlock = @convention(block) (_ body: [AnyHashabl
     @objc public var opacity: Double = 0.0 {
         didSet {
             props.opacity = opacity
+            updateBackgroundColor()
         }
     }
     
@@ -46,6 +47,11 @@ public typealias RCTBubblingEventBlock = @convention(block) (_ body: [AnyHashabl
             }
         }
     }
+
+    private func updateBackgroundColor() {
+        let currentOpacity = isPresented ? opacity : 0.0
+        hostingController?.view.backgroundColor = UIColor(white: 0.0, alpha: currentOpacity)
+    }
     
     public override func layoutSubviews() {
         super.layoutSubviews()
@@ -64,9 +70,7 @@ public typealias RCTBubblingEventBlock = @convention(block) (_ body: [AnyHashabl
         )
         
         if let hostingController = self.hostingController {
-            hostingController.view.isHidden = !isPresented
-            hostingController.view.backgroundColor = UIColor(white: 0.0, alpha: opacity)
-            
+            hostingController.view.isHidden = !isPresented            
             addSubview(hostingController.view)
             hostingController.view.pinEdges(to: self)
             reactAddController(toClosestParent: hostingController)

package/lib/commonjs/TranslateContext.js

@@ -18,19 +18,21 @@ const IOSTranslateSheetProvider = ({
     presentIOSTranslateSheet,
     isIOSTranslateSheetPresented,
     text,
+    hideTranslateSheet,
     opacity,
-    hideTranslateSheet
+    isSupported
   } = (0, _useInternalTranslate.useInternalTranslateSheet)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TranslateContext.Provider, {
     value: {
-      presentIOSTranslateSheet
+      presentIOSTranslateSheet,
+      isSupported
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IOSTranslateSheetViewNativeComponent.default, {
       text: text,
       isPresented: isIOSTranslateSheetPresented,
       onHide: hideTranslateSheet,
-      opacity: opacity,
-      style: styles.translateView
+      style: styles.translateView,
+      opacity: opacity
     }), 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","opacity","hideTranslateSheet","useInternalTranslateSheet","jsxs","Provider","value","jsx","isPresented","onHide","style","styles","translateView","exports","useIOSTranslateSheet","context","useContext","Error","StyleSheet","create","position","top","left","right","bottom"],"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;AAMzE,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,OAAO;IACPC;EACF,CAAC,GAAG,IAAAC,+CAAyB,EAAC,CAAC;EAE/B,oBACE,IAAAb,WAAA,CAAAc,IAAA,EAACV,gBAAgB,CAACW,QAAQ;IAACC,KAAK,EAAE;MAAER;IAAyB,CAAE;IAAAD,QAAA,gBAC7D,IAAAP,WAAA,CAAAiB,GAAA,EAACpB,qCAAA,CAAAM,OAAiB;MAChBO,IAAI,EAAEA,IAAK;MACXQ,WAAW,EAAET,4BAA6B;MAC1CU,MAAM,EAAEP,kBAAmB;MAC3BD,OAAO,EAAEA,OAAQ;MACjBS,KAAK,EAAEC,MAAM,CAACC;IAAc,CAC7B,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;AAEF,MAAMH,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,aAAa,EAAE;IACbQ,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_IOSTranslateSheetViewNativeComponent","_interopRequireDefault","_useInternalTranslate","_jsxRuntime","e","__esModule","default","TranslateContext","createContext","IOSTranslateSheetProvider","children","presentIOSTranslateSheet","isIOSTranslateSheetPresented","text","hideTranslateSheet","opacity","isSupported","useInternalTranslateSheet","jsxs","Provider","value","jsx","isPresented","onHide","style","styles","translateView","exports","useIOSTranslateSheet","context","useContext","Error","StyleSheet","create","position","top","left","right","bottom"],"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,OAAO;IACPC;EACF,CAAC,GAAG,IAAAC,+CAAyB,EAAC,CAAC;EAE/B,oBACE,IAAAd,WAAA,CAAAe,IAAA,EAACX,gBAAgB,CAACY,QAAQ;IACxBC,KAAK,EAAE;MACLT,wBAAwB;MACxBK;IACF,CAAE;IAAAN,QAAA,gBAEF,IAAAP,WAAA,CAAAkB,GAAA,EAACrB,qCAAA,CAAAM,OAAiB;MAChBO,IAAI,EAAEA,IAAK;MACXS,WAAW,EAAEV,4BAA6B;MAC1CW,MAAM,EAAET,kBAAmB;MAC3BU,KAAK,EAAEC,MAAM,CAACC,aAAc;MAC5BX,OAAO,EAAEA;IAAQ,CAClB,CAAC,EACDL,QAAQ;EAAA,CACgB,CAAC;AAEhC,CAAC;AAACiB,OAAA,CAAAlB,yBAAA,GAAAA,yBAAA;AAEK,MAAMmB,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACvB,gBAAgB,CAAC;EAC5C,IAAI,CAACsB,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,sEACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAACF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAEF,MAAMH,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,aAAa,EAAE;IACbQ,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/hooks/useInternalTranslate.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useInternalTranslateSheet = void 0;
 var _react = require("react");
+var _reactNative = require("react-native");
 const useInternalTranslateSheet = () => {
   const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] = (0, _react.useState)(false);
   const [text, setText] = (0, _react.useState)("");
   const [opacity, setOpacity] = (0, _react.useState)(0);
+  const isSupported = _reactNative.Platform.OS === "ios" && Number.parseFloat(String(_reactNative.Platform.Version)) >= 17.4;
   const presentIOSTranslateSheet = (_text, _opacity) => {
     setIsIOSTranslateSheetPresented(true);
     setText(_text);
@@ -22,7 +24,8 @@ const useInternalTranslateSheet = () => {
     presentIOSTranslateSheet,
     hideTranslateSheet,
     text,
-    opacity
+    opacity,
+    isSupported
   };
 };
 exports.useInternalTranslateSheet = useInternalTranslateSheet;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useInternalTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","useState","text","setText","opacity","setOpacity","presentIOSTranslateSheet","_text","_opacity","hideTranslateSheet","exports"],"sourceRoot":"../../../src","sources":["hooks/useInternalTranslate.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GACnE,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACpC,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC,CAAC;EAEzC,MAAMK,wBAAwB,GAAGA,CAACC,KAAa,EAAEC,QAAiB,KAAK;IACrER,+BAA+B,CAAC,IAAI,CAAC;IACrCG,OAAO,CAACI,KAAK,CAAC;IACdF,UAAU,CAACG,QAAQ,IAAI,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/BT,+BAA+B,CAAC,KAAK,CAAC;EACxC,CAAC;EAED,OAAO;IACLD,4BAA4B;IAC5BO,wBAAwB;IACxBG,kBAAkB;IAClBP,IAAI;IACJE;EACF,CAAC;AACH,CAAC;AAACM,OAAA,CAAAZ,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","useInternalTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","useState","text","setText","opacity","setOpacity","isSupported","Platform","OS","Number","parseFloat","String","Version","presentIOSTranslateSheet","_text","_opacity","hideTranslateSheet","exports"],"sourceRoot":"../../../src","sources":["hooks/useInternalTranslate.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEO,MAAME,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GACnE,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACpC,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC,CAAC;EAEzC,MAAMK,WAAW,GACfC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IACrBC,MAAM,CAACC,UAAU,CAACC,MAAM,CAACJ,qBAAQ,CAACK,OAAO,CAAC,CAAC,IAAI,IAAI;EAErD,MAAMC,wBAAwB,GAAGA,CAACC,KAAa,EAAEC,QAAiB,KAAK;IACrEf,+BAA+B,CAAC,IAAI,CAAC;IACrCG,OAAO,CAACW,KAAK,CAAC;IACdT,UAAU,CAACU,QAAQ,IAAI,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/BhB,+BAA+B,CAAC,KAAK,CAAC;EACxC,CAAC;EAED,OAAO;IACLD,4BAA4B;IAC5Bc,wBAAwB;IACxBG,kBAAkB;IAClBd,IAAI;IACJE,OAAO;IACPE;EACF,CAAC;AACH,CAAC;AAACW,OAAA,CAAAnB,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/lib/module/TranslateContext.js

@@ -13,19 +13,21 @@ export const IOSTranslateSheetProvider = ({
     presentIOSTranslateSheet,
     isIOSTranslateSheetPresented,
     text,
+    hideTranslateSheet,
     opacity,
-    hideTranslateSheet
+    isSupported
   } = useInternalTranslateSheet();
   return /*#__PURE__*/_jsxs(TranslateContext.Provider, {
     value: {
-      presentIOSTranslateSheet
+      presentIOSTranslateSheet,
+      isSupported
     },
     children: [/*#__PURE__*/_jsx(IOSTranslateSheet, {
       text: text,
       isPresented: isIOSTranslateSheetPresented,
       onHide: hideTranslateSheet,
-      opacity: opacity,
-      style: styles.translateView
+      style: styles.translateView,
+      opacity: opacity
     }), 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","opacity","hideTranslateSheet","Provider","value","isPresented","onHide","style","styles","translateView","useIOSTranslateSheet","context","Error","create","position","top","left","right","bottom"],"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;AAMzE,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,OAAO;IACPC;EACF,CAAC,GAAGZ,yBAAyB,CAAC,CAAC;EAE/B,oBACEI,KAAA,CAACC,gBAAgB,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEN;IAAyB,CAAE;IAAAD,QAAA,gBAC7DL,IAAA,CAACH,iBAAiB;MAChBW,IAAI,EAAEA,IAAK;MACXK,WAAW,EAAEN,4BAA6B;MAC1CO,MAAM,EAAEJ,kBAAmB;MAC3BD,OAAO,EAAEA,OAAQ;MACjBM,KAAK,EAAEC,MAAM,CAACC;IAAc,CAC7B,CAAC,EACDZ,QAAQ;EAAA,CACgB,CAAC;AAEhC,CAAC;AAED,OAAO,MAAMa,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAGxB,UAAU,CAACQ,gBAAgB,CAAC;EAC5C,IAAI,CAACgB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,sEACF,CAAC;EACH;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,MAAMH,MAAM,GAAGpB,UAAU,CAACyB,MAAM,CAAC;EAC/BJ,aAAa,EAAE;IACbK,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","StyleSheet","IOSTranslateSheet","useInternalTranslateSheet","jsx","_jsx","jsxs","_jsxs","TranslateContext","IOSTranslateSheetProvider","children","presentIOSTranslateSheet","isIOSTranslateSheetPresented","text","hideTranslateSheet","opacity","isSupported","Provider","value","isPresented","onHide","style","styles","translateView","useIOSTranslateSheet","context","Error","create","position","top","left","right","bottom"],"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,OAAO;IACPC;EACF,CAAC,GAAGb,yBAAyB,CAAC,CAAC;EAE/B,oBACEI,KAAA,CAACC,gBAAgB,CAACS,QAAQ;IACxBC,KAAK,EAAE;MACLP,wBAAwB;MACxBK;IACF,CAAE;IAAAN,QAAA,gBAEFL,IAAA,CAACH,iBAAiB;MAChBW,IAAI,EAAEA,IAAK;MACXM,WAAW,EAAEP,4BAA6B;MAC1CQ,MAAM,EAAEN,kBAAmB;MAC3BO,KAAK,EAAEC,MAAM,CAACC,aAAc;MAC5BR,OAAO,EAAEA;IAAQ,CAClB,CAAC,EACDL,QAAQ;EAAA,CACgB,CAAC;AAEhC,CAAC;AAED,OAAO,MAAMc,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAGzB,UAAU,CAACQ,gBAAgB,CAAC;EAC5C,IAAI,CAACiB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,sEACF,CAAC;EACH;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,MAAMH,MAAM,GAAGrB,UAAU,CAAC0B,MAAM,CAAC;EAC/BJ,aAAa,EAAE;IACbK,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/hooks/useInternalTranslate.js

@@ -1,10 +1,12 @@
 "use strict";
 
 import { useState } from "react";
+import { Platform } from "react-native";
 export const useInternalTranslateSheet = () => {
   const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] = useState(false);
   const [text, setText] = useState("");
   const [opacity, setOpacity] = useState(0);
+  const isSupported = Platform.OS === "ios" && Number.parseFloat(String(Platform.Version)) >= 17.4;
   const presentIOSTranslateSheet = (_text, _opacity) => {
     setIsIOSTranslateSheetPresented(true);
     setText(_text);
@@ -18,7 +20,8 @@ export const useInternalTranslateSheet = () => {
     presentIOSTranslateSheet,
     hideTranslateSheet,
     text,
-    opacity
+    opacity,
+    isSupported
   };
 };
 //# sourceMappingURL=useInternalTranslate.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useState","useInternalTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","text","setText","opacity","setOpacity","presentIOSTranslateSheet","_text","_opacity","hideTranslateSheet"],"sourceRoot":"../../../src","sources":["hooks/useInternalTranslate.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GACnEH,QAAQ,CAAC,KAAK,CAAC;EACjB,MAAM,CAACI,IAAI,EAAEC,OAAO,CAAC,GAAGL,QAAQ,CAAC,EAAE,CAAC;EACpC,MAAM,CAACM,OAAO,EAAEC,UAAU,CAAC,GAAGP,QAAQ,CAAC,CAAC,CAAC;EAEzC,MAAMQ,wBAAwB,GAAGA,CAACC,KAAa,EAAEC,QAAiB,KAAK;IACrEP,+BAA+B,CAAC,IAAI,CAAC;IACrCE,OAAO,CAACI,KAAK,CAAC;IACdF,UAAU,CAACG,QAAQ,IAAI,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/BR,+BAA+B,CAAC,KAAK,CAAC;EACxC,CAAC;EAED,OAAO;IACLD,4BAA4B;IAC5BM,wBAAwB;IACxBG,kBAAkB;IAClBP,IAAI;IACJE;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useState","Platform","useInternalTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","text","setText","opacity","setOpacity","isSupported","OS","Number","parseFloat","String","Version","presentIOSTranslateSheet","_text","_opacity","hideTranslateSheet"],"sourceRoot":"../../../src","sources":["hooks/useInternalTranslate.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GACnEJ,QAAQ,CAAC,KAAK,CAAC;EACjB,MAAM,CAACK,IAAI,EAAEC,OAAO,CAAC,GAAGN,QAAQ,CAAC,EAAE,CAAC;EACpC,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGR,QAAQ,CAAC,CAAC,CAAC;EAEzC,MAAMS,WAAW,GACfR,QAAQ,CAACS,EAAE,KAAK,KAAK,IACrBC,MAAM,CAACC,UAAU,CAACC,MAAM,CAACZ,QAAQ,CAACa,OAAO,CAAC,CAAC,IAAI,IAAI;EAErD,MAAMC,wBAAwB,GAAGA,CAACC,KAAa,EAAEC,QAAiB,KAAK;IACrEb,+BAA+B,CAAC,IAAI,CAAC;IACrCE,OAAO,CAACU,KAAK,CAAC;IACdR,UAAU,CAACS,QAAQ,IAAI,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/Bd,+BAA+B,CAAC,KAAK,CAAC;EACxC,CAAC;EAED,OAAO;IACLD,4BAA4B;IAC5BY,wBAAwB;IACxBG,kBAAkB;IAClBb,IAAI;IACJE,OAAO;IACPE;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/typescript/IOSTranslateSheetViewNativeComponent.d.ts

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

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,EACV,kBAAkB,EAClB,KAAK,EACL,WAAW,EACZ,MAAM,2CAA2C,CAAC;AAGnD,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;CACnC;;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,EACV,kBAAkB,EAClB,KAAK,EACL,WAAW,EACZ,MAAM,2CAA2C,CAAC;AAGnD,UAAU,sBAAuB,SAAQ,SAAS;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;CACnC;;AAED,wBAEE"}

package/lib/typescript/TranslateContext.d.ts

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

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,wBAAwB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpE,CAAC;AAIF,eAAO,MAAM,yBAAyB,kBAEnC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAqBzB,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;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,kBAEnC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CA2BzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,4BAQhC,CAAC"}

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

@@ -4,5 +4,6 @@ export declare const useInternalTranslateSheet: () => {
     hideTranslateSheet: () => void;
     text: string;
     opacity: number;
+    isSupported: boolean;
 };
 //# 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":"AAEA,eAAO,MAAM,yBAAyB;;sCAMK,MAAM,aAAa,MAAM;;;;CAiBnE,CAAC"}
+{"version":3,"file":"useInternalTranslate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInternalTranslate.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB;;sCAUK,MAAM,aAAa,MAAM;;;;;CAkBnE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ios-translate-sheet",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "SwiftUI Translate Sheet on React Native",
   "source": "./src/index.tsx",
   "main": "lib/commonjs/index.js",
@@ -59,25 +59,25 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@commitlint/config-conventional": "^17.0.2",
+    "@commitlint/config-conventional": "^19.7.1",
     "@react-native-community/cli": "15.1.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@types/jest": "^29.5.5",
-    "@types/react": "^18.2.44",
-    "commitlint": "^17.0.2",
-    "del-cli": "^5.1.0",
+    "@types/react": "^19.0.10",
+    "commitlint": "^19.7.1",
+    "del-cli": "^6.0.0",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
     "react": "19.0.0",
     "react-native": "0.78.0",
     "react-native-builder-bob": "^0.37.0",
     "semantic-release": "^24.2.3",
-    "turbo": "^1.10.7",
+    "turbo": "^2.4.4",
     "typescript": "^5.2.2"
   },
   "resolutions": {
-    "@types/react": "^18.2.44"
+    "@types/react": "^19.0.10"
   },
   "peerDependencies": {
     "react": "*",
@@ -86,7 +86,7 @@
   "workspaces": [
     "example"
   ],
-  "packageManager": "yarn@3.6.1",
+  "packageManager": "yarn@4.6.0",
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [

package/src/IOSTranslateSheetViewNativeComponent.ts

@@ -6,10 +6,10 @@ import type {
 } from "react-native/Libraries/Types/CodegenTypes";
 import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
 
-export interface IOSTranslateSheetProps extends ViewProps {
+interface IOSTranslateSheetProps extends ViewProps {
   text: string;
   isPresented: boolean;
-  onHide?: DirectEventHandler<null>;
+  onHide: DirectEventHandler<null>;
   opacity?: WithDefault<Float, 0.0>;
 }
 

package/src/TranslateContext.tsx

@@ -4,6 +4,7 @@ import IOSTranslateSheet from "./IOSTranslateSheetViewNativeComponent";
 import { useInternalTranslateSheet } from "./hooks/useInternalTranslate";
 
 type TranslateContextType = {
+  isSupported: boolean;
   presentIOSTranslateSheet: (text: string, opacity?: number) => void;
 };
 
@@ -16,18 +17,24 @@ export const IOSTranslateSheetProvider = ({
     presentIOSTranslateSheet,
     isIOSTranslateSheetPresented,
     text,
-    opacity,
     hideTranslateSheet,
+    opacity,
+    isSupported,
   } = useInternalTranslateSheet();
 
   return (
-    <TranslateContext.Provider value={{ presentIOSTranslateSheet }}>
+    <TranslateContext.Provider
+      value={{
+        presentIOSTranslateSheet,
+        isSupported,
+      }}
+    >
       <IOSTranslateSheet
         text={text}
         isPresented={isIOSTranslateSheetPresented}
         onHide={hideTranslateSheet}
-        opacity={opacity}
         style={styles.translateView}
+        opacity={opacity}
       />
       {children}
     </TranslateContext.Provider>

package/src/hooks/useInternalTranslate.tsx

@@ -1,4 +1,5 @@
 import { useState } from "react";
+import { Platform } from "react-native";
 
 export const useInternalTranslateSheet = () => {
   const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] =
@@ -6,6 +7,10 @@ export const useInternalTranslateSheet = () => {
   const [text, setText] = useState("");
   const [opacity, setOpacity] = useState(0);
 
+  const isSupported =
+    Platform.OS === "ios" &&
+    Number.parseFloat(String(Platform.Version)) >= 17.4;
+
   const presentIOSTranslateSheet = (_text: string, _opacity?: number) => {
     setIsIOSTranslateSheetPresented(true);
     setText(_text);
@@ -22,5 +27,6 @@ export const useInternalTranslateSheet = () => {
     hideTranslateSheet,
     text,
     opacity,
+    isSupported,
   };
 };