@momo-kits/calculator-keyboard 0.150.2-beta.20 → 0.150.2-beta.20-sp.1

package/ios/NativeInputCalculator.mm

@@ -0,0 +1,200 @@
+#import "NativeInputCalculator.h"
+#import "CalculatorKeyboardView.h"
+
+#import <React/RCTConversions.h>
+#import <React/RCTFabricComponentsPlugins.h>
+#import <react/renderer/components/CalculatorKeyboardSpecs/ComponentDescriptors.h>
+#import <react/renderer/components/CalculatorKeyboardSpecs/EventEmitters.h>
+#import <react/renderer/components/CalculatorKeyboardSpecs/Props.h>
+#import <react/renderer/components/CalculatorKeyboardSpecs/RCTComponentViewHelpers.h>
+
+using namespace facebook::react;
+
+@interface NativeInputCalculator () <RCTNativeInputCalculatorViewProtocol>
+@end
+
+@implementation NativeInputCalculator {
+  UITextField *_textField;
+  CalculatorKeyboardView *_keyboardView;
+  NSString *_lastValue;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const NativeInputCalculatorProps>();
+    _props = defaultProps;
+    
+    // Create text field
+    _textField = [[UITextField alloc] initWithFrame:self.bounds];
+    _textField.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+    _textField.delegate = (id<UITextFieldDelegate>)self;
+    
+    // Create keyboard view
+    CGFloat bottomInset = [self getBottomInset];
+    CGRect keyboardFrame = CGRectMake(0, 0, UIScreen.mainScreen.bounds.size.width, 240 + bottomInset);
+    _keyboardView = [[CalculatorKeyboardView alloc] initWithFrame:keyboardFrame];
+    _keyboardView.input = (id)self; // Bridge pattern
+    
+    // Set custom keyboard
+    _textField.inputView = _keyboardView;
+    
+    [self addSubview:_textField];
+  }
+  return self;
+}
+
+- (CGFloat)getBottomInset
+{
+  UIWindow *window = UIApplication.sharedApplication.windows.firstObject;
+  CGFloat bottom = window.safeAreaInsets.bottom > 0 ? 21 : 0;
+  return bottom;
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<NativeInputCalculatorComponentDescriptor>();
+}
+
+- (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &)oldProps
+{
+  const auto &oldViewProps = *std::static_pointer_cast<const NativeInputCalculatorProps>(_props);
+  const auto &newViewProps = *std::static_pointer_cast<const NativeInputCalculatorProps>(props);
+  
+  // Update value
+  if (oldViewProps.value != newViewProps.value) {
+    NSString *newValue = RCTNSStringFromString(newViewProps.value);
+    if (![_lastValue isEqualToString:newValue]) {
+      _textField.text = newValue;
+      _lastValue = newValue;
+    }
+  }
+  
+  // Update mode
+  if (oldViewProps.mode != newViewProps.mode) {
+    _keyboardView.keyboardMode = RCTNSStringFromString(newViewProps.mode);
+  }
+  
+  // Update customKeyText
+  if (oldViewProps.customKeyText != newViewProps.customKeyText) {
+    _keyboardView.customKeyText = RCTNSStringFromString(newViewProps.customKeyText);
+  }
+  
+  // Update customKeyBackground
+  if (oldViewProps.customKeyBackground != newViewProps.customKeyBackground) {
+    _keyboardView.customKeyBackground = RCTNSStringFromString(newViewProps.customKeyBackground);
+  }
+  
+  // Update customKeyTextColor
+  if (oldViewProps.customKeyTextColor != newViewProps.customKeyTextColor) {
+    _keyboardView.customKeyTextColor = RCTNSStringFromString(newViewProps.customKeyTextColor);
+  }
+  
+  // Update customKeyState
+  if (oldViewProps.customKeyState != newViewProps.customKeyState) {
+    _keyboardView.customKeyState = RCTNSStringFromString(newViewProps.customKeyState);
+  }
+  
+  [super updateProps:props oldProps:oldProps];
+}
+
+- (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args
+{
+  RCTNativeInputCalculatorHandleCommand(self, commandName, args);
+}
+
+#pragma mark - RCTNativeInputCalculatorViewProtocol
+
+- (void)focus
+{
+  [_textField becomeFirstResponder];
+}
+
+- (void)blur
+{
+  [_textField resignFirstResponder];
+}
+
+#pragma mark - Keyboard callbacks (called by CalculatorKeyboardView)
+
+- (void)keyDidPress:(NSString *)key
+{
+  [_textField insertText:key];
+  [self notifyTextChange];
+}
+
+- (void)clearText
+{
+  _textField.text = @"";
+  [self notifyTextChange];
+}
+
+- (void)onBackSpace
+{
+  if (_textField.text.length > 0) {
+    _textField.text = [_textField.text substringToIndex:_textField.text.length - 1];
+    [self notifyTextChange];
+  }
+}
+
+- (void)calculateResult
+{
+  NSString *text = [_textField.text stringByReplacingOccurrencesOfString:@"×" withString:@"*"];
+  text = [text stringByReplacingOccurrencesOfString:@"÷" withString:@"/"];
+  
+  NSString *pattern = @"^\\s*(-?\\d+(\\.\\d+)?\\s*[-+*/]\\s*)*-?\\d+(\\.\\d+)?\\s*$";
+  NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:pattern options:0 error:nil];
+  NSRange range = NSMakeRange(0, text.length);
+  
+  if ([regex firstMatchInString:text options:0 range:range]) {
+    NSExpression *expression = [NSExpression expressionWithFormat:text];
+    id result = [expression expressionValueWithObject:nil context:nil];
+    if ([result isKindOfClass:[NSNumber class]]) {
+      _textField.text = [result stringValue];
+      [self notifyTextChange];
+    }
+  }
+}
+
+- (void)emitCustomKey
+{
+  if (_eventEmitter) {
+    auto emitter = std::static_pointer_cast<const NativeInputCalculatorEventEmitter>(_eventEmitter);
+    NativeInputCalculatorEventEmitter::OnCustomKeyEvent event{};
+    emitter->onCustomKeyEvent(event);
+  }
+}
+
+- (void)emitKeyPress:(NSString *)key
+{
+  if (_eventEmitter) {
+    auto emitter = std::static_pointer_cast<const NativeInputCalculatorEventEmitter>(_eventEmitter);
+    NativeInputCalculatorEventEmitter::OnKeyPress event{
+      .key = std::string([key UTF8String])
+    };
+    emitter->onKeyPress(event);
+  }
+}
+
+- (void)notifyTextChange
+{
+  _lastValue = _textField.text;
+  
+  if (_eventEmitter) {
+    auto emitter = std::static_pointer_cast<const NativeInputCalculatorEventEmitter>(_eventEmitter);
+    NativeInputCalculatorEventEmitter::OnChange event{
+      .text = std::string([_textField.text UTF8String])
+    };
+    emitter->onChange(event);
+  }
+}
+
+@end
+
+Class<RCTNativeInputCalculatorViewProtocol> NativeInputCalculatorCls(void)
+{
+  return NativeInputCalculator.class;
+}
+

