@nomos-ui/uanela-redux-next 0.0.2

package/README.md

@@ -0,0 +1 @@
+This package is made by Uanela for Uanela ;)

package/dist/apis/auth.api.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=auth.api.d.ts.map

package/dist/apis/auth.api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.api.d.ts","sourceRoot":"","sources":["../../src/apis/auth.api.ts"],"names":[],"mappings":""}

package/dist/apis/auth.api.js

@@ -0,0 +1,108 @@
+"use strict";
+// import { createApi } from "@reduxjs/toolkit/query/react";
+// // import { toastError } from "../helpers/toast.helpers";
+// import baseQuery from "../utils/base-query";
+Object.defineProperty(exports, "__esModule", { value: true });
+// // Create a separate API instance for auth
+// export const authApi = createApi({
+//   reducerPath: "authApi",
+//   baseQuery,
+//   tagTypes: ["user"],
+//   endpoints: (builder) => ({
+//     getMe: builder.query({
+//       query: () => "/users/me",
+//       transformErrorResponse: (res) => {
+//         return res;
+//       },
+//       providesTags: (result, err, arg) => {
+//         return err ? [] : [{ type: "user", id: "me" }];
+//       },
+//     }),
+//     updateMe: builder.mutation({
+//       query: (body) => ({
+//         url: `/users/me`,
+//         method: "PATCH",
+//         body: body,
+//       }),
+//       invalidatesTags: (result, err, arg) =>
+//         err ? [] : [{ type: "user", id: "me" }],
+//     }),
+//     login: builder.mutation({
+//       query: (credentials) => ({
+//         url: "/auth/login",
+//         method: "POST",
+//         body: credentials,
+//       }),
+//       transformResponse: async (res, meta, arg) => {
+//         // if (res?.accessToken)
+//         //   await secureStore.setItemAsync("accessToken", res.accessToken);
+//         // else throw new Error("Nenhum token de acesso retornado!");
+//         return res;
+//       },
+//       transformErrorResponse: (res, meta, args) => {
+//         if (res.status === 401) {
+//           // toastError(
+//           //   "Email ou palavra-passe errada, por favor digite dados corretos!"
+//           // );
+//         } else {
+//           // toastError(
+//           //   "Ocorreu um erro fazendo o login, por favor tente novamente!"
+//           // );
+//         }
+//         return res;
+//       },
+//       invalidatesTags: (result, err, args) => {
+//         return err ? [] : [{ type: "user", id: "me" }];
+//       },
+//     }),
+//     logout: builder.mutation({
+//       query: () => ({
+//         url: "/auth/logout",
+//         method: "DELETE",
+//       }),
+//       invalidatesTags: (result, err, args) => {
+//         if (err) return [];
+//         return [{ type: "user", id: "me" }];
+//       },
+//     }),
+//     signup: builder.mutation({
+//       query: (data) => ({
+//         url: "/auth/signup",
+//         method: "POST",
+//         body: data,
+//       }),
+//       invalidatesTags: (result, err, args) => {
+//         return err ? [] : [{ type: "user", id: "me" }];
+//       },
+//     }),
+//     verifyEmail: builder.mutation({
+//       query: (data) => ({
+//         url: "/auth/signup",
+//         method: "PATCH",
+//         body: data,
+//       }),
+//       invalidatesTags: (result, err, args) => {
+//         return err ? [] : [{ type: "user", id: "me" }];
+//       },
+//     }),
+//     forgotPassword: builder.mutation({
+//       query: (data) => ({
+//         url: "/auth/forgot-password",
+//         method: "POST",
+//         body: data,
+//       }),
+//     }),
+//     resetPassword: builder.mutation({
+//       query: (data) => ({
+//         url: "/auth/reset-password",
+//         method: "POST",
+//         body: data,
+//       }),
+//       invalidatesTags: (result, err, args) => {
+//         return err ? [] : [{ type: "user", id: "me" }];
+//       },
+//     }),
+//   }),
+// });
+// export default authApi;
+//# sourceMappingURL=auth.api.js.map

