@m4l/layouts 9.2.0 → 9.2.1-beta.1

package/components/ModuleDetailTabs/ModuleDetailTabs.d.ts

@@ -2,4 +2,4 @@ import { ModuleDetailTabsProps } from './types';
 /**
  * Componente para mostrar un listado de tabs y contenido en un MasterDetail, basado en las props
  */
-export declare function ModuleDetailTabs(props: ModuleDetailTabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModuleDetailTabs<T extends Record<string, any> = Record<string, any>>(props: ModuleDetailTabsProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/ModuleDetailTabs/ModuleDetailTabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ModuleDetailTabs/types.d.ts

@@ -51,7 +51,14 @@ export interface ModuleDatailTab<T extends Record<string, any> = Record<string,
 /**
  * Interfaz para las props del tab de logs
  */
-export interface ModuleDetailObjectLogs extends ModuleDetailBaseTab {
+export interface ModuleDetailBaseObjectLogs extends ModuleDetailBaseTab {
+    type?: 'm4l' | 'other';
+}
+/**
+ * Interfaz para las props del tab de logs
+ */
+export interface ModuleDetailM4LObjectLogs<T> extends ModuleDetailBaseObjectLogs {
+    type?: 'm4l';
     /**
      * "resourceId" Id del recurso para el logs.
      */
@@ -59,8 +66,23 @@ export interface ModuleDetailObjectLogs extends ModuleDetailBaseTab {
     /**
      * "getObjectId" Función para obtener el id del objeto.
      */
-    getObjectId: (detailData: Record<string, any>) => number;
+    getObjectId: (detailData: T) => number;
+}
+/**
+ * Interfaz para las props del tab de logs
+ */
+export interface ModuleDetailOtherObjectLogs<T> extends ModuleDetailBaseObjectLogs {
+    type: 'other';
+    /**
+     * "resourceTypeId" Id del tipo de recurso para el logs.
+     */
+    resourceTypeId: string;
+    /**
+     * "getObjectSerialId" retorna el uuid del objeto.
+     */
+    getObjectSerialId: (detailData: T) => string;
 }
+export type ModuleDetailObjectLogs<T extends Record<string, any>> = ModuleDetailM4LObjectLogs<T> | ModuleDetailOtherObjectLogs<T>;
 export interface ModuleDetailTabsProps<T extends Record<string, any> = Record<string, any>, K extends Record<string, any> = Record<string, any>> {
     /**
      * "defaultTab" Valor o key del tab por defecto, default: el primer tab
@@ -79,7 +101,7 @@ export interface ModuleDetailTabsProps<T extends Record<string, any> = Record<st
     /**
      * ObjectLogs props
      */
-    objectLogsProps?: ModuleDetailObjectLogs;
+    objectLogsProps?: ModuleDetailObjectLogs<T>;
     /**
      * "endPoint" Endpoint para obtener los datos del detalle., en caso de que se requiera.
      */

package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts

@@ -1,4 +1,4 @@
-import { ModuleDetailTabContent, ModuleDetailTabsProps } from './types';
+import { ModuleDetailTabsProps } from './types';
 /**
  * Componente para mostrar un listado de tabs y contenido en un MasterDetail, basado en las props
  */
@@ -14,7 +14,7 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         label: string | undefined;
         value: string;
         tabContent: import('react').FunctionComponent<any>;
-        componentProps?: Omit<any, keyof ModuleDetailTabContent<T_1, K_1>> | undefined;
+        componentProps?: Omit<any, keyof import('./types').ModuleDetailTabContent<T_1, K_1>> | undefined;
         dictionaryId?: string;
         size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
         children?: null | undefined;

package/components/ModuleDetailTabs/useModuleDatailTabs.js

@@ -22,15 +22,23 @@ function useModuleDetailTabs(props) {
     }
     const arrTabs = [...tabs];
     if (objectLogsProps) {
+      const componentProps = {
+        ...objectLogsProps.type === "other" ? {
+          type: "other",
+          resourceTypeId: objectLogsProps.resourceTypeId,
+          resourceSerialId: objectLogsProps.getObjectSerialId(masterSelection[0])
+        } : {
+          type: "m4l",
+          resourceId: objectLogsProps.resourceId,
+          objectId: objectLogsProps.getObjectId(masterSelection[0])
+        }
+      };
       arrTabs.push({
         ...objectLogsProps,
         value: "objectLogs",
         tabContent: ObjectLogs,
         unmountable: false,
-        componentProps: {
-          resourceId: objectLogsProps.resourceId.toString(),
-          objectId: objectLogsProps.getObjectId(masterSelection[0])
-        }
+        componentProps
       });
     }
     return arrTabs.map((tab) => ({

package/components/ModuleDetailTabs/useModuleDatailTabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.2.0",
+  "version": "9.2.1-beta.1",
   "license": "UNLICENSED",
-  "author": "M4L Team",
+  "author": "M4L Team ",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "peerDependencies": {
-    "@m4l/components": "^9.0.0",
+    "@m4l/components": "9.2.51-beta.1",
     "@m4l/core": "^2.0.0",
     "@m4l/graphics": "^7.0.0",
     "@m4l/styles": "^7.0.0"