@tamagui/react-native-web-internals 1.132.22 → 1.132.24

package/dist/esm/StyleSheet/__tests__/compiler-createReactDOMStyle-test.native.js

@@ -1,4 +1,4 @@
-import createReactDOMStyle from "../compiler/createReactDOMStyle";
+import createReactDOMStyle from "../compiler/createReactDOMStyle.native.js";
 var reactNativeStyle = {
   boxShadow: "1px 1px 1px 1px #000",
   borderWidthLeft: 2,
@@ -14,11 +14,12 @@ var reactNativeStyle = {
   },
   resizeMode: "contain"
 };
-describe("compiler/createReactDOMStyle", function() {
-  test("noop on DOM styles", function() {
-    var firstStyle = createReactDOMStyle(reactNativeStyle), secondStyle = createReactDOMStyle(firstStyle);
+describe("compiler/createReactDOMStyle", function () {
+  test("noop on DOM styles", function () {
+    var firstStyle = createReactDOMStyle(reactNativeStyle),
+      secondStyle = createReactDOMStyle(firstStyle);
     expect(firstStyle).toEqual(secondStyle);
-  }), test("shortform -> longform for inline styles", function() {
+  }), test("shortform -> longform for inline styles", function () {
     var style = {
       borderStyle: "solid",
       boxSizing: "border-box",
@@ -60,14 +61,14 @@ describe("compiler/createReactDOMStyle", function() {
         "paddingTop": "10px",
       }
     `);
-  }), test("aspectRatio", function() {
+  }), test("aspectRatio", function () {
     expect(createReactDOMStyle({
       aspectRatio: 9 / 16
     })).toEqual({
       aspectRatio: "0.5625"
     });
-  }), describe("flexbox styles", function() {
-    test("flex: -1", function() {
+  }), describe("flexbox styles", function () {
+    test("flex: -1", function () {
       expect(createReactDOMStyle({
         flex: -1
       })).toEqual({
@@ -75,25 +76,25 @@ describe("compiler/createReactDOMStyle", function() {
         flexShrink: 1,
         flexBasis: "auto"
       });
-    }), test("flex: 0", function() {
+    }), test("flex: 0", function () {
       expect(createReactDOMStyle({
         flex: 0
       })).toEqual({
         flex: 0
       });
-    }), test("flex: 1", function() {
+    }), test("flex: 1", function () {
       expect(createReactDOMStyle({
         flex: 1
       })).toEqual({
         flex: 1
       });
-    }), test("flex: 10", function() {
+    }), test("flex: 10", function () {
       expect(createReactDOMStyle({
         flex: 10
       })).toEqual({
         flex: 10
       });
-    }), test("flexBasis overrides", function() {
+    }), test("flexBasis overrides", function () {
       expect(createReactDOMStyle({
         flexBasis: "25%"
       })).toEqual({
@@ -105,7 +106,7 @@ describe("compiler/createReactDOMStyle", function() {
         flex: 1,
         flexBasis: "25%"
       });
-    }), test("flexShrink overrides", function() {
+    }), test("flexShrink overrides", function () {
       expect(createReactDOMStyle({
         flexShrink: 1
       })).toEqual({
@@ -118,8 +119,8 @@ describe("compiler/createReactDOMStyle", function() {
         flexShrink: 2
       });
     });
-  }), describe("fontFamily", function() {
-    test("general case", function() {
+  }), describe("fontFamily", function () {
+    test("general case", function () {
       expect(createReactDOMStyle({
         fontFamily: "Georgia, Times, serif"
       })).toMatchInlineSnapshot(`
@@ -127,7 +128,7 @@ describe("compiler/createReactDOMStyle", function() {
           "fontFamily": "Georgia, Times, serif",
         }
       `);
-    }), test('"monospace"', function() {
+    }), test('"monospace"', function () {
       expect(createReactDOMStyle({
         fontFamily: "monospace"
       })).toMatchInlineSnapshot(`
@@ -135,7 +136,7 @@ describe("compiler/createReactDOMStyle", function() {
           "fontFamily": "monospace,monospace",
         }
       `);
-    }), test('"System"', function() {
+    }), test('"System"', function () {
       expect(createReactDOMStyle({
         fontFamily: "System"
       })).toMatchInlineSnapshot(`
@@ -149,7 +150,7 @@ describe("compiler/createReactDOMStyle", function() {
           "font": "14px -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
         }
       `);
-    }), test('"Noto, System"', function() {
+    }), test('"Noto, System"', function () {
       expect(createReactDOMStyle({
         fontFamily: "Noto, System"
       })).toMatchInlineSnapshot(`
@@ -163,7 +164,7 @@ describe("compiler/createReactDOMStyle", function() {
           "font": "14px Noto, -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
         }
       `);
-    }), test('"Noto, BlinkMacSystemFont"', function() {
+    }), test('"Noto, BlinkMacSystemFont"', function () {
       expect(createReactDOMStyle({
         fontFamily: "Noto, BlinkMacSystemFont"
       })).toMatchInlineSnapshot(`
@@ -172,80 +173,49 @@ describe("compiler/createReactDOMStyle", function() {
         }
       `);
     });
-  }), test("fontVariant", function() {
+  }), test("fontVariant", function () {
     expect(createReactDOMStyle({
-      fontVariant: [
-        "common-ligatures",
-        "small-caps"
-      ]
+      fontVariant: ["common-ligatures", "small-caps"]
     })).toEqual({
       fontVariant: "common-ligatures small-caps"
     });
-  }), test("textAlignVertical", function() {
+  }), test("textAlignVertical", function () {
     expect(createReactDOMStyle({
       textAlignVertical: "center"
     })).toEqual({
       verticalAlign: "middle"
     });
-  }), describe("transform", function() {
-    test("string", function() {
-      var transform = "perspective(50px) scaleX(20) translateX(20px) rotate(20deg)", style = {
-        transform
-      }, resolved = createReactDOMStyle(style);
+  }), describe("transform", function () {
+    test("string", function () {
+      var transform = "perspective(50px) scaleX(20) translateX(20px) rotate(20deg)",
+        style = {
+          transform
+        },
+        resolved = createReactDOMStyle(style);
       expect(resolved).toEqual({
         transform
       });
-    }), test("array", function() {
+    }), test("array", function () {
       var style = {
-        transform: [
-          {
+          transform: [{
             perspective: 50
-          },
-          {
+          }, {
             scaleX: 20
-          },
-          {
+          }, {
             translateX: 20
-          },
-          {
+          }, {
             rotate: "20deg"
-          },
-          {
-            matrix: [
-              1,
-              2,
-              3,
-              4,
-              5,
-              6
-            ]
-          },
-          {
-            matrix3d: [
-              1,
-              1,
-              1,
-              1,
-              2,
-              2,
-              2,
-              2,
-              3,
-              3,
-              3,
-              3,
-              4,
-              4,
-              4,
-              4
-            ]
-          }
-        ]
-      }, resolved = createReactDOMStyle(style);
+          }, {
+            matrix: [1, 2, 3, 4, 5, 6]
+          }, {
+            matrix3d: [1, 1, 1, 1, 2, 2, 2, 2, 3, 3, 3, 3, 4, 4, 4, 4]
+          }]
+        },
+        resolved = createReactDOMStyle(style);
       expect(resolved).toEqual({
         transform: "perspective(50px) scaleX(20) translateX(20px) rotate(20deg) matrix(1,2,3,4,5,6) matrix3d(1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4)"
       });
     });
   });
 });
-//# sourceMappingURL=compiler-createReactDOMStyle-test.js.map
+//# sourceMappingURL=compiler-createReactDOMStyle-test.native.js.map

package/dist/esm/StyleSheet/__tests__/compiler-createReactDOMStyle-test.native.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/StyleSheet/__tests__/compiler-createReactDOMStyle-test.tsx"],
-  "mappings": "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",
-  "names": ["createReactDOMStyle", "reactNativeStyle", "boxShadow", "borderWidthLeft", "borderWidth", "borderWidthRight", "display", "marginVertical", "opacity", "shadowColor", "shadowOffset", "width", "height", "resizeMode", "describe", "test", "firstStyle", "secondStyle", "expect", "toEqual", "style", "borderStyle", "boxSizing", "borderBottomColor", "borderBottomWidth", "marginTop", "margin", "overflow", "overscrollBehavior", "paddingLeft", "paddingHorizontal", "padding", "toMatchInlineSnapshot", "aspectRatio", "flex", "flexGrow", "flexShrink", "flexBasis", "fontFamily", "font", "fontVariant", "textAlignVertical", "verticalAlign", "transform", "resolved", "perspective", "scaleX", "translateX", "rotate", "matrix", "matrix3d"]
-}
+{"version":3,"names":["createReactDOMStyle","reactNativeStyle","boxShadow","borderWidthLeft","borderWidth","borderWidthRight","display","marginVertical","opacity","shadowColor","shadowOffset","width","height","resizeMode","describe","test","firstStyle","secondStyle","expect","toEqual","style","borderStyle","boxSizing","borderBottomColor","borderBottomWidth","marginTop","margin","overflow","overscrollBehavior","paddingLeft","paddingHorizontal","padding","toMatchInlineSnapshot","aspectRatio","flex","flexGrow","flexShrink","flexBasis","fontFamily","font"],"sources":["../../../../src/StyleSheet/__tests__/compiler-createReactDOMStyle-test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/StyleSheet/__tests__/compiler-test.native.js

@@ -1,33 +1,27 @@
 import { atomic, classic, inline } from "../compiler";
-describe("StyleSheet/compile", function() {
-  describe("atomic", function() {
-    test("converts style to atomic CSS", function() {
+describe("StyleSheet/compile", function () {
+  describe("atomic", function () {
+    test("converts style to atomic CSS", function () {
       var result = atomic({
-        animationDirection: [
-          "alternate",
-          "alternate-reverse"
-        ],
-        animationKeyframes: [
-          {
-            "0%": {
-              top: 0
-            },
-            "50%": {
-              top: 5
-            },
-            "100%": {
-              top: 10
-            }
+        animationDirection: ["alternate", "alternate-reverse"],
+        animationKeyframes: [{
+          "0%": {
+            top: 0
           },
-          {
-            from: {
-              left: 0
-            },
-            to: {
-              left: 10
-            }
+          "50%": {
+            top: 5
+          },
+          "100%": {
+            top: 10
+          }
+        }, {
+          from: {
+            left: 0
+          },
+          to: {
+            left: 10
           }
-        ],
+        }],
         fontFamily: "System",
         marginHorizontal: 10,
         marginStart: 1,
@@ -37,12 +31,10 @@ describe("StyleSheet/compile", function() {
         pointerEvents: "box-only",
         start: "12.34%",
         textAlign: "start",
-        transform: [
-          {
-            translateX: 50,
-            scale: -1
-          }
-        ]
+        transform: [{
+          translateX: 50,
+          scale: -1
+        }]
       });
       expect(result).toMatchInlineSnapshot(`
         [
@@ -184,42 +176,34 @@ describe("StyleSheet/compile", function() {
         ]
       `);
     });
-  }), describe("classic", function() {
-    test("converts style to classic CSS", function() {
+  }), describe("classic", function () {
+    test("converts style to classic CSS", function () {
       var result = classic({
-        animationDirection: [
-          "alternate",
-          "alternate-reverse"
-        ],
-        animationKeyframes: [
-          {
-            "0%": {
-              top: 0
-            },
-            "50%": {
-              top: 5
-            },
-            "100%": {
-              top: 10
-            }
+        animationDirection: ["alternate", "alternate-reverse"],
+        animationKeyframes: [{
+          "0%": {
+            top: 0
           },
-          {
-            from: {
-              left: 0
-            },
-            to: {
-              left: 10
-            }
+          "50%": {
+            top: 5
+          },
+          "100%": {
+            top: 10
           }
-        ],
+        }, {
+          from: {
+            left: 0
+          },
+          to: {
+            left: 10
+          }
+        }],
         marginHorizontal: 10,
         font: "14px System",
-        transform: [
-          {
-            translateX: 50,
-            scale: -1
-          }
-        ]
+        transform: [{
+          translateX: 50,
+          scale: -1
+        }]
       }, "text");
       expect(result).toMatchInlineSnapshot(`
         [
@@ -242,8 +226,8 @@ describe("StyleSheet/compile", function() {
         ]
       `);
     });
-  }), describe("inline", function() {
-    test("converts style to inline styles", function() {
+  }), describe("inline", function () {
+    test("converts style to inline styles", function () {
       var result = inline({
         marginHorizontal: 10,
         display: "flex",
@@ -257,13 +241,10 @@ describe("StyleSheet/compile", function() {
           "marginRight": "10px",
         }
       `);
-    }), describe("logical style polyfill", function() {
-      [
-        !1,
-        !0
-      ].forEach(function(isRTL) {
+    }), describe("logical style polyfill", function () {
+      [!1, !0].forEach(function (isRTL) {
         var dir = isRTL ? "rtl" : "ltr";
-        test(`ignores "left" properties for ${dir}`, function() {
+        test(`ignores "left" properties for ${dir}`, function () {
           var initial = {
             borderLeftColor: "rgba(255,0,0,1.00)",
             borderLeftStyle: "solid",
@@ -273,7 +254,7 @@ describe("StyleSheet/compile", function() {
             paddingLeft: "10px"
           };
           expect(inline(initial, isRTL)).toEqual(initial);
-        }), test(`ignores "right" properties for ${dir}`, function() {
+        }), test(`ignores "right" properties for ${dir}`, function () {
           var initial = {
             borderRightColor: "rgba(255,0,0,1.00)",
             borderRightStyle: "solid",
@@ -283,7 +264,7 @@ describe("StyleSheet/compile", function() {
             paddingRight: "10px"
           };
           expect(inline(initial, isRTL)).toEqual(initial);
-        }), test(`ignores "left" values for ${dir}`, function() {
+        }), test(`ignores "left" values for ${dir}`, function () {
           var initial = {
             clear: "left",
             float: "left",
@@ -291,7 +272,7 @@ describe("StyleSheet/compile", function() {
             transitionProperty: "left"
           };
           expect(inline(initial, isRTL)).toEqual(initial);
-        }), test(`ignores "right" values for ${dir}`, function() {
+        }), test(`ignores "right" values for ${dir}`, function () {
           var initial = {
             clear: "right",
             float: "right",
@@ -299,118 +280,129 @@ describe("StyleSheet/compile", function() {
             transitionProperty: "right"
           };
           expect(inline(initial, isRTL)).toEqual(initial);
-        }), test(`converts "start" properties for ${dir}`, function() {
+        }), test(`converts "start" properties for ${dir}`, function () {
           var initial = {
-            borderStartColor: "red",
-            borderStartStyle: "solid",
-            borderStartWidth: 1,
-            start: 1,
-            marginStart: 5,
-            paddingStart: 10
-          }, expectedLTR = {
-            borderLeftColor: "rgba(255,0,0,1.00)",
-            borderLeftStyle: "solid",
-            borderLeftWidth: "1px",
-            left: "1px",
-            marginLeft: "5px",
-            paddingLeft: "10px"
-          }, expectedRTL = {
-            borderRightColor: "rgba(255,0,0,1.00)",
-            borderRightStyle: "solid",
-            borderRightWidth: "1px",
-            right: "1px",
-            marginRight: "5px",
-            paddingRight: "10px"
-          };
+              borderStartColor: "red",
+              borderStartStyle: "solid",
+              borderStartWidth: 1,
+              start: 1,
+              marginStart: 5,
+              paddingStart: 10
+            },
+            expectedLTR = {
+              borderLeftColor: "rgba(255,0,0,1.00)",
+              borderLeftStyle: "solid",
+              borderLeftWidth: "1px",
+              left: "1px",
+              marginLeft: "5px",
+              paddingLeft: "10px"
+            },
+            expectedRTL = {
+              borderRightColor: "rgba(255,0,0,1.00)",
+              borderRightStyle: "solid",
+              borderRightWidth: "1px",
+              right: "1px",
+              marginRight: "5px",
+              paddingRight: "10px"
+            };
           expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
-        }), test(`converts "end" properties for ${dir}`, function() {
+        }), test(`converts "end" properties for ${dir}`, function () {
           var initial = {
-            borderEndColor: "red",
-            borderEndStyle: "solid",
-            borderEndWidth: 1,
-            end: 1,
-            marginEnd: 5,
-            paddingEnd: 10
-          }, expectedLTR = {
-            borderRightColor: "rgba(255,0,0,1.00)",
-            borderRightStyle: "solid",
-            borderRightWidth: "1px",
-            right: "1px",
-            marginRight: "5px",
-            paddingRight: "10px"
-          }, expectedRTL = {
-            borderLeftColor: "rgba(255,0,0,1.00)",
-            borderLeftStyle: "solid",
-            borderLeftWidth: "1px",
-            left: "1px",
-            marginLeft: "5px",
-            paddingLeft: "10px"
-          };
+              borderEndColor: "red",
+              borderEndStyle: "solid",
+              borderEndWidth: 1,
+              end: 1,
+              marginEnd: 5,
+              paddingEnd: 10
+            },
+            expectedLTR = {
+              borderRightColor: "rgba(255,0,0,1.00)",
+              borderRightStyle: "solid",
+              borderRightWidth: "1px",
+              right: "1px",
+              marginRight: "5px",
+              paddingRight: "10px"
+            },
+            expectedRTL = {
+              borderLeftColor: "rgba(255,0,0,1.00)",
+              borderLeftStyle: "solid",
+              borderLeftWidth: "1px",
+              left: "1px",
+              marginLeft: "5px",
+              paddingLeft: "10px"
+            };
           expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
-        }), test(`converts "start" values for ${dir}`, function() {
+        }), test(`converts "start" values for ${dir}`, function () {
           var initial = {
-            clear: "start",
-            float: "start",
-            textAlign: "start",
-            transitionProperty: "start"
-          }, expectedLTR = {
-            clear: "left",
-            float: "left",
-            textAlign: "left",
-            transitionProperty: "left"
-          }, expectedRTL = {
-            clear: "right",
-            float: "right",
-            textAlign: "right",
-            transitionProperty: "right"
-          };
+              clear: "start",
+              float: "start",
+              textAlign: "start",
+              transitionProperty: "start"
+            },
+            expectedLTR = {
+              clear: "left",
+              float: "left",
+              textAlign: "left",
+              transitionProperty: "left"
+            },
+            expectedRTL = {
+              clear: "right",
+              float: "right",
+              textAlign: "right",
+              transitionProperty: "right"
+            };
           expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
-        }), test(`converts "end" values for ${dir}`, function() {
+        }), test(`converts "end" values for ${dir}`, function () {
           var initial = {
-            clear: "end",
-            float: "end",
-            textAlign: "end",
-            transitionProperty: "end"
-          }, expectedLTR = {
-            clear: "right",
-            float: "right",
-            textAlign: "right",
-            transitionProperty: "right"
-          }, expectedRTL = {
-            clear: "left",
-            float: "left",
-            textAlign: "left",
-            transitionProperty: "left"
-          };
+              clear: "end",
+              float: "end",
+              textAlign: "end",
+              transitionProperty: "end"
+            },
+            expectedLTR = {
+              clear: "right",
+              float: "right",
+              textAlign: "right",
+              transitionProperty: "right"
+            },
+            expectedRTL = {
+              clear: "left",
+              float: "left",
+              textAlign: "left",
+              transitionProperty: "left"
+            };
           expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
-        }), test("end/start properties take precedence over left/right", function() {
+        }), test("end/start properties take precedence over left/right", function () {
           var initialLTR = {
-            borderStartWidth: 10,
-            borderLeftWidth: 0,
-            end: 10,
-            right: 0,
-            marginStart: 10,
-            marginLeft: 0
-          }, expectedLTR = {
-            borderLeftWidth: "10px",
-            marginLeft: "10px",
-            right: "10px"
-          }, initialRTL = {
-            borderStartWidth: 10,
-            borderRightWidth: 0,
-            end: 10,
-            left: 0,
-            marginStart: 10,
-            marginRight: 0
-          }, expectedRTL = {
-            borderRightWidth: "10px",
-            marginRight: "10px",
-            left: "10px"
-          };
+              borderStartWidth: 10,
+              borderLeftWidth: 0,
+              end: 10,
+              right: 0,
+              marginStart: 10,
+              marginLeft: 0
+            },
+            expectedLTR = {
+              borderLeftWidth: "10px",
+              marginLeft: "10px",
+              right: "10px"
+            },
+            initialRTL = {
+              borderStartWidth: 10,
+              borderRightWidth: 0,
+              end: 10,
+              left: 0,
+              marginStart: 10,
+              marginRight: 0
+            },
+            expectedRTL = {
+              borderRightWidth: "10px",
+              marginRight: "10px",
+              left: "10px"
+            };
           expect(inline(isRTL ? initialRTL : initialLTR, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
         });
       });
     });
   });
 });
-//# sourceMappingURL=compiler-test.js.map
+//# sourceMappingURL=compiler-test.native.js.map