@multiplatform.one/components 5.0.27 → 6.0.0

package/dist/esm/DotIndicator/DotIndicator.stories.native.js

@@ -0,0 +1,273 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { useState } from "react";
+import { XStack, YStack, Text } from "tamagui";
+import { DotIndicator } from "./index.native.js";
+var meta = {
+  title: "Components/DotIndicator",
+  component: DotIndicator,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A dot-based indicator for showing position in a sequence. Used by Carousel and Pagination components. Supports multiple visual variants."
+      }
+    }
+  }
+};
+var DotIndicator_stories_default = meta;
+function ControlledDotIndicator(props) {
+  var [activeIndex, setActiveIndex] = useState(0);
+  return /* @__PURE__ */_jsx(DotIndicator, {
+    ...props,
+    activeIndex,
+    onChange: function onChange(index) {
+      var _props_onChange;
+      setActiveIndex(index);
+      (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, index);
+    }
+  });
+}
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */_jsx(ControlledDotIndicator, {
+      total: 5,
+      onChange: action("onChange")
+    });
+  }
+};
+var Variants = {
+  render: function render2() {
+    var variants = ["dots", "bars", "pills"];
+    return /* @__PURE__ */_jsx(YStack, {
+      gap: "$4",
+      children: variants.map(function (variant) {
+        return /* @__PURE__ */_jsxs(XStack, {
+          gap: "$4",
+          alignItems: "center",
+          children: [/* @__PURE__ */_jsx(Text, {
+            width: 60,
+            fontSize: "$2",
+            color: "$color10",
+            children: variant
+          }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+            total: 5,
+            variant,
+            onChange: action("onChange")
+          })]
+        }, variant);
+      })
+    });
+  }
+};
+var DifferentCounts = {
+  render: function render3() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */_jsxs(XStack, {
+        gap: "$4",
+        alignItems: "center",
+        children: [/* @__PURE__ */_jsx(Text, {
+          width: 80,
+          fontSize: "$2",
+          color: "$color10",
+          children: "3 items"
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 3,
+          onChange: action("onChange")
+        })]
+      }), /* @__PURE__ */_jsxs(XStack, {
+        gap: "$4",
+        alignItems: "center",
+        children: [/* @__PURE__ */_jsx(Text, {
+          width: 80,
+          fontSize: "$2",
+          color: "$color10",
+          children: "5 items"
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 5,
+          onChange: action("onChange")
+        })]
+      }), /* @__PURE__ */_jsxs(XStack, {
+        gap: "$4",
+        alignItems: "center",
+        children: [/* @__PURE__ */_jsx(Text, {
+          width: 80,
+          fontSize: "$2",
+          color: "$color10",
+          children: "10 items"
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 10,
+          onChange: action("onChange")
+        })]
+      })]
+    });
+  }
+};
+var CustomGap = {
+  render: function render4() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */_jsxs(XStack, {
+        gap: "$4",
+        alignItems: "center",
+        children: [/* @__PURE__ */_jsx(Text, {
+          width: 80,
+          fontSize: "$2",
+          color: "$color10",
+          children: 'gap="$1"'
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 5,
+          gap: "$1",
+          onChange: action("onChange")
+        })]
+      }), /* @__PURE__ */_jsxs(XStack, {
+        gap: "$4",
+        alignItems: "center",
+        children: [/* @__PURE__ */_jsx(Text, {
+          width: 80,
+          fontSize: "$2",
+          color: "$color10",
+          children: 'gap="$2"'
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 5,
+          gap: "$2",
+          onChange: action("onChange")
+        })]
+      }), /* @__PURE__ */_jsxs(XStack, {
+        gap: "$4",
+        alignItems: "center",
+        children: [/* @__PURE__ */_jsx(Text, {
+          width: 80,
+          fontSize: "$2",
+          color: "$color10",
+          children: 'gap="$4"'
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 5,
+          gap: "$4",
+          onChange: action("onChange")
+        })]
+      })]
+    });
+  }
+};
+var Disabled = {
+  render: function render5() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */_jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontWeight: "600",
+          children: "Interactive"
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 5,
+          onChange: action("onChange")
+        })]
+      }), /* @__PURE__ */_jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontWeight: "600",
+          children: "Disabled"
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 5,
+          disabled: true,
+          onChange: action("onChange")
+        })]
+      })]
+    });
+  }
+};
+var ReadOnly = {
+  render: function render6() {
+    var [index, setIndex] = useState(2);
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      alignItems: "center",
+      children: [/* @__PURE__ */_jsx(DotIndicator, {
+        total: 5,
+        activeIndex: index
+      }), /* @__PURE__ */_jsxs(Text, {
+        fontSize: "$2",
+        color: "$color10",
+        children: ["Item ", index + 1, " of 5 (no onChange - read only)"]
+      }), /* @__PURE__ */_jsxs(XStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontSize: "$2",
+          color: "$blue10",
+          cursor: "pointer",
+          onPress: function onPress() {
+            return setIndex(function (i) {
+              return Math.max(0, i - 1);
+            });
+          },
+          children: "Prev"
+        }), /* @__PURE__ */_jsx(Text, {
+          fontSize: "$2",
+          color: "$blue10",
+          cursor: "pointer",
+          onPress: function onPress() {
+            return setIndex(function (i) {
+              return Math.min(4, i + 1);
+            });
+          },
+          children: "Next"
+        })]
+      })]
+    });
+  }
+};
+var AllStates = {
+  render: function render7() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$6",
+      children: [/* @__PURE__ */_jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontWeight: "600",
+          children: "Dots variant (default)"
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 5,
+          variant: "dots",
+          onChange: action("onChange")
+        })]
+      }), /* @__PURE__ */_jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontWeight: "600",
+          children: "Bars variant"
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 5,
+          variant: "bars",
+          onChange: action("onChange")
+        })]
+      }), /* @__PURE__ */_jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontWeight: "600",
+          children: "Pills variant"
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 5,
+          variant: "pills",
+          onChange: action("onChange")
+        })]
+      }), /* @__PURE__ */_jsxs(YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */_jsx(Text, {
+          fontWeight: "600",
+          children: "Disabled"
+        }), /* @__PURE__ */_jsx(ControlledDotIndicator, {
+          total: 5,
+          disabled: true,
+          onChange: action("onChange")
+        })]
+      })]
+    });
+  }
+};
+export { AllStates, CustomGap, Default, DifferentCounts, Disabled, ReadOnly, Variants, DotIndicator_stories_default as default };
+//# sourceMappingURL=DotIndicator.stories.native.js.map

