elseware-ui 2.14.3 → 2.14.5

package/build/components/data-display/advanced-table/AdvancedTable.d.ts

@@ -8,7 +8,7 @@ export interface AdvancedTableProps<T> {
     isLoading?: boolean;
     isSuccess?: boolean;
     isError?: boolean;
-    error?: string;
+    error?: unknown;
 }
 declare function AdvancedTable<T extends Record<string, any>>({ title, columns, data, defaultPageSize, pageSizeOptions, isLoading, isSuccess, isError, error, }: AdvancedTableProps<T>): import("react/jsx-runtime").JSX.Element;
 export default AdvancedTable;

package/build/components/data-display/table/Table.d.ts

@@ -7,7 +7,7 @@ export interface TableProps {
     isLoading?: boolean;
     isSuccess?: boolean;
     isError?: boolean;
-    error?: string;
+    error?: unknown;
     enableSelect: boolean;
     maxRowCount?: number;
 }

package/build/components/other/modal/Modal.d.ts

@@ -8,7 +8,7 @@ export interface ModalProps {
     isLoading?: boolean;
     isSuccess?: boolean;
     isError?: boolean;
-    error?: string;
+    error?: unknown;
     styles?: string;
 }
 declare function Modal({ title, show, handleOnClose, children, isLoading, isSuccess, isError, error, styles, enableCloseOnClickOutside, }: ModalProps): import("react/jsx-runtime").JSX.Element;

package/build/components/utils/AsyncComponentWrapper.d.ts

@@ -4,7 +4,11 @@ export interface AsyncComponentWrapperProps {
     isLoading?: boolean;
     isSuccess?: boolean;
     isError?: boolean;
-    error?: string;
+    error?: unknown;
+    /**
+     * Optional custom formatter if you want full control
+     */
+    errorFormatter?: (error: unknown) => string;
 }
-declare function AsyncComponentWrapper({ children, isLoading, isSuccess, isError, error, }: AsyncComponentWrapperProps): import("react/jsx-runtime").JSX.Element;
+declare function AsyncComponentWrapper({ children, isLoading, isSuccess, isError, error, errorFormatter, }: AsyncComponentWrapperProps): import("react/jsx-runtime").JSX.Element;
 export default AsyncComponentWrapper;

package/build/index.es.js

@@ -7809,9 +7809,47 @@ function FormResponse(_a) {
                 _b)) }, { children: text })) })));
 }
 
+// Helper to normalize different error shapes into a readable string
+var getDefaultErrorMessage = function (error) {
+    var _a;
+    if (!error)
+        return "Something went wrong.";
+    if (typeof error === "string")
+        return error;
+    if (error instanceof Error)
+        return error.message;
+    if (typeof error === "object") {
+        var anyErr = error;
+        // RTK Query style: { status, data: { message } }
+        if (((_a = anyErr === null || anyErr === void 0 ? void 0 : anyErr.data) === null || _a === void 0 ? void 0 : _a.message) && typeof anyErr.data.message === "string") {
+            return anyErr.data.message;
+        }
+        // Some APIs: { message: "..." }
+        if ((anyErr === null || anyErr === void 0 ? void 0 : anyErr.message) && typeof anyErr.message === "string") {
+            return anyErr.message;
+        }
+        // Fallback: show status if present
+        if (anyErr === null || anyErr === void 0 ? void 0 : anyErr.status) {
+            return "Request failed with status ".concat(anyErr.status);
+        }
+        // Last resort: stringify object
+        try {
+            return JSON.stringify(error);
+        }
+        catch (_b) {
+            return "An unknown error occurred.";
+        }
+    }
+    return "An unknown error occurred.";
+};
 function AsyncComponentWrapper(_a) {
-    var children = _a.children, isLoading = _a.isLoading, _b = _a.isSuccess, isSuccess = _b === void 0 ? true : _b, isError = _a.isError, error = _a.error;
-    return (jsxs("div", { children: [isLoading && (jsx("div", __assign$1({ className: "flex w-full py-10 items-center justify-center" }, { children: jsx(AiOutlineLoading, { className: "animate-spin" }) }))), isError && (jsx("div", __assign$1({ className: "p-5" }, { children: jsx(FormResponse, { text: error, variant: "danger" }) }))), isSuccess && jsx("div", { children: children })] }));
+    var children = _a.children, isLoading = _a.isLoading, _b = _a.isSuccess, isSuccess = _b === void 0 ? true : _b, isError = _a.isError, error = _a.error, errorFormatter = _a.errorFormatter;
+    var errorMessage = isError && error
+        ? errorFormatter
+            ? errorFormatter(error)
+            : getDefaultErrorMessage(error)
+        : undefined;
+    return (jsxs("div", { children: [isLoading && (jsx("div", __assign$1({ className: "flex w-full py-10 items-center justify-center" }, { children: jsx(AiOutlineLoading, { className: "animate-spin" }) }))), isError && errorMessage && (jsx("div", __assign$1({ className: "p-5" }, { children: jsx(FormResponse, { text: errorMessage, variant: "danger" }) }))), isSuccess && jsx("div", { children: children })] }));
 }
 
 function AdvancedTableContent(_a) {
@@ -111708,9 +111746,10 @@ function ShowMore(_a) {
 
 function BoxNavItem(_a) {
     var icon = _a.icon, name = _a.name, to = _a.to, selected = _a.selected, onClick = _a.onClick;
+    var normalizedTo = to.startsWith("/") ? to : "/".concat(to);
     var handleClick = function (e) {
         if (onClick)
-            onClick(e, to);
+            onClick(e, normalizedTo);
     };
     return (jsxs("button", __assign$1({ type: "button", onClick: handleClick, "aria-current": selected ? "page" : undefined, className: classnames("w-full min-w-[80px] flex flex-col items-center justify-center py-3 text-center", "hover:text-secondary-700 hover:bg-gray-300/10 hover:cursor-pointer hover:text-eui-secondary-700", selected ? "text-secondary-700 bg-gray-300/10" : "text-gray-400", "eui-theme-transition") }, { children: [jsx("div", __assign$1({ className: "text-xl" }, { children: icon })), jsx("span", __assign$1({ className: "text-[11px]" }, { children: name }))] })));
 }

package/build/index.js

@@ -7836,9 +7836,47 @@ function FormResponse(_a) {
                 _b)) }, { children: text })) })));
 }
 
