@hanzogui/react-native-web-internals 2.0.0-rc.41-hanzoai.5

package/dist/esm/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.mjs

@@ -0,0 +1,137 @@
+import createOrderedCSSStyleSheet from "../dom/createOrderedCSSStyleSheet.mjs";
+const insertStyleElement = () => {
+  const element = document.createElement("style");
+  const head = document.head;
+  head.insertBefore(element, head.firstChild);
+  return element;
+};
+const removeStyleElement = element => {
+  document.head.removeChild(element);
+};
+describe("createOrderedCSSStyleSheet", () => {
+  describe("#insert", () => {
+    test("insertion order for same group", () => {
+      const sheet = createOrderedCSSStyleSheet();
+      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", () => {
+      const sheet = createOrderedCSSStyleSheet();
+      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", () => {
+      const sheet = createOrderedCSSStyleSheet();
+      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", () => {
+      const sheet = createOrderedCSSStyleSheet();
+      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", () => {
+    let element;
+    beforeEach(() => {
+      if (element != null) {
+        removeStyleElement(element);
+      }
+      element = insertStyleElement();
+    });
+    test("from SSR CSS", () => {
+      const serverSheet = createOrderedCSSStyleSheet();
+      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);
+      const textContent = serverSheet.getTextContent();
+      element.appendChild(document.createTextNode(textContent));
+      const clientSheet = createOrderedCSSStyleSheet(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", () => {
+      const serverSheet = createOrderedCSSStyleSheet();
+      serverSheet.insert(".a { color: red }", 0);
+      serverSheet.insert(".b { color: red }", 1);
+      const textContent = serverSheet.getTextContent().replace(/"/g, "'");
+      element.appendChild(document.createTextNode(textContent));
+      const clientSheet = createOrderedCSSStyleSheet(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.mjs.map

package/dist/esm/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createOrderedCSSStyleSheet","insertStyleElement","element","document","createElement","head","insertBefore","firstChild","removeStyleElement","removeChild","describe","test","sheet","expect","getTextContent","toMatchInlineSnapshot","insert","beforeEach","serverSheet","textContent","appendChild","createTextNode","clientSheet","replace"],"sources":["../../../../src/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.tsx"],"sourcesContent":[null],"mappings":"AAOA,OAAOA,0BAAA,MAAgC;AAEvC,MAAMC,kBAAA,GAAqBA,CAAA,KAAM;EAC/B,MAAMC,OAAA,GAAUC,QAAA,CAASC,aAAA,CAAc,OAAO;EAC9C,MAAMC,IAAA,GAAOF,QAAA,CAASE,IAAA;EACtBA,IAAA,CAAKC,YAAA,CAAaJ,OAAA,EAASG,IAAA,CAAKE,UAAU;EAC1C,OAAOL,OAAA;AACT;AAEA,MAAMM,kBAAA,GAAsBN,OAAA,IAAY;EACtCC,QAAA,CAASE,IAAA,CAAKI,WAAA,CAAYP,OAAO;AACnC;AAEAQ,QAAA,CAAS,8BAA8B,MAAM;EAC3CA,QAAA,CAAS,WAAW,MAAM;IACxBC,IAAA,CAAK,kCAAkC,MAAM;MAC3C,MAAMC,KAAA,GAAQZ,0BAAA,CAA2B;MAEzCa,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB,IAAI;MAEzDH,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC;MACvBH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA,OAGpD;MAEDH,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC;MACvBH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA,OAIpD;MAEDH,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC;MACvBH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA,OAKpD;IACH,CAAC;IAEDJ,IAAA,CAAK,gCAAgC,MAAM;MACzC,MAAMC,KAAA,GAAQZ,0BAAA,CAA2B;MAEzCY,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC;MACvBJ,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC;MACvBJ,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC;MAEvBH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA,OAGpD;IACH,CAAC;IAEDJ,IAAA,CAAK,wBAAwB,MAAM;MACjC,MAAMC,KAAA,GAAQZ,0BAAA,CAA2B;MAEzCY,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC;MACvBJ,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC;MACvBJ,KAAA,CAAMI,MAAA,CAAO,SAAS,CAAC;MAEvBH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA,OAKpD;IACH,CAAC;IAEDJ,IAAA,CAAK,wCAAwC,MAAM;MACjD,MAAMC,KAAA,GAAQZ,0BAAA,CAA2B;MAEzCY,KAAA,CAAMI,MAAA,CAAO,cAAc,GAAG;MAC9BJ,KAAA,CAAMI,MAAA,CAAO,cAAc,GAAG;MAC9BJ,KAAA,CAAMI,MAAA,CAAO,aAAa,CAAC;MAC3BJ,KAAA,CAAMI,MAAA,CAAO,WAAW,CAAC;MACzBJ,KAAA,CAAMI,MAAA,CAAO,WAAW,GAAG;MAC3BJ,KAAA,CAAMI,MAAA,CAAO,cAAc,CAAC;MAC5BJ,KAAA,CAAMI,MAAA,CAAO,cAAc,CAAC;MAC5BJ,KAAA,CAAMI,MAAA,CAAO,cAAc,EAAE;MAC7BJ,KAAA,CAAMI,MAAA,CAAO,WAAW,EAAE;MAC1BJ,KAAA,CAAMI,MAAA,CAAO,qBAAqB,IAAI;MAEtCH,MAAA,CAAOD,KAAA,CAAME,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAmBpD;IACH,CAAC;EACH,CAAC;EAEDL,QAAA,CAAS,yBAAyB,MAAM;IACtC,IAAIR,OAAA;IAEJe,UAAA,CAAW,MAAM;MACf,IAAIf,OAAA,IAAW,MAAM;QACnBM,kBAAA,CAAmBN,OAAO;MAC5B;MACAA,OAAA,GAAUD,kBAAA,CAAmB;IAC/B,CAAC;IAEDU,IAAA,CAAK,gBAAgB,MAAM;MAEzB,MAAMO,WAAA,GAAclB,0BAAA,CAA2B;MAC/CkB,WAAA,CAAYF,MAAA,CAAO,yBAAyB,CAAC;MAC7CE,WAAA,CAAYF,MAAA,CAAO,4BAA4B,CAAC;MAChDE,WAAA,CAAYF,MAAA,CAAO,0BAA0B,CAAC;MAC9CE,WAAA,CAAYF,MAAA,CAAO,0CAA0C,CAAC;MAC9D,MAAMG,WAAA,GAAcD,WAAA,CAAYJ,cAAA,CAAe;MAG/CZ,OAAA,CAAQkB,WAAA,CAAYjB,QAAA,CAASkB,cAAA,CAAeF,WAAW,CAAC;MACxD,MAAMG,WAAA,GAActB,0BAAA,CAA2BE,OAAA,CAAQU,KAAK;MAC5DC,MAAA,CAAOS,WAAA,CAAYR,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAS1D;IACH,CAAC;IAEDJ,IAAA,CAAK,mDAAmD,MAAM;MAE5D,MAAMO,WAAA,GAAclB,0BAAA,CAA2B;MAC/CkB,WAAA,CAAYF,MAAA,CAAO,qBAAqB,CAAC;MACzCE,WAAA,CAAYF,MAAA,CAAO,qBAAqB,CAAC;MACzC,MAAMG,WAAA,GAAcD,WAAA,CAAYJ,cAAA,CAAe,EAAES,OAAA,CAAQ,MAAM,GAAG;MAGlErB,OAAA,CAAQkB,WAAA,CAAYjB,QAAA,CAASkB,cAAA,CAAeF,WAAW,CAAC;MACxD,MAAMG,WAAA,GAActB,0BAAA,CAA2BE,OAAA,CAAQU,KAAK;MAC5DU,WAAA,CAAYN,MAAA,CAAO,qBAAqB,CAAC;MACzCH,MAAA,CAAOS,WAAA,CAAYR,cAAA,CAAe,CAAC,EAAEC,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAM1D;IACH,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/StyleSheet/__tests__/index-test.mjs

@@ -0,0 +1,413 @@
+import StyleSheet from "../index.mjs";
+describe("StyleSheet", () => {
+  test("getSheet", () => {
+    expect(StyleSheet.getSheet()).toMatchInlineSnapshot(`
+      {
+        "id": "react-native-stylesheet",
+        "textContent": "[stylesheet-group=\\"0\\"]{}
+      body{margin:0;}
+      button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+      html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+      input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+      [stylesheet-group=\\"2.2\\"]{}
+      .r-bottom-1p0dtai{bottom:0px;}
+      .r-left-1d2f490{left:0px;}
+      .r-position-u8s1d{position:absolute;}
+      .r-right-zchlnj{right:0px;}
+      .r-top-ipm5af{top:0px;}",
+      }
+    `);
+  });
+  test("absoluteFill", () => {
+    expect(StyleSheet.absoluteFill).toMatchInlineSnapshot(`
+      {
+        "bottom": 0,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+      }
+    `);
+  });
+  test("absoluteFillObject", () => {
+    expect(StyleSheet.absoluteFillObject).toMatchInlineSnapshot(`
+      {
+        "bottom": 0,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+      }
+    `);
+  });
+  test("compose", () => {
+    expect(StyleSheet.compose(1, 2)).toEqual([1, 2]);
+    expect(StyleSheet.compose(1, null)).toBe(1);
+    expect(StyleSheet.compose(null, 2)).toBe(2);
+  });
+  describe("create", () => {
+    test("returns original style objects", () => {
+      const style = StyleSheet.create({
+        root: {
+          position: "absolute"
+        }
+      });
+      expect(style.root).toMatchInlineSnapshot(`
+        {
+          "position": "absolute",
+        }
+      `);
+    });
+    test("e2e resolves to classname", () => {
+      const style = StyleSheet.create({
+        root: {
+          position: "absolute"
+        }
+      });
+      expect(StyleSheet(style.root)).toMatchInlineSnapshot(`
+        [
+          "r-position-u8s1d",
+          null,
+        ]
+      `);
+    });
+    test("e2e flattens shadow style properties", () => {
+      const style = StyleSheet.create({
+        root: {
+          shadowColor: "rgba(50,60,70,0.5)",
+          shadowOffset: {
+            width: 1,
+            height: 2
+          },
+          shadowOpacity: 0.5,
+          shadowRadius: 3,
+          textShadowColor: "rgba(50,60,70,0.50)",
+          textShadowOffset: {
+            width: 5,
+            height: 10
+          },
+          textShadowRadius: 15
+        }
+      });
+      expect(StyleSheet(style.root)).toMatchInlineSnapshot(`
+        [
+          "r-boxShadow-o3ayyy r-textShadow-1x2q051",
+          null,
+        ]
+      `);
+    });
+  });
+  describe("flatten", () => {
+    test("should merge style objects", () => {
+      const style = StyleSheet.flatten([{
+        opacity: 1
+      }, {
+        order: 2
+      }]);
+      expect(style).toMatchInlineSnapshot(`
+        {
+          "opacity": 1,
+          "order": 2,
+        }
+      `);
+    });
+    test("should override style properties", () => {
+      const style = StyleSheet.flatten([{
+        backgroundColor: "#000",
+        order: 1
+      }, {
+        backgroundColor: "#023c69",
+        order: null
+      }]);
+      expect(style).toMatchInlineSnapshot(`
+        {
+          "backgroundColor": "#023c69",
+          "order": null,
+        }
+      `);
+    });
+    test("should overwrite properties with `undefined`", () => {
+      const style = StyleSheet.flatten([{
+        backgroundColor: "#000"
+      }, {
+        backgroundColor: void 0
+      }]);
+      expect(style).toMatchInlineSnapshot(`
+        {
+          "backgroundColor": undefined,
+        }
+      `);
+    });
+    test("should not fail on falsy values", () => {
+      expect(() => StyleSheet.flatten([null, false, void 0])).not.toThrow();
+    });
+    test("should recursively flatten arrays", () => {
+      const style = StyleSheet.flatten([null, [], [{
+        order: 2
+      }, {
+        opacity: 1
+      }], {
+        order: 3
+      }]);
+      expect(style).toMatchInlineSnapshot(`
+        {
+          "opacity": 1,
+          "order": 3,
+        }
+      `);
+    });
+  });
+  test("hairlineWidth", () => {
+    expect(Number.isInteger(StyleSheet.hairlineWidth) === true).toBeTruthy();
+  });
+  describe("resolve", () => {
+    test("empty", () => {
+      expect(StyleSheet()).toMatchInlineSnapshot(`
+        [
+          "",
+          null,
+        ]
+      `);
+      expect(StyleSheet({})).toMatchInlineSnapshot(`
+        [
+          "",
+          null,
+        ]
+      `);
+      expect(StyleSheet([])).toMatchInlineSnapshot(`
+        [
+          "",
+          null,
+        ]
+      `);
+    });
+    test("transforms compiled object to className", () => {
+      expect(StyleSheet([{
+        $$css: true,
+        position: "position-absolute",
+        opacity: "opacity-05",
+        width: "width-200"
+      }])).toMatchInlineSnapshot(`
+        [
+          "position-absolute opacity-05 width-200",
+          null,
+        ]
+      `);
+    });
+    test("transforms array of compiled objects to className", () => {
+      expect(StyleSheet([{
+        $$css: true,
+        borderWidth: "borderWidth-0",
+        borderColor: "borderColor-red",
+        display: "display-flex",
+        width: "width-100"
+      }, {
+        $$css: true,
+        position: "position-absolute",
+        opacity: "opacity-05"
+      }, [{
+        $$css: true,
+        width: "width-200"
+      }]])).toMatchInlineSnapshot(`
+        [
+          "borderWidth-0 borderColor-red display-flex position-absolute opacity-05 width-200",
+          null,
+        ]
+      `);
+    });
+    test("dedupes class names and inline styles", () => {
+      const styleACompiled = {
+        $$css: true,
+        backgroundColor: "backgroundColor-red",
+        display: "display-block"
+      };
+      const styleBCompiled = {
+        $$css: true,
+        backgroundColor: "backgroundColor-green",
+        color: "color-green"
+      };
+      const styleBInline = {
+        backgroundColor: "rgba(0,0,255,1.00)",
+        color: null
+      };
+      const [className1, inlineStyle1] = StyleSheet([styleACompiled, styleBCompiled, styleBInline]);
+      expect(className1).toBe("display-block");
+      expect(inlineStyle1).toEqual({
+        backgroundColor: "rgba(0,0,255,1.00)"
+      });
+      const [className2, inlineStyle2] = StyleSheet([styleACompiled, styleBInline, styleBCompiled]);
+      expect(className2).toBe("display-block backgroundColor-green color-green");
+      expect(inlineStyle2).toEqual(null);
+    });
+    test("long form inline style properties take precedence over static shorthand properties", () => {
+      const styles1 = StyleSheet.create({
+        test: {
+          paddingHorizontal: "40px"
+        }
+      });
+      const inlineStyle1 = {
+        padding: "8px",
+        paddingHorizontal: "40px"
+      };
+      expect(StyleSheet([styles1.test, inlineStyle1])).toMatchInlineSnapshot(`
+        [
+          "",
+          {
+            "paddingBottom": "8px",
+            "paddingLeft": "40px",
+            "paddingRight": "40px",
+            "paddingTop": "8px",
+          },
+        ]
+      `);
+      const styles2 = StyleSheet.create({
+        test: {
+          marginVertical: "40px"
+        }
+      });
+      const inlineStyle2 = {
+        margin: "8px",
+        marginVertical: "40px"
+      };
+      expect(StyleSheet([styles2.test, inlineStyle2])).toMatchInlineSnapshot(`
+        [
+          "",
+          {
+            "marginBottom": "40px",
+            "marginLeft": "8px",
+            "marginRight": "8px",
+            "marginTop": "40px",
+          },
+        ]
+      `);
+    });
+    test("polyfills logical styles", () => {
+      const inlineA = {
+        start: "12.34%"
+      };
+      const inlineB = {
+        textAlign: "start"
+      };
+      const inlineC = {
+        marginEnd: 10
+      };
+      const a = StyleSheet.create({
+        x: {
+          ...inlineA
+        }
+      }).x;
+      const b = StyleSheet.create({
+        x: {
+          ...inlineB
+        }
+      }).x;
+      const c = StyleSheet.create({
+        x: {
+          ...inlineC
+        }
+      }).x;
+      const writingDirection = "rtl";
+      const inlineStyle = [inlineA, inlineB, inlineC];
+      expect(StyleSheet(inlineStyle)).toMatchInlineSnapshot(`
+        [
+          "",
+          {
+            "left": "12.34%",
+            "marginRight": "10px",
+            "textAlign": "left",
+          },
+        ]
+      `);
+      expect(StyleSheet(inlineStyle, {
+        writingDirection
+      })).toMatchInlineSnapshot(`
+        [
+          "",
+          {
+            "marginLeft": "10px",
+            "right": "12.34%",
+            "textAlign": "right",
+          },
+        ]
+      `);
+      expect(StyleSheet([inlineStyle, {
+        marginLeft: 1,
+        marginEnd: 0,
+        marginStart: 0,
+        marginRight: 11
+      }], {
+        writingDirection
+      })).toMatchInlineSnapshot(`
+        [
+          "",
+          {
+            "marginLeft": "0px",
+            "marginRight": "0px",
+            "right": "12.34%",
+            "textAlign": "right",
+          },
+        ]
+      `);
+      expect(StyleSheet([inlineStyle, {
+        marginEnd: null,
+        marginLeft: 11
+      }], {
+        writingDirection
+      })).toMatchInlineSnapshot(`
+        [
+          "",
+          {
+            "marginLeft": "11px",
+            "right": "12.34%",
+            "textAlign": "right",
+          },
+        ]
+      `);
+      const staticStyle = [a, b, c];
+      expect(StyleSheet(staticStyle)).toMatchInlineSnapshot(`
+        [
+          "r-left-2s0hu9 r-textAlign-fdjqy7 r-marginRight-zso239",
+          null,
+        ]
+      `);
+      expect(StyleSheet(staticStyle, {
+        writingDirection
+      })).toMatchInlineSnapshot(`
+        [
+          "r-right-1bnbe1j r-textAlign-1ff274t r-marginLeft-1n0xq6e",
+          null,
+        ]
+      `);
+      expect(StyleSheet([staticStyle, {
+        marginLeft: 1,
+        marginEnd: 0,
+        marginStart: 0,
+        marginRight: 11
+      }], {
+        writingDirection
+      })).toMatchInlineSnapshot(`
+        [
+          "r-right-1bnbe1j r-textAlign-1ff274t",
+          {
+            "marginLeft": "0px",
+            "marginRight": "0px",
+          },
+        ]
+      `);
+      expect(StyleSheet([staticStyle, {
+        marginEnd: null,
+        marginLeft: 11
+      }], {
+        writingDirection
+      })).toMatchInlineSnapshot(`
+        [
+          "r-right-1bnbe1j r-textAlign-1ff274t",
+          {
+            "marginLeft": "11px",
+          },
+        ]
+      `);
+    });
+  });
+});
+//# sourceMappingURL=index-test.mjs.map

package/dist/esm/StyleSheet/__tests__/index-test.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","describe","test","expect","getSheet","toMatchInlineSnapshot","absoluteFill","absoluteFillObject","compose","toEqual","toBe","style","create","root","position","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","textShadowColor","textShadowOffset","textShadowRadius","flatten","opacity","order","backgroundColor","not","toThrow","Number","isInteger","hairlineWidth","toBeTruthy","$$css","borderWidth","borderColor","display","styleACompiled","styleBCompiled","color","styleBInline","className1","inlineStyle1","className2","inlineStyle2","styles1","paddingHorizontal","padding","styles2","marginVertical","margin","inlineA","start","inlineB","textAlign","inlineC","marginEnd","a","x","b","c","writingDirection","inlineStyle","marginLeft","marginStart","marginRight","staticStyle"],"sources":["../../../../src/StyleSheet/__tests__/index-test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/StyleSheet/__tests__/preprocess-test.mjs

@@ -0,0 +1,122 @@
+import { preprocess } from "../preprocess.mjs";
+describe("StyleSheet/preprocess", () => {
+  describe("preprocesses multiple shadow styles into a single declaration", () => {
+    test("shadowColor only", () => {
+      expect(preprocess({
+        shadowColor: "red"
+      })).toEqual({
+        boxShadow: "0px 0px 0px rgba(255,0,0,1.00)"
+      });
+    });
+    test("shadowColor and shadowOpacity only", () => {
+      expect(preprocess({
+        shadowColor: "red",
+        shadowOpacity: 0.5
+      })).toEqual({
+        boxShadow: "0px 0px 0px rgba(255,0,0,0.50)"
+      });
+    });
+    test("shadowOffset only", () => {
+      expect(preprocess({
+        shadowOffset: {
+          width: 1,
+          height: 2
+        }
+      })).toEqual({
+        boxShadow: "1px 2px 0px rgba(0,0,0,1.00)"
+      });
+    });
+    test("shadowRadius only", () => {
+      expect(preprocess({
+        shadowRadius: 5
+      })).toEqual({
+        boxShadow: "0px 0px 5px rgba(0,0,0,1.00)"
+      });
+    });
+    test("shadowOffset, shadowRadius, shadowColor", () => {
+      expect(preprocess({
+        shadowColor: "rgba(50,60,70,0.5)",
+        shadowOffset: {
+          width: 1,
+          height: 2
+        },
+        shadowOpacity: 0.5,
+        shadowRadius: 3
+      })).toEqual({
+        boxShadow: "1px 2px 3px rgba(50,60,70,0.25)"
+      });
+    });
+  });
+  describe("preprocesses multiple textShadow styles into a single declaration", () => {
+    test("textShadowColor only", () => {
+      expect(preprocess({
+        textShadowColor: "red"
+      })).toEqual({});
+    });
+    test("textShadowOffset only", () => {
+      expect(preprocess({
+        textShadowOffset: {
+          width: 1,
+          height: 2
+        }
+      })).toEqual({});
+    });
+    test("textShadowRadius only", () => {
+      expect(preprocess({
+        textShadowRadius: 5
+      })).toEqual({});
+    });
+    test("textShadowColor and textShadowOffset only", () => {
+      expect(preprocess({
+        textShadowColor: "red",
+        textShadowOffset: {
+          width: 0,
+          height: 0
+        }
+      })).toEqual({});
+      expect(preprocess({
+        textShadowColor: "red",
+        textShadowOffset: {
+          width: -1,
+          height: 0
+        }
+      })).toEqual({
+        textShadow: "-1px 0px 0px rgba(255,0,0,1.00)"
+      });
+      expect(preprocess({
+        textShadowColor: "red",
+        textShadowOffset: {
+          width: 1,
+          height: 2
+        }
+      })).toEqual({
+        textShadow: "1px 2px 0px rgba(255,0,0,1.00)"
+      });
+    });
+    test("textShadowColor and textShadowRadius only", () => {
+      expect(preprocess({
+        textShadowColor: "red",
+        textShadowRadius: 0
+      })).toEqual({});
+      expect(preprocess({
+        textShadowColor: "red",
+        textShadowRadius: 5
+      })).toEqual({
+        textShadow: "0px 0px 5px rgba(255,0,0,1.00)"
+      });
+    });
+    test("textShadowColor, textShadowOffset, textShadowRadius", () => {
+      expect(preprocess({
+        textShadowColor: "rgba(50,60,70,0.50)",
+        textShadowOffset: {
+          width: 5,
+          height: 10
+        },
+        textShadowRadius: 15
+      })).toEqual({
+        textShadow: "5px 10px 15px rgba(50,60,70,0.50)"
+      });
+    });
+  });
+});
+//# sourceMappingURL=preprocess-test.mjs.map