@tamagui/react-native-web-internals 1.135.4-1761748186554 → 1.135.4

package/dist/cjs/StyleSheet/__tests__/compiler-createReactDOMStyle-test.cjs

@@ -20,7 +20,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
   enumerable: !0
 }) : target, mod));
-var import_createReactDOMStyle = __toESM(require("../compiler/createReactDOMStyle.cjs"), 1);
+var import_createReactDOMStyle = __toESM(require("../compiler/createReactDOMStyle.cjs"));
 const reactNativeStyle = {
   boxShadow: "1px 1px 1px 1px #000",
   borderWidthLeft: 2,

package/dist/cjs/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js

@@ -17,7 +17,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
 ));
-var import_createReactDOMStyle = __toESM(require("../compiler/createReactDOMStyle"), 1);
+var import_createReactDOMStyle = __toESM(require("../compiler/createReactDOMStyle"));
 const reactNativeStyle = {
   boxShadow: "1px 1px 1px 1px #000",
   borderWidthLeft: 2,

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

@@ -0,0 +1,270 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+));
+var import_createReactDOMStyle = __toESM(require("../compiler/createReactDOMStyle")), reactNativeStyle = {
+  boxShadow: "1px 1px 1px 1px #000",
+  borderWidthLeft: 2,
+  borderWidth: 1,
+  borderWidthRight: 3,
+  display: "flex",
+  marginVertical: 0,
+  opacity: 0,
+  shadowColor: "red",
+  shadowOffset: {
+    width: 1,
+    height: 2
+  },
+  resizeMode: "contain"
+};
+describe("compiler/createReactDOMStyle", function() {
+  test("noop on DOM styles", function() {
+    var firstStyle = (0, import_createReactDOMStyle.default)(reactNativeStyle), secondStyle = (0, import_createReactDOMStyle.default)(firstStyle);
+    expect(firstStyle).toEqual(secondStyle);
+  }), test("shortform -> longform for inline styles", function() {
+    var style = {
+      borderStyle: "solid",
+      boxSizing: "border-box",
+      borderBottomColor: "white",
+      borderBottomWidth: 1,
+      borderWidth: 0,
+      marginTop: 50,
+      marginVertical: 25,
+      margin: 10,
+      overflow: "hidden",
+      overscrollBehavior: "contain",
+      paddingLeft: 50,
+      paddingHorizontal: 25,
+      padding: 10
+    };
+    expect((0, import_createReactDOMStyle.default)(style, !0)).toMatchInlineSnapshot(`
+      {
+        "borderBottomColor": "rgba(255,255,255,1.00)",
+        "borderBottomStyle": "solid",
+        "borderBottomWidth": "1px",
+        "borderLeftStyle": "solid",
+        "borderLeftWidth": "0px",
+        "borderRightStyle": "solid",
+        "borderRightWidth": "0px",
+        "borderTopStyle": "solid",
+        "borderTopWidth": "0px",
+        "boxSizing": "border-box",
+        "marginBottom": "25px",
+        "marginLeft": "10px",
+        "marginRight": "10px",
+        "marginTop": "50px",
+        "overflowX": "hidden",
+        "overflowY": "hidden",
+        "overscrollBehaviorX": "contain",
+        "overscrollBehaviorY": "contain",
+        "paddingBottom": "10px",
+        "paddingLeft": "50px",
+        "paddingRight": "25px",
+        "paddingTop": "10px",
+      }
+    `);
+  }), test("aspectRatio", function() {
+    expect((0, import_createReactDOMStyle.default)({
+      aspectRatio: 9 / 16
+    })).toEqual({
+      aspectRatio: "0.5625"
+    });
+  }), describe("flexbox styles", function() {
+    test("flex: -1", function() {
+      expect((0, import_createReactDOMStyle.default)({
+        flex: -1
+      })).toEqual({
+        flexGrow: 0,
+        flexShrink: 1,
+        flexBasis: "auto"
+      });
+    }), test("flex: 0", function() {
+      expect((0, import_createReactDOMStyle.default)({
+        flex: 0
+      })).toEqual({
+        flex: 0
+      });
+    }), test("flex: 1", function() {
+      expect((0, import_createReactDOMStyle.default)({
+        flex: 1
+      })).toEqual({
+        flex: 1
+      });
+    }), test("flex: 10", function() {
+      expect((0, import_createReactDOMStyle.default)({
+        flex: 10
+      })).toEqual({
+        flex: 10
+      });
+    }), test("flexBasis overrides", function() {
+      expect((0, import_createReactDOMStyle.default)({
+        flexBasis: "25%"
+      })).toEqual({
+        flexBasis: "25%"
+      }), expect((0, import_createReactDOMStyle.default)({
+        flex: 1,
+        flexBasis: "25%"
+      })).toEqual({
+        flex: 1,
+        flexBasis: "25%"
+      });
+    }), test("flexShrink overrides", function() {
+      expect((0, import_createReactDOMStyle.default)({
+        flexShrink: 1
+      })).toEqual({
+        flexShrink: 1
+      }), expect((0, import_createReactDOMStyle.default)({
+        flex: 1,
+        flexShrink: 2
+      })).toEqual({
+        flex: 1,
+        flexShrink: 2
+      });
+    });
+  }), describe("fontFamily", function() {
+    test("general case", function() {
+      expect((0, import_createReactDOMStyle.default)({
+        fontFamily: "Georgia, Times, serif"
+      })).toMatchInlineSnapshot(`
+        {
+          "fontFamily": "Georgia, Times, serif",
+        }
+      `);
+    }), test('"monospace"', function() {
+      expect((0, import_createReactDOMStyle.default)({
+        fontFamily: "monospace"
+      })).toMatchInlineSnapshot(`
+        {
+          "fontFamily": "monospace,monospace",
+        }
+      `);
+    }), test('"System"', function() {
+      expect((0, import_createReactDOMStyle.default)({
+        fontFamily: "System"
+      })).toMatchInlineSnapshot(`
+        {
+          "fontFamily": "-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
+        }
+      `), expect((0, import_createReactDOMStyle.default)({
+        font: "14px System"
+      })).toMatchInlineSnapshot(`
+        {
+          "font": "14px -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
+        }
+      `);
+    }), test('"Noto, System"', function() {
+      expect((0, import_createReactDOMStyle.default)({
+        fontFamily: "Noto, System"
+      })).toMatchInlineSnapshot(`
+        {
+          "fontFamily": "Noto,-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
+        }
+      `), expect((0, import_createReactDOMStyle.default)({
+        font: "14px Noto, System"
+      })).toMatchInlineSnapshot(`
+        {
+          "font": "14px Noto, -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
+        }
+      `);
+    }), test('"Noto, BlinkMacSystemFont"', function() {
+      expect((0, import_createReactDOMStyle.default)({
+        fontFamily: "Noto, BlinkMacSystemFont"
+      })).toMatchInlineSnapshot(`
+        {
+          "fontFamily": "Noto,BlinkMacSystemFont",
+        }
+      `);
+    });
+  }), test("fontVariant", function() {
+    expect((0, import_createReactDOMStyle.default)({
+      fontVariant: [
+        "common-ligatures",
+        "small-caps"
+      ]
+    })).toEqual({
+      fontVariant: "common-ligatures small-caps"
+    });
+  }), test("textAlignVertical", function() {
+    expect((0, import_createReactDOMStyle.default)({
+      textAlignVertical: "center"
+    })).toEqual({
+      verticalAlign: "middle"
+    });
+  }), describe("transform", function() {
+    test("string", function() {
+      var transform = "perspective(50px) scaleX(20) translateX(20px) rotate(20deg)", style = {
+        transform
+      }, resolved = (0, import_createReactDOMStyle.default)(style);
+      expect(resolved).toEqual({
+        transform
+      });
+    }), test("array", function() {
+      var style = {
+        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 = (0, import_createReactDOMStyle.default)(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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/StyleSheet/__tests__/compiler-createReactDOMStyle-test.tsx"],
+  "mappings": "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",
+  "names": ["createReactDOMStyle"]
+}