package/dist/apis/auth.api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.api.js","sourceRoot":"","sources":["../../src/apis/auth.api.ts"],"names":[],"mappings":";AAAA,4DAA4D;AAC5D,4DAA4D;AAC5D,+CAA+C;;AAE/C,6CAA6C;AAC7C,qCAAqC;AACrC,4BAA4B;AAC5B,eAAe;AACf,wBAAwB;AACxB,+BAA+B;AAC/B,6BAA6B;AAC7B,kCAAkC;AAClC,2CAA2C;AAC3C,sBAAsB;AACtB,WAAW;AACX,8CAA8C;AAC9C,0DAA0D;AAC1D,WAAW;AACX,UAAU;AACV,mCAAmC;AACnC,4BAA4B;AAC5B,4BAA4B;AAC5B,2BAA2B;AAC3B,sBAAsB;AACtB,YAAY;AACZ,+CAA+C;AAC/C,mDAAmD;AACnD,UAAU;AACV,gCAAgC;AAChC,mCAAmC;AACnC,8BAA8B;AAC9B,0BAA0B;AAC1B,6BAA6B;AAC7B,YAAY;AACZ,uDAAuD;AACvD,mCAAmC;AACnC,+EAA+E;AAC/E,wEAAwE;AACxE,sBAAsB;AACtB,WAAW;AACX,uDAAuD;AACvD,oCAAoC;AACpC,2BAA2B;AAC3B,mFAAmF;AACnF,kBAAkB;AAClB,mBAAmB;AACnB,2BAA2B;AAC3B,+EAA+E;AAC/E,kBAAkB;AAClB,YAAY;AACZ,sBAAsB;AACtB,WAAW;AACX,kDAAkD;AAClD,0DAA0D;AAC1D,WAAW;AACX,UAAU;AACV,iCAAiC;AACjC,wBAAwB;AACxB,+BAA+B;AAC/B,4BAA4B;AAC5B,YAAY;AACZ,kDAAkD;AAClD,8BAA8B;AAC9B,+CAA+C;AAC/C,WAAW;AACX,UAAU;AACV,iCAAiC;AACjC,4BAA4B;AAC5B,+BAA+B;AAC/B,0BAA0B;AAC1B,sBAAsB;AACtB,YAAY;AACZ,kDAAkD;AAClD,0DAA0D;AAC1D,WAAW;AACX,UAAU;AACV,sCAAsC;AACtC,4BAA4B;AAC5B,+BAA+B;AAC/B,2BAA2B;AAC3B,sBAAsB;AACtB,YAAY;AACZ,kDAAkD;AAClD,0DAA0D;AAC1D,WAAW;AACX,UAAU;AACV,yCAAyC;AACzC,4BAA4B;AAC5B,wCAAwC;AACxC,0BAA0B;AAC1B,sBAAsB;AACtB,YAAY;AACZ,UAAU;AACV,wCAAwC;AACxC,4BAA4B;AAC5B,uCAAuC;AACvC,0BAA0B;AAC1B,sBAAsB;AACtB,YAAY;AACZ,kDAAkD;AAClD,0DAA0D;AAC1D,WAAW;AACX,UAAU;AACV,QAAQ;AACR,MAAM;AAEN,0BAA0B"}

