react-native-ios-translate-sheet 0.0.1 → 1.0.0

package/README.md

@@ -22,10 +22,6 @@
 - 🌐 Access to all languages supported by iOS translation
 - 📱 Native iOS UI and interactions
 
-## Requirements
-
-- iOS 17.4 or later
-
 ## Platform Compatibility
 
 This library is designed specifically for iOS 17.4 and above. It can be safely installed in your React Native project regardless of your target iOS version or if you're developing for Android. However, please note:
@@ -53,24 +49,24 @@ cd ios && pod install
 
 ### Using the Hook
 
-For a more convenient implementation, you can use the provided `useTranslate` hook:
+For a more convenient implementation, you can use the provided `useIOSTranslateSheet` hook:
 
 ```jsx
 import React from 'react';
 import { View, Button, StyleSheet, Text } from 'react-native';
-import { useTranslate } from 'react-native-ios-translate-sheet';
+import { useIOSTranslateSheet } from 'react-native-ios-translate-sheet';
 
 export default function App() {
-  const { translate, TranslateView } = useTranslate();
+  const { presentIOSTranslateSheet, IOSTranslateSheetView } = useIOSTranslateSheet();
   
   const handleTranslate = () => {
-    translate('Hello world! This is a sample text to translate.');
+    presentIOSTranslateSheet('Hello world! This is a sample text to translate.');
   };
   
   return (
     <View style={styles.container}>
-      {/* Add the TranslateView component to your render tree */}
-      <TranslateView />
+      {/* Add the IOSTranslateSheetView component to your render tree */}
+      <IOSTranslateSheetView />
       <Text style={styles.text}>
         Press the button below to translate text
       </Text>
@@ -96,11 +92,11 @@ const styles = StyleSheet.create({
 });
 ```
 
-The `useTranslate` hook provides:
+The `useIOSTranslateSheet` hook provides:
 
-- `translate(text)`: Function to show the translation sheet with the provided text
-- `TranslateView`: A pre-configured component that handles the translation UI
-- `isPresented`: Boolean state indicating if the translation sheet is currently visible
+- `presentIOSTranslateSheet(text)`: Function to show the translation sheet with the provided text
+- `IOSTranslateSheetView`: A pre-configured component that handles the translation UI
+- `isIOSTranslateSheetPresented`: Boolean state indicating if the translation sheet is currently visible
 
 This approach simplifies state management and allows you to trigger translations from anywhere in your component.
 
@@ -159,7 +155,7 @@ const styles = StyleSheet.create({
 
 ### Important Note on View Positioning
 
-> ⚠️ **Warning**: The `IOSTranslateSheetView` or `TranslateView` from the hook **must** cover the entire screen to work properly.
+> ⚠️ **Warning**: The `IOSTranslateSheetView` or `IOSTranslateSheetView` from the hook **must** cover the entire screen to work properly.
 
 This is necessary because:
 
@@ -167,7 +163,7 @@ This is necessary because:
 2. The component needs to overlay all other UI elements to ensure proper interaction
 3. The iOS translation sheet is presented modally on top of your app's content
 
-`<TranslateView />` from the `useTranslate` hook is an absolute full-screen view, so place it well on your component tree to ensure it covers the entire screen. A good practice is to place it at the root level of your app or screen component.
+`<IOSTranslateSheetView />` from the `useIOSTranslateSheet` hook is an absolute full-screen view, so place it well on your component tree to ensure it covers the entire screen. A good practice is to place it at the root level of your app or screen component.
 
 If the view is not positioned correctly, the translation sheet may not appear or function as expected.
 

package/lib/commonjs/index.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "IOSTranslateSheet", {
     return _IOSTranslateSheetViewNativeComponent.default;
   }
 });
-var _IOSTranslateSheetViewNativeComponent = _interopRequireWildcard(require("./IOSTranslateSheetViewNativeComponent.js"));
+var _IOSTranslateSheetViewNativeComponent = _interopRequireWildcard(require("./IOSTranslateSheetViewNativeComponent"));
 Object.keys(_IOSTranslateSheetViewNativeComponent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -24,7 +24,7 @@ Object.keys(_IOSTranslateSheetViewNativeComponent).forEach(function (key) {
     }
   });
 });
