@formepdf/react 0.1.3 → 0.2.0

package/dist/serialize.js

@@ -525,6 +525,15 @@ export function mapStyle(style) {
             left: style.marginLeft ?? hl,
         };
     }
+    // Flex shorthand: flex: N → flexGrow: N, flexShrink: 1, flexBasis: 0
+    if (style.flex !== undefined) {
+        if (style.flexGrow === undefined)
+            result.flexGrow = style.flex;
+        if (style.flexShrink === undefined)
+            result.flexShrink = 1;
+        if (style.flexBasis === undefined)
+            result.flexBasis = { Pt: 0 };
+    }
     // Flex
     if (style.flexDirection !== undefined)
         result.flexDirection = FLEX_DIRECTION_MAP[style.flexDirection];
@@ -588,7 +597,8 @@ export function mapStyle(style) {
         };
     }
     if (style.borderColor !== undefined || style.borderTopColor !== undefined || style.borderRightColor !== undefined || style.borderBottomColor !== undefined || style.borderLeftColor !== undefined) {
-        let base = {};
+        const defaultColor = parseColor('#000000');
+        let base = { top: defaultColor, right: defaultColor, bottom: defaultColor, left: defaultColor };
         if (typeof style.borderColor === 'string') {
             const c = parseColor(style.borderColor);
             base = { top: c, right: c, bottom: c, left: c };
@@ -602,10 +612,10 @@ export function mapStyle(style) {
             };
         }
         result.borderColor = {
-            top: (style.borderTopColor ? parseColor(style.borderTopColor) : base.top),
-            right: (style.borderRightColor ? parseColor(style.borderRightColor) : base.right),
-            bottom: (style.borderBottomColor ? parseColor(style.borderBottomColor) : base.bottom),
-            left: (style.borderLeftColor ? parseColor(style.borderLeftColor) : base.left),
+            top: style.borderTopColor ? parseColor(style.borderTopColor) : base.top,
+            right: style.borderRightColor ? parseColor(style.borderRightColor) : base.right,
+            bottom: style.borderBottomColor ? parseColor(style.borderBottomColor) : base.bottom,
+            left: style.borderLeftColor ? parseColor(style.borderLeftColor) : base.left,
         };
     }
     if (style.borderRadius !== undefined || style.borderTopLeftRadius !== undefined || style.borderTopRightRadius !== undefined || style.borderBottomRightRadius !== undefined || style.borderBottomLeftRadius !== undefined) {

package/dist/types.d.ts

@@ -29,6 +29,7 @@ export interface Style {
     maxWidth?: number | string;
     maxHeight?: number | string;
     flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    flex?: number;
     flexGrow?: number;
     flexShrink?: number;
     flexBasis?: number | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formepdf/react",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "JSX-to-JSON serializer for Forme PDF engine",
   "type": "module",
   "main": "./dist/index.js",