package/package.json

@@ -1,61 +1,77 @@
 {
-    "name": "@momo-kits/calculator-keyboard",
-    "version": "0.150.2-beta.20",
-    "description": "react native calculator keyboard",
-    "main": "./src/index.tsx",
-    "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": "echo 'build step'",
-        "release": "release-it"
+  "name": "@momo-kits/calculator-keyboard",
+  "version": "0.150.2-beta.20-sp.1",
+  "description": "react native calculator keyboard",
+  "main": "./src/index.tsx",
+  "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"
+  },
+  "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/"
+  },
+  "codegenConfig": {
+    "name": "CalculatorKeyboardSpecs",
+    "type": "components",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.calculatorkeyboard"
     },
-    "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": {
-        "react": "*",
-        "react-native": "*"
-    },
-    "peerDependencies": {
-        "react": "*",
-        "react-native": "*",
-        "@momo-kits/foundation": "latest"
-    },
-    "dependencies": {}
-}
+    "ios": {
+      "componentProvider": {
+        "NativeInputCalculator": "NativeInputCalculator"
+      }
+    }
+  },
+  "devDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "@momo-kits/foundation": "latest"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {}
+}

package/react-native-calculator-keyboard.podspec

@@ -14,9 +14,10 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => min_ios_version_supported }
   s.source       = { :git => "https://github.com/wem2017/react-native-calculator-keyboard.git/react-native-calculator-keyboard.git", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m,mm,swift}"