-var _useTranslate = require("./useTranslate.js");
+var _useTranslate = require("./useTranslate");
 Object.keys(_useTranslate).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/lib/commonjs/useTranslate.js

@@ -3,33 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTranslate = void 0;
+exports.useIOSTranslateSheet = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
-var _reactNativeIosTranslateSheet = require("react-native-ios-translate-sheet");
+var _IOSTranslateSheetViewNativeComponent = _interopRequireDefault(require("./IOSTranslateSheetViewNativeComponent"));
 var _jsxRuntime = require("react/jsx-runtime");
-const useTranslate = () => {
-  const [isPresented, setIsPresented] = (0, _react.useState)(false);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useIOSTranslateSheet = () => {
+  const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] = (0, _react.useState)(false);
   const [text, setText] = (0, _react.useState)("");
-  const translate = _text => {
-    setIsPresented(true);
+  const [opacity, setOpacity] = (0, _react.useState)(0);
+  const presentIOSTranslateSheet = (_text, _opacity) => {
+    setIsIOSTranslateSheetPresented(true);
     setText(_text);
+    setOpacity(_opacity ?? 0);
   };
-  const TranslateView = () => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeIosTranslateSheet.IOSTranslateSheet, {
+  const IOSTranslateSheetView = () => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IOSTranslateSheetViewNativeComponent.default, {
       text: text,
-      isPresented: isPresented,
-      onHide: () => setIsPresented(false),
-      style: styles.translateView
+      isPresented: isIOSTranslateSheetPresented,
+      onHide: () => setIsIOSTranslateSheetPresented(false),
+      style: styles.translateView,
+      opacity: opacity
     });
   };
   return {
-    isPresented,
-    translate,
-    TranslateView
+    isIOSTranslateSheetPresented,
+    presentIOSTranslateSheet,
+    IOSTranslateSheetView
   };
 };
