react-native-advanced-text 0.1.24 → 0.1.26

package/android/src/main/java/com/advancedtext/AdvancedTextView.kt

@@ -20,6 +20,7 @@ import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.uimanager.events.RCTEventEmitter
 import android.text.Selection
+import android.graphics.Typeface
 
 class AdvancedTextView : TextView {
 
@@ -32,6 +33,10 @@ class AdvancedTextView : TextView {
     private var customActionMode: ActionMode? = null
     private var currentText: String = ""
     private var textColor: String = "#000000"
+    private var fontSize: Float = 16f
+    private var fontWeight: String = "normal"
+    private var textAlign: String = "left"
+    private var fontFamily: String = "sans-serif"
 
     private var wordPositions: List<WordPosition> = emptyList()
 
@@ -46,7 +51,7 @@ class AdvancedTextView : TextView {
         setPadding(16, 16, 16, 16)
         movementMethod = LinkMovementMethod.getInstance()
         setTextIsSelectable(true)
-       
+
 
         customSelectionActionModeCallback = object : ActionMode.Callback {
             override fun onCreateActionMode(mode: ActionMode?, menu: Menu?): Boolean {
@@ -90,10 +95,6 @@ class AdvancedTextView : TextView {
     }
 
 
-    fun setAdvancedTextColor(colorInt: Int) {
-        textColor = String.format("#%06X", 0xFFFFFF and colorInt)
-        updateTextWithHighlights()
-    }
 
     fun setAdvancedText(text: String) {
         if (currentText == text) {
@@ -107,6 +108,41 @@ class AdvancedTextView : TextView {
         updateTextWithHighlights()
     }
 
+    fun setAdvancedTextColor(colorInt: Int) {
+          textColor = String.format("#%06X", 0xFFFFFF and colorInt)
+          updateTextWithHighlights()
+    }
+
+
+    fun setAdvancedTextSize(size: Float) {
+        if (fontSize == size) return
+        fontSize = size
+        updateTextWithHighlights()
+    }
+
+    fun setAdvancedFontWeight(weight: String) {
+        if (fontWeight == weight) return
+        fontWeight = weight
+        updateTextWithHighlights()
+    }
+
+    fun setAdvancedTextAlign(align: String) {
+        if (textAlign == align) return
+        textAlign = align
+        when (align) {
+            "left" -> textAlignment = View.TEXT_ALIGNMENT_TEXT_START
+            "center" -> textAlignment = View.TEXT_ALIGNMENT_CENTER
+            "right" -> textAlignment = View.TEXT_ALIGNMENT_TEXT_END
+            else -> textAlignment = View.TEXT_ALIGNMENT_TEXT_START
+        }
+    }
+
+    fun setAdvancedFontFamily(family: String) {
+        if (fontFamily == family) return
+        fontFamily = family
+        typeface = Typeface.create(family, Typeface.NORMAL)
+    }
+
     fun setMenuOptions(menuOptions: List<String>) {
         if (this.menuOptions == menuOptions) return
         this.menuOptions = menuOptions
@@ -182,6 +218,21 @@ class AdvancedTextView : TextView {
             )
         }
 
+         textAlignment = when (textAlign) {
+            "left" -> View.TEXT_ALIGNMENT_TEXT_START
+            "center" -> View.TEXT_ALIGNMENT_CENTER
+            "right" -> View.TEXT_ALIGNMENT_TEXT_END
+            else -> View.TEXT_ALIGNMENT_TEXT_START
+        }
+
+        setTextSize(fontSize)
+
+        typeface = when (fontWeight) {
+            "bold" -> Typeface.create(fontFamily, Typeface.BOLD)
+            "italic" -> Typeface.create(fontFamily, Typeface.ITALIC)
+            else -> Typeface.create(fontFamily, Typeface.NORMAL)
+        }
+
         post {
             setText(spannableString, BufferType.SPANNABLE)
             Log.d(TAG, "Text updated with ${wordPositions.size} spans")

package/android/src/main/java/com/advancedtext/AdvancedTextViewManager.kt

@@ -83,11 +83,11 @@ class AdvancedTextViewManager : SimpleViewManager<AdvancedTextView>() {
         view?.setIndicatorWordIndex(if (index >= 0) index else -1)
     }
 
-    @ReactProp(name = "color", customType = "Color")
-    fun setColor(view: AdvancedTextView?, color: Int?) {
+    @ReactProp(name = "color")
+    fun setColor(view: AdvancedTextView?, color: String?) {
         android.util.Log.d(NAME, "setColor called with: $color")
         if (color != null) {
-            view?.setAdvancedTextColor(color)
+            view?.setAdvancedTextColor(Color.parseColor(color))
         }
     }
 
@@ -95,7 +95,31 @@ class AdvancedTextViewManager : SimpleViewManager<AdvancedTextView>() {
     fun setFontSize(view: AdvancedTextView?, fontSize: Float) {
         android.util.Log.d(NAME, "setFontSize called with: $fontSize")
         if (fontSize > 0) {
-            view?.setTextSize(TypedValue.COMPLEX_UNIT_SP, fontSize)
+            view?.setAdvancedTextSize(fontSize)
+        }
+    }
+
+    @ReactProp(name = "fontWeight")
+    fun setFontWeight(view: AdvancedTextView?, fontWeight: String?) {
+      android.util.Log.d(NAME, "setFontWeight called with: $fontWeight")
+        if (fontWeight != null) {
+            view?.setAdvancedFontWeight(fontWeight)
+        }
+    }
+
+    @ReactProp(name = "textAlign")
+    fun setTextAlign(view: AdvancedTextView?, textAlign: String?) {
+        android.util.Log.d(NAME, "setTextAlign called with: $textAlign")
+        if (textAlign != null) {
+            view?.setAdvancedTextAlign(textAlign)
+        }
+    }
+
+    @ReactProp(name = "fontFamily")
+    fun setFontFamily(view: AdvancedTextView?, fontFamily: String?) {
+        android.util.Log.d(NAME, "setFontFamily called with: $fontFamily")
+        if (fontFamily != null) {
+            view?.setAdvancedFontFamily(fontFamily)
         }
     }
 

package/lib/module/AdvancedText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AdvancedTextViewNativeComponent","jsx","_jsx","AdvancedText","text","style","highlightedWords","menuOptions","onWordPress","onSelection","indicatorWordIndex","restProps"],"sourceRoot":"..\\..\\src","sources":["AdvancedText.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAOzB,OAAOC,+BAA+B,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA2BhF,OAAO,MAAMC,YAAmC,GAAGA,CAAC;EAClDC,IAAI;EACJC,KAAK;EACLC,gBAAgB;EAChBC,WAAW;EACXC,WAAW;EACXC,WAAW;EACXC,kBAAkB;EAClB,GAAGC;AACL,CAAC,KAAK;EACJ,oBACET,IAAA,CAACF,+BAA+B;IAAA,GAC1BW,SAAS;IACbN,KAAK,EAAEA,KAAM;IACbD,IAAI,EAAEA,IAAK;IACXE,gBAAgB,EAAEA,gBAAiB;IACnCC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBC,kBAAkB,EAAEA;EAAmB,CACxC,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AdvancedTextViewNativeComponent","jsx","_jsx","AdvancedText","text","style","highlightedWords","menuOptions","onWordPress","onSelection","indicatorWordIndex","restProps"],"sourceRoot":"..\\..\\src","sources":["AdvancedText.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,+BAA+B,MAE/B,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,OAAO,MAAMC,YAAmC,GAAGA,CAAC;EAClDC,IAAI;EACJC,KAAK;EACLC,gBAAgB;EAChBC,WAAW;EACXC,WAAW;EACXC,WAAW;EACXC,kBAAkB;EAClB,GAAGC;AACL,CAAC,KAAK;EACJ,oBACET,IAAA,CAACF,+BAA+B;IAAA,GAC1BW,SAAS;IACbN,KAAK,EAAEA,KAAM;IACbD,IAAI,EAAEA,IAAK;IACXE,gBAAgB,EAAEA,gBAAiB;IACnCC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBC,WAAW,EAAEA,WAAY;IACzBC,kBAAkB,EAAEA;EAAmB,CACxC,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/AdvancedTextViewNativeComponent.ts

@@ -2,20 +2,25 @@
 import type { ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
 // @ts-ignore
-import type { DirectEventHandler, Int32} from 'react-native/Libraries/Types/CodegenTypes';
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 
 interface HighlightedWord {
   index: Int32;
   highlightColor: string;
 }
 
-interface NativeProps extends ViewProps {
+export interface NativeProps extends ViewProps {
   text: string;
   highlightedWords?: ReadonlyArray<HighlightedWord>;
   menuOptions?: ReadonlyArray<string>;
   onWordPress?: DirectEventHandler<{ word: string; index: Int32 }>;
   onSelection?: DirectEventHandler<{ selectedText: string; event: string }>;
   indicatorWordIndex?: Int32;
+  fontSize?: Int32;
+  fontWeight?: string;
+  color?: string;
+  textAlign?: string;
+  fontFamily?: string;
 }
 
 export default codegenNativeComponent<NativeProps>('AdvancedTextView');

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

@@ -1,26 +1,4 @@
 import React from 'react';
-import type { NativeSyntheticEvent, StyleProp, ViewProps, ViewStyle } from 'react-native';
-interface HighlightedWord {
-    index: number;
-    highlightColor: string;
-}
-interface WordPressEvent {
-    word: string;
-    index: number;
-}
-interface SelectionEvent {
-    selectedText: string;
-    event: string;
-}
-interface NativeProps extends ViewProps {
-    text: string;
-    style?: StyleProp<ViewStyle>;
-    highlightedWords?: ReadonlyArray<HighlightedWord>;
-    menuOptions?: ReadonlyArray<string>;
-    onWordPress?: (event: NativeSyntheticEvent<WordPressEvent>) => void;
-    onSelection?: (event: NativeSyntheticEvent<SelectionEvent>) => void;
-    indicatorWordIndex?: number;
-}
+import { type NativeProps } from './AdvancedTextViewNativeComponent';
 export declare const AdvancedText: React.FC<NativeProps>;
-export {};
 //# sourceMappingURL=AdvancedText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdvancedText.d.ts","sourceRoot":"","sources":["../../../src/AdvancedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,cAAc;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,WAAY,SAAQ,SAAS;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACpE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACpE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsB9C,CAAC"}
+{"version":3,"file":"AdvancedText.d.ts","sourceRoot":"","sources":["../../../src/AdvancedText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAwC,EACtC,KAAK,WAAW,EACjB,MAAM,mCAAmC,CAAC;AAE3C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsB9C,CAAC"}

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

@@ -4,7 +4,7 @@ interface HighlightedWord {
     index: Int32;
     highlightColor: string;
 }
-interface NativeProps extends ViewProps {
+export interface NativeProps extends ViewProps {
     text: string;
     highlightedWords?: ReadonlyArray<HighlightedWord>;
     menuOptions?: ReadonlyArray<string>;
@@ -17,6 +17,11 @@ interface NativeProps extends ViewProps {
         event: string;
     }>;
     indicatorWordIndex?: Int32;
+    fontSize?: Int32;
+    fontWeight?: string;
+    color?: string;
+    textAlign?: string;
+    fontFamily?: string;
 }
 declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"AdvancedTextViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/AdvancedTextViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAC,MAAM,2CAA2C,CAAC;AAE1F,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,WAAY,SAAQ,SAAS;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,kBAAkB,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IACjE,WAAW,CAAC,EAAE,kBAAkB,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1E,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;;AAED,wBAAuE"}
+{"version":3,"file":"AdvancedTextViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/AdvancedTextViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAE3F,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,kBAAkB,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC,CAAC;IACjE,WAAW,CAAC,EAAE,kBAAkB,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC1E,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;;AAED,wBAAuE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-advanced-text",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "description": " Advanced text component for React Native with custom select options.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/AdvancedText.tsx

@@ -1,36 +1,7 @@
 import React from 'react';
-import type {
-  NativeSyntheticEvent,
-  StyleProp,
-  ViewProps,
-  ViewStyle,
-} from 'react-native';
-import AdvancedTextViewNativeComponent from './AdvancedTextViewNativeComponent';
-
-interface HighlightedWord {
-  index: number;
-  highlightColor: string;
-}
-
-interface WordPressEvent {
-  word: string;
-  index: number;
-}
-
-interface SelectionEvent {
-  selectedText: string;
-  event: string;
-}
-
-interface NativeProps extends ViewProps {
-  text: string;
-  style?: StyleProp<ViewStyle>;
-  highlightedWords?: ReadonlyArray<HighlightedWord>;
-  menuOptions?: ReadonlyArray<string>;
-  onWordPress?: (event: NativeSyntheticEvent<WordPressEvent>) => void;
-  onSelection?: (event: NativeSyntheticEvent<SelectionEvent>) => void;
-  indicatorWordIndex?: number;
-}
+import AdvancedTextViewNativeComponent, {
+  type NativeProps,
+} from './AdvancedTextViewNativeComponent';
 
 export const AdvancedText: React.FC<NativeProps> = ({
   text,

package/src/AdvancedTextViewNativeComponent.ts

@@ -2,20 +2,25 @@
 import type { ViewProps } from 'react-native';
 import { codegenNativeComponent } from 'react-native';
 // @ts-ignore
-import type { DirectEventHandler, Int32} from 'react-native/Libraries/Types/CodegenTypes';
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
 
 interface HighlightedWord {
   index: Int32;
   highlightColor: string;
 }
 
-interface NativeProps extends ViewProps {
+export interface NativeProps extends ViewProps {
   text: string;
   highlightedWords?: ReadonlyArray<HighlightedWord>;
   menuOptions?: ReadonlyArray<string>;
   onWordPress?: DirectEventHandler<{ word: string; index: Int32 }>;
   onSelection?: DirectEventHandler<{ selectedText: string; event: string }>;
   indicatorWordIndex?: Int32;
+  fontSize?: Int32;
+  fontWeight?: string;
+  color?: string;
+  textAlign?: string;
+  fontFamily?: string;
 }
 
 export default codegenNativeComponent<NativeProps>('AdvancedTextView');