elseware-ui 2.36.7 → 2.36.9

package/dist/index.d.mts

@@ -2231,14 +2231,15 @@ interface AsyncComponentWrapperProps {
     errorFallback?: React__default.ReactNode | ((message: string) => React__default.ReactNode);
     showFetchingIndicator?: boolean;
     showLoadingOnRetry?: boolean;
-    onRetry?: () => void;
+    retryLoadingFallbackMs?: number;
+    onRetry?: () => void | Promise<unknown>;
     errorFormatter?: (error: unknown) => string;
     className?: string;
     contentClassName?: string;
     stateClassName?: string;
 }
 
-declare function AsyncComponentWrapper({ children, isLoading, isFetching, isSuccess, isError, isUninitialized, error, isEmpty, loadingText, fetchingText, emptyTitle, emptyText, errorTitle, retryText, loadingType, skeletonCount, skeletonClassName, skeletonWrapperClassName, spinnerProps, fetchingSpinnerProps, loadingFallback, emptyFallback, errorFallback, showFetchingIndicator, showLoadingOnRetry, onRetry, errorFormatter, className, contentClassName, stateClassName, }: AsyncComponentWrapperProps): React__default.JSX.Element | null;
+declare function AsyncComponentWrapper({ children, isLoading, isFetching, isSuccess, isError, isUninitialized, error, isEmpty, loadingText, fetchingText, emptyTitle, emptyText, errorTitle, retryText, loadingType, skeletonCount, skeletonClassName, skeletonWrapperClassName, spinnerProps, fetchingSpinnerProps, loadingFallback, emptyFallback, errorFallback, showFetchingIndicator, showLoadingOnRetry, retryLoadingFallbackMs, onRetry, errorFormatter, className, contentClassName, stateClassName, }: AsyncComponentWrapperProps): React__default.JSX.Element | null;
 declare const _default: React__default.MemoExoticComponent<typeof AsyncComponentWrapper>;
 
 interface GlowWrapperProps {

package/dist/index.d.ts

@@ -2231,14 +2231,15 @@ interface AsyncComponentWrapperProps {
     errorFallback?: React__default.ReactNode | ((message: string) => React__default.ReactNode);
     showFetchingIndicator?: boolean;
     showLoadingOnRetry?: boolean;
-    onRetry?: () => void;
+    retryLoadingFallbackMs?: number;
+    onRetry?: () => void | Promise<unknown>;
     errorFormatter?: (error: unknown) => string;
     className?: string;
     contentClassName?: string;
     stateClassName?: string;
 }
 
-declare function AsyncComponentWrapper({ children, isLoading, isFetching, isSuccess, isError, isUninitialized, error, isEmpty, loadingText, fetchingText, emptyTitle, emptyText, errorTitle, retryText, loadingType, skeletonCount, skeletonClassName, skeletonWrapperClassName, spinnerProps, fetchingSpinnerProps, loadingFallback, emptyFallback, errorFallback, showFetchingIndicator, showLoadingOnRetry, onRetry, errorFormatter, className, contentClassName, stateClassName, }: AsyncComponentWrapperProps): React__default.JSX.Element | null;
+declare function AsyncComponentWrapper({ children, isLoading, isFetching, isSuccess, isError, isUninitialized, error, isEmpty, loadingText, fetchingText, emptyTitle, emptyText, errorTitle, retryText, loadingType, skeletonCount, skeletonClassName, skeletonWrapperClassName, spinnerProps, fetchingSpinnerProps, loadingFallback, emptyFallback, errorFallback, showFetchingIndicator, showLoadingOnRetry, retryLoadingFallbackMs, onRetry, errorFormatter, className, contentClassName, stateClassName, }: AsyncComponentWrapperProps): React__default.JSX.Element | null;
 declare const _default: React__default.MemoExoticComponent<typeof AsyncComponentWrapper>;
 
 interface GlowWrapperProps {

package/dist/index.js

@@ -21078,14 +21078,12 @@ function AsyncStateCard({
   className
 }) {
   const isError = type === "error";
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-[240px] w-full items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     Card_default,
     {
-      bgVariant: "default",
+      ghost: true,
       borderVariant: isError ? "danger" : "secondary",
-      shape: "softRoundedSquare",
-      hoverAnimation: "softLift",
-      styles: cn("w-full max-w-xl", className),
+      styles: cn("w-full", className),
       children: /* @__PURE__ */ jsxRuntime.jsx(CardContent_default, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center gap-5 px-4 py-8 text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -21098,7 +21096,7 @@ function AsyncStateCard({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-eui-dark-900 dark:text-eui-light-50", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-eui-dark-900 dark:text-eui-light-600", children: title }),
           isError ? /* @__PURE__ */ jsxRuntime.jsx(FormResponse_default, { text: message, variant: "danger" }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-eui-dark-500 dark:text-eui-light-400", children: message })
         ] }),
         onAction && actionText && /* @__PURE__ */ jsxRuntime.jsx(
@@ -21110,13 +21108,12 @@ function AsyncStateCard({
             disabled: actionLoading,
             onClick: onAction,
             variant: isError ? "danger" : "primary",
-            appearance: "solid",
             size: "sm"
           }
         )
       ] }) })
     }