+// Helper to normalize different error shapes into a readable string
+var getDefaultErrorMessage = function (error) {
+    var _a;
+    if (!error)
+        return "Something went wrong.";
+    if (typeof error === "string")
+        return error;
+    if (error instanceof Error)
+        return error.message;
+    if (typeof error === "object") {
+        var anyErr = error;
+        // RTK Query style: { status, data: { message } }
+        if (((_a = anyErr === null || anyErr === void 0 ? void 0 : anyErr.data) === null || _a === void 0 ? void 0 : _a.message) && typeof anyErr.data.message === "string") {
+            return anyErr.data.message;
+        }
+        // Some APIs: { message: "..." }
+        if ((anyErr === null || anyErr === void 0 ? void 0 : anyErr.message) && typeof anyErr.message === "string") {
+            return anyErr.message;
+        }
+        // Fallback: show status if present
+        if (anyErr === null || anyErr === void 0 ? void 0 : anyErr.status) {
+            return "Request failed with status ".concat(anyErr.status);
+        }
+        // Last resort: stringify object
+        try {
+            return JSON.stringify(error);
+        }
+        catch (_b) {
+            return "An unknown error occurred.";
+        }
+    }
+    return "An unknown error occurred.";
+};
 function AsyncComponentWrapper(_a) {
-    var children = _a.children, isLoading = _a.isLoading, _b = _a.isSuccess, isSuccess = _b === void 0 ? true : _b, isError = _a.isError, error = _a.error;
-    return (jsxRuntime.jsxs("div", { children: [isLoading && (jsxRuntime.jsx("div", __assign$1({ className: "flex w-full py-10 items-center justify-center" }, { children: jsxRuntime.jsx(AiOutlineLoading, { className: "animate-spin" }) }))), isError && (jsxRuntime.jsx("div", __assign$1({ className: "p-5" }, { children: jsxRuntime.jsx(FormResponse, { text: error, variant: "danger" }) }))), isSuccess && jsxRuntime.jsx("div", { children: children })] }));
+    var children = _a.children, isLoading = _a.isLoading, _b = _a.isSuccess, isSuccess = _b === void 0 ? true : _b, isError = _a.isError, error = _a.error, errorFormatter = _a.errorFormatter;
+    var errorMessage = isError && error
+        ? errorFormatter
+            ? errorFormatter(error)
+            : getDefaultErrorMessage(error)
+        : undefined;
+    return (jsxRuntime.jsxs("div", { children: [isLoading && (jsxRuntime.jsx("div", __assign$1({ className: "flex w-full py-10 items-center justify-center" }, { children: jsxRuntime.jsx(AiOutlineLoading, { className: "animate-spin" }) }))), isError && errorMessage && (jsxRuntime.jsx("div", __assign$1({ className: "p-5" }, { children: jsxRuntime.jsx(FormResponse, { text: errorMessage, variant: "danger" }) }))), isSuccess && jsxRuntime.jsx("div", { children: children })] }));
 }
 
 function AdvancedTableContent(_a) {
@@ -111735,9 +111773,10 @@ function ShowMore(_a) {
 
 function BoxNavItem(_a) {
     var icon = _a.icon, name = _a.name, to = _a.to, selected = _a.selected, onClick = _a.onClick;
+    var normalizedTo = to.startsWith("/") ? to : "/".concat(to);
     var handleClick = function (e) {
         if (onClick)
-            onClick(e, to);
+            onClick(e, normalizedTo);
     };
     return (jsxRuntime.jsxs("button", __assign$1({ type: "button", onClick: handleClick, "aria-current": selected ? "page" : undefined, className: classnames("w-full min-w-[80px] flex flex-col items-center justify-center py-3 text-center", "hover:text-secondary-700 hover:bg-gray-300/10 hover:cursor-pointer hover:text-eui-secondary-700", selected ? "text-secondary-700 bg-gray-300/10" : "text-gray-400", "eui-theme-transition") }, { children: [jsxRuntime.jsx("div", __assign$1({ className: "text-xl" }, { children: icon })), jsxRuntime.jsx("span", __assign$1({ className: "text-[11px]" }, { children: name }))] })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elseware-ui",
-  "version": "2.14.3",
+  "version": "2.14.5",
   "private": false,
   "description": "A modern and customizable React UI component library by elseware Technology.",
   "keywords": [