@momo-kits/calculator-keyboard 0.150.1-beta.1 → 0.150.1-rn80.6

package/lib/commonjs/index.js

@@ -8,19 +8,39 @@ 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 NativeInput = (0, _reactNative.requireNativeComponent)('RCTInputCalculator');
+const NAME = 'RCTInputCalculator';
+const NativeInput = (0, _reactNative.requireNativeComponent)(NAME);
 const InputCalculator = /*#__PURE__*/_react.default.forwardRef((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 || '';
+  const text = props.text ?? props.defaultValue ?? '';
+  _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: ref,
+    ref: nativeRef,
     onChange: _onChange,
-    text: text,
+    value: text,
     keybardColor: (0, _reactNative.processColor)(props.keyboardColor)
   });
 });

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","NativeInput","requireNativeComponent","InputCalculator","React","forwardRef","props","ref","_onChange","event","currentText","nativeEvent","text","onChange","onChangeText","defaultValue","jsx","keybardColor","processColor","keyboardColor","_default","exports"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMsB,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGtB,MAAMG,WAAW,GAAG,IAAAC,mCAAsB,EAAM,oBAAoB,CAAC;AAOrE,MAAMC,eAAe,gBAAGC,cAAK,CAACC,UAAU,CACtC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,SAAS,GACbC,KAAqD,IAClD;IACH,MAAMC,WAAW,GAAGD,KAAK,CAACE,WAAW,CAACC,IAAI;IAC1CN,KAAK,CAACO,QAAQ,IAAIP,KAAK,CAACO,QAAQ,CAACJ,KAAK,CAAC;IACvCH,KAAK,CAACQ,YAAY,IAAIR,KAAK,CAACQ,YAAY,CAACJ,WAAW,CAAC;EACvD,CAAC;EAED,MAAME,IAAI,GAAGN,KAAK,CAACM,IAAI,IAAIN,KAAK,CAACS,YAAY,IAAI,EAAE;EAEnD,oBACE,IAAAlB,WAAA,CAAAmB,GAAA,EAACf,WAAW;IAAA,GACNK,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTM,QAAQ,EAAEL,SAAU;IACpBI,IAAI,EAAEA,IAAK;IACXK,YAAY,EAAE,IAAAC,yBAAY,EAACZ,KAAK,CAACa,aAAa;EAAE,CACjD,CAAC;AAEN,CACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEaG,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","NAME","NativeInput","requireNativeComponent","InputCalculator","React","forwardRef","props","ref","nativeRef","useRef","_onChange","event","currentText","nativeEvent","text","onChange","onChangeText","defaultValue","useImperativeHandle","focus","node","findNodeHandle","current","config","UIManager","getViewManagerConfig","Commands","dispatchViewManagerCommand","blur","jsx","value","keybardColor","processColor","keyboardColor","_default","exports"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQsB,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGtB,MAAMG,IAAI,GAAG,oBAAoB;AACjC,MAAMC,WAAW,GAAG,IAAAC,mCAAsB,EAAMF,IAAI,CAAC;AAYrD,MAAMG,eAAe,gBAAGC,cAAK,CAACC,UAAU,CACtC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,SAAS,GAAGJ,cAAK,CAACK,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;EAEnDb,cAAK,CAACc,mBAAmB,CAACX,GAAG,EAAE,OAAO;IACpCY,KAAKA,CAAA,EAAG;MACN,MAAMC,IAAI,GAAG,IAAAC,2BAAc,EAACb,SAAS,CAACc,OAAO,CAAC;MAC9C,IAAI,CAACF,IAAI,EAAE;MACX,MAAMG,MAAM,GAAGC,sBAAS,CAACC,oBAAoB,CAACzB,IAAI,CAAC;MACnD,IAAIuB,MAAM,EAAEG,QAAQ,EAAEP,KAAK,IAAI,IAAI,EAAE;QACnCK,sBAAS,CAACG,0BAA0B,CAACP,IAAI,EAAEG,MAAM,CAACG,QAAQ,CAACP,KAAK,EAAE,EAAE,CAAC;MACvE;IACF,CAAC;IACDS,IAAIA,CAAA,EAAG;MACL,MAAMR,IAAI,GAAG,IAAAC,2BAAc,EAACb,SAAS,CAACc,OAAO,CAAC;MAC9C,IAAI,CAACF,IAAI,EAAE;MACX,MAAMG,MAAM,GAAGC,sBAAS,CAACC,oBAAoB,CAACzB,IAAI,CAAC;MACnD,IAAIuB,MAAM,EAAEG,QAAQ,EAAEE,IAAI,IAAI,IAAI,EAAE;QAClCJ,sBAAS,CAACG,0BAA0B,CAACP,IAAI,EAAEG,MAAM,CAACG,QAAQ,CAACE,IAAI,EAAE,EAAE,CAAC;MACtE;IACF;EACF,CAAC,CAAC,CAAC;EAEH,oBACE,IAAAhC,WAAA,CAAAiC,GAAA,EAAC5B,WAAW;IAAA,GACNK,KAAK;IACTC,GAAG,EAAEC,SAAU;IACfO,QAAQ,EAAEL,SAAU;IACpBoB,KAAK,EAAEhB,IAAK;IACZiB,YAAY,EAAE,IAAAC,yBAAY,EAAC1B,KAAK,CAAC2B,aAAa;EAAE,CACjD,CAAC;AAEN,CACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApC,OAAA,GAEaI,eAAe","ignoreList":[]}

