@overmap-ai/blocks 1.0.30-softer-icon-error.0 → 1.0.30

package/README.md

@@ -1,3 +1,3 @@
-# overmap-ai blocks
-
-Contains basic components used by overmap-ai libraries.
+# overmap-ai blocks
+
+Contains basic components used by overmap-ai libraries.

package/dist/OvermapErrorBoundary/OvermapErrorBoundary.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface ErrorBoundaryProps extends React.PropsWithChildren {
     absoluteCentering?: boolean;
+    message?: string;
 }
-export declare const OvermapErrorBoundary: React.MemoExoticComponent<(props: ErrorBoundaryProps) => import("react/jsx-runtime").JSX.Element>;
-export {};
+declare const OvermapErrorBoundary: React.MemoExoticComponent<(props: ErrorBoundaryProps) => import("react/jsx-runtime").JSX.Element>;
+export default OvermapErrorBoundary;

package/dist/blocks.js

@@ -2727,20 +2727,24 @@ const _Separator = forwardRef(function Separator2({
 const Separator$1 = memo(_Separator);
 const centerStyles = { placeSelf: "center" };
 const ErrorFallback = memo((props) => {
-  const { absoluteCentering } = props;
+  const { absoluteCentering, message = "Something went wrong", onRetry } = props;
   const { resetBoundary } = useErrorBoundary();
   const height = "20px";
   const outerFlexStyles = absoluteCentering ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0;
+  const handleRetry = useCallback(() => {
+    resetBoundary();
+    onRetry();
+  }, [onRetry, resetBoundary]);
   return /* @__PURE__ */ jsxs(Flex, { gap: "2", direction: "row", width: "100%", style: outerFlexStyles, children: [
     /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
     /* @__PURE__ */ jsx(RiIcon, { icon: "RiAlertLine", size: height, style: centerStyles }),
-    /* @__PURE__ */ jsx(Text$1, { style: { lineHeight: height, ...centerStyles }, children: "Something went wrong" }),
+    /* @__PURE__ */ jsx(Text$1, { style: { lineHeight: height, ...centerStyles }, children: message }),
     /* @__PURE__ */ jsx(
       IconButton,
       {
         "aria-label": "Try again",
         variant: "soft",
-        onClick: resetBoundary,
+        onClick: handleRetry,
         style: centerStyles,
         hoverEffects: ["spin180Clockwise"],
         children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiLoopLeftLine", size: height })
@@ -2751,11 +2755,24 @@ const ErrorFallback = memo((props) => {
 });
 ErrorFallback.displayName = "ErrorFallback";
 const OvermapErrorBoundary = memo((props) => {
-  const { absoluteCentering } = props;
+  const { absoluteCentering, message } = props;
+  const [attempt, setAttempt] = React.useState(0);
   const logError = useCallback((error, info) => {
     console.error(error, info);
+    setAttempt((prev) => prev + 1);
   }, []);
-  return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(ErrorFallback, { absoluteCentering }), onError: logError, children: props.children });
+  const handleRetry = useCallback(() => {
+    setAttempt((prev) => prev + 1);
+  }, []);
+  return /* @__PURE__ */ jsx(
+    ErrorBoundary,
+    {
+      fallback: /* @__PURE__ */ jsx(ErrorFallback, { absoluteCentering, message, onRetry: handleRetry }),
+      onError: logError,
+      children: props.children
+    },
+    attempt
+  );
 });
 OvermapErrorBoundary.displayName = "OvermapErrorBoundary";
 const OvermapInputItem$1 = "_OvermapInputItem_1jgzv_1";
@@ -5040,7 +5057,6 @@ export {
   DropdownMenu as OvermapDropdownMenu,
   DropdownMultiSelect as OvermapDropdownMultiSelect,
   DropdownSelect as OvermapDropdownSelect,
-  OvermapErrorBoundary,
   OvermapInputItem,
   OvermapItem,
   OvermapItemGroup,