npm - @momo-kits/calculator-keyboard - Versions diffs - 0.112.1-rn76.9 → 0.112.1-rn80.2 - Mend

@momo-kits/calculator-keyboard 0.112.1-rn76.9 → 0.112.1-rn80.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/android/src/main/java/com/calculatorkeyboard/CustomKeyboardView.kt +21 -21
package/android/src/main/java/com/calculatorkeyboard/RCTInputCalculator.kt +107 -69
package/ios/CalculatorKeyboardView.swift +4 -7
package/ios/InputCalculator.swift +7 -4
package/package.json +179 -183

package/android/src/main/java/com/calculatorkeyboard/CustomKeyboardView.kt CHANGED Viewed

@@ -1,6 +1,7 @@
 package com.calculatorkeyboard
 import android.annotation.SuppressLint
+import android.content.res.ColorStateList
 import android.graphics.Color
 import android.graphics.drawable.GradientDrawable
 import android.view.Gravity
@@ -11,11 +12,15 @@ import androidx.constraintlayout.widget.ConstraintLayout
 import androidx.core.graphics.ColorUtils
 import com.facebook.react.uimanager.ThemedReactContext
 import org.mariuszgromada.math.mxparser.Expression
+import androidx.core.graphics.toColorInt
+import com.facebook.react.uimanager.PixelUtil.dpToPx
 @SuppressLint("SetTextI18n", "ViewConstructor")
