react-native-highlight-text-view 0.1.0 → 0.1.2

package/ios/HighlightTextView.mm

@@ -73,6 +73,7 @@ using namespace facebook::react;
     CGFloat _paddingTop;
     CGFloat _paddingBottom;
     CGFloat _cornerRadius;
+    BOOL _isUpdatingText;
 }
 
 + (ComponentDescriptorProvider)componentDescriptorProvider
@@ -220,6 +221,20 @@ using namespace facebook::react;
             _layoutManager.paddingBottom = _paddingBottom;
         }
     }
+    
+    if (oldViewProps.text != newViewProps.text) {
+        NSString *text = [[NSString alloc] initWithUTF8String: newViewProps.text.c_str()];
+        if (![_textView.text isEqualToString:text]) {
+            _isUpdatingText = YES;
+            _textView.text = text;
+            [self applyCharacterBackgrounds];
+            _isUpdatingText = NO;
+        }
+    }
+    
+    if (oldViewProps.isEditable != newViewProps.isEditable) {
+        _textView.editable = newViewProps.isEditable;
+    }
 
     [super updateProps:props oldProps:oldProps];
 }
@@ -232,6 +247,14 @@ Class<RCTComponentViewProtocol> HighlightTextViewCls(void)
 - (void)textViewDidChange:(UITextView *)textView
 {
     [self applyCharacterBackgrounds];
+    if (!_isUpdatingText) {
+        if (_eventEmitter != nullptr) {
+            std::dynamic_pointer_cast<const HighlightTextViewEventEmitter>(_eventEmitter)
+                ->onChange(HighlightTextViewEventEmitter::OnChange{
+                    .text = std::string([textView.text UTF8String] ?: "")
+                });
+        }
+    }
 }
 
 - (void)applyCharacterBackgrounds

package/lib/module/HighlightTextViewNativeComponent.ts

@@ -1,4 +1,10 @@
-import { codegenNativeComponent, type ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type { BubblingEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface OnChangeEventData {
+  readonly text: string;
+}
 
 export interface HighlightTextViewProps extends ViewProps {
   color?: string;
@@ -11,6 +17,9 @@ export interface HighlightTextViewProps extends ViewProps {
   paddingRight?: string;
   paddingTop?: string;
   paddingBottom?: string;
+  text?: string;
+  isEditable?: boolean;
+  onChange?: BubblingEventHandler<OnChangeEventData>;
 }
 
 export default codegenNativeComponent<HighlightTextViewProps>(

package/lib/module/codegen-types.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=codegen-types.d.js.map

package/lib/module/codegen-types.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["codegen-types.d.ts"],"mappings":"","ignoreList":[]}

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

@@ -1,4 +1,8 @@
-import { type ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type { BubblingEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+export interface OnChangeEventData {
+    readonly text: string;
+}
 export interface HighlightTextViewProps extends ViewProps {
     color?: string;
     textColor?: string;
@@ -10,6 +14,9 @@ export interface HighlightTextViewProps extends ViewProps {
     paddingRight?: string;
     paddingTop?: string;
     paddingBottom?: string;
+    text?: string;
+    isEditable?: boolean;
+    onChange?: BubblingEventHandler<OnChangeEventData>;
 }
 declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<HighlightTextViewProps>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"HighlightTextViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/HighlightTextViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;;AAED,wBAEE"}
+{"version":3,"file":"HighlightTextViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/HighlightTextViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAEtF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;CACpD;;AAED,wBAEE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-highlight-text-view",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "A native text input for React Native that supports inline text highlighting",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/HighlightTextViewNativeComponent.ts

@@ -1,4 +1,10 @@
-import { codegenNativeComponent, type ViewProps } from 'react-native';
+import { codegenNativeComponent } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type { BubblingEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface OnChangeEventData {
+  readonly text: string;
+}
 
 export interface HighlightTextViewProps extends ViewProps {
   color?: string;
@@ -11,6 +17,9 @@ export interface HighlightTextViewProps extends ViewProps {
   paddingRight?: string;
   paddingTop?: string;
   paddingBottom?: string;
+  text?: string;
+  isEditable?: boolean;
+  onChange?: BubblingEventHandler<OnChangeEventData>;
 }
 
 export default codegenNativeComponent<HighlightTextViewProps>(

package/src/codegen-types.d.ts

@@ -0,0 +1,14 @@
+declare module 'react-native/Libraries/Types/CodegenTypes' {
+  export type DirectEventHandler<T = {}> = (event: { nativeEvent: T }) => void;
+  export type BubblingEventHandler<T = {}> = (event: {
+    nativeEvent: T;
+  }) => void;
+}
+
+declare module 'react-native/Libraries/Utilities/codegenNativeComponent' {
+  import type { HostComponent } from 'react-native';
+  export default function codegenNativeComponent<T>(
+    componentName: string,
+    options?: {}
+  ): HostComponent<T>;
+}