react-pdf-rtl 0.1.1 → 0.1.2

package/dist/index.d.mts

@@ -155,10 +155,13 @@ interface RegisterRTLFontOptions {
  */
 declare function registerRTLFont(options: RegisterRTLFontOptions): void;
 /**
- * Registers the Rubik font from Google Fonts CDN.
+ * Registers the Rubik font from Google Fonts GitHub repository (TTF format).
  * Rubik is the recommended font for Hebrew PDFs — designed for Hebrew,
  * supports all weights, and renders cleanly in @react-pdf/renderer.
  *
+ * Uses the variable TTF font (single file, all weights 300–900).
+ * Note: @react-pdf/renderer requires TTF/OTF — WOFF2 is not supported.
+ *
  * Weights registered: 300 (Light), 400 (Regular), 500 (Medium), 700 (Bold)
  */
 declare function registerRubik(): void;

package/dist/index.d.ts

@@ -155,10 +155,13 @@ interface RegisterRTLFontOptions {
  */
 declare function registerRTLFont(options: RegisterRTLFontOptions): void;
 /**
- * Registers the Rubik font from Google Fonts CDN.
+ * Registers the Rubik font from Google Fonts GitHub repository (TTF format).
  * Rubik is the recommended font for Hebrew PDFs — designed for Hebrew,
  * supports all weights, and renders cleanly in @react-pdf/renderer.
  *
+ * Uses the variable TTF font (single file, all weights 300–900).
+ * Note: @react-pdf/renderer requires TTF/OTF — WOFF2 is not supported.
+ *
  * Weights registered: 300 (Light), 400 (Regular), 500 (Medium), 700 (Bold)
  */
 declare function registerRubik(): void;

package/dist/index.js

@@ -109,7 +109,7 @@ function formatCurrencyRTL(amount, symbol = "\u20AA", locale = "he-IL") {
     maximumFractionDigits: 2
   });
   const valueStr = amount < 0 ? `-${formatted}` : formatted;
-  return `\u200F${symbol}${wrapLTR(valueStr)}`;
+  return `${symbol}${valueStr}`;
 }
 function splitBidiSegments(text) {
   if (!text) return [];
@@ -141,15 +141,9 @@ function stripBidiMarkers(text) {
 var import_jsx_runtime = require("react/jsx-runtime");
 function RTLText({ children, style, direction = "auto", wrap = true, debug }) {
   const str = String(children);
-  let content;
-  if (direction === "rtl") {
-    content = wrapRTL(str);
-  } else if (direction === "ltr") {
-    content = str;
-  } else {
-    content = smartWrap(str);
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderer.Text, { style, wrap, debug, children: content });
+  const isRTL = direction === "rtl" || direction === "auto" && isRTLDominant(str);
+  const dirStyle = isRTL ? { direction: "rtl", textAlign: "right" } : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderer.Text, { style: [dirStyle, style], wrap, debug, children: str });
 }
 function RTLView({ children, style, debug }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderer.View, { style: [styles.rtlView, style], debug, children });
@@ -196,9 +190,10 @@ function RTLTable({
             fontSize,
             fontWeight: "bold",
             color: headerColor,
-            textAlign: (_a = col.align) != null ? _a : "right"
+            textAlign: (_a = col.align) != null ? _a : "right",
+            direction: "rtl"
           },
-          children: wrapRTL(col.header)
+          children: col.header
         }
       ) }, col.key);
     }) }),
@@ -219,8 +214,7 @@ function RTLTable({
           } else if (col.isCurrency && typeof raw === "number") {
             cellText = formatCurrencyRTL(raw);
           } else {
-            const str = String(raw != null ? raw : "");
-            cellText = hasRTLChars(str) ? wrapRTL(str) : str;
+            cellText = String(raw != null ? raw : "");
           }
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderer.View, { style: colStyles[i], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_renderer.Text,
@@ -228,7 +222,8 @@ function RTLTable({
               style: {
                 fontSize,
                 color: "#111827",
-                textAlign: (_a = col.align) != null ? _a : col.isCurrency ? "left" : "right"
+                textAlign: (_a = col.align) != null ? _a : col.isCurrency ? "left" : "right",
+                direction: hasRTLChars(String(raw != null ? raw : "")) ? "rtl" : "ltr"
               },
               children: cellText
             }
@@ -262,7 +257,7 @@ function RTLSummaryRow({
 }) {
   const displayValue = isCurrency && typeof value === "number" ? formatCurrencyRTL(value) : String(value);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_renderer.View, { style: [styles.summaryRow, { fontFamily }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderer.Text, { style: { fontSize, fontWeight: bold ? "bold" : "normal", color, textAlign: "right" }, children: wrapRTL(label) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderer.Text, { style: { fontSize, fontWeight: bold ? "bold" : "normal", color, textAlign: "right", direction: "rtl" }, children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_renderer.Text, { style: { fontSize, fontWeight: bold ? "bold" : "normal", color, textAlign: "left" }, children: displayValue })
   ] });
 }
@@ -293,25 +288,14 @@ function registerRTLFont(options) {
   });
 }
 function registerRubik() {
+  const src = "https://raw.githubusercontent.com/google/fonts/main/ofl/rubik/Rubik%5Bwght%5D.ttf";
   import_renderer2.Font.register({
     family: "Rubik",
     fonts: [
-      {
-        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1UA.woff2",
-        fontWeight: 300
-      },
-      {
-        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYi1UA.woff2",
-        fontWeight: 400
-      },
-      {
-        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1UA.woff2",
-        fontWeight: 500
-      },
-      {
-        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-0oi1UA.woff2",
-        fontWeight: 700
-      }
+      { src, fontWeight: 300 },
+      { src, fontWeight: 400 },
+      { src, fontWeight: 500 },
+      { src, fontWeight: 700 }
     ]
   });
 }

package/dist/index.mjs

@@ -63,7 +63,7 @@ function formatCurrencyRTL(amount, symbol = "\u20AA", locale = "he-IL") {
     maximumFractionDigits: 2
   });
   const valueStr = amount < 0 ? `-${formatted}` : formatted;
