@onekeyfe/react-native-text-input 0.2.9 → 3.0.91

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@onekeyfe/react-native-text-input",
-  "version": "0.2.9",
-  "description": "text-input",
+  "version": "3.0.91",
+  "description": "React Native TextInput with native paste events",
   "source": "./src/index.tsx",
+  "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
-  "main": "./src/index.tsx",
   "files": [
     "src",
     "lib",
     "android",
     "ios",
-    "cpp",
-    "*.podspec",
+    "OneKeyTextInput.podspec",
+    "react-native.config.js",
     "!ios/build",
     "!android/build",
     "!android/gradle",
@@ -21,135 +21,58 @@
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__",
-    "!**/.*"
+    "!**/.*",
+    "!**/*.map"
   ],
   "scripts": {
-    "example": "yarn workspace react-native-text-input-example",
-    "test": "jest",
+    "clean": "del-cli android/build lib",
+    "prepare": "rm -rf lib && bob build",
     "typecheck": "tsc",
-    "lint": "eslint \"**/*.{ts,tsx}\"",
-    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
-    "prepare": "bob build",
-    "release": "release-it"
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "release": "yarn prepare && npm whoami && npm publish --access public"
   },
   "keywords": [
     "react-native",
     "ios",
-    "android"
+    "android",
+    "text-input",
+    "paste"
   ],
+  "homepage": "https://github.com/OneKeyHQ/app-modules#readme",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/OneKeyHQ/react-native-text.git"
+    "url": "git+https://github.com/OneKeyHQ/app-modules.git",
+    "directory": "native-views/react-native-text-input"
   },
-  "author": "huhuanming <workboring@gmail.com> (https://github.com/huhuanming)",
+  "author": "@onekeyfe <huanming@onekey.so> (https://github.com/OneKeyHQ/app-modules)",
   "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/OneKeyHQ/react-native-text/issues"
