elseware-ui 2.36.6 → 2.36.7

package/dist/index.d.mts

@@ -2230,6 +2230,7 @@ interface AsyncComponentWrapperProps {
     emptyFallback?: React__default.ReactNode;
     errorFallback?: React__default.ReactNode | ((message: string) => React__default.ReactNode);
     showFetchingIndicator?: boolean;
+    showLoadingOnRetry?: boolean;
     onRetry?: () => void;
     errorFormatter?: (error: unknown) => string;
     className?: string;
@@ -2237,7 +2238,7 @@ interface AsyncComponentWrapperProps {
     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, 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, 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

@@ -2230,6 +2230,7 @@ interface AsyncComponentWrapperProps {
     emptyFallback?: React__default.ReactNode;
     errorFallback?: React__default.ReactNode | ((message: string) => React__default.ReactNode);
     showFetchingIndicator?: boolean;
+    showLoadingOnRetry?: boolean;
     onRetry?: () => void;
     errorFormatter?: (error: unknown) => string;
     className?: string;
@@ -2237,7 +2238,7 @@ interface AsyncComponentWrapperProps {
     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, 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, 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

@@ -21073,32 +21073,31 @@ function AsyncStateCard({
   title,
   message,
   actionText,
-  actionLoading,
+  actionLoading = false,
   onAction,
   className
 }) {
   const isError = type === "error";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-[240px] w-full items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+    Card_default,
     {
-      className: cn(
-        "flex min-h-[220px] w-full items-center justify-center rounded-xl border p-6",
-        "border-eui-dark-300/10 bg-white/70 shadow-sm",
-        "dark:border-eui-light-400/10 dark:bg-eui-dark-900/40",
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-md flex-col items-center gap-4 text-center", children: [
+      bgVariant: "default",
+      borderVariant: isError ? "danger" : "secondary",
+      shape: "softRoundedSquare",
+      hoverAnimation: "softLift",
+      styles: cn("w-full max-w-xl", 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",
           {
             className: cn(
               "flex h-12 w-12 items-center justify-center rounded-full text-xl font-bold",
-              isError ? "bg-eui-danger-500/10 text-eui-danger-500" : "bg-eui-dark-500/10 text-eui-dark-500 dark:bg-eui-light-500/10 dark:text-eui-light-400"
+              isError ? "bg-eui-danger-500/10 text-eui-danger-500" : "bg-eui-secondary-500/10 text-eui-secondary-500"
             ),
             children: isError ? "!" : "\u2013"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__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 }),
           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 })
         ] }),
@@ -21115,9 +21114,9 @@ function AsyncStateCard({
             size: "sm"
           }
         )
-      ] })
+      ] }) })
     }
-  );
+  ) });
 }
 var AsyncStateCard_default = React2__default.default.memo(AsyncStateCard);
 
@@ -21170,6 +21169,7 @@ function AsyncComponentWrapper({
   emptyFallback,
   errorFallback,
   showFetchingIndicator = true,
+  showLoadingOnRetry = true,
   onRetry,
   errorFormatter,
   className,
@@ -21181,6 +21181,7 @@ function AsyncComponentWrapper({
     return errorFormatter ? errorFormatter(error) : getDefaultErrorMessage(error);
   }, [isError, error, errorFormatter]);
   const hasSuccess = isSuccess ?? (!isLoading && !isError && !isUninitialized);
+  const shouldShowLoading = isLoading || showLoadingOnRetry && isFetching && isError;
   const renderLoading = () => {
     if (loadingFallback) return loadingFallback;
     if (loadingType === "skeleton") {
@@ -21210,7 +21211,7 @@ function AsyncComponentWrapper({
         title: errorTitle,
         message: errorMessage,
         actionText: onRetry ? retryText : void 0,
-        actionLoading: isFetching,
+        actionLoading: false,
         onAction: onRetry,
         className: stateClassName
       }
@@ -21228,7 +21229,7 @@ function AsyncComponentWrapper({
       }
     );
   };
-  if (isLoading) {
+  if (shouldShowLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className, "aria-live": "polite", children: renderLoading() });
   }
   if (isError) {