package/dist/esm/DotIndicator/DotIndicator.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","useState","XStack","YStack","Text","DotIndicator","meta","title","component","parameters","status","type","docs","description","DotIndicator_stories_default","ControlledDotIndicator","props","activeIndex","setActiveIndex","onChange","index","_props_onChange","call","Default","name","render","total","Variants","render2","variants","gap","children","map","variant","alignItems","width","fontSize","color","DifferentCounts","render3","CustomGap","render4"],"sources":["../../../src/DotIndicator/DotIndicator.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/DotIndicator/index.mjs

@@ -0,0 +1,89 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { View, XStack, styled } from "tamagui";
+import { componentColors } from "../componentColors.mjs";
+import { jsx } from "react/jsx-runtime";
+const DotsContainer = styled(XStack, {
+  name: "DotIndicator",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: "$2"
+});
+const Dot = styled(View, {
+  name: "Dot",
+  borderRadius: 1e3,
+  backgroundColor: componentColors.indicator.inactive,
+  cursor: "pointer",
+  hoverStyle: {
+    backgroundColor: componentColors.indicator.hover
+  },
+  variants: {
+    active: {
+      true: {
+        backgroundColor: componentColors.indicator.active
+      }
+    },
+    variant: {
+      dots: {
+        width: 8,
+        height: 8
+      },
+      bars: {
+        width: 6,
+        height: 6
+      },
+      pills: {
+        width: 8,
+        height: 8
+      }
+    },
+    activeVariant: {
+      dots: {
+        width: 24
+      },
+      bars: {
+        width: 24
+      },
+      pills: {
+        width: 24
+      }
+    },
+    disabled: {
+      true: {
+        cursor: "not-allowed",
+        opacity: 0.5
+      }
+    }
+  }
+});
+function DotIndicator({
+  total,
+  activeIndex,
+  onChange,
+  variant = "dots",
+  gap = "$2",
+  disabled = false
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(DotsContainer, {
+    ...knobProps.gap,
+    gap,
+    children: Array.from({
+      length: total
+    }).map((_, index) => {
+      const isActive = index === activeIndex;
+      return /* @__PURE__ */jsx(Dot, {
+        variant,
+        active: isActive,
+        activeVariant: isActive ? variant : void 0,
+        disabled: disabled || !onChange,
+        onPress: disabled || !onChange ? void 0 : () => onChange(index),
+        accessibilityRole: "button",
+        accessibilityLabel: `Go to item ${index + 1}`
+      }, index);
+    })
+  });
+}
+export { DotIndicator };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/DotIndicator/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","View","XStack","styled","componentColors","jsx","DotsContainer","name","alignItems","justifyContent","gap","Dot","borderRadius","backgroundColor","indicator","inactive","cursor","hoverStyle","hover","variants","active","true","variant","dots","width","height","bars","pills","activeVariant","disabled","opacity","DotIndicator","total","activeIndex","onChange","knobProps","children","Array","from","length","map","_","index","isActive","onPress","accessibilityRole","accessibilityLabel"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AACrC,SAASC,eAAA,QAAuB;AA+FtB,SAAAC,GAAA;AAxEV,MAAMC,aAAA,GAAgBH,MAAA,CAAOD,MAAA,EAAQ;EACnCK,IAAA,EAAM;EACNC,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChBC,GAAA,EAAK;AACP,CAAC;AAED,MAAMC,GAAA,GAAMR,MAAA,CAAOF,IAAA,EAAM;EACvBM,IAAA,EAAM;EACNK,YAAA,EAAc;EACdC,eAAA,EAAiBT,eAAA,CAAgBU,SAAA,CAAUC,QAAA;EAC3CC,MAAA,EAAQ;EACRC,UAAA,EAAY;IACVJ,eAAA,EAAiBT,eAAA,CAAgBU,SAAA,CAAUI;EAC7C;EACAC,QAAA,EAAU;IACRC,MAAA,EAAQ;MACNC,IAAA,EAAM;QACJR,eAAA,EAAiBT,eAAA,CAAgBU,SAAA,CAAUM;MAC7C;IACF;IACAE,OAAA,EAAS;MACPC,IAAA,EAAM;QACJC,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;MACAC,IAAA,EAAM;QACJF,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;MACAE,KAAA,EAAO;QACLH,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;IACF;IACAG,aAAA,EAAe;MACbL,IAAA,EAAM;QACJC,KAAA,EAAO;MACT;MACAE,IAAA,EAAM;QACJF,KAAA,EAAO;MACT;MACAG,KAAA,EAAO;QACLH,KAAA,EAAO;MACT;IACF;IACAK,QAAA,EAAU;MACRR,IAAA,EAAM;QACJL,MAAA,EAAQ;QACRc,OAAA,EAAS;MACX;IACF;EACF;AACF,CAAC;AAIM,SAASC,aAAa;EAC3BC,KAAA;EACAC,WAAA;EACAC,QAAA;EACAZ,OAAA,GAAU;EACVZ,GAAA,GAAM;EACNmB,QAAA,GAAW;AACb,GAAsB;EACpB,MAAM;IAAEM;EAAU,IAAInC,gBAAA,CAAiB;EAEvC,OACE,eAAAK,GAAA,CAACC,aAAA;IAAe,GAAG6B,SAAA,CAAUzB,GAAA;IAAKA,GAAA;IAC/B0B,QAAA,EAAAC,KAAA,CAAMC,IAAA,CAAK;MAAEC,MAAA,EAAQP;IAAM,CAAC,EAAEQ,GAAA,CAAI,CAACC,CAAA,EAAGC,KAAA,KAAU;MAC/C,MAAMC,QAAA,GAAWD,KAAA,KAAUT,WAAA;MAC3B,OACE,eAAA5B,GAAA,CAACM,GAAA;QAECW,OAAA;QACAF,MAAA,EAAQuB,QAAA;QACRf,aAAA,EAAee,QAAA,GAAWrB,OAAA,GAAU;QACpCO,QAAA,EAAUA,QAAA,IAAY,CAACK,QAAA;QACvBU,OAAA,EAASf,QAAA,IAAY,CAACK,QAAA,GAAW,SAAY,MAAMA,QAAA,CAASQ,KAAK;QACjEG,iBAAA,EAAkB;QAClBC,kBAAA,EAAoB,cAAcJ,KAAA,GAAQ,CAAC;MAAA,GAPtCA,KAQP;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/DotIndicator/index.native.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { View, XStack, styled } from "tamagui";
+import { componentColors } from "../componentColors.native.js";
+var DotsContainer = styled(XStack, {
+  name: "DotIndicator",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: "$2"
+});
+var Dot = styled(View, {
+  name: "Dot",
+  borderRadius: 1e3,
+  backgroundColor: componentColors.indicator.inactive,
+  cursor: "pointer",
+  hoverStyle: {
+    backgroundColor: componentColors.indicator.hover
+  },
+  variants: {
+    active: {
+      true: {
+        backgroundColor: componentColors.indicator.active
+      }
+    },
+    variant: {
+      dots: {
+        width: 8,
+        height: 8
+      },
+      bars: {
+        width: 6,
+        height: 6
+      },
+      pills: {
+        width: 8,
+        height: 8
+      }
+    },
+    activeVariant: {
+      dots: {
+        width: 24
+      },
+      bars: {
+        width: 24
+      },
+      pills: {
+        width: 24
+      }
+    },
+    disabled: {
+      true: {
+        cursor: "not-allowed",
+        opacity: 0.5
+      }
+    }
+  }
+});
+function DotIndicator(param) {
+  var {
+    total,
+    activeIndex,
+    onChange,
+    variant = "dots",
+    gap = "$2",
+    disabled = false
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(DotsContainer, {
+    ...knobProps.gap,
+    gap,
+    children: Array.from({
+      length: total
+    }).map(function (_, index) {
+      var isActive = index === activeIndex;
+      return /* @__PURE__ */_jsx(Dot, {
+        variant,
+        active: isActive,
+        activeVariant: isActive ? variant : void 0,
+        disabled: disabled || !onChange,
+        onPress: disabled || !onChange ? void 0 : function () {
+          return onChange(index);
+        },
+        accessibilityRole: "button",
+        accessibilityLabel: `Go to item ${index + 1}`
+      }, index);
+    })
+  });
+}
+export { DotIndicator };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/DotIndicator/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","useResolvedKnobs","View","XStack","styled","componentColors","DotsContainer","name","alignItems","justifyContent","gap","Dot","borderRadius","backgroundColor","indicator","inactive","cursor","hoverStyle","hover","variants","active","true","variant","dots","width","height","bars","pills","activeVariant","disabled","opacity","DotIndicator","param","total","activeIndex","onChange","knobProps","children","Array","from","length","map","_","index","isActive","onPress","accessibilityRole","accessibilityLabel"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAwB;AAEjC,SAASC,gBAAc,kCAAc;AACrC,SAASC,IAAA,EAAAC,MAAA,EAAAC,MAAA,QAAuB;AA+FtB,SAAAC,eAAA;AAxEV,IAAAC,aAAM,GAAAF,MAAgB,CAAAD,MAAO;EAC3BI,IAAA,EAAM;EACNC,UAAA,EAAY;EACZC,cAAA,EAAgB;EAChBC,GAAA,EAAK;AACP,CAAC;AAED,IAAAC,GAAM,GAAAP,MAAM,CAAAF,IAAO;EACjBK,IAAA,EAAM;EACNK,YAAA,EAAc;EACdC,eAAA,EAAiBR,eAAA,CAAgBS,SAAA,CAAUC,QAAA;EAC3CC,MAAA,EAAQ;EACRC,UAAA,EAAY;IACVJ,eAAA,EAAiBR,eAAA,CAAgBS,SAAA,CAAUI;EAC7C;EACAC,QAAA,EAAU;IACRC,MAAA,EAAQ;MACNC,IAAA,EAAM;QACJR,eAAA,EAAiBR,eAAA,CAAgBS,SAAA,CAAUM;MAC7C;IACF;IACAE,OAAA,EAAS;MACPC,IAAA,EAAM;QACJC,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;MACAC,IAAA,EAAM;QACJF,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;MACAE,KAAA,EAAO;QACLH,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;IACF;IACAG,aAAA,EAAe;MACbL,IAAA,EAAM;QACJC,KAAA,EAAO;MACT;MACAE,IAAA,EAAM;QACJF,KAAA,EAAO;MACT;MACAG,KAAA,EAAO;QACLH,KAAA,EAAO;MACT;IACF;IACAK,QAAA,EAAU;MACRR,IAAA,EAAM;QACJL,MAAA,EAAQ;QACRc,OAAA,EAAS;MACX;IACF;EACF;AACF,CAAC;AAIM,SAASC,aAAaC,KAAA;EAC3B;IAAAC,KAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAb,OAAA;IAAAZ,GAAA;IAAAmB,QAAA;EAAA,IAAAG,KAAA;EACA;IAAAI;EAAA,IAAAnC,gBAAA;EACA,sBAAAD,IAAA,CAAAM,aAAA;IACA,GAAA8B,SAAU,CAAA1B,GAAA;IACVA,GAAA;IACA2B,QAAA,EAAWC,KAAA,CAAAC,IAAA;MACSC,MAAA,EAAAP;IACpB,GAAAQ,GAAQ,WAAUC,CAAA,EAAAC,KAAI;MAEtB,IACEC,QAAA,GAAAD,KAAA,KAACT,WAAA;MAEG,OAAM,eAAWlC,IAAU,CAAAW,GAAA;QAC3BW,OACE;QAACF,MAAA,EAAAwB,QAAA;QAAAhB,aAAA,EAAAgB,QAAA,GAAAtB,OAAA;QAECO,QAAA,EAAAA,QAAA,KAAAM,QAAA;QACAU,OAAA,EAAQhB,QAAA,KAAAM,QAAA;UACR,OAAAA,QAAe,CAAAQ,KAAA;QACf;QACAG,iBAAS,UAAa;QACtBC,kBAAA,EAAkB,cAAAJ,KAAA;MAAA,GAClBA,KAAA;IAA2C;EAAA;AAPtC;AAQP,SAKVZ,YAAA","ignoreList":[]}

package/dist/esm/ErrorBoundary/ErrorBoundary.spec.mjs

@@ -0,0 +1,49 @@
+import { fireEvent, screen } from "@testing-library/react";
+import { H1 } from "tamagui";
+import { expect, vitest } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { ErrorBoundary } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+const ChildThatThrows = () => {
+  throw new Error("Test Error");
+};
+const ChildThatRenders = () => {
+  return /* @__PURE__ */jsx(H1, {
+    children: "Hello from child!"
+  });
+};
+describe("ErrorBoundary", () => {
+  it("should render children when no error occurs", () => {
+    renderWithProviders(/* @__PURE__ */jsx(ErrorBoundary, {
+      children: /* @__PURE__ */jsx(ChildThatRenders, {})
+    }));
+    expect(screen.getByText("Hello from child!")).toBeInTheDocument();
+  });
+  it("should show error message and retry button when an error occurs", () => {
+    renderWithProviders(/* @__PURE__ */jsx(ErrorBoundary, {
+      children: /* @__PURE__ */jsx(ChildThatThrows, {})
+    }));
+    expect(screen.getByText("Oops, there is an error!")).toBeInTheDocument();
+    expect(screen.getByText("Try again?")).toBeInTheDocument();
+  });
+  it("should reset error state and re-render children when retry button is clicked", async () => {
+    renderWithProviders(/* @__PURE__ */jsx(ErrorBoundary, {
+      children: /* @__PURE__ */jsx(ChildThatThrows, {})
+    }));
+    expect(screen.getByText("Oops, there is an error!")).toBeInTheDocument();
+    expect(screen.getByText("Try again?")).toBeInTheDocument();
+    fireEvent.click(screen.getByText("Try again?"));
+  });
+  it("should log errors when componentDidCatch is triggered", () => {
+    const spy = vitest.spyOn(console, "info");
+    renderWithProviders(/* @__PURE__ */jsx(ErrorBoundary, {
+      children: /* @__PURE__ */jsx(ChildThatThrows, {})
+    }));
+    expect(spy).toHaveBeenCalledWith(expect.objectContaining({
+      error: expect.any(Error),
+      errorInfo: expect.any(Object)
+    }));
+    spy.mockRestore();
+  });
+});
+//# sourceMappingURL=ErrorBoundary.spec.mjs.map

package/dist/esm/ErrorBoundary/ErrorBoundary.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["fireEvent","screen","H1","expect","vitest","renderWithProviders","ErrorBoundary","jsx","ChildThatThrows","Error","ChildThatRenders","children","describe","it","getByText","toBeInTheDocument","click","spy","spyOn","console","toHaveBeenCalledWith","objectContaining","error","any","errorInfo","Object","mockRestore"],"sources":["../../../src/ErrorBoundary/ErrorBoundary.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,EAAA,QAAU;AACnB,SAASC,MAAA,EAAQC,MAAA,QAAc;AAC/B,SAASC,mBAAA,QAA2B;AACpC,SAASC,aAAA,QAAqB;AAMrB,SAAAC,GAAA;AAJT,MAAMC,eAAA,GAAkBA,CAAA,KAAM;EAC5B,MAAM,IAAIC,KAAA,CAAM,YAAY;AAC9B;AACA,MAAMC,gBAAA,GAAmBA,CAAA,KAAM;EAC7B,OAAO,eAAAH,GAAA,CAACL,EAAA;IAAGS,QAAA;EAAA,CAAiB;AAC9B;AAEAC,QAAA,CAAS,iBAAiB,MAAM;EAC9BC,EAAA,CAAG,+CAA+C,MAAM;IACtDR,mBAAA,CACE,eAAAE,GAAA,CAACD,aAAA;MACCK,QAAA,iBAAAJ,GAAA,CAACG,gBAAA,IAAiB;IAAA,CACpB,CACF;IACAP,MAAA,CAAOF,MAAA,CAAOa,SAAA,CAAU,mBAAmB,CAAC,EAAEC,iBAAA,CAAkB;EAClE,CAAC;EAEDF,EAAA,CAAG,mEAAmE,MAAM;IAC1ER,mBAAA,CACE,eAAAE,GAAA,CAACD,aAAA;MACCK,QAAA,iBAAAJ,GAAA,CAACC,eAAA,IAAgB;IAAA,CACnB,CACF;IACAL,MAAA,CAAOF,MAAA,CAAOa,SAAA,CAAU,0BAA0B,CAAC,EAAEC,iBAAA,CAAkB;IACvEZ,MAAA,CAAOF,MAAA,CAAOa,SAAA,CAAU,YAAY,CAAC,EAAEC,iBAAA,CAAkB;EAC3D,CAAC;EAEDF,EAAA,CAAG,gFAAgF,YAAY;IAC7FR,mBAAA,CACE,eAAAE,GAAA,CAACD,aAAA;MACCK,QAAA,iBAAAJ,GAAA,CAACC,eAAA,IAAgB;IAAA,CACnB,CACF;IACAL,MAAA,CAAOF,MAAA,CAAOa,SAAA,CAAU,0BAA0B,CAAC,EAAEC,iBAAA,CAAkB;IACvEZ,MAAA,CAAOF,MAAA,CAAOa,SAAA,CAAU,YAAY,CAAC,EAAEC,iBAAA,CAAkB;IACzDf,SAAA,CAAUgB,KAAA,CAAMf,MAAA,CAAOa,SAAA,CAAU,YAAY,CAAC;EAChD,CAAC;EAEDD,EAAA,CAAG,yDAAyD,MAAM;IAChE,MAAMI,GAAA,GAAMb,MAAA,CAAOc,KAAA,CAAMC,OAAA,EAAS,MAAM;IACxCd,mBAAA,CACE,eAAAE,GAAA,CAACD,aAAA;MACCK,QAAA,iBAAAJ,GAAA,CAACC,eAAA,IAAgB;IAAA,CACnB,CACF;IACAL,MAAA,CAAOc,GAAG,EAAEG,oBAAA,CACVjB,MAAA,CAAOkB,gBAAA,CAAiB;MACtBC,KAAA,EAAOnB,MAAA,CAAOoB,GAAA,CAAId,KAAK;MACvBe,SAAA,EAAWrB,MAAA,CAAOoB,GAAA,CAAIE,MAAM;IAC9B,CAAC,CACH;IACAR,GAAA,CAAIS,WAAA,CAAY;EAClB,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/ErrorBoundary/ErrorBoundary.spec.native.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, screen } from "@testing-library/react";
+import { H1 } from "tamagui";
+import { expect, vitest } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { ErrorBoundary } from "./index.native.js";
+var ChildThatThrows = function ChildThatThrows2() {
+  throw new Error("Test Error");
+};
+var ChildThatRenders = function ChildThatRenders2() {
+  return /* @__PURE__ */_jsx(H1, {
+    children: "Hello from child!"
+  });
+};
+describe("ErrorBoundary", function () {
+  it("should render children when no error occurs", function () {
+    renderWithProviders(/* @__PURE__ */_jsx(ErrorBoundary, {
+      children: /* @__PURE__ */_jsx(ChildThatRenders, {})
+    }));
+    expect(screen.getByText("Hello from child!")).toBeInTheDocument();
+  });
+  it("should show error message and retry button when an error occurs", function () {
+    renderWithProviders(/* @__PURE__ */_jsx(ErrorBoundary, {
+      children: /* @__PURE__ */_jsx(ChildThatThrows, {})
+    }));
+    expect(screen.getByText("Oops, there is an error!")).toBeInTheDocument();
+    expect(screen.getByText("Try again?")).toBeInTheDocument();
+  });
+  it("should reset error state and re-render children when retry button is clicked", async function () {
+    renderWithProviders(/* @__PURE__ */_jsx(ErrorBoundary, {
+      children: /* @__PURE__ */_jsx(ChildThatThrows, {})
+    }));
+    expect(screen.getByText("Oops, there is an error!")).toBeInTheDocument();
+    expect(screen.getByText("Try again?")).toBeInTheDocument();
+    fireEvent.click(screen.getByText("Try again?"));
+  });
+  it("should log errors when componentDidCatch is triggered", function () {
+    var spy = vitest.spyOn(console, "info");
+    renderWithProviders(/* @__PURE__ */_jsx(ErrorBoundary, {
+      children: /* @__PURE__ */_jsx(ChildThatThrows, {})
+    }));
+    expect(spy).toHaveBeenCalledWith(expect.objectContaining({
+      error: expect.any(Error),
+      errorInfo: expect.any(Object)
+    }));
+    spy.mockRestore();
+  });
+});
+//# sourceMappingURL=ErrorBoundary.spec.native.js.map

package/dist/esm/ErrorBoundary/ErrorBoundary.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","fireEvent","screen","H1","expect","vitest","renderWithProviders","ErrorBoundary","ChildThatThrows","ChildThatThrows2","Error","ChildThatRenders","ChildThatRenders2","children","describe","it","getByText","toBeInTheDocument","click","spy","spyOn","console","toHaveBeenCalledWith","objectContaining","error","any","errorInfo","Object","mockRestore"],"sources":["../../../src/ErrorBoundary/ErrorBoundary.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAW,2BAAc;AAClC,SAASC,SAAA,EAAUC,MAAA;AACnB,SAASC,EAAA,QAAQ;AACjB,SAASC,MAAA,EAAAC,MAAA,gBAA2B;AACpC,SAASC,mBAAA,QAAqB;AAMrB,SAAAC,aAAA;AAJT,IAAAC,eAAM,YAAwBC,iBAAA;EAC5B,MAAM,IAAIC,KAAA,CAAM,YAAY;AAC9B;AACA,IAAAC,gBAAM,YAAyBC,kBAAA;EAC7B,OAAO,eAAAZ,IAAC,CAAAG,EAAA;IACVU,QAAA;EAEA;AACE;AACEC,QAAA;EAAAC,EAAA,8CAEI;IAEJT,mBAAA,gBAAAN,IAAA,CAAAO,aAAA;MACAM,QAAO,iBAAiBb,IAAA,CAAAW,gBAAsB;IAC/C;IAEDP,MAAG,CAAAF,MAAA,CAAAc,SAAA,uBAAAC,iBAAA;EACD;EAAAF,EAAA,kEAEI,cAAC;IAELT,mBAAA,gBAAAN,IAAA,CAAAO,aAAA;MACAM,QAAO,iBAAiBb,IAAA,CAAAQ,eAAA,EAA0B,CAAC;IACnD;IACDJ,MAAA,CAAAF,MAAA,CAAAc,SAAA,8BAAAC,iBAAA;IAEDb,MAAG,CAAAF,MAAA,CAAAc,SAAA,gBAAAC,iBAAA;EACD;EAAAF,EAAA,+EAEK,oBACH;IACFT,mBAAA,gBAAAN,IAAA,CAAAO,aAAA;MACAM,QAAO,iBAAiBb,IAAA,CAAAQ,eAAA,EAA0B,CAAC;IACnD;IACAJ,MAAA,CAAAF,MAAU,CAAAc,SAAa,2BAAuB,GAAAC,iBAAA;IAC/Cb,MAAA,CAAAF,MAAA,CAAAc,SAAA,gBAAAC,iBAAA;IAEDhB,SAAG,CAAAiB,KAAA,CAAAhB,MAAA,CAAAc,SAAA;EACD;EACAD,EAAA;IAAA,IACEI,GAAA,GAAAd,MAAA,CAAAe,KAAC,CAAAC,OAAA,SACC;IAEJf,mBAAA,gBAAAN,IAAA,CAAAO,aAAA;MACAM,QAAU,EAAE,eAAAb,IAAA,CAAAQ,eAAA;IAAA,EACV;IAAwBJ,MACtB,CAAAe,GAAA,CAAO,CAAAG,oBAAgB,CAAAlB,MAAA,CAAAmB,gBAAA;MAAAC,KACvB,EAAApB,MAAW,CAAAqB,GAAA,CAAAf,KAAO,CAAI;MACxBgB,SAAC,EAAAtB,MAAA,CAAAqB,GAAA,CAAAE,MAAA;IACH;IACAR,GAAA,CAAIS,WAAA,CAAY;EAClB,CAAC;AACH,CAAC","ignoreList":[]}