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

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

@@ -0,0 +1,417 @@
+"use strict";
+var import_compiler = require("../compiler");
+describe("StyleSheet/compile", function() {
+  describe("atomic", function() {
+    test("converts style to atomic CSS", function() {
+      var result = (0, import_compiler.atomic)({
+        animationDirection: [
+          "alternate",
+          "alternate-reverse"
+        ],
+        animationKeyframes: [
+          {
+            "0%": {
+              top: 0
+            },
+            "50%": {
+              top: 5
+            },
+            "100%": {
+              top: 10
+            }
+          },
+          {
+            from: {
+              left: 0
+            },
+            to: {
+              left: 10
+            }
+          }
+        ],
+        fontFamily: "System",
+        marginHorizontal: 10,
+        marginStart: 1,
+        marginEnd: 2,
+        placeholderTextColor: "gray",
+        scrollbarWidth: "none",
+        pointerEvents: "box-only",
+        start: "12.34%",
+        textAlign: "start",
+        transform: [
+          {
+            translateX: 50,
+            scale: -1
+          }
+        ]
+      });
+      expect(result).toMatchInlineSnapshot(`
+        [
+          {
+            "$$css": true,
+            "$$css$localize": true,
+            "animationDirection": "r-animationDirection-1kmv48j",
+            "animationKeyframes": "r-animationKeyframes-zacbmr",
+            "fontFamily": "r-fontFamily-1qd0xha",
+            "marginEnd": [
+              "r-marginRight-a5pmau",
+              "r-marginLeft-9cviqr",
+            ],
+            "marginHorizontal": "r-marginHorizontal-vlx1xi",
+            "marginStart": [
+              "r-marginLeft-13kc5u0",
+              "r-marginRight-1knfw1x",
+            ],
+            "placeholderTextColor": "r-placeholderTextColor-1418aci",
+            "pointerEvents": "r-pointerEvents-ah5dr5",
+            "scrollbarWidth": "r-scrollbarWidth-2eszeu",
+            "start": [
+              "r-left-2s0hu9",
+              "r-right-1bnbe1j",
+            ],
+            "textAlign": [
+              "r-textAlign-fdjqy7",
+              "r-textAlign-1ff274t",
+            ],
+            "transform": "r-transform-1ehiua4",
+          },
+          [
+            [
+              [
+                ".r-animationDirection-1kmv48j{animation-direction:alternate,alternate-reverse;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-animationKeyframes-zacbmr{animation-name:r-animation-8jhqzh,r-animation-5azpl5;}",
+                "@-webkit-keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
+                "@keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
+                "@-webkit-keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
+                "@keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-fontFamily-1qd0xha{font-family:-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-marginRight-a5pmau{margin-right:2px;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-marginLeft-9cviqr{margin-left:2px;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-marginHorizontal-vlx1xi{margin-left:10px;margin-right:10px;}",
+              ],
+              2.1,
+            ],
+            [
+              [
+                ".r-marginLeft-13kc5u0{margin-left:1px;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-marginRight-1knfw1x{margin-right:1px;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-placeholderTextColor-1418aci::-webkit-input-placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
+                ".r-placeholderTextColor-1418aci::-moz-placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
+                ".r-placeholderTextColor-1418aci:-ms-input-placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
+                ".r-placeholderTextColor-1418aci::placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-pointerEvents-ah5dr5>*{pointer-events:none;}",
+                ".r-pointerEvents-ah5dr5{pointer-events:auto!important;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-scrollbarWidth-2eszeu::-webkit-scrollbar{display:none}",
+                ".r-scrollbarWidth-2eszeu{scrollbar-width:none;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-left-2s0hu9{left:12.34%;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-right-1bnbe1j{right:12.34%;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-textAlign-fdjqy7{text-align:left;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-textAlign-1ff274t{text-align:right;}",
+              ],
+              2.2,
+            ],
+            [
+              [
+                ".r-transform-1ehiua4{transform:translateX(50px);}",
+              ],
+              2.2,
+            ],
+          ],
+        ]
+      `);
+    });
+  }), describe("classic", function() {
+    test("converts style to classic CSS", function() {
+      var result = (0, import_compiler.classic)({
+        animationDirection: [
+          "alternate",
+          "alternate-reverse"
+        ],
+        animationKeyframes: [
+          {
+            "0%": {
+              top: 0
+            },
+            "50%": {
+              top: 5
+            },
+            "100%": {
+              top: 10
+            }
+          },
+          {
+            from: {
+              left: 0
+            },
+            to: {
+              left: 10
+            }
+          }
+        ],
+        marginHorizontal: 10,
+        font: "14px System",
+        transform: [
+          {
+            translateX: 50,
+            scale: -1
+          }
+        ]
+      }, "text");
+      expect(result).toMatchInlineSnapshot(`
+        [
+          {
+            "$$css": true,
+            "css-text-1jr0ypv": "css-text-1jr0ypv",
+          },
+          [
+            [
+              [
+                "@-webkit-keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
+                "@keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
+                "@-webkit-keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
+                "@keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
+                ".css-text-1jr0ypv{animation-direction:alternate,alternate-reverse;animation-name:r-animation-8jhqzh,r-animation-5azpl5;font:14px -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif;margin-left:10px;margin-right:10px;transform:translateX(50px);}",
+              ],
+              1,
+            ],
+          ],
+        ]
+      `);
+    });
+  }), describe("inline", function() {
+    test("converts style to inline styles", function() {
+      var result = (0, import_compiler.inline)({
+        marginHorizontal: 10,
+        display: "flex",
+        flexShrink: 1
+      });
+      expect(result).toMatchInlineSnapshot(`
+        {
+          "display": "flex",
+          "flexShrink": 1,
+          "marginLeft": "10px",
+          "marginRight": "10px",
+        }
+      `);
+    }), describe("logical style polyfill", function() {
+      [
+        !1,
+        !0
+      ].forEach(function(isRTL) {
+        var dir = isRTL ? "rtl" : "ltr";
+        test(`ignores "left" properties for ${dir}`, function() {
+          var initial = {
+            borderLeftColor: "rgba(255,0,0,1.00)",
+            borderLeftStyle: "solid",
+            borderLeftWidth: "1px",
+            left: "1px",
+            marginLeft: "5px",
+            paddingLeft: "10px"
+          };
+          expect((0, import_compiler.inline)(initial, isRTL)).toEqual(initial);
+        }), test(`ignores "right" properties for ${dir}`, function() {
+          var initial = {
+            borderRightColor: "rgba(255,0,0,1.00)",
+            borderRightStyle: "solid",
+            borderRightWidth: "1px",
+            right: "1px",
+            marginRight: "5px",
+            paddingRight: "10px"
+          };
+          expect((0, import_compiler.inline)(initial, isRTL)).toEqual(initial);
+        }), test(`ignores "left" values for ${dir}`, function() {
+          var initial = {
+            clear: "left",
+            float: "left",
+            textAlign: "left",
+            transitionProperty: "left"
+          };
+          expect((0, import_compiler.inline)(initial, isRTL)).toEqual(initial);
+        }), test(`ignores "right" values for ${dir}`, function() {
+          var initial = {
+            clear: "right",
+            float: "right",
+            textAlign: "right",
+            transitionProperty: "right"
+          };
+          expect((0, import_compiler.inline)(initial, isRTL)).toEqual(initial);
+        }), 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"
+          };
+          expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+        }), 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"
+          };
+          expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+        }), 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"
+          };
+          expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+        }), 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"
+          };
+          expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+        }), 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"
+          };
+          expect((0, import_compiler.inline)(isRTL ? initialRTL : initialLTR, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=compiler-test.js.map

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

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

package/dist/cjs/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.cjs

@@ -20,7 +20,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
   enumerable: !0
 }) : target, mod));