package/lib/module/index.js

@@ -1,22 +1,42 @@
 "use strict";
 
 import React from 'react';
-import { processColor } from 'react-native';
+import { processColor, UIManager, findNodeHandle } from 'react-native';
 import { requireNativeComponent } from 'react-native';
 import { jsx as _jsx } from "react/jsx-runtime";
-const NativeInput = requireNativeComponent('RCTInputCalculator');
+const NAME = 'RCTInputCalculator';
+const NativeInput = requireNativeComponent(NAME);
 const InputCalculator = /*#__PURE__*/React.forwardRef((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 || '';
+  const text = props.text ?? props.defaultValue ?? '';
+  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: ref,
+    ref: nativeRef,
     onChange: _onChange,
-    text: text,
+    value: text,
     keybardColor: processColor(props.keyboardColor)
   });
 });

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","processColor","requireNativeComponent","jsx","_jsx","NativeInput","InputCalculator","forwardRef","props","ref","_onChange","event","currentText","nativeEvent","text","onChange","onChangeText","defaultValue","keybardColor","keyboardColor"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAKEC,YAAY,QACP,cAAc;AACrB,SAASC,sBAAsB,QAAmB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjE,MAAMC,WAAW,GAAGH,sBAAsB,CAAM,oBAAoB,CAAC;AAOrE,MAAMI,eAAe,gBAAGN,KAAK,CAACO,UAAU,CACtC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,SAAS,GACbC,KAAqD,IAClD;IACH,MAAMC,WAAW,GAAGD,KAAK,CAACE,WAAW,CAACC,IAAI;IAC1CN,KAAK,CAACO,QAAQ,IAAIP,KAAK,CAACO,QAAQ,CAACJ,KAAK,CAAC;IACvCH,KAAK,CAACQ,YAAY,IAAIR,KAAK,CAACQ,YAAY,CAACJ,WAAW,CAAC;EACvD,CAAC;EAED,MAAME,IAAI,GAAGN,KAAK,CAACM,IAAI,IAAIN,KAAK,CAACS,YAAY,IAAI,EAAE;EAEnD,oBACEb,IAAA,CAACC,WAAW;IAAA,GACNG,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTM,QAAQ,EAAEL,SAAU;IACpBI,IAAI,EAAEA,IAAK;IACXI,YAAY,EAAEjB,YAAY,CAACO,KAAK,CAACW,aAAa;EAAE,CACjD,CAAC;AAEN,CACF,CAAC;AAED,eAAeb,eAAe","ignoreList":[]}
+{"version":3,"names":["React","processColor","UIManager","findNodeHandle","requireNativeComponent","jsx","_jsx","NAME","NativeInput","InputCalculator","forwardRef","props","ref","nativeRef","useRef","_onChange","event","currentText","nativeEvent","text","onChange","onChangeText","defaultValue","useImperativeHandle","focus","node","current","config","getViewManagerConfig","Commands","dispatchViewManagerCommand","blur","value","keybardColor","keyboardColor"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAKEC,YAAY,EACZC,SAAS,EACTC,cAAc,QACT,cAAc;AACrB,SAASC,sBAAsB,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtD,MAAMC,IAAI,GAAG,oBAAoB;AACjC,MAAMC,WAAW,GAAGJ,sBAAsB,CAAMG,IAAI,CAAC;AAYrD,MAAME,eAAe,gBAAGT,KAAK,CAACU,UAAU,CACtC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,SAAS,GAAGb,KAAK,CAACc,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;EAEnDtB,KAAK,CAACuB,mBAAmB,CAACX,GAAG,EAAE,OAAO;IACpCY,KAAKA,CAAA,EAAG;MACN,MAAMC,IAAI,GAAGtB,cAAc,CAACU,SAAS,CAACa,OAAO,CAAC;MAC9C,IAAI,CAACD,IAAI,EAAE;MACX,MAAME,MAAM,GAAGzB,SAAS,CAAC0B,oBAAoB,CAACrB,IAAI,CAAC;MACnD,IAAIoB,MAAM,EAAEE,QAAQ,EAAEL,KAAK,IAAI,IAAI,EAAE;QACnCtB,SAAS,CAAC4B,0BAA0B,CAACL,IAAI,EAAEE,MAAM,CAACE,QAAQ,CAACL,KAAK,EAAE,EAAE,CAAC;MACvE;IACF,CAAC;IACDO,IAAIA,CAAA,EAAG;MACL,MAAMN,IAAI,GAAGtB,cAAc,CAACU,SAAS,CAACa,OAAO,CAAC;MAC9C,IAAI,CAACD,IAAI,EAAE;MACX,MAAME,MAAM,GAAGzB,SAAS,CAAC0B,oBAAoB,CAACrB,IAAI,CAAC;MACnD,IAAIoB,MAAM,EAAEE,QAAQ,EAAEE,IAAI,IAAI,IAAI,EAAE;QAClC7B,SAAS,CAAC4B,0BAA0B,CAACL,IAAI,EAAEE,MAAM,CAACE,QAAQ,CAACE,IAAI,EAAE,EAAE,CAAC;MACtE;IACF;EACF,CAAC,CAAC,CAAC;EAEH,oBACEzB,IAAA,CAACE,WAAW;IAAA,GACNG,KAAK;IACTC,GAAG,EAAEC,SAAU;IACfO,QAAQ,EAAEL,SAAU;IACpBiB,KAAK,EAAEb,IAAK;IACZc,YAAY,EAAEhC,YAAY,CAACU,KAAK,CAACuB,aAAa;EAAE,CACjD,CAAC;AAEN,CACF,CAAC;AAED,eAAezB,eAAe","ignoreList":[]}

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import { type TextInputProps, type ColorValue } from 'react-native';
-import { TextInput } from 'react-native';
 interface InputCalculatorProps extends TextInputProps {
     text?: string | undefined;
     keyboardColor?: ColorValue;
 }
-declare const InputCalculator: React.ForwardRefExoticComponent<InputCalculatorProps & React.RefAttributes<TextInput>>;
+export type InputCalculatorRef = {
+    focus: () => void;
+    blur: () => void;
+};
+declare const InputCalculator: React.ForwardRefExoticComponent<InputCalculatorProps & React.RefAttributes<InputCalculatorRef>>;
 export default InputCalculator;
-export type { InputCalculatorProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,UAAU,EAEhB,MAAM,cAAc,CAAC;AACtB,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjE,UAAU,oBAAqB,SAAQ,cAAc;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,wFAsBpB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,UAAU,EAIhB,MAAM,cAAc,CAAC;AAMtB,UAAU,oBAAqB,SAAQ,cAAc;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,eAAe,iGA2CpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import { type TextInputProps, type ColorValue } from 'react-native';
-import { TextInput } from 'react-native';
 interface InputCalculatorProps extends TextInputProps {
     text?: string | undefined;
     keyboardColor?: ColorValue;
 }
-declare const InputCalculator: React.ForwardRefExoticComponent<InputCalculatorProps & React.RefAttributes<TextInput>>;
+export type InputCalculatorRef = {
+    focus: () => void;
+    blur: () => void;
+};
+declare const InputCalculator: React.ForwardRefExoticComponent<InputCalculatorProps & React.RefAttributes<InputCalculatorRef>>;
 export default InputCalculator;
-export type { InputCalculatorProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,UAAU,EAEhB,MAAM,cAAc,CAAC;AACtB,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjE,UAAU,oBAAqB,SAAQ,cAAc;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,wFAsBpB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,UAAU,EAIhB,MAAM,cAAc,CAAC;AAMtB,UAAU,oBAAqB,SAAQ,cAAc;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,eAAe,iGA2CpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/calculator-keyboard",
-    "version": "0.150.1-beta.1",
+    "version": "0.150.1-rn80.6",
     "description": "react native calculator keyboard",
     "source": "./src/index.tsx",
     "main": "./lib/commonjs/index.js",

package/src/index.tsx

@@ -5,18 +5,28 @@ import {
   type TextInputProps,
   type ColorValue,
   processColor,
+  UIManager,
+  findNodeHandle,
 } from 'react-native';
-import { requireNativeComponent, TextInput } from 'react-native';
+import { requireNativeComponent } from 'react-native';
 
-const NativeInput = requireNativeComponent<any>('RCTInputCalculator');
+const NAME = 'RCTInputCalculator';
+const NativeInput = requireNativeComponent<any>(NAME);
 
 interface InputCalculatorProps extends TextInputProps {
   text?: string | undefined;
   keyboardColor?: ColorValue;
 }
 
-const InputCalculator = React.forwardRef<TextInput, InputCalculatorProps>(
+export type InputCalculatorRef = {
+  focus: () => void;
+  blur: () => void;
+};
+
+const InputCalculator = React.forwardRef<InputCalculatorRef, InputCalculatorProps>(
   (props, ref) => {
+    const nativeRef = React.useRef<any>(null);
+
     const _onChange = (
       event: NativeSyntheticEvent<TextInputChangeEventData>
     ) => {
@@ -25,14 +35,33 @@ const InputCalculator = React.forwardRef<TextInput, InputCalculatorProps>(
       props.onChangeText && props.onChangeText(currentText);
     };
 
-    const text = props.text || props.defaultValue || '';
+    const text = props.text ?? props.defaultValue ?? '';
+
+    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 (
       <NativeInput
         {...props}
-        ref={ref}
+        ref={nativeRef}
         onChange={_onChange}
-        text={text}
+        value={text}
         keybardColor={processColor(props.keyboardColor)}
       />
     );
@@ -40,5 +69,3 @@ const InputCalculator = React.forwardRef<TextInput, InputCalculatorProps>(
 );
 
 export default InputCalculator;
-
-export type { InputCalculatorProps };