@pagenflow/email 1.3.4 → 1.3.5

package/dist/components/Heading.d.ts

@@ -15,15 +15,22 @@ export interface HeadingConfig {
     fontSize?: string;
     /** Font weight (e.g., 'normal', 'bold', or '700'). */
     fontWeight?: string;
-    /** Font style (e.g., 'italic'). */ fontStyle?: string;
+    /** Font style (e.g., 'italic'). */
+    fontStyle?: string;
     /** Line height (e.g., '1.3' or '30px'). */
     lineHeight?: string;
-    /** Letter spacing (e.g., '0.5px', '1px'). */ letterSpacing?: string;
-    /** Text transform (e.g., 'uppercase', 'lowercase', 'capitalize'). */ textTransform?: string;
-    /** Text decoration (e.g., 'underline', 'line-through'). */ textDecoration?: string;
-    /** Text direction (e.g., 'ltr', 'rtl'). */ direction?: string;
-    /** Vertical alignment (e.g., 'sub', 'super'). Applied to content wrapper in Text, applied to TD here for alignment. */ verticalAlign?: string;
-    /** Background color of the heading block. */ backgroundColor?: string;
+    /** Letter spacing (e.g., '0.5px', '1px'). */
+    letterSpacing?: string;
+    /** Text transform (e.g., 'uppercase', 'lowercase', 'capitalize'). */
+    textTransform?: string;
+    /** Text decoration (e.g., 'underline', 'line-through'). */
+    textDecoration?: string;
+    /** Text direction (e.g., 'ltr', 'rtl'). */
+    direction?: string;
+    /** Vertical alignment (e.g., 'sub', 'super'). Applied to content wrapper in Text, applied to TD here for alignment. */
+    verticalAlign?: string;
+    /** Background color of the heading block. */
+    backgroundColor?: string;
 }
 export type HeadingProps = {
     config: HeadingConfig;

package/dist/index.cjs.js

@@ -2150,8 +2150,10 @@ function Head({ children, backgroundColor = "#ffffff", title = "Email Preview",
 }
 
 function Heading({ config, devMode, children }) {
-    var _a;
     const { text, level = "h1", padding, color, textAlign, fontSize, fontWeight, fontStyle, lineHeight, letterSpacing, textTransform, textDecoration, direction, verticalAlign, backgroundColor, } = config;
+    // Determine the content to render
+    const content = text !== null && text !== void 0 ? text : children;
+    const isString = typeof content === "string";
     // 1. TD Style: Where padding, background, width, and verticalAlign are applied.
     const tdStyle = {
         padding: padding,
@@ -2178,7 +2180,6 @@ function Heading({ config, devMode, children }) {
         fontFamily: "Arial, Helvetica, sans-serif",
         // Outlook specific fixes (using string indexing)
         ["msoLineHeightRule"]: "exactly",
-        // ["mso-line-height-rule" as string]: "exactly",
     };
     // Dynamically create the Heading element
     const HeadingTag = level;
@@ -2187,7 +2188,7 @@ function Heading({ config, devMode, children }) {
     jsxRuntime.jsx("table", { "aria-label": "Heading Block Wrapper", role: "presentation", cellPadding: 0, cellSpacing: 0, border: 0, style: {
             width: "100%",
             borderCollapse: "collapse",
-        }, children: jsxRuntime.jsx("tbody", { children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { style: tdStyle, align: textAlign, children: jsxRuntime.jsx(HeadingTag, { style: headingStyle, dangerouslySetInnerHTML: { __html: (_a = text !== null && text !== void 0 ? text : children) !== null && _a !== void 0 ? _a : "" } }) }) }) }) }));
+        }, children: jsxRuntime.jsx("tbody", { children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { style: tdStyle, align: textAlign, children: isString ? (jsxRuntime.jsx(HeadingTag, { style: headingStyle, dangerouslySetInnerHTML: { __html: content } })) : (jsxRuntime.jsx(HeadingTag, { style: headingStyle, children: content })) }) }) }) }));
 }
 var Heading_default = React.memo(Heading, arePropsEqual);