@multiplatform.one/components 6.0.4 → 6.3.0

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

@@ -0,0 +1,509 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useMemo, useRef } from "react";
+import { Intent, hairline, menuRowFrame, useResolvedKnobs, warnBareDisabled } from "@multiplatform.one/theme";
+import { CheckIcon } from "@phosphor-icons/react";
+import { Popover, Text, View, XStack, YStack, isWeb, styled, useComposedRefs, useControllableState, useTheme, withStaticProperties } from "tamagui";
+import { componentColors } from "../componentColors.native.js";
+var DropdownMenuContext = /* @__PURE__ */createContext(null);
+function useDropdownMenuContext(part) {
+  var ctx = useContext(DropdownMenuContext);
+  if (!ctx) throw new Error(`DropdownMenu.${part} must be used inside <DropdownMenu>`);
+  return ctx;
+}
+var ItemRow = styled(XStack, {
+  name: "DropdownMenuItem",
+  ...menuRowFrame,
+  gap: "$2.5",
+  cursor: "pointer",
+  hoverStyle: {
+    backgroundColor: componentColors.interactive.hover
+  },
+  pressStyle: {
+    backgroundColor: componentColors.interactive.active
+  },
+  // Focus highlight doubles as the roving-focus indicator (full-width row).
+  focusStyle: {
+    backgroundColor: componentColors.interactive.hover,
+    outlineStyle: "none"
+  },
+  focusVisibleStyle: {
+    backgroundColor: componentColors.interactive.hover,
+    outlineStyle: "none"
+  },
+  variants: {
+    disabled: {
+      true: {
+        cursor: "default",
+        opacity: 0.5,
+        hoverStyle: {
+          backgroundColor: "transparent"
+        },
+        pressStyle: {
+          backgroundColor: "transparent"
+        },
+        focusStyle: {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }
+});
+var SeparatorLine = styled(View, {
+  name: "DropdownMenuSeparator",
+  height: 1,
+  width: "100%",
+  backgroundColor: componentColors.divider,
+  marginVertical: "$1.5"
+});
+var MENU_ITEM_ATTR = "data-mp1-menu-item";
+function DropdownMenuRoot(param) {
+  var {
+    children,
+    items,
+    open: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    placement = "bottom-start",
+    maxHeight
+  } = param;
+  var [open, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  var triggerRef = useRef(null);
+  var close = useCallback(function () {
+    setOpen(false);
+    if (isWeb) {
+      var node = triggerRef.current;
+      if (node && typeof node.focus === "function") node.focus();
+    }
+  }, [setOpen]);
+  var ctx = useMemo(function () {
+    return {
+      open,
+      setOpen,
+      triggerRef,
+      close
+    };
+  }, [open, setOpen, close]);
+  return /* @__PURE__ */_jsx(DropdownMenuContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */_jsx(Popover, {
+      open,
+      onOpenChange: setOpen,
+      placement,
+      offset: 4,
+      stayInFrame: true,
+      allowFlip: true,
+      children: items ? /* @__PURE__ */_jsxs(_Fragment, {
+        children: [/* @__PURE__ */_jsx(DropdownMenuTrigger, {
+          asChild: /* @__PURE__ */isValidElement(children),
+          children
+        }), /* @__PURE__ */_jsx(DropdownMenuContent, {
+          maxHeight,
+          children: items.map(function (entry, index) {
+            var _entry_key, _entry_key1;
+            return "separator" in entry && entry.separator ? /* @__PURE__ */_jsx(DropdownMenuSeparator, {}, `separator-${index}`) : "checked" in entry && entry.checked !== void 0 ? /* @__PURE__ */_jsx(DropdownMenuCheckboxItem, {
+              checked: entry.checked,
+              onCheckedChange: entry.onCheckedChange,
+              disabled: entry.disabled,
+              disabledReason: entry.disabledReason,
+              shortcut: entry.shortcut,
+              children: entry.label
+            }, (_entry_key = entry.key) !== null && _entry_key !== void 0 ? _entry_key : index) : /* @__PURE__ */_jsx(DropdownMenuItem, {
+              icon: entry.icon,
+              shortcut: entry.shortcut,
+              disabled: entry.disabled,
+              disabledReason: entry.disabledReason,
+              destructive: entry.destructive,
+              onSelect: entry.onSelect,
+              children: entry.label
+            }, (_entry_key1 = entry.key) !== null && _entry_key1 !== void 0 ? _entry_key1 : index);
+          })
+        })]
+      }) : children
+    })
+  });
+}
+var DropdownMenuTrigger = /* @__PURE__ */forwardRef(function DropdownMenuTrigger2(param, forwardedRef) {
+  var {
+    onKeyDown,
+    ...props
+  } = param;
+  var ctx = useDropdownMenuContext("Trigger");
+  var composedRef = useComposedRefs(ctx.triggerRef, forwardedRef);
+  var swallowNextKeyUp = function swallowNextKeyUp2(key) {
+    var kill = function kill1(ue) {
+      if (ue.key === key) {
+        ue.preventDefault();
+        ue.stopImmediatePropagation();
+      }
+      document.removeEventListener("keyup", kill, true);
+    };
+    document.addEventListener("keyup", kill, true);
+  };
+  var handleKeyDown = function handleKeyDown2(e) {
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    if (e.repeat) return;
+    if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+      swallowNextKeyUp(e.key);
+      if (e.defaultPrevented) return;
+      e.preventDefault();
+      if (e.key === "ArrowDown") {
+        if (!ctx.open) ctx.setOpen(true);
+      } else {
+        ctx.setOpen(!ctx.open);
+      }
+    }
+  };
+  return /* @__PURE__ */_jsx(Popover.Trigger, {
+    ref: composedRef,
+    "aria-haspopup": "menu",
+    "aria-expanded": ctx.open,
+    ...(isWeb ? {
+      onKeyDown: handleKeyDown
+    } : void 0),
+    ...props
+  });
+});
+var DropdownMenuContent = /* @__PURE__ */forwardRef(function DropdownMenuContent2(param, forwardedRef) {
+  var {
+    children,
+    maxHeight,
+    minWidth = 200,
+    ...props
+  } = param;
+  var ctx = useDropdownMenuContext("Content");
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var innerRef = useRef(null);
+  var composedRef = useComposedRefs(innerRef, forwardedRef);
+  var typeahead = useRef({
+    buffer: "",
+    at: 0
+  });
+  var getItems = useCallback(function () {
+    var node = innerRef.current;
+    if (!node) return [];
+    return Array.from(node.querySelectorAll(`[${MENU_ITEM_ATTR}]:not([aria-disabled="true"])`));
+  }, []);
+  var focusItem = useCallback(function (el) {
+    el === null || el === void 0 ? void 0 : el.focus();
+  }, []);
+  var handleOpenAutoFocus = useCallback(function (event) {
+    event.preventDefault();
+    requestAnimationFrame(function () {
+      return focusItem(getItems()[0]);
+    });
+  }, [focusItem, getItems]);
+  var handleCloseAutoFocus = useCallback(function (event) {
+    event.preventDefault();
+    var node = ctx.triggerRef.current;
+    if (node && typeof node.focus === "function") node.focus();
+  }, [ctx]);
+  useEffect(function () {
+    if (!isWeb) return;
+    var node = innerRef.current;
+    if (!node) return;
+    var handler = function handler2(event) {
+      var items = getItems();
+      if (!items.length) return;
+      var index = items.indexOf(document.activeElement);
+      switch (event.key) {
+        case "ArrowDown":
+          event.preventDefault();
+          focusItem(items[(index + 1) % items.length]);
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          focusItem(items[(index - 1 + items.length) % items.length]);
+          break;
+        case "Home":
+          event.preventDefault();
+          focusItem(items[0]);
+          break;
+        case "End":
+          event.preventDefault();
+          focusItem(items[items.length - 1]);
+          break;
+        case "Enter":
+        case " ":
+          if (index >= 0) {
+            event.preventDefault();
+            items[index].click();
+          }
+          break;
+        case "Escape":
+          event.preventDefault();
+          event.stopPropagation();
+          ctx.close();
+          break;
+        case "Tab":
+          ctx.close();
+          break;
+        default:
+          {
+            if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
+              var now = Date.now();
+              var state = typeahead.current;
+              state.buffer = now - state.at > 600 ? event.key : state.buffer + event.key;
+              state.at = now;
+              var query = state.buffer.toLowerCase();
+              var start = index >= 0 ? index : 0;
+              var ordered = [...items.slice(start + 1), ...items.slice(0, start + 1)];
+              var match = ordered.find(function (el) {
+                var _el_textContent;
+                return ((_el_textContent = el.textContent) !== null && _el_textContent !== void 0 ? _el_textContent : "").trim().toLowerCase().startsWith(query);
+              });
+              if (match) focusItem(match);
+            }
+          }
+      }
+    };
+    node.addEventListener("keydown", handler);
+    return function () {
+      return node.removeEventListener("keydown", handler);
+    };
+  }, [ctx, focusItem, getItems]);
+  return /* @__PURE__ */_jsx(Popover.Content, {
+    ref: composedRef,
+    role: "menu",
+    ...knobProps.elevatedSurface,
+    // SP-EDGE: the container owns only its border — zero padding on all
+    // four sides. Rows reach every edge; the first/last row highlight
+    // touches the top/bottom border. overflow hidden clips full-width
+    // row highlights to the radius knob.
+    padding: 0,
+    overflow: "hidden",
+    minWidth,
+    transition: knobProps.transition,
+    enterStyle: {
+      opacity: 0,
+      y: -4,
+      scale: 0.97
+    },
+    exitStyle: {
+      opacity: 0,
+      y: -4,
+      scale: 0.97
+    },
+    onOpenAutoFocus: handleOpenAutoFocus,
+    onCloseAutoFocus: handleCloseAutoFocus,
+    ...props,
+    children: /* @__PURE__ */_jsx(YStack, {
+      // SP-EDGE: no container padding — items own all their padding.
+      paddingVertical: 0,
+      width: "100%",
+      ...(maxHeight ? {
+        maxHeight,
+        ...(isWeb ? {
+          style: {
+            overflowY: "auto"
+          }
+        } : {})
+      } : {}),
+      children
+    })
+  });
+});
+var DropdownMenuItemBody = /* @__PURE__ */forwardRef(function DropdownMenuItemBody2(param, forwardedRef) {
+  var {
+    children,
+    icon,
+    shortcut,
+    disabled = false,
+    disabledReason,
+    destructive = false,
+    onSelect,
+    closeOnSelect = true,
+    role = "menuitem",
+    leading,
+    ...props
+  } = param;
+  var _theme_red11, _theme_color12;
+  var ctx = useDropdownMenuContext("Item");
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var theme = useTheme();
+  warnBareDisabled({
+    component: "DropdownMenu.Item",
+    id: typeof children === "string" ? children : void 0,
+    disabled,
+    disabledReason
+  });
+  var explainedDisable = disabled && Boolean(disabledReason === null || disabledReason === void 0 ? void 0 : disabledReason.trim());
+  var iconColor = destructive ? (_theme_red11 = theme.red11) === null || _theme_red11 === void 0 ? void 0 : _theme_red11.get() : (_theme_color12 = theme.color12) === null || _theme_color12 === void 0 ? void 0 : _theme_color12.get();
+  var handleSelect = function handleSelect2() {
+    if (disabled) return;
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect();
+    if (closeOnSelect) ctx.close();
+  };
+  var textColor = destructive ? "$red11" : componentColors.text.primary;
+  return /* @__PURE__ */_jsxs(ItemRow, {
+    ref: forwardedRef,
+    role,
+    disabled,
+    "aria-disabled": disabled || void 0,
+    minHeight: knobProps.sizeToken,
+    transition: knobProps.transition,
+    onPress: handleSelect,
+    ...(isWeb ? {
+      tabIndex: -1,
+      [MENU_ITEM_ATTR]: ""
+    } :
+    // Enter/Space activation is handled by the menu-level native
+    // keydown listener in Content (single source, no double-fire).
+    {}),
+    ...(destructive && !disabled ? {
+      hoverStyle: {
+        backgroundColor: "$red3"
+      },
+      pressStyle: {
+        backgroundColor: "$red4"
+      },
+      focusStyle: {
+        backgroundColor: "$red3"
+      },
+      focusVisibleStyle: {
+        backgroundColor: "$red3"
+      }
+    } : {}),
+    ...(explainedDisable ? {
+      paddingVertical: "$1.5"
+    } : {}),
+    ...props,
+    children: [leading, icon ? /* @__PURE__ */_jsx(View, {
+      flexShrink: 0,
+      alignItems: "center",
+      justifyContent: "center",
+      width: 18,
+      ...(isWeb ? {
+        style: {
+          color: iconColor
+        }
+      } : {}),
+      children: icon
+    }) : null, explainedDisable ?
+    // DG-ST-03: the reason renders inline under the label — visible
+    // without hover (DG-OVL-05) and read as part of the item.
+    /* @__PURE__ */
+    _jsxs(YStack, {
+      flexGrow: 1,
+      flexShrink: 1,
+      gap: "$0.5",
+      children: [/* @__PURE__ */_jsx(Text, {
+        ...knobProps.body,
+        color: textColor,
+        fontSize: "$3",
+        numberOfLines: 1,
+        children
+      }), /* @__PURE__ */_jsx(Text, {
+        ...knobProps.body,
+        color: componentColors.text.muted,
+        fontSize: "$1",
+        "data-mp-disabled-reason": "true",
+        children: disabledReason
+      })]
+    }) : /* @__PURE__ */_jsx(Text, {
+      ...knobProps.body,
+      color: textColor,
+      fontSize: "$3",
+      numberOfLines: 1,
+      flexGrow: 1,
+      flexShrink: 1,
+      children
+    }), shortcut ? /* @__PURE__ */_jsx(Text, {
+      ...knobProps.body,
+      color: componentColors.text.muted,
+      fontSize: "$1",
+      flexShrink: 0,
+      marginInlineStart: "$4",
+      opacity: 0.9,
+      children: shortcut
+    }) : null]
+  });
+});
+var DropdownMenuItem = /* @__PURE__ */forwardRef(function DropdownMenuItem2(props, ref) {
+  if (props.destructive) {
+    return /* @__PURE__ */_jsx(Intent, {
+      name: "error",
+      children: /* @__PURE__ */_jsx(DropdownMenuItemBody, {
+        ref,
+        ...props
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(DropdownMenuItemBody, {
+    ref,
+    ...props
+  });
+});
+var DropdownMenuCheckboxItem = /* @__PURE__ */forwardRef(function DropdownMenuCheckboxItem2(param, ref) {
+  var {
+    checked,
+    onCheckedChange,
+    closeOnSelect = false,
+    ...props
+  } = param;
+  return /* @__PURE__ */_jsx(DropdownMenuItemBody, {
+    ref,
+    role: "menuitemcheckbox",
+    "aria-checked": checked,
+    closeOnSelect,
+    onSelect: function onSelect() {
+      return onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(!checked);
+    },
+    leading: /* @__PURE__ */_jsx(View, {
+      width: 18,
+      flexShrink: 0,
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: checked ? 1 : 0,
+      children: /* @__PURE__ */_jsx(CheckIcon, {
+        size: 14,
+        weight: "bold"
+      })
+    }),
+    ...props
+  });
+});
+function DropdownMenuSeparator(props) {
+  return /* @__PURE__ */_jsx(SeparatorLine, {
+    role: "separator",
+    ...hairline.height,
+    ...props
+  });
+}
+function DropdownMenuLabel(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(Text, {
+    ...knobProps.body,
+    fontWeight: "600",
+    fontSize: "$1",
+    color: componentColors.text.muted,
+    paddingHorizontal: "$3",
+    paddingVertical: "$1.5",
+    userSelect: "none",
+    ...props,
+    children
+  });
+}
+var DropdownMenu = withStaticProperties(DropdownMenuRoot, {
+  Trigger: DropdownMenuTrigger,
+  Content: DropdownMenuContent,
+  Item: DropdownMenuItem,
+  CheckboxItem: DropdownMenuCheckboxItem,
+  Separator: DropdownMenuSeparator,
+  Label: DropdownMenuLabel
+});
+export { DropdownMenu };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","createContext","forwardRef","isValidElement","useCallback","useContext","useEffect","useMemo","useRef","Intent","hairline","menuRowFrame","useResolvedKnobs","warnBareDisabled","CheckIcon","Popover","Text","View","XStack","YStack","isWeb","styled","useComposedRefs","useControllableState","useTheme","withStaticProperties","componentColors","DropdownMenuContext","useDropdownMenuContext","part","ctx","Error","ItemRow","name","gap","cursor","hoverStyle","backgroundColor","interactive","hover","pressStyle","active","focusStyle","outlineStyle","focusVisibleStyle","variants","disabled","true","opacity","SeparatorLine","height","width","divider","marginVertical","MENU_ITEM_ATTR","DropdownMenuRoot","param","children","items","open","openProp","defaultOpen","onOpenChange","placement","maxHeight","setOpen","prop","defaultProp","onChange","triggerRef","close","node","current","focus","Provider","value","offset","stayInFrame","allowFlip","DropdownMenuTrigger","asChild","DropdownMenuContent","map","entry","index","_entry_key","_entry_key1","separator","DropdownMenuSeparator","checked","DropdownMenuCheckboxItem","onCheckedChange","disabledReason","shortcut","label","key","DropdownMenuItem","icon","destructive","onSelect","DropdownMenuTrigger2","forwardedRef","onKeyDown","props","composedRef","swallowNextKeyUp","swallowNextKeyUp2","kill","kill1","ue","preventDefault","stopImmediatePropagation","document","removeEventListener","addEventListener","handleKeyDown","handleKeyDown2","e","repeat","defaultPrevented","Trigger","ref","DropdownMenuContent2","minWidth","knobProps","innerRef","typeahead","buffer","at","getItems","Array","from","querySelectorAll","focusItem","el","handleOpenAutoFocus","event","requestAnimationFrame","handleCloseAutoFocus","handler","handler2","length","indexOf","activeElement","click","stopPropagation","ctrlKey","metaKey","altKey","now","Date","state","query","toLowerCase","start","ordered","slice","match","find","_el_textContent","textContent","trim","startsWith","Content","role","elevatedSurface","padding","overflow","transition","enterStyle","y","scale","exitStyle","onOpenAutoFocus","onCloseAutoFocus","paddingVertical","style","overflowY","DropdownMenuItemBody","DropdownMenuItemBody2","closeOnSelect","leading","_theme_red11","_theme_color12","theme","component","id","explainedDisable","Boolean","iconColor","red11","get","color12","handleSelect","handleSelect2","textColor","text","primary","minHeight","sizeToken","onPress","tabIndex","flexShrink","alignItems","justifyContent","color","flexGrow","body","fontSize","numberOfLines","muted","marginInlineStart","DropdownMenuItem2","DropdownMenuCheckboxItem2","size","weight","DropdownMenuLabel"],"sources":["../../../src/DropdownMenu/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ErrorBoundary/index.mjs

@@ -1,8 +1,24 @@
 import { Component } from "react";
+import { useTranslation } from "react-i18next";
 import { Button } from "@multiplatform.one/forms";
 import { H2, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const logger = console;
+function ErrorFallback({
+  onRetry
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */jsxs(YStack, {
+    children: [/* @__PURE__ */jsx(H2, {
+      children: t("Oops, there is an error!")
+    }), /* @__PURE__ */jsx(Button, {
+      onPress: onRetry,
+      children: t("Try again?")
+    })]
+  });
+}
 class ErrorBoundary extends Component {
   static getDerivedStateFromError(_err) {
     return {
@@ -23,15 +39,10 @@ class ErrorBoundary extends Component {
       if (this.props.noMessage) {
         return null;
       }
-      return /* @__PURE__ */jsxs(YStack, {
-        children: [/* @__PURE__ */jsx(H2, {
-          children: "Oops, there is an error!"
-        }), /* @__PURE__ */jsx(Button, {
-          onPress: () => this.setState({
-            hasError: false
-          }),
-          children: "Try again?"
-        })]
+      return /* @__PURE__ */jsx(ErrorFallback, {
+        onRetry: () => this.setState({
+          hasError: false
+        })
       });
     }
     return this.props.children;

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

@@ -1 +1 @@
-{"version":3,"names":["Component","Button","H2","YStack","jsx","jsxs","logger","console","ErrorBoundary","getDerivedStateFromError","_err","hasError","state","componentDidCatch","err","errorInfo","info","error","render","props","noMessage","children","onPress","setState"],"sources":["../../../src/ErrorBoundary/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,QAAiB;AAC1B,SAASC,MAAA,QAAc;AACvB,SAASC,EAAA,EAAIC,MAAA,QAAc;AA+BnB,SACEC,GAAA,EADFC,IAAA;AA7BR,MAAMC,MAAA,GAASC,OAAA;AAYR,MAAMC,aAAA,SAAsBR,SAAA,CAAkD;EACnF,OAAOS,yBAAyBC,IAAA,EAAiC;IAC/D,OAAO;MAAEC,QAAA,EAAU;IAAK;EAC1B;EAEAC,KAAA,GAA4B;IAAED,QAAA,EAAU;EAAM;EAE9CE,kBAAkBC,GAAA,EAAYC,SAAA,EAAsB;IAClDT,MAAA,CAAOU,IAAA,CAAK;MAAEC,KAAA,EAAOH,GAAA;MAAKC;IAAU,CAAC;EACvC;EAEAG,OAAA,EAAS;IACP,IAAI,KAAKN,KAAA,CAAMD,QAAA,EAAU;MACvB,IAAI,KAAKQ,KAAA,CAAMC,SAAA,EAAW;QACxB,OAAO;MACT;MACA,OACE,eAAAf,IAAA,CAACF,MAAA;QACCkB,QAAA,kBAAAjB,GAAA,CAACF,EAAA;UAAGmB,QAAA;QAAA,CAAwB,GAC5B,eAAAjB,GAAA,CAACH,MAAA;UAAOqB,OAAA,EAASA,CAAA,KAAM,KAAKC,QAAA,CAAS;YAAEZ,QAAA,EAAU;UAAM,CAAC;UAAGU,QAAA;QAAA,CAAU;MAAA,CACvE;IAEJ;IACA,OAAO,KAAKF,KAAA,CAAME,QAAA;EACpB;AACF","ignoreList":[]}
+{"version":3,"names":["Component","useTranslation","Button","H2","YStack","jsx","jsxs","logger","console","ErrorFallback","onRetry","t","children","onPress","ErrorBoundary","getDerivedStateFromError","_err","hasError","state","componentDidCatch","err","errorInfo","info","error","render","props","noMessage","setState"],"sources":["../../../src/ErrorBoundary/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,QAAiB;AAC1B,SAASC,cAAA,QAAsB;AAC/B,SAASC,MAAA,QAAc;AACvB,SAASC,EAAA,EAAIC,MAAA,QAAc;AAiBvB,SACEC,GAAA,EADFC,IAAA;AAfJ,MAAMC,MAAA,GAASC,OAAA;AAYf,SAASC,cAAc;EAAEC;AAAQ,GAA4B;EAC3D,MAAM;IAAEC;EAAE,IAAIV,cAAA,CAAe;EAC7B,OACE,eAAAK,IAAA,CAACF,MAAA;IACCQ,QAAA,kBAAAP,GAAA,CAACF,EAAA;MAAIS,QAAA,EAAAD,CAAA,CAAE,0BAA0B;IAAA,CAAE,GACnC,eAAAN,GAAA,CAACH,MAAA;MAAOW,OAAA,EAASH,OAAA;MAAUE,QAAA,EAAAD,CAAA,CAAE,YAAY;IAAA,CAAE;EAAA,CAC7C;AAEJ;AAEO,MAAMG,aAAA,SAAsBd,SAAA,CAAkD;EACnF,OAAOe,yBAAyBC,IAAA,EAAiC;IAC/D,OAAO;MAAEC,QAAA,EAAU;IAAK;EAC1B;EAEAC,KAAA,GAA4B;IAAED,QAAA,EAAU;EAAM;EAE9CE,kBAAkBC,GAAA,EAAYC,SAAA,EAAsB;IAClDd,MAAA,CAAOe,IAAA,CAAK;MAAEC,KAAA,EAAOH,GAAA;MAAKC;IAAU,CAAC;EACvC;EAEAG,OAAA,EAAS;IACP,IAAI,KAAKN,KAAA,CAAMD,QAAA,EAAU;MACvB,IAAI,KAAKQ,KAAA,CAAMC,SAAA,EAAW;QACxB,OAAO;MACT;MACA,OAAO,eAAArB,GAAA,CAACI,aAAA;QAAcC,OAAA,EAASA,CAAA,KAAM,KAAKiB,QAAA,CAAS;UAAEV,QAAA,EAAU;QAAM,CAAC;MAAA,CAAG;IAC3E;IACA,OAAO,KAAKQ,KAAA,CAAMb,QAAA;EACpB;AACF","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Component } from "react";
+import { useTranslation } from "react-i18next";
 import { Button } from "@multiplatform.one/forms";
 import { H2, YStack } from "tamagui";
 function _assert_this_initialized(self) {
@@ -90,6 +91,22 @@ function _is_native_reflect_construct() {
   })();
 }
 var logger = console;
+function ErrorFallback(param) {
+  var {
+    onRetry
+  } = param;
+  var {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */_jsxs(YStack, {
+    children: [/* @__PURE__ */_jsx(H2, {
+      children: t("Oops, there is an error!")
+    }), /* @__PURE__ */_jsx(Button, {
+      onPress: onRetry,
+      children: t("Try again?")
+    })]
+  });
+}
 var ErrorBoundary = /* @__PURE__ */function (Component2) {
   "use strict";
 
@@ -118,17 +135,12 @@ var ErrorBoundary = /* @__PURE__ */function (Component2) {
         if (this.props.noMessage) {
           return null;
         }
-        return /* @__PURE__ */_jsxs(YStack, {
-          children: [/* @__PURE__ */_jsx(H2, {
-            children: "Oops, there is an error!"
-          }), /* @__PURE__ */_jsx(Button, {
-            onPress: function onPress() {
-              return _this.setState({
-                hasError: false
-              });
-            },
-            children: "Try again?"
-          })]
+        return /* @__PURE__ */_jsx(ErrorFallback, {
+          onRetry: function onRetry() {
+            return _this.setState({
+              hasError: false
+            });
+          }
         });
       }
       return this.props.children;

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Component","Button","H2","YStack","_assert_this_initialized","self","ReferenceError","_call_super","_this","derived","args","_get_prototype_of","_possible_constructor_return","_is_native_reflect_construct","Reflect","construct","constructor","apply","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key"],"sources":["../../../src/ErrorBoundary/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAiB,IAAAC,KAAA;AAC1B,SAASC,SAAA,QAAc;AACvB,SAASC,MAAI,kCAAc;AA+BnB,SACEC,EAAA,EAAAC,MADF;AA7BR,SAAMC,wBAASA,CAAAC,IAAA;EAYR,IAAMA,IAAA;IACX,MAAO,IAAAC,cAAA,4DAA0D;EAC/D;EACF,OAAAD,IAAA;AAAA;AAE8C,SAE9CE,WAAkBA,CAAAC,KAAY,EAAAC,OAAA,EAAsBC,IAAA;EAClDD,OAAA,GAAOE,iBAAc,CAAKF,OAAA;EAC5B,OAAAG,4BAAA,CAAAJ,KAAA,EAAAK,4BAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,OAAA,EAAAC,IAAA,QAAAC,iBAAA,CAAAH,KAAA,EAAAQ,WAAA,IAAAP,OAAA,CAAAQ,KAAA,CAAAT,KAAA,EAAAE,IAAA;AAAA;AAGE,SAAIQ,iBAAWA,CAAAC,QAAU,EAAAC,WAAA;EACvB,MAAAD,QAAS,YAAMC,WAAW;IACxB,UAAAC,SAAO;EAAA;AAET;AAEI,SAAAC,kBAAAC,MAAC,EAAGC,KAAA;EAAwB,SAC5BC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAACE,MAAA,EAAAD,CAAA,EAAO;IAA6D,IAAAE,UACvE,GAAAH,KAAA,CAAAC,CAAA;IAEJE,UAAA,CAAAC,UAAA,GAAAD,UAAA,CAAAC,UAAA;IACAD,UAAO,CAAAE,YAAW;IACpB,eAAAF,UAAA,EAAAA,UAAA,CAAAG,QAAA;IACFC,MAAA,CAAAC,cAAA,CAAAT,MAAA,EAAAI,UAAA,CAAAM,GAAA,EAAAN,UAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Component","useTranslation","Button","H2","YStack","_assert_this_initialized","self","ReferenceError","_call_super","_this","derived","args","_get_prototype_of","_possible_constructor_return","_is_native_reflect_construct","Reflect","construct","constructor","apply","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype"],"sources":["../../../src/ErrorBoundary/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAiB,IAAAC,KAAA;AAC1B,SAASC,SAAA,eAAsB;AAC/B,SAASC,cAAc;AACvB,SAASC,MAAI,kCAAc;AAiBvB,SACEC,EAAA,EAAAC,MADF;AAfJ,SAAMC,wBAASA,CAAAC,IAAA;EAYf,IAAAA,IAAS,aAAc;IACrB,MAAQ,IAAEC,cAAI,4DAAe;EAC7B;EAEI,OAAAD,IAAA;AAAmC;AACQ,SAC7CE,YAAAC,KAAA,EAAAC,OAAA,EAAAC,IAAA;EAEJD,OAAA,GAAAE,iBAAA,CAAAF,OAAA;EAEO,OAAMG,4BAAsB,CAAkDJ,KAAA,EAAAK,4BAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,OAAA,EAAAC,IAAA,QAAAC,iBAAA,CAAAH,KAAA,EAAAQ,WAAA,IAAAP,OAAA,CAAAQ,KAAA,CAAAT,KAAA,EAAAE,IAAA;AAAA;AAEjF,SAAAQ,iBAAmBA,CAAAC,QAAK,EAAAC,WAAA;EAC1B,MAAAD,QAAA,YAAAC,WAAA;IAEA,MAA4B,IAAEC,SAAU,oCAAM;EAE9C;AACE;AAAqC,SACvCC,kBAAAC,MAAA,EAAAC,KAAA;EAEA,SAASC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IACP,IAAIE,UAAK,GAAMH,KAAA,CAAAC,CAAA,CAAU;IACvBE,UAAI,CAAKC,UAAM,GAAAD,UAAW,CAAAC,UAAA;IACxBD,UAAA,CAAOE,YAAA;IAAA,IACT,WAAAF,UAAA,EAAAA,UAAA,CAAAG,QAAA;IACAC,MAAA,CAAAC,cAAO,CAAAT,MAAA,EAACI,UAAA,CAAAM,GAAA,EAAcN,UAAS;EAA0C;AAE3E;AAAkB,SACpBO,cAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAA;EACF,IAAAD,UAAA,EAAAb,iBAAA,CAAAF,WAAA,CAAAiB,SAAA,EAAAF,UAAA","ignoreList":[]}