@overmap-ai/blocks 1.0.17-add-error-boundary-component.2 → 1.0.17-add-error-boundary-component.4

package/dist/OvermapErrorBoundary/OvermapErrorBoundary.d.ts

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

package/dist/blocks.js

@@ -2262,11 +2262,13 @@ const _Separator = forwardRef(function Separator2({
   );
 });
 const Separator = memo(_Separator);
-const ErrorFallback = memo(() => {
+const centerStyles = { placeSelf: "center" };
+const ErrorFallback = memo((props) => {
+  const { absoluteCentering } = props;
   const { resetBoundary } = useErrorBoundary();
   const height = "20px";
-  const centerStyles = { placeSelf: "center" };
-  return /* @__PURE__ */ jsxs(Flex, { gap: "2", direction: "row", children: [
+  const outerFlexStyles = absoluteCentering ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0;
+  return /* @__PURE__ */ jsxs(Flex, { gap: "2", direction: "row", width: "100%", style: outerFlexStyles, children: [
     /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
     /* @__PURE__ */ jsx(FeatherIcon, { icon: "alert-triangle", size: height, style: centerStyles }),
     /* @__PURE__ */ jsx(Text$1, { style: { lineHeight: height, ...centerStyles }, children: "Something went wrong" }),
@@ -2286,10 +2288,11 @@ const ErrorFallback = memo(() => {
 });
 ErrorFallback.displayName = "ErrorFallback";
 const OvermapErrorBoundary = memo((props) => {
+  const { absoluteCentering } = props;
   const logError = useCallback((error, info) => {
     console.error(error, info);
   }, []);
-  return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(ErrorFallback, {}), onError: logError, children: props.children });
+  return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(ErrorFallback, { absoluteCentering }), onError: logError, children: props.children });
 });
 OvermapErrorBoundary.displayName = "OvermapErrorBoundary";
 function _extends() {