@multiplatform.one/components 5.0.27 → 6.0.1

package/dist/esm/images/Svg/svg.spec.mjs

@@ -0,0 +1,187 @@
+import { Circle } from "@tamagui/react-native-svg";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Svg } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("Svg Component", () => {
+  it("renders without crashing", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(Svg, {
+      width: 100,
+      height: 100,
+      children: /* @__PURE__ */jsx(Circle, {
+        cx: "50",
+        cy: "50",
+        r: "40",
+        stroke: "black",
+        fill: "none"
+      })
+    }));
+    expect(container).toBeTruthy();
+  });
+  it("accepts and applies custom dimensions", () => {
+    const {
+      getByTestId
+    } = renderWithProviders(/* @__PURE__ */jsx(Svg, {
+      width: 200,
+      height: 150,
+      "data-testid": "custom-svg",
+      children: /* @__PURE__ */jsx(Circle, {
+        cx: "50",
+        cy: "50",
+        r: "40",
+        stroke: "black",
+        fill: "none"
+      })
+    }));
+    const svgElement = getByTestId("custom-svg");
+    expect(svgElement.style.width).toBe("200px");
+    expect(svgElement.style.height).toBe("150px");
+  });
+  it("accepts and applies custom styles", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(Svg, {
+      "data-testid": "styled-svg",
+      width: 100,
+      height: 100,
+      style: {
+        opacity: 0.5
+      },
+      children: /* @__PURE__ */jsx(Circle, {
+        cx: "50",
+        cy: "50",
+        r: "40",
+        stroke: "black",
+        fill: "none"
+      })
+    }));
+    const svgElement = container.querySelector("svg");
+    expect(svgElement).toBeTruthy();
+    expect(svgElement?.style.opacity).toBe("0.5");
+  });
+  it("renders children correctly", () => {
+    const {
+      getByTestId
+    } = renderWithProviders(/* @__PURE__ */jsx(Svg, {
+      width: 100,
+      height: 100,
+      children: /* @__PURE__ */jsx(Circle, {
+        "data-testid": "circle-element",
+        cx: "50",
+        cy: "50",
+        r: "40",
+        stroke: "black",
+        fill: "none"
+      })
+    }));
+    expect(getByTestId("circle-element")).toBeTruthy();
+  });
+  describe("dynamic behavior", () => {
+    it("updates dimensions when props change", () => {
+      const {
+        getByTestId,
+        rerender
+      } = renderWithProviders(/* @__PURE__ */jsx(Svg, {
+        width: 100,
+        height: 100,
+        "data-testid": "dynamic-svg",
+        children: /* @__PURE__ */jsx(Circle, {
+          cx: "50",
+          cy: "50",
+          r: "40",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      const svgElement = getByTestId("dynamic-svg");
+      expect(svgElement.style.width).toBe("100px");
+      expect(svgElement.style.height).toBe("100px");
+      rerender(/* @__PURE__ */jsx(Svg, {
+        width: 200,
+        height: 150,
+        "data-testid": "dynamic-svg",
+        children: /* @__PURE__ */jsx(Circle, {
+          cx: "50",
+          cy: "50",
+          r: "40",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      expect(svgElement.style.width).toBe("200px");
+      expect(svgElement.style.height).toBe("150px");
+    });
+    it("updates styles dynamically", () => {
+      const {
+        getByTestId,
+        rerender
+      } = renderWithProviders(/* @__PURE__ */jsx(Svg, {
+        "data-testid": "dynamic-style-svg",
+        width: 100,
+        height: 100,
+        style: {
+          opacity: 0.5
+        },
+        children: /* @__PURE__ */jsx(Circle, {
+          cx: "50",
+          cy: "50",
+          r: "40",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      const svgElement = getByTestId("dynamic-style-svg");
+      expect(svgElement.style.opacity).toBe("0.5");
+      rerender(/* @__PURE__ */jsx(Svg, {
+        "data-testid": "dynamic-style-svg",
+        width: 100,
+        height: 100,
+        style: {
+          opacity: 0.8
+        },
+        children: /* @__PURE__ */jsx(Circle, {
+          cx: "50",
+          cy: "50",
+          r: "40",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      expect(svgElement.style.opacity).toBe("0.8");
+    });
+    it("updates children dynamically", () => {
+      const {
+        getByTestId,
+        rerender
+      } = renderWithProviders(/* @__PURE__ */jsx(Svg, {
+        width: 100,
+        height: 100,
+        children: /* @__PURE__ */jsx(Circle, {
+          "data-testid": "dynamic-circle",
+          cx: "50",
+          cy: "50",
+          r: "40",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      const circleElement = getByTestId("dynamic-circle");
+      expect(circleElement.getAttribute("r")).toBe("40");
+      rerender(/* @__PURE__ */jsx(Svg, {
+        width: 100,
+        height: 100,
+        children: /* @__PURE__ */jsx(Circle, {
+          "data-testid": "dynamic-circle",
+          cx: "50",
+          cy: "50",
+          r: "60",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      expect(circleElement.getAttribute("r")).toBe("60");
+    });
+  });
+});
+//# sourceMappingURL=svg.spec.mjs.map

package/dist/esm/images/Svg/svg.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Circle","renderWithProviders","Svg","jsx","describe","it","container","width","height","children","cx","cy","r","stroke","fill","expect","toBeTruthy","getByTestId","svgElement","style","toBe","opacity","querySelector","rerender","circleElement","getAttribute"],"sources":["../../../../src/images/Svg/svg.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,mBAAA,QAA2B;AACpC,SAASC,GAAA,QAAW;AAKZ,SAAAC,GAAA;AAJRC,QAAA,CAAS,iBAAiB,MAAM;EAC9BC,EAAA,CAAG,4BAA4B,MAAM;IACnC,MAAM;MAAEC;IAAU,IAAIL,mBAAA,CACpB,eAAAE,GAAA,CAACD,GAAA;MAAIK,KAAA,EAAO;MAAKC,MAAA,EAAQ;MACvBC,QAAA,iBAAAN,GAAA,CAACH,MAAA;QAAOU,EAAA,EAAG;QAAKC,EAAA,EAAG;QAAKC,CAAA,EAAE;QAAKC,MAAA,EAAO;QAAQC,IAAA,EAAK;MAAA,CAAO;IAAA,CAC5D,CACF;IACAC,MAAA,CAAOT,SAAS,EAAEU,UAAA,CAAW;EAC/B,CAAC;EACDX,EAAA,CAAG,yCAAyC,MAAM;IAChD,MAAM;MAAEY;IAAY,IAAIhB,mBAAA,CACtB,eAAAE,GAAA,CAACD,GAAA;MAAIK,KAAA,EAAO;MAAKC,MAAA,EAAQ;MAAK,eAAY;MACxCC,QAAA,iBAAAN,GAAA,CAACH,MAAA;QAAOU,EAAA,EAAG;QAAKC,EAAA,EAAG;QAAKC,CAAA,EAAE;QAAKC,MAAA,EAAO;QAAQC,IAAA,EAAK;MAAA,CAAO;IAAA,CAC5D,CACF;IACA,MAAMI,UAAA,GAAaD,WAAA,CAAY,YAAY;IAC3CF,MAAA,CAAOG,UAAA,CAAWC,KAAA,CAAMZ,KAAK,EAAEa,IAAA,CAAK,OAAO;IAC3CL,MAAA,CAAOG,UAAA,CAAWC,KAAA,CAAMX,MAAM,EAAEY,IAAA,CAAK,OAAO;EAC9C,CAAC;EACDf,EAAA,CAAG,qCAAqC,MAAM;IAC5C,MAAM;MAAEC;IAAU,IAAIL,mBAAA,CACpB,eAAAE,GAAA,CAACD,GAAA;MAAI,eAAY;MAAaK,KAAA,EAAO;MAAKC,MAAA,EAAQ;MAAKW,KAAA,EAAO;QAAEE,OAAA,EAAS;MAAI;MAC3EZ,QAAA,iBAAAN,GAAA,CAACH,MAAA;QAAOU,EAAA,EAAG;QAAKC,EAAA,EAAG;QAAKC,CAAA,EAAE;QAAKC,MAAA,EAAO;QAAQC,IAAA,EAAK;MAAA,CAAO;IAAA,CAC5D,CACF;IACA,MAAMI,UAAA,GAAaZ,SAAA,CAAUgB,aAAA,CAAc,KAAK;IAChDP,MAAA,CAAOG,UAAU,EAAEF,UAAA,CAAW;IAC9BD,MAAA,CAAOG,UAAA,EAAYC,KAAA,CAAME,OAAO,EAAED,IAAA,CAAK,KAAK;EAC9C,CAAC;EACDf,EAAA,CAAG,8BAA8B,MAAM;IACrC,MAAM;MAAEY;IAAY,IAAIhB,mBAAA,CACtB,eAAAE,GAAA,CAACD,GAAA;MAAIK,KAAA,EAAO;MAAKC,MAAA,EAAQ;MACvBC,QAAA,iBAAAN,GAAA,CAACH,MAAA;QAAO,eAAY;QAAiBU,EAAA,EAAG;QAAKC,EAAA,EAAG;QAAKC,CAAA,EAAE;QAAKC,MAAA,EAAO;QAAQC,IAAA,EAAK;MAAA,CAAO;IAAA,CACzF,CACF;IACAC,MAAA,CAAOE,WAAA,CAAY,gBAAgB,CAAC,EAAED,UAAA,CAAW;EACnD,CAAC;EAEDZ,QAAA,CAAS,oBAAoB,MAAM;IACjCC,EAAA,CAAG,wCAAwC,MAAM;MAC/C,MAAM;QAAEY,WAAA;QAAaM;MAAS,IAAItB,mBAAA,CAChC,eAAAE,GAAA,CAACD,GAAA;QAAIK,KAAA,EAAO;QAAKC,MAAA,EAAQ;QAAK,eAAY;QACxCC,QAAA,iBAAAN,GAAA,CAACH,MAAA;UAAOU,EAAA,EAAG;UAAKC,EAAA,EAAG;UAAKC,CAAA,EAAE;UAAKC,MAAA,EAAO;UAAQC,IAAA,EAAK;QAAA,CAAO;MAAA,CAC5D,CACF;MACA,MAAMI,UAAA,GAAaD,WAAA,CAAY,aAAa;MAC5CF,MAAA,CAAOG,UAAA,CAAWC,KAAA,CAAMZ,KAAK,EAAEa,IAAA,CAAK,OAAO;MAC3CL,MAAA,CAAOG,UAAA,CAAWC,KAAA,CAAMX,MAAM,EAAEY,IAAA,CAAK,OAAO;MAC5CG,QAAA,CACE,eAAApB,GAAA,CAACD,GAAA;QAAIK,KAAA,EAAO;QAAKC,MAAA,EAAQ;QAAK,eAAY;QACxCC,QAAA,iBAAAN,GAAA,CAACH,MAAA;UAAOU,EAAA,EAAG;UAAKC,EAAA,EAAG;UAAKC,CAAA,EAAE;UAAKC,MAAA,EAAO;UAAQC,IAAA,EAAK;QAAA,CAAO;MAAA,CAC5D,CACF;MACAC,MAAA,CAAOG,UAAA,CAAWC,KAAA,CAAMZ,KAAK,EAAEa,IAAA,CAAK,OAAO;MAC3CL,MAAA,CAAOG,UAAA,CAAWC,KAAA,CAAMX,MAAM,EAAEY,IAAA,CAAK,OAAO;IAC9C,CAAC;IACDf,EAAA,CAAG,8BAA8B,MAAM;MACrC,MAAM;QAAEY,WAAA;QAAaM;MAAS,IAAItB,mBAAA,CAChC,eAAAE,GAAA,CAACD,GAAA;QAAI,eAAY;QAAoBK,KAAA,EAAO;QAAKC,MAAA,EAAQ;QAAKW,KAAA,EAAO;UAAEE,OAAA,EAAS;QAAI;QAClFZ,QAAA,iBAAAN,GAAA,CAACH,MAAA;UAAOU,EAAA,EAAG;UAAKC,EAAA,EAAG;UAAKC,CAAA,EAAE;UAAKC,MAAA,EAAO;UAAQC,IAAA,EAAK;QAAA,CAAO;MAAA,CAC5D,CACF;MACA,MAAMI,UAAA,GAAaD,WAAA,CAAY,mBAAmB;MAClDF,MAAA,CAAOG,UAAA,CAAWC,KAAA,CAAME,OAAO,EAAED,IAAA,CAAK,KAAK;MAC3CG,QAAA,CACE,eAAApB,GAAA,CAACD,GAAA;QAAI,eAAY;QAAoBK,KAAA,EAAO;QAAKC,MAAA,EAAQ;QAAKW,KAAA,EAAO;UAAEE,OAAA,EAAS;QAAI;QAClFZ,QAAA,iBAAAN,GAAA,CAACH,MAAA;UAAOU,EAAA,EAAG;UAAKC,EAAA,EAAG;UAAKC,CAAA,EAAE;UAAKC,MAAA,EAAO;UAAQC,IAAA,EAAK;QAAA,CAAO;MAAA,CAC5D,CACF;MACAC,MAAA,CAAOG,UAAA,CAAWC,KAAA,CAAME,OAAO,EAAED,IAAA,CAAK,KAAK;IAC7C,CAAC;IACDf,EAAA,CAAG,gCAAgC,MAAM;MACvC,MAAM;QAAEY,WAAA;QAAaM;MAAS,IAAItB,mBAAA,CAChC,eAAAE,GAAA,CAACD,GAAA;QAAIK,KAAA,EAAO;QAAKC,MAAA,EAAQ;QACvBC,QAAA,iBAAAN,GAAA,CAACH,MAAA;UAAO,eAAY;UAAiBU,EAAA,EAAG;UAAKC,EAAA,EAAG;UAAKC,CAAA,EAAE;UAAKC,MAAA,EAAO;UAAQC,IAAA,EAAK;QAAA,CAAO;MAAA,CACzF,CACF;MACA,MAAMU,aAAA,GAAgBP,WAAA,CAAY,gBAAgB;MAClDF,MAAA,CAAOS,aAAA,CAAcC,YAAA,CAAa,GAAG,CAAC,EAAEL,IAAA,CAAK,IAAI;MACjDG,QAAA,CACE,eAAApB,GAAA,CAACD,GAAA;QAAIK,KAAA,EAAO;QAAKC,MAAA,EAAQ;QACvBC,QAAA,iBAAAN,GAAA,CAACH,MAAA;UAAO,eAAY;UAAiBU,EAAA,EAAG;UAAKC,EAAA,EAAG;UAAKC,CAAA,EAAE;UAAKC,MAAA,EAAO;UAAQC,IAAA,EAAK;QAAA,CAAO;MAAA,CACzF,CACF;MACAC,MAAA,CAAOS,aAAA,CAAcC,YAAA,CAAa,GAAG,CAAC,EAAEL,IAAA,CAAK,IAAI;IACnD,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/images/Svg/svg.spec.native.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Circle } from "@tamagui/react-native-svg";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Svg } from "./index.native.js";
+describe("Svg Component", function () {
+  it("renders without crashing", function () {
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(Svg, {
+      width: 100,
+      height: 100,
+      children: /* @__PURE__ */_jsx(Circle, {
+        cx: "50",
+        cy: "50",
+        r: "40",
+        stroke: "black",
+        fill: "none"
+      })
+    }));
+    expect(container).toBeTruthy();
+  });
+  it("accepts and applies custom dimensions", function () {
+    var {
+      getByTestId
+    } = renderWithProviders(/* @__PURE__ */_jsx(Svg, {
+      width: 200,
+      height: 150,
+      "data-testid": "custom-svg",
+      children: /* @__PURE__ */_jsx(Circle, {
+        cx: "50",
+        cy: "50",
+        r: "40",
+        stroke: "black",
+        fill: "none"
+      })
+    }));
+    var svgElement = getByTestId("custom-svg");
+    expect(svgElement.style.width).toBe("200px");
+    expect(svgElement.style.height).toBe("150px");
+  });
+  it("accepts and applies custom styles", function () {
+    var {
+      container
+    } = renderWithProviders(/* @__PURE__ */_jsx(Svg, {
+      "data-testid": "styled-svg",
+      width: 100,
+      height: 100,
+      style: {
+        opacity: 0.5
+      },
+      children: /* @__PURE__ */_jsx(Circle, {
+        cx: "50",
+        cy: "50",
+        r: "40",
+        stroke: "black",
+        fill: "none"
+      })
+    }));
+    var svgElement = container.querySelector("svg");
+    expect(svgElement).toBeTruthy();
+    expect(svgElement === null || svgElement === void 0 ? void 0 : svgElement.style.opacity).toBe("0.5");
+  });
+  it("renders children correctly", function () {
+    var {
+      getByTestId
+    } = renderWithProviders(/* @__PURE__ */_jsx(Svg, {
+      width: 100,
+      height: 100,
+      children: /* @__PURE__ */_jsx(Circle, {
+        "data-testid": "circle-element",
+        cx: "50",
+        cy: "50",
+        r: "40",
+        stroke: "black",
+        fill: "none"
+      })
+    }));
+    expect(getByTestId("circle-element")).toBeTruthy();
+  });
+  describe("dynamic behavior", function () {
+    it("updates dimensions when props change", function () {
+      var {
+        getByTestId,
+        rerender
+      } = renderWithProviders(/* @__PURE__ */_jsx(Svg, {
+        width: 100,
+        height: 100,
+        "data-testid": "dynamic-svg",
+        children: /* @__PURE__ */_jsx(Circle, {
+          cx: "50",
+          cy: "50",
+          r: "40",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      var svgElement = getByTestId("dynamic-svg");
+      expect(svgElement.style.width).toBe("100px");
+      expect(svgElement.style.height).toBe("100px");
+      rerender(/* @__PURE__ */_jsx(Svg, {
+        width: 200,
+        height: 150,
+        "data-testid": "dynamic-svg",
+        children: /* @__PURE__ */_jsx(Circle, {
+          cx: "50",
+          cy: "50",
+          r: "40",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      expect(svgElement.style.width).toBe("200px");
+      expect(svgElement.style.height).toBe("150px");
+    });
+    it("updates styles dynamically", function () {
+      var {
+        getByTestId,
+        rerender
+      } = renderWithProviders(/* @__PURE__ */_jsx(Svg, {
+        "data-testid": "dynamic-style-svg",
+        width: 100,
+        height: 100,
+        style: {
+          opacity: 0.5
+        },
+        children: /* @__PURE__ */_jsx(Circle, {
+          cx: "50",
+          cy: "50",
+          r: "40",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      var svgElement = getByTestId("dynamic-style-svg");
+      expect(svgElement.style.opacity).toBe("0.5");
+      rerender(/* @__PURE__ */_jsx(Svg, {
+        "data-testid": "dynamic-style-svg",
+        width: 100,
+        height: 100,
+        style: {
+          opacity: 0.8
+        },
+        children: /* @__PURE__ */_jsx(Circle, {
+          cx: "50",
+          cy: "50",
+          r: "40",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      expect(svgElement.style.opacity).toBe("0.8");
+    });
+    it("updates children dynamically", function () {
+      var {
+        getByTestId,
+        rerender
+      } = renderWithProviders(/* @__PURE__ */_jsx(Svg, {
+        width: 100,
+        height: 100,
+        children: /* @__PURE__ */_jsx(Circle, {
+          "data-testid": "dynamic-circle",
+          cx: "50",
+          cy: "50",
+          r: "40",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      var circleElement = getByTestId("dynamic-circle");
+      expect(circleElement.getAttribute("r")).toBe("40");
+      rerender(/* @__PURE__ */_jsx(Svg, {
+        width: 100,
+        height: 100,
+        children: /* @__PURE__ */_jsx(Circle, {
+          "data-testid": "dynamic-circle",
+          cx: "50",
+          cy: "50",
+          r: "60",
+          stroke: "black",
+          fill: "none"
+        })
+      }));
+      expect(circleElement.getAttribute("r")).toBe("60");
+    });
+  });
+});
+//# sourceMappingURL=svg.spec.native.js.map

package/dist/esm/images/Svg/svg.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Circle","renderWithProviders","Svg","describe","it","container","width","height","children","cx","cy","r","stroke","fill","expect","toBeTruthy","getByTestId","svgElement","style","toBe","opacity","querySelector"],"sources":["../../../../src/images/Svg/svg.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAc;AACvB,SAASC,MAAA,mCAA2B;AACpC,SAASC,mBAAW;AAKZ,SAAAC,GAAA;AAJRC,QAAA,CAAS,iBAAiB,YAAM;EAC9BC,EAAA,CAAG,4BAA4B,YAAM;IACnC;MAAMC;IAAE,IAAUJ,mBAAI,gBAAAF,IAAA,CAAAG,GAAA;MACpBI,KAAA;MAGFC,MAAA;MACAC,QAAO,iBAAWT,IAAW,CAAAC,MAAA;QAC9BS,EAAA;QACEC,EAAA;QACDC,CAAA,EAAM,IAAE;QACNC,MAAA;QAGFC,IAAA;MACA;IACA;IACAC,MAAA,CAAOT,SAAA,EAAWU,UAAM,EAAM;EAChC,CAAC;EACDX,EAAA,CAAG,uCAAqC,cAAM;IAC5C;MAAMY;IAAY,IAAIf,mBAAA,gBAAAF,IAAA,CAAAG,GAAA;MACpBI,KAAA;MAGFC,MAAA;MACA,aAAM,cAAuB;MAC7BC,QAAO,iBAAYT,IAAW,CAAAC,MAAA;QAC9BS,EAAA,EAAO;QACRC,EAAA;QACEC,CAAA;QACDC,MAAQ;QACNC,IAAA;MAGF;IACA;IACD,IAAAI,UAAA,GAAAD,WAAA;IAEDF,MAAA,CAASG,UAAA,CAAAC,KAAA,CAAAZ,KAAoB,EAAAa,IAAM;IACjCL,MAAG,CAAAG,UAAA,CAAAC,KAAA,CAAAX,MAAA,EAAAY,IAAA,QAAwC;EACzC;EAAkCf,EAAA,oCAC3B,EAAO,YAAK;IAEjB,IACF;MAAAC;IAAA,IAAAJ,mBAAA,gBAAAF,IAAA,CAAAG,GAAA;MACA,aAAM,cAAa;MACnBI,KAAA,EAAO;MACPC,MAAA,EAAO;MACPW,KAAA;QACEE,OAAA;MAGF;MACAZ,QAAO,iBAAiBT,IAAK,CAAEC,MAAK;QACpCS,EAAA,MAAO;QACRC,EAAA;QACEC,CAAA;QACDC,MAAQ;QACNC,IAAA;MAGF;IACA;IACA,IAAAI,UAAO,GAAAZ,SAAiB,CAAAgB,aAAc,MAAK;IAC3CP,MAAA,CAAAG,UAAA,EAAAF,UAAA;IAAAD,MACE,CAAAG,UAAA,SAAC,IAAAA,UAAI,UAAY,aAAAA,UAAoB,CAAOC,KAAK,CAAAE,OAAQ,EAAAD,IAAK,MAAO;EAErE;EAEFf,EAAA,6BAAwB,cAAc;IACxC,IAAC;MAAAY;IAAA,IAAAf,mBAAA,gBAAAF,IAAA,CAAAG,GAAA;MACDI,KAAG;MACDC,MAAM,EAAE;MAA0BC,QAChC,iBAACT,IAAI,CAAAC,MAAO;QAGd;QACAS,EAAA,EAAM;QACNC,EAAA,MAAO;QACPC,CAAA;QACEC,MAAA;QAGFC,IAAA;MACA;IACF,CAAC;IACFC,MAAA,CAAAE,WAAA,oBAAAD,UAAA;EACF","ignoreList":[]}

package/dist/esm/images/SvgUri/SvgUri.spec.mjs

@@ -0,0 +1,161 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it, vi } from "vitest";
+import { SvgUri } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("SvgUri", () => {
+  it("is defined and exportable", () => {
+    expect(SvgUri).toBeDefined();
+    expect(typeof SvgUri).toBe("function");
+  });
+  it("returns null for null uri", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SvgUri, {
+      uri: null
+    }));
+    expect(container.querySelector("div > div")).toBeNull();
+  });
+  it("returns null for empty string uri", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SvgUri, {
+      uri: ""
+    }));
+    expect(container.querySelector("div > div")).toBeNull();
+  });
+  it("renders a container div for a valid uri", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SvgUri, {
+      uri: "https://example.com/icon.svg",
+      width: 100,
+      height: 100
+    }));
+    const div = container.querySelector("div > div");
+    expect(div).toBeInTheDocument();
+  });
+  it("renders fallback on error", async () => {
+    const fallback = /* @__PURE__ */jsx("span", {
+      "data-testid": "fallback",
+      children: "Error"
+    });
+    vi.spyOn(globalThis, "fetch").mockRejectedValueOnce(new Error("Network error"));
+    const {
+      findByTestId
+    } = renderWithProviders(/* @__PURE__ */jsx(SvgUri, {
+      uri: "https://example.com/broken.svg",
+      fallback
+    }));
+    const fallbackEl = await findByTestId("fallback");
+    expect(fallbackEl).toBeInTheDocument();
+  });
+  it("calls onError when fetch fails", async () => {
+    const onError = vi.fn();
+    vi.spyOn(globalThis, "fetch").mockRejectedValueOnce(new Error("Network error"));
+    renderWithProviders(/* @__PURE__ */jsx(SvgUri, {
+      uri: "https://example.com/broken.svg",
+      onError
+    }));
+    await vi.waitFor(() => {
+      expect(onError).toHaveBeenCalled();
+    });
+  });
+  it("fetches and renders SVG content", async () => {
+    const svgContent = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><circle cx="12" cy="12" r="10"/></svg>';
+    vi.spyOn(globalThis, "fetch").mockResolvedValueOnce(new Response(svgContent, {
+      status: 200,
+      headers: {
+        "Content-Type": "image/svg+xml"
+      }
+    }));
+    const onLoad = vi.fn();
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SvgUri, {
+      uri: "https://example.com/icon.svg",
+      onLoad
+    }));
+    await vi.waitFor(() => {
+      expect(onLoad).toHaveBeenCalled();
+    });
+    const svg = container.querySelector("svg");
+    expect(svg).toBeInTheDocument();
+    expect(container.querySelector("circle")).toBeInTheDocument();
+  });
+  it("strips script tags from fetched SVG for security", async () => {
+    const maliciousSvg = '<svg xmlns="http://www.w3.org/2000/svg"><script>alert("xss")</script><rect width="10" height="10"/></svg>';
+    vi.spyOn(globalThis, "fetch").mockResolvedValueOnce(new Response(maliciousSvg, {
+      status: 200
+    }));
+    const onLoad = vi.fn();
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SvgUri, {
+      uri: "https://example.com/evil.svg",
+      onLoad
+    }));
+    await vi.waitFor(() => {
+      expect(onLoad).toHaveBeenCalled();
+    });
+    expect(container.querySelector("script")).toBeNull();
+    expect(container.querySelector("rect")).toBeInTheDocument();
+  });
+  it("applies width and height to the rendered SVG", async () => {
+    const svgContent = '<svg xmlns="http://www.w3.org/2000/svg"><rect width="10" height="10"/></svg>';
+    vi.spyOn(globalThis, "fetch").mockResolvedValueOnce(new Response(svgContent, {
+      status: 200
+    }));
+    const onLoad = vi.fn();
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SvgUri, {
+      uri: "https://example.com/icon.svg",
+      width: 48,
+      height: 48,
+      onLoad
+    }));
+    await vi.waitFor(() => {
+      expect(onLoad).toHaveBeenCalled();
+    });
+    const svg = container.querySelector("svg");
+    expect(svg).toBeInTheDocument();
+    expect(svg?.getAttribute("width")).toBe("48");
+    expect(svg?.getAttribute("height")).toBe("48");
+  });
+  it("sets accessibility attributes on the rendered SVG", async () => {
+    const svgContent = '<svg xmlns="http://www.w3.org/2000/svg"><rect width="10" height="10"/></svg>';
+    vi.spyOn(globalThis, "fetch").mockResolvedValueOnce(new Response(svgContent, {
+      status: 200
+    }));
+    const onLoad = vi.fn();
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SvgUri, {
+      uri: "https://example.com/icon.svg",
+      accessibilityLabel: "Test icon",
+      onLoad
+    }));
+    await vi.waitFor(() => {
+      expect(onLoad).toHaveBeenCalled();
+    });
+    const svg = container.querySelector("svg");
+    expect(svg?.getAttribute("role")).toBe("img");
+    expect(svg?.getAttribute("aria-label")).toBe("Test icon");
+  });
+  it("handles data:image/svg+xml URIs", async () => {
+    const onLoad = vi.fn();
+    const dataUri = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10'/%3E%3C/svg%3E";
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(SvgUri, {
+      uri: dataUri,
+      onLoad
+    }));
+    await vi.waitFor(() => {
+      expect(onLoad).toHaveBeenCalled();
+    });
+    const svg = container.querySelector("svg");
+    expect(svg).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=SvgUri.spec.mjs.map

package/dist/esm/images/SvgUri/SvgUri.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderWithProviders","describe","expect","it","vi","SvgUri","jsx","toBeDefined","toBe","container","uri","querySelector","toBeNull","width","height","div","toBeInTheDocument","fallback","children","spyOn","globalThis","mockRejectedValueOnce","Error","findByTestId","fallbackEl","onError","fn","waitFor","toHaveBeenCalled","svgContent","mockResolvedValueOnce","Response","status","headers","onLoad","svg","maliciousSvg","getAttribute","accessibilityLabel","dataUri"],"sources":["../../../../src/images/SvgUri/SvgUri.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}