@momo-kits/calculator-keyboard 0.112.1-rn76.6 → 0.112.1-rn76.61

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2024 Dũng (Wem)
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,33 @@
+# react-native-calculator-keyboard
+
+react native calculator keyboard
+
+## Installation
+
+```sh
+npm install react-native-calculator-keyboard
+```
+
+## Usage
+
+
+```js
+import { CalculatorKeyboardView } from "react-native-calculator-keyboard";
+
+// ...
+
+<CalculatorKeyboardView color="tomato" />
+```
+
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/android/build.gradle

@@ -0,0 +1,101 @@
+buildscript {
+  // Buildscript is evaluated before everything else so we can't use getExtOrDefault
+  def kotlin_version = rootProject.ext.has("kotlinVersion") ? rootProject.ext.get("kotlinVersion") : project.properties["CalculatorKeyboard_kotlinVersion"]
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:7.2.1"
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+  }
+}
+
+def reactNativeArchitectures() {
+  def value = rootProject.getProperties().get("reactNativeArchitectures")
+  return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"]
+}
+
+def isNewArchitectureEnabled() {
+  return rootProject.hasProperty("newArchEnabled") && rootProject.getProperty("newArchEnabled") == "true"
+}
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+
+if (isNewArchitectureEnabled()) {
+  apply plugin: "com.facebook.react"
+}
+
+def getExtOrDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties["CalculatorKeyboard_" + name]
+}
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["CalculatorKeyboard_" + name]).toInteger()
+}
+
+def supportsNamespace() {
+  def parsed = com.android.Version.ANDROID_GRADLE_PLUGIN_VERSION.tokenize('.')
+  def major = parsed[0].toInteger()
+  def minor = parsed[1].toInteger()
+
+  // Namespace support was added in 7.3.0
+  return (major == 7 && minor >= 3) || major >= 8
+}
+
+android {
+  if (supportsNamespace()) {
+    namespace "com.calculatorkeyboard"
+
+    sourceSets {
+      main {
+        manifest.srcFile "src/main/AndroidManifestNew.xml"
+      }
+    }
+  }
+
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+}
+
+def kotlin_version = getExtOrDefault("kotlinVersion")
+
+dependencies {
+  // For < 0.71, this will be from the local maven repo
+  // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
+  //noinspection GradleDynamicVersion
+  implementation "com.facebook.react:react-native:+"
+  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+  implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
+  implementation("org.mariuszgromada.math:MathParser.org-mXparser:5.2.1")
+}
+

package/android/gradle.properties

@@ -0,0 +1,5 @@
+CalculatorKeyboard_kotlinVersion=1.7.0
+CalculatorKeyboard_minSdkVersion=21
+CalculatorKeyboard_targetSdkVersion=31
+CalculatorKeyboard_compileSdkVersion=31
+CalculatorKeyboard_ndkversion=21.4.7075529

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,3 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.calculatorkeyboard">
+</manifest>

package/android/src/main/AndroidManifestNew.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/java/com/calculatorkeyboard/CalculatorKeyboardPackage.kt

@@ -0,0 +1,17 @@
+package com.calculatorkeyboard
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+
+class CalculatorKeyboardPackage : ReactPackage {
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return emptyList()
+  }
+
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(RCTInputCalculator())
+  }
+}

package/android/src/main/java/com/calculatorkeyboard/CustomEditText.kt

@@ -0,0 +1,28 @@
+package com.calculatorkeyboard
+
+import android.content.Context
+import android.graphics.Rect
+import com.facebook.react.views.textinput.ReactEditText
+
+class CalculatorEditText(context: Context) : ReactEditText(context) {
+  var onFocusListener: OnFocusChangeListener? = null
+
+  override fun requestFocus(direction: Int, previouslyFocusedRect: Rect?): Boolean {
+    if (isFocused) {
+      return true
+    }
+    isFocusable = true
+    isFocusableInTouchMode = true
+    return super.requestFocus(direction, previouslyFocusedRect)
+  }
+
+  override fun onFocusChanged(focused: Boolean, direction: Int, previouslyFocusedRect: Rect?) {
+    super.onFocusChanged(focused, direction, previouslyFocusedRect)
+    onFocusListener?.onFocusChange(this, isFocused)
+  }
+
+
+  interface OnFocusChangeListener {
+    fun onFocusChange(view: CalculatorEditText, hasFocus: Boolean)
+  }
+}

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

