@m4l/layouts 9.3.8 → 9.3.9-BE28072025-beta.1

package/hooks/useDynamicPaperForm/types.d.ts

@@ -1,12 +1,12 @@
 import { PropertyValueProps, RHFTextFieldProps } from '@m4l/components';
 interface PropertyValueFieldBase extends Pick<PropertyValueProps, 'semanticWidth'> {
     name: string;
-    type: 'RHFTexfField' | 'component';
+    type: 'RHFTextField' | 'component';
     label: string;
     mandatory?: boolean;
 }
-interface PropertyValueRHFTexfField extends PropertyValueFieldBase, Pick<RHFTextFieldProps, 'multiline' | 'rows'> {
-    type: 'RHFTexfField';
+interface PropertyValueRHFTextField extends PropertyValueFieldBase, Pick<RHFTextFieldProps, 'multiline' | 'rows'> {
+    type: 'RHFTextField';
     readOnly?: boolean;
     disabled?: boolean;
     textFieldType?: React.InputHTMLAttributes<unknown>['type'];
@@ -16,7 +16,7 @@ export interface PropertyValueOtherComponent<T extends React.ComponentType<any>>
     component: T;
     componentProps: React.ComponentProps<T>;
 }
-export type PropertyValueField = PropertyValueRHFTexfField | PropertyValueOtherComponent<any>;
+export type PropertyValueField = PropertyValueRHFTextField | PropertyValueOtherComponent<any>;
 export type UseDynamicPaperFormProps = {
     fields: PropertyValueField[];
     title: string;

package/hooks/useDynamicPaperForm/useDynamicPaperForm.js

@@ -15,7 +15,7 @@ function useDynamicPaperForm(props) {
       isForm,
       children: fields.map((field) => {
         let component;
-        if (field.type === "RHFTexfField") {
+        if (field.type === "RHFTextField") {
           component = /* @__PURE__ */ jsx(
             RHFTextField,
             {

package/hooks/useNetworkActionConfirm/types.d.ts

@@ -1,5 +1,12 @@
 import { NetworkProps } from '@m4l/core';
-export interface UseNetworkConfirmActionProps<T> {
+export type NetworkConfirmResponse = {
+    message: string;
+};
+export type ToastConfig = {
+    title: string;
+    description?: string;
+};
+export interface UseNetworkActionConfirmProps<T, K extends NetworkConfirmResponse = NetworkConfirmResponse> {
     /**
      * Función para refrescar la lista
      */
@@ -11,9 +18,13 @@ export interface UseNetworkConfirmActionProps<T> {
     /**
      * Título del modal
      */
-    title: string;
+    title: string | ((obj: T) => string);
     /**
      * Mensaje del modal
      */
-    message: string;
+    message: string | ((obj: T) => string);
+    /**
+     * Configuración personalizada de la notificación de toast success, si retorna undefined o null no se muestra la notificación
+     */
+    customToastConfig?: (obj: T, response: K) => ToastConfig | undefined | null;
 }

package/hooks/useNetworkActionConfirm/useNetworkActionConfirm.d.ts

@@ -1,7 +1,7 @@
-import { UseNetworkConfirmActionProps } from './types';
+import { NetworkConfirmResponse, UseNetworkActionConfirmProps } from './types';
 /**
  * Obtiene las acciones de fila
  */
-export declare function useNetworkActionConfirm<T>(props: UseNetworkConfirmActionProps<T>): {
+export declare function useNetworkActionConfirm<T, K extends NetworkConfirmResponse = NetworkConfirmResponse>(props: UseNetworkActionConfirmProps<T, K>): {
     onAction: (obj: T) => void;
 };

package/hooks/useNetworkActionConfirm/useNetworkActionConfirm.js

@@ -3,7 +3,7 @@ import { useModal, useWindowToolsMF, WindowConfirm } from "@m4l/components";
 import { useNetwork, useHostTools } from "@m4l/core";
 import { useCallback } from "react";
 function useNetworkActionConfirm(props) {
-  const { fullRefresh, getEndPoint, title, message } = props;
+  const { fullRefresh, getEndPoint, title, message, customToastConfig } = props;
   const { networkOperation } = useNetwork();
   const { toast } = useHostTools();
   const { openModal, closeModal } = useModal();
@@ -16,22 +16,29 @@ function useNetworkActionConfirm(props) {
       },
       ...getEndPoint(obj)
     }).then((response) => {
-      toast({ title: `${response.message}` }, { type: "success" });
+      if (customToastConfig) {
+        const toastConfig = customToastConfig(obj, response);
+        if (toastConfig) {
+          toast(toastConfig, { type: "success" });
+        }
+      } else {
+        toast({ title: `${response.message}` }, { type: "success" });
+      }
     }).catch((response) => {
       toast({ title: `${response.message}` }, { type: "error" });
     }).finally(() => {
       fullRefresh(obj);
     });
     closeModal();
-  }, [closeModal, fullRefresh, networkOperation, toast, startProgress, stopProgress, getEndPoint]);
+  }, [networkOperation, startProgress, stopProgress, getEndPoint, closeModal, customToastConfig, toast, fullRefresh]);
   const onAction = useCallback(
     (obj) => {
       openModal({
         window: /* @__PURE__ */ jsx(
           WindowConfirm,
           {
-            title,
-            msg: message,
+            title: typeof title === "function" ? title(obj) : title,
+            msg: typeof message === "function" ? message(obj) : message,
             onClickIntro: () => onConfirm(obj)
           }
         ),

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.3.8",
+  "version": "9.3.9-BE28072025-beta.1",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "peerDependencies": {
-    "@m4l/components": "^9.0.0",
+    "@m4l/components": "9.3.1-BE28072025-beta.1",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "^7.0.0",
-    "@m4l/styles": "^7.0.0"
+    "@m4l/graphics": "7.1.3-BE28072025-beta.1",
+    "@m4l/styles": "7.1.31-BE28072025-beta.1"
   },
   "resolutions": {
     "glob": "^10.4.5",