-  s.resources = "**/Assets/**/*.{json}"
-
+  s.source_files = "ios/**/*.{h,m,mm}"
+  # s.public_header_files = "ios/CalculatorKeyboardView.h"
+  # s.private_header_files = "ios/NativeInputCalculator.h"
+  
   # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
   # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
   if respond_to?(:install_modules_dependencies, true)

package/src/NativeInputCalculatorNativeComponent.ts

@@ -0,0 +1,56 @@
+import type * as React from 'react';
+import type { HostComponent, ViewProps } from 'react-native';
+import {
+  CodegenTypes,
+  codegenNativeComponent,
+  codegenNativeCommands,
+} from 'react-native';
+
+export type CustomKeyBackground = 'primary' | 'default' | string;
+
+export enum CustomKeyState {
+  Default = 'default',
+  Disable = 'disable',
+}
+
+export enum Mode {
+  NumDefault = 'NumDefault',
+  NumWithCTA = 'NumWithCTA',
+}
+
+export type OnKeyPressEvent = Readonly<{
+  key: string;
+}>;
+
+export type OnChangeEvent = Readonly<{
+  text: string;
+}>;
+
+export interface NativeInputCalculatorProps extends ViewProps {
+  value?: string;
+  mode?: string;
+  customKeyText?: string;
+  customKeyBackground?: string;
+  customKeyTextColor?: string;
+  customKeyState?: string;
+  onChange?: CodegenTypes.DirectEventHandler<OnChangeEvent>;
+  onKeyPress?: CodegenTypes.DirectEventHandler<OnKeyPressEvent>;
+  onCustomKeyEvent?: CodegenTypes.DirectEventHandler<{}>;
+}
+
+export interface NativeInputCalculatorCommands {
+  focus(
+    viewRef: React.ElementRef<HostComponent<NativeInputCalculatorProps>>,
+  ): void;
+  blur(
+    viewRef: React.ElementRef<HostComponent<NativeInputCalculatorProps>>,
+  ): void;
+}
+
+export const Commands = codegenNativeCommands<NativeInputCalculatorCommands>({
+  supportedCommands: ['focus', 'blur'],
+});
+
+export default codegenNativeComponent<NativeInputCalculatorProps>(
+  'NativeInputCalculator',
+);

package/src/index.tsx

@@ -1,23 +1,17 @@
-import React, { useContext } from 'react';
+import * as React from 'react';
+import { useContext } from 'react';
 import { ApplicationContext, Colors } from '@momo-kits/foundation';
-import {
-  type ColorValue,
-  findNodeHandle,
-  type NativeSyntheticEvent,
-  processColor,
-  requireNativeComponent,
-  type TextInputProps,
-  UIManager,
-} from 'react-native';
+import { type NativeSyntheticEvent, type TextInputProps } from 'react-native';
+import NativeInputCalculator from './NativeInputCalculatorNativeComponent';
+import { Commands } from './NativeInputCalculatorNativeComponent';
 
-const NAME = 'RCTInputCalculator';
-const NativeInput = requireNativeComponent<any>(NAME);
+const NativeInput = NativeInputCalculator;
 
 type KeyPressEvent = { nativeEvent: { key: string } };
 
 interface InputCalculatorProps extends TextInputProps {
   text?: string | undefined;
-  keyboardColor?: ColorValue;
+  mode?: Mode;
   onKeyPress?: (e: KeyPressEvent) => void;
   customKeyText?: string | undefined;
   customKeyBackground?: CustomKeyBackground;
@@ -32,6 +26,11 @@ export enum CustomKeyState {
   Disable = 'disable',
 }
 
+export enum Mode {
+  NumDefault = 'NumDefault',
+  NumWithCTA = 'NumWithCTA',
+}
+
 export type InputCalculatorRef = {
   focus: () => void;
   blur: () => void;
@@ -44,7 +43,7 @@ const InputCalculator = React.forwardRef<
   (
     {
       customKeyBackground = 'default',
-      keyboardColor = '',
+      mode = Mode.NumDefault,
       customKeyText,
       onKeyPress,
       customKeyState = CustomKeyState.Default,
@@ -66,32 +65,24 @@ const InputCalculator = React.forwardRef<
     let keyBackground = Colors.black_06;
     let textKeyColor = Colors.black_20;
 
-    if (customKeyBackground === 'primary') {
-      keyBackground = theme.colors.primary;
-      textKeyColor = Colors.black_01;
-    }
+    if (mode === Mode.NumWithCTA) {
+      if (customKeyBackground === 'primary') {
+        keyBackground = theme.colors.primary;
+        textKeyColor = Colors.black_01;
+      }
 
-    if (customKeyState === CustomKeyState.Disable) {
-      keyBackground = theme.colors.background.disable;
-      textKeyColor = Colors.black_01;
+      if (customKeyState === CustomKeyState.Disable) {
+        keyBackground = theme.colors.background.disable;
+        textKeyColor = Colors.black_01;
+      }
     }
 
     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, []);
-        }
+        if (nativeRef.current) Commands.focus(nativeRef.current);
       },
       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, []);
-        }
+        if (nativeRef.current) Commands.blur(nativeRef.current);
       },
     }));
 