-  },
-  "homepage": "https://github.com/OneKeyHQ/react-native-text/issues#readme",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^17.0.2",
-    "@evilmartians/lefthook": "^1.5.0",
-    "@react-native-community/cli": "^19.1.0",
-    "@react-native/eslint-config": "^0.73.1",
-    "@release-it/conventional-changelog": "^5.0.0",
-    "@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.79.5",
-    "react-native-builder-bob": "^0.40.12",
-    "release-it": "^19.0.0",
-    "turbo": "^1.10.7",
-    "typescript": "^5.2.2"
-  },
-  "resolutions": {
-    "@types/react": "^18.2.44"
+    "@react-native/babel-preset": "0.86.2",
+    "@types/react": "^19.2.0",
+    "del-cli": "^6.0.0",
+    "react": "19.2.3",
+    "react-native": "patch:react-native@npm%3A0.86.2#~/.yarn/patches/react-native-npm-0.86.2-c9d546616f.patch",
+    "react-native-builder-bob": "^0.40.13",
+    "typescript": "^5.9.2"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
-  "workspaces": [
-    "example"
-  ],
-  "packageManager": "yarn@3.6.1",
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
-    },
-    "npm": {
-      "publish": true
-    },
-    "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
-  },
+  "packageManager": "yarn@4.1.0",
   "react-native-builder-bob": {
     "source": "src",
     "output": "lib",
     "targets": [
-      "codegen",
       [
-        "commonjs"
+        "module",
+        {
+          "esm": true
+        }
       ],
       [
         "typescript",
@@ -161,18 +84,10 @@
   },
   "codegenConfig": {
     "name": "RNTextInputViewSpec",
-    "type": "all",
+    "type": "components",
     "jsSrcsDir": "src",
-    "outputDir": {
-      "ios": "ios/generated",
-      "android": "android/generated"
-    },
     "android": {
       "javaPackageName": "com.textinput"
     }
-  },
-  "create-react-native-library": {
-    "type": "view-mixed",
-    "version": "0.41.2"
   }
 }

package/react-native.config.js

@@ -0,0 +1,12 @@
+/**
+ * @type {import('@react-native-community/cli-types').UserDependencyConfig}
+ */
+module.exports = {
+  dependency: {
+    platforms: {
+      android: {
+        cmakeListsPath: "build/generated/source/codegen/jni/CMakeLists.txt",
+      },
+    },
+  },
+};

package/src/AndroidTextInputNativeComponent.js

@@ -10,11 +10,7 @@
 
 import type {HostComponent} from 'react-native/src/private/types/HostComponent';
 import type {PartialViewConfig} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
-import type {
-  ColorValue,
-  TextStyleProp,
-  ViewStyleProp,
-} from 'react-native/Libraries/StyleSheet/StyleSheet';
+import type {ColorValue, TextStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 import type {
   BubblingEventHandler,
   DirectEventHandler,
@@ -28,6 +24,7 @@ import type {TextInputNativeCommands} from 'react-native/Libraries/Components/Te
 
 import * as NativeComponentRegistry from 'react-native/Libraries/NativeComponent/NativeComponentRegistry';
 import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import {colorAttribute} from 'react-native/Libraries/Components/View/ReactNativeStyleAttributes';
 
 export type KeyboardType =
   // Cross Platform
@@ -67,10 +64,10 @@ export type ReturnKeyType =
 
 export type SubmitBehavior = 'submit' | 'blurAndSubmit' | 'newline';
 
-export type NativeProps = $ReadOnly<{
+export type AndroidTextInputNativeProps = Readonly<{
   // This allows us to inherit everything from ViewProps except for style (see below)
   // This must be commented for Fabric codegen to work.
-  ...$Diff<ViewProps, $ReadOnly<{style: ?ViewStyleProp}>>,
+  ...Omit<ViewProps, 'style'>,
 
   /**
    * Android props after this
@@ -93,8 +90,15 @@ export type NativeProps = $ReadOnly<{
    * - `cc-exp-month`
    * - `cc-exp-year`
    * - `cc-number`
+   * - `2fa-app-otp`
    * - `email`
+   * - `email-otp`
+   * - `flight-confirmation-code`
+   * - `flight-number`
    * - `gender`
+   * - `gift-card-number`
+   * - `gift-card-pin`
+   * - `loyalty-account-number`
    * - `name`
    * - `name-family`
    * - `name-given`
@@ -106,17 +110,22 @@ export type NativeProps = $ReadOnly<{
    * - `password-new`
    * - `postal-address`
    * - `postal-address-country`
+   * - `postal-address-dependent-locality`
    * - `postal-address-extended`
    * - `postal-address-extended-postal-code`
    * - `postal-address-locality`
    * - `postal-address-region`
+   * - `postal-address-unit`
    * - `postal-code`
+   * - `promo-code`
    * - `street-address`
    * - `sms-otp`
    * - `tel`
    * - `tel-country-code`
    * - `tel-national`
    * - `tel-device`
+   * - `upi-vpa`
+   * - `wifi-password`
    * - `username`
    * - `username-new`
    * - `off`
@@ -124,6 +133,7 @@ export type NativeProps = $ReadOnly<{
    * @platform android
    */
   autoComplete?: WithDefault<
+    | '2fa-app-otp'
     | 'birthdate-day'
     | 'birthdate-full'
     | 'birthdate-month'
@@ -135,7 +145,13 @@ export type NativeProps = $ReadOnly<{
     | 'cc-exp-year'
     | 'cc-number'
     | 'email'
+    | 'email-otp'
+    | 'flight-confirmation-code'
+    | 'flight-number'
     | 'gender'
+    | 'gift-card-number'
+    | 'gift-card-pin'
+    | 'loyalty-account-number'
     | 'name'
     | 'name-family'
     | 'name-given'
@@ -147,17 +163,22 @@ export type NativeProps = $ReadOnly<{
     | 'password-new'
     | 'postal-address'
     | 'postal-address-country'
+    | 'postal-address-dependent-locality'
     | 'postal-address-extended'
     | 'postal-address-extended-postal-code'
     | 'postal-address-locality'
     | 'postal-address-region'
+    | 'postal-address-unit'
     | 'postal-code'
+    | 'promo-code'
     | 'street-address'
     | 'sms-otp'
     | 'tel'
     | 'tel-country-code'
     | 'tel-national'
     | 'tel-device'
+    | 'upi-vpa'
+    | 'wifi-password'
     | 'username'
     | 'username-new'
     | 'off',
@@ -343,13 +364,13 @@ export type NativeProps = $ReadOnly<{
    * Callback that is called when the text input is blurred.
    * `target` is the reactTag of the element
    */
-  onBlur?: ?BubblingEventHandler<$ReadOnly<{target: Int32}>>,
+  onBlur?: ?BubblingEventHandler<Readonly<{target: Int32}>>,
 
   /**
    * Callback that is called when the text input is focused.
    * `target` is the reactTag of the element
    */
-  onFocus?: ?BubblingEventHandler<$ReadOnly<{target: Int32}>>,
+  onFocus?: ?BubblingEventHandler<Readonly<{target: Int32}>>,
 
   /**
    * Callback that is called when the text input's text changes.
@@ -357,7 +378,7 @@ export type NativeProps = $ReadOnly<{
    * TODO: differentiate between onChange and onChangeText
    */
   onChange?: ?BubblingEventHandler<
-    $ReadOnly<{target: Int32, eventCount: Int32, text: string}>,
+    Readonly<{target: Int32, eventCount: Int32, text: string}>,
   >,
 
   /**
@@ -366,7 +387,7 @@ export type NativeProps = $ReadOnly<{
    * TODO: differentiate between onChange and onChangeText
    */
   onChangeText?: ?BubblingEventHandler<
-    $ReadOnly<{target: Int32, eventCount: Int32, text: string}>,
+    Readonly<{target: Int32, eventCount: Int32, text: string}>,
   >,
 
   /**
@@ -377,18 +398,16 @@ export type NativeProps = $ReadOnly<{
    * Only called for multiline text inputs.
    */
   onContentSizeChange?: ?DirectEventHandler<
-    $ReadOnly<{
+    Readonly<{
       target: Int32,
-      contentSize: $ReadOnly<{width: Double, height: Double}>,
+      contentSize: Readonly<{width: Double, height: Double}>,
     }>,
   >,
 
   /**
    * Callback that is called when text input ends.
    */
-  onEndEditing?: ?BubblingEventHandler<
-    $ReadOnly<{target: Int32, text: string}>,
-  >,
+  onEndEditing?: ?BubblingEventHandler<Readonly<{target: Int32, text: string}>>,
 
   /**
    * Callback that is called when the text input selection is changed.
@@ -396,9 +415,9 @@ export type NativeProps = $ReadOnly<{
    * `{ nativeEvent: { selection: { start, end } } }`.
    */
   onSelectionChange?: ?DirectEventHandler<
-    $ReadOnly<{
+    Readonly<{
       target: Int32,
-      selection: $ReadOnly<{start: Double, end: Double}>,
+      selection: Readonly<{start: Double, end: Double}>,
     }>,
   >,
 
@@ -407,7 +426,7 @@ export type NativeProps = $ReadOnly<{
    * Invalid if `multiline={true}` is specified.
    */
   onSubmitEditing?: ?BubblingEventHandler<
-    $ReadOnly<{target: Int32, text: string}>,
+    Readonly<{target: Int32, text: string}>,
   >,
 
   /**
@@ -417,7 +436,7 @@ export type NativeProps = $ReadOnly<{
    * the typed-in character otherwise including `' '` for space.
    * Fires before `onChange` callbacks.
    */
-  onKeyPress?: ?BubblingEventHandler<$ReadOnly<{target: Int32, key: string}>>,
+  onKeyPress?: ?BubblingEventHandler<Readonly<{target: Int32, key: string}>>,
 
   /**
    * Invoked on content scroll with `{ nativeEvent: { contentOffset: { x, y } } }`.
@@ -425,48 +444,42 @@ export type NativeProps = $ReadOnly<{
    * is not provided for performance reasons.
    */
   onScroll?: ?DirectEventHandler<
-    $ReadOnly<{
+    Readonly<{
       target: Int32,
       responderIgnoreScroll: boolean,
-      contentInset: $ReadOnly<{
+      contentInset: Readonly<{
         top: Double, // always 0 on Android
         bottom: Double, // always 0 on Android
         left: Double, // always 0 on Android
         right: Double, // always 0 on Android
       }>,
-      contentOffset: $ReadOnly<{
+      contentOffset: Readonly<{
         x: Double,
         y: Double,
       }>,
-      contentSize: $ReadOnly<{
+      contentSize: Readonly<{
         width: Double, // always 0 on Android
         height: Double, // always 0 on Android
       }>,
-      layoutMeasurement: $ReadOnly<{
+      layoutMeasurement: Readonly<{
         width: Double,
         height: Double,
       }>,
-      velocity: $ReadOnly<{
+      velocity: Readonly<{
         x: Double, // always 0 on Android
         y: Double, // always 0 on Android
       }>,
     }>,
   >,
 
-   /**
-   * Invoked when the user performs the paste action.
-   */
-   onPaste?: ?DirectEventHandler<
-      $ReadOnly<{|
-        target: Int32,
-        items: $ReadOnlyArray<
-          $ReadOnly<{|
-            type: string,
-            data: string,
-          |}>,
-        >,
-      |}>,
-    >,
+  /** Invoked when the user performs a paste action. */
+  onPaste?: ?DirectEventHandler<
+    Readonly<{
+      target: Int32,
+      items: ReadonlyArray<Readonly<{type: string, data: string}>>,
+    }>,
+  >,
+
   /**
    * The string that will be rendered before text input has been entered.
    */
@@ -497,7 +510,7 @@ export type NativeProps = $ReadOnly<{
    * The start and end of the text input's selection. Set start and end to
    * the same value to position the cursor.
    */
-  selection?: ?$ReadOnly<{
+  selection?: ?Readonly<{
     start: Int32,
     end?: ?Int32,
   }>,
@@ -571,7 +584,7 @@ export type NativeProps = $ReadOnly<{
    * - `borderBottomRightRadius`
    * - `borderBottomLeftRadius`
    *
-   * see [Issue#7070](https://github.com/facebook/react-native/issues/7070)
+   * see [Issue#7070](https://github.com/react/react-native/issues/7070)
    * for more detail.
    *
    * [Styles](docs/style.html)
@@ -600,7 +613,7 @@ export type NativeProps = $ReadOnly<{
   textShadowRadius?: ?Float,
   textDecorationLine?: ?string,
   fontStyle?: ?string,
-  textShadowOffset?: ?$ReadOnly<{width?: ?Double, height?: ?Double}>,
+  textShadowOffset?: ?Readonly<{width?: ?Double, height?: ?Double}>,
   lineHeight?: ?Float,
   textTransform?: ?string,
   color?: ?Int32,
@@ -624,7 +637,7 @@ export type NativeProps = $ReadOnly<{
   text?: ?string,
 }>;
 
-type NativeType = HostComponent<NativeProps>;
+type NativeType = HostComponent<AndroidTextInputNativeProps>;
 
 type NativeCommands = TextInputNativeCommands<NativeType>;
 
@@ -635,24 +648,12 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
 export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
   uiViewClassName: 'OneKeyTextInput',
   bubblingEventTypes: {
-    topBlur: {
-      phasedRegistrationNames: {
-        bubbled: 'onBlur',
-        captured: 'onBlurCapture',
-      },
-    },
     topEndEditing: {
       phasedRegistrationNames: {
         bubbled: 'onEndEditing',
         captured: 'onEndEditingCapture',
       },
     },
-    topFocus: {
-      phasedRegistrationNames: {
-        bubbled: 'onFocus',
-        captured: 'onFocusCapture',
-      },
-    },
     topKeyPress: {
       phasedRegistrationNames: {
         bubbled: 'onKeyPress',
@@ -675,6 +676,7 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     },
   },
   validAttributes: {
+    acceptDragAndDropTypes: true,
     maxFontSizeMultiplier: true,
     adjustsFontSizeToFit: true,
     minimumFontScale: true,
@@ -682,41 +684,33 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     placeholder: true,
     inlineImagePadding: true,
     contextMenuHidden: true,
-    textShadowColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default,
-    },
+    textShadowColor: colorAttribute,
     maxLength: true,
     selectTextOnFocus: true,
     textShadowRadius: true,
-    underlineColorAndroid: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default,
-    },
+    underlineColorAndroid: colorAttribute,
     textDecorationLine: true,
     submitBehavior: true,
     textAlignVertical: true,
     fontStyle: true,
     textShadowOffset: true,
-    selectionColor: {process: require('react-native/Libraries/StyleSheet/processColor').default},
-    selectionHandleColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default,
-    },
-    placeholderTextColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default,
-    },
+    selectionColor: colorAttribute,
+    selectionHandleColor: colorAttribute,
+    placeholderTextColor: colorAttribute,
     importantForAutofill: true,
     lineHeight: true,
     textTransform: true,
     returnKeyType: true,
     keyboardType: true,
     multiline: true,
-    color: {process: require('react-native/Libraries/StyleSheet/processColor').default},
+    color: colorAttribute,
     autoComplete: true,
     numberOfLines: true,
     letterSpacing: true,
     returnKeyLabel: true,
     fontSize: true,
     onKeyPress: true,
-    cursorColor: {process: require('react-native/Libraries/StyleSheet/processColor').default},
+    cursorColor: colorAttribute,
     text: true,
     showSoftInputOnFocus: true,
     textAlign: true,
@@ -726,8 +720,8 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     secureTextEntry: true,
     textBreakStrategy: true,
     onScroll: true,
-    onContentSizeChange: true,
     onPaste: true,
+    onContentSizeChange: true,
     disableFullscreenUI: true,
     includeFontPadding: true,
     fontWeight: true,
@@ -739,29 +733,24 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     editable: true,
     fontVariant: true,
     borderBottomRightRadius: true,
-    borderBottomColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default,
-    },
+    borderBottomColor: colorAttribute,
     borderRadius: true,
-    borderRightColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default,
-    },
-    borderColor: {process: require('react-native/Libraries/StyleSheet/processColor').default},
+    borderRightColor: colorAttribute,
+    borderColor: colorAttribute,
     borderTopRightRadius: true,
     borderStyle: true,
     borderBottomLeftRadius: true,
-    borderLeftColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default,
-    },
+    borderLeftColor: colorAttribute,
     borderTopLeftRadius: true,
-    borderTopColor: {process: require('react-native/Libraries/StyleSheet/processColor').default},
+    borderTopColor: colorAttribute,
   },
 };
 
-let AndroidTextInputNativeComponent = NativeComponentRegistry.get<NativeProps>(
-  'OneKeyTextInput',
-  () => __INTERNAL_VIEW_CONFIG,
-);
+let AndroidTextInputNativeComponent =
+  NativeComponentRegistry.get<AndroidTextInputNativeProps>(
+    'OneKeyTextInput',
+    () => __INTERNAL_VIEW_CONFIG,
+  );
 
 // flowlint-next-line unclear-type:off
-export default ((AndroidTextInputNativeComponent: any): HostComponent<NativeProps>);
+export default AndroidTextInputNativeComponent as any as HostComponent<AndroidTextInputNativeProps>;