-exports.useTranslate = useTranslate;
+exports.useIOSTranslateSheet = useIOSTranslateSheet;
 const styles = _reactNative.StyleSheet.create({
   translateView: {
     position: "absolute",

package/lib/commonjs/useTranslate.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeIosTranslateSheet","_jsxRuntime","useTranslate","isPresented","setIsPresented","useState","text","setText","translate","_text","TranslateView","jsx","IOSTranslateSheet","onHide","style","styles","translateView","exports","StyleSheet","create","position","top","left","right","bottom"],"sourceRoot":"../../src","sources":["useTranslate.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,6BAAA,GAAAF,OAAA;AAAqE,IAAAG,WAAA,GAAAH,OAAA;AAE9D,MAAMI,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EAEpC,MAAMG,SAAS,GAAIC,KAAa,IAAK;IACnCL,cAAc,CAAC,IAAI,CAAC;IACpBG,OAAO,CAACE,KAAK,CAAC;EAChB,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACX,6BAAA,CAAAY,iBAAiB;MAChBN,IAAI,EAAEA,IAAK;MACXH,WAAW,EAAEA,WAAY;MACzBU,MAAM,EAAEA,CAAA,KAAMT,cAAc,CAAC,KAAK,CAAE;MACpCU,KAAK,EAAEC,MAAM,CAACC;IAAc,CAC7B,CAAC;EAEN,CAAC;EAED,OAAO;IACLb,WAAW;IACXK,SAAS;IACTE;EACF,CAAC;AACH,CAAC;AAACO,OAAA,CAAAf,YAAA,GAAAA,YAAA;AAEF,MAAMa,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,aAAa,EAAE;IACbI,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","_jsxRuntime","e","__esModule","default","useIOSTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","useState","text","setText","opacity","setOpacity","presentIOSTranslateSheet","_text","_opacity","IOSTranslateSheetView","jsx","isPresented","onHide","style","styles","translateView","exports","StyleSheet","create","position","top","left","right","bottom"],"sourceRoot":"../../src","sources":["useTranslate.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qCAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAuE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhE,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvF,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,qBAAqB,GAAGA,CAAA,KAAM;IAClC,oBACE,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,qCAAA,CAAAK,OAAiB;MAChBK,IAAI,EAAEA,IAAK;MACXS,WAAW,EAAEZ,4BAA6B;MAC1Ca,MAAM,EAAEA,CAAA,KAAMZ,+BAA+B,CAAC,KAAK,CAAE;MACrDa,KAAK,EAAEC,MAAM,CAACC,aAAc;MAC5BX,OAAO,EAAEA;IAAQ,CAClB,CAAC;EAEN,CAAC;EAED,OAAO;IACLL,4BAA4B;IAC5BO,wBAAwB;IACxBG;EACF,CAAC;AACH,CAAC;AAACO,OAAA,CAAAlB,oBAAA,GAAAA,oBAAA;AAEF,MAAMgB,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,aAAa,EAAE;IACbI,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/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-export { default as IOSTranslateSheet } from "./IOSTranslateSheetViewNativeComponent.js";
-export * from "./IOSTranslateSheetViewNativeComponent.js";
-export * from "./useTranslate.js";
+export { default as IOSTranslateSheet } from "./IOSTranslateSheetViewNativeComponent";
+export * from "./IOSTranslateSheetViewNativeComponent";
+export * from "./useTranslate";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","IOSTranslateSheet"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,2CAAwC;AACrF,cAAc,2CAAwC;AACtD,cAAc,mBAAgB","ignoreList":[]}
+{"version":3,"names":["default","IOSTranslateSheet"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,wCAAwC;AACrF,cAAc,wCAAwC;AACtD,cAAc,gBAAgB","ignoreList":[]}

package/lib/module/useTranslate.js

@@ -2,27 +2,30 @@
 
 import { useState } from "react";
 import { StyleSheet } from "react-native";
-import { IOSTranslateSheet } from "react-native-ios-translate-sheet";
+import IOSTranslateSheet from "./IOSTranslateSheetViewNativeComponent";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const useTranslate = () => {
-  const [isPresented, setIsPresented] = useState(false);
+export const useIOSTranslateSheet = () => {
+  const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] = useState(false);
   const [text, setText] = useState("");
-  const translate = _text => {
-    setIsPresented(true);
+  const [opacity, setOpacity] = useState(0);
+  const presentIOSTranslateSheet = (_text, _opacity) => {
+    setIsIOSTranslateSheetPresented(true);
     setText(_text);
+    setOpacity(_opacity ?? 0);
   };
-  const TranslateView = () => {
+  const IOSTranslateSheetView = () => {
     return /*#__PURE__*/_jsx(IOSTranslateSheet, {
       text: text,
-      isPresented: isPresented,
-      onHide: () => setIsPresented(false),
-      style: styles.translateView
+      isPresented: isIOSTranslateSheetPresented,
+      onHide: () => setIsIOSTranslateSheetPresented(false),
+      style: styles.translateView,
+      opacity: opacity
     });
   };
   return {
-    isPresented,
-    translate,
-    TranslateView
+    isIOSTranslateSheetPresented,
+    presentIOSTranslateSheet,
+    IOSTranslateSheetView
   };
 };
 const styles = StyleSheet.create({

package/lib/module/useTranslate.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","StyleSheet","IOSTranslateSheet","jsx","_jsx","useTranslate","isPresented","setIsPresented","text","setText","translate","_text","TranslateView","onHide","style","styles","translateView","create","position","top","left","right","bottom"],"sourceRoot":"../../src","sources":["useTranslate.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErE,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACQ,IAAI,EAAEC,OAAO,CAAC,GAAGT,QAAQ,CAAC,EAAE,CAAC;EAEpC,MAAMU,SAAS,GAAIC,KAAa,IAAK;IACnCJ,cAAc,CAAC,IAAI,CAAC;IACpBE,OAAO,CAACE,KAAK,CAAC;EAChB,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,oBACER,IAAA,CAACF,iBAAiB;MAChBM,IAAI,EAAEA,IAAK;MACXF,WAAW,EAAEA,WAAY;MACzBO,MAAM,EAAEA,CAAA,KAAMN,cAAc,CAAC,KAAK,CAAE;MACpCO,KAAK,EAAEC,MAAM,CAACC;IAAc,CAC7B,CAAC;EAEN,CAAC;EAED,OAAO;IACLV,WAAW;IACXI,SAAS;IACTE;EACF,CAAC;AACH,CAAC;AAED,MAAMG,MAAM,GAAGd,UAAU,CAACgB,MAAM,CAAC;EAC/BD,aAAa,EAAE;IACbE,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":["useState","StyleSheet","IOSTranslateSheet","jsx","_jsx","useIOSTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","text","setText","opacity","setOpacity","presentIOSTranslateSheet","_text","_opacity","IOSTranslateSheetView","isPresented","onHide","style","styles","translateView","create","position","top","left","right","bottom"],"sourceRoot":"../../src","sources":["useTranslate.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,iBAAiB,MAAM,wCAAwC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvE,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EACvF,MAAM,CAACQ,IAAI,EAAEC,OAAO,CAAC,GAAGT,QAAQ,CAAC,EAAE,CAAC;EACpC,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGX,QAAQ,CAAC,CAAC,CAAC;EAEzC,MAAMY,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,qBAAqB,GAAGA,CAAA,KAAM;IAClC,oBACEX,IAAA,CAACF,iBAAiB;MAChBM,IAAI,EAAEA,IAAK;MACXQ,WAAW,EAAEV,4BAA6B;MAC1CW,MAAM,EAAEA,CAAA,KAAMV,+BAA+B,CAAC,KAAK,CAAE;MACrDW,KAAK,EAAEC,MAAM,CAACC,aAAc;MAC5BV,OAAO,EAAEA;IAAQ,CAClB,CAAC;EAEN,CAAC;EAED,OAAO;IACLJ,4BAA4B;IAC5BM,wBAAwB;IACxBG;EACF,CAAC;AACH,CAAC;AAED,MAAMI,MAAM,GAAGlB,UAAU,CAACoB,MAAM,CAAC;EAC/BD,aAAa,EAAE;IACbE,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/typescript/IOSTranslateSheetViewNativeComponent.d.ts.map

@@ -0,0 +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,EACN,MAAM,2CAA2C,CAAC;AAGnD,UAAU,WAAY,SAAQ,SAAS;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;;AAED,wBAA4E"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AACtF,cAAc,wCAAwC,CAAC;AACvD,cAAc,gBAAgB,CAAC"}

package/lib/typescript/useTranslate.d.ts

@@ -0,0 +1,6 @@
+export declare const useIOSTranslateSheet: () => {
+    isIOSTranslateSheetPresented: boolean;
+    presentIOSTranslateSheet: (_text: string, _opacity?: number) => void;
+    IOSTranslateSheetView: () => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=useTranslate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslate.d.ts","sourceRoot":"","sources":["../../src/useTranslate.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB;;sCAKU,MAAM,aAAa,MAAM;;CAuBnE,CAAC"}

package/package.json

@@ -1,22 +1,12 @@
 {
   "name": "react-native-ios-translate-sheet",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "description": "SwiftUI Translate Sheet on React Native",
   "source": "./src/index.tsx",
-  "main": "./lib/commonjs/index.js",
-  "module": "./lib/module/index.js",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./lib/typescript/module/src/index.d.ts",
-        "default": "./lib/module/index.js"
-      },
-      "require": {
-        "types": "./lib/typescript/commonjs/src/index.d.ts",
-        "default": "./lib/commonjs/index.js"
-      }
-    }
-  },
+  "main": "lib/commonjs/index.js",
+  "react-native": "src/index.tsx",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/index.d.ts",
   "files": [
     "src",
     "lib",
@@ -70,8 +60,10 @@
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
     "@commitlint/config-conventional": "^17.0.2",
-    "@react-native-community/cli": "15.0.1",
+    "@react-native-community/cli": "15.1.3",
     "@release-it/conventional-changelog": "^9.0.2",
+    "@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",
@@ -82,6 +74,7 @@
     "react-native": "0.78.0",
     "react-native-builder-bob": "^0.37.0",
     "release-it": "^17.10.0",
+    "semantic-release": "^24.2.3",
     "turbo": "^1.10.7",
     "typescript": "^5.2.2"
   },
@@ -129,26 +122,9 @@
     "source": "src",
     "output": "lib",
     "targets": [
-      "codegen",
-      [
-        "commonjs",
-        {
-          "esm": true
-        }
-      ],
-      [
-        "module",
-        {
-          "esm": true
-        }
-      ],
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json",
-          "esm": true
-        }
-      ]
+      "commonjs",
+      "module",
+      "typescript"
     ]
   },
   "codegenConfig": {

package/src/useTranslate.tsx

@@ -1,31 +1,34 @@
 import { useState } from "react";
 import { StyleSheet } from "react-native";
-import { IOSTranslateSheet } from "react-native-ios-translate-sheet";
+import IOSTranslateSheet from "./IOSTranslateSheetViewNativeComponent";
 
-export const useTranslate = () => {
-  const [isPresented, setIsPresented] = useState(false);
+export const useIOSTranslateSheet = () => {
+  const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] = useState(false);
   const [text, setText] = useState("");
+  const [opacity, setOpacity] = useState(0);
 
-  const translate = (_text: string) => {
-    setIsPresented(true);
+  const presentIOSTranslateSheet = (_text: string, _opacity?: number) => {
+    setIsIOSTranslateSheetPresented(true);
     setText(_text);
+    setOpacity(_opacity ?? 0);
   };
 
-  const TranslateView = () => {
+  const IOSTranslateSheetView = () => {
     return (
       <IOSTranslateSheet
         text={text}
-        isPresented={isPresented}
-        onHide={() => setIsPresented(false)}
+        isPresented={isIOSTranslateSheetPresented}
+        onHide={() => setIsIOSTranslateSheetPresented(false)}
         style={styles.translateView}
+        opacity={opacity}
       />
     );
   };
 
   return {
-    isPresented,
-    translate,
-    TranslateView,
+    isIOSTranslateSheetPresented,
+    presentIOSTranslateSheet,
+    IOSTranslateSheetView,
   };
 };
 

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

@@ -1,38 +0,0 @@
-/**
-* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
-*
-* Do not edit this file as changes may cause incorrect behavior and will be lost
-* once the code is regenerated.
-*
-* @generated by codegen project: GeneratePropsJavaDelegate.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-import com.facebook.react.uimanager.BaseViewManager;
-import com.facebook.react.uimanager.BaseViewManagerDelegate;
-import com.facebook.react.uimanager.LayoutShadowNode;
-
-public class IOSTranslateSheetViewManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & IOSTranslateSheetViewManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
-  public IOSTranslateSheetViewManagerDelegate(U viewManager) {
-    super(viewManager);
-  }
-  @Override
-  public void setProperty(T view, String propName, @Nullable Object value) {
-    switch (propName) {
-      case "text":
-        mViewManager.setText(view, value == null ? null : (String) value);
-        break;
-      case "isPresented":
-        mViewManager.setIsPresented(view, value == null ? false : (boolean) value);
-        break;
-      case "opacity":
-        mViewManager.setOpacity(view, value == null ? 0f : ((Double) value).floatValue());
-        break;
-      default:
-        super.setProperty(view, propName, value);
-    }
-  }
-}

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

@@ -1,20 +0,0 @@
-/**
-* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
-*
-* Do not edit this file as changes may cause incorrect behavior and will be lost
-* once the code is regenerated.
-*
-* @generated by codegen project: GeneratePropsJavaInterface.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-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 setOpacity(T view, float value);
-}

package/android/generated/jni/CMakeLists.txt

@@ -1,36 +0,0 @@
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-cmake_minimum_required(VERSION 3.13)
-set(CMAKE_VERBOSE_MAKEFILE on)
-
-file(GLOB react_codegen_SRCS CONFIGURE_DEPENDS *.cpp react/renderer/components/RNIOSTranslateSheetViewSpec/*.cpp)
-
-add_library(
-  react_codegen_RNIOSTranslateSheetViewSpec
-  OBJECT
-  ${react_codegen_SRCS}
-)
-
-target_include_directories(react_codegen_RNIOSTranslateSheetViewSpec PUBLIC . react/renderer/components/RNIOSTranslateSheetViewSpec)
-
-target_link_libraries(
-  react_codegen_RNIOSTranslateSheetViewSpec
-  fbjni
-  jsi
-  # We need to link different libraries based on whether we are building rncore or not, that's necessary
-  # because we want to break a circular dependency between react_codegen_rncore and reactnative
-  reactnative
-)
-
-target_compile_options(
-  react_codegen_RNIOSTranslateSheetViewSpec
-  PRIVATE
-  -DLOG_TAG=\"ReactNative\"
-  -fexceptions
-  -frtti
-  -std=c++20
-  -Wall
-)

package/android/generated/jni/RNIOSTranslateSheetViewSpec-generated.cpp

@@ -1,22 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleJniCpp.js
- */
-
-#include "RNIOSTranslateSheetViewSpec.h"
-
-namespace facebook::react {
-
-
-
-std::shared_ptr<TurboModule> RNIOSTranslateSheetViewSpec_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params) {
-
-  return nullptr;
-}
-
-} // namespace facebook::react

package/android/generated/jni/RNIOSTranslateSheetViewSpec.h

@@ -1,24 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleJniH.js
- */
-
-#pragma once
-
-#include <ReactCommon/JavaTurboModule.h>
-#include <ReactCommon/TurboModule.h>
-#include <jsi/jsi.h>
-
-namespace facebook::react {
-
-
-
-JSI_EXPORT
-std::shared_ptr<TurboModule> RNIOSTranslateSheetViewSpec_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
-
-} // namespace facebook::react

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

@@ -1,22 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateComponentDescriptorCpp.js
- */
-
-#include "ComponentDescriptors.h"
-#include <react/renderer/core/ConcreteComponentDescriptor.h>
-#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
-
-namespace facebook::react {
-
-void RNIOSTranslateSheetViewSpec_registerComponentDescriptorsFromCodegen(
-  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
-registry->add(concreteComponentDescriptorProvider<IOSTranslateSheetViewComponentDescriptor>());
-}
-
-} // namespace facebook::react

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

@@ -1,24 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateComponentDescriptorH.js
- */
-
-#pragma once
-
-#include "ShadowNodes.h"
-#include <react/renderer/core/ConcreteComponentDescriptor.h>
-#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
-
-namespace facebook::react {
-
-using IOSTranslateSheetViewComponentDescriptor = ConcreteComponentDescriptor<IOSTranslateSheetViewShadowNode>;
-
-void RNIOSTranslateSheetViewSpec_registerComponentDescriptorsFromCodegen(
-  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
-
-} // namespace facebook::react

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

@@ -1,24 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateEventEmitterCpp.js
- */
-
-#include "EventEmitters.h"
-
-
-namespace facebook::react {
-
-void IOSTranslateSheetViewEventEmitter::onHide(OnHide $event) const {
-  dispatchEvent("hide", [](jsi::Runtime &runtime) {
-    auto $payload = jsi::Object(runtime);
-    
-    return $payload;
-  });
-}
-
-} // namespace facebook::react

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

@@ -1,25 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateEventEmitterH.js
- */
-#pragma once
-
-#include <react/renderer/components/view/ViewEventEmitter.h>
-
-
-namespace facebook::react {
-class IOSTranslateSheetViewEventEmitter : public ViewEventEmitter {
- public:
-  using ViewEventEmitter::ViewEventEmitter;
-
-  struct OnHide {
-      
-    };
-  void onHide(OnHide value) const;
-};
-} // namespace facebook::react

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

@@ -1,27 +0,0 @@
-
-/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GeneratePropsCpp.js
- */
-
-#include "Props.h"
-#include <react/renderer/core/PropsParserContext.h>
-#include <react/renderer/core/propsConversions.h>
-
-namespace facebook::react {
-
-IOSTranslateSheetViewProps::IOSTranslateSheetViewProps(
-    const PropsParserContext &context,
-    const IOSTranslateSheetViewProps &sourceProps,
-    const RawProps &rawProps): ViewProps(context, sourceProps, rawProps),
-
-    text(convertRawProp(context, rawProps, "text", sourceProps.text, {})),
-    isPresented(convertRawProp(context, rawProps, "isPresented", sourceProps.isPresented, {false})),
-    opacity(convertRawProp(context, rawProps, "opacity", sourceProps.opacity, {0.0}))
-      {}
-
-} // namespace facebook::react