@@ -102,7 +93,7 @@ const InputCalculator = React.forwardRef<
         onChange={_onChange}
         onKeyPress={onKeyPress}
         value={text}
-        keybardColor={processColor(keyboardColor)}
+        mode={mode}
         customKeyText={customKeyText}
         customKeyBackground={keyBackground}
         customKeyTextColor={textKeyColor}

package/ios/CalculatorKeyboardView.swift

@@ -1,153 +0,0 @@
-import UIKit
-import Foundation
-
-import UIKit
-import Foundation
-
-class CalculatorKeyboardView: UIView {
-  weak var input: InputCalculator?
-  
-  private let keys: [[String]] = [
-    ["1", "2", "3", "÷", "back"],
-    ["4", "5", "6", "×", "="],
-    ["7", "8", "9", "-", "Xong"],
-    ["000", "0", "+"],
-  ]
-  private let SEPARATOR_WIDTH: CGFloat = 4
-  private let specialKeys: Set<String> = ["=", "-", "×", "÷", "back", "+"]
-  
-  var customKeyText: String? { didSet { updateCustomKeyTitle() } }
-  var customKeyBackground: String? { didSet { updateCustomKeyBackground() } }
-  var customKeyTextColor: String? { didSet { updateCustomKeyBackground() } }
-  var customKeyState: String? { didSet { updateCustomKeyBackground() } }
-  private weak var customKeyButton: UIButton?
-
-  
-  override init(frame: CGRect) {
-    super.init(frame: frame)
-    setup()
-  }
-  
-  required init?(coder aDecoder: NSCoder) {
-    fatalError("init(coder:) has not been implemented")
-  }
-  
-  public func setKeyboardColor(_ color: UIColor) {
-    self.setup(color)
-  }
-  
-  private func setup(_ color: UIColor = UIColor(hex: "#d8d8d8")) {
-    self.subviews.forEach { $0.removeFromSuperview() }
-    
-    backgroundColor = UIColor(hex: "#f2f2f6")
-    let buttonWidth = (UIScreen.main.bounds.width - SEPARATOR_WIDTH * 2 - 4 * SEPARATOR_WIDTH) / 5
-    let buttonHeight: CGFloat = (240 - SEPARATOR_WIDTH * 2 - 3 * SEPARATOR_WIDTH) / 4
-    
-    // Create a wrapper view
-    let contentView = UIView()
-    contentView.translatesAutoresizingMaskIntoConstraints = false
-    addSubview(contentView)
-    
-    // Set contentView constraints
-    NSLayoutConstraint.activate([
-      contentView.leadingAnchor.constraint(equalTo: leadingAnchor, constant: SEPARATOR_WIDTH),
-      contentView.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -SEPARATOR_WIDTH),
-      contentView.topAnchor.constraint(equalTo: topAnchor, constant: SEPARATOR_WIDTH),
-      contentView.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -SEPARATOR_WIDTH)
-    ])
-    
-    // Add buttons to the wrapper view
-    var yOffset: CGFloat = 0
-    for (rowIndex, row) in keys.enumerated() {
-      var xOffset: CGFloat = 0
-      for (colIndex, key) in row.enumerated() {
-        let isCustomKey = colIndex == 4 && rowIndex == 2
-        let button = UIButton(type: .system)
-        button.backgroundColor = UIColor.white
-        button.layer.cornerRadius = 8
-        let title = isCustomKey ? (customKeyText ?? key) : key
-        button.setTitle(title, for: .normal)
-        button.setTitleColor(.black, for: .normal)
-        button.titleLabel?.font = UIFont.systemFont(ofSize: isCustomKey ? 18 : 24, weight: .medium)
-        button.nativeID = key
-        button.tag = isCustomKey ? 1 : 0
-        
-        var buttonFrame = CGRect(x: xOffset, y: yOffset, width: buttonWidth, height: buttonHeight)
-        if isCustomKey {
-          buttonFrame.size.height = buttonHeight * 2 + SEPARATOR_WIDTH
-        }
-        if key == "000" {
-          buttonFrame.size.width = buttonWidth * 2 + SEPARATOR_WIDTH
-        }
-        
-        button.frame = buttonFrame
-        
-        if key == "back" {
-          button.setTitle("", for: .normal)
-          let image = UIImage(systemName: "delete.backward", withConfiguration: UIImage.SymbolConfiguration(weight: .bold))
-          button.setImage(image, for: .normal)
-          button.tintColor = .black
-        }
-        
-        if specialKeys.contains(key) {
-          button.setTitleColor(.black, for: .normal)
-          button.backgroundColor = color
-        }
-        
-        if isCustomKey {
-          self.customKeyButton = button
-        }
-        
-        button.addTarget(self, action: #selector(keyPressed(_:)), for: .touchUpInside)
-        contentView.addSubview(button)
-        
-        // Adjust xOffset for the next button in the row
-        xOffset += buttonFrame.width + SEPARATOR_WIDTH
-      }
-      // Adjust yOffset for the next row
-      yOffset += buttonHeight + SEPARATOR_WIDTH
-    }
-  }
-  
-  private func updateCustomKeyTitle() {
-      guard let btn = customKeyButton, let title = customKeyText else { return }
-      btn.setTitle(title, for: .normal)
-      btn.setImage(nil, for: .normal)
-    }
-  
-  private func updateCustomKeyBackground() {
-    guard let btn = customKeyButton,
-            let background = customKeyBackground,
-            let textColor = customKeyTextColor,
-            let state = customKeyState else { return }
-    
-   
-    
-    btn.isEnabled = state != "disable"
-    btn.backgroundColor =  UIColor(hex: background)
-    btn.setTitleColor(UIColor(hex: textColor), for: .normal)
-
-  }
-
-  
-  @objc private func keyPressed(_ sender: UIButton) {
-    guard let key = sender.nativeID else { return }
-    let isCustomKey = sender.tag == 1
-    if (isCustomKey) {
-      input?.emitCustomKey()
-      return
-    }
-    
-    input?.emitKeyPress(key)
-    switch key {
-    case "back":
-      input?.onBackSpace()
-    case "=":
-      input?.calculateResult()
-    case "+", "-", "÷", "×":
-      input?.keyDidPress(" \(key) ")
-    default:
-      input?.keyDidPress(key)
-    }
-  }
-}

package/ios/InputCalculator-Bridging-Header.h

@@ -1,23 +0,0 @@
-#import <React/RCTBridgeModule.h>
-#import <React/RCTViewManager.h>
-#import <React/RCTBaseTextInputViewManager.h>
-#import <React/RCTSinglelineTextInputView.h>
-#import <React/RCTUITextField.h>
-#import <React/RCTBaseTextInputViewManager.h>
-
-#import <React/RCTBridge.h>
-#import <React/RCTConvert.h>
-#import <React/RCTFont.h>
-#import <React/RCTShadowView+Layout.h>
-#import <React/RCTShadowView.h>
-#import <React/RCTUIManager.h>
-#import <React/RCTUIManagerObserverCoordinator.h>
-#import <React/RCTUIManagerUtils.h>
-
-#import <React/RCTBaseTextInputShadowView.h>
-#import <React/RCTBaseTextInputView.h>
-#import <React/RCTConvert+Text.h>
-
-@interface Calculator : NSObject <RCTBridgeModule>
-
-@end