@@ -0,0 +1,242 @@
+package com.calculatorkeyboard
+
+import android.annotation.SuppressLint
+import android.graphics.Color
+import android.graphics.drawable.GradientDrawable
+import android.view.Gravity
+import android.widget.Button
+import android.widget.ImageButton
+import androidx.appcompat.app.AppCompatActivity
+import androidx.constraintlayout.widget.ConstraintLayout
+import androidx.core.graphics.ColorUtils
+import com.facebook.react.uimanager.ThemedReactContext
+import org.mariuszgromada.math.mxparser.Expression
+
+
+@SuppressLint("SetTextI18n", "ViewConstructor")
+class CustomKeyboardView(context: ThemedReactContext, private val editText: CalculatorEditText) :
+  ConstraintLayout(context) {
+  private val keys = listOf(
+    listOf("AC", "÷", "×", "back"),
+    listOf("7", "8", "9", "-"),
+    listOf("4", "5", "6", "+"),
+    listOf("1", "2", "3", "="),
+    listOf("000", "0")
+  )
+  private val specialKeys = listOf("=", "-", "×", "÷", "AC", "back", "+")
+  private val separatorWidth = 8f
+  private var keyboardColor: Int = Color.parseColor("#F7ACD5")
+
+  init {
+    val activity = context.currentActivity as? AppCompatActivity
+    if (activity != null) {
+      val displayMetrics = resources.displayMetrics
+      val widthButton = (displayMetrics.widthPixels - separatorWidth * 2 - 3 * separatorWidth) / 4f
+
+      renderUI(widthButton)
+    }
+
+  }
+
+  private fun renderUI(buttonWidth: Float) {
+    val buttonHeight = buttonWidth / 2
+    var yOffset = separatorWidth
+    for ((_, row) in keys.withIndex()) {
+      var xOffset = separatorWidth
+      for ((_, key) in row.withIndex()) {
+        val width = if (key == "000") buttonWidth * 2 + separatorWidth else buttonWidth
+        val height = if (key == "=") buttonWidth + separatorWidth else buttonHeight
+
+        val button = if (key == "back") {
+          createImageButton(key, xOffset, yOffset, buttonWidth.toInt(), buttonHeight.toInt())
+        } else {
+          createButton(key, xOffset, yOffset, width.toInt(), height.toInt())
+        }
+
+        addView(button)
+
+        xOffset += width + separatorWidth
+      }
+      yOffset += buttonHeight + separatorWidth
+    }
+  }
+
+  private fun createButton(
+    key: String,
+    xOffset: Float,
+    yOffset: Float,
+    buttonWidth: Int,
+    buttonHeight: Int,
+  ): Button {
+    val specialKeys = listOf("=", "-", "×", "÷", "AC", "back", "+")
+    return Button(context).apply {
+      val shapeInit = GradientDrawable().apply {
+        shape = GradientDrawable.RECTANGLE
+        cornerRadius = 24f
+        setColor(Color.WHITE)
+        setBackgroundColor(Color.WHITE)
+      }
+      gravity = Gravity.CENTER
+      background = shapeInit
+      text = key
+      setTypeface(typeface)
+      textSize = 24.toFloat()
+      setTextColor(Color.BLACK)
+      stateListAnimator = null
+      layoutParams = LayoutParams(
+        buttonWidth,
+        buttonHeight
+      ).apply {
+        constrainedWidth = false
+      }
+
+      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"))
+        }
+        setTextColor(Color.WHITE)
+      }
+
+
+      translationX = xOffset.toInt().toFloat()
+      translationY = yOffset.toInt().toFloat()
+      setOnClickListener { onKeyPress(key) }
+    }
+  }
+
+  private fun createImageButton(
+    key: String,
+    xOffset: Float,
+    yOffset: Float,
+    buttonWidth: Int,
+    buttonHeight: Int,
+  ): ImageButton {
+    return ImageButton(context).apply {
+      val shapeInit = GradientDrawable().apply {
+        shape = GradientDrawable.RECTANGLE
+        cornerRadius = 24f
+        setColor(Color.parseColor("#F7ACD5"))
+      }
+      background = shapeInit
+      stateListAnimator = null
+      layoutParams = LayoutParams(
+        buttonWidth,
+        buttonHeight
+      ).apply {
+        constrainedWidth = false
+      }
+      translationX = xOffset
+      translationY = yOffset
+      setImageResource(android.R.drawable.ic_input_delete)
+      setOnClickListener { onKeyPress(key) }
+    }
+  }
+
+  fun updateButtonColors(color: Int) {
+    keyboardColor = color
+    for (i in 0 until childCount) {
+      val child = getChildAt(i)
+      if (child is Button) {
+        val key = child.text.toString()
+        if (specialKeys.contains(key)) {
+          if (key == "=") {
+            child.background = GradientDrawable().apply {
+              shape = GradientDrawable.RECTANGLE
+              cornerRadius = 24f
+              setColor(keyboardColor)
+            }
+          } else {
+            child.background = GradientDrawable().apply {
+              shape = GradientDrawable.RECTANGLE
+              cornerRadius = 24f
+              setColor(ColorUtils.setAlphaComponent(keyboardColor, 128))
+            }
+          }
+          child.setTextColor(Color.WHITE)
+        }
+      } else if (child is ImageButton) {
+        child.background = GradientDrawable().apply {
+          shape = GradientDrawable.RECTANGLE
+          cornerRadius = 24f
+          setColor(ColorUtils.setAlphaComponent(keyboardColor, 128))
+        }
+      }
+    }
+  }
+
+  private fun onKeyPress(key: String) {
+    when (key) {
+      "AC" -> {
+        clearText()
+      }
+
+      "back" -> {
+        onBackSpace()
+      }
+
+      "=" -> {
+        calculateResult()
+      }
+
+      "×", "+", "-", "÷" -> keyDidPress(" $key ")
+      else -> {
+        editText.text?.insert(editText.selectionStart, key)
+      }
+    }
+  }
+
+  private fun keyDidPress(key: String) {
+    println("Key pressed: $key")
+    editText.text?.replace(editText.selectionStart, editText.selectionEnd, key)
+  }
+
+  private fun clearText() {
+    editText.text?.clear()
+  }
+
+  private fun onBackSpace() {
+    val start = editText.selectionStart
+    val end = editText.selectionEnd
+    if (start > 0) {
+      val newText = end.let { editText.text?.replaceRange(start - 1, it, "") }
+      editText.setText(newText)
+      editText.setSelection(start - 1)
+    }
+  }
+
+  private fun calculateResult() {
+    val text = editText?.text.toString().replace("×", "*").replace("÷", "/")
+    val pattern = "^\\s*(-?\\d+(\\.\\d+)?\\s*[-+*/]\\s*)*-?\\d+(\\.\\d+)?\\s*$"
+    val regex = Regex(pattern)
+    if (regex.matches(text)) {
+      try {
+        val result = eval(text).toString()
+        editText.setTextKeepState(result)
+      } catch (e: Exception) {
+        e.printStackTrace()
+      }
+    } else {
+      println("Invalid expression")
+    }
+  }
+
+  private fun eval(str: String): Long? {
+    val e = Expression(str)
+    println("Expression: $e")
+    return if (e.checkSyntax()) {
+      e.calculate().toLong()
+    } else {
+      null
+    }
+  }
+
+}

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