-class CustomKeyboardView(context: ThemedReactContext, private val editText: CalculatorEditText) :
-  ConstraintLayout(context) {
+class CustomKeyboardView(
+  context: ThemedReactContext,
+  private val editText: CalculatorEditText
+) : ConstraintLayout(context) {
   private val keys = listOf(
     listOf("AC", "÷", "×", "back"),
     listOf("7", "8", "9", "-"),
@@ -25,21 +30,21 @@ class CustomKeyboardView(context: ThemedReactContext, private val editText: Calc
   )
   private val specialKeys = listOf("=", "-", "×", "÷", "AC", "back", "+")
   private val separatorWidth = 8f
-  private var keyboardColor: Int = Color.parseColor("#F7ACD5")
+  private var specialButtonColor: Int = "#D8D8D8".toColorInt()
   init {
     val activity = context.currentActivity as? AppCompatActivity
     if (activity != null) {
       val displayMetrics = resources.displayMetrics
       val widthButton = (displayMetrics.widthPixels - separatorWidth * 2 - 3 * separatorWidth) / 4f
+      val heightButton = (290.dpToPx() - separatorWidth * 2 - 4 * separatorWidth) / 5
-      renderUI(widthButton)
+      renderUI(widthButton, heightButton)
     }
   }
-  private fun renderUI(buttonWidth: Float) {
-    val buttonHeight = buttonWidth / 2
+  private fun renderUI(buttonWidth: Float, buttonHeight: Float) {
     var yOffset = separatorWidth
     for ((_, row) in keys.withIndex()) {
       var xOffset = separatorWidth
@@ -91,19 +96,12 @@ class CustomKeyboardView(context: ThemedReactContext, private val editText: Calc
       }
       if (specialKeys.contains(key)) {
-        if (key == "=") {
-          background = GradientDrawable().apply {
-            shape = GradientDrawable.RECTANGLE
-            cornerRadius = 24f
-            setColor(Color.parseColor("#EB2F96"))
-          }
-        }
         background = GradientDrawable().apply {
           shape = GradientDrawable.RECTANGLE
           cornerRadius = 24f
-          setColor(Color.parseColor("#F7ACD5"))
+          setColor(specialButtonColor)
         }
-        setTextColor(Color.WHITE)
+        setTextColor(Color.BLACK)
       }
@@ -124,7 +122,7 @@ class CustomKeyboardView(context: ThemedReactContext, private val editText: Calc
       val shapeInit = GradientDrawable().apply {
         shape = GradientDrawable.RECTANGLE
         cornerRadius = 24f
-        setColor(Color.parseColor("#F7ACD5"))
+        setColor(specialButtonColor)
       }
       background = shapeInit
       stateListAnimator = null
@@ -137,12 +135,13 @@ class CustomKeyboardView(context: ThemedReactContext, private val editText: Calc
       translationX = xOffset
       translationY = yOffset
       setImageResource(android.R.drawable.ic_input_delete)
+      setImageTintList(ColorStateList.valueOf(Color.BLACK))
       setOnClickListener { onKeyPress(key) }
     }
   }
   fun updateButtonColors(color: Int) {
-    keyboardColor = color
+    specialButtonColor = color
     for (i in 0 until childCount) {
       val child = getChildAt(i)
       if (child is Button) {
@@ -152,22 +151,22 @@ class CustomKeyboardView(context: ThemedReactContext, private val editText: Calc
             child.background = GradientDrawable().apply {
               shape = GradientDrawable.RECTANGLE
               cornerRadius = 24f
-              setColor(keyboardColor)
+              setColor(specialButtonColor)
             }
           } else {
             child.background = GradientDrawable().apply {
               shape = GradientDrawable.RECTANGLE
               cornerRadius = 24f
-              setColor(ColorUtils.setAlphaComponent(keyboardColor, 128))
+              setColor(specialButtonColor)
             }
           }
-          child.setTextColor(Color.WHITE)
+          child.setTextColor(Color.BLACK)
         }
       } else if (child is ImageButton) {
         child.background = GradientDrawable().apply {
           shape = GradientDrawable.RECTANGLE
           cornerRadius = 24f
-          setColor(ColorUtils.setAlphaComponent(keyboardColor, 128))
+          setColor(specialButtonColor)
         }
       }
     }
@@ -188,6 +187,7 @@ class CustomKeyboardView(context: ThemedReactContext, private val editText: Calc
       }
       "×", "+", "-", "÷" -> keyDidPress(" $key ")
       else -> {
         editText.text?.insert(editText.selectionStart, key)
       }

package/android/src/main/java/com/calculatorkeyboard/RCTInputCalculator.kt CHANGED Viewed

@@ -2,24 +2,35 @@ package com.calculatorkeyboard
 import android.annotation.SuppressLint
 import android.app.Activity
-import android.graphics.Color
+import android.graphics.PixelFormat
+import android.graphics.drawable.ColorDrawable
+import android.view.Gravity
 import android.view.KeyEvent
 import android.view.View
-import android.view.ViewGroup
+import android.view.WindowInsets
 import android.view.WindowManager
-import android.view.inputmethod.InputMethodManager
+import android.widget.PopupWindow
 import androidx.constraintlayout.widget.ConstraintLayout
+import androidx.core.graphics.toColorInt
+import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.bridge.UiThreadUtil
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.annotations.ReactProp
 import com.facebook.react.views.textinput.ReactEditText
 import com.facebook.react.views.textinput.ReactTextInputManager
+import androidx.core.graphics.drawable.toDrawable
+import androidx.core.view.ViewCompat
+import androidx.core.view.WindowInsetsCompat
+import com.facebook.react.uimanager.PixelUtil.dpToPx
 class RCTInputCalculator : ReactTextInputManager() {
-  private var layout: ConstraintLayout? = null
   private var keyboardView: CustomKeyboardView? = null
-  private var calculatorHeight = 0
+  private var calculatorHeight: Int = 290.dpToPx().toInt()
+  private var popup: PopupWindow? = null
+  private val animationDuration = 250L
+  private lateinit var editText: CalculatorEditText
   override fun getName() = REACT_CLASS
@@ -29,64 +40,38 @@ class RCTInputCalculator : ReactTextInputManager() {
   @ReactProp(name = "value")
   fun setValue(view: ReactEditText, value: String?) {
-    view.setText(value)
+//    view.setText(value)
   }
   @ReactProp(name = "keyboardColor")
   fun setKeyboardColor(view: ReactEditText, color: String) {
-    keyboardView?.updateButtonColors(Color.parseColor(color))
+    keyboardView?.updateButtonColors(color.toColorInt())
   }
+  @SuppressLint("ClickableViewAccessibility")
   override fun createViewInstance(context: ThemedReactContext): ReactEditText {
-    val editText = CalculatorEditText(context)
-    layout = ConstraintLayout(context)
-    keyboardView = CustomKeyboardView(context, editText)
-    keyboardView?.setBackgroundColor(Color.parseColor("#f2f2f6"))
-    val displayMetrics = context.currentActivity!!.resources.displayMetrics
-    val screenHeight = displayMetrics.heightPixels
-    calculatorHeight = (displayMetrics.widthPixels * 0.675).toInt()
-    val lParams = ConstraintLayout.LayoutParams(
-      ConstraintLayout.LayoutParams.MATCH_PARENT,
-      ConstraintLayout.LayoutParams.WRAP_CONTENT
-    ).apply {
-      height = calculatorHeight
-      bottomToBottom = ConstraintLayout.LayoutParams.PARENT_ID
-      setMargins(0, screenHeight - calculatorHeight, 0, 0)
-    }
-    if (context.currentActivity != null) {
-      (layout as ConstraintLayout).addView(keyboardView, lParams)
+    editText = CalculatorEditText(context).apply {
+      showSoftInputOnFocus = false
     }
-    editText.setOnClickListener { v: View ->
-      UiThreadUtil.runOnUiThread {
-        (context.getSystemService(Activity.INPUT_METHOD_SERVICE) as InputMethodManager).hideSoftInputFromWindow(
-          v.windowToken,
-          0
-        )
-        editText.setShowSoftInputOnFocus(false)
-        if (!editText.isFocused) {
-          editText.requestFocusFromJS()
-        }
-      }
+    keyboardView = CustomKeyboardView(context, editText).apply {
+      setBackgroundColor("#f2f2f6".toColorInt())
+      elevation = 24f
     }
     editText.onFocusListener = object : CalculatorEditText.OnFocusChangeListener {
       override fun onFocusChange(view: CalculatorEditText, hasFocus: Boolean) {
         UiThreadUtil.runOnUiThread {
           if (hasFocus) {
-            addContentView(context)
+            showKeyboardPopup(view)
           } else {
-            removeContentView(context)
+            hideKeyboardPopup()
           }
-          view.setOnKeyListener { view, keyCode, _ ->
+          view.setOnKeyListener { v, keyCode, _ ->
             if (keyCode == KeyEvent.KEYCODE_BACK && hasFocus) {
-              view.isFocusable = false
-              view.clearFocus()
-              return@setOnKeyListener true
-            }
-            false
+              v.clearFocus()
+              true
+            } else false
           }
         }
       }
@@ -95,34 +80,87 @@ class RCTInputCalculator : ReactTextInputManager() {
     return editText
   }
-  private fun addContentView(context: ThemedReactContext) {
-    if (layout!!.parent == null) {
-      context.currentActivity!!.window.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN)
-      layout!!.y = calculatorHeight.toFloat()
-      context.currentActivity!!.addContentView(
-        layout,
-        ViewGroup.LayoutParams(
-          ViewGroup.LayoutParams.MATCH_PARENT,
-          ViewGroup.LayoutParams.MATCH_PARENT
-        )
-      )
-      layout!!.animate().translationY(0f).setDuration(250)
+  override fun getCommandsMap(): Map<String, Int> {
+    return mapOf(
+      "blur" to 1,
+      "focus" to 2
+    )
+  }
+  override fun receiveCommand(reactEditText: ReactEditText, commandId: Int, args: ReadableArray?) {
+    when (commandId) {
+      1 -> blur()
+      2 -> focus()
     }
   }
-  private fun removeContentView(context: ThemedReactContext) {
-    if (layout!!.parent != null) {
-      layout!!.y = 0f
-      layout!!.animate().translationY(calculatorHeight.toFloat()).setDuration(250).withEndAction {
-        context.currentActivity!!.window
-          .setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE)
-        if (layout!!.parent != null) {
-          (layout!!.parent as ViewGroup).removeView(layout)
-        }
+  private fun ensurePopup() {
+    if (popup != null) return
+    val content = keyboardView ?: return
+    popup = PopupWindow(
+      content,
+      WindowManager.LayoutParams.MATCH_PARENT,
+      calculatorHeight + bottomInsetFrom(editText.rootView),
+      false
+    ).apply {
+      setBackgroundDrawable(android.graphics.Color.TRANSPARENT.toDrawable())
+      isOutsideTouchable = false
+      isClippingEnabled = false
+      softInputMode = WindowManager.LayoutParams.SOFT_INPUT_ADJUST_NOTHING
+      inputMethodMode = PopupWindow.INPUT_METHOD_NOT_NEEDED
+    }
+  }
+  private fun bottomInsetFrom(view: View): Int {
+    val insets = ViewCompat.getRootWindowInsets(view) ?: return 0
+    val mask = WindowInsetsCompat.Type.navigationBars() or WindowInsetsCompat.Type.displayCutout()
+    return insets.getInsets(mask).bottom
+  }
+  private fun showKeyboardPopup(anchor: View) {
+    ensurePopup()
+    val p = popup ?: return
+    if (p.isShowing) return
+    val root = keyboardView ?: return
+    root.translationY = calculatorHeight.toFloat()
+    p.showAtLocation(anchor.rootView, Gravity.BOTTOM or Gravity.START, 0, 0)
+    root.animate()
+      ?.translationY(0f)
+      ?.setDuration(animationDuration)
+      ?.start()
+  }
+  private fun hideKeyboardPopup() {
+    val p = popup ?: return
+    if (!p.isShowing) return
+    val root = keyboardView ?: return
+    root.animate()
+      .translationY(calculatorHeight.toFloat())
+      .setDuration(animationDuration)
+      .withEndAction {
+        try {
+          if (p.isShowing) p.dismiss()
+        } catch (_: Throwable) { }
       }
+      .start()
+    popup = null
+  }
+  private fun focus() {
+    UiThreadUtil.runOnUiThread {
+      if (!editText.isFocused) editText.requestFocus()
     }
   }
+  private fun blur() {
+    UiThreadUtil.runOnUiThread {
+      if (editText.isFocused) editText.clearFocus()
+    }
+  }
 }

package/ios/CalculatorKeyboardView.swift CHANGED Viewed

@@ -30,7 +30,7 @@ class CalculatorKeyboardView: UIView {
     self.setup(color)
   }
-  private func setup(_ color: UIColor = UIColor(hex: "#d9d9d9")) {
+  private func setup(_ color: UIColor = UIColor(hex: "#d8d8d8")) {
     self.subviews.forEach { $0.removeFromSuperview() }
     backgroundColor = UIColor(hex: "#f2f2f6")
@@ -77,15 +77,12 @@ class CalculatorKeyboardView: UIView {
           button.setTitle("", for: .normal)
           let image = UIImage(systemName: "delete.backward", withConfiguration: UIImage.SymbolConfiguration(weight: .bold))
           button.setImage(image, for: .normal)
-          button.tintColor = .white
+          button.tintColor = .black
         }
         if specialKeys.contains(key) {
-          button.setTitleColor(.white, for: .normal)
-          button.backgroundColor = color.withAlphaComponent(0.5)
-          if key == "=" {
-            button.backgroundColor = color
-          }
+          button.setTitleColor(.black, for: .normal)
+          button.backgroundColor = color
         }
         button.addTarget(self, action: #selector(keyPressed(_:)), for: .touchUpInside)

package/ios/InputCalculator.swift CHANGED Viewed

@@ -29,14 +29,18 @@ class InputCalculator: RCTSinglelineTextInputView {
     super.init(bridge: bridge)
     self.bridge = bridge
     self.keyboardView = CalculatorKeyboardView()
-    self.keyboardView!.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: 290)
+    self.keyboardView!.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: 290 + getbottomInset())
     self.keyboardView!.input = self
     backedTextInputView.inputView = self.keyboardView
     backedTextInputView.inputView?.reloadInputViews()
   }
+    func getbottomInset() -> CGFloat {
+      let window = UIApplication.shared.windows.first?.rootViewController?.view
+      let bottom = (window?.safeAreaInsets.bottom ?? 0) > 0 ? 21 : 0
+      return CGFloat(bottom)
+    }
   func keyDidPress(_ key: String) {
     backedTextInputView.insertText(key)
     value += key
@@ -87,7 +91,6 @@ class InputCalculator: RCTSinglelineTextInputView {
         value = result.stringValue
         if let bridge = bridge {
           bridge.eventDispatcher().sendTextEvent(with: .change, reactTag: reactTag, text: value, key: "=", eventCount: 1)
-          textField.reactBlur()
         }
       }
     }

package/package.json CHANGED Viewed

@@ -1,189 +1,185 @@
 {
-  "name": "@momo-kits/calculator-keyboard",
-  "version": "0.112.1-rn76.9",
-  "description": "react native calculator keyboard",
-  "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"
-      }
-    }
-  },
-  "files": [
-    "src",
-    "lib",
-    "android",
-    "ios",
-    "cpp",
-    "*.podspec",
-    "react-native.config.js",
-    "!ios/build",
-    "!android/build",
-    "!android/gradle",
-    "!android/gradlew",
-    "!android/gradlew.bat",
-    "!android/local.properties",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__",
-    "!**/.*"
-  ],
-  "scripts": {
-    "example": "yarn workspace react-native-calculator-keyboard-example",
-    "test": "jest",
-    "typecheck": "tsc",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
-    "prepare": "bob build",
-    "release": "release-it"
-  },
-  "keywords": [
-    "react-native",
-    "ios",
-    "android"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/wem2017/react-native-calculator-keyboard.git/react-native-calculator-keyboard.git"
-  },
-  "author": "Dũng (Wem) <huynh.developer@gmail.com> (https://github.com/wem2017/react-native-calculator-keyboard.git)",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/wem2017/react-native-calculator-keyboard.git/react-native-calculator-keyboard/issues"
-  },
-  "homepage": "https://github.com/wem2017/react-native-calculator-keyboard.git/react-native-calculator-keyboard#readme",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "devDependencies": {
-    "@commitlint/config-conventional": "^17.0.2",
-    "@evilmartians/lefthook": "^1.5.0",
-    "@react-native-community/cli": "15.0.1",
-    "@react-native/eslint-config": "^0.73.1",
-    "@release-it/conventional-changelog": "^9.0.2",
-    "@types/jest": "^29.5.5",
-    "@types/react": "^18.2.44",
-    "commitlint": "^17.0.2",
-    "del-cli": "^5.1.0",
-    "eslint": "^8.51.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.1",
-    "jest": "^29.7.0",
-    "prettier": "^3.0.3",
-    "react": "18.3.1",
-    "react-native": "0.76.5",
-    "react-native-builder-bob": "^0.32.0",
-    "release-it": "^17.10.0",
-    "turbo": "^1.10.7",
-    "typescript": "^5.2.2"
-  },
-  "resolutions": {
-    "@types/react": "^18.2.44"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
-  },
-  "workspaces": [
-    "example"
-  ],
-  "packageManager": "yarn@3.6.1",
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
-    },
-    "npm": {
-      "publish": true
+    "name": "@momo-kits/calculator-keyboard",
+    "version": "0.112.1-rn80.2",
+    "description": "react native calculator keyboard",
+    "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"
+            }
+        }
     },
-    "github": {
-      "release": true
+    "files": [
+        "src",
+        "lib",
+        "android",
+        "ios",
+        "cpp",
+        "*.podspec",
+        "react-native.config.js",
+        "!ios/build",
+        "!android/build",
+        "!android/gradle",
+        "!android/gradlew",
+        "!android/gradlew.bat",
+        "!android/local.properties",
+        "!**/__tests__",
+        "!**/__fixtures__",
+        "!**/__mocks__",
+        "!**/.*"
+    ],
+    "scripts": {
+        "test": "jest",
+        "typecheck": "tsc",
+        "lint": "eslint \"**/*.{js,ts,tsx}\"",
+        "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+        "build": "bob build",
+        "release": "release-it"
     },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular"
-      }
-    }
-  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@react-native",
-      "prettier"
+    "keywords": [
+        "react-native",
+        "ios",
+        "android"
     ],
-    "rules": {
-      "react/react-in-jsx-scope": "off",
-      "prettier/prettier": [
-        "error",
-        {
-          "quoteProps": "consistent",
-          "singleQuote": true,
-          "tabWidth": 2,
-          "trailingComma": "es5",
-          "useTabs": false
-        }
-      ]
-    }
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "lib/"
-  ],
-  "prettier": {
-    "quoteProps": "consistent",
-    "singleQuote": true,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "useTabs": false
-  },
-  "react-native-builder-bob": {
-    "source": "src",
-    "output": "lib",
-    "targets": [
-      [
-        "commonjs",
-        {
-          "esm": true
-        }
-      ],
-      [
-        "module",
-        {
-          "esm": true
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/wem2017/react-native-calculator-keyboard.git/react-native-calculator-keyboard.git"
+    },
+    "author": "Dũng (Wem) <huynh.developer@gmail.com> (https://github.com/wem2017/react-native-calculator-keyboard.git)",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/wem2017/react-native-calculator-keyboard.git/react-native-calculator-keyboard/issues"
+    },
+    "homepage": "https://github.com/wem2017/react-native-calculator-keyboard.git/react-native-calculator-keyboard#readme",
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org/"
+    },
+    "devDependencies": {
+        "@commitlint/config-conventional": "^17.0.2",
+        "@evilmartians/lefthook": "^1.5.0",
+        "@react-native-community/cli": "15.0.1",
+        "@react-native/eslint-config": "^0.73.1",
+        "@release-it/conventional-changelog": "^9.0.2",
+        "@types/jest": "^29.5.5",
+        "@types/react": "^18.2.44",
+        "commitlint": "^17.0.2",
+        "del-cli": "^5.1.0",
+        "eslint": "^8.51.0",
+        "eslint-config-prettier": "^9.0.0",
+        "eslint-plugin-prettier": "^5.0.1",
+        "jest": "^29.7.0",
+        "prettier": "^3.0.3",
+        "react": "18.3.1",
+        "react-native": "0.76.5",
+        "react-native-builder-bob": "^0.32.0",
+        "release-it": "^17.10.0",
+        "turbo": "^1.10.7",
+        "typescript": "^5.2.2"
+    },
+    "resolutions": {
+        "@types/react": "^18.2.44"
+    },
+    "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+    },
+    "jest": {
+        "preset": "react-native",
+        "modulePathIgnorePatterns": [
+            "<rootDir>/example/node_modules",
+            "<rootDir>/lib/"
+        ]
+    },
+    "commitlint": {
+        "extends": [
+            "@commitlint/config-conventional"
+        ]
+    },
+    "release-it": {
+        "git": {
+            "commitMessage": "chore: release ${version}",
+            "tagName": "v${version}"
+        },
+        "npm": {
+            "publish": true
+        },
+        "github": {
+            "release": true
+        },
+        "plugins": {
+            "@release-it/conventional-changelog": {
+                "preset": "angular"
+            }
         }
-      ],
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json",
-          "esm": true
+    },
+    "eslintConfig": {
+        "root": true,
+        "extends": [
+            "@react-native",
+            "prettier"
+        ],
+        "rules": {
+            "react/react-in-jsx-scope": "off",
+            "prettier/prettier": [
+                "error",
+                {
+                    "quoteProps": "consistent",
+                    "singleQuote": true,
+                    "tabWidth": 2,
+                    "trailingComma": "es5",
+                    "useTabs": false
+                }
+            ]
         }
-      ]
-    ]
-  },
-  "create-react-native-library": {
-    "type": "legacy-view",
-    "languages": "kotlin-swift",
-    "version": "0.45.5"
-  }
-}
+    },
+    "eslintIgnore": [
+        "node_modules/",
+        "lib/"
+    ],
+    "prettier": {
+        "quoteProps": "consistent",
+        "singleQuote": true,
+        "tabWidth": 2,
+        "trailingComma": "es5",
+        "useTabs": false
+    },
+    "react-native-builder-bob": {
+        "source": "src",
+        "output": "lib",
+        "targets": [
+            [
+                "commonjs",
+                {
+                    "esm": true
+                }
+            ],
+            [
+                "module",
+                {
+                    "esm": true
+                }
+            ],
+            [
+                "typescript",
+                {
+                    "project": "tsconfig.build.json",
+                    "esm": true
+                }
+            ]
+        ]
+    },
+    "create-react-native-library": {
+        "type": "legacy-view",
+        "languages": "kotlin-swift",
+        "version": "0.45.5"
+    },
+    "dependencies": {}
+}