-  ) });
+  );
 }
 var AsyncStateCard_default = React2__default.default.memo(AsyncStateCard);
 
@@ -21170,18 +21167,58 @@ function AsyncComponentWrapper({
   errorFallback,
   showFetchingIndicator = true,
   showLoadingOnRetry = true,
+  retryLoadingFallbackMs = 700,
   onRetry,
   errorFormatter,
   className,
   contentClassName,
   stateClassName
 }) {
+  const [isRetrying, setIsRetrying] = React2.useState(false);
+  const retryTimerRef = React2.useRef(null);
   const errorMessage = React2.useMemo(() => {
     if (!isError) return "";
     return errorFormatter ? errorFormatter(error) : getDefaultErrorMessage(error);
   }, [isError, error, errorFormatter]);
   const hasSuccess = isSuccess ?? (!isLoading && !isError && !isUninitialized);
-  const shouldShowLoading = isLoading || showLoadingOnRetry && isFetching && isError;
+  const shouldShowRetryLoading = showLoadingOnRetry && (isRetrying || isFetching && isError);
+  const shouldShowLoading = isLoading || shouldShowRetryLoading;
+  const clearRetryTimer = React2.useCallback(() => {
+    if (retryTimerRef.current) {
+      clearTimeout(retryTimerRef.current);
+      retryTimerRef.current = null;
+    }
+  }, []);
+  const handleRetry = React2.useCallback(() => {
+    if (!onRetry) return;
+    clearRetryTimer();
+    setIsRetrying(true);
+    try {
+      const result = onRetry();
+      if (result && typeof result === "object" && "finally" in result) {
+        void result.finally(() => {
+          setIsRetrying(false);
+        });
+        return;
+      }
+      retryTimerRef.current = setTimeout(() => {
+        setIsRetrying(false);
+      }, retryLoadingFallbackMs);
+    } catch (retryError) {
+      setIsRetrying(false);
+      throw retryError;
+    }
+  }, [onRetry, clearRetryTimer, retryLoadingFallbackMs]);
+  React2.useEffect(() => {
+    if (!isLoading && !isFetching && !isError) {
+      setIsRetrying(false);
+    }
+  }, [isLoading, isFetching, isError]);
+  React2.useEffect(() => {
+    return () => {
+      clearRetryTimer();
+    };
+  }, [clearRetryTimer]);
   const renderLoading = () => {
     if (loadingFallback) return loadingFallback;
     if (loadingType === "skeleton") {
@@ -21211,8 +21248,8 @@ function AsyncComponentWrapper({
         title: errorTitle,
         message: errorMessage,
         actionText: onRetry ? retryText : void 0,
-        actionLoading: false,
-        onAction: onRetry,
+        actionLoading: isRetrying,
+        onAction: handleRetry,
         className: stateClassName
       }
     );