package/dist/components/api-provider.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Context value containing the RTK Query API instance.
+ */
+export type ApiContextValue = {
+    /** RTK Query API instance with generated endpoints and hooks */
+    api: Record<string, any>;
+};
+/**
+ * Provider component that makes the RTK Query API available to all child components.
+ *
+ * @example
+ * ```tsx
+ * import { api } from './store/api';
+ *
+ * function App() {
+ *   return (
+ *     <ApiProvider api={api}>
+ *       <YourComponents />
+ *     </ApiProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @param children - React components that need access to the API
+ * @param api - RTK Query API instance created with createApi()
+ */
+export default function ApiProvider({ children, api, }: {
+    children: React.ReactNode;
+    api: any;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access the RTK Query API instance from context.
+ * Must be used within an ApiProvider.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { api } = useApi();
+ *
+ *   // Access endpoints
+ *   const { data } = api.useGetUsersQuery();
+ *
+ *   return <div>{data?.length} users</div>;
+ * }
+ * ```
+ *
+ * @throws {Error} If used outside of ApiProvider
+ * @returns The API context value containing the RTK Query API instance
+ */
+export declare const useApi: () => Record<string, any>;
+//# sourceMappingURL=api-provider.d.ts.map

package/dist/components/api-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-provider.d.ts","sourceRoot":"","sources":["../../src/components/api-provider.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,gEAAgE;IAChE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC1B,CAAC;AAQF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,EAAE,GAAG,CAAC;CACV,2CAEA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM,2BAKlB,CAAC"}

package/dist/components/api-provider.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useApi = void 0;
+exports.default = ApiProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/**
+ * Context for sharing RTK Query API instance across the component tree.
+ * This allows components to access the API without prop drilling.
+ */
+const ApiContext = (0, react_1.createContext)({});
+/**
+ * Provider component that makes the RTK Query API available to all child components.
+ *
+ * @example
+ * ```tsx
+ * import { api } from './store/api';
+ *
+ * function App() {
+ *   return (
+ *     <ApiProvider api={api}>
+ *       <YourComponents />
+ *     </ApiProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @param children - React components that need access to the API
+ * @param api - RTK Query API instance created with createApi()
+ */
+function ApiProvider({ children, api, }) {
+    return (0, jsx_runtime_1.jsx)(ApiContext.Provider, { value: { api }, children: children });
+}
+/**
+ * Hook to access the RTK Query API instance from context.
+ * Must be used within an ApiProvider.
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { api } = useApi();
+ *
+ *   // Access endpoints
+ *   const { data } = api.useGetUsersQuery();
+ *
+ *   return <div>{data?.length} users</div>;
+ * }
+ * ```
+ *
+ * @throws {Error} If used outside of ApiProvider
+ * @returns The API context value containing the RTK Query API instance
+ */
+const useApi = () => {
+    const context = (0, react_1.useContext)(ApiContext);
+    if (!context)
+        throw new Error("useApi must be used within ApiProvider");
+    return context.api;
+};
+exports.useApi = useApi;
+//# sourceMappingURL=api-provider.js.map

package/dist/components/api-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-provider.js","sourceRoot":"","sources":["../../src/components/api-provider.tsx"],"names":[],"mappings":";;;AAmCA,8BAQC;;AA3CD,iCAAkD;AAUlD;;;GAGG;AACH,MAAM,UAAU,GAAG,IAAA,qBAAa,EAAkB,EAAS,CAAC,CAAC;AAE7D;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAwB,WAAW,CAAC,EAClC,QAAQ,EACR,GAAG,GAIJ;IACC,OAAO,uBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAG,EAAE,YAAG,QAAQ,GAAuB,CAAC;AAC/E,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACI,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,UAAU,CAAC,CAAC;IACvC,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IAExE,OAAO,OAAO,CAAC,GAAG,CAAC;AACrB,CAAC,CAAC;AALW,QAAA,MAAM,UAKjB"}

package/dist/components/data-manipulation/create-data-wrapper.d.ts

@@ -0,0 +1,69 @@
+import React from "react";
+import { UseFormReturn } from "react-hook-form";
+import { z } from "zod";
+/**
+ * Props for the CreateDataWrapper
+ */
+type CreateDataWrapperProps = {
+    /** Optional ID for the component */
+    id?: string;
+    /** Name identifier used to generate the API mutation name if not provided */
+    name: string;
+    /** Form component to render for data creation */
+    Form: (props: any) => React.JSX.Element;
+    /**
+     * Redux API mutation name (e.g., 'useCreateProductMutation')
+     * If not provided, will be generated as `useCreate${pascalCase(name)}Mutation`
+     */
+    createMutation?: string;
+    /** Flag to show alert after successful creation */
+    showAlertAfterSuccessCreate?: boolean;
+    /** Callback function executed after successful data creation */
+    doAfterSuccessCreate?: (x: {
+        response: any;
+        data: any;
+        form: UseFormReturn;
+    }) => Promise<any> | void;
+    /** Function to transform form data before submission */
+    cleanDataBeforeCreate?: (data: any) => void;
+    /** CSS class name for the component */
+    className?: string;
+    /** Buttons to be displayed in the top-right corner */
+    topButtons?: React.ReactNode;
+    /** Props specific to the form component */
+    formProps: {
+        /** Label for the form's submit button */
+        buttonLabel: string;
+        /** Optional CSS class name for the form */
+        className?: string;
+        /** Flag to maintain loading state after submission */
+        keepIsLoading?: boolean;
+        /** Additional data to be passed to the form */
+        requiredData?: Record<string, any>;
+        /** Zod schema for form validation */
+        schema: z.ZodObject<any>;
+    };
+};
+/**
+ * A generic component that handles data creation logic using Redux API mutations
+ * Manages form submission, data transformation, and post-creation callbacks
+ * Also supports template-based default values from Redux state
+ *
+ * @param props Component props
+ * @returns A form component with data creation capabilities
+ *
+ * @example
+ * ```tsx
+ * <CreateDataWrapper
+ *   name="product"
+ *   Form={ProductForm}
+ *   formProps={{
+ *     buttonLabel: "Create Product",
+ *     schema: productSchema
+ *   }}
+ * />
+ * ```
+ */
+export default function CreateDataWrapper({ name, Form, createMutation, doAfterSuccessCreate, cleanDataBeforeCreate, formProps, }: CreateDataWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=create-data-wrapper.d.ts.map

package/dist/components/data-manipulation/create-data-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-data-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/data-manipulation/create-data-wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB;;GAEG;AACH,KAAK,sBAAsB,GAAG;IAC5B,oCAAoC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6EAA6E;IAC7E,IAAI,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,gEAAgE;IAChE,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE;QACzB,QAAQ,EAAE,GAAG,CAAC;QACd,IAAI,EAAE,GAAG,CAAC;QACV,IAAI,EAAE,aAAa,CAAC;KACrB,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC1B,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,2CAA2C;IAC3C,SAAS,EAAE;QACT,yCAAyC;QACzC,WAAW,EAAE,MAAM,CAAC;QACpB,2CAA2C;QAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,sDAAsD;QACtD,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,+CAA+C;QAC/C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnC,qCAAqC;QACrC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,oBAAoB,EACpB,qBAAsC,EACtC,SAAS,GACV,EAAE,sBAAsB,2CAwDxB"}

package/dist/components/data-manipulation/create-data-wrapper.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CreateDataWrapper;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const change_case_all_1 = require("change-case-all");
+const react_1 = require("react");
+const navigation_1 = require("next/navigation");
+const react_redux_1 = require("react-redux");
+const api_provider_1 = require("../api-provider");
+/**
+ * A generic component that handles data creation logic using Redux API mutations
+ * Manages form submission, data transformation, and post-creation callbacks
+ * Also supports template-based default values from Redux state
+ *
+ * @param props Component props
+ * @returns A form component with data creation capabilities
+ *
+ * @example
+ * ```tsx
+ * <CreateDataWrapper
+ *   name="product"
+ *   Form={ProductForm}
+ *   formProps={{
+ *     buttonLabel: "Create Product",
+ *     schema: productSchema
+ *   }}
+ * />
+ * ```
+ */
+function CreateDataWrapper({ name, Form, createMutation, doAfterSuccessCreate, cleanDataBeforeCreate = (data) => data, formProps, }) {
+    const api = (0, api_provider_1.useApi)();
+    const [createData, state] = api[createMutation || `useCreate${(0, change_case_all_1.pascalCase)(name)}Mutation`]();
+    const pathname = (0, navigation_1.usePathname)();
+    /**
+     * Handles form submission and data creation
+     * @param data The form data to be submitted
+     * @param form The react-hook-form form instance
+     * @returns The API response or error
+     */
+    const handleCreateData = (0, react_1.useCallback)(async function handleCreateData(data, form, onError) {
+        const cleanedData = cleanDataBeforeCreate(data);
+        try {
+            const response = await createData(data).unwrap();
+            doAfterSuccessCreate &&
+                (await doAfterSuccessCreate({ response, data: cleanedData, form }));
+            form.reset();
+            return response;
+        }
+        catch (err) {
+            onError?.(data, err);
+            return err;
+        }
+    }, [name, Form]);
+    (0, react_1.useEffect)(() => {
+        const listHref = pathname.split("/");
+        listHref.pop();
+    }, [pathname]);
+    // Get template data from Redux store if available
+    const template = (0, react_redux_1.useSelector)((state) => state.app.template);
+    return ((0, jsx_runtime_1.jsx)(Form, { ...state, ...formProps, ...(template &&
+            template.name === name && {
+            defaultValues: template.data,
+        }), onSubmit: handleCreateData }));
+}
+//# sourceMappingURL=create-data-wrapper.js.map

package/dist/components/data-manipulation/create-data-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-data-wrapper.js","sourceRoot":"","sources":["../../../src/components/data-manipulation/create-data-wrapper.tsx"],"names":[],"mappings":";;AAwEA,oCA+DC;;AAvID,qDAA6C;AAC7C,iCAAsD;AAGtD,gDAA8C;AAC9C,6CAA0C;AAC1C,kDAAyC;AA8CzC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,iBAAiB,CAAC,EACxC,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,oBAAoB,EACpB,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EACtC,SAAS,GACc;IACvB,MAAM,GAAG,GAAG,IAAA,qBAAM,GAAE,CAAC;IACrB,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,GAAI,GAAW,CACtC,cAAc,IAAI,YAAY,IAAA,4BAAU,EAAC,IAAI,CAAC,UAAU,CACzD,EAAE,CAAC;IACJ,MAAM,QAAQ,GAAG,IAAA,wBAAW,GAAE,CAAC;IAE/B;;;;;OAKG;IACH,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,KAAK,UAAU,gBAAgB,CAC7B,IAAsC,EACtC,IAAmB,EACnB,OAAsE;QAEtE,MAAM,WAAW,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAEhD,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;YAEjD,oBAAoB;gBAClB,CAAC,MAAM,oBAAoB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YAEtE,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO,QAAQ,CAAC;QAClB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YACrB,OAAO,GAAG,CAAC;QACb,CAAC;IACH,CAAC,EACD,CAAC,IAAI,EAAE,IAAI,CAAC,CACb,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrC,QAAQ,CAAC,GAAG,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,kDAAkD;IAClD,MAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAEjE,OAAO,CACL,uBAAC,IAAI,OACC,KAAK,KACL,SAAS,KACT,CAAC,QAAQ;YACX,QAAQ,CAAC,IAAI,KAAK,IAAI,IAAI;YACxB,aAAa,EAAE,QAAQ,CAAC,IAAI;SAC7B,CAAC,EACJ,QAAQ,EAAE,gBAAgB,GAC1B,CACH,CAAC;AACJ,CAAC"}

package/dist/components/data-manipulation/update-data-wrapper.d.ts

@@ -0,0 +1,91 @@
+import React from "react";
+import { UseFormReturn } from "react-hook-form";
+import { z } from "zod";
+/**
+ * Props for the form component rendered by UpdateDataWrapper
+ */
+type FormComponentProps = {
+    /** Initial values for the form fields */
+    defaultValues?: any;
+    /** Form submission handler */
+    onSubmit: (data: any, form: UseFormReturn) => void;
+    /** Label for the submit button */
+    buttonLabel: string;
+    /** Optional CSS class name */
+    className?: string;
+    /** Loading state for the form */
+    isLoading?: boolean;
+    /** Zod schema for form validation */
+    schema: z.ZodObject<any>;
+};
+/**
+ * Props for the UpdateDataWrapper
+ */
+type UpdateDataWrapperProps = {
+    /** ID of the record to update */
+    id?: string | number;
+    /** Name identifier used to generate API mutation name if not provided */
+    name: string;
+    /** Form component to render for data updating */
+    Form: (props: FormComponentProps) => React.JSX.Element;
+    /**
+     * Redux API mutation name (e.g., 'useUpdateProductMutation')
+     * If not provided, will be generated as `useUpdate${pascalCase(name)}Mutation`
+     */
+    updateMutation?: string;
+    /** Flag to show alert after successful update */
+    showAlertAfterSuccessUpdate?: boolean;
+    /** Callback function executed after successful data update */
+    doAfterSuccessUpdate?: (x: {
+        response: any;
+        data: any;
+        form: UseFormReturn;
+    }) => Promise<any> | void;
+    /** Function to transform form data before submission */
+    cleanDataBeforeUpdate?: (data: any) => void;
+    /** CSS class name for the component */
+    className?: string;
+    /** Buttons to be displayed in the top-right corner */
+    topButtons?: React.ReactNode;
+    /** Props specific to the form component */
+    formProps: {
+        /** Label for the form's submit button */
+        buttonLabel: string;
+        /** Optional CSS class name for the form */
+        className?: string;
+        /** Flag to maintain loading state after submission */
+        keepIsLoading?: boolean;
+        /** Additional data to be passed to the form */
+        requiredData?: Record<string, any>;
+        /** Zod schema for form validation */
+        schema: z.ZodObject<any>;
+    };
+    /** Additional parameters passed to QueryBaseComponent for data fetching */
+    params?: Record<string, any>;
+};
+/**
+ * A generic component for updating data with form validation and optimized API updates
+ *
+ * Features:
+ * - Integrates with QueryBaseComponent for initial data fetching
+ * - Only sends changed form values to the API
+ * - Supports custom mutation names and callbacks
+ * - Handles form validation with Zod
+ * - Ignores timestamp fields (createdAt, updatedAt, deletedAt) in change detection
+ *
+ * @example
+ * ```tsx
+ * <UpdateDataWrapper
+ *   id="648339adsf043c8ed"
+ *   name="product"
+ *   Form={ProductForm}
+ *   formProps={{
+ *     buttonLabel: "Update Product",
+ *     schema: productSchema
+ *   }}
+ * />
+ * ```
+ */
+export default function UpdateDataWrapper({ id, name, Form, updateMutation, doAfterSuccessUpdate, cleanDataBeforeUpdate, formProps, params, }: UpdateDataWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=update-data-wrapper.d.ts.map

package/dist/components/data-manipulation/update-data-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-data-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/data-manipulation/update-data-wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB;;GAEG;AACH,KAAK,kBAAkB,GAAG;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;CACzB,CAAC;AAEF;;GAEG;AACH,KAAK,sBAAsB,GAAG;IAC5B,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACvD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE;QACzB,QAAQ,EAAE,GAAG,CAAC;QACd,IAAI,EAAE,GAAG,CAAC;QACV,IAAI,EAAE,aAAa,CAAC;KACrB,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC1B,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,2CAA2C;IAC3C,SAAS,EAAE;QACT,yCAAyC;QACzC,WAAW,EAAE,MAAM,CAAC;QACpB,2CAA2C;QAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,sDAAsD;QACtD,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,+CAA+C;QAC/C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnC,qCAAqC;QACrC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;KACzB,CAAC;IACF,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,oBAAoB,EACpB,qBAAsC,EACtC,SAAS,EACT,MAAM,GACP,EAAE,sBAAsB,2CA4DxB"}

package/dist/components/data-manipulation/update-data-wrapper.js

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = UpdateDataWrapper;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const change_case_all_1 = require("change-case-all");
+const react_1 = require("react");
+const api_provider_1 = require("../api-provider");
+const query_boundary_1 = __importDefault(require("../query-boundary"));
+/**
+ * A generic component for updating data with form validation and optimized API updates
+ *
+ * Features:
+ * - Integrates with QueryBaseComponent for initial data fetching
+ * - Only sends changed form values to the API
+ * - Supports custom mutation names and callbacks
+ * - Handles form validation with Zod
+ * - Ignores timestamp fields (createdAt, updatedAt, deletedAt) in change detection
+ *
+ * @example
+ * ```tsx
+ * <UpdateDataWrapper
+ *   id="648339adsf043c8ed"
+ *   name="product"
+ *   Form={ProductForm}
+ *   formProps={{
+ *     buttonLabel: "Update Product",
+ *     schema: productSchema
+ *   }}
+ * />
+ * ```
+ */
+function UpdateDataWrapper({ id, name, Form, updateMutation, doAfterSuccessUpdate, cleanDataBeforeUpdate = (data) => data, formProps, params, }) {
+    const api = (0, api_provider_1.useApi)();
+    const [updateData, state] = api[updateMutation || `useUpdate${(0, change_case_all_1.pascalCase)(name)}Mutation`]();
+    const [fetchedData, setFetchedData] = (0, react_1.useState)();
+    const [dataForm, setDataForm] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        dataForm?.reset(fetchedData);
+    }, [fetchedData]);
+    /**
+     * Handles form submission and data update
+     * Only sends changed fields to the API by comparing with initial values
+     *
+     * @param data Current form data
+     * @param form React Hook Form instance
+     */
+    function handleUpdateData(data, form) {
+        const cleanedData = cleanDataBeforeUpdate(data
+        // getFormChangedValues(
+        //   formProps.schema.optional().safeParse(form?.formState?.defaultValues)
+        //     .data,
+        //   data
+        // )
+        );
+        // Submit update with ID in path and changed data in body
+        updateData({ id, body: cleanedData })
+            .unwrap()
+            .then(async (response) => {
+            doAfterSuccessUpdate &&
+                (await doAfterSuccessUpdate({ response, data: cleanedData, form }));
+            form.reset({ ...data, ...fetchedData });
+            setDataForm(form);
+        })
+            .catch(() => { });
+    }
+    return ((0, jsx_runtime_1.jsx)(query_boundary_1.default, { name: (0, change_case_all_1.camelCase)(name), successComponentProps: {
+            formProps: { ...state, ...formProps, onSubmit: handleUpdateData },
+            Form: Form,
+            fetchedData,
+            setFetchedData,
+        }, SuccessComponent: SuccessComponent, query: "useGetOne", params: { id, ...params }, showReloadAgainButton: false }));
+}
+/**
+ * Renders the form with fetched data
+ */
+function SuccessComponent({ data, Form, formProps, setFetchedData, }) {
+    (0, react_1.useEffect)(() => {
+        setFetchedData(data.data);
+    }, [data]);
+    return (0, jsx_runtime_1.jsx)(Form, { ...formProps, defaultValues: data.data, source: data.data });
+}
+//# sourceMappingURL=update-data-wrapper.js.map

package/dist/components/data-manipulation/update-data-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-data-wrapper.js","sourceRoot":"","sources":["../../../src/components/data-manipulation/update-data-wrapper.tsx"],"names":[],"mappings":";;;;;AA8FA,oCAqEC;;AAnKD,qDAAwD;AACxD,iCAAmD;AAGnD,kDAAyC;AACzC,uEAA8C;AAkE9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,SAAwB,iBAAiB,CAAC,EACxC,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,oBAAoB,EACpB,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EACtC,SAAS,EACT,MAAM,GACiB;IACvB,MAAM,GAAG,GAAG,IAAA,qBAAM,GAAE,CAAC;IACrB,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,GAAI,GAAW,CACtC,cAAc,IAAI,YAAY,IAAA,4BAAU,EAAC,IAAI,CAAC,UAAU,CACzD,EAAE,CAAC;IACJ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAuB,CAAC;IACtE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAE1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB;;;;;;OAMG;IACH,SAAS,gBAAgB,CACvB,IAAsC,EACtC,IAAmB;QAEnB,MAAM,WAAW,GAAG,qBAAqB,CACvC,IAAI;QACJ,wBAAwB;QACxB,0EAA0E;QAC1E,aAAa;QACb,SAAS;QACT,IAAI;SACL,CAAC;QAEF,yDAAyD;QACzD,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;aAClC,MAAM,EAAE;aACR,IAAI,CAAC,KAAK,EAAE,QAAa,EAAE,EAAE;YAC5B,oBAAoB;gBAClB,CAAC,MAAM,oBAAoB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YAEtE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC;YACxC,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACrB,CAAC;IAED,OAAO,CACL,uBAAC,wBAAa,IACZ,IAAI,EAAE,IAAA,2BAAS,EAAC,IAAI,CAAC,EACrB,qBAAqB,EAAE;YACrB,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE;YACjE,IAAI,EAAE,IAAI;YACV,WAAW;YACX,cAAc;SACf,EACD,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,MAAM,EAAE,EACzB,qBAAqB,EAAE,KAAK,GAC5B,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,cAAc,GAOf;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,uBAAC,IAAI,OAAK,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,GAAI,CAAC;AAC9E,CAAC"}

package/dist/components/modals/create.modal.d.ts

@@ -0,0 +1,71 @@
+import React from "react";
+import { z } from "zod";
+import { ModalProps } from "@nomos-ui/common/modals";
+/**
+ * Props for the CreateDataModal component
+ * @template DataType The type of data being created
+ */
+export type CreateDataModalProps<T, FormProps = any> = {
+    /** Optional ID for the modal */
+    id?: string;
+    /** Name identifier for the form/modal - used to generate API mutation name if not provided */
+    name: string;
+    /** Form component to be rendered inside the modal for data creation */
+    Form: (props: any) => React.JSX.Element;
+    /**
+     * Redux API mutation name (e.g., 'useCreateProductMutation')
+     * If not provided, will be generated as `useCreate${pascalCase(name)}Mutation`
+     */
+    createMutation?: string;
+    /** Title displayed in the modal header */
+    title: string;
+    /** Optional description text for the modal */
+    description?: string;
+    /**
+     * When true, maintains the form button's loading state after submission
+     * Useful when additional processing is needed after data creation
+     */
+    keepIsLoading?: boolean;
+    /** Additional data to be passed to the form component */
+    requiredData?: Record<string, any>;
+    /** Flag to show alert after successful creation */
+    showAlertAfterSuccessCreate?: boolean;
+    /**
+     * Callback function executed after successful data creation
+     * Receives the created data and can perform additional operations
+     */
+    doAfterSuccessCreate?: (x: any) => Promise<any> | void;
+    /** Function to transform form data before submission */
+    cleanDataBeforeCreate?: (data: any) => void;
+    /** CSS class name for the modal */
+    className?: string;
+    /** Props for the modal dialog content */
+    contentProps?: ModalProps;
+    /** Zod schema for form validation */
+    schema: z.ZodObject<any>;
+    /** Buttons to be displayed in the top-right corner of the modal, next to the title */
+    topButtons?: React.ReactNode;
+    /** Props specific to the form component */
+    formProps?: FormProps;
+};
+/**
+ * A generic modal component for creating data with form validation
+ * @template DataType The type of data being created
+ * @param props Component props combining CreateDataModalProps and partial ModalProps
+ * @returns A Modal component containing a form for data creation
+ *
+ * @example
+ * ```tsx
+ * <CreateDataModal<UserData>
+ *   name="user"
+ *   title="Create New User"
+ *   schema={userSchema}
+ *   formProps={{ buttonLabel: "Create User" }}
+ *   Form={UserForm}
+ *   isOpen={isOpen}
+ *   setIsOpen={setIsOpen}
+ * />
+ * ```
+ */
+export default function CreateDataModal<DataType, FormProps = any>({ name, title, description, keepIsLoading, requiredData, schema, formProps, topButtons, isOpen, setIsOpen, showConfirmButton, doAfterSuccessCreate, contentProps, ...props }: CreateDataModalProps<DataType, FormProps> & Partial<ModalProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=create.modal.d.ts.map

package/dist/components/modals/create.modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/create.modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAS,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG5D;;;GAGG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,EAAE,SAAS,GAAG,GAAG,IAAI;IACrD,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8FAA8F;IAC9F,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,IAAI,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,mDAAmD;IACnD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACvD,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,qCAAqC;IACrC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;IACxB,sFAAsF;IACtF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,2CAA2C;IAE3C,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAQ,EAAE,SAAS,GAAG,GAAG,EAAE,EACjE,IAAI,EACJ,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,oBAA+B,EAC/B,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,2CAyCjE"}