feat: add align-content: space-evenly support

diegomura · Sep 22, 2024 · 45c7e61 · 45c7e61
1 parent f8a3c73
commit 45c7e61
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 1 deletion.
diff --git a/.changeset/smart-ligers-deny.md b/.changeset/smart-ligers-deny.md
@@ -0,0 +1,6 @@
+---
+"@react-pdf/layout": minor
+"@react-pdf/types": minor
+---
+
+feat: add align-content: space-evenly support
diff --git a/packages/layout/src/node/setAlign.js b/packages/layout/src/node/setAlign.js
@@ -9,6 +9,7 @@ const ALIGN = {
   baseline: Yoga.Align.Baseline,
   'space-between': Yoga.Align.SpaceBetween,
   'space-around': Yoga.Align.SpaceAround,
+  'space-evenly': Yoga.Align.SpaceEvenly,
 };
 
 /**

diff --git a/packages/layout/tests/node/setAlignContent.test.js b/packages/layout/tests/node/setAlignContent.test.js
@@ -82,4 +82,12 @@ describe('node setAlignContent', () => {
     expect(mock.mock.calls[0][0]).toBe(Yoga.Align.SpaceAround);
     expect(result).toBe(node);
   });
+
+  test('Should set space-evenly', () => {
+    const result = setAlignContent('space-evenly')(node);
+
+    expect(mock.mock.calls).toHaveLength(1);
+    expect(mock.mock.calls[0][0]).toBe(Yoga.Align.SpaceEvenly);
+    expect(result).toBe(node);
+  });
 });
diff --git a/packages/types/style.d.ts b/packages/types/style.d.ts
@@ -7,7 +7,8 @@ export interface Style {
     | 'center'
     | 'stretch'
     | 'space-between'
-    | 'space-around';
+    | 'space-around'
+    | 'space-evenly';
   alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
   alignSelf?:
     | 'auto'