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

package/lib/{commonjs → module}/Input.js

@@ -1,43 +1,37 @@
 "use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var ReactNativeFeatureFlags = _interopRequireWildcard(require("react-native/src/private/featureflags/ReactNativeFeatureFlags.js"));
-var _usePressability = _interopRequireDefault(require("react-native/Libraries/Pressability/usePressability.js"));
-var _flattenStyle = _interopRequireDefault(require("react-native/Libraries/StyleSheet/flattenStyle.js"));
-var _StyleSheet = _interopRequireDefault(require("react-native/Libraries/StyleSheet/StyleSheet"));
-var _Text = _interopRequireDefault(require("react-native/Libraries/Text/Text"));
-var _TextAncestor = _interopRequireDefault(require("react-native/Libraries/Text/TextAncestor"));
-var _Platform = _interopRequireDefault(require("react-native/Libraries/Utilities/Platform"));
-var _useMergeRefs = _interopRequireDefault(require("react-native/Libraries/Utilities/useMergeRefs"));
-var _TextInputState = _interopRequireDefault(require("react-native/Libraries/Components/TextInput/TextInputState"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _nullthrows = _interopRequireDefault(require("nullthrows"));
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import usePressability from 'react-native/Libraries/Pressability/usePressability';
+import flattenStyle from 'react-native/Libraries/StyleSheet/flattenStyle';
+import StyleSheet from 'react-native/Libraries/StyleSheet/StyleSheet';
+import Text from 'react-native/Libraries/Text/Text';
+import TextAncestorContext from 'react-native/Libraries/Text/TextAncestorContext';
+import Platform from 'react-native/Libraries/Utilities/Platform';
+import useMergeRefs from 'react-native/Libraries/Utilities/useMergeRefs';
+import TextInputState from 'react-native/Libraries/Components/TextInput/TextInputState';
+import invariant from 'invariant';
+import nullthrows from 'nullthrows';
+import * as React from 'react';
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { findNodeHandle, NativeEventEmitter, NativeModules } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const iosPasteEmitter = Platform.OS === 'ios' && NativeModules.OneKeyTextInputPasteObserver != null ? new NativeEventEmitter(NativeModules.OneKeyTextInputPasteObserver) : null;
 let AndroidTextInput;
 let AndroidTextInputCommands;
 let RCTSinglelineTextInputView;
 let RCTSinglelineTextInputNativeCommands;
 let RCTMultilineTextInputView;
 let RCTMultilineTextInputNativeCommands;
-if (_Platform.default.OS === 'android') {
+if (Platform.OS === 'android') {
   AndroidTextInput = require('./AndroidTextInputNativeComponent').default;
   AndroidTextInputCommands = require('./AndroidTextInputNativeComponent').Commands;
-} else if (_Platform.default.OS === 'ios') {
+} else if (Platform.OS === 'ios') {
   RCTSinglelineTextInputView = require('react-native/Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent').default;
   RCTSinglelineTextInputNativeCommands = require('react-native/Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent').Commands;
   RCTMultilineTextInputView = require('react-native/Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent').default;
   RCTMultilineTextInputNativeCommands = require('react-native/Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent').Commands;
 }
 const emptyFunctionThatReturnsTrue = () => true;
-function useTextInputStateSynchronization_STATE({
+function useTextInputStateSynchronization({
   props,
   mostRecentEventCount,
   selection,
@@ -45,16 +39,16 @@ function useTextInputStateSynchronization_STATE({
   text,
   viewCommands
 }) {
-  const [lastNativeText, setLastNativeText] = (0, _react.useState)(props.value);
-  const [lastNativeSelectionState, setLastNativeSelection] = (0, _react.useState)({
+  const [lastNativeText, setLastNativeText] = useState(props.value);
+  const [lastNativeSelectionState, setLastNativeSelection] = useState({
+    mostRecentEventCount,
     selection: {
-      start: -1,
-      end: -1
-    },
-    mostRecentEventCount: mostRecentEventCount
+      end: -1,
+      start: -1
+    }
   });
   const lastNativeSelection = lastNativeSelectionState.selection;
-  (0, _react.useLayoutEffect)(() => {
+  useLayoutEffect(() => {
     const nativeUpdate = {};
     if (lastNativeText !== props.value && typeof props.value === 'string') {
       nativeUpdate.text = props.value;
@@ -63,8 +57,8 @@ function useTextInputStateSynchronization_STATE({
     if (selection && lastNativeSelection && (lastNativeSelection.start !== selection.start || lastNativeSelection.end !== selection.end)) {
       nativeUpdate.selection = selection;
       setLastNativeSelection({
-        selection,
-        mostRecentEventCount
+        mostRecentEventCount,
+        selection
       });
     }
     if (Object.keys(nativeUpdate).length === 0) {
@@ -75,54 +69,8 @@ function useTextInputStateSynchronization_STATE({
     }
   }, [mostRecentEventCount, inputRef, props.value, props.defaultValue, lastNativeText, selection, lastNativeSelection, text, viewCommands]);
   return {
-    setLastNativeText,
-    setLastNativeSelection
-  };
-}
-function useTextInputStateSynchronization_REFS({
-  props,
-  mostRecentEventCount,
-  selection,
-  inputRef,
-  text,
-  viewCommands
-}) {
-  const lastNativeTextRef = (0, _react.useRef)(props.value);
-  const lastNativeSelectionRef = (0, _react.useRef)({
-    selection: {
-      start: -1,
-      end: -1
-    },
-    mostRecentEventCount: mostRecentEventCount
-  });
-  (0, _react.useLayoutEffect)(() => {
-    const nativeUpdate = {};
-    const lastNativeSelection = lastNativeSelectionRef.current.selection;
-    if (lastNativeTextRef.current !== props.value && typeof props.value === 'string') {
-      nativeUpdate.text = props.value;
-      lastNativeTextRef.current = props.value;
-    }
-    if (selection && lastNativeSelection && (lastNativeSelection.start !== selection.start || lastNativeSelection.end !== selection.end)) {
-      nativeUpdate.selection = selection;
-      lastNativeSelectionRef.current = {
-        selection,
-        mostRecentEventCount
-      };
-    }
-    if (Object.keys(nativeUpdate).length === 0) {
-      return;
-    }
-    if (inputRef.current != null) {
-      viewCommands.setTextAndSelection(inputRef.current, mostRecentEventCount, text, selection?.start ?? -1, selection?.end ?? -1);
-    }
-  }, [mostRecentEventCount, inputRef, props.value, props.defaultValue, selection, text, viewCommands]);
-  return {
-    setLastNativeText: lastNativeText => {
-      lastNativeTextRef.current = lastNativeText;
-    },
-    setLastNativeSelection: lastNativeSelection => {
-      lastNativeSelectionRef.current = lastNativeSelection;
-    }
+    setLastNativeSelection,
+    setLastNativeText
   };
 }
 function InternalTextInput(props) {
@@ -139,55 +87,73 @@ function InternalTextInput(props) {
     selectionColor,
     selectionHandleColor,
     cursorColor,
+    onPaste,
     ...otherProps
   } = props;
-  const inputRef = (0, _react.useRef)(null);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (Platform.OS !== 'ios' || iosPasteEmitter == null || onPaste == null) {
+      return;
+    }
+    const subscription = iosPasteEmitter.addListener('OneKeyTextInputPaste', event => {
+      const target = findNodeHandle(inputRef.current);
+      if (target != null && target === event.target) {
+        onPaste({
+          nativeEvent: {
+            items: event.items
+          }
+        });
+      }
+    });
+    return () => subscription.remove();
+  }, [onPaste]);
   const selection = propsSelection == null ? null : {
-    start: propsSelection.start,
-    end: propsSelection.end ?? propsSelection.start
+    end: propsSelection.end ?? propsSelection.start,
+    start: propsSelection.start
   };
   const text = typeof props.value === 'string' ? props.value : typeof props.defaultValue === 'string' ? props.defaultValue : undefined;
   const viewCommands = AndroidTextInputCommands || (props.multiline === true ? RCTMultilineTextInputNativeCommands : RCTSinglelineTextInputNativeCommands);
-  const [mostRecentEventCount, setMostRecentEventCount] = (0, _react.useState)(0);
-  const useTextInputStateSynchronization = ReactNativeFeatureFlags.useRefsForTextInputState() ? useTextInputStateSynchronization_REFS : useTextInputStateSynchronization_STATE;
+  const [mostRecentEventCount, setMostRecentEventCount] = useState(0);
   const {
     setLastNativeText,
     setLastNativeSelection
   } = useTextInputStateSynchronization({
-    props,
     inputRef,
     mostRecentEventCount,
+    props,
     selection,
     text,
     viewCommands
   });
-  (0, _react.useLayoutEffect)(() => {
+  useLayoutEffect(() => {
     const inputRefValue = inputRef.current;
     if (inputRefValue != null) {
-      _TextInputState.default.registerInput(inputRefValue);
+      TextInputState.registerInput(inputRefValue);
       return () => {
-        _TextInputState.default.unregisterInput(inputRefValue);
-        if (_TextInputState.default.currentlyFocusedInput() === inputRefValue) {
-          (0, _nullthrows.default)(inputRefValue).blur();
+        TextInputState.unregisterInput(inputRefValue);
+        if (TextInputState.currentlyFocusedInput() === inputRefValue) {
+          nullthrows(inputRefValue).blur();
         }
       };
     }
   }, []);
-  const setLocalRef = (0, _react.useCallback)(instance => {
+  const setLocalRef = useCallback(instance => {
     inputRef.current = instance;
     if (instance != null) {
+      TextInputState.registerInput(instance);
       Object.assign(instance, {
         clear() {
           if (inputRef.current != null) {
             viewCommands.setTextAndSelection(inputRef.current, mostRecentEventCount, '', 0, 0);
           }
         },
-        isFocused() {
-          return _TextInputState.default.currentlyFocusedInput() === inputRef.current;
-        },
         getNativeRef() {
           return inputRef.current;
         },
+        isFocused() {
+          const currentlyFocusedInput = TextInputState.currentlyFocusedInput();
+          return currentlyFocusedInput != null && currentlyFocusedInput === inputRef.current;
+        },
         setSelection(start, end) {
           if (inputRef.current != null) {
             viewCommands.setTextAndSelection(inputRef.current, mostRecentEventCount, null, start, end);
@@ -196,7 +162,7 @@ function InternalTextInput(props) {
       });
     }
   }, [mostRecentEventCount, viewCommands]);
-  const ref = (0, _useMergeRefs.default)(setLocalRef, props.forwardedRef);
+  const ref = useMergeRefs(setLocalRef, props.forwardedRef);
   const _onChange = event => {
     const currentText = event.nativeEvent.text;
     props.onChange && props.onChange(event);
@@ -213,18 +179,18 @@ function InternalTextInput(props) {
       return;
     }
     setLastNativeSelection({
-      selection: event.nativeEvent.selection,
-      mostRecentEventCount
+      mostRecentEventCount,
+      selection: event.nativeEvent.selection
     });
   };
   const _onFocus = event => {
-    _TextInputState.default.focusInput(inputRef.current);
+    TextInputState.focusInput(inputRef.current);
     if (props.onFocus) {
       props.onFocus(event);
     }
   };
   const _onBlur = event => {
-    _TextInputState.default.blurInput(inputRef.current);
+    TextInputState.blurInput(inputRef.current);
     if (props.onBlur) {
       props.onBlur(event);
     }
@@ -264,7 +230,8 @@ function InternalTextInput(props) {
     onPressOut,
     rejectResponderTermination
   } = props;
-  const config = React.useMemo(() => ({
+  const config = useMemo(() => ({
+    cancelable: Platform.OS === 'ios' ? !rejectResponderTermination : null,
     hitSlop,
     onPress: event => {
       onPress?.(event);
@@ -274,19 +241,19 @@ function InternalTextInput(props) {
         }
       }
     },
-    onPressIn: onPressIn,
-    onPressOut: onPressOut,
-    cancelable: _Platform.default.OS === 'ios' ? !rejectResponderTermination : null
+    onPressIn,
+    onPressOut
   }), [editable, hitSlop, onPress, onPressIn, onPressOut, rejectResponderTermination]);
   let caretHidden = props.caretHidden;
-  if (_Platform.default.isTesting) {
+  if (Platform.isTesting) {
     caretHidden = true;
   }
   const {
     onBlur,
     onFocus,
     ...eventHandlers
-  } = (0, _usePressability.default)(config);
+  } = usePressability(config);
+  const _accessibilityLabel = props?.['aria-label'] ?? props?.accessibilityLabel;
   let _accessibilityState;
   if (accessibilityState != null || ariaBusy != null || ariaChecked != null || ariaDisabled != null || ariaExpanded != null || ariaSelected != null) {
     _accessibilityState = {
@@ -298,7 +265,7 @@ function InternalTextInput(props) {
     };
   }
   let _style = props.style;
-  const flattenedStyle = (0, _flattenStyle.default)(props.style);
+  const flattenedStyle = flattenStyle(props.style);
   if (flattenedStyle != null) {
     let overrides = null;
     if (typeof flattenedStyle?.fontWeight === 'number') {
@@ -314,14 +281,18 @@ function InternalTextInput(props) {
       _style = [_style, overrides];
     }
   }
-  if (_Platform.default.OS === 'ios') {
+  if (Platform.OS === 'ios') {
     const RCTTextInputView = props.multiline === true ? RCTMultilineTextInputView : RCTSinglelineTextInputView;
     const useMultilineDefaultStyle = props.multiline === true && (flattenedStyle == null || flattenedStyle.padding == null && flattenedStyle.paddingVertical == null && flattenedStyle.paddingTop == null);
-    textInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(RCTTextInputView, {
+    const _accessibilityElementsHidden = props['aria-hidden'] ?? props.accessibilityElementsHidden;
+    textInput = /*#__PURE__*/_jsx(RCTTextInputView, {
       ref: ref,
       ...otherProps,
       ...eventHandlers,
+      acceptDragAndDropTypes: props.experimental_acceptDragAndDropTypes,
+      accessibilityLabel: _accessibilityLabel,
       accessibilityState: _accessibilityState,
+      accessibilityElementsHidden: _accessibilityElementsHidden,
       accessible: accessible,
       submitBehavior: submitBehavior,
       caretHidden: caretHidden,
@@ -339,51 +310,51 @@ function InternalTextInput(props) {
       onSelectionChangeShouldSetResponder: emptyFunctionThatReturnsTrue,
       selection: selection,
       selectionColor: selectionColor,
-      style: _StyleSheet.default.compose(useMultilineDefaultStyle ? styles.multilineDefault : null, _style),
+      style: StyleSheet.compose(useMultilineDefaultStyle ? styles.multilineDefault : null, _style),
       text: text
     });
-  } else if (_Platform.default.OS === 'android') {
+  } else if (Platform.OS === 'android') {
     const autoCapitalize = props.autoCapitalize || 'sentences';
     const _accessibilityLabelledBy = props?.['aria-labelledby'] ?? props?.accessibilityLabelledBy;
+    const _importantForAccessibility = props['aria-hidden'] === true ? 'no-hide-descendants' : undefined;
     const placeholder = props.placeholder ?? '';
     let children = props.children;
     const childCount = React.Children.count(children);
-    (0, _invariant.default)(!(props.value != null && childCount), 'Cannot specify both value and children.');
+    invariant(!(props.value != null && childCount), 'Cannot specify both value and children.');
     if (childCount > 1) {
-      children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      children = /*#__PURE__*/_jsx(Text, {
         children: children
       });
     }
     const colorProps = {
+      cursorColor: cursorColor === undefined ? selectionColor : cursorColor,
       selectionColor,
-      selectionHandleColor: selectionHandleColor === undefined ? selectionColor : selectionHandleColor,
-      cursorColor: cursorColor === undefined ? selectionColor : cursorColor
+      selectionHandleColor: selectionHandleColor === undefined ? selectionColor : selectionHandleColor
     };
-    const {
-      onPaste,
-      ...rest
-    } = otherProps;
-    textInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(AndroidTextInput, {
+    textInput = /*#__PURE__*/_jsx(AndroidTextInput, {
       ref: ref,
-      ...rest,
+      ...otherProps,
       ...colorProps,
       ...eventHandlers,
-      onPaste: onPaste,
-      accessibilityState: _accessibilityState,
+      accessibilityLabel: _accessibilityLabel,
       accessibilityLabelledBy: _accessibilityLabelledBy,
+      accessibilityState: _accessibilityState,
       accessible: accessible,
+      acceptDragAndDropTypes: props.experimental_acceptDragAndDropTypes,
       autoCapitalize: autoCapitalize,
       submitBehavior: submitBehavior,
       caretHidden: caretHidden,
       children: children,
       disableFullscreenUI: props.disableFullscreenUI,
       focusable: tabIndex !== undefined ? !tabIndex : focusable,
+      importantForAccessibility: _importantForAccessibility,
       mostRecentEventCount: mostRecentEventCount,
       nativeID: id ?? props.nativeID,
       numberOfLines: props.rows ?? props.numberOfLines,
       onBlur: _onBlur,
       onChange: _onChange,
       onFocus: _onFocus,
+      onPaste: onPaste,
       onScroll: _onScroll,
       onSelectionChange: _onSelectionChange,
       placeholder: placeholder,
@@ -392,14 +363,14 @@ function InternalTextInput(props) {
       textBreakStrategy: props.textBreakStrategy
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextAncestor.default.Provider, {
+  return /*#__PURE__*/_jsx(TextAncestorContext, {
     value: true,
     children: textInput
   });
 }
 const enterKeyHintToReturnTypeMap = {
-  enter: 'default',
   done: 'done',
+  enter: 'default',
   go: 'go',
   next: 'next',
   previous: 'previous',
@@ -407,16 +378,17 @@ const enterKeyHintToReturnTypeMap = {
   send: 'send'
 };
 const inputModeToKeyboardTypeMap = {
-  none: 'default',
-  text: 'default',
   decimal: 'decimal-pad',
+  email: 'email-address',
+  none: 'default',
   numeric: 'number-pad',
+  search: Platform.OS === 'ios' ? 'web-search' : 'default',
   tel: 'phone-pad',
-  search: _Platform.default.OS === 'ios' ? 'web-search' : 'default',
-  email: 'email-address',
+  text: 'default',
   url: 'url'
 };
 const autoCompleteWebToAutoCompleteAndroidMap = {
+  'additional-name': 'name-middle',
   'address-line1': 'postal-address-region',
   'address-line2': 'postal-address-locality',
   bday: 'birthdate-full',
@@ -431,12 +403,11 @@ const autoCompleteWebToAutoCompleteAndroidMap = {
   country: 'postal-address-country',
   'current-password': 'password',
   email: 'email',
+  'family-name': 'name-family',
+  'given-name': 'name-given',
   'honorific-prefix': 'name-prefix',
   'honorific-suffix': 'name-suffix',
   name: 'name',
-  'additional-name': 'name-middle',
-  'family-name': 'name-family',
-  'given-name': 'name-given',
   'new-password': 'password-new',
   off: 'off',
   'one-time-code': 'sms-otp',
@@ -449,33 +420,33 @@ const autoCompleteWebToAutoCompleteAndroidMap = {
   username: 'username'
 };
 const autoCompleteWebToTextContentTypeMap = {
+  'additional-name': 'middleName',
   'address-line1': 'streetAddressLine1',
   'address-line2': 'streetAddressLine2',
   bday: 'birthdate',
   'bday-day': 'birthdateDay',
   'bday-month': 'birthdateMonth',
   'bday-year': 'birthdateYear',
+  'cc-additional-name': 'creditCardMiddleName',
   'cc-csc': 'creditCardSecurityCode',
+  'cc-exp': 'creditCardExpiration',
   'cc-exp-month': 'creditCardExpirationMonth',
   'cc-exp-year': 'creditCardExpirationYear',
-  'cc-exp': 'creditCardExpiration',
-  'cc-given-name': 'creditCardGivenName',
-  'cc-additional-name': 'creditCardMiddleName',
   'cc-family-name': 'creditCardFamilyName',
+  'cc-given-name': 'creditCardGivenName',
   'cc-name': 'creditCardName',
   'cc-number': 'creditCardNumber',
   'cc-type': 'creditCardType',
-  'current-password': 'password',
   country: 'countryName',
+  'current-password': 'password',
   email: 'emailAddress',
-  name: 'name',
-  'additional-name': 'middleName',
   'family-name': 'familyName',
   'given-name': 'givenName',
-  nickname: 'nickname',
   'honorific-prefix': 'namePrefix',
   'honorific-suffix': 'nameSuffix',
+  name: 'name',
   'new-password': 'newPassword',
+  nickname: 'nickname',
   off: 'none',
   'one-time-code': 'oneTimeCode',
   organization: 'organizationName',
@@ -486,7 +457,8 @@ const autoCompleteWebToTextContentTypeMap = {
   url: 'URL',
   username: 'username'
 };
-const ExportedForwardRef = /*#__PURE__*/React.forwardRef(function TextInput({
+const TextInput = function TextInput({
+  ref: forwardedRef,
   allowFontScaling = true,
   rejectResponderTermination = true,
   underlineColorAndroid = 'transparent',
@@ -500,8 +472,8 @@ const ExportedForwardRef = /*#__PURE__*/React.forwardRef(function TextInput({
   showSoftInputOnFocus,
   keyboardType,
   ...restProps
-}, forwardedRef) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalTextInput, {
+}) {
+  return /*#__PURE__*/_jsx(InternalTextInput, {
     allowFontScaling: allowFontScaling,
     rejectResponderTermination: rejectResponderTermination,
     underlineColorAndroid: underlineColorAndroid,
@@ -509,29 +481,29 @@ const ExportedForwardRef = /*#__PURE__*/React.forwardRef(function TextInput({
     returnKeyType: enterKeyHint ? enterKeyHintToReturnTypeMap[enterKeyHint] : returnKeyType,
     keyboardType: inputMode ? inputModeToKeyboardTypeMap[inputMode] : keyboardType,
     showSoftInputOnFocus: inputMode == null ? showSoftInputOnFocus : inputMode !== 'none',
-    autoComplete: _Platform.default.OS === 'android' ? autoCompleteWebToAutoCompleteAndroidMap[autoComplete] ?? autoComplete : undefined,
-    textContentType: textContentType != null ? textContentType : _Platform.default.OS === 'ios' && autoComplete && autoComplete in autoCompleteWebToTextContentTypeMap ? autoCompleteWebToTextContentTypeMap[autoComplete] : textContentType,
+    autoComplete: Platform.OS === 'android' ? autoCompleteWebToAutoCompleteAndroidMap[autoComplete] ?? autoComplete : undefined,
+    textContentType: textContentType != null ? textContentType : Platform.OS === 'ios' && autoComplete && autoComplete in autoCompleteWebToTextContentTypeMap ? autoCompleteWebToTextContentTypeMap[autoComplete] : textContentType,
     ...restProps,
     forwardedRef: forwardedRef
   });
-});
-ExportedForwardRef.displayName = 'TextInput';
-ExportedForwardRef.State = {
-  currentlyFocusedInput: _TextInputState.default.currentlyFocusedInput,
-  currentlyFocusedField: _TextInputState.default.currentlyFocusedField,
-  focusTextInput: _TextInputState.default.focusTextInput,
-  blurTextInput: _TextInputState.default.blurTextInput
 };
-const styles = _StyleSheet.default.create({
+TextInput.displayName = 'TextInput';
+TextInput.State = {
+  blurTextInput: TextInputState.blurTextInput,
+  currentlyFocusedField: TextInputState.currentlyFocusedField,
+  currentlyFocusedInput: TextInputState.currentlyFocusedInput,
+  focusTextInput: TextInputState.focusTextInput
+};
+const styles = StyleSheet.create({
   multilineDefault: {
     paddingTop: 5
   }
 });
 const verticalAlignToTextAlignVerticalMap = {
   auto: 'auto',
-  top: 'top',
   bottom: 'bottom',
-  middle: 'center'
+  middle: 'center',
+  top: 'top'
 };
-var _default = exports.default = ExportedForwardRef;
+export default TextInput;
 //# sourceMappingURL=Input.js.map

package/lib/module/enum.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export let EPasteEventPayloadItemType = /*#__PURE__*/function (EPasteEventPayloadItemType) {
+  EPasteEventPayloadItemType["TextPlain"] = "text/plain";
+  return EPasteEventPayloadItemType;
+}({});
+//# sourceMappingURL=enum.js.map

package/lib/module/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+// @ts-expect-error
+import TextInputView from "./Input.js";
+
+// export * from './TextInputViewNativeComponent';
+
+export * from "./enum.js";
+const TextInput = TextInputView;
+export default TextInput;
+//# sourceMappingURL=index.js.map

package/lib/module/package.json

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

package/lib/module/type.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=type.js.map

package/lib/typescript/package.json

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

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

@@ -1,7 +1,7 @@
-import type { ComponentType } from 'react';
-import type { ITextInputProps } from './type';
-export type { IPasteEventPayloadItem, IPasteEventPayload, IPasteEventParams, ITextInputProps, } from './type';
-export * from './enum';
+import type { ComponentType } from "react";
+import type { ITextInputProps } from "./type";
+export type { IPasteEventPayloadItem, IPasteEventPayload, IPasteEventParams, ITextInputProps, } from "./type";
+export * from "./enum";
 declare const TextInput: ComponentType<ITextInputProps>;
 export default TextInput;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/type.d.ts

@@ -1,5 +1,5 @@
-import type { TextInputProps } from 'react-native';
-import type { EPasteEventPayloadItemType } from './enum';
+import type { TextInputProps } from "react-native";
+import type { EPasteEventPayloadItemType } from "./enum";
 export type IPasteEventPayloadItem = {
     data?: string;
     type?: EPasteEventPayloadItemType;