elseware-ui 2.36.4 → 2.36.5

package/dist/index.mjs

@@ -21046,10 +21046,10 @@ var getDefaultErrorMessage = (error) => {
   if (error instanceof Error) return error.message;
   if (typeof error === "object") {
     const anyErr = error;
-    if (anyErr?.data?.message && typeof anyErr.data.message === "string") {
+    if (typeof anyErr?.data?.message === "string") {
       return anyErr.data.message;
     }
-    if (anyErr?.message && typeof anyErr.message === "string") {
+    if (typeof anyErr?.message === "string") {
       return anyErr.message;
     }
     if (anyErr?.status) {
@@ -21065,20 +21065,107 @@ var getDefaultErrorMessage = (error) => {
 };
 function AsyncComponentWrapper({
   children,
-  isLoading,
-  isSuccess = true,
-  isError,
+  isLoading = false,
+  isFetching = false,
+  isSuccess,
+  isError = false,
+  isUninitialized = false,
   error,
-  errorFormatter
+  isEmpty = false,
+  loadingText = "Loading...",
+  fetchingText = "Updating...",
+  emptyText = "No data available.",
+  loadingType = "spinner",
+  skeletonCount = 3,
+  skeletonClassName = "h-24 w-full rounded-md",
+  spinnerProps,
+  fetchingSpinnerProps,
+  loadingFallback,
+  emptyFallback,
+  errorFallback,
+  showFetchingIndicator = true,
+  onRetry,
+  errorFormatter,
+  className,
+  contentClassName
 }) {
-  const errorMessage = isError && error ? errorFormatter ? errorFormatter(error) : getDefaultErrorMessage(error) : void 0;
-  return /* @__PURE__ */ jsxs("div", { children: [
-    isLoading && /* @__PURE__ */ jsx("div", { className: "flex w-full py-10 items-center justify-center", children: /* @__PURE__ */ jsx(AiOutlineLoading, { className: "animate-spin" }) }),
-    isError && errorMessage && /* @__PURE__ */ jsx("div", { className: "p-5", children: /* @__PURE__ */ jsx(FormResponse_default, { text: errorMessage, variant: "danger" }) }),
-    !isLoading && !isError && isSuccess && /* @__PURE__ */ jsx("div", { children })
+  const errorMessage = useMemo(() => {
+    if (!isError) return "";
+    return errorFormatter ? errorFormatter(error) : getDefaultErrorMessage(error);
+  }, [isError, error, errorFormatter]);
+  const hasSuccess = isSuccess ?? (!isLoading && !isError && !isUninitialized);
+  const renderLoading = () => {
+    if (loadingFallback) return loadingFallback;
+    if (loadingType === "skeleton") {
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 py-4", children: Array.from({ length: skeletonCount }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, { className: skeletonClassName }, index)) });
+    }
+    return /* @__PURE__ */ jsx(
+      Spinner_default,
+      {
+        centered: true,
+        label: loadingText,
+        type: "border",
+        size: "md",
+        variant: "primary",
+        ...spinnerProps
+      }
+    );
+  };
+  const renderError = () => {
+    if (typeof errorFallback === "function") {
+      return errorFallback(errorMessage);
+    }
+    if (errorFallback) {
+      return errorFallback;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "p-5", children: [
+      /* @__PURE__ */ jsx(FormResponse_default, { text: errorMessage, variant: "danger" }),
+      onRetry && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onRetry,
+          className: "mt-3 rounded-md border px-4 py-2",
+          children: "Retry"
+        }
+      )
+    ] });
+  };
+  const renderEmpty = () => {
+    if (emptyFallback) return emptyFallback;
+    return /* @__PURE__ */ jsx("div", { className: "py-10 text-center text-gray-500", children: emptyText });
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className, "aria-live": "polite", children: renderLoading() });
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsx("div", { className, "aria-live": "polite", children: renderError() });
+  }
+  if (hasSuccess && isEmpty) {
+    return /* @__PURE__ */ jsx("div", { className, "aria-live": "polite", children: renderEmpty() });
+  }
+  if (!hasSuccess) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    showFetchingIndicator && isFetching && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-2 text-sm text-gray-500", children: [
+      /* @__PURE__ */ jsx(
+        Spinner_default,
+        {
+          size: "xs",
+          type: "border",
+          variant: "primary",
+          showLabel: false,
+          ariaLabel: fetchingText,
+          ...fetchingSpinnerProps
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { children: fetchingText })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children })
   ] });
 }
-var AsyncComponentWrapper_default = AsyncComponentWrapper;
+var AsyncComponentWrapper_default = React2.memo(AsyncComponentWrapper);
 function Modal({
   title,
   show = false,