@nomos-ui/uanela-redux-next 0.0.2

package/dist/components/query-boundary.js

@@ -0,0 +1,121 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = QueryBoundary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const lucide_react_1 = require("lucide-react");
+const tailwind_merge_1 = require("tailwind-merge");
+const deep_equal_1 = __importDefault(require("deep-equal"));
+const form_1 = require("@nomos-ui/form");
+const api_provider_1 = require("./api-provider");
+/**
+ * A component that handles data fetching, loading states, pagination, and error handling
+ *
+ * @template DataType The type of data being queried
+ * @template PassedSuccessComponentProps Additional props for the success component
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with a UserList component
+ * <QueryBoundary
+ *   query="useGetUsersQuery"
+ *   SuccessComponent={UserList}
+ *   errorMessage="Erro ao carregar usuários"
+ * />
+ *
+ * ```
+ */
+function QueryBoundary({ name, errorMessage = "Ocorreu um erro carregando o dado!", noResourcesMessage = "Ainda não existe nenhum dado!", notFoundMessage = "Não foi encontrado nenhum dado!", SuccessComponent, LoadingComponent = ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader, { className: "animate-spin" }) })), query, params = {}, showReloadAgainButton = true, successComponentWrapperClassName, successComponentProps, loadMoreOnEndReach = true, loadingComponentClassName, reloadAgainAfter = 0, }) {
+    // State management
+    const api = (0, api_provider_1.useApi)();
+    const [page, setPage] = (0, react_1.useState)(1);
+    const [queryParams, setQueryParams] = (0, react_1.useState)();
+    const [isRefetch, setIsRefetch] = (0, react_1.useState)(false);
+    const [isLoadingMore, setIsLoadingMore] = (0, react_1.useState)(false);
+    // Normalize params to include pagination
+    const normalizedParams = typeof params === "object" ? { page, ...params } : params;
+    // RTK Query hook
+    const { data, isLoading, isError, isSuccess, error, refetch, isFetching, } = api[name][query](queryParams, {
+        skip: !(0, deep_equal_1.default)(normalizedParams, queryParams) && !isRefetch,
+    });
+    /**
+     * Handles loading more data when reaching the end of the content
+     */
+    const handleEndReached = () => {
+        const limit = normalizedParams.limit || 30;
+        const canLoadMore = data?.data && Array.isArray(data.data) && data.data.length % limit === 0;
+        if (!isLoading && !isFetching && canLoadMore && loadMoreOnEndReach) {
+            setPage((prev) => prev + 1);
+            setIsLoadingMore(true);
+        }
+    };
+    // Reset loading states after fetch completion
+    (0, react_1.useEffect)(() => {
+        if (!isFetching && !isLoading && (isSuccess || isError)) {
+            setIsRefetch(false);
+            setIsLoadingMore(false);
+        }
+    }, [isFetching, isLoading, isSuccess, isError]);
+    // Setup automatic reload interval
+    (0, react_1.useEffect)(() => {
+        if (reloadAgainAfter > 0) {
+            const interval = setInterval(refetch, reloadAgainAfter);
+            return () => clearInterval(interval);
+        }
+    }, [reloadAgainAfter, refetch]);
+    // Update query params when normalized params change
+    (0, react_1.useEffect)(() => {
+        if (!(0, deep_equal_1.default)(normalizedParams, queryParams)) {
+            setQueryParams(normalizedParams);
+            setIsRefetch(true);
+        }
+    }, [normalizedParams]);
+    // Handle loading states
+    if (isLoading || (isRefetch && isFetching)) {
+        return (
+        // <LoadingComponent className={twMerge("", loadingComponentClassName)} />
+        (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+    }
+    // Handle error states
+    if (isError) {
+        const errorStates = {
+            FETCH_ERROR: {
+                Icon: lucide_react_1.CloudOffIcon,
+                message: "Não é Possível Conectar ao Servidor Ou Tente Verificar Sua Conexão a Internet!",
+            },
+            "404": {
+                Icon: lucide_react_1.MehIcon,
+                message: notFoundMessage,
+            },
+            default: {
+                Icon: lucide_react_1.FrownIcon,
+                message: errorMessage,
+            },
+        };
+        const errorConfig = error?.status
+            ? errorStates[error.status] || errorStates.default
+            : errorStates.default;
+        return (0, jsx_runtime_1.jsx)(ErrorComponent, { ...errorConfig, triggerRefetch: refetch });
+    }
+    // Handle success state
+    if (isSuccess && data?.data) {
+        const hasData = Array.isArray(data.data) ? data.data.length > 0 : true;
+        if (hasData) {
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("", successComponentWrapperClassName), children: [(0, jsx_runtime_1.jsx)(SuccessComponent, { data: data, ...successComponentProps, handleEndReached: handleEndReached, triggerRefetch: refetch }), Array.isArray(data.data) && showReloadAgainButton && ((0, jsx_runtime_1.jsx)(form_1.Button, { isLoading: isLoading, onClick: refetch, className: "self-center justify-self-center p-2 mt-4", children: (0, jsx_runtime_1.jsx)(lucide_react_1.RotateCcwIcon, { className: "size-4", strokeWidth: 3 }) }))] }), isLoadingMore && ((0, jsx_runtime_1.jsx)("div", { className: "block w-full items-center", children: (0, jsx_runtime_1.jsx)("span", { className: "mt-4", children: "Carregando mais..." }) }))] }));
+        }
+        // No data state
+        return ((0, jsx_runtime_1.jsx)(ErrorComponent, { Icon: lucide_react_1.ScanSearchIcon, message: noResourcesMessage, buttonLabel: "Carregar Novamente", triggerRefetch: refetch, error: error }));
+    }
+    return null;
+}
+/**
+ * Component to display error states with an icon and retry button
+ */
+function ErrorComponent({ Icon, message, triggerRefetch, buttonLabel = "Tentar Novamente", error, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full flex flex-col gap-4 flex-1 max-w-[320px] mx-auto", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 flex items-center justify-center flex-col rounded-md overflow-hidden", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-red-500 md:p-6 p-4 w-full items-center flex justify-center rounded-t-md flex-col text-white gap-4", children: [Icon && ((0, jsx_runtime_1.jsx)(Icon, { strokeWidth: 1.5, className: "md:size-24 size-16 text-white" })), (0, jsx_runtime_1.jsx)("p", { className: "text-center text-[0.95rem]", children: message })] }), (0, jsx_runtime_1.jsxs)("div", { className: "rounded-b-md border-2 border-t-0 w-full md:p-6 p-4 flex items-center justify-center flex-col gap-4", children: [error?.data?.message && ((0, jsx_runtime_1.jsx)("p", { className: "text-center py-2", children: error.data.message })), (0, jsx_runtime_1.jsxs)(form_1.Button, { className: "px-4", variant: "destructive", onClick: triggerRefetch, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RotateCcwIcon, { className: "size-4" }), " ", buttonLabel] })] })] }) }));
+}
+//# sourceMappingURL=query-boundary.js.map

package/dist/components/query-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-boundary.js","sourceRoot":"","sources":["../../src/components/query-boundary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;AAkHb,gCAoKC;;AApRD,iCAAyD;AACzD,+CAOsB;AACtB,mDAAyC;AAEzC,4DAA+B;AAC/B,yCAAwC;AACxC,iDAAwC;AAkFxC;;;;;;;;;;;;;;;;GAgBG;AACH,SAAwB,aAAa,CAAwC,EAC3E,IAAI,EACJ,YAAY,GAAG,oCAAoC,EACnD,kBAAkB,GAAG,+BAA+B,EACpD,eAAe,GAAG,iCAAiC,EACnD,gBAAgB,EAChB,gBAAgB,GAAG,CACjB,0CACE,uBAAC,qBAAM,IAAC,SAAS,EAAC,cAAc,GAAG,GAC/B,CACP,EACD,KAAK,EACL,MAAM,GAAG,EAAE,EACX,qBAAqB,GAAG,IAAI,EAC5B,gCAAgC,EAChC,qBAAqB,EACrB,kBAAkB,GAAG,IAAI,EACzB,yBAAyB,EACzB,gBAAgB,GAAG,CAAC,GACsC;IAC1D,mBAAmB;IACnB,MAAM,GAAG,GAAG,IAAA,qBAAM,GAAE,CAAC;IACrB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAO,CAAC;IACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE1D,yCAAyC;IACzC,MAAM,gBAAgB,GACpB,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;IAE5D,iBAAiB;IACjB,MAAM,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,GACX,GACC,GACD,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;QAC1B,IAAI,EAAE,CAAC,IAAA,oBAAK,EAAC,gBAAgB,EAAE,WAAW,CAAC,IAAI,CAAC,SAAS;KAC1D,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,KAAK,GAAI,gBAAwC,CAAC,KAAK,IAAI,EAAE,CAAC;QACpE,MAAM,WAAW,GACf,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,KAAK,CAAC,CAAC;QAE3E,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,WAAW,IAAI,kBAAkB,EAAE,CAAC;YACnE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;YAC5B,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,8CAA8C;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,EAAE,CAAC;YACxD,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhD,kCAAkC;IAClC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,GAAG,CAAC,EAAE,CAAC;YACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;YACxD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,oDAAoD;IACpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAA,oBAAK,EAAC,gBAAgB,EAAE,WAAW,CAAC,EAAE,CAAC;YAC1C,cAAc,CAAC,gBAAgB,CAAC,CAAC;YACjC,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,wBAAwB;IACxB,IAAI,SAAS,IAAI,CAAC,SAAS,IAAI,UAAU,CAAC,EAAE,CAAC;QAC3C,OAAO;QACL,0EAA0E;QAC1E,kDAAK,CACN,CAAC;IACJ,CAAC;IAED,sBAAsB;IACtB,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,WAAW,GAAuC;YACtD,WAAW,EAAE;gBACX,IAAI,EAAE,2BAAY;gBAClB,OAAO,EACL,gFAAgF;aACnF;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,sBAAO;gBACb,OAAO,EAAE,eAAe;aACzB;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,wBAAS;gBACf,OAAO,EAAE,YAAY;aACtB;SACF,CAAC;QAEF,MAAM,WAAW,GAAG,KAAK,EAAE,MAAM;YAC/B,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,OAAO;YAClD,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC;QAExB,OAAO,uBAAC,cAAc,OAAK,WAAW,EAAE,cAAc,EAAE,OAAO,GAAI,CAAC;IACtE,CAAC;IAED,uBAAuB;IACvB,IAAI,SAAS,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC;QAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEvE,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CACL,6DACE,iCAAK,SAAS,EAAE,IAAA,wBAAO,EAAC,EAAE,EAAE,gCAAgC,CAAC,aAC3D,uBAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,KACN,qBAAqB,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,OAAO,GACvB,EACD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,qBAAqB,IAAI,CACpD,uBAAC,aAAM,IACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,0CAA0C,YAEpD,uBAAC,4BAAa,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,GAAI,GAC7C,CACV,IACG,EACL,aAAa,IAAI,CAChB,gCAAK,SAAS,EAAC,2BAA2B,YAExC,iCAAM,SAAS,EAAC,MAAM,mCAA0B,GAC5C,CACP,IACA,CACJ,CAAC;QACJ,CAAC;QAED,gBAAgB;QAChB,OAAO,CACL,uBAAC,cAAc,IACb,IAAI,EAAE,6BAAc,EACpB,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAC,oBAAoB,EAChC,cAAc,EAAE,OAAO,EACvB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;GAEG;AACH,SAAS,cAAc,CAAC,EACtB,IAAI,EACJ,OAAO,EACP,cAAc,EACd,WAAW,GAAG,kBAAkB,EAChC,KAAK,GAC+C;IACpD,OAAO,CACL,gCAAK,SAAS,EAAC,yDAAyD,YACtE,iCAAK,SAAS,EAAC,6EAA6E,aAC1F,iCAAK,SAAS,EAAC,sGAAsG,aAClH,IAAI,IAAI,CACP,uBAAC,IAAI,IAAC,WAAW,EAAE,GAAG,EAAE,SAAS,EAAC,+BAA+B,GAAG,CACrE,EAED,8BAAG,SAAS,EAAC,4BAA4B,YAAE,OAAO,GAAK,IACnD,EACN,iCAAK,SAAS,EAAC,oGAAoG,aAChH,KAAK,EAAE,IAAI,EAAE,OAAO,IAAI,CACvB,8BAAG,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,IAAI,CAAC,OAAO,GAAK,CACzD,EACD,wBAAC,aAAM,IACL,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE,cAAc,aAEvB,uBAAC,4BAAa,IAAC,SAAS,EAAC,QAAQ,GAAG,OAAE,WAAW,IAC1C,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/server/server-query-boundary.d.ts

@@ -0,0 +1,23 @@
+interface ApiDataResponse<T> {
+    data: T;
+    total?: number;
+    results?: number;
+}
+type SuccessComponentProps<DataType, AdditionalProps = Record<string, any>> = AdditionalProps & {
+    data: ApiDataResponse<DataType>;
+    hasMoreData?: boolean;
+};
+interface ServerQueryBoundaryProps<DataType, PassedSuccessComponentProps> {
+    fetcher: (params: any) => Promise<ApiDataResponse<DataType> | null>;
+    params?: Record<string, any>;
+    errorMessage?: string;
+    noResourcesMessage?: string;
+    notFoundMessage?: string;
+    SuccessComponent: React.FC<SuccessComponentProps<DataType, PassedSuccessComponentProps>>;
+    LoadingComponent?: React.ReactNode;
+    successComponentWrapperClassName?: string;
+    successComponentProps?: Partial<PassedSuccessComponentProps>;
+}
+export default function ServerQueryBoundary<DataType, PassedSuccessComponentProps>({ fetcher, params, errorMessage, noResourcesMessage, notFoundMessage, SuccessComponent, LoadingComponent, successComponentWrapperClassName, successComponentProps, }: ServerQueryBoundaryProps<DataType, PassedSuccessComponentProps>): Promise<import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=server-query-boundary.d.ts.map

package/dist/components/server/server-query-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-query-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/server/server-query-boundary.tsx"],"names":[],"mappings":"AAKA,UAAU,eAAe,CAAC,CAAC;IACzB,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,KAAK,qBAAqB,CACxB,QAAQ,EACR,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACnC,eAAe,GAAG;IACpB,IAAI,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAQF,UAAU,wBAAwB,CAAC,QAAQ,EAAE,2BAA2B;IACtE,OAAO,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACxB,qBAAqB,CAAC,QAAQ,EAAE,2BAA2B,CAAC,CAC7D,CAAC;IACF,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAC1C,qBAAqB,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAC;CAC9D;AAED,wBAA8B,mBAAmB,CAC/C,QAAQ,EACR,2BAA2B,EAC3B,EACA,OAAO,EACP,MAAW,EACX,YAAoD,EACpD,kBAA0C,EAC1C,eAAsC,EACtC,gBAAgB,EAChB,gBAIC,EACD,gCAAgC,EAChC,qBAAqB,GACtB,EAAE,wBAAwB,CAAC,QAAQ,EAAE,2BAA2B,CAAC,oDA6DjE"}

package/dist/components/server/server-query-boundary.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ServerQueryBoundary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const form_1 = require("@nomos-ui/form");
+const tailwind_merge_1 = require("tailwind-merge");
+async function ServerQueryBoundary({ fetcher, params = {}, errorMessage = "An error occurred loading the data!", noResourcesMessage = "No data exists yet!", notFoundMessage = "No data was found!", SuccessComponent, LoadingComponent = ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center p-8", children: (0, jsx_runtime_1.jsx)("div", { className: "animate-pulse", children: "Loading..." }) })), successComponentWrapperClassName, successComponentProps, }) {
+    try {
+        const data = await fetcher(params);
+        if (data === null) {
+            return ((0, jsx_runtime_1.jsx)(ErrorComponent, { Icon: lucide_react_1.MehIcon, message: notFoundMessage, buttonLabel: "Go Back" }));
+        }
+        const hasData = Array.isArray(data.data)
+            ? data.data.length > 0
+            : data.data !== undefined && data.data !== null;
+        if (!hasData) {
+            return ((0, jsx_runtime_1.jsx)(ErrorComponent, { Icon: lucide_react_1.ScanSearchIcon, message: noResourcesMessage, buttonLabel: "Reload Page" }));
+        }
+        const limit = params.limit || 30;
+        const hasMoreData = Array.isArray(data.data)
+            ? data.data.length >= limit && (data.total || 0) > data.data.length
+            : false;
+        return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_merge_1.twMerge)("", successComponentWrapperClassName), children: (0, jsx_runtime_1.jsx)(SuccessComponent, { data: data, hasMoreData: hasMoreData, ...successComponentProps }) }));
+    }
+    catch (error) {
+        if (error.name === "TypeError" && error.message.includes("fetch")) {
+            return ((0, jsx_runtime_1.jsx)(ErrorComponent, { Icon: lucide_react_1.CloudOffIcon, message: "Cannot connect to server. Please check your internet connection!", buttonLabel: "Try Again" }));
+        }
+        return ((0, jsx_runtime_1.jsx)(ErrorComponent, { Icon: lucide_react_1.FrownIcon, message: errorMessage, buttonLabel: "Try Again" }));
+    }
+}
+function ErrorComponent({ Icon, message, buttonLabel = "Try Again", }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full flex flex-col gap-4 flex-1 max-w-[320px] mx-auto", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 flex items-center justify-center flex-col rounded-md overflow-hidden", children: [(0, jsx_runtime_1.jsxs)("div", { className: "bg-red-500 md:p-6 p-4 w-full items-center flex justify-center rounded-t-md flex-col text-white gap-4", children: [(0, jsx_runtime_1.jsx)(Icon, { strokeWidth: 1.5, className: "md:size-24 size-16 text-white" }), (0, jsx_runtime_1.jsx)("p", { className: "text-center text-[0.95rem]", children: message })] }), (0, jsx_runtime_1.jsx)("div", { className: "rounded-b-md border-2 border-t-0 w-full md:p-6 p-4 flex items-center justify-center flex-col gap-4", children: (0, jsx_runtime_1.jsxs)("form", { action: "/refresh", method: "post", children: [(0, jsx_runtime_1.jsx)("input", { type: "hidden", name: "retry", value: "true" }), (0, jsx_runtime_1.jsx)(form_1.Button, { type: "submit", className: "px-4", variant: "destructive", children: buttonLabel })] }) })] }) }));
+}
+//# sourceMappingURL=server-query-boundary.js.map