@@ -0,0 +1,128 @@
+package com.calculatorkeyboard
+
+import android.annotation.SuppressLint
+import android.app.Activity
+import android.graphics.Color
+import android.view.KeyEvent
+import android.view.View
+import android.view.ViewGroup
+import android.view.WindowManager
+import android.view.inputmethod.InputMethodManager
+import androidx.constraintlayout.widget.ConstraintLayout
+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
+
+
+class RCTInputCalculator : ReactTextInputManager() {
+  private var layout: ConstraintLayout? = null
+  private var keyboardView: CustomKeyboardView? = null
+  private var calculatorHeight = 0
+
+  override fun getName() = REACT_CLASS
+
+  companion object {
+    const val REACT_CLASS = "RCTInputCalculator"
+  }
+
+  @ReactProp(name = "value")
+  fun setValue(view: ReactEditText, value: String?) {
+    view.setText(value)
+  }
+
+  @ReactProp(name = "keyboardColor")
+  fun setKeyboardColor(view: ReactEditText, color: String) {
+    keyboardView?.updateButtonColors(Color.parseColor(color))
+  }
+
+  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.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()
+        }
+      }
+    }
+
+    editText.onFocusListener = object : CalculatorEditText.OnFocusChangeListener {
+      override fun onFocusChange(view: CalculatorEditText, hasFocus: Boolean) {
+        UiThreadUtil.runOnUiThread {
+          if (hasFocus) {
+            addContentView(context)
+          } else {
+            removeContentView(context)
+          }
+          view.setOnKeyListener { view, keyCode, _ ->
+            if (keyCode == KeyEvent.KEYCODE_BACK && hasFocus) {
+              view.isFocusable = false
+              view.clearFocus()
+              return@setOnKeyListener true
+            }
+            false
+          }
+        }
+      }
+    }
+
+    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)
+    }
+  }
+
+  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)
+        }
+      }
+    }
+  }
+
+}
+