@momo-kits/calculator-keyboard 0.150.2-beta.15 → 0.150.2-beta.17

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

@@ -34,7 +34,7 @@ class CustomKeyboardView(
   private var customKeyButton: Button? = null
   private var customKeyButtonBackground: Int = "#D8D8D8".toColorInt()
   private var customKeyButtonTextColor: Int = Color.BLACK
-  private var customKeyButtonState: Int = 0
+  private var customKeyButtonState: String = "default"
 
   init {
     val activity = context.currentActivity as? AppCompatActivity
@@ -43,6 +43,12 @@ class CustomKeyboardView(
       val widthButton = (displayMetrics.widthPixels - separatorWidth * 2 - 4 * separatorWidth) / 5f
       val heightButton = (calculatorHeight - separatorWidth * 2 - 3 * separatorWidth) / 4
 
+      isClickable = false
+      isFocusable = false
+      isFocusableInTouchMode = false
+      clipToPadding = false
+      clipChildren = false
+
       renderUI(widthButton, heightButton)
     }
 
@@ -113,6 +119,9 @@ class CustomKeyboardView(
         setTextColor(Color.BLACK)
       }
 
+      isClickable = true
+      isFocusable = false
+      isFocusableInTouchMode = false
 
       translationX = xOffset.toInt().toFloat()
       translationY = yOffset.toInt().toFloat()
@@ -141,6 +150,11 @@ class CustomKeyboardView(
       ).apply {
         constrainedWidth = false
       }
+
+      isClickable = true
+      isFocusable = false
+      isFocusableInTouchMode = false
+
       translationX = xOffset
       translationY = yOffset
       setImageResource(android.R.drawable.ic_input_delete)
@@ -267,22 +281,21 @@ class CustomKeyboardView(
   }
 
 
-  fun setCustomKeyState(state: Int) {
+  fun setCustomKeyState(state: String) {
     customKeyButtonState = state
-    customKeyButton?.isEnabled = state == 0
+    customKeyButton?.isEnabled = state != "disable"
     updateCustomKeyUI(customKeyButtonBackground, customKeyButtonTextColor, state)
   }
 
-  private fun updateCustomKeyUI(background: Int, textColor: Int, state: Int){
-    val backgroundColor = if(state == 1) "#EBEBF2".toColorInt() else background
-    val textColor = if (state == 1) Color.WHITE else textColor
+  private fun updateCustomKeyUI(background: Int, textColor: Int, state: String){
 
     customKeyButton?.background = GradientDrawable().apply {
       shape = GradientDrawable.RECTANGLE
       cornerRadius = 24f
-      setColor(backgroundColor)
+      setColor(background)
     }
     customKeyButton?.setTextColor(textColor)
   }
 
+
 }

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

@@ -0,0 +1,232 @@
+package com.calculatorkeyboard
+
+import android.annotation.SuppressLint
+import android.app.Activity
+import android.content.Context
+import android.content.ContextWrapper
+import android.util.Log
+import android.view.Gravity
+import android.view.MotionEvent
+import android.view.View
+import android.view.ViewGroup
+import android.widget.FrameLayout
+import androidx.core.view.ViewCompat
+import androidx.core.view.WindowInsetsCompat
+import androidx.core.view.doOnLayout
+import androidx.core.view.updatePadding
+import java.lang.ref.WeakReference
+import androidx.core.view.isNotEmpty
+
+internal class KeyboardOverlayHost {
+
+    private val tag = "KeyboardOverlayHost"
+
+    private var localRootRef: WeakReference<ViewGroup>? = null
+    private var containerRef: WeakReference<FrameLayout>? = null
+    private var paddingTargetRef: WeakReference<View>? = null
+
+    private var originalBottomPadding: Int = 0
+    private var isShowing = false
+
+    private class OverlayContainer(ctx: Context) : FrameLayout(ctx) {
+        override fun onInterceptTouchEvent(ev: MotionEvent): Boolean = false
+    }
+
+    fun show(anchorView: View, keyboardView: View, heightPx: Int) {
+        val localRoot = findLocalRoot(anchorView) ?: run {
+            Log.w(tag, "show: cannot find local root from anchorView")
+            return
+        }
+        val container = ensureContainer(localRoot, anchorView.context) ?: return
+
+        val paddingTarget = findPaddingTargetWithin(anchorView, localRoot)
+        paddingTargetRef = WeakReference(paddingTarget)
+        localRootRef = WeakReference(localRoot)
+
+        val bottomInset = (ViewCompat.getRootWindowInsets(container)
+            ?.getInsets(WindowInsetsCompat.Type.systemBars())?.bottom) ?: 0
+
+        val lp = FrameLayout.LayoutParams(
+            ViewGroup.LayoutParams.MATCH_PARENT,
+            heightPx + bottomInset
+        ).apply { gravity = Gravity.BOTTOM }
+
+        if (keyboardView.parent !== container) {
+            container.removeAllViews()
+            container.addView(keyboardView, lp)
+        } else {
+            keyboardView.layoutParams = lp
+        }
+
+        keyboardView.isClickable = true
+        keyboardView.isFocusable = false
+        keyboardView.isFocusableInTouchMode = false
+        keyboardView.visibility = View.VISIBLE
+
+        if (!isShowing) originalBottomPadding = paddingTarget.paddingBottom
+        paddingTarget.updatePadding(bottom = heightPx)
+
+        container.visibility = View.VISIBLE
+        container.bringToFront()
+        container.translationZ = 10000f
+        container.elevation = 10000f
+        localRoot.post { container.bringToFront() }
+
+        keyboardView.animate().cancel()
+        keyboardView.post {
+            container.bringToFront()
+            keyboardView.doOnLayout { child ->
+                val h = child.height.takeIf { it > 0 } ?: heightPx
+                child.translationY = h.toFloat()
+                child.animate()
+                    .translationY(0f)
+                    .setDuration(250L)
+                    .withStartAction {
+                        isShowing = true
+                        child.setLayerType(View.LAYER_TYPE_HARDWARE, null)
+                        container.bringToFront()
+                    }
+                    .withEndAction {
+                        child.setLayerType(View.LAYER_TYPE_NONE, null)
+                    }
+                    .start()
+            }
+        }
+    }
+
+    fun hide() {
+        val container = containerRef?.get() ?: return
+        val localRoot = localRootRef?.get() ?: return
+        val paddingTarget = paddingTargetRef?.get() ?: localRoot
+
+        val child = if (container.isNotEmpty())
+            container.getChildAt(container.childCount - 1) else null
+
+        if (child == null) {
+            paddingTarget.updatePadding(bottom = originalBottomPadding)
+            isShowing = false
+            return
+        }
+
+        child.animate().cancel()
+        val h = child.height.takeIf { it > 0 } ?: (child.measuredHeight.takeIf { it > 0 } ?: 0)
+        if (h == 0) {
+            container.removeAllViews()
+            paddingTarget.updatePadding(bottom = originalBottomPadding)
+            isShowing = false
+            return
+        }
+
+        child.animate()
+            .translationY(h.toFloat())
+            .setDuration(250L)
+            .withEndAction {
+                container.removeAllViews()
+                paddingTarget.updatePadding(bottom = originalBottomPadding)
+                isShowing = false
+            }
+            .start()
+    }
+
+    fun detach() {
+        containerRef?.get()?.let { (it.parent as? ViewGroup)?.removeView(it) }
+        containerRef = null
+        localRootRef = null
+        paddingTargetRef = null
+        isShowing = false
+        originalBottomPadding = 0
+    }
+
+    private fun findLocalRoot(anchor: View): ViewGroup? {
+        var cur: View? = anchor
+
+        while (cur != null) {
+            if (cur is ViewGroup && isReactRoot(cur)) {
+                return cur
+            }
+
+            val parent = cur.parent
+            if (parent is ViewGroup) {
+                val parentName = parent::class.java.simpleName
+                if (parentName.contains("FragmentContainerView")) {
+                    return (cur as? ViewGroup) ?: parent
+                }
+            }
+
+            cur = (cur.parent as? View)
+        }
+
+        return (anchor.rootView as? ViewGroup)
+    }
+
+    private fun isReactRoot(v: View): Boolean {
+        val n = v::class.java.simpleName
+        return n.contains("ReactRootView") ||
+                n.contains("RNGestureHandlerEnabledRootView") ||
+                (n.contains("React") && n.contains("Root"))
+    }
+
+    @SuppressLint("ClickableViewAccessibility")
+    private fun ensureContainer(localRoot: ViewGroup, ctx: Context): FrameLayout? {
+        var container = containerRef?.get()
+
+        if (container == null || container.parent !== localRoot) {
+            container?.let { (it.parent as? ViewGroup)?.removeView(it) }
+
+            container = OverlayContainer(ctx).apply {
+                layoutParams = ViewGroup.LayoutParams(
+                    ViewGroup.LayoutParams.MATCH_PARENT,
+                    ViewGroup.LayoutParams.MATCH_PARENT
+                )
+                isClickable = false
+                isFocusable = false
+                elevation = 10000f
+                translationZ = 10000f
+                visibility = View.VISIBLE
+            }
+
+            localRoot.addView(container)
+            container.bringToFront()
+            localRoot.requestLayout()
+            containerRef = WeakReference(container)
+        }
+
+        return container
+    }
+
+    private fun findPaddingTargetWithin(anchor: View, localRoot: ViewGroup): View {
+        fun dfs(g: ViewGroup): View? {
+            if (isReactRoot(g)) return g
+            for (i in 0 until g.childCount) {
+                val c = g.getChildAt(i)
+                if (c is ViewGroup) {
+                    val hit = dfs(c)
+                    if (hit != null) return hit
+                } else if (isReactRoot(c)) {
+                    return c
+                }
+            }
+            return null
+        }
+
+        dfs(localRoot)?.let { return it }
+
+        var cur: View? = anchor
+        var last: View = anchor
+        while (cur != null && cur !== localRoot) {
+            last = cur
+            cur = (cur.parent as? View)
+        }
+        return last as? ViewGroup ?: localRoot
+    }
+
+    @Suppress("unused")
+    private fun findActivityFrom(view: View): Activity? {
+        var ctx: Context? = view.context
+        while (ctx is ContextWrapper) {
+            if (ctx is Activity) return ctx
+            ctx = ctx.baseContext
+        }
+        return null
+    }
+}

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

@@ -1,21 +1,11 @@
 package com.calculatorkeyboard
 
 import android.annotation.SuppressLint
-import android.app.Activity
 import android.content.Context
-import android.content.ContextWrapper
 import android.graphics.Color
-import android.view.Gravity
 import android.view.KeyEvent
-import android.view.View
-import android.view.WindowManager
-import android.view.animation.DecelerateInterpolator
 import android.view.inputmethod.InputMethodManager
-import android.widget.PopupWindow
-import androidx.core.graphics.Insets
-import androidx.core.graphics.drawable.toDrawable
 import androidx.core.graphics.toColorInt
-import androidx.core.view.OnApplyWindowInsetsListener
 import androidx.core.view.ViewCompat
 import androidx.core.view.WindowInsetsCompat
 import com.facebook.react.bridge.ReadableArray
@@ -29,16 +19,13 @@ import com.facebook.react.views.textinput.ReactTextInputManager
 class RCTInputCalculator : ReactTextInputManager() {
 
   private var keyboardView: CustomKeyboardView? = null
-  private var popup: PopupWindow? = null
-  private val animationDuration = 250L
-
   private lateinit var editText: CalculatorEditText
-
-  private var fakeImeListener: OnApplyWindowInsetsListener? = null
-  private var fakeImeAttachedTo: View? = null
-
   private lateinit var imm: InputMethodManager
 
+  private val overlayHost = KeyboardOverlayHost()
+
+  private var backListenerAttached = false
+  private var overlayShowing = false
 
   override fun getName() = REACT_CLASS
 
@@ -56,12 +43,8 @@ class RCTInputCalculator : ReactTextInputManager() {
 
       val wasFocused = view.hasFocus()
       val atEnd = wasFocused && view.selectionStart == e.length && view.selectionEnd == e.length
-
       e.replace(0, e.length, newText)
-
-      if (!wasFocused || atEnd) {
-        view.setSelection(newText.length)
-      }
+      if (!wasFocused || atEnd) view.setSelection(newText.length)
     }
   }
 
@@ -72,7 +55,7 @@ class RCTInputCalculator : ReactTextInputManager() {
 
   @ReactProp(name = "customKeyBackground")
   fun setCustomKeyBackground(view: ReactEditText, background: String?) {
-    keyboardView?.setCustomKeyBackground((background?: "#d8d8d8").toColorInt())
+    keyboardView?.setCustomKeyBackground((background ?: "#d8d8d8").toColorInt())
   }
 
   @ReactProp(name = "customKeyTextColor")
@@ -80,10 +63,9 @@ class RCTInputCalculator : ReactTextInputManager() {
     keyboardView?.setCustomKeyTextColor(textColor?.toColorInt() ?: Color.BLACK)
   }
 
-
   @ReactProp(name = "customKeyState")
-  fun setCustomKeyState(view: ReactEditText, state: Int?) {
-    keyboardView?.setCustomKeyState(state ?: 0)
+  fun setCustomKeyState(view: ReactEditText, state: String?) {
+    keyboardView?.setCustomKeyState(state ?: "default")
   }
 
   @ReactProp(name = "keyboardColor")
@@ -96,7 +78,29 @@ class RCTInputCalculator : ReactTextInputManager() {
     imm = context.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
 
     editText = CalculatorEditText(context).apply {
-      showSoftInputOnFocus = true
+      showSoftInputOnFocus = false
+      isFocusableInTouchMode = true
+      setOnTouchListener { v, event ->
+        if (event.action == android.view.MotionEvent.ACTION_DOWN) {
+          showSoftInputOnFocus = false
+          ViewCompat.getWindowInsetsController(this)?.hide(WindowInsetsCompat.Type.ime())
+          imm.hideSoftInputFromWindow(windowToken, 0)
+
+          if (!isFocused) requestFocus()
+
+          val kb = keyboardView
+          if (kb != null && !overlayShowing) {
+            overlayHost.show(
+              anchorView = this,
+              keyboardView = kb,
+              heightPx = calculatorHeight
+            )
+            overlayShowing = true
+          }
+          return@setOnTouchListener true
+        }
+        false
+      }
     }
 
     keyboardView = CustomKeyboardView(context, editText).apply {
@@ -104,19 +108,34 @@ class RCTInputCalculator : ReactTextInputManager() {
       elevation = 24f
     }
 
+    if (!backListenerAttached) {
+      editText.setOnKeyListener { v, keyCode, event ->
+        if (keyCode == KeyEvent.KEYCODE_BACK && event.action == KeyEvent.ACTION_UP && v.hasFocus()) {
+          v.clearFocus()
+          true
+        } else false
+      }
+      backListenerAttached = true
+    }
+
     editText.onFocusListener = object : CalculatorEditText.OnFocusChangeListener {
       override fun onFocusChange(view: CalculatorEditText, hasFocus: Boolean) {
         UiThreadUtil.runOnUiThread {
           if (hasFocus) {
-            showKeyboardPopup(view)
+            disableSystemImeFor(view)
+            if (!overlayShowing) {
+              val kb = keyboardView ?: return@runOnUiThread
+              overlayHost.show(
+                anchorView = view,
+                keyboardView = kb,
+                heightPx = calculatorHeight
+              )
+              overlayShowing = true
+            }
           } else {
-            hideKeyboardPopup()
-          }
-          view.setOnKeyListener { v, keyCode, _ ->
-            if (keyCode == KeyEvent.KEYCODE_BACK && hasFocus) {
-              v.clearFocus()
-              true
-            } else false
+            overlayHost.hide()
+            overlayShowing = false
+            enableSystemImeFor(view)
           }
         }
       }
@@ -125,128 +144,13 @@ class RCTInputCalculator : ReactTextInputManager() {
     return editText
   }
 
-  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()
-    }
-  }
-
-  override fun getExportedCustomBubblingEventTypeConstants(): MutableMap<String, Any> {
-    val base = super.getExportedCustomBubblingEventTypeConstants().toMutableMap()
-
-    base["onKeyPress"] = mapOf(
-      "phasedRegistrationNames" to mapOf(
-        "bubbled" to "onKeyPress"
-      )
-    )
-
-    return base
-  }
-
-  override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any> {
-    val base = super.getExportedCustomDirectEventTypeConstants().toMutableMap()
-    base["onCustomKeyEvent"] = mapOf("registrationName" to "onCustomKeyEvent")
-    return base
-  }
-
-  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
-
-    disableSystemImeFor(editText)
-
-    p.animationStyle = 0
-    p.height = calculatorHeight + bottomInsetFrom(anchor.rootView)
-    p.showAtLocation(anchor.rootView, Gravity.BOTTOM or Gravity.START, 0, 0)
-
-    val content = p.contentView
-
-    val h = content.height.takeIf { it > 0 } ?: p.height
-    content.translationY = h.toFloat()
-
-    content.post {
-      content.animate()
-        .translationY(0f)
-        .setDuration(animationDuration)
-        .setInterpolator(DecelerateInterpolator())
-        .withStartAction { content.setLayerType(View.LAYER_TYPE_HARDWARE, null) }
-        .withEndAction { content.setLayerType(View.LAYER_TYPE_NONE, null) }
-        .start()
-    }
-
-    content.post {
-      findActivityFrom(content)?.let { act ->
-        setFakeIme(act.window.decorView, true, calculatorHeight)
-      }
-    }
-  }
-
-  private fun hideKeyboardPopup() {
-    val p = popup ?: run {
-      enableSystemImeFor(editText, requestShow = false)
-      return
-    }
-    if (!p.isShowing) {
-      enableSystemImeFor(editText, requestShow = false)
-      popup = null
-      return
-    }
-    val content = p.contentView
-
-    content.animate().cancel()
-
-    val distance = (content.height.takeIf { it > 0 } ?: p.height).toFloat()
 
-    content.animate()
-      .translationY(distance)
-      .setDuration(animationDuration)
-      .setInterpolator(DecelerateInterpolator())
-      .withEndAction {
-        try { if (p.isShowing) p.dismiss() } catch (_: Throwable) {}
-        popup = null
-        content.translationY = 0f
-        content.setLayerType(View.LAYER_TYPE_NONE, null)
+  override fun onDropViewInstance(view: ReactEditText) {
+    super.onDropViewInstance(view)
+    overlayHost.hide()
+    overlayHost.detach()
+    overlayShowing = false
 
-        findActivityFrom(content)?.let { act ->
-          setFakeIme(act.window.decorView, false, 0)
-        }
-        enableSystemImeFor(editText, requestShow = false)
-
-      }
-      .start()
   }
 
   private fun disableSystemImeFor(v: ReactEditText) {
@@ -257,83 +161,37 @@ class RCTInputCalculator : ReactTextInputManager() {
     imm.hideSoftInputFromWindow(v.windowToken, 0)
   }
 
-
-  private fun enableSystemImeFor(v: ReactEditText, requestShow: Boolean) {
+  private fun enableSystemImeFor(v: ReactEditText) {
     v.showSoftInputOnFocus = true
-    if (requestShow && v.isFocused) {
-      v.post {
-        if (android.os.Build.VERSION.SDK_INT >= 30) {
-          ViewCompat.getWindowInsetsController(v)?.show(WindowInsetsCompat.Type.ime())
-        } else {
-          imm.showSoftInput(v, InputMethodManager.SHOW_IMPLICIT)
-        }
-      }
-    }
   }
 
-  private fun setFakeIme(rootView: View, show: Boolean, heightPx: Int) {
-    if (show) {
-      if (fakeImeListener != null && fakeImeAttachedTo === rootView) {
-        ViewCompat.requestApplyInsets(rootView)
-        return
-      }
-      fakeImeAttachedTo?.let { ViewCompat.setOnApplyWindowInsetsListener(it, null) }
-      fakeImeAttachedTo = rootView
-
-      val listener = OnApplyWindowInsetsListener { _, insets ->
-        val curBars = insets.getInsets(WindowInsetsCompat.Type.systemBars())
-        val newBarsBottom = maxOf(curBars.bottom, heightPx)
-
-        WindowInsetsCompat.Builder(insets)
-          .setInsets(WindowInsetsCompat.Type.ime(), Insets.of(0, 0, 0, heightPx))
-          .setVisible(WindowInsetsCompat.Type.ime(), true)
-          .setInsets(
-            WindowInsetsCompat.Type.systemBars(),
-            Insets.of(curBars.left, curBars.top, curBars.right, newBarsBottom)
-          )
-          .build()
-      }
-
-      fakeImeListener = listener
-      ViewCompat.setOnApplyWindowInsetsListener(rootView, listener)
-      ViewCompat.requestApplyInsets(rootView)
-    } else {
-      fakeImeAttachedTo?.let { ViewCompat.setOnApplyWindowInsetsListener(it, null) }
-      fakeImeListener = null
-      fakeImeAttachedTo = null
-
-      ViewCompat.requestApplyInsets(rootView)
+  override fun getCommandsMap(): Map<String, Int> = mapOf("blur" to 1, "focus" to 2)
 
-      if (android.os.Build.VERSION.SDK_INT >= 30) {
-        rootView.rootWindowInsets?.let { wi ->
-          rootView.dispatchApplyWindowInsets(wi)
-        }
-      }
+  override fun receiveCommand(reactEditText: ReactEditText, commandId: Int, args: ReadableArray?) {
+    when (commandId) {
+      1 -> blur()
+      2 -> focus()
     }
   }
 
-  private fun findActivityFrom(view: View): Activity? {
-    var ctx: Context? = view.context
-    if (ctx is ThemedReactContext) {
-      ctx.currentActivity?.let { return it }
-      ctx = ctx.baseContext
-    }
-    while (ctx is ContextWrapper) {
-      if (ctx is Activity) return ctx
-      ctx = ctx.baseContext
-    }
-    return null
+  override fun getExportedCustomBubblingEventTypeConstants(): MutableMap<String, Any> {
+    val base = super.getExportedCustomBubblingEventTypeConstants().toMutableMap()
+    base["onKeyPress"] = mapOf("phasedRegistrationNames" to mapOf("bubbled" to "onKeyPress"))
+    return base
+  }
+
+  override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any> {
+    val base = super.getExportedCustomDirectEventTypeConstants().toMutableMap()
+    base["onCustomKeyEvent"] = mapOf("registrationName" to "onCustomKeyEvent")
+    return base
   }
 
   private fun focus() {
-    UiThreadUtil.runOnUiThread {
-      if (!editText.isFocused) editText.requestFocus()
-    }
+    UiThreadUtil.runOnUiThread { if (!editText.isFocused) editText.requestFocus() }
   }
 
   private fun blur() {
-    UiThreadUtil.runOnUiThread {
-      if (editText.isFocused) editText.clearFocus()
-    }
+    UiThreadUtil.runOnUiThread { if (editText.isFocused) editText.clearFocus() }
   }
 }
+

package/ios/CalculatorKeyboardView.swift

@@ -19,7 +19,7 @@ class CalculatorKeyboardView: UIView {
   var customKeyText: String? { didSet { updateCustomKeyTitle() } }
   var customKeyBackground: String? { didSet { updateCustomKeyBackground() } }
   var customKeyTextColor: String? { didSet { updateCustomKeyBackground() } }
-  var customKeyState: Int? { didSet { updateCustomKeyBackground() } }
+  var customKeyState: String? { didSet { updateCustomKeyBackground() } }
   private weak var customKeyButton: UIButton?
 
   
@@ -121,23 +121,11 @@ class CalculatorKeyboardView: UIView {
             let textColor = customKeyTextColor,
             let state = customKeyState else { return }
     
-    let bgColor: String
-    if state == 1 {
-      bgColor = "#EBEBF2"
-    } else {
-      bgColor = background
-    }
-    
-    let txtColor: UIColor
-    if state == 1 {
-      txtColor = .white
-    } else {
-      txtColor = UIColor(hex: textColor)
-    }
+   
     
-    btn.isEnabled = state == 0
-    btn.backgroundColor =  UIColor(hex: bgColor)
-    btn.setTitleColor(txtColor, for: .normal)
+    btn.isEnabled = state != "disable"
+    btn.backgroundColor =  UIColor(hex: background)
+    btn.setTitleColor(UIColor(hex: textColor), for: .normal)
 
   }
 

package/ios/InputCalculator.m

@@ -79,7 +79,7 @@ RCT_EXPORT_VIEW_PROPERTY(keyboardColor, UIColor)
 RCT_EXPORT_VIEW_PROPERTY(customKeyText, NSString)
 RCT_EXPORT_VIEW_PROPERTY(customKeyBackground, NSString)
 RCT_EXPORT_VIEW_PROPERTY(customKeyTextColor, NSString)
-RCT_EXPORT_VIEW_PROPERTY(customKeyState, NSNumber)
+RCT_EXPORT_VIEW_PROPERTY(customKeyState, NSString)
 
 @end
 

package/ios/InputCalculator.swift

@@ -34,8 +34,8 @@ class InputCalculator: RCTSinglelineTextInputView {
     didSet { keyboardView?.customKeyTextColor = customKeyTextColor }
   }
   
-  @objc var customKeyState: NSNumber? {
-    didSet { keyboardView?.customKeyState = customKeyState?.intValue }
+  @objc var customKeyState: String? {
+    didSet { keyboardView?.customKeyState = customKeyState }
   }
 
   @objc func beginEditingInput(_ note: Notification) { onFocus?([:]) }

package/package.json

@@ -1,22 +1,8 @@
 {
     "name": "@momo-kits/calculator-keyboard",
-    "version": "0.150.2-beta.15",
+    "version": "0.150.2-beta.17",
     "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"
-            }
-        }
-    },
+    "main": "./src/index.tsx",
     "files": [
         "src",
         "lib",
@@ -41,7 +27,7 @@
         "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",
+        "build": "echo 'build step'",
         "release": "release-it"
     },
     "keywords": [
@@ -63,123 +49,13 @@
         "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"
-            }
-        }
-    },
-    "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
-                }
-            ]
-        }
-    },
-    "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"
+    "peerDependencies": {
+        "react": "*",
+        "react-native": "*",
+        "@momo-kits/foundation": "latest"
     },
     "dependencies": {}
 }

package/src/index.tsx

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { useContext } from 'react';
+import { ApplicationContext, Colors } from '@momo-kits/foundation';
 import {
   type ColorValue,
   findNodeHandle,
   type NativeSyntheticEvent,
   processColor,
   requireNativeComponent,
-  type TextInputChangeEventData,
   type TextInputProps,
   UIManager,
 } from 'react-native';
@@ -15,30 +15,6 @@ const NativeInput = requireNativeComponent<any>(NAME);
 
 type KeyPressEvent = { nativeEvent: { key: string } };
 
-export enum CustomKeyBackground {
-  Default = 0,
-  Primary = 1,
-}
-
-/**
- * export enum CustomKeyBackground {
- *   Default = 'default',
- *   Primary = 'primary',
- * }
- */
-
-export enum CustomKeyState {
-  Default = 0,
-  Disabled = 1,
-}
-
-/**
- * export enum CustomKeyState {
- *   Default = 'default',
- *   Disable = 'disable',
- * }
- */
-
 interface InputCalculatorProps extends TextInputProps {
   text?: string | undefined;
   keyboardColor?: ColorValue;
@@ -49,6 +25,13 @@ interface InputCalculatorProps extends TextInputProps {
   onCustomKeyEvent?: () => void;
 }
 
+export type CustomKeyBackground = 'primary' | 'default' | string;
+
+export enum CustomKeyState {
+  Default = 'default',
+  Disable = 'disable',
+}
+
 export type InputCalculatorRef = {
   focus: () => void;
   blur: () => void;
@@ -68,30 +51,31 @@ const InputCalculator = React.forwardRef<
       onCustomKeyEvent,
       ...props
     },
-    ref
+    ref,
   ) => {
+    const { theme } = useContext(ApplicationContext);
     const nativeRef = React.useRef<any>(null);
 
-    const _onChange = (
-      event: NativeSyntheticEvent<TextInputChangeEventData>
-    ) => {
+    const _onChange = (event: NativeSyntheticEvent<any>) => {
       const currentText = event.nativeEvent.text;
-      props.onChange && props.onChange(event);
-      props.onChangeText && props.onChangeText(currentText);
+      props.onChange?.(event);
+      props.onChangeText?.(currentText);
     };
 
     const text = props.text ?? props.defaultValue ?? '';
-    let keyBackground = '#D8D8D8';
-    let textKeyColor = '#000000';
+    let keyBackground = Colors.black_06;
+    let textKeyColor = Colors.black_20;
+
+    if (customKeyBackground === 'primary') {
+      keyBackground = theme.colors.primary;
+      textKeyColor = Colors.black_01;
+    }
 
-    if (customKeyBackground === CustomKeyBackground.Primary) {
-      keyBackground = '#EB2F96';
-      textKeyColor = '#FFFFFF';
+    if (customKeyState === CustomKeyState.Disable) {
+      keyBackground = theme.colors.background.disable;
+      textKeyColor = Colors.black_01;
     }
 
-    /**
-     * expose methods to parent component
-     */
     React.useImperativeHandle(ref, () => ({
       focus() {
         const node = findNodeHandle(nativeRef.current);
@@ -126,7 +110,7 @@ const InputCalculator = React.forwardRef<
         onCustomKeyEvent={onCustomKeyEvent}
       />
     );
-  }
+  },
 );
 
 export default InputCalculator;

package/lib/commonjs/index.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CustomKeyState = exports.CustomKeyBackground = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const NAME = 'RCTInputCalculator';
-const NativeInput = (0, _reactNative.requireNativeComponent)(NAME);
-let CustomKeyBackground = exports.CustomKeyBackground = /*#__PURE__*/function (CustomKeyBackground) {
-  CustomKeyBackground[CustomKeyBackground["Default"] = 0] = "Default";
-  CustomKeyBackground[CustomKeyBackground["Primary"] = 1] = "Primary";
-  return CustomKeyBackground;
-}({});
-/**
- * export enum CustomKeyBackground {
- *   Default = 'default',
- *   Primary = 'primary',
- * }
- */
-let CustomKeyState = exports.CustomKeyState = /*#__PURE__*/function (CustomKeyState) {
-  CustomKeyState[CustomKeyState["Default"] = 0] = "Default";
-  CustomKeyState[CustomKeyState["Disabled"] = 1] = "Disabled";
-  return CustomKeyState;
-}({});
-/**
- * export enum CustomKeyState {
- *   Default = 'default',
- *   Disable = 'disable',
- * }
- */
-const InputCalculator = /*#__PURE__*/_react.default.forwardRef(({
-  customKeyBackground = 'default',
-  keyboardColor = '',
-  customKeyText,
-  onKeyPress,
-  customKeyState = CustomKeyState.Default,
-  onCustomKeyEvent,
-  ...props
-}, ref) => {
-  const nativeRef = _react.default.useRef(null);
-  const _onChange = event => {
-    const currentText = event.nativeEvent.text;
-    props.onChange && props.onChange(event);
-    props.onChangeText && props.onChangeText(currentText);
-  };
-  const text = props.text ?? props.defaultValue ?? '';
-  let keyBackground = '#D8D8D8';
-  let textKeyColor = '#000000';
-  if (customKeyBackground === CustomKeyBackground.Primary) {
-    keyBackground = '#EB2F96';
-    textKeyColor = '#FFFFFF';
-  }
-
-  /**
-   * expose methods to parent component
-   */
-  _react.default.useImperativeHandle(ref, () => ({
-    focus() {
-      const node = (0, _reactNative.findNodeHandle)(nativeRef.current);
-      if (!node) return;
-      const config = _reactNative.UIManager.getViewManagerConfig(NAME);
-      if (config?.Commands?.focus != null) {
-        _reactNative.UIManager.dispatchViewManagerCommand(node, config.Commands.focus, []);
-      }
-    },
-    blur() {
-      const node = (0, _reactNative.findNodeHandle)(nativeRef.current);
-      if (!node) return;
-      const config = _reactNative.UIManager.getViewManagerConfig(NAME);
-      if (config?.Commands?.blur != null) {
-        _reactNative.UIManager.dispatchViewManagerCommand(node, config.Commands.blur, []);
-      }
-    }
-  }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeInput, {
-    ...props,
-    ref: nativeRef,
-    onChange: _onChange,
-    onKeyPress: onKeyPress,
-    value: text,
-    keybardColor: (0, _reactNative.processColor)(keyboardColor),
-    customKeyText: customKeyText,
-    customKeyBackground: keyBackground,
-    customKeyTextColor: textKeyColor,
-    customKeyState: customKeyState,
-    onCustomKeyEvent: onCustomKeyEvent
-  });
-});
-var _default = exports.default = InputCalculator;
-//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","NAME","NativeInput","requireNativeComponent","CustomKeyBackground","exports","CustomKeyState","InputCalculator","React","forwardRef","customKeyBackground","keyboardColor","customKeyText","onKeyPress","customKeyState","Default","onCustomKeyEvent","props","ref","nativeRef","useRef","_onChange","event","currentText","nativeEvent","text","onChange","onChangeText","defaultValue","keyBackground","textKeyColor","Primary","useImperativeHandle","focus","node","findNodeHandle","current","config","UIManager","getViewManagerConfig","Commands","dispatchViewManagerCommand","blur","jsx","value","keybardColor","processColor","customKeyTextColor","_default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -1,93 +0,0 @@
-"use strict";
-
-import React from 'react';
-import { findNodeHandle, processColor, requireNativeComponent, UIManager } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-const NAME = 'RCTInputCalculator';
-const NativeInput = requireNativeComponent(NAME);
-export let CustomKeyBackground = /*#__PURE__*/function (CustomKeyBackground) {
-  CustomKeyBackground[CustomKeyBackground["Default"] = 0] = "Default";
-  CustomKeyBackground[CustomKeyBackground["Primary"] = 1] = "Primary";
-  return CustomKeyBackground;
-}({});
-
-/**
- * export enum CustomKeyBackground {
- *   Default = 'default',
- *   Primary = 'primary',
- * }
- */
-
-export let CustomKeyState = /*#__PURE__*/function (CustomKeyState) {
-  CustomKeyState[CustomKeyState["Default"] = 0] = "Default";
-  CustomKeyState[CustomKeyState["Disabled"] = 1] = "Disabled";
-  return CustomKeyState;
-}({});
-
-/**
- * export enum CustomKeyState {
- *   Default = 'default',
- *   Disable = 'disable',
- * }
- */
-
-const InputCalculator = /*#__PURE__*/React.forwardRef(({
-  customKeyBackground = 'default',
-  keyboardColor = '',
-  customKeyText,
-  onKeyPress,
-  customKeyState = CustomKeyState.Default,
-  onCustomKeyEvent,
-  ...props
-}, ref) => {
-  const nativeRef = React.useRef(null);
-  const _onChange = event => {
-    const currentText = event.nativeEvent.text;
-    props.onChange && props.onChange(event);
-    props.onChangeText && props.onChangeText(currentText);
-  };
-  const text = props.text ?? props.defaultValue ?? '';
-  let keyBackground = '#D8D8D8';
-  let textKeyColor = '#000000';
-  if (customKeyBackground === CustomKeyBackground.Primary) {
-    keyBackground = '#EB2F96';
-    textKeyColor = '#FFFFFF';
-  }
-
-  /**
-   * expose methods to parent component
-   */
-  React.useImperativeHandle(ref, () => ({
-    focus() {
-      const node = findNodeHandle(nativeRef.current);
-      if (!node) return;
-      const config = UIManager.getViewManagerConfig(NAME);
-      if (config?.Commands?.focus != null) {
-        UIManager.dispatchViewManagerCommand(node, config.Commands.focus, []);
-      }
-    },
-    blur() {
-      const node = findNodeHandle(nativeRef.current);
-      if (!node) return;
-      const config = UIManager.getViewManagerConfig(NAME);
-      if (config?.Commands?.blur != null) {
-        UIManager.dispatchViewManagerCommand(node, config.Commands.blur, []);
-      }
-    }
-  }));
-  return /*#__PURE__*/_jsx(NativeInput, {
-    ...props,
-    ref: nativeRef,
-    onChange: _onChange,
-    onKeyPress: onKeyPress,
-    value: text,
-    keybardColor: processColor(keyboardColor),
-    customKeyText: customKeyText,
-    customKeyBackground: keyBackground,
-    customKeyTextColor: textKeyColor,
-    customKeyState: customKeyState,
-    onCustomKeyEvent: onCustomKeyEvent
-  });
-});
-export default InputCalculator;
-//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","findNodeHandle","processColor","requireNativeComponent","UIManager","jsx","_jsx","NAME","NativeInput","CustomKeyBackground","CustomKeyState","InputCalculator","forwardRef","customKeyBackground","keyboardColor","customKeyText","onKeyPress","customKeyState","Default","onCustomKeyEvent","props","ref","nativeRef","useRef","_onChange","event","currentText","nativeEvent","text","onChange","onChangeText","defaultValue","keyBackground","textKeyColor","Primary","useImperativeHandle","focus","node","current","config","getViewManagerConfig","Commands","dispatchViewManagerCommand","blur","value","keybardColor","customKeyTextColor"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAEEC,cAAc,EAEdC,YAAY,EACZC,sBAAsB,EAGtBC,SAAS,QACJ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtB,MAAMC,IAAI,GAAG,oBAAoB;AACjC,MAAMC,WAAW,GAAGL,sBAAsB,CAAMI,IAAI,CAAC;AAIrD,WAAYE,mBAAmB,0BAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAA,OAAnBA,mBAAmB;AAAA;;AAK/B;AACA;AACA;AACA;AACA;AACA;;AAEA,WAAYC,cAAc,0BAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA;;AAK1B;AACA;AACA;AACA;AACA;AACA;;AAiBA,MAAMC,eAAe,gBAAGX,KAAK,CAACY,UAAU,CAItC,CACE;EACEC,mBAAmB,GAAG,SAAS;EAC/BC,aAAa,GAAG,EAAE;EAClBC,aAAa;EACbC,UAAU;EACVC,cAAc,GAAGP,cAAc,CAACQ,OAAO;EACvCC,gBAAgB;EAChB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,SAAS,GAAGtB,KAAK,CAACuB,MAAM,CAAM,IAAI,CAAC;EAEzC,MAAMC,SAAS,GACbC,KAAqD,IAClD;IACH,MAAMC,WAAW,GAAGD,KAAK,CAACE,WAAW,CAACC,IAAI;IAC1CR,KAAK,CAACS,QAAQ,IAAIT,KAAK,CAACS,QAAQ,CAACJ,KAAK,CAAC;IACvCL,KAAK,CAACU,YAAY,IAAIV,KAAK,CAACU,YAAY,CAACJ,WAAW,CAAC;EACvD,CAAC;EAED,MAAME,IAAI,GAAGR,KAAK,CAACQ,IAAI,IAAIR,KAAK,CAACW,YAAY,IAAI,EAAE;EACnD,IAAIC,aAAa,GAAG,SAAS;EAC7B,IAAIC,YAAY,GAAG,SAAS;EAE5B,IAAIpB,mBAAmB,KAAKJ,mBAAmB,CAACyB,OAAO,EAAE;IACvDF,aAAa,GAAG,SAAS;IACzBC,YAAY,GAAG,SAAS;EAC1B;;EAEA;AACJ;AACA;EACIjC,KAAK,CAACmC,mBAAmB,CAACd,GAAG,EAAE,OAAO;IACpCe,KAAKA,CAAA,EAAG;MACN,MAAMC,IAAI,GAAGpC,cAAc,CAACqB,SAAS,CAACgB,OAAO,CAAC;MAC9C,IAAI,CAACD,IAAI,EAAE;MACX,MAAME,MAAM,GAAGnC,SAAS,CAACoC,oBAAoB,CAACjC,IAAI,CAAC;MACnD,IAAIgC,MAAM,EAAEE,QAAQ,EAAEL,KAAK,IAAI,IAAI,EAAE;QACnChC,SAAS,CAACsC,0BAA0B,CAACL,IAAI,EAAEE,MAAM,CAACE,QAAQ,CAACL,KAAK,EAAE,EAAE,CAAC;MACvE;IACF,CAAC;IACDO,IAAIA,CAAA,EAAG;MACL,MAAMN,IAAI,GAAGpC,cAAc,CAACqB,SAAS,CAACgB,OAAO,CAAC;MAC9C,IAAI,CAACD,IAAI,EAAE;MACX,MAAME,MAAM,GAAGnC,SAAS,CAACoC,oBAAoB,CAACjC,IAAI,CAAC;MACnD,IAAIgC,MAAM,EAAEE,QAAQ,EAAEE,IAAI,IAAI,IAAI,EAAE;QAClCvC,SAAS,CAACsC,0BAA0B,CAACL,IAAI,EAAEE,MAAM,CAACE,QAAQ,CAACE,IAAI,EAAE,EAAE,CAAC;MACtE;IACF;EACF,CAAC,CAAC,CAAC;EAEH,oBACErC,IAAA,CAACE,WAAW;IAAA,GACNY,KAAK;IACTC,GAAG,EAAEC,SAAU;IACfO,QAAQ,EAAEL,SAAU;IACpBR,UAAU,EAAEA,UAAW;IACvB4B,KAAK,EAAEhB,IAAK;IACZiB,YAAY,EAAE3C,YAAY,CAACY,aAAa,CAAE;IAC1CC,aAAa,EAAEA,aAAc;IAC7BF,mBAAmB,EAAEmB,aAAc;IACnCc,kBAAkB,EAAEb,YAAa;IACjChB,cAAc,EAAEA,cAAe;IAC/BE,gBAAgB,EAAEA;EAAiB,CACpC,CAAC;AAEN,CACF,CAAC;AAED,eAAeR,eAAe","ignoreList":[]}

package/lib/typescript/commonjs/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}

package/lib/typescript/commonjs/src/index.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import { type ColorValue, type TextInputProps } from 'react-native';
-type KeyPressEvent = {
-    nativeEvent: {
-        key: string;
-    };
-};
-export declare enum CustomKeyBackground {
-    Default = 0,
-    Primary = 1
-}
-/**
- * export enum CustomKeyBackground {
- *   Default = 'default',
- *   Primary = 'primary',
- * }
- */
-export declare enum CustomKeyState {
-    Default = 0,
-    Disabled = 1
-}
-/**
- * export enum CustomKeyState {
- *   Default = 'default',
- *   Disable = 'disable',
- * }
- */
-interface InputCalculatorProps extends TextInputProps {
-    text?: string | undefined;
-    keyboardColor?: ColorValue;
-    onKeyPress?: (e: KeyPressEvent) => void;
-    customKeyText?: string | undefined;
-    customKeyBackground?: CustomKeyBackground;
-    customKeyState?: CustomKeyState;
-    onCustomKeyEvent?: () => void;
-}
-export type InputCalculatorRef = {
-    focus: () => void;
-    blur: () => void;
-};
-declare const InputCalculator: React.ForwardRefExoticComponent<InputCalculatorProps & React.RefAttributes<InputCalculatorRef>>;
-export default InputCalculator;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,UAAU,EAMf,KAAK,cAAc,EAEpB,MAAM,cAAc,CAAC;AAKtB,KAAK,aAAa,GAAG;IAAE,WAAW,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAEtD,oBAAY,mBAAmB;IAC7B,OAAO,IAAI;IACX,OAAO,IAAI;CACZ;AAED;;;;;GAKG;AAEH,oBAAY,cAAc;IACxB,OAAO,IAAI;IACX,QAAQ,IAAI;CACb;AAED;;;;;GAKG;AAEH,UAAU,oBAAqB,SAAQ,cAAc;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,eAAe,iGAyEpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/typescript/module/package.json

@@ -1 +0,0 @@
-{"type":"module"}

package/lib/typescript/module/src/index.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import { type ColorValue, type TextInputProps } from 'react-native';
-type KeyPressEvent = {
-    nativeEvent: {
-        key: string;
-    };
-};
-export declare enum CustomKeyBackground {
-    Default = 0,
-    Primary = 1
-}
-/**
- * export enum CustomKeyBackground {
- *   Default = 'default',
- *   Primary = 'primary',
- * }
- */
-export declare enum CustomKeyState {
-    Default = 0,
-    Disabled = 1
-}
-/**
- * export enum CustomKeyState {
- *   Default = 'default',
- *   Disable = 'disable',
- * }
- */
-interface InputCalculatorProps extends TextInputProps {
-    text?: string | undefined;
-    keyboardColor?: ColorValue;
-    onKeyPress?: (e: KeyPressEvent) => void;
-    customKeyText?: string | undefined;
-    customKeyBackground?: CustomKeyBackground;
-    customKeyState?: CustomKeyState;
-    onCustomKeyEvent?: () => void;
-}
-export type InputCalculatorRef = {
-    focus: () => void;
-    blur: () => void;
-};
-declare const InputCalculator: React.ForwardRefExoticComponent<InputCalculatorProps & React.RefAttributes<InputCalculatorRef>>;
-export default InputCalculator;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,UAAU,EAMf,KAAK,cAAc,EAEpB,MAAM,cAAc,CAAC;AAKtB,KAAK,aAAa,GAAG;IAAE,WAAW,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAEtD,oBAAY,mBAAmB;IAC7B,OAAO,IAAI;IACX,OAAO,IAAI;CACZ;AAED;;;;;GAKG;AAEH,oBAAY,cAAc;IACxB,OAAO,IAAI;IACX,QAAQ,IAAI;CACb;AAED;;;;;GAKG;AAEH,UAAU,oBAAqB,SAAQ,cAAc;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,eAAe,iGAyEpB,CAAC;AAEF,eAAe,eAAe,CAAC"}