package/dist/components/server/server-query-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-query-boundary.js","sourceRoot":"","sources":["../../../src/components/server/server-query-boundary.tsx"],"names":[],"mappings":"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"}

package/dist/exports/index.d.ts

@@ -0,0 +1,11 @@
+import ListPage from "../components/pages/list-page/list-page";
+import ListPageTemplate from "../components/pages/list-page/template";
+import ApiProvider, { useApi } from "../components/api-provider";
+import CreateDataModal from "../components/modals/create.modal";
+import UpdateDataModal from "../components/modals/update.modal";
+import CreateDataPage from "../components/pages/create-data-page";
+import UpdateDataPage from "../components/pages/update-data-page";
+import { TableField, TableFieldInputType } from "../components/pages/list-page/table/types";
+export { ListPage, ListPageTemplate, ApiProvider, useApi, CreateDataPage, UpdateDataPage, CreateDataModal, UpdateDataModal, };
+export type { TableField, TableFieldInputType };
+//# sourceMappingURL=index.d.ts.map

package/dist/exports/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAC/D,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AACtE,OAAO,WAAW,EAAE,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,cAAc,MAAM,sCAAsC,CAAC;AAClE,OAAO,cAAc,MAAM,sCAAsC,CAAC;AAClE,OAAO,EACL,UAAU,EACV,mBAAmB,EACpB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,GAChB,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/exports/index.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UpdateDataModal = exports.CreateDataModal = exports.UpdateDataPage = exports.CreateDataPage = exports.useApi = exports.ApiProvider = exports.ListPageTemplate = exports.ListPage = void 0;
+const list_page_1 = __importDefault(require("../components/pages/list-page/list-page"));
+exports.ListPage = list_page_1.default;
+const template_1 = __importDefault(require("../components/pages/list-page/template"));
+exports.ListPageTemplate = template_1.default;
+const api_provider_1 = __importStar(require("../components/api-provider"));
+exports.ApiProvider = api_provider_1.default;
+Object.defineProperty(exports, "useApi", { enumerable: true, get: function () { return api_provider_1.useApi; } });
+const create_modal_1 = __importDefault(require("../components/modals/create.modal"));
+exports.CreateDataModal = create_modal_1.default;
+const update_modal_1 = __importDefault(require("../components/modals/update.modal"));
+exports.UpdateDataModal = update_modal_1.default;
+const create_data_page_1 = __importDefault(require("../components/pages/create-data-page"));
+exports.CreateDataPage = create_data_page_1.default;
+const update_data_page_1 = __importDefault(require("../components/pages/update-data-page"));
+exports.UpdateDataPage = update_data_page_1.default;
+//# sourceMappingURL=index.js.map

