@matiks/rn-stroke-text 0.1.6 → 0.1.7

package/android/src/main/java/com/margelo/nitro/rnstroketext/StrokeTextView.kt

@@ -8,6 +8,7 @@ import android.graphics.Typeface
 import android.text.Layout
 import android.text.StaticLayout
 import android.text.TextPaint
+import android.text.TextUtils
 import android.util.TypedValue
 import android.view.View
 import kotlin.math.ceil
@@ -118,7 +119,17 @@ class StrokeTextView(context: Context) : View(context) {
         if (!layoutDirty && textLayout != null && lastLayoutWidth == safeWidth) return
         updatePaints()
 
-        var displayText: CharSequence = text
+        var displayText: CharSequence =
+                if (ellipsis) {
+                    TextUtils.ellipsize(
+                            text,
+                            textPaint,
+                            safeWidth.toFloat(),
+                            TextUtils.TruncateAt.END
+                    )
+                } else {
+                    text
+                }
 
         // Use StaticLayout.Builder for API 23+
         val builder =
@@ -206,7 +217,7 @@ class StrokeTextView(context: Context) : View(context) {
         for (line in text.split("\n")) {
             maxWidth = max(maxWidth, textPaint.measureText(line))
         }
-        return maxWidth + strokeWidthPx * 2
+        return maxWidth + strokeWidthPx * 2 + 4
     }
 
     // ─────────────────────────────────────────────

package/lib/index.d.ts

@@ -6,5 +6,5 @@ interface StrokeTextViewProps extends MatiksStrokeTextProps {
         height?: number;
     };
 }
-declare const _default: React.MemoExoticComponent<({ styles, ...props }: StrokeTextViewProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ text, styles, ...props }: StrokeTextViewProps) => React.JSX.Element>;
 export default _default;

package/lib/index.js

@@ -3,9 +3,10 @@ import { callback, getHostComponent } from "react-native-nitro-modules";
 import MatiksKeyboardViewConfig from "../nitrogen/generated/shared/json/MatiksStrokeTextConfig.json";
 import {} from "./specs/Stroke.nitro";
 const StrokeTextViewComponent = getHostComponent('MatiksStrokeText', () => MatiksKeyboardViewConfig);
-const StrokeTextView = ({ styles, ...props }) => {
+const StrokeTextView = ({ text, styles, ...props }) => {
     const ref = useRef(null);
     const [size, setSize] = useState({ width: 0, height: 0 });
+    const [isReady, setIsReady] = useState(false);
     useEffect(() => {
         if (!ref.current)
             return;
@@ -14,10 +15,14 @@ const StrokeTextView = ({ styles, ...props }) => {
     }, [
         props.fontFamily,
         props.fontSize,
-        props.text,
+        text,
+        isReady
     ]);
-    return (React.createElement(StrokeTextViewComponent, { ...props, style: [{ width: size.width, height: size.height }, styles], hybridRef: callback((_ref) => {
+    return (React.createElement(StrokeTextViewComponent, { ...props, text: String(text), style: [{ width: size.width, height: size.height }, styles], hybridRef: callback((_ref) => {
+            if (ref.current)
+                return;
             ref.current = _ref;
+            setIsReady(true);
         }) }));
 };
 export default React.memo(StrokeTextView);

package/lib/specs/Stroke.nitro.d.ts

@@ -1,4 +1,4 @@
-type TextAlign = "center" | "left" | "right";
+type TextAlign = 'center' | 'left' | 'right';
 import type { HybridView, HybridViewMethods, HybridViewProps } from 'react-native-nitro-modules';
 export interface MatiksStrokeTextProps extends HybridViewProps {
     width?: number;
@@ -11,6 +11,7 @@ export interface MatiksStrokeTextProps extends HybridViewProps {
     align?: TextAlign;
     numberOfLines?: number;
     ellipsis?: boolean;
+    onDimensionsChange?: (dimensions: Dimensions) => void;
 }
 export interface Dimensions {
     width: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matiks/rn-stroke-text",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "rn-stroke-text",
   "main": "lib/index",
   "module": "lib/index",