Merge pull request #1 from kristerkari/bugfix/add-missing-properties

Add missing properties
kristerkari · Feb 11, 2018 · 797fba7 · 797fba7
2 parents 9f49c50 + 56ee9aa
commit 797fba7
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 1 deletion.
diff --git a/src/__snapshots__/index.spec.js.snap b/src/__snapshots__/index.spec.js.snap
@@ -2,11 +2,15 @@
 
 exports[`should have a flat array of all known React Native props 1`] = `
 Array [
+  "alignContent",
   "alignItems",
   "alignSelf",
   "flex",
+  "flexBasis",
   "flexDirection",
+  "flexGrow",
   "flexWrap",
+  "flexShrink",
   "justifyContent",
   "borderWidth",
   "borderBottomWidth",
@@ -30,6 +34,7 @@ Array [
   "right",
   "top",
   "zIndex",
+  "display",
   "height",
   "minHeight",
   "maxHeight",
@@ -64,7 +69,10 @@ Array [
   "textDecorationColor",
   "textDecorationStyle",
   "letterSpacing",
+  "direction",
   "elevation",
+  "borderStartColor",
+  "borderEndColor",
   "textAlignVertical",
   "textShadowColor",
   "textShadowOffset",
@@ -83,16 +91,21 @@ Array [
   "tintColor",
   "overlayColor",
   "writingDirection",
+  "includeFontPadding",
 ]
 `;
 
 exports[`should have a flat array of all known css-to-react-native props 1`] = `
 Array [
+  "alignContent",
   "alignItems",
   "alignSelf",
   "flex",
+  "flexBasis",
   "flexDirection",
+  "flexGrow",
   "flexWrap",
+  "flexShrink",
   "justifyContent",
   "borderWidth",
   "borderBottomWidth",
@@ -116,6 +129,7 @@ Array [
   "right",
   "top",
   "zIndex",
+  "display",
   "height",
   "minHeight",
   "maxHeight",
@@ -150,7 +164,10 @@ Array [
   "textDecorationColor",
   "textDecorationStyle",
   "letterSpacing",
+  "direction",
   "elevation",
+  "borderStartColor",
+  "borderEndColor",
   "textAlignVertical",
   "textShadowColor",
   "textShadowOffset",
@@ -169,6 +186,7 @@ Array [
   "tintColor",
   "overlayColor",
   "writingDirection",
+  "includeFontPadding",
   "border",
   "boxShadow",
   "flexFlow",

diff --git a/src/index.js b/src/index.js
@@ -7,11 +7,15 @@ function flatten(arr) {
 }
 
 export const flexboxProps = [
+  "alignContent",
   "alignItems",
   "alignSelf",
   "flex",
+  "flexBasis",
   "flexDirection",
+  "flexGrow",
   "flexWrap",
+  "flexShrink",
   "justifyContent"
 ];
 
@@ -44,6 +48,7 @@ export const positioningProps = [
 ];
 
 export const boxModelProps = [
+  "display",
   "height",
   "minHeight",
   "maxHeight",
@@ -89,8 +94,12 @@ export const fontProps = [
   "letterSpacing"
 ];
 
+export const writingModeProps = ["direction"];
+
 export const reactNativeProps = [
   "elevation",
+  "borderStartColor",
+  "borderEndColor",
   "textAlignVertical",
   "textShadowColor",
   "textShadowOffset",
@@ -108,7 +117,8 @@ export const reactNativeProps = [
   "resizeMode",
   "tintColor",
   "overlayColor",
-  "writingDirection"
+  "writingDirection",
+  "includeFontPadding"
 ];
 
 export const CSS2RNProps = [
@@ -131,6 +141,7 @@ export const allProps = flatten([
   backgroundProps,
   colorProps,
   fontProps,
+  writingModeProps,
   reactNativeProps
 ]);