package/dist/exports/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wFAA+D;AAa7D,mBAbK,mBAAQ,CAaL;AAZV,sFAAsE;AAapE,2BAbK,kBAAgB,CAaL;AAZlB,2EAAiE;AAa/D,sBAbK,sBAAW,CAaL;AACX,uFAdoB,qBAAM,OAcpB;AAbR,qFAAgE;AAgB9D,0BAhBK,sBAAe,CAgBL;AAfjB,qFAAgE;AAgB9D,0BAhBK,sBAAe,CAgBL;AAfjB,4FAAkE;AAYhE,yBAZK,0BAAc,CAYL;AAXhB,4FAAkE;AAYhE,yBAZK,0BAAc,CAYL"}

package/dist/hooks/use-update-search-params.d.ts

@@ -0,0 +1,5 @@
+export default function useUpdateSearchParams(): (fields: {
+    name: string;
+    value: string;
+}[]) => void;
+//# sourceMappingURL=use-update-search-params.d.ts.map

package/dist/hooks/use-update-search-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-search-params.d.ts","sourceRoot":"","sources":["../../src/hooks/use-update-search-params.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,qBAAqB,KAG1B,QAAQ;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,UAK3D"}

package/dist/hooks/use-update-search-params.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useUpdateSearchParams;
+const navigation_1 = require("next/navigation");
+function useUpdateSearchParams() {
+    const router = (0, navigation_1.useRouter)();
+    return function (fields) {
+        const url = new URL(location.href);
+        fields.forEach((field) => url.searchParams.set(field.name, field.value));
+        router.push(url.href);
+    };
+}
+//# sourceMappingURL=use-update-search-params.js.map

