@nomos-ui/uanela-redux-next 0.0.5 → 0.1.1

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

@@ -1,91 +1,102 @@
 import React from "react";
-import { UseFormReturn } from "react-hook-form";
+import { FieldValues, 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
+ * Props for the UpdateDataWrapper component
+ *
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful update
+ * @template FormProps - Additional props accepted by the Form component
  */
-type UpdateDataWrapperProps = {
+type UpdateDataWrapperProps<Input extends FieldValues, Response, FormProps extends Record<string, any> = Record<string, any>> = {
     /** 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;
+    Form: (props: any) => React.JSX.Element;
     /**
-     * Redux API mutation name (e.g., 'useUpdateProductMutation')
-     * If not provided, will be generated as `useUpdate${pascalCase(name)}Mutation`
+     * The mutation hook to call for data update.
+     * Pass the hook itself (e.g. useUpdateProductMutation), not its result.
+     * The component will call it internally following React's rules of hooks.
+     *
+     * @example
+     * useMutation={useUpdateProductMutation}
+     */
+    useMutation: () => any;
+    /**
+     * The query hook to fetch the existing record.
+     * Pass the hook itself (e.g. useGetProductQuery), not its result.
+     *
+     * @example
+     * useQuery={useGetProductQuery}
+     */
+    useQuery: (params: any) => any;
+    /**
+     * Callback executed after successful data update.
+     * Receives the API response, the cleaned submitted data, and the form instance.
+     *
+     * @param x.response - The raw API response
+     * @param x.data - The cleaned data that was submitted
+     * @param x.form - The react-hook-form instance typed to Input
      */
-    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;
+        response: Response;
+        data: Input;
+        form: UseFormReturn<Input>;
     }) => 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: {
+    /**
+     * Optional function to transform or clean the form data before submission.
+     * Defaults to an identity function (returns data as-is).
+     *
+     * @param data - Raw form data
+     * @returns Cleaned data to be submitted
+     */
+    cleanDataBeforeUpdate?: (data: Input) => Input;
+    /** Additional parameters passed to the query hook for data fetching */
+    params?: Record<string, any>;
+    /** Props passed directly to the Form component */
+    formProps: 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 */
+        /** If true, keeps the loading state active after submission */
         keepIsLoading?: boolean;
-        /** Additional data to be passed to the form */
+        /** Additional data required by the form (e.g. select options, related records) */
         requiredData?: Record<string, any>;
-        /** Zod schema for form validation */
+        /** Zod schema used 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
+ * A generic wrapper that handles data update logic independently of the query library.
+ * Supports both RTK Query and TanStack Query via the provider config.
+ *
+ * Responsibilities:
+ * - Fetches existing record via useQuery and populates form default values
+ * - Calls the provided mutation hook
+ * - Extracts and normalizes the trigger function based on the query library
+ * - Passes all raw mutation state directly to the Form (no normalization)
+ * - Handles submit orchestration: cleaning data, triggering mutation, running callbacks, resetting form
  *
- * 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
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful update
+ * @template FormProps - Additional props accepted by the Form component
  *
  * @example
  * ```tsx
- * <UpdateDataWrapper
- *   id="648339adsf043c8ed"
- *   name="product"
+ * <UpdateDataWrapper<UpdateProductInput, Product, ProductFormProps>
+ *   id={productId}
  *   Form={ProductForm}
+ *   useMutation={useUpdateProductMutation}
+ *   useQuery={useGetProductQuery}
+ *   doAfterSuccessUpdate={({ response }) => router.push(`/products`)}
  *   formProps={{
  *     buttonLabel: "Update Product",
- *     schema: productSchema
+ *     schema: productSchema,
  *   }}
  * />
  * ```
  */
-export default function UpdateDataWrapper({ id, name, Form, updateMutation, doAfterSuccessUpdate, cleanDataBeforeUpdate, formProps, params, }: UpdateDataWrapperProps): import("react/jsx-runtime").JSX.Element;
+export default function UpdateDataWrapper<Input extends FieldValues, Response, FormProps extends Record<string, any> = Record<string, any>>({ id, Form, useMutation, useQuery, doAfterSuccessUpdate, cleanDataBeforeUpdate, formProps, params, }: UpdateDataWrapperProps<Input, Response, FormProps>): 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

@@ -1 +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"}
+{"version":3,"file":"update-data-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/data-manipulation/update-data-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB;;;;;;GAMG;AACH,KAAK,sBAAsB,CACzB,KAAK,SAAS,WAAW,EACzB,QAAQ,EACR,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACzD;IACF,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,iDAAiD;IACjD,IAAI,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC;;;;;;;OAOG;IACH,WAAW,EAAE,MAAM,GAAG,CAAC;IACvB;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/B;;;;;;;OAOG;IACH,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE;QACzB,QAAQ,EAAE,QAAQ,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;KAC5B,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC1B;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,KAAK,CAAC;IAC/C,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,kDAAkD;IAClD,SAAS,EAAE,SAAS,GAAG;QACrB,yCAAyC;QACzC,WAAW,EAAE,MAAM,CAAC;QACpB,2CAA2C;QAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,+DAA+D;QAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,kFAAkF;QAClF,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnC,0CAA0C;QAC1C,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,KAAK,SAAS,WAAW,EACzB,QAAQ,EACR,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3D,EACA,EAAE,EACF,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,oBAAoB,EACpB,qBAAsC,EACtC,SAAS,EACT,MAAM,GACP,EAAE,sBAAsB,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,2CA0DpD"}

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

@@ -5,76 +5,81 @@ var __importDefault = (this && this.__importDefault) || function (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 core_1 = require("@nomos-ui/core");
+const utils_1 = require("@nomos-ui/core/utils");
 const query_boundary_1 = __importDefault(require("../query-boundary"));
 /**
- * A generic component for updating data with form validation and optimized API updates
+ * A generic wrapper that handles data update logic independently of the query library.
+ * Supports both RTK Query and TanStack Query via the provider config.
  *
- * 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
+ * Responsibilities:
+ * - Fetches existing record via useQuery and populates form default values
+ * - Calls the provided mutation hook
+ * - Extracts and normalizes the trigger function based on the query library
+ * - Passes all raw mutation state directly to the Form (no normalization)
+ * - Handles submit orchestration: cleaning data, triggering mutation, running callbacks, resetting form
+ *
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful update
+ * @template FormProps - Additional props accepted by the Form component
  *
  * @example
  * ```tsx
- * <UpdateDataWrapper
- *   id="648339adsf043c8ed"
- *   name="product"
+ * <UpdateDataWrapper<UpdateProductInput, Product, ProductFormProps>
+ *   id={productId}
  *   Form={ProductForm}
+ *   useMutation={useUpdateProductMutation}
+ *   useQuery={useGetProductQuery}
+ *   doAfterSuccessUpdate={({ response }) => router.push(`/products`)}
  *   formProps={{
  *     buttonLabel: "Update Product",
- *     schema: productSchema
+ *     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`]();
+function UpdateDataWrapper({ id, Form, useMutation, useQuery, doAfterSuccessUpdate, cleanDataBeforeUpdate = (data) => data, formProps, params, }) {
+    const { config } = (0, core_1.useProvider)();
+    const mutationResult = useMutation();
+    const { trigger, state } = (0, utils_1.extractMutation)(mutationResult, config.queryLibrary);
     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
+     * Handles form submission and data update.
+     * Cleans the data, triggers the mutation with id + body, runs the success callback, and resets the form.
      *
-     * @param data Current form data
-     * @param form React Hook Form instance
+     * @param data - The validated form data
+     * @param form - The react-hook-form instance
+     * @param onError - Optional callback invoked with the original data and error on failure
      */
-    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 }));
+    const handleUpdateData = (0, react_1.useCallback)(async function (data, form, onError) {
+        const cleanedData = cleanDataBeforeUpdate(data);
+        try {
+            const response = await trigger({ id, body: cleanedData });
+            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: {
+            return response;
+        }
+        catch (err) {
+            onError?.(data, err);
+            return err;
+        }
+    }, [trigger, id, fetchedData]);
+    return ((0, jsx_runtime_1.jsx)(query_boundary_1.default, { useQuery: useQuery, successComponentProps: {
             formProps: { ...state, ...formProps, onSubmit: handleUpdateData },
-            Form: Form,
+            Form,
             fetchedData,
             setFetchedData,
-        }, SuccessComponent: SuccessComponent, query: "useGetOne", params: { id, ...params }, showReloadAgainButton: false }));
+        }, SuccessComponent: SuccessComponent, params: { id, ...params }, showReloadAgainButton: false }));
 }
 /**
- * Renders the form with fetched data
+ * Internal component that renders the form with fetched data.
+ * Sets the fetched data on mount so the form can populate default values.
  */
 function SuccessComponent({ data, Form, formProps, setFetchedData, }) {
     (0, react_1.useEffect)(() => {

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

@@ -1 +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"}
+{"version":3,"file":"update-data-wrapper.js","sourceRoot":"","sources":["../../../src/components/data-manipulation/update-data-wrapper.tsx"],"names":[],"mappings":";;;;;AA4GA,oCAuEC;;AAnLD,iCAAgE;AAGhE,yCAA6C;AAC7C,gDAAuD;AACvD,uEAA8C;AAyE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,SAAwB,iBAAiB,CAIvC,EACA,EAAE,EACF,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,oBAAoB,EACpB,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EACtC,SAAS,EACT,MAAM,GAC6C;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAW,GAAE,CAAC;IACjC,MAAM,cAAc,GAAG,WAAW,EAAE,CAAC;IACrC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAe,EACxC,cAAc,EACd,MAAM,CAAC,YAAY,CACpB,CAAC;IAEF,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;;;;;;;OAOG;IACH,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,KAAK,WACH,IAAW,EACX,IAA0B,EAC1B,OAA2C;QAE3C,MAAM,WAAW,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAS,CAAC,CAAC;YACjE,MAAM,oBAAoB,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;YACpE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC;YACxC,WAAW,CAAC,IAAW,CAAC,CAAC;YACzB,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,OAAO,EAAE,EAAE,EAAE,WAAW,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE;YACrB,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE;YACjE,IAAI;YACJ,WAAW;YACX,cAAc;SACf,EACD,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,MAAM,EAAE,EACzB,qBAAqB,EAAE,KAAK,GAC5B,CACH,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,cAAc,GASf;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/update.modal.d.ts

@@ -1,71 +1,96 @@
 import React from "react";
 import { z } from "zod";
+import { FieldValues, UseFormReturn } from "react-hook-form";
 import { ModalProps } from "@nomos-ui/common/modals";
 /**
  * Props for the UpdateDataModal component
- * @template DataType The type of data being updated
+ *
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful update
+ * @template FormProps - Additional props accepted by the Form component
  */
-export type UpdateDataModalProps<DataType, 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;
+export type UpdateDataModalProps<Input extends FieldValues, Response, FormProps extends Record<string, any> = Record<string, any>> = {
+    /** ID of the record to update */
+    id?: string | number;
     /** Form component rendered inside the modal */
     Form: (props: any) => React.JSX.Element;
     /**
-     * Redux API mutation name (e.g., 'useUpdateProductMutation')
-     * If not provided, will be generated as `useUpdate${pascalCase(name)}Mutation`
+     * The mutation hook to call for data update.
+     * Pass the hook itself (e.g. useUpdateProductMutation), not its result.
+     * The component will call it internally following React's rules of hooks.
+     *
+     * @example
+     * useMutation={useUpdateProductMutation}
+     */
+    useMutation: () => any;
+    /**
+     * The query hook to fetch the existing record.
+     * Pass the hook itself (e.g. useGetProductQuery), not its result.
+     *
+     * @example
+     * useQuery={useGetProductQuery}
      */
-    updateMutation?: string;
+    useQuery: (params: any, options?: any) => any;
     /** Title displayed in the modal header */
     title: string;
     /** Optional description displayed under the title */
     description?: string;
     /**
-     * When true, maintains the form button loading state after submission
-     * Useful for extra processing after data update
+     * When true, maintains the form button loading state after submission.
+     * Useful for extra processing after data update.
      */
     keepIsLoading?: boolean;
     /** Additional data passed to the form */
     requiredData?: Record<string, any>;
-    /** Whether to show alert after success */
-    showAlertAfterSuccessUpdate?: boolean;
     /**
-     * Callback executed after successful update
-     * Receives updated data
+     * Callback executed after successful update and modal close.
+     * Receives the API response, the cleaned submitted data, and the form instance.
+     *
+     * @param x.response - The raw API response
+     * @param x.data - The cleaned data that was submitted
+     * @param x.form - The react-hook-form instance typed to Input
      */
-    doAfterSuccessUpdate?: (x: any) => Promise<any> | void;
-    /** Transform form data before sending to mutation */
-    cleanDataBeforeUpdate?: (data: any) => void;
-    /** Custom class applied to the modal container */
-    className?: string;
+    doAfterSuccessUpdate?: (x: {
+        response: Response;
+        data: Input;
+        form: UseFormReturn<Input>;
+    }) => Promise<any> | void;
+    /**
+     * Optional function to transform or clean the form data before submission.
+     * Defaults to an identity function (returns data as-is).
+     */
+    cleanDataBeforeUpdate?: (data: Input) => Input;
+    /** Props that apply to Radix Dialog content wrapper */
+    contentProps?: Omit<ModalProps, "children">;
     /** Zod schema for form validation */
     schema: z.ZodObject<any>;
-    /** Buttons displayed next to the modal title */
-    topButtons?: React.ReactNode;
     /** Additional props forwarded to the form */
     formProps?: FormProps;
-    /** Props that apply to Radix Dialog content wrapper */
-    contentProps?: Omit<ModalProps, "children">;
+    /** Additional parameters passed to the query hook for data fetching */
+    params?: Record<string, any>;
 };
 /**
  * A generic modal component for updating data with form validation.
+ * Wraps UpdateDataWrapper inside a Modal, handling modal close after successful update.
  *
- * @template DataType The type of data being updated
- * @param props Component props combining UpdateDataModalProps and partial ModalProps
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful update
+ * @template FormProps - Additional props accepted by the Form component
  *
  * @example
  * ```tsx
- * <UpdateDataModal<UserData>
- *   name="user"
- *   title="Edit User"
- *   schema={userSchema}
- *   Form={UserForm}
+ * <UpdateDataModal<UpdateProductInput, Product, ProductFormProps>
+ *   id={productId}
+ *   title="Edit Product"
+ *   schema={productSchema}
+ *   Form={ProductForm}
+ *   useMutation={useUpdateProductMutation}
+ *   useQuery={useGetProductQuery}
+ *   formProps={{ buttonLabel: "Save Changes" }}
  *   isOpen={isOpen}
  *   setIsOpen={setIsOpen}
- *   formProps={{ buttonLabel: "Save Changes" }}
  * />
  * ```
  */
-export default function UpdateDataModal<DataType, FormProps = any>({ name, title, description, keepIsLoading, requiredData, schema, formProps, topButtons, isOpen, setIsOpen, showConfirmButton, doAfterSuccessUpdate, contentProps, ...props }: UpdateDataModalProps<DataType, FormProps> & Partial<ModalProps>): import("react/jsx-runtime").JSX.Element;
+export default function UpdateDataModal<Input extends FieldValues, Response, FormProps extends Record<string, any> = Record<string, any>>({ id, title, description, keepIsLoading, requiredData, schema, formProps, isOpen, setIsOpen, showConfirmButton, doAfterSuccessUpdate, cleanDataBeforeUpdate, contentProps, Form, useMutation, useQuery, params, }: UpdateDataModalProps<Input, Response, FormProps> & Partial<ModalProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=update.modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"update.modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/update.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,QAAQ,EAAE,SAAS,GAAG,GAAG,IAAI;IAC5D,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8FAA8F;IAC9F,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,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,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,0CAA0C;IAC1C,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACvD,qDAAqD;IACrD,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACzB,gDAAgD;IAChD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uDAAuD;IACvD,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;CAC7C,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"}
+{"version":3,"file":"update.modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/update.modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,EAAS,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG5D;;;;;;GAMG;AACH,MAAM,MAAM,oBAAoB,CAC9B,KAAK,SAAS,WAAW,EACzB,QAAQ,EACR,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IACzD;IACF,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,+CAA+C;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC;;;;;;;OAOG;IACH,WAAW,EAAE,MAAM,GAAG,CAAC;IACvB;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9C,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC;;;;;;;OAOG;IACH,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE;QACzB,QAAQ,EAAE,QAAQ,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;KAC5B,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,KAAK,CAAC;IAC/C,uDAAuD;IACvD,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC5C,qCAAqC;IACrC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACzB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,KAAK,SAAS,WAAW,EACzB,QAAQ,EACR,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3D,EACA,EAAE,EACF,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,GACP,EAAE,oBAAoB,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,2CAkDxE"}

package/dist/components/modals/update.modal.js

@@ -1,4 +1,3 @@
-"use client";
 "use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -12,36 +11,41 @@ const modals_1 = require("@nomos-ui/common/modals");
 const update_data_wrapper_1 = __importDefault(require("../data-manipulation/update-data-wrapper"));
 /**
  * A generic modal component for updating data with form validation.
+ * Wraps UpdateDataWrapper inside a Modal, handling modal close after successful update.
  *
- * @template DataType The type of data being updated
- * @param props Component props combining UpdateDataModalProps and partial ModalProps
+ * @template Input - The shape of the form values / data being submitted
+ * @template Response - The shape of the API response returned after successful update
+ * @template FormProps - Additional props accepted by the Form component
  *
  * @example
  * ```tsx
- * <UpdateDataModal<UserData>
- *   name="user"
- *   title="Edit User"
- *   schema={userSchema}
- *   Form={UserForm}
+ * <UpdateDataModal<UpdateProductInput, Product, ProductFormProps>
+ *   id={productId}
+ *   title="Edit Product"
+ *   schema={productSchema}
+ *   Form={ProductForm}
+ *   useMutation={useUpdateProductMutation}
+ *   useQuery={useGetProductQuery}
+ *   formProps={{ buttonLabel: "Save Changes" }}
  *   isOpen={isOpen}
  *   setIsOpen={setIsOpen}
- *   formProps={{ buttonLabel: "Save Changes" }}
  * />
  * ```
  */
-function UpdateDataModal({ name, title, description, keepIsLoading, requiredData, schema, formProps, topButtons, isOpen, setIsOpen, showConfirmButton, doAfterSuccessUpdate = () => { }, contentProps, ...props }) {
+function UpdateDataModal({ id, title, description, keepIsLoading, requiredData, schema, formProps, isOpen, setIsOpen, showConfirmButton, doAfterSuccessUpdate, cleanDataBeforeUpdate, contentProps, Form, useMutation, useQuery, params, }) {
     /**
-     * Handles modal closure and runs post-success callback.
-     * @param data Updated data
+     * Closes the modal then fires the post-update callback if provided.
+     *
+     * @param x - The object received from UpdateDataWrapper's doAfterSuccessUpdate
      */
-    const handleCloseModal = (0, react_1.useCallback)(function handleCloseModal(data) {
+    const handleCloseModal = (0, react_1.useCallback)(async function handleCloseModal(x) {
         setIsOpen(false);
-        doAfterSuccessUpdate(data);
-    }, [name]);
+        await doAfterSuccessUpdate?.(x);
+    }, [doAfterSuccessUpdate, setIsOpen]);
     return ((0, jsx_runtime_1.jsx)(modals_1.Modal, { title: title, description: description, setIsOpen: setIsOpen, isOpen: isOpen, showConfirmButton: showConfirmButton, contentProps: {
             ...contentProps,
             className: (0, tailwind_merge_1.twMerge)(contentProps?.className, "max-h-[80vh] md:max-h-[90vh] overflow-auto"),
-        }, children: (0, jsx_runtime_1.jsx)(update_data_wrapper_1.default, { ...props, name: name, doAfterSuccessUpdate: handleCloseModal, formProps: {
+        }, children: (0, jsx_runtime_1.jsx)(update_data_wrapper_1.default, { id: id, Form: Form, useMutation: useMutation, useQuery: useQuery, cleanDataBeforeUpdate: cleanDataBeforeUpdate, doAfterSuccessUpdate: handleCloseModal, params: params, formProps: {
                 ...formProps,
                 keepIsLoading,
                 requiredData,

package/dist/components/modals/update.modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"update.modal.js","sourceRoot":"","sources":["../../../src/components/modals/update.modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;AA2Eb,kCAwDC;;AAjID,iCAA2C;AAE3C,mDAAyC;AACzC,oDAA4D;AAC5D,mGAAyE;AAkDzE;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAwB,eAAe,CAA4B,EACjE,IAAI,EACJ,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,EACT,UAAU,EACV,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,oBAAoB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC/B,YAAY,EACZ,GAAG,KAAK,EACwD;IAChE;;;OAGG;IACH,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,SAAS,gBAAgB,CAAC,IAAS;QACjC,SAAU,CAAC,KAAK,CAAC,CAAC;QAClB,oBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO,CACL,uBAAC,cAAK,IACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,IAAA,wBAAO,EAChB,YAAY,EAAE,SAAS,EACvB,4CAA4C,CAC7C;SACF,YAED,uBAAC,6BAAiB,OACZ,KAAK,EACT,IAAI,EAAE,IAAI,EACV,oBAAoB,EAAE,gBAAgB,EACtC,SAAS,EAAE;gBACT,GAAI,SAAiB;gBACrB,aAAa;gBACb,YAAY;gBACZ,MAAM;aACP,GACD,GACI,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"update.modal.js","sourceRoot":"","sources":["../../../src/components/modals/update.modal.tsx"],"names":[],"mappings":";;;;;AAsGA,kCAwEC;;AA9KD,iCAA2C;AAG3C,mDAAyC;AACzC,oDAA4D;AAC5D,mGAAyE;AA0EzE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,SAAwB,eAAe,CAIrC,EACA,EAAE,EACF,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,GACiE;IACvE;;;;OAIG;IACH,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,KAAK,UAAU,gBAAgB,CAAC,CAI/B;QACC,SAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAClC,CAAC;IAEF,OAAO,CACL,uBAAC,cAAK,IACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE;YACZ,GAAG,YAAY;YACf,SAAS,EAAE,IAAA,wBAAO,EAChB,YAAY,EAAE,SAAS,EACvB,4CAA4C,CAC7C;SACF,YAED,uBAAC,6BAAiB,IAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,oBAAoB,EAAE,gBAAgB,EACtC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE;gBACT,GAAI,SAAiB;gBACrB,aAAa;gBACb,YAAY;gBACZ,MAAM;aACP,GACD,GACI,CACT,CAAC;AACJ,CAAC"}

package/dist/components/pages/create-data-page/index.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CreateDataPage;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const navigation_1 = require("next/navigation");
 const create_data_wrapper_1 = __importDefault(require("../../data-manipulation/create-data-wrapper"));
 const page_title_and_description_1 = __importDefault(require("../components/page-title-and-description"));
+const hooks_1 = require("@nomos-ui/core/hooks");
 /**
  * A generic page component for creating data with form validation.
  * Wraps CreateDataWrapper inside a page layout with a title, description, and optional top buttons.
@@ -29,7 +29,7 @@ const page_title_and_description_1 = __importDefault(require("../components/page
  * ```
  */
 function CreateDataPage({ title, description, keepIsLoading, requiredData, schema, formProps, topButtons, Form, useMutation, doAfterSuccessCreate, cleanDataBeforeCreate, }) {
-    const pathname = (0, navigation_1.usePathname)();
+    const pathname = (0, hooks_1.usePathname)();
     const listHref = pathname.split("/");
     listHref.pop();
     return ((0, jsx_runtime_1.jsxs)("div", { className: "grid md:gap-4 gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-between items-center", children: (0, jsx_runtime_1.jsx)(page_title_and_description_1.default, { title: title, description: description }) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-background rounded-lg lg:h-[calc(100vh-154px)] h-[calc(100vh-140px)] md:p-4 p-2 border-input border", children: (0, jsx_runtime_1.jsx)("div", { className: "main-container-content", children: (0, jsx_runtime_1.jsx)(create_data_wrapper_1.default, { Form: Form, useMutation: useMutation, cleanDataBeforeCreate: cleanDataBeforeCreate, doAfterSuccessCreate: doAfterSuccessCreate, formProps: {

package/dist/components/pages/create-data-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pages/create-data-page/index.tsx"],"names":[],"mappings":";;;;;AA4FA,iCAwDC;;AAjJD,gDAA8C;AAC9C,sGAA4E;AAC5E,0GAA+E;AAmE/E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,cAAc,CAIpC,EACA,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,EACT,UAAU,EACV,IAAI,EACJ,WAAW,EACX,oBAAoB,EACpB,qBAAqB,GAC2B;IAChD,MAAM,QAAQ,GAAG,IAAA,wBAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,QAAQ,CAAC,GAAG,EAAE,CAAC;IAEf,OAAO,CACL,iCAAK,SAAS,EAAC,qBAAqB,aAClC,gCAAK,SAAS,EAAC,mCAAmC,YAChD,uBAAC,oCAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,GAAI,GAa/D,EACN,gCAAK,SAAS,EAAC,wGAAwG,YACrH,gCAAK,SAAS,EAAC,wBAAwB,YACrC,uBAAC,6BAAiB,IAChB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,qBAAqB,EAC5C,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE;4BACT,GAAG,SAAS;4BACZ,aAAa;4BACb,YAAY;4BACZ,MAAM;yBACP,GACD,GACE,GACF,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pages/create-data-page/index.tsx"],"names":[],"mappings":";;;;;AA4FA,iCAwDC;;AAjJD,sGAA4E;AAC5E,0GAA+E;AAC/E,gDAAmD;AAmEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,cAAc,CAIpC,EACA,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,EACT,UAAU,EACV,IAAI,EACJ,WAAW,EACX,oBAAoB,EACpB,qBAAqB,GAC2B;IAChD,MAAM,QAAQ,GAAG,IAAA,mBAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,QAAQ,CAAC,GAAG,EAAE,CAAC;IAEf,OAAO,CACL,iCAAK,SAAS,EAAC,qBAAqB,aAClC,gCAAK,SAAS,EAAC,mCAAmC,YAChD,uBAAC,oCAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,GAAI,GAa/D,EACN,gCAAK,SAAS,EAAC,wGAAwG,YACrH,gCAAK,SAAS,EAAC,wBAAwB,YACrC,uBAAC,6BAAiB,IAChB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,qBAAqB,EAC5C,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE;4BACT,GAAG,SAAS;4BACZ,aAAa;4BACb,YAAY;4BACZ,MAAM;yBACP,GACD,GACE,GACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/pages/list-page/header-action-buttons.d.ts

@@ -1,7 +1,18 @@
 import { ListPageProps } from "./list-page";
 import { ListPageTemplateProps } from "./template";
 import { BaseData } from "./table/table";
+/**
+ * Props for the HeaderActionButtons component
+ *
+ * @template T - The type of data being listed
+ */
 type HeaderActionButtonsProps<T extends BaseData> = Partial<ListPageTemplateProps<T>>;
+/**
+ * Renders the create button and optional top buttons in the list page header.
+ * Navigates to the create page by default, or calls the provided onClickCreate callback.
+ *
+ * @template T - The type of data being listed
+ */
 export default function HeaderActionButtons<T extends BaseData>({ topButtons, onClickCreate, }: HeaderActionButtonsProps<T> & Partial<ListPageProps<T>>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=header-action-buttons.d.ts.map

package/dist/components/pages/list-page/header-action-buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-action-buttons.d.ts","sourceRoot":"","sources":["../../../../src/components/pages/list-page/header-action-buttons.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,KAAK,wBAAwB,CAAC,CAAC,SAAS,QAAQ,IAAI,OAAO,CACzD,qBAAqB,CAAC,CAAC,CAAC,CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,SAAS,QAAQ,EAAE,EAC9D,UAAU,EACV,aAAa,GACd,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,2CAwBzD"}
+{"version":3,"file":"header-action-buttons.d.ts","sourceRoot":"","sources":["../../../../src/components/pages/list-page/header-action-buttons.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;GAIG;AACH,KAAK,wBAAwB,CAAC,CAAC,SAAS,QAAQ,IAAI,OAAO,CACzD,qBAAqB,CAAC,CAAC,CAAC,CACzB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,SAAS,QAAQ,EAAE,EAC9D,UAAU,EACV,aAAa,GACd,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,2CAuBzD"}

package/dist/components/pages/list-page/header-action-buttons.js

@@ -1,20 +1,25 @@
-"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = HeaderActionButtons;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const lucide_react_1 = require("lucide-react");
-const navigation_1 = require("next/navigation");
+const hooks_1 = require("@nomos-ui/core/hooks");
 const common_1 = require("@nomos-ui/common");
+/**
+ * Renders the create button and optional top buttons in the list page header.
+ * Navigates to the create page by default, or calls the provided onClickCreate callback.
+ *
+ * @template T - The type of data being listed
+ */
 function HeaderActionButtons({ topButtons, onClickCreate, }) {
-    const pathname = (0, navigation_1.usePathname)();
-    const router = (0, navigation_1.useRouter)();
-    return ((0, jsx_runtime_1.jsx)("div", { className: " flex items-center justify-between small-sm:mb-2 overflow-auto ", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: (e) => {
+    const pathname = (0, hooks_1.usePathname)();
+    const navigate = (0, hooks_1.useNavigate)();
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-between small-sm:mb-2 overflow-auto", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: (e) => {
                         if (!onClickCreate)
-                            router.push(`${pathname}/create`);
+                            navigate(`${pathname}/create`);
                         else
                             onClickCreate(e);
-                    }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.PlusIcon, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { className: "hidden sm:inline", children: "Adicionar " })] }), topButtons &&
+                    }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.PlusIcon, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { className: "hidden sm:inline", children: "Adicionar" })] }), topButtons &&
                     topButtons.map((button, i) => ((0, jsx_runtime_1.jsx)("div", { children: button }, i)))] }) }));
 }
 //# sourceMappingURL=header-action-buttons.js.map