@m4l/testing 0.0.21-BC20260224-2 → 0.0.22

package/e2e/commands/components/DataGrid/commands.js

@@ -1,42 +1,42 @@
-const f = () => {
-  Cypress.Commands.add("m4lDataGrid", (e, n) => {
-    cy.get(e).find(`[class^="M4LDataGrid-root"][data-testid^="M4LDataGrid-root-${n}"]`);
-  }), Cypress.Commands.add("m4lDataGridValidateVisibleColumns", (e, n, l, a, r = 1) => {
-    let c = 0, t = r;
-    l(a).forEach((o) => {
-      o.visible && (cy.log(`Validando columna visible: ${o.headerText} , index: ${t}`), t++, cy.m4lDataGrid(e, n).find("[role=row]").find(`[role=columnheader][aria-colindex=${t}]`).should("have.text", o.headerText), cy.m4lDataGrid(e, n).find("[role=row]").find(`[role=gridcell][aria-colindex=${t}]`).should("contain", o.value), cy.m4lDataGrid(e, n).find("[role=row]").find(`[role=columnheader][aria-colindex=${t}]`).then((m) => {
-        const d = m.width();
-        d !== void 0 && (c += d), cy.m4lDataGrid(e, n).find("[role=grid]").scrollTo(c, 0, { duration: 100, ensureScrollable: !1 });
+const u = () => {
+  Cypress.Commands.add("m4lDataGrid", (e) => {
+    cy.get(e).find('[class^="M4LDataGrid-root"]');
+  }), Cypress.Commands.add("m4lDataGridValidateVisibleColumns", (e, d, l, r = 1) => {
+    let a = 0, i = r;
+    d(l).forEach((n) => {
+      n.visible && (cy.log(`Validando columna visible: ${n.headerText} , index: ${i}`), i++, cy.m4lDataGrid(e).find("[role=row]").find(`[role=columnheader][aria-colindex=${i}]`).should("have.text", n.headerText), cy.m4lDataGrid(e).find("[role=row]").find(`[role=gridcell][aria-colindex=${i}]`).should("contain", n.value), cy.m4lDataGrid(e).find("[role=row]").find(`[role=columnheader][aria-colindex=${i}]`).then((s) => {
+        const o = s.width();
+        o !== void 0 && (a += o), cy.m4lDataGrid(e).find("[role=grid]").scrollTo(a, 0, { duration: 100, ensureScrollable: !1 });
       }));
     });
-  }), Cypress.Commands.add("m4lDataGridRow", (e, n, l, a) => {
-    let r = 0, c = 0;
-    const t = 10, o = l + 1;
-    function m() {
-      return cy.m4lDataGrid(e, n).find("[role=row]").not('[aria-rowindex="1"]').filter(`[aria-rowindex="${o}"]`).then((d) => {
-        if (d.length > 0) {
-          const i = d[0].getBoundingClientRect();
-          if (i.top >= 0 && i.left >= 0 && i.bottom <= (window.innerHeight || document.documentElement.clientHeight) && i.right <= (window.innerWidth || document.documentElement.clientWidth))
-            return cy.wrap(d);
+  }), Cypress.Commands.add("m4lDataGridRow", (e, d, l) => {
+    let r = 0, a = 0;
+    const i = 10, n = d + 1;
+    function s() {
+      return cy.m4lDataGrid(e).find("[role=row]").not('[aria-rowindex="1"]').filter(`[aria-rowindex="${n}"]`).then((o) => {
+        if (o.length > 0) {
+          const t = o[0].getBoundingClientRect();
+          if (t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth))
+            return cy.wrap(o);
         }
-        if (c >= t)
-          throw new Error(`No se encontró la fila ${o} después de ${t} intentos`);
-        return c++, cy.m4lDataGrid(e, n).find("[role=row]").not('[aria-rowindex="1"]').filter((u, i) => {
-          const s = i.getBoundingClientRect();
-          return s.top >= 0 && s.left >= 0 && s.bottom <= (window.innerHeight || document.documentElement.clientHeight) && s.right <= (window.innerWidth || document.documentElement.clientWidth);
-        }).first().then((u) => {
-          const i = u.height() || 0;
-          return r += i, cy.m4lDataGrid(e, n).find("[role=grid]").scrollTo(0, r, { duration: 100, ensureScrollable: !1 }).then(() => m());
+        if (a >= i)
+          throw new Error(`No se encontró la fila ${n} después de ${i} intentos`);
+        return a++, cy.m4lDataGrid(e).find("[role=row]").not('[aria-rowindex="1"]').filter((m, t) => {
+          const c = t.getBoundingClientRect();
+          return c.top >= 0 && c.left >= 0 && c.bottom <= (window.innerHeight || document.documentElement.clientHeight) && c.right <= (window.innerWidth || document.documentElement.clientWidth);
+        }).first().then((m) => {
+          const t = m.height() || 0;
+          return r += t, cy.m4lDataGrid(e).find("[role=grid]").scrollTo(0, r, { duration: 100, ensureScrollable: !1 }).then(() => s());
         });
       });
     }
-    return m().find(`[role=gridcell][aria-colindex="${a}"]`);
-  }), Cypress.Commands.add("m4lDataGridRowAction", (e, n, l, a = 1, r = 1) => {
-    cy.m4lDataGridRow(e, n, a, r).find("button").eq(0).should("be.visible", { timeout: 1e4 }).click(), cy.m4lMenuActionsItem(l);
-  }), Cypress.Commands.add("m4lDataGridFindAllColumns", (e, n) => {
-    cy.m4lDataGrid(e, n).find('[class^="M4LDataGrid-actionsConfigContainer"]').find("button").eq(2).click();
+    return s().find(`[role=gridcell][aria-colindex="${l}"]`);
+  }), Cypress.Commands.add("m4lDataGridRowAction", (e, d, l = 1, r = 1) => {
+    cy.m4lDataGridRow(e, l, r).find("button").eq(0).should("be.visible", { timeout: 1e4 }).click(), cy.m4lMenuActionsItem(d);
+  }), Cypress.Commands.add("m4lDataGridFindAllColumns", (e) => {
+    cy.m4lDataGrid(e).find('[class^="M4LDataGrid-actionsConfigContainer"]').find("button").eq(2).click();
   });
 };
 export {
-  f as r
+  u as r
 };

package/e2e/commands/components/DataGrid/export.d.ts

@@ -0,0 +1,7 @@
+export type M4LDataGridCypressColumn = {
+    key: string;
+    value: any;
+    headerText: string;
+    visible: boolean;
+};
+export type M4LGetCypressDataGridColumnsConfig<T> = (data: T) => M4LDataGridCypressColumn[];

package/e2e/commands/components/DataGrid/types.d.ts

@@ -1,18 +1,4 @@
-/**
- * Configuración de columna para DataGrid en Cypress
- */
-export type M4LDataGridCypressColumn = {
-  key: string;
-  value: any;
-  headerText: string;
-  visible: boolean;
-};
-
-/**
- * Función que obtiene la configuración de columnas del DataGrid
- */
-export type M4LGetCypressDataGridColumnsConfig<T> = (data: T) => M4LDataGridCypressColumn[];
-
+import { M4LGetCypressDataGridColumnsConfig } from './export';
 declare global {
   namespace Cypress {
     interface Chainable {
@@ -21,18 +7,16 @@ declare global {
        * @param selector selector del grid
        * @returns el grid
        */
-      m4lDataGrid(selector: string, gridDataTestid: string): Chainable<Element>
+      m4lDataGrid(selector: string): Chainable<Element>
       /**
        * Valida las columnas visibles del grid
        * @param selector selector del grid
-       * @param gridDataTestid testid del grid
        * @param getColumnsConfig función que obtiene las columnas visibles del grid
        * @param mockData datos del grid
        * @param baseColumnIndex índice de la columna a obtener
        */
       m4lDataGridValidateVisibleColumns<T>(
         selector: string,
-        gridDataTestid: string,
         getColumnsConfig: M4LGetCypressDataGridColumnsConfig<T>,
         mockData: T,
         baseColumnIndex?: number
@@ -40,16 +24,14 @@ declare global {
       /**
        * Obtiene la fila del grid especificada por el índice de base 1, garantizando que esté visible en el viewport
        * @param selector selector del grid
-       * @param gridDataTestid testid del grid
        * @param targetRowBaseOneIndex índice de la fila a obtener
        * @param baseOneColumnIndex índice de la columna a obtener
        * @returns la fila del grid
        */
-      m4lDataGridRow(selector: string, gridDataTestid: string, targetRowBaseOneIndex: number, baseOneColumnIndex: number): Chainable<JQuery<HTMLElement>>;
+      m4lDataGridRow(selector: string, targetRowBaseOneIndex: number, baseOneColumnIndex: number): Chainable<JQuery<HTMLElement>>;
       /**
        * Obtiene el rowAction del menuActions asociado a la fila del grid especificada por el índice de base 1
        * @param selector selector del grid
-       * @param gridDataTestid testid del grid
        * @param menuItemIndex índice del item del menuActions
        * @param baseOneTargetRowIndex índice de la fila a obtener
        * @param baseColbaseOneColumnIndexumnIndex índice de la columna a obtener
@@ -57,7 +39,6 @@ declare global {
        */
       m4lDataGridRowAction(
         selector: string,
-        gridDataTestid: string,
         menuItemIndex: number,
         baseOnetargetRowIndex?: number,
         baseOneColumnIndex?: number,
@@ -65,10 +46,8 @@ declare global {
 
       /**
        * Busca y muestra todas las columnas del grid principal
-       * @param selector selector del grid
-       * @param gridDataTestid testid del grid
        */
-      m4lDataGridFindAllColumns(selector: string, gridDataTestid: string): Chainable<Element>
+      m4lDataGridFindAllColumns(selector: string): Chainable<Element>
     }
   }
 }

package/e2e/commands/components/DynamicFilter/commands.js

@@ -1,28 +1,12 @@
-const u = '[class*="M4LSplitLayout-splitDetail"]', E = () => {
+const n = () => {
   Cypress.Commands.add("m4lDynamicFilterInputClick", () => {
     cy.get('[class*="M4LDynamicFilter-root"]').find('[class*="M4LDynamicFilter-inputFilter"]').find("input").click();
-  }), Cypress.Commands.add("m4lDynamicFilterApplyedDateField", (e) => {
-    cy.m4lDynamicFilterInputClick(), cy.m4lPopover().find("li").contains(e).click(), cy.m4lPopover().find("button").contains("N_D:[common_actions.intro]").click();
-  }), Cypress.Commands.add("m4lDynamicFilterRefreshButton", (e) => {
-    cy.get(e).find('[class*="M4LDynamicFilter-root"]').find('[class*="M4LDynamicFilter-actions"]').find('[class*="MuiButtonBase-root"]').eq(1);
-  }), Cypress.Commands.add(
-    "m4lDynamicFilterValidateFilterAndSortOptions",
-    (e, a, n, o, c, l) => {
-      const i = () => cy.get('[role="presentation"]', { timeout: 1e3 }).should("exist"), r = (t) => {
-        i(), cy.get('[role="presentation"]', { timeout: 1e3 }).find("li").contains(t.key).click(), cy.get('[role="presentation"]', { timeout: 1e3 }).find('[class*="MuiPaper-root-MuiPopover-paper"]').should("be.visible").find("input").eq(t.inputIndex).click({ force: !0 });
-      }, d = () => {
-        cy.get("[role=presentation]").find("button").contains("N_D:[common_actions.intro]").click({ force: !0 });
-      }, p = (t) => {
-        ["select", "selectAsync", "boolean"].includes(t.type) ? (i(), cy.get('[role="presentation"]', { timeout: 1e3 }).find("li").eq(0).click({ force: !0 }), cy.get("[role=presentation]").find('[class*="MuiPaper-root-MuiPopover-paper"]').find('[class*="M4LWindowBase-headerWindowComponent"]').dblclick({ force: !0 })) : ["string", "number"].includes(t.type) && (i(), cy.get('[role="presentation"]', { timeout: 1e3 }).find("input").eq(1).type(t.value));
-      }, s = (t, m, y, T) => {
-        cy.log(`Validando filtro ${t.key}`), cy.get(m, { timeout: 1e3 }).find(y).eq(T).click(), r(t), p(t), d();
-      };
-      e(a).forEach((t) => {
-        l ? (s(t, n, o, c), cy.get(`${u} [class*="M4LDynamicFilter-actions"] button`).eq(1).click(), cy.wait(t.endpoint, { timeout: 1e3 })) : (s(t, n, o, c), cy.wait(t.endpoint, { timeout: 1e3 }).wait("@getList", { timeout: 1e3 }));
-      });
-    }
-  );
+  }), Cypress.Commands.add("m4lDynamicFilterApplyedDateField", (i) => {
+    cy.m4lDynamicFilterInputClick(), cy.m4lPopover().find("li").contains(i).click(), cy.m4lPopover().find("button").contains("N_D:[common_actions.intro]").click();
+  }), Cypress.Commands.add("m4lDynamicFilterRefreshButton", (i) => {
+    cy.get(i).find('[class*="M4LDynamicFilter-root"]').find('[class*="M4LDynamicFilter-actions"]').find('[class*="MuiButtonBase-root"]').eq(1);
+  });
 };
 export {
-  E as r
+  n as r
 };

package/e2e/commands/components/DynamicFilter/types.d.ts

@@ -1,14 +1,3 @@
-/**
- * Configuración del filtro para DynamicFilter
- */
-export type M4lDynamicFilterConfig = {
-  type: string;
-  key: string;
-  value: string;
-  endpoint: string;
-  inputIndex: number;
-};
-
 declare global {
   namespace Cypress {
     interface Chainable {
@@ -24,17 +13,6 @@ declare global {
        * Obtiene el botón de refrescar
        */
       m4lDynamicFilterRefreshButton(selector: string): Chainable<Element>;
-      /**
-       * Valida opciones de filtro y orden para DynamicFilter
-       */
-      m4lDynamicFilterValidateFilterAndSortOptions(
-        filters: (mockFilters: M4lDynamicFilterConfig[]) => M4lDynamicFilterConfig[],
-        mockFilters: M4lDynamicFilterConfig[],
-        filtersOrSort: string,
-        section: string,
-        index: number,
-        logs?: boolean,
-      ): Chainable<Element>;
     }
   }
 }

package/e2e/commands/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from './Accordions/commands';
 export * from './DataGrid/commands';
 export * from './DynamicFilter/commands';
 export * from './DynamicSort/commands';

package/e2e/commands/index.d.ts

@@ -1,4 +1 @@
 export { registerCommands } from './register';
-export type { M4lDynamicFilterConfig } from './components/DynamicFilter/types';
-export type { M4lAccordionsConfig } from './components/Accordions/types';
-export type { M4LDataGridCypressColumn, M4LGetCypressDataGridColumnsConfig } from './components/DataGrid/types';

package/e2e/commands/intercepts/index.d.ts

@@ -1 +1,2 @@
 export * from './noPrivileges/interceptCommands';
+export * from './noPrivileges/types';

package/e2e/commands/intercepts/noPrivileges/interceptCommands.d.ts

@@ -1,4 +1,5 @@
+import { Rute } from '../../../types';
 /**
  * Registra los comandos de intercepts
  */
-export declare const registerInterceptNoPrivilegesCommands: () => void;
+export declare const registerInterceptNoPrivilegesCommands: (props?: Rute) => void;

package/e2e/commands/intercepts/noPrivileges/interceptCommands.js

@@ -1,6 +1,7 @@
-const e = () => {
+const t = (e = {}) => {
+  const { rute: s = "main" } = e;
   Cypress.Commands.add("m4lInterceptNoPrivileges", () => {
-    cy.intercept("GET", "**/main/auth/login*", {
+    cy.intercept("GET", `**/${s}/auth/login*`, {
       statusCode: 200,
       body: {
         data: {},
@@ -10,5 +11,5 @@ const e = () => {
   });
 };
 export {
-  e as r
+  t as r
 };

package/e2e/commands/register.d.ts

@@ -1,4 +1,5 @@
+import { Rute } from '../types';
 /**
  * Registra los comandos de la aplicación
  */
-export declare const registerCommands: () => void;
+export declare const registerCommands: (_props?: Rute) => void;

package/e2e/commands/register.js

@@ -1,16 +1,15 @@
-import { r } from "./components/Accordions/commands.js";
 import { r as m } from "./components/DataGrid/commands.js";
 import { r as o } from "./components/DynamicFilter/commands.js";
 import { r as s } from "./components/DynamicSort/commands.js";
 import { r as e } from "./components/MenuActions/commands.js";
-import { r as i } from "./components/Popover/commands.js";
-import { r as t } from "./components/PropertyValue/commands.js";
-import { r as a } from "./components/Tab/commands.js";
+import { r as t } from "./components/Popover/commands.js";
+import { r as a } from "./components/PropertyValue/commands.js";
+import { r as i } from "./components/Tab/commands.js";
 import { r as n } from "./components/WindowBase/commands.js";
-import { r as d } from "./intercepts/noPrivileges/interceptCommands.js";
-const v = () => {
-  r(), m(), o(), s(), e(), i(), t(), a(), n(), d();
+import { r as p } from "./intercepts/noPrivileges/interceptCommands.js";
+const u = (r = {}) => {
+  m(), o(), s(), e(), t(), a(), i(), n(), p(r);
 };
 export {
-  v as r
+  u as r
 };

package/e2e/cypress.d.ts

@@ -1,4 +1,3 @@
-/// <reference path="./commands/components/Accordions/types.d.ts" />
 /// <reference path="./commands/components/DataGrid/types.d.ts" />
 /// <reference path="./commands/components/DynamicFilter/types.d.ts" />
 /// <reference path="./commands/components/DynamicSort/types.d.ts" />
@@ -9,6 +8,7 @@
 /// <reference path="./commands/components/Tab/types.d.ts" />
 /// <reference path="./commands/intercepts/noPrivileges/types.d.ts" />
 
+export type { M4LGetCypressDataGridColumnsConfig , M4LDataGridCypressColumn } from './commands/components/DataGrid/export';
 
 declare global {
   namespace Cypress {
@@ -18,5 +18,3 @@ declare global {
     }
   }
 }
-
-export {};

package/e2e/types.d.ts

@@ -0,0 +1,4 @@
+export type OptionsRute = 'main' | 'domain' | 'admin';
+export interface Rute {
+    rute?: OptionsRute;
+}

package/index.d.ts

@@ -1,4 +1,3 @@
-export * from './e2e/cypress.d';
 export * from './e2e/commands';
 export * from './testComponents';
 export * from './testTools';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/testing",
   "description": "Shared testing utilities for MFs",
-  "version": "0.0.21-BC20260224-2+prueba-cypress",
+  "version": "0.0.22",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "scripts": {
@@ -29,78 +29,89 @@
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "dependencies": {
-    "@storybook/addon-designs": "^8.0.0",
-    "@storybook/addon-essentials": "8.3.4",
-    "@storybook/addon-interactions": "8.3.4",
-    "@storybook/addon-links": "8.3.4",
+    "@storybook/addon-designs": "^8.0.3",
+    "@storybook/addon-essentials": "^8.3.4",
+    "@storybook/addon-interactions": "^8.3.4",
+    "@storybook/addon-links": "^8.3.4",
     "@storybook/addon-onboarding": "^8.3.4",
     "@storybook/blocks": "^8.3.4",
-    "@storybook/react": "8.3.4",
-    "@storybook/react-vite": "8.3.4",
-    "@storybook/test": "8.3.4",
+    "@storybook/react": "^8.3.4",
+    "@storybook/react-vite": "^8.3.4",
+    "@storybook/test": "^8.3.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.2",
+    "@types/cypress": "^1.1.6",
     "@types/jest": "^29.5.10",
     "@vitejs/plugin-react": "^4.0.0",
-    "@vitest/coverage-istanbul": "3.1.1",
-    "@vitest/coverage-v8": "3.1.1",
+    "@vitest/coverage-istanbul": "^3.1.1",
+    "@vitest/coverage-v8": "^3.1.1",
     "@vitest/ui": "^3.1.1",
     "cypress": "^14.1.0",
-    "cypress-vite": "1.6.0",
+    "cypress-vite": "^1.5.0",
     "happy-dom": "^17.1.9",
-    "jest-environment-jsdom": "29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "jsdom": "^25.0.1",
     "storybook": "^8.3.4"
   },
   "peerDependencies": {
-    "@types/react": "18.3.23",
-    "react": "18.3.1",
-    "vitest": "3.1.1"
+    "@types/react": "^18.0.0",
+    "react": "^18.0.0",
+    "vitest": "^3.1.1"
   },
   "devDependencies": {
     "@m4l/components": "^9.0.0",
     "@m4l/config": "^1.1.2",
     "@m4l/vite-plugins": "^1.1.5",
     "@types/node": "^22.7.3",
-    "@types/react": "18.3.23",
-    "@types/react-dom": "18.3.7",
-    "eslint": "9.28.0",
-    "lefthook": "1.11.13",
-    "lint-staged": "15.5.2",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "typescript": "5.8.3",
-    "vite": "6.3.5",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "eslint": "^9.0.0",
+    "lefthook": "^1.7.18",
+    "lint-staged": "^15.2.10",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "typescript": "^5.4.5",
+    "vite": "^6.3.5",
     "vite-plugin-dts": "^4.2.1",
-    "vitest": "3.1.1"
+    "vitest": "^3.1.1"
   },
   "resolutions": {
     "glob": "^10.4.5",
-    "react": "18.3.1",
-    "@types/react": "18.3.23",
-    "@types/react-dom": "18.3.7",
-    "react-dom": "18.3.1",
+    "react": "^18.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react-dom": "^18.0.0",
     "@vitejs/plugin-react": "^4.0.0"
   },
   "overrides": {
     "glob": "^10.4.5",
-    "eslint": "9.28.0",
-    "react": "18.3.1",
-    "@types/react": "18.3.23",
-    "@types/react-dom": "18.3.7",
-    "react-dom": "18.3.1"
+    "eslint": "^9.0.0",
+    "react": "^18.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "files": [
     "*"
   ],
-  "type": "module",
   "source": "./index.js",
-  "main": "./index.js",
+  "main": "src/index.ts",
   "module": "./index.js",
+  "type": "module",
   "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "require": null
+    },
+    "./cypress": {
+      "types": "./e2e/cypress.d.ts"
+    }
+  },
   "sideEffects": false,
   "publishConfig": {
     "access": "public"

package/testComponents/DataGrid/helpers.js

@@ -1,95 +1,73 @@
-import { expect as l } from "vitest";
-const i = (t) => t?.type === "nested", k = (t) => t?.type === "date", C = (t) => t?.type === "boolean", d = (t) => t?.type === "setCheck", n = (t) => t?.type === "price", p = (t) => t?.type === "points", y = (t) => t?.type === "uncertainty", f = (t) => t?.type === "concatenated", m = (t) => t?.type === "chipStatus", V = (t) => t?.type === "tags", I = (t) => t?.type === "icon", P = (t) => t?.type === "color", E = (t) => t?.type === "image", B = (t, r) => {
-  l(t).toHaveLength(r.length), r.forEach((e, u) => {
-    const o = t[u], h = e.hookCall?.type ?? "none";
-    describe(`Column ${u + 1}: ${e.key} (${h})`, () => {
+import { expect as t } from "vitest";
+const n = (o) => o?.type === "nested", h = (o) => o?.type === "date", d = (o) => o?.type === "boolean", k = (o) => o?.type === "setCheck", C = (o) => o?.type === "price", p = (o) => o?.type === "points", y = (o) => o?.type === "uncertainty", f = (o) => o?.type === "concatenated", m = (o) => o?.type === "chipStatus", V = (o, a) => {
+  t(o).toHaveLength(a.length), a.forEach((e, s) => {
+    const l = o[s], u = e.hookCall?.type ?? "none";
+    describe(`Column ${s + 1}: ${e.key} (${u})`, () => {
       if (it("should have the correct basic properties", () => {
-        l(o.key).toBe(e.key), l(o.name).toBe(e.name), l(o.type).toBe(e.type), l(o.align).toBe(e.align), l(o.width).toBe(e.width), l(o.visible).toBe(e.visible), e.fixed && l(o.fixed).toBe(e.fixed);
+        t(l.key).toBe(e.key), t(l.name).toBe(e.name), t(l.type).toBe(e.type), t(l.align).toBe(e.align), t(l.width).toBe(e.width), t(l.visible).toBe(e.visible), e.fixed && t(l.fixed).toBe(e.fixed);
       }), e.hookCall) {
-        let a = !0, s = !0;
+        let r = !0, i = !0;
         it("should have the correct hook call properties", () => {
-          if (i(e.hookCall))
-            l(o.testProps).toEqual({
-              fieldValue: e.hookCall.fieldValue,
-              defaultValue: e.hookCall.defaultValue,
-              Component: e.hookCall.Component
+          if (n(e.hookCall))
+            t(l.testProps).toEqual({
+              fieldValue: e.hookCall.fieldValue
             });
-          else if (k(e.hookCall))
-            l(o.testProps).toEqual({
+          else if (h(e.hookCall))
+            t(l.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               presentationType: e.hookCall.presentationType
             });
-          else if (C(e.hookCall))
-            l(o.testProps).toEqual({
+          else if (d(e.hookCall))
+            t(l.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               presentationType: e.hookCall.presentationType
             });
-          else if (d(e.hookCall))
-            l(o.testProps).toEqual({
+          else if (k(e.hookCall))
+            t(l.testProps).toEqual({
               field: e.hookCall.field,
-              disabledGetter: l.any(Function),
-              rowKeyGetter: l.any(Function),
-              useHook: l.any(Function)
-            }), a = !1, s = !1;
-          else if (n(e.hookCall))
-            l(o.testProps).toEqual({
+              disabledGetter: t.any(Function),
+              rowKeyGetter: t.any(Function),
+              useHook: t.any(Function)
+            }), r = !1, i = !1;
+          else if (C(e.hookCall))
+            t(l.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue
             });
           else if (p(e.hookCall))
-            l(o.testProps).toEqual({
+            t(l.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldUnit: e.hookCall.fieldUnit
             });
           else if (y(e.hookCall))
-            l(o.testProps).toEqual({
+            t(l.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldUnit: e.hookCall.fieldUnit,
               fieldSymbol: e.hookCall.fieldSymbol
             });
           else if (f(e.hookCall))
-            l(o.testProps).toEqual({
+            t(l.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldSeparator: e.hookCall.fieldSeparator
             });
           else if (m(e.hookCall))
-            l(o.testProps).toEqual({
-              fieldLabel: typeof e.hookCall.fieldLabel == "function" ? l.any(Function) : e.hookCall.fieldLabel,
+            t(l.testProps).toEqual({
+              fieldLabel: typeof e.hookCall.fieldLabel == "function" ? t.any(Function) : e.hookCall.fieldLabel,
               fieldStatus: e.hookCall.fieldStatus,
               statusesColors: e.hookCall.statusesColors,
               fallbackColor: e.hookCall.fallbackColor
             });
-          else if (V(e.hookCall))
-            l(o.testProps).toEqual({
-              fieldValue: e.hookCall.fieldValue
-            });
-          else if (I(e.hookCall))
-            l(o.testProps).toEqual({
-              getIconProps: l.any(Function)
-            }), a = !1, s = !1;
-          else if (P(e.hookCall))
-            l(o.testProps).toEqual({
-              fieldValue: e.hookCall.fieldValue
-            }), a = !1, s = !1;
-          else if (E(e.hookCall))
-            l(o.testProps).toEqual({
-              fieldValue: e.hookCall.fieldValue,
-              fieldText: e.hookCall.fieldText,
-              cover: e.hookCall.cover,
-              width: e.hookCall.width,
-              height: e.hookCall.height
-            }), a = !1, s = !1;
           else
             throw new Error(`Unknown hook call type: ${e.hookCall?.type}`);
         }), it("should have formatter, customFilter and customSort functions", () => {
-          l(o.formatter).toBeDefined(), a && l(o.customFilter).toBeDefined(), s && l(o.customSort).toBeDefined();
+          t(l.formatter).toBeDefined(), r && t(l.customFilter).toBeDefined(), i && t(l.customSort).toBeDefined();
         });
       } else
         it("should not have formatter functions", () => {
-          l(o.formatter).toBeUndefined(), l(o.customFilter).toBeUndefined(), l(o.customSort).toBeUndefined();
+          t(l.formatter).toBeUndefined(), t(l.customFilter).toBeUndefined(), t(l.customSort).toBeUndefined();
         });
     });
   });
 };
 export {
-  B as t
+  V as t
 };

package/testComponents/DataGrid/types.d.ts

@@ -1,7 +1,7 @@
-import { ColumnNestedValueFormatterProps, ColumnDateFormatterProps, ColumnBooleanFormatterProps, ColumnPriceFormatterProps, ColumnPointsFormatterProps, ColumnSetCheckFormatterProps, ColumnUncertaintyFormatterProps, ColumnConcatenatedValuesFormatterProps, Column, ColumnInteractiveCheckFormatterProps, ColumnChipStatusFormatterProps, ColumnTagsFormatterProps, ColumnIconFormatterProps, ColumnColorFormatterProps, ColumnImageFormatterProps } from '@m4l/components';
+import { ColumnNestedValueFormatterProps, ColumnDateFormatterProps, ColumnBooleanFormatterProps, ColumnPriceFormatterProps, ColumnPointsFormatterProps, ColumnSetCheckFormatterProps, ColumnUncertaintyFormatterProps, ColumnConcatenatedValuesFormatterProps, Column, ColumnInteractiveCheckFormatterProps, ColumnChipStatusFormatterProps } from '@m4l/components';
 type BaseColumnConfig<T> = Column<T, unknown>;
 type BaseHookCall = {
-    type: 'nested' | 'date' | 'boolean' | 'price' | 'points' | 'interactiveCheck' | 'setCheck' | 'uncertainty' | 'concatenated' | 'chipStatus' | 'tags' | 'icon' | 'color' | 'image';
+    type: 'nested' | 'date' | 'boolean' | 'price' | 'points' | 'interactiveCheck' | 'setCheck' | 'uncertainty' | 'concatenated' | 'chipStatus';
 };
 export type TestingNestedValueHookCall<T> = BaseHookCall & ColumnNestedValueFormatterProps<T> & {
     type: 'nested';
@@ -33,20 +33,8 @@ export type TestingConcatenatedHookCall<T> = BaseHookCall & ColumnConcatenatedVa
 export type TestingChipStatusHookCall<T> = BaseHookCall & ColumnChipStatusFormatterProps<T> & {
     type: 'chipStatus';
 };
-export type TestingTagsHookCall<T> = BaseHookCall & ColumnTagsFormatterProps<T> & {
-    type: 'tags';
-};
-export type TestingIconHookCall<T> = BaseHookCall & ColumnIconFormatterProps<T> & {
-    type: 'icon';
-};
-export type TestingColorHookCall<T> = BaseHookCall & ColumnColorFormatterProps<T> & {
-    type: 'color';
-};
-export type TestingImageHookCall<T> = BaseHookCall & ColumnImageFormatterProps<T> & {
-    type: 'image';
-};
 export type TestingColumnConfig<T> = BaseColumnConfig<T> & {
-    hookCall?: TestingNestedValueHookCall<T> | TestingDateHookCall<T> | TestingBooleanHookCall<T> | TestingPriceHookCall<T> | TestingPointsHookCall<T> | TestingInteractiveCheckHookCall<T> | TestingSetCheckHookCall<T> | TestingUncertaintyHookCall<T> | TestingConcatenatedHookCall<T> | TestingChipStatusHookCall<T> | TestingTagsHookCall<T> | TestingIconHookCall<T> | TestingColorHookCall<T> | TestingImageHookCall<T>;
+    hookCall?: TestingNestedValueHookCall<T> | TestingDateHookCall<T> | TestingBooleanHookCall<T> | TestingPriceHookCall<T> | TestingPointsHookCall<T> | TestingInteractiveCheckHookCall<T> | TestingSetCheckHookCall<T> | TestingUncertaintyHookCall<T> | TestingConcatenatedHookCall<T> | TestingChipStatusHookCall<T>;
 };
 export type TestingColumn = Column<unknown, unknown> & {
     testProps?: Record<string, unknown>;

package/e2e/commands/components/Accordions/commands.d.ts

@@ -1,4 +0,0 @@
-/**
- * Registra los comandos de Accordions
- */
-export declare const registerAccordionsCommands: () => void;

package/e2e/commands/components/Accordions/commands.js

@@ -1,19 +0,0 @@
-const a = () => {
-  Cypress.Commands.add(
-    "m4lAccordionsValidateAccordions",
-    (o, c, r, t, l, i, n) => {
-      cy.get('[class^="M4LDataGrid-root"]').find("[role=row]").find("[role=gridcell]").eq(1).click(), cy.get(i).find("[role=tablist]").find("button").eq(n).should("have.text", r), cy.get('[class*="M4LTabContent-root"]').find("[role=listitem]").find("[role=list]").find('[class*="M4LAccordion-accordionRoot"]').eq(t).as("currentAccordion"), cy.get("@currentAccordion").find('[class*="M4LAccordion-accordionSummary"]').should("have.text", l).click(), cy.get("@currentAccordion").within(() => {
-        cy.get('[class*="MuiCollapse-hidden"]').should("exist");
-      }), cy.get("@currentAccordion").find('[class*="M4LAccordion-accordionSummary"]').click(), cy.get("@currentAccordion").within(() => {
-        cy.get('[class*="MuiCollapse-entered"]').should("exist");
-      }), o(c).forEach((e) => {
-        cy.get("@currentAccordion").find('[class*="M4LAccordion-accordionDetails"]').find('[role="property-value-form-role"]').eq(e.index).within(() => {
-          cy.log(`Validando nombre ${e.key}`), cy.get('[class*="M4LPropertyValue-name"]').should("have.text", e.key), cy.log(`Validando valor ${e.value}`), cy.get('[role="property-value-value-role"][class*="M4LPropertyValue-value"]').should("have.text", e.value);
-        });
-      });
-    }
-  );
-};
-export {
-  a as r
-};

package/e2e/commands/components/Accordions/types.d.ts

@@ -1,30 +0,0 @@
-/**
- * Configuración del accordion
- */
-export type M4lAccordionsConfig = {
-  title: string;
-  key: string;
-  value: any;
-  index: number;
-};
-
-declare global {
-  namespace Cypress {
-    interface Chainable {
-      /**
-       * Valida los accordions
-       */
-      m4lAccordionsValidateAccordions(
-        accordions: (mockAccordions: M4lAccordionsConfig[]) => M4lAccordionsConfig[],
-        mockAccordions: M4lAccordionsConfig[],
-        tabTitle: string,
-        index: number,
-        title: string,
-        sectionGrid: string,
-        tabIndex: number,
-      ): Chainable<Element>;
-    }
-  }
-}
-
-export {};