package/dist/hooks/use-update-search-params.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-search-params.js","sourceRoot":"","sources":["../../src/hooks/use-update-search-params.ts"],"names":[],"mappings":";;AAEA,wCAQC;AAVD,gDAA4C;AAE5C,SAAwB,qBAAqB;IAC3C,MAAM,MAAM,GAAG,IAAA,sBAAS,GAAE,CAAC;IAE3B,OAAO,UAAU,MAAyC;QACxD,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACzE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;AACJ,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,26 @@
+import { Api, BaseQueryFn, coreModuleName, EndpointBuilder, EndpointDefinition, FetchArgs, FetchBaseQueryError, FetchBaseQueryMeta, MutationDefinition } from "@reduxjs/toolkit/query";
+import { reactHooksModuleName } from "@reduxjs/toolkit/query/react";
+export type ApiDataResponse<T> = {
+    data: T;
+    total?: number;
+    results?: number;
+};
+export type ListTag = {
+    type: string;
+    id: string;
+};
+export type TagType = string | {
+    name: string;
+    url: string;
+    tagType: string;
+    listTag: ListTag | ListTag[];
+    getAdditionalTagsFromResult?: (result: Record<string, any>) => ListTag[];
+};
+export type Mutation = MutationDefinition<any, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, FetchBaseQueryMeta>, string, any, "api">;
+type EndpointHooks = {
+    [x: string]: EndpointDefinition<any, any, any, any, string>;
+};
+export type BaseApi = Api<BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, FetchBaseQueryMeta>, EndpointHooks, "api", string, typeof coreModuleName | typeof reactHooksModuleName>;
+export type ApiEndpoitBuilder = EndpointBuilder<BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, FetchBaseQueryMeta>, string, "api">;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,WAAW,EACX,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD,MAAM,MAAM,OAAO,GACf,MAAM,GACN;IACE,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAC7B,2BAA2B,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,EAAE,CAAC;CAC1E,CAAC;AAEN,MAAM,MAAM,QAAQ,GAAG,kBAAkB,CACvC,GAAG,EACH,WAAW,CACT,MAAM,GAAG,SAAS,EAClB,OAAO,EACP,mBAAmB,EACnB,EAAE,EACF,kBAAkB,CACnB,EACD,MAAM,EACN,GAAG,EACH,KAAK,CACN,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,CAAC,CAAC,EAAE,MAAM,GAAG,kBAAkB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,GAAG,CACvB,WAAW,CACT,MAAM,GAAG,SAAS,EAClB,OAAO,EACP,mBAAmB,EACnB,EAAE,EACF,kBAAkB,CACnB,EACD,aAAa,EACb,KAAK,EACL,MAAM,EACN,OAAO,cAAc,GAAG,OAAO,oBAAoB,CACpD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAC7C,WAAW,CACT,MAAM,GAAG,SAAS,EAClB,OAAO,EACP,mBAAmB,EACnB,EAAE,EACF,kBAAkB,CACnB,EACD,MAAM,EACN,KAAK,CACN,CAAC"}