-var import_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet.cjs"), 1);
+var import_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet.cjs"));
 const insertStyleElement = () => {
     const element = document.createElement("style"),
       head = document.head;

package/dist/cjs/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-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_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet"), 1);
+var import_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet"));
 const insertStyleElement = () => {
   const element = document.createElement("style"), head = document.head;
   return head.insertBefore(element, head.firstChild), element;

package/dist/cjs/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.native.js

@@ -0,0 +1,117 @@
+"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_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet")), insertStyleElement = function() {
+  var element = document.createElement("style"), head = document.head;
+  return head.insertBefore(element, head.firstChild), element;
+}, removeStyleElement = function(element) {
+  document.head.removeChild(element);
+};
+describe("createOrderedCSSStyleSheet", function() {
+  describe("#insert", function() {
+    test("insertion order for same group", function() {
+      var sheet = (0, import_createOrderedCSSStyleSheet.default)();
+      expect(sheet.getTextContent()).toMatchInlineSnapshot('""'), sheet.insert(".a {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        .a {}"
+      `), sheet.insert(".b {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        .a {}
+        .b {}"
+      `), sheet.insert(".c {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        .a {}
+        .b {}
+        .c {}"
+      `);
+    }), test("deduplication for same group", function() {
+      var sheet = (0, import_createOrderedCSSStyleSheet.default)();
+      sheet.insert(".a {}", 0), sheet.insert(".a {}", 0), sheet.insert(".a {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        .a {}"
+      `);
+    }), test("order for same group", function() {
+      var sheet = (0, import_createOrderedCSSStyleSheet.default)();
+      sheet.insert(".c {}", 0), sheet.insert(".b {}", 0), sheet.insert(".a {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        .a {}
+        .b {}
+        .c {}"
+      `);
+    }), test("insertion order for different groups", function() {
+      var sheet = (0, import_createOrderedCSSStyleSheet.default)();
+      sheet.insert(".nine-1 {}", 9.9), sheet.insert(".nine-2 {}", 9.9), sheet.insert(".three {}", 3), sheet.insert(".one {}", 1), sheet.insert(".two {}", 2.2), sheet.insert(".four-1 {}", 4), sheet.insert(".four-2 {}", 4), sheet.insert(".twenty {}", 20), sheet.insert(".ten {}", 10), sheet.insert(".twenty-point2 {}", 20.2), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"1\\"]{}
+        .one {}
+        [stylesheet-group=\\"2.2\\"]{}
+        .two {}
+        [stylesheet-group=\\"3\\"]{}
+        .three {}
+        [stylesheet-group=\\"4\\"]{}
+        .four-1 {}
+        .four-2 {}
+        [stylesheet-group=\\"9.9\\"]{}
+        .nine-1 {}
+        .nine-2 {}
+        [stylesheet-group=\\"10\\"]{}
+        .ten {}
+        [stylesheet-group=\\"20\\"]{}
+        .twenty {}
+        [stylesheet-group=\\"20.2\\"]{}
+        .twenty-point2 {}"
+      `);
+    });
+  }), describe("client-side hydration", function() {
+    var element;
+    beforeEach(function() {
+      element != null && removeStyleElement(element), element = insertStyleElement();
+    }), test("from SSR CSS", function() {
+      var serverSheet = (0, import_createOrderedCSSStyleSheet.default)();
+      serverSheet.insert(".one { width: 10px; }", 1), serverSheet.insert(".two-1 { height: 20px; }", 2), serverSheet.insert(".two-2 { color: red; }", 2), serverSheet.insert("@keyframes anim { 0% { opacity: 1; } }", 2);
+      var textContent = serverSheet.getTextContent();
+      element.appendChild(document.createTextNode(textContent));
+      var clientSheet = (0, import_createOrderedCSSStyleSheet.default)(element.sheet);
+      expect(clientSheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"1\\"] {}
+        .one {width: 10px;}
+        [stylesheet-group=\\"2\\"] {}
+        .two-1 {height: 20px;}
+        .two-2 {color: red;}
+        @keyframes anim { 
+          0% {opacity: 1;} 
+        }"
+      `);
+    }), test("works when the group marker is in single quotes", function() {
+      var serverSheet = (0, import_createOrderedCSSStyleSheet.default)();
+      serverSheet.insert(".a { color: red }", 0), serverSheet.insert(".b { color: red }", 1);
+      var textContent = serverSheet.getTextContent().replace(/"/g, "'");
+      element.appendChild(document.createTextNode(textContent));
+      var clientSheet = (0, import_createOrderedCSSStyleSheet.default)(element.sheet);
+      clientSheet.insert(".c { color: red }", 0), expect(clientSheet.getTextContent()).toMatchInlineSnapshot(`
+        "[stylesheet-group='0'] {}
+        .a {color: red;}
+        .c { color: red }
+        [stylesheet-group='1'] {}
+        .b {color: red;}"
+      `);
+    });
+  });
+});
+//# sourceMappingURL=dom-createOrderedCSSStyleSheet-test.js.map

package/dist/cjs/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.native.js.map

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

package/dist/cjs/StyleSheet/__tests__/index-test.cjs

@@ -20,7 +20,7 @@ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
   enumerable: !0
 }) : target, mod));
-var import__ = __toESM(require("../index.cjs"), 1);
+var import__ = __toESM(require("../index.cjs"));
 describe("StyleSheet", () => {
   test("getSheet", () => {
     expect(import__.default.getSheet()).toMatchInlineSnapshot(`

package/dist/cjs/StyleSheet/__tests__/index-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__ = __toESM(require("../index"), 1);
+var import__ = __toESM(require("../index"));
 describe("StyleSheet", () => {
   test("getSheet", () => {
     expect(import__.default.getSheet()).toMatchInlineSnapshot(`