-  return `\u200F${symbol}${wrapLTR(valueStr)}`;
+  return `${symbol}${valueStr}`;
 }
 function splitBidiSegments(text) {
   if (!text) return [];
@@ -95,15 +95,9 @@ function stripBidiMarkers(text) {
 import { jsx, jsxs } from "react/jsx-runtime";
 function RTLText({ children, style, direction = "auto", wrap = true, debug }) {
   const str = String(children);
-  let content;
-  if (direction === "rtl") {
-    content = wrapRTL(str);
-  } else if (direction === "ltr") {
-    content = str;
-  } else {
-    content = smartWrap(str);
-  }
-  return /* @__PURE__ */ jsx(Text, { style, wrap, debug, children: content });
+  const isRTL = direction === "rtl" || direction === "auto" && isRTLDominant(str);
+  const dirStyle = isRTL ? { direction: "rtl", textAlign: "right" } : {};
+  return /* @__PURE__ */ jsx(Text, { style: [dirStyle, style], wrap, debug, children: str });
 }
 function RTLView({ children, style, debug }) {
   return /* @__PURE__ */ jsx(View, { style: [styles.rtlView, style], debug, children });
@@ -150,9 +144,10 @@ function RTLTable({
             fontSize,
             fontWeight: "bold",
             color: headerColor,
-            textAlign: (_a = col.align) != null ? _a : "right"
+            textAlign: (_a = col.align) != null ? _a : "right",
+            direction: "rtl"
           },
-          children: wrapRTL(col.header)
+          children: col.header
         }
       ) }, col.key);
     }) }),
@@ -173,8 +168,7 @@ function RTLTable({
           } else if (col.isCurrency && typeof raw === "number") {
             cellText = formatCurrencyRTL(raw);
           } else {
-            const str = String(raw != null ? raw : "");
-            cellText = hasRTLChars(str) ? wrapRTL(str) : str;
+            cellText = String(raw != null ? raw : "");
           }
           return /* @__PURE__ */ jsx(View, { style: colStyles[i], children: /* @__PURE__ */ jsx(
             Text,
@@ -182,7 +176,8 @@ function RTLTable({
               style: {
                 fontSize,
                 color: "#111827",
-                textAlign: (_a = col.align) != null ? _a : col.isCurrency ? "left" : "right"
+                textAlign: (_a = col.align) != null ? _a : col.isCurrency ? "left" : "right",
+                direction: hasRTLChars(String(raw != null ? raw : "")) ? "rtl" : "ltr"
               },
               children: cellText
             }
@@ -216,7 +211,7 @@ function RTLSummaryRow({
 }) {
   const displayValue = isCurrency && typeof value === "number" ? formatCurrencyRTL(value) : String(value);
   return /* @__PURE__ */ jsxs(View, { style: [styles.summaryRow, { fontFamily }], children: [
-    /* @__PURE__ */ jsx(Text, { style: { fontSize, fontWeight: bold ? "bold" : "normal", color, textAlign: "right" }, children: wrapRTL(label) }),
+    /* @__PURE__ */ jsx(Text, { style: { fontSize, fontWeight: bold ? "bold" : "normal", color, textAlign: "right", direction: "rtl" }, children: label }),
     /* @__PURE__ */ jsx(Text, { style: { fontSize, fontWeight: bold ? "bold" : "normal", color, textAlign: "left" }, children: displayValue })
   ] });
 }
@@ -247,25 +242,14 @@ function registerRTLFont(options) {
   });
 }
 function registerRubik() {
+  const src = "https://raw.githubusercontent.com/google/fonts/main/ofl/rubik/Rubik%5Bwght%5D.ttf";
   Font.register({
     family: "Rubik",
     fonts: [
-      {
-        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1UA.woff2",
-        fontWeight: 300
-      },
-      {
-        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYi1UA.woff2",
-        fontWeight: 400
-      },
-      {
-        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1UA.woff2",
-        fontWeight: 500
-      },
-      {
-        src: "https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-0oi1UA.woff2",
-        fontWeight: 700
-      }
+      { src, fontWeight: 300 },
+      { src, fontWeight: 400 },
+      { src, fontWeight: 500 },
+      { src, fontWeight: 700 }
     ]
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pdf-rtl",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "RTL (Hebrew & Arabic) support utilities and components for @react-pdf/renderer",
   "main": "dist/index.js",
   "module": "dist/index.mjs",