Merge pull request #62 from kristerkari/update/css-to-react-native-to-version-3

Update css-to-react-native to version 3.0.0

Author: kristerkari

package.json

@@ -59,7 +59,7 @@
   "dependencies": {
     "css": "^2.2.4",
     "css-mediaquery": "^0.1.2",
-    "css-to-react-native": "^2.3.2"
+    "css-to-react-native": "^3.0.0"
   },
   "repository": {
     "type": "git",

src/index.spec.js

@@ -9,15 +9,10 @@ describe("misc", () => {
     expect(
       transform(`
       .test {
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
+        z-index: 0
       }
-    `),
-    ).toEqual({
-      test: { top: 0, left: 0, right: 0, bottom: 0 },
-    });
+      `),
+    ).toEqual({ test: { zIndex: 0 } });
   });
 
   it("ignores unsupported at-rules", () => {
@@ -142,6 +137,27 @@ describe("misc", () => {
     });
   });
 
+  it("allows uppercase units", () => {
+    expect(
+      transform(`
+      .test {
+        top: 0PX
+      }
+      `),
+    ).toEqual({ test: { top: 0 } });
+    expect(
+      transform(`
+      .test {
+        transform: rotate(30DEG)
+      }
+      `),
+    ).toEqual({
+      test: {
+        transform: [{ rotate: "30deg" }],
+      },
+    });
+  });
+
   it("allows percent values in transformed values", () => {
     expect(
       transform(`
@@ -770,6 +786,22 @@ describe("transform", () => {
 });
 
 describe("border", () => {
+  it("transforms border none", () => {
+    expect(
+      transform(`
+      .test {
+        border: none
+      }
+      `),
+    ).toEqual({
+      test: {
+        borderWidth: 0,
+        borderColor: "black",
+        borderStyle: "solid",
+      },
+    });
+  });
+
   it("transforms border shorthand", () => {
     expect(
       transform(`
@@ -866,6 +898,32 @@ describe("border", () => {
     });
   });
 
+  it("transforms border for unsupported units", () => {
+    expect(
+      transform(`
+      .test {
+        border: 3em solid black
+      }
+      `),
+    ).toEqual({
+      test: {
+        borderWidth: "3em",
+        borderColor: "black",
+        borderStyle: "solid",
+      },
+    });
+  });
+
+  it("does not transform border with percentage width", () => {
+    expect(() =>
+      transform(`
+      .test {
+        border: 3% solid black
+      }
+      `),
+    ).toThrow();
+  });
+
   describe("shorthand border properties related to Image elements", () => {
     it("transforms border-radius", () => {
       expect(
@@ -1746,6 +1804,38 @@ describe("flex-box", () => {
     });
   });
 
+  it("transforms flex shorthand with flex-basis set to percent", () => {
+    expect(
+      transform(`
+      .test {
+        flex: 1 2 30%
+      }
+      `),
+    ).toEqual({
+      test: {
+        flexGrow: 1,
+        flexShrink: 2,
+        flexBasis: "30%",
+      },
+    });
+  });
+
+  it("transforms flex shorthand with flex-basis set to unsupported unit", () => {
+    expect(
+      transform(`
+      .test {
+        flex: 1 2 30em
+      }
+      `),
+    ).toEqual({
+      test: {
+        flexGrow: 1,
+        flexShrink: 2,
+        flexBasis: "30em",
+      },
+    });
+  });
+
   it("transforms flex shorthand with flex-basis set to auto appearing first", () => {
     expect(
       transform(`
@@ -1981,23 +2071,14 @@ describe("font", () => {
     });
   });
 
-  it("allows line height as multiple", () => {
-    expect(
+  it("does not allow line height as multiple", () => {
+    expect(() => {
       transform(`
       .test {
-        font: 16px/1.5 "Helvetica";
+        font: 16px/1.5 "Helvetica"
       }
-    `),
-    ).toEqual({
-      test: {
-        fontFamily: "Helvetica",
-        fontSize: 16,
-        fontWeight: "normal",
-        fontStyle: "normal",
-        fontVariant: [],
-        lineHeight: 24,
-      },
-    });
+      `);
+    }).toThrow();
   });
 
   it("transforms font without quotes", () => {
@@ -2455,6 +2536,46 @@ describe("text-shadow", () => {
   });
 });
 
+it("transforms place content", () => {
+  expect(
+    transform(`
+    .test {
+      place-content: center center
+    }
+    `),
+  ).toEqual({
+    test: {
+      alignContent: "center",
+      justifyContent: "center",
+    },
+  });
+});
+
+it("transforms place content with one value", () => {
+  expect(
+    transform(`
+    .test {
+      place-content: center
+    }
+    `),
+  ).toEqual({
+    test: {
+      alignContent: "center",
+      justifyContent: "stretch",
+    },
+  });
+});
+
+it("does not allow justify content without align content", () => {
+  expect(() =>
+    transform(`
+    .test {
+      place-content: space-evenly
+    }
+    `),
+  ).toThrow();
+});
+
 describe("rem unit", () => {
   it("should transform a single rem value", () => {
     expect(

yarn.lock

@@ -2213,19 +2213,20 @@ cross-spawn@^7.0.3:
 css-color-keywords@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
+  integrity sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=
 
 css-mediaquery@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/css-mediaquery/-/css-mediaquery-0.1.2.tgz#6a2c37344928618631c54bd33cedd301da18bea0"
 
-css-to-react-native@^2.3.2:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-2.3.2.tgz#e75e2f8f7aa385b4c3611c52b074b70a002f2e7d"
-  integrity sha512-VOFaeZA053BqvvvqIA8c9n0+9vFppVBAHCp6JgFTtTMU3Mzi+XnelJ9XC9ul3BqFzZyQ5N+H0SnwsWT2Ebchxw==
+css-to-react-native@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.0.0.tgz#62dbe678072a824a689bcfee011fc96e02a7d756"
+  integrity sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==
   dependencies:
     camelize "^1.0.0"
     css-color-keywords "^1.0.0"
-    postcss-value-parser "^3.3.0"
+    postcss-value-parser "^4.0.2"
 
 css@^2.2.4:
   version "2.2.4"
@@ -4343,9 +4344,10 @@ posix-character-classes@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
 
-postcss-value-parser@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz#87f38f9f18f774a4ab4c8a232f5c5ce8872a9d15"
+postcss-value-parser@^4.0.2:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
+  integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
 
 prelude-ls@~1.1.2:
   version "1.1.2"