react-native-enriched 0.0.0 → 0.1.0

package/lib/module/EnrichedTextInputNativeComponent.ts

@@ -0,0 +1,235 @@
+import { codegenNativeComponent, codegenNativeCommands } from 'react-native';
+import type {
+  DirectEventHandler,
+  Float,
+  Int32,
+  UnsafeMixed,
+} from 'react-native/Libraries/Types/CodegenTypes';
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import React from 'react';
+
+export interface OnChangeTextEvent {
+  value: string;
+}
+
+export interface OnChangeHtmlEvent {
+  value: string;
+}
+
+export interface OnChangeStateEvent {
+  isBold: boolean;
+  isItalic: boolean;
+  isUnderline: boolean;
+  isStrikeThrough: boolean;
+  isInlineCode: boolean;
+  isH1: boolean;
+  isH2: boolean;
+  isH3: boolean;
+  isCodeBlock: boolean;
+  isBlockQuote: boolean;
+  isOrderedList: boolean;
+  isUnorderedList: boolean;
+  isLink: boolean;
+  isImage: boolean;
+  isMention: boolean;
+}
+
+export interface OnLinkDetected {
+  text: string;
+  url: string;
+  start: Int32;
+  end: Int32;
+}
+
+export interface OnMentionDetectedInternal {
+  text: string;
+  indicator: string;
+  payload: string;
+}
+
+export interface OnMentionDetected {
+  text: string;
+  indicator: string;
+  attributes: Record<string, string>;
+}
+
+export interface OnMentionEvent {
+  indicator: string;
+  text: UnsafeMixed;
+}
+
+export interface OnChangeSelectionEvent {
+  start: Int32;
+  end: Int32;
+  text: string;
+}
+
+export interface MentionStyleProperties {
+  color?: ColorValue;
+  backgroundColor?: ColorValue;
+  textDecorationLine?: 'underline' | 'none';
+}
+
+export interface HtmlStyleInternal {
+  h1?: {
+    fontSize?: Float;
+    bold?: boolean;
+  };
+  h2?: {
+    fontSize?: Float;
+    bold?: boolean;
+  };
+  h3?: {
+    fontSize?: Float;
+    bold?: boolean;
+  };
+  blockquote?: {
+    borderColor?: ColorValue;
+    borderWidth?: Float;
+    gapWidth?: Float;
+    color?: ColorValue;
+  };
+  codeblock?: {
+    color?: ColorValue;
+    borderRadius?: Float;
+    backgroundColor?: ColorValue;
+  };
+  code?: {
+    color?: ColorValue;
+    backgroundColor?: ColorValue;
+  };
+  a?: {
+    color?: ColorValue;
+    textDecorationLine?: string;
+  };
+  // This is a workaround for the fact that codegen does not support Records.
+  // On native Android side this will become a ReadableMap, on native iOS we can work with a folly::dynamic object.
+  mention?: UnsafeMixed;
+  img?: {
+    width?: Float;
+    height?: Float;
+  };
+  ol?: {
+    gapWidth?: Float;
+    marginLeft?: Float;
+    markerFontWeight?: string;
+    markerColor?: ColorValue;
+  };
+  ul?: {
+    bulletColor?: ColorValue;
+    bulletSize?: Float;
+    marginLeft?: Float;
+    gapWidth?: Float;
+  };
+}
+
+export interface NativeProps extends ViewProps {
+  // base props
+  autoFocus?: boolean;
+  editable?: boolean;
+  defaultValue?: string;
+  placeholder?: string;
+  placeholderTextColor?: ColorValue;
+  mentionIndicators: string[];
+  cursorColor?: ColorValue;
+  selectionColor?: ColorValue;
+  autoCapitalize?: string;
+  htmlStyle?: HtmlStyleInternal;
+
+  // event callbacks
+  onInputFocus?: DirectEventHandler<null>;
+  onInputBlur?: DirectEventHandler<null>;
+  onChangeText?: DirectEventHandler<OnChangeTextEvent>;
+  onChangeHtml?: DirectEventHandler<OnChangeHtmlEvent>;
+  onChangeState?: DirectEventHandler<OnChangeStateEvent>;
+  onLinkDetected?: DirectEventHandler<OnLinkDetected>;
+  onMentionDetected?: DirectEventHandler<OnMentionDetectedInternal>;
+  onMention?: DirectEventHandler<OnMentionEvent>;
+  onChangeSelection?: DirectEventHandler<OnChangeSelectionEvent>;
+
+  // Style related props - used for generating proper setters in component's manager
+  // These should not be passed as regular props
+  color?: ColorValue;
+  fontSize?: Float;
+  fontFamily?: string;
+  fontWeight?: string;
+  fontStyle?: string;
+
+  // Used for onChangeHtml event performance optimization
+  isOnChangeHtmlSet: boolean;
+
+  // Experimental
+  androidExperimentalSynchronousEvents: boolean;
+}
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  // General commands
+  focus: (viewRef: React.ElementRef<ComponentType>) => void;
+  blur: (viewRef: React.ElementRef<ComponentType>) => void;
+  setValue: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+
+  // Text formatting commands
+  toggleBold: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleItalic: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleUnderline: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleStrikeThrough: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleInlineCode: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleH1: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleH2: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleH3: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleCodeBlock: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleBlockQuote: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleOrderedList: (viewRef: React.ElementRef<ComponentType>) => void;
+  toggleUnorderedList: (viewRef: React.ElementRef<ComponentType>) => void;
+  addLink: (
+    viewRef: React.ElementRef<ComponentType>,
+    start: Int32,
+    end: Int32,
+    text: string,
+    url: string
+  ) => void;
+  addImage: (viewRef: React.ElementRef<ComponentType>, uri: string) => void;
+  startMention: (
+    viewRef: React.ElementRef<ComponentType>,
+    indicator: string
+  ) => void;
+  addMention: (
+    viewRef: React.ElementRef<ComponentType>,
+    indicator: string,
+    text: string,
+    payload: string
+  ) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: [
+    // General commands
+    'focus',
+    'blur',
+    'setValue',
+
+    // Text formatting commands
+    'toggleBold',
+    'toggleItalic',
+    'toggleUnderline',
+    'toggleStrikeThrough',
+    'toggleInlineCode',
+    'toggleH1',
+    'toggleH2',
+    'toggleH3',
+    'toggleCodeBlock',
+    'toggleBlockQuote',
+    'toggleOrderedList',
+    'toggleUnorderedList',
+    'addLink',
+    'addImage',
+    'startMention',
+    'addMention',
+  ],
+});
+
+export default codegenNativeComponent<NativeProps>('EnrichedTextInputView', {
+  interfaceOnly: true,
+}) as HostComponent<NativeProps>;