package/dist/types/index.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@nomos-ui/uanela-redux-next",
+  "version": "0.0.2",
+  "description": "Uanela Como Redux & Next ToolKit",
+  "module": "dist/exports/index.js",
+  "types": "dist/exports/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/exports/index.d.ts",
+      "import": "./dist/exports/index.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "components": ["./dist/components/index.d.ts"],
+      "hooks": ["./dist/hooks/index.d.ts"],
+      "utils": ["./dist/exports/utils/index.d.ts"],
+      "types": ["./dist/types/index.d.ts"]
+    }
+  },
+  "scripts": {
+    "build": "trash dist && tsc",
+    "dev": "tsc --watch",
+    "clean": "rm -rf dist",
+    "lint": "eslint src --ext .ts,.tsx",
+    "type-check": "tsc --noEmit",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:ui": "jest --ui",
+    "test:coverage": "jest --coverage",
+    "prepublishOnly": "pnpm run build"
+  },
+  "keywords": [],
+  "author": "Uanela Como",
+  "files": ["dist", "README.md", "LICENSE"],
+  "license": "MIT",
+  "packageManager": "pnpm@10.13.1",
+  "devDependencies": {
+    "@reduxjs/toolkit": "^2.11.2",
+    "@types/deep-equal": "^1.0.4",
+    "@types/node": "^25.0.6",
+    "@types/pluralize": "^0.0.33",
+    "@types/react": "^19.2.8",
+    "@types/react-redux": "^7.1.34",
+    "@types/uuid4": "^2.0.3",
+    "change-case-all": "^2.1.0",
+    "deep-equal": "^2.2.3",
+    "lucide-react": "^0.562.0",
+    "next": "15.5.9",
+    "pluralize": "^8.0.0",
+    "react": "^19.2.3",
+    "react-hook-form": "^7.70.0",
+    "react-redux": "^9.2.0",
+    "tailwind-merge": "^3.4.0",
+    "typescript": "^5.9.3",
+    "zod": "^4.3.5"
+  },
+  "peerDependencies": {
+    "@nomos-ui/common": "^0.2.5",
+    "@nomos-ui/form": "^0.0.10",
+    "@reduxjs/toolkit": "^2.11.2",
+    "change-case-all": "^2.1.0",
+    "deep-equal": "^2.2.3",
+    "lucide-react": "^0.562.0",
+    "next": "15.5.9",
+    "pluralize": "^8.0.0",
+    "react": "^19.2.3",
+    "react-hook-form": "^7.70.0",
+    "react-redux": "^9.2.0",
+    "tailwind-merge": "^3.4.0",
+    "zod": "^4.3.5"
+  },
+  "dependencies": {
+    "uuid4": "^2.0.3"
+  }
+}