package/lib/module/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./EnrichedTextInput.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,cAAc,wBAAqB","ignoreList":[]}

package/lib/module/normalizeHtmlStyle.js

@@ -0,0 +1,141 @@
+"use strict";
+
+import { processColor } from 'react-native';
+const defaultStyle = {
+  h1: {
+    fontSize: 32,
+    bold: false
+  },
+  h2: {
+    fontSize: 24,
+    bold: false
+  },
+  h3: {
+    fontSize: 20,
+    bold: false
+  },
+  blockquote: {
+    borderColor: 'darkgray',
+    borderWidth: 4,
+    gapWidth: 16,
+    color: undefined
+  },
+  codeblock: {
+    color: 'black',
+    borderRadius: 8,
+    backgroundColor: 'darkgray'
+  },
+  code: {
+    color: 'red',
+    backgroundColor: 'darkgray'
+  },
+  a: {
+    color: 'blue',
+    textDecorationLine: 'underline'
+  },
+  mention: {
+    color: 'blue',
+    backgroundColor: 'yellow',
+    textDecorationLine: 'underline'
+  },
+  img: {
+    width: 80,
+    height: 80
+  },
+  ol: {
+    gapWidth: 16,
+    marginLeft: 16,
+    markerFontWeight: undefined,
+    markerColor: undefined
+  },
+  ul: {
+    bulletColor: 'black',
+    bulletSize: 8,
+    marginLeft: 16,
+    gapWidth: 16
+  }
+};
+const isMentionStyleRecord = mentionStyle => {
+  if (mentionStyle && typeof mentionStyle === 'object' && !Array.isArray(mentionStyle)) {
+    const keys = Object.keys(mentionStyle);
+    return keys.length > 0 && keys.every(key => typeof mentionStyle[key] === 'object' && mentionStyle[key] !== null);
+  }
+  return false;
+};
+const convertToHtmlStyleInternal = (style, mentionIndicators) => {
+  const mentionStyles = {};
+  mentionIndicators.forEach(indicator => {
+    mentionStyles[indicator] = {
+      ...defaultStyle.mention,
+      ...(isMentionStyleRecord(style.mention) ? style.mention[indicator] ?? style.mention.default ?? {} : style.mention)
+    };
+  });
+  let markerFontWeight;
+  if (style.ol?.markerFontWeight) {
+    if (typeof style.ol?.markerFontWeight === 'number') {
+      markerFontWeight = String(style.ol?.markerFontWeight);
+    } else if (typeof style.ol?.markerFontWeight === 'string') {
+      markerFontWeight = style.ol?.markerFontWeight;
+    }
+  }
+  const olStyles = {
+    ...style.ol,
+    markerFontWeight: markerFontWeight
+  };
+  return {
+    ...style,
+    mention: mentionStyles,
+    ol: olStyles
+  };
+};
+const assignDefaultValues = style => {
+  const merged = {
+    ...defaultStyle
+  };
+  for (const key in style) {
+    if (key === 'mention') {
+      merged[key] = {
+        ...style.mention
+      };
+      continue;
+    }
+    merged[key] = {
+      ...defaultStyle[key],
+      ...style[key]
+    };
+  }
+  return merged;
+};
+const parseStyle = (name, value) => {
+  if (name !== 'color' && !name.endsWith('Color')) {
+    return value;
+  }
+  return processColor(value);
+};
+const parseColors = style => {
+  const finalStyle = {};
+  for (const [tagName, tagStyle] of Object.entries(style)) {
+    const tagStyles = {};
+    if (tagName === 'mention') {
+      for (const [indicator, mentionStyle] of Object.entries(tagStyle)) {
+        tagStyles[indicator] = {};
+        for (const [styleName, styleValue] of Object.entries(mentionStyle)) {
+          tagStyles[indicator][styleName] = parseStyle(styleName, styleValue);
+        }
+      }
+      finalStyle[tagName] = tagStyles;
+      continue;
+    }
+    for (const [styleName, styleValue] of Object.entries(tagStyle)) {
+      tagStyles[styleName] = parseStyle(styleName, styleValue);
+    }
+    finalStyle[tagName] = tagStyles;
+  }
+  return finalStyle;
+};
+export const normalizeHtmlStyle = (style, mentionIndicators) => {
+  const converted = convertToHtmlStyleInternal(style, mentionIndicators);
+  const withDefaults = assignDefaultValues(converted);
+  return parseColors(withDefaults);
+};
+//# sourceMappingURL=normalizeHtmlStyle.js.map

package/lib/module/normalizeHtmlStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["processColor","defaultStyle","h1","fontSize","bold","h2","h3","blockquote","borderColor","borderWidth","gapWidth","color","undefined","codeblock","borderRadius","backgroundColor","code","a","textDecorationLine","mention","img","width","height","ol","marginLeft","markerFontWeight","markerColor","ul","bulletColor","bulletSize","isMentionStyleRecord","mentionStyle","Array","isArray","keys","Object","length","every","key","convertToHtmlStyleInternal","style","mentionIndicators","mentionStyles","forEach","indicator","default","String","olStyles","assignDefaultValues","merged","parseStyle","name","value","endsWith","parseColors","finalStyle","tagName","tagStyle","entries","tagStyles","styleName","styleValue","normalizeHtmlStyle","converted","withDefaults"],"sourceRoot":"../../src","sources":["normalizeHtmlStyle.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/package.json

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

package/lib/typescript/package.json

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

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

@@ -0,0 +1,113 @@
+import { type RefObject } from 'react';
+import { type OnChangeHtmlEvent, type OnChangeSelectionEvent, type OnChangeStateEvent, type OnChangeTextEvent, type OnLinkDetected, type OnMentionDetected, type MentionStyleProperties } from './EnrichedTextInputNativeComponent';
+import type { ColorValue, NativeMethods, NativeSyntheticEvent, TextStyle, ViewProps, ViewStyle } from 'react-native';
+export interface EnrichedTextInputInstance extends NativeMethods {
+    focus: () => void;
+    blur: () => void;
+    setValue: (value: string) => void;
+    toggleBold: () => void;
+    toggleItalic: () => void;
+    toggleUnderline: () => void;
+    toggleStrikeThrough: () => void;
+    toggleInlineCode: () => void;
+    toggleH1: () => void;
+    toggleH2: () => void;
+    toggleH3: () => void;
+    toggleCodeBlock: () => void;
+    toggleBlockQuote: () => void;
+    toggleOrderedList: () => void;
+    toggleUnorderedList: () => void;
+    setLink: (start: number, end: number, text: string, url: string) => void;
+    setImage: (src: string) => void;
+    startMention: (indicator: string) => void;
+    setMention: (indicator: string, text: string, attributes?: Record<string, string>) => void;
+}
+export interface OnChangeMentionEvent {
+    indicator: string;
+    text: string;
+}
+export interface HtmlStyle {
+    h1?: {
+        fontSize?: number;
+        bold?: boolean;
+    };
+    h2?: {
+        fontSize?: number;
+        bold?: boolean;
+    };
+    h3?: {
+        fontSize?: number;
+        bold?: boolean;
+    };
+    blockquote?: {
+        borderColor?: ColorValue;
+        borderWidth?: number;
+        gapWidth?: number;
+        color?: ColorValue;
+    };
+    codeblock?: {
+        color?: ColorValue;
+        borderRadius?: number;
+        backgroundColor?: ColorValue;
+    };
+    code?: {
+        color?: ColorValue;
+        backgroundColor?: ColorValue;
+    };
+    a?: {
+        color?: ColorValue;
+        textDecorationLine?: 'underline' | 'none';
+    };
+    mention?: Record<string, MentionStyleProperties> | MentionStyleProperties;
+    img?: {
+        width?: number;
+        height?: number;
+    };
+    ol?: {
+        gapWidth?: number;
+        marginLeft?: number;
+        markerFontWeight?: TextStyle['fontWeight'];
+        markerColor?: ColorValue;
+    };
+    ul?: {
+        bulletColor?: ColorValue;
+        bulletSize?: number;
+        marginLeft?: number;
+        gapWidth?: number;
+    };
+}
+export interface EnrichedTextInputProps extends Omit<ViewProps, 'children'> {
+    ref?: RefObject<EnrichedTextInputInstance | null>;
+    autoFocus?: boolean;
+    editable?: boolean;
+    mentionIndicators?: string[];
+    defaultValue?: string;
+    placeholder?: string;
+    placeholderTextColor?: ColorValue;
+    cursorColor?: ColorValue;
+    selectionColor?: ColorValue;
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    htmlStyle?: HtmlStyle;
+    style?: ViewStyle | TextStyle;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onChangeText?: (e: NativeSyntheticEvent<OnChangeTextEvent>) => void;
+    onChangeHtml?: (e: NativeSyntheticEvent<OnChangeHtmlEvent>) => void;
+    onChangeState?: (e: NativeSyntheticEvent<OnChangeStateEvent>) => void;
+    onLinkDetected?: (e: OnLinkDetected) => void;
+    onMentionDetected?: (e: OnMentionDetected) => void;
+    onStartMention?: (indicator: string) => void;
+    onChangeMention?: (e: OnChangeMentionEvent) => void;
+    onEndMention?: (indicator: string) => void;
+    onChangeSelection?: (e: NativeSyntheticEvent<OnChangeSelectionEvent>) => void;
+    /**
+     * If true, Android will use experimental synchronous events.
+     * This will prevent from input flickering when updating component size.
+     * However, this is an experimental feature, which has not been thoroughly tested.
+     * We may decide to enable it by default in a future release.
+     * Disabled by default.
+     */
+    androidExperimentalSynchronousEvents?: boolean;
+}
+export declare const EnrichedTextInput: ({ ref, autoFocus, editable, mentionIndicators, defaultValue, placeholder, placeholderTextColor, cursorColor, selectionColor, style, autoCapitalize, htmlStyle, onFocus, onBlur, onChangeText, onChangeHtml, onChangeState, onLinkDetected, onMentionDetected, onStartMention, onChangeMention, onEndMention, onChangeSelection, androidExperimentalSynchronousEvents, ...rest }: EnrichedTextInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EnrichedTextInput.d.ts.map

package/lib/typescript/src/EnrichedTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnrichedTextInput.d.ts","sourceRoot":"","sources":["../../../src/EnrichedTextInput.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,160 @@
+import type { DirectEventHandler, Float, Int32, UnsafeMixed } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ColorValue, HostComponent, ViewProps } from 'react-native';
+import React from 'react';
+export interface OnChangeTextEvent {
+    value: string;
+}
+export interface OnChangeHtmlEvent {
+    value: string;
+}
+export interface OnChangeStateEvent {
+    isBold: boolean;
+    isItalic: boolean;
+    isUnderline: boolean;
+    isStrikeThrough: boolean;
+    isInlineCode: boolean;
+    isH1: boolean;
+    isH2: boolean;
+    isH3: boolean;
+    isCodeBlock: boolean;
+    isBlockQuote: boolean;
+    isOrderedList: boolean;
+    isUnorderedList: boolean;
+    isLink: boolean;
+    isImage: boolean;
+    isMention: boolean;
+}
+export interface OnLinkDetected {
+    text: string;
+    url: string;
+    start: Int32;
+    end: Int32;
+}
+export interface OnMentionDetectedInternal {
+    text: string;
+    indicator: string;
+    payload: string;
+}
+export interface OnMentionDetected {
+    text: string;
+    indicator: string;
+    attributes: Record<string, string>;
+}
+export interface OnMentionEvent {
+    indicator: string;
+    text: UnsafeMixed;
+}
+export interface OnChangeSelectionEvent {
+    start: Int32;
+    end: Int32;
+    text: string;
+}
+export interface MentionStyleProperties {
+    color?: ColorValue;
+    backgroundColor?: ColorValue;
+    textDecorationLine?: 'underline' | 'none';
+}
+export interface HtmlStyleInternal {
+    h1?: {
+        fontSize?: Float;
+        bold?: boolean;
+    };
+    h2?: {
+        fontSize?: Float;
+        bold?: boolean;
+    };
+    h3?: {
+        fontSize?: Float;
+        bold?: boolean;
+    };
+    blockquote?: {
+        borderColor?: ColorValue;
+        borderWidth?: Float;
+        gapWidth?: Float;
+        color?: ColorValue;
+    };
+    codeblock?: {
+        color?: ColorValue;
+        borderRadius?: Float;
+        backgroundColor?: ColorValue;
+    };
+    code?: {
+        color?: ColorValue;
+        backgroundColor?: ColorValue;
+    };
+    a?: {
+        color?: ColorValue;
+        textDecorationLine?: string;
+    };
+    mention?: UnsafeMixed;
+    img?: {
+        width?: Float;
+        height?: Float;
+    };
+    ol?: {
+        gapWidth?: Float;
+        marginLeft?: Float;
+        markerFontWeight?: string;
+        markerColor?: ColorValue;
+    };
+    ul?: {
+        bulletColor?: ColorValue;
+        bulletSize?: Float;
+        marginLeft?: Float;
+        gapWidth?: Float;
+    };
+}
+export interface NativeProps extends ViewProps {
+    autoFocus?: boolean;
+    editable?: boolean;
+    defaultValue?: string;
+    placeholder?: string;
+    placeholderTextColor?: ColorValue;
+    mentionIndicators: string[];
+    cursorColor?: ColorValue;
+    selectionColor?: ColorValue;
+    autoCapitalize?: string;
+    htmlStyle?: HtmlStyleInternal;
+    onInputFocus?: DirectEventHandler<null>;
+    onInputBlur?: DirectEventHandler<null>;
+    onChangeText?: DirectEventHandler<OnChangeTextEvent>;
+    onChangeHtml?: DirectEventHandler<OnChangeHtmlEvent>;
+    onChangeState?: DirectEventHandler<OnChangeStateEvent>;
+    onLinkDetected?: DirectEventHandler<OnLinkDetected>;
+    onMentionDetected?: DirectEventHandler<OnMentionDetectedInternal>;
+    onMention?: DirectEventHandler<OnMentionEvent>;
+    onChangeSelection?: DirectEventHandler<OnChangeSelectionEvent>;
+    color?: ColorValue;
+    fontSize?: Float;
+    fontFamily?: string;
+    fontWeight?: string;
+    fontStyle?: string;
+    isOnChangeHtmlSet: boolean;
+    androidExperimentalSynchronousEvents: boolean;
+}
+type ComponentType = HostComponent<NativeProps>;
+interface NativeCommands {
+    focus: (viewRef: React.ElementRef<ComponentType>) => void;
+    blur: (viewRef: React.ElementRef<ComponentType>) => void;
+    setValue: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
+    toggleBold: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleItalic: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleUnderline: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleStrikeThrough: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleInlineCode: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleH1: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleH2: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleH3: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleCodeBlock: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleBlockQuote: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleOrderedList: (viewRef: React.ElementRef<ComponentType>) => void;
+    toggleUnorderedList: (viewRef: React.ElementRef<ComponentType>) => void;
+    addLink: (viewRef: React.ElementRef<ComponentType>, start: Int32, end: Int32, text: string, url: string) => void;
+    addImage: (viewRef: React.ElementRef<ComponentType>, uri: string) => void;
+    startMention: (viewRef: React.ElementRef<ComponentType>, indicator: string) => void;
+    addMention: (viewRef: React.ElementRef<ComponentType>, indicator: string, text: string, payload: string) => void;
+}
+export declare const Commands: NativeCommands;
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=EnrichedTextInputNativeComponent.d.ts.map