@m4l/testing 0.0.22 → 0.0.23

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

@@ -0,0 +1,4 @@
+/**
+ * Registers Accordions commands
+ */
+export declare const registerDynamicAccordionsCommands: () => void;

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

@@ -0,0 +1,19 @@
+const t = () => {
+  Cypress.Commands.add(
+    "m4lDynamicAccordionsValidate",
+    (e, o, r, a) => {
+      cy.get('[class*="M4LAccordion-accordionRoot"]').eq(r).as("currentAccordion"), cy.get("@currentAccordion").find('[class*="M4LAccordion-accordionSummary"]').should("have.text", a).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");
+      }), e(o).forEach((c) => {
+        cy.get("@currentAccordion").find('[class*="M4LAccordion-accordionDetails"]').find('[role="property-value-form-role"]').eq(c.index).within(() => {
+          cy.log(`Validating name ${c.key}`), cy.get('[class*="M4LPropertyValue-name"]').should("have.text", c.key), cy.log(`Validating value ${c.value}`), cy.get('[role="property-value-value-role"][class*="M4LPropertyValue-value"]').should("contain.text", c.value);
+        });
+      });
+    }
+  );
+};
+export {
+  t as r
+};

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

@@ -0,0 +1,63 @@
+/**
+ * Property values accordion configuration
+ */
+export type M4lPropertyValuesAccordionsConfig = {
+  /**
+   * @param title - The accordion title
+   */
+  title: string;
+  /**
+   * @param key - The property key
+   */
+  key: string;
+  /**
+   * @param value - The property value
+   */
+  value: any;
+  /**
+   * @param index - The property index
+   */
+  index: number;
+};
+
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Validates the accordions using the dynamic accordions hook.
+       * Collapses/expands by title and checks each property key-value.
+       * @example
+       * const mockAccordions: M4lPropertyValuesAccordionsConfig[] = [
+       *   { title: 'Details', key: 'Name', value: 'Item 1', index: 0 },
+       *   { title: 'Details', key: 'Status', value: 'Active', index: 1 },
+       * ];
+       * cy.m4lDynamicAccordionsValidate(
+       *   (acc) => acc,
+       *   mockAccordions,
+       *   0,
+       *   'Details'
+       * );
+       */
+      m4lDynamicAccordionsValidate(
+        /**
+         * @param accordions - Function that returns the accordion configurations
+         */
+        accordions: (mockAccordions: M4lPropertyValuesAccordionsConfig[]) => M4lPropertyValuesAccordionsConfig[],
+        /**
+         * @param mockAccordions - The accordion configurations
+         */
+        mockAccordions: M4lPropertyValuesAccordionsConfig[],
+        /**
+         * @param index - The accordion index
+         */
+        index: number,
+        /**
+         * @param title - The accordion title
+         */
+        title: string,
+      ): Chainable<Element>;
+    }
+  }
+}
+
+export {};

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

@@ -0,0 +1,4 @@
+/**
+ * Registers CommonActions commands
+ */
+export declare const registerCommonActionsCommands: () => void;

package/e2e/commands/components/CommonActions/commands.js

@@ -0,0 +1,11 @@
+const n = () => {
+  Cypress.Commands.add(
+    "m4lConfirmActionIntro",
+    (o) => {
+      cy.get('[class*="M4LActionsContainer"]').should("contain", o).click();
+    }
+  );
+};
+export {
+  n as r
+};

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

@@ -0,0 +1,20 @@
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Finds the dialog action container, asserts it contains the option text, and clicks it.
+       * @example
+       * cy.m4lActionIntro('Accept');
+       * cy.m4lActionIntro('Cancel');
+       */
+      m4lConfirmActionIntro(
+        /**
+         * Button option
+         */
+        option: string,
+      ): Chainable<Element>;
+    }
+  }
+}
+
+export {};

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

@@ -1,4 +1,4 @@
 /**
- * Registra los comandos de DataGrid
+ * Registers DataGrid commands
  */
 export declare const registerDataGridCommands: () => void;

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

@@ -1,42 +1,42 @@
-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 });
+const f = () => {
+  Cypress.Commands.add("m4lDataGrid", (i) => cy.get(i).find('[class^="M4LDataGrid-root"]').filter(":visible").first()), Cypress.Commands.add("m4lDataGridValidateVisibleColumns", (i, n, a, o = 1) => {
+    let l = 0, t = o;
+    n(a).forEach((r) => {
+      r.visible && (cy.log(`Validating visible column: ${r.headerText} , index: ${t}`), t++, cy.m4lDataGrid(i).find("[role=row]").find(`[role=columnheader][aria-colindex=${t}]`).should("have.text", r.headerText), cy.m4lDataGrid(i).find("[role=row]").find(`[role=gridcell][aria-colindex=${t}]`).should("contain", r.value), cy.m4lDataGrid(i).find("[role=row]").find(`[role=columnheader][aria-colindex=${t}]`).then((s) => {
+        const d = s.width();
+        d !== void 0 && (l += d), cy.m4lDataGrid(i).find("[role=grid]").scrollTo(l, 0, { duration: 100, ensureScrollable: !1 });
       }));
     });
-  }), Cypress.Commands.add("m4lDataGridRow", (e, d, l) => {
-    let r = 0, a = 0;
-    const i = 10, n = d + 1;
+  }), Cypress.Commands.add("m4lDataGridRow", (i, n, a) => {
+    let o = 0, l = 0;
+    const t = 10, r = n + 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);
+      return cy.m4lDataGrid(i).find("[role=row]").not('[aria-rowindex="1"]').filter(`[aria-rowindex="${r}"]`).then((d) => {
+        if (d.length > 0) {
+          const e = d[0].getBoundingClientRect();
+          if (e.top >= 0 && e.left >= 0 && e.bottom <= (window.innerHeight || document.documentElement.clientHeight) && e.right <= (window.innerWidth || document.documentElement.clientWidth))
+            return cy.wrap(d);
         }
-        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();
+        if (l >= t)
+          throw new Error(`Row ${r} was not found after ${t} attempts`);
+        return l++, cy.m4lDataGrid(i).find("[role=row]").not('[aria-rowindex="1"]').filter((m, e) => {
+          const c = e.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());
+          const e = m.height() || 0;
+          return o += e, cy.m4lDataGrid(i).find("[role=grid]").scrollTo(0, o, { duration: 100, ensureScrollable: !1 }).then(() => s());
         });
       });
     }
-    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();
+    return s().find(`[role=gridcell][aria-colindex="${a}"]`);
+  }), Cypress.Commands.add("m4lDataGridRowAction", (i, n, a = 1, o = 1) => {
+    cy.m4lDataGridRow(i, a, o).find("button").eq(0).should("be.visible", { timeout: 1e4 }).click(), cy.m4lMenuActionsItem(n);
+  }), Cypress.Commands.add("m4lDataGridFindAllColumns", (i) => {
+    cy.m4lDataGrid(i).find('[class^="M4LDataGrid-actionsConfigContainer"]').find("button").eq(2).click();
+  }), Cypress.Commands.add("m4lDataGridOrCardViewMode", (i, n) => {
+    cy.m4lDataGrid(i).find('[class*="M4LDataGrid-actionsConfigContainer"]').find('[class*="M4LDataGrid-containerLeftActions"]').find('button[aria-label="view-mode"]').click(), cy.get("[role=presentation]").find('[class^="MuiPaper-root"]').find("[role=button]").eq(n).click();
   });
 };
 export {
-  u as r
+  f as r
 };

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

@@ -1,53 +1,138 @@
-import { M4LGetCypressDataGridColumnsConfig } from './export';
+/**
+ * Column configuration for DataGrid in Cypress
+ */
+export type M4LDataGridCypressColumn = {
+  /**
+   * @param key - The column key
+   */
+  key: string;
+  /**
+   * @param value - The column value
+   */
+  value: any;
+  /**
+   * @param headerText - The column header text
+   */
+  headerText: string;
+  /**
+   * @param visible - Indicates whether the column is visible
+   */
+  visible: boolean;
+};
+
+/**
+ * Function that gets the DataGrid column configuration
+ */
+export type M4LGetCypressDataGridColumnsConfig<T> = (data: T) => M4LDataGridCypressColumn[];
+
 declare global {
   namespace Cypress {
     interface Chainable {
       /**
-       * Obtiene el grid
-       * @param selector selector del grid
-       * @returns el grid
+       * Gets the grid. Returns the first visible M4LDataGrid under the selector.
+       * @param selector grid selector
+       * @returns the grid
+       * @example
+       * cy.m4lDataGrid('[class*="M4LDataGrid-root"]').find('[role=row]').should('have.length.at.least', 1);
        */
-      m4lDataGrid(selector: string): Chainable<Element>
+      m4lDataGrid(selector: string ): Chainable<JQuery<HTMLElement>>
       /**
-       * Valida las columnas visibles del grid
-       * @param selector selector 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
+       * Validates the visible columns of the grid. Scrolls horizontally as needed for each column.
+       * @example
+       * const getColumns = (data: MockItem) => [
+       *   { key: 'name', headerText: 'Name', value: data.name, visible: true },
+       *   { key: 'code', headerText: 'Code', value: data.code, visible: true },
+       * ];
+       * cy.m4lDataGridValidateVisibleColumns('[class*="M4LDataGrid-root"]', getColumns, mockItem, 1);
        */
       m4lDataGridValidateVisibleColumns<T>(
+        /**
+         * Grid selector
+         */
         selector: string,
+        /**
+         * Function that gets the visible columns of the grid
+         */
         getColumnsConfig: M4LGetCypressDataGridColumnsConfig<T>,
+        /**
+         * Grid data
+         */
         mockData: T,
+        /**
+         * Column index to get
+         */
         baseColumnIndex?: number
       ): Chainable<void>;
       /**
-       * 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 targetRowBaseOneIndex índice de la fila a obtener
-       * @param baseOneColumnIndex índice de la columna a obtener
-       * @returns la fila del grid
+       * Gets the grid row specified by 1-based index, ensuring it is visible in the viewport.
+       * @example
+       * cy.m4lDataGridRow('[class*="M4LDataGrid-root"]', 2, 1).click(); // row 2, column 1
        */
-      m4lDataGridRow(selector: string, targetRowBaseOneIndex: number, baseOneColumnIndex: number): Chainable<JQuery<HTMLElement>>;
+      m4lDataGridRow(
+        /**
+         * Grid selector
+         */
+        selector: string,
+        /**
+         * Row index to get
+         */
+        targetRowBaseOneIndex: number,
+        /**
+         * Column index to get
+         */
+        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 menuItemIndex índice del item del menuActions
-       * @param baseOneTargetRowIndex índice de la fila a obtener
-       * @param baseColbaseOneColumnIndexumnIndex índice de la columna a obtener
-       * @returns el rowAction del menuActions asociado a la fila del grid
+       * Opens the row actions menu for the given row and selects the menu item by index.
+       * @example
+       * cy.m4lDataGridRowAction('[class*="M4LDataGrid-root"]', 0, 2, 1); // row 2, column 1, first menu item
        */
       m4lDataGridRowAction(
+        /**
+         * Grid selector
+         */
         selector: string,
+        /**
+         * menuActions item index
+         */
         menuItemIndex: number,
+        /**
+         * Row index to get
+         */
         baseOnetargetRowIndex?: number,
+        /**
+         * Column index to get
+         */
         baseOneColumnIndex?: number,
       ): Chainable<Element>
 
       /**
-       * Busca y muestra todas las columnas del grid principal
+       * Finds and shows all columns of the main grid by opening the configurator (third button).
+       * @example
+       * cy.m4lDataGridFindAllColumns('[class*="M4LDataGrid-root"]');
+       */
+      m4lDataGridFindAllColumns(
+        /**
+         * Grid selector
+         */
+        selector: string,
+      ): Chainable<Element>
+      /**
+       * Switches the grid view mode (e.g. Card vs Grid). Clicks the view-mode button and selects option by index.
+       * @example
+       * cy.m4lDataGridViewMode('[class*="M4LDataGrid-root"]', 0);
+       * cy.m4lDataGridViewMode('[class*="M4LDataGrid-root"]', 1);
        */
-      m4lDataGridFindAllColumns(selector: string): Chainable<Element>
+      m4lDataGridOrCardViewMode(
+        /**
+         * Selector for the section to validate
+         */
+        section: string,
+        /**
+         * Card or Grid view mode
+         */
+        viewMode: number,
+      ): Chainable<Element>;
     }
   }
 }

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

@@ -1,4 +1,4 @@
 /**
- * Registra los comandos de DynamicFilter
+ * Registers DynamicFilter commands
  */
 export declare const registerDynamicFilterCommands: () => void;

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

@@ -2,15 +2,22 @@ declare global {
   namespace Cypress {
     interface Chainable {
       /**
-       * Click en el input de filtro
+       * Clicks on the filter input to open the filter popover.
+       * @example
+       * cy.m4lDynamicFilterInputClick();
+       * cy.m4lPopover().find('li').first().click();
        */
       m4lDynamicFilterInputClick(): Chainable<Element>;
       /**
-       * Aplicar el filtro de fecha
+       * Applies the date filter: opens filter input, selects the date field by label, then confirms.
+       * @example
+       * cy.m4lDynamicFilterApplyedDateField('Created at');
        */
       m4lDynamicFilterApplyedDateField(dateFieldLabel: string): Chainable<Element>;
       /**
-       * Obtiene el botón de refrescar
+       * Gets the refresh button (second button in the filter actions area).
+       * @example
+       * cy.m4lDynamicFilterRefreshButton('[class*="M4LSplitLayout-splitDetail"]').click();
        */
       m4lDynamicFilterRefreshButton(selector: string): Chainable<Element>;
     }

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

@@ -1,4 +1,4 @@
 /**
- * Registra los comandos de DynamicSort
+ * Registers DynamicSort commands
  */
 export declare const registerDynamicSortCommands: () => void;

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

@@ -1,8 +1,24 @@
 declare global {
   namespace Cypress {
     interface Chainable {
+      /**
+       * Clicks on the sort input to open the sort popover.
+       * @example
+       * cy.m4lDynamicSortInputClick();
+       * cy.m4lPopover().find('li').contains('Name').click();
+       */
       m4lDynamicSortInputClick(): Chainable<Element>
-      m4lDynamicSortApplyedField(dateFieldLabel: string): Chainable<Element>
+      /**
+       * Applies the sort for a field: opens sort input, selects the field by label, then confirms.
+       * @example
+       * cy.m4lDynamicSortApplyedField('Created at');
+       */
+      m4lDynamicSortApplyedField(
+        /**
+         * Date field label
+         */
+        dateFieldLabel: string,
+      ): Chainable<Element>
     }
   }
 }

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

@@ -0,0 +1,4 @@
+/**
+ * Registers Filters and Sorts commands
+ */
+export declare const registerFiltersCommands: () => void;

package/e2e/commands/components/Filters/commands.js

@@ -0,0 +1,24 @@
+const I = '[class*="M4LSplitLayout-splitDetail"]', y = () => {
+  Cypress.Commands.add(
+    "m4lFiltersAndSortsOptionsValidation",
+    (i, t, n, s, c, l) => {
+      const o = () => cy.get('[role="presentation"]', { timeout: 1e3 }).should("exist"), r = (e) => {
+        o(), cy.get('[role="presentation"]', { timeout: 1e3 }).find("li").contains(e.key).click(), cy.get('[role="presentation"]', { timeout: 1e3 }).find('[class*="MuiPaper-root-MuiPopover-paper"]').should("be.visible").find("input").eq(e.inputIndex).click({ force: !0 });
+      }, T = () => {
+        cy.get("[role=presentation]").find("button").contains("N_D:[common_actions.intro]").click({ force: !0 });
+      }, d = (e) => {
+        ["select", "selectAsync", "boolean"].includes(e.type) ? (o(), 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(e.type) && (o(), cy.get('[role="presentation"]', { timeout: 1e3 }).find("input").eq(1).type(e.value));
+      }, a = (e, p, u, E) => {
+        cy.log(`Validating filter ${e.key}`), cy.get(p, { timeout: 1e3 }).find(u).eq(E).click(), r(e), d(e), T();
+      };
+      i(t).forEach((e) => {
+        l ? (a(e, n, s, c), cy.get(`${I} [class*="M4LDynamicFilter-actions"] button`).eq(1).click(), cy.wait(e.endpoint, { timeout: 1e3 })) : (a(e, n, s, c), cy.wait(e.endpoint, { timeout: 1e3 }).wait("@getList", { timeout: 1e3 }));
+      });
+    }
+  ), Cypress.Commands.add("m4lFiltersAndSortsPersistValidation", (i, t, n) => {
+    cy.get(i).find(`[class*="M4LDynamic${t}-applied${t}s"]`).find(`[class*="M4LDynamic${t}-applied${t}InnerContainer"]`).find("[role=button-chip]").should("have.length", n);
+  });
+};
+export {
+  y as r
+};

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

@@ -0,0 +1,91 @@
+/**
+ * Filter and sort configuration for Filters
+ */
+export type M4lFiltersAndSortsConfig = {
+  /**
+   * Filter type for string, number, select, selectAsync and boolean types
+   */
+  type: string;
+  /**
+   * Filter key for select, selectAsync and boolean types
+   */
+  key: string;
+  /**
+   * Filter value for string and number types
+   */
+  value: string;
+  /**
+   * Filter endpoint to wait for
+   */
+  endpoint: string;
+  /**
+   * Filter input index
+   */
+  inputIndex: number;
+};
+
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Validates filter and sort options for DynamicFilter. For each filter, selects it, applies value by type, sends input.
+       * @example
+       * const mockFilters: M4lDynamicFilterConfig[] = [
+       *   { type: 'string', key: 'Name', value: 'test', endpoint: '@getList', inputIndex: 1 },
+       * ];
+       * cy.intercept('GET', '/api/items*').as('getList');
+       * cy.m4lDynamicFilterValidateFilterAndSortOptions(
+       *   (f) => f,
+       *   mockFilters,
+       *   '[class*="M4LDynamicFilter-root"]',
+       *   '[class*="M4LDynamicFilter-filterChip"]',
+       *   0
+       * );
+       */
+      m4lFiltersAndSortsOptionsValidation(
+        filters: (mockFilters: M4lFiltersAndSortsConfig[]) => M4lFiltersAndSortsConfig[],
+        /**
+         * Mock of the filters to validate
+         */
+        mockFilters: M4lFiltersAndSortsConfig[],
+        /**
+         * Selector for the filters or sort to validate
+         */
+        filtersOrSort: string,
+        /**
+         * Selector for the section to validate
+         */
+        section: string,
+        /**
+         * Index of the filters or sort to validate
+         */
+        index: number,
+        /**
+         * If true, validates the filter in the logs tab
+         */
+        logs?: boolean,
+      ): Chainable<Element>;
+      /**
+       * Asserts that the number of applied filter/sort chips matches the expected length.
+       * @example
+       * cy.m4lDynamicFilterAndSortsPersist('[class*="M4LSplitLayout-splitDetail"]', 'Filter', 2);
+       */
+      m4lFiltersAndSortsPersistValidation(
+        /**
+         * Selector for the section to validate
+         */
+        section: string,
+        /**
+         * Filter or sort type
+         */
+        type: 'Filter' | 'Sort',
+        /**
+         * Length of applied filters and sorts
+         */
+        length: number,
+      ): Chainable<Element>;
+    }
+  }
+}
+
+export {};

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

@@ -1,4 +1,4 @@
 /**
- * Registra los comandos de MenuActions
+ * Registers MenuActions commands
  */
 export declare const registerMenuActionsCommands: () => void;

package/e2e/commands/components/MenuActions/commands.js

@@ -1,6 +1,6 @@
 const o = () => {
-  Cypress.Commands.add("m4lMenuActionsItem", (e) => {
-    cy.m4lPopover().find("[role=menuitem]").eq(e).should("be.visible", { timeout: 1e4 });
+  Cypress.Commands.add("m4lMenuActionsItem", (e, s) => {
+    cy.m4lPopover().find("[role=menuitem]").eq(e), s ? cy.should("have.attr", "aria-disabled", "true") : cy.should("be.visible", { timeout: 1e4 });
   });
 };
 export {

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

@@ -1,7 +1,22 @@
 declare global {
   namespace Cypress {
     interface Chainable {
-      m4lMenuActionsItem(menuItemIndex: number): Chainable<Element>
+      /**
+       * Gets the MenuItem of a MenuAction at the specified position. Optionally asserts disabled state.
+       * @example
+       * cy.m4lMenuActionsItem(0); // first item, expect visible
+       * cy.m4lMenuActionsItem(1, 'isDisabled'); // second item, expect disabled
+       */
+      m4lMenuActionsItem(
+        /**
+         * menuActions item index
+         */
+        menuItemIndex: number,
+        /**
+         * Indicates whether the menuActions item is disabled
+         */
+        isDisabled?: 'isDisabled',
+      ): Chainable<Element>
     }
   }
 }

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

@@ -1,4 +1,4 @@
 /**
- * Registra los comandos de Popover
+ * Registers Popover commands
  */
 export declare const registerPopoverCommands: () => void;

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

@@ -1,6 +1,12 @@
 declare global {
   namespace Cypress {
     interface Chainable {
+      /**
+       * Gets the currently open popover (MUI Paper with role=presentation).
+       * @example
+       * cy.m4lDynamicFilterInputClick();
+       * cy.m4lPopover().find('li').contains('Name').click();
+       */
       m4lPopover(): Chainable<Element>
     }
   }

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

@@ -1,4 +1,4 @@
 /**
- * Registra los comandos de PropertyValue
+ * Registers PropertyValue commands
  */
 export declare const registerPropertyValueCommands: () => void;

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

@@ -2,11 +2,16 @@ declare global {
   namespace Cypress {
     interface Chainable {
       /**
-       * Obtiene el PropertyValue
-       * @param selector selector de la propiedad
-       * @returns el valor de la propiedad
+       * Gets the PropertyValue element (value part) within the given selector.
+       * @example
+       * cy.m4lPropertyValue('[class*="M4LPropertyValue-root"]').should('have.text', '123');
        */
-      m4lPropertyValue(selector: string): Chainable<Element>
+      m4lPropertyValue(
+        /**
+         * Property selector
+         */
+        selector: string,
+      ): Chainable<Element>
     }
   }
 }

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

@@ -1,4 +1,4 @@
 /**
- * Registra los comandos de Tab
+ * Registers Tab commands
  */
 export declare const registerTabCommands: () => void;

package/e2e/commands/components/Tab/commands.js

@@ -1,6 +1,7 @@
 const a = () => {
-  Cypress.Commands.add("m4lTabButton", (t, s) => {
-    cy.get(t).find("[role=tablist]").find("button").eq(s);
+  Cypress.Commands.add("m4lTabButton", (o, s, t) => {
+    const n = cy.get(o).find("[role=tablist]").find("button").eq(s);
+    t !== void 0 && n.should("have.text", t);
   });
 };
 export {

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

@@ -2,11 +2,26 @@ declare global {
   namespace Cypress {
     interface Chainable {
       /**
-       * Obtiene el botón de la pestaña indicada
-       * @param tabIndex índice de la pestaña a obtener
-       * @returns el botón de la pestaña indicada
+       * Gets the tab button at the given index and asserts its text equals tabTitle.
+       * @example
+       * cy.m4lTabButton('[class*="M4LTab-root"]', 0); // Without title
+       * cy.m4lTabButton('[class*="M4LTab-root"]', 0, 'Details');
+       * cy.m4lTabButton('[class*="M4LTab-root"]', 1, 'History');
        */
-      m4lTabButton(selector: string, tabIndex: number): Chainable<Element>
+      m4lTabButton(
+        /**
+         * @param selector - The component selector to get the tab button
+         */
+        selector: string,
+        /**
+         * @param tabIndex - The tab index to get the button
+         */
+        tabIndex: number,
+        /**
+         * @param tabTitle - The tab title to validate
+         */
+        tabTitle?: string,
+      ): Chainable<Element>
     }
   }
 }

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

@@ -1,4 +1,4 @@
 /**
- * Registra los comandos de WindowBase
+ * Registers WindowBase commands
  */
 export declare const registerWindowBaseCommands: () => void;

package/e2e/commands/components/WindowBase/commands.js

@@ -9,6 +9,10 @@ const a = () => {
     cy.m4lWindowBaseHeader().find('[class*="M4LMenuActions-root-M4LWindowBase-menuActionsWindowBase"]').find("button").eq(0).click(), cy.get("[role=presentation]").find('[class^="MuiPaper-root"]').find("[role=menuitem]").eq(e);
   }), Cypress.Commands.add("m4lWindowBaseMenuActionDisabled", (e) => {
     cy.m4lWindowBaseMenuAction(e).should("have.attr", "aria-disabled", "true");
+  }), Cypress.Commands.add("m4lDialogWindowActions", (e) => {
+    cy.get('[class^="MuiDialog-container"]').find('[class^="M4LWindowBase-root"]').should("contain", e);
+  }), Cypress.Commands.add("m4lDialogWindowActionsValidateTitle", (e) => {
+    cy.get('[class^="M4LGridLayout-root"]').find('[class*="M4LPopupsViewer-root"]').find('[class*="M4LDragResizeWindowRND-draggableHandle"]').find('[class*="M4LTypography-root"]').should("have.text", e);
   });
 };
 export {

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

@@ -1,12 +1,78 @@
 declare global {
   namespace Cypress {
     interface Chainable {
+      /**
+       * Gets the module header (draggable handle area).
+       * @example
+       * cy.m4lWindowBaseHeader().find('button').first().click();
+       */
       m4lWindowBaseHeader(): Chainable<Element>
-      m4lWindowBaseLeftAction(buttonPosition: number): Chainable<Element>
-      m4lWindowBaseLeftActionClick(buttonPosition: number): Chainable<Element>
-      m4lWindowBaseMenuAction(menuItemPosition: number): Chainable<Element>
-      m4lWindowBaseMenuActionDisabled(menuItemPosition: number): Chainable<Element>
-
+      /**
+       * Gets a button on the left side of the module by 0-based index.
+       * @example
+       * cy.m4lWindowBaseLeftAction(0).click(); // first left button
+       */
+      m4lWindowBaseLeftAction(
+        /**
+         * Button position
+         */
+        buttonPosition: number,
+      ): Chainable<Element>
+      /**
+       * Clicks on the left button of the module by 0-based index.
+       * @example
+       * cy.m4lWindowBaseLeftActionClick(0);
+       */
+      m4lWindowBaseLeftActionClick(
+        /**
+         * Button position
+         */
+        buttonPosition: number,
+      ): Chainable<Element>
+      /**
+       * Opens the header menu and returns the menu item at the given 0-based position.
+       * @example
+       * cy.m4lWindowBaseMenuAction(0).click(); // click first menu item
+       */
+      m4lWindowBaseMenuAction(
+        /**
+         * Button position
+         */
+        menuItemPosition: number,
+      ): Chainable<Element>
+      /**
+       * Asserts that the menu item at the given position is disabled.
+       * @example
+       * cy.m4lWindowBaseMenuActionDisabled(2);
+       */
+      m4lWindowBaseMenuActionDisabled(
+        /**
+         * Button position
+         */
+        menuItemPosition: number,
+      ): Chainable<Element>
+      /**
+       * Finds the dialog by title and returns the container (e.g. to then find and click accept).
+       * @example
+       * cy.m4lDialogWindowActions('Confirm').find('button').contains('Accept').click();
+       */
+      m4lDialogWindowActions(
+        /**
+         * Dialog title
+         */
+        title: string,
+      ): Chainable<Element>
+      /**
+       * Asserts that a popup window has the given title.
+       * @example
+       * cy.m4lDialogWindowActionsValidateTitle('Edit item');
+       */
+      m4lDialogWindowActionsValidateTitle(
+        /**
+         * Dialog title
+         */
+        title: string,
+      ): Chainable<Element>
       // login(email: string, password: string): Chainable<void>
       // drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
       // dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>

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

@@ -1,3 +1,4 @@
+export * from './Accordions/commands';
 export * from './DataGrid/commands';
 export * from './DynamicFilter/commands';
 export * from './DynamicSort/commands';
@@ -6,3 +7,5 @@ export * from './Popover/commands';
 export * from './PropertyValue/commands';
 export * from './Tab/commands';
 export * from './WindowBase/commands';
+export * from './CommonActions/commands';
+export * from './Filters/commands';

package/e2e/commands/index.d.ts

@@ -1 +1,4 @@
 export { registerCommands } from './register';
+export type { M4lFiltersAndSortsConfig } from './components/Filters/types';
+export type { M4lPropertyValuesAccordionsConfig } from './components/Accordions/types';
+export type { M4LDataGridCypressColumn, M4LGetCypressDataGridColumnsConfig } from './components/DataGrid/types';

package/e2e/commands/register.d.ts

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

package/e2e/commands/register.js

@@ -1,15 +1,18 @@
+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 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 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 n } from "./components/WindowBase/commands.js";
-import { r as p } from "./intercepts/noPrivileges/interceptCommands.js";
-const u = (r = {}) => {
-  m(), o(), s(), e(), t(), a(), i(), n(), p(r);
+import { r as d } from "./components/CommonActions/commands.js";
+import { r as p } from "./components/Filters/commands.js";
+import { r as g } from "./intercepts/noPrivileges/interceptCommands.js";
+const w = () => {
+  r(), m(), o(), s(), e(), i(), t(), a(), n(), d(), p(), g();
 };
 export {
-  u as r
+  w as r
 };

package/e2e/cypress.d.js

@@ -0,0 +1 @@
+

package/e2e/cypress.d.ts

@@ -1,3 +1,4 @@
+/// <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" />
@@ -6,9 +7,9 @@
 /// <reference path="./commands/components/Popover/types.d.ts" />
 /// <reference path="./commands/components/PropertyValue/types.d.ts" />
 /// <reference path="./commands/components/Tab/types.d.ts" />
+/// <reference path="./commands/components/CommonActions/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,3 +19,5 @@ declare global {
     }
   }
 }
+
+export {};

package/index.d.ts

@@ -1,3 +1,4 @@
+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.22",
+  "version": "0.0.23",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "scripts": {
@@ -29,89 +29,78 @@
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "dependencies": {
-    "@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-designs": "^8.0.0",
+    "@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.5.0",
+    "cypress-vite": "1.6.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.0.0",
-    "react": "^18.0.0",
-    "vitest": "^3.1.1"
+    "@types/react": "18.3.23",
+    "react": "18.3.1",
+    "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.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",
+    "@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",
     "vite-plugin-dts": "^4.2.1",
-    "vitest": "^3.1.1"
+    "vitest": "3.1.1"
   },
   "resolutions": {
     "glob": "^10.4.5",
-    "react": "^18.0.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "18.3.1",
+    "@types/react": "18.3.23",
+    "@types/react-dom": "18.3.7",
+    "react-dom": "18.3.1",
     "@vitejs/plugin-react": "^4.0.0"
   },
   "overrides": {
     "glob": "^10.4.5",
-    "eslint": "^9.0.0",
-    "react": "^18.0.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "eslint": "9.28.0",
+    "react": "18.3.1",
+    "@types/react": "18.3.23",
+    "@types/react-dom": "18.3.7",
+    "react-dom": "18.3.1"
   },
   "files": [
     "*"
   ],
+  "type": "module",
   "source": "./index.js",
-  "main": "src/index.ts",
+  "main": "./index.js",
   "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,73 +1,95 @@
-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})`, () => {
+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})`, () => {
       if (it("should have the correct basic properties", () => {
-        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);
+        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);
       }), e.hookCall) {
-        let r = !0, i = !0;
+        let a = !0, s = !0;
         it("should have the correct hook call properties", () => {
-          if (n(e.hookCall))
-            t(l.testProps).toEqual({
-              fieldValue: e.hookCall.fieldValue
+          if (i(e.hookCall))
+            l(o.testProps).toEqual({
+              fieldValue: e.hookCall.fieldValue,
+              defaultValue: e.hookCall.defaultValue,
+              Component: e.hookCall.Component
             });
-          else if (h(e.hookCall))
-            t(l.testProps).toEqual({
+          else if (k(e.hookCall))
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               presentationType: e.hookCall.presentationType
             });
-          else if (d(e.hookCall))
-            t(l.testProps).toEqual({
+          else if (C(e.hookCall))
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               presentationType: e.hookCall.presentationType
             });
-          else if (k(e.hookCall))
-            t(l.testProps).toEqual({
+          else if (d(e.hookCall))
+            l(o.testProps).toEqual({
               field: e.hookCall.field,
-              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({
+              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({
               fieldValue: e.hookCall.fieldValue
             });
           else if (p(e.hookCall))
-            t(l.testProps).toEqual({
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldUnit: e.hookCall.fieldUnit
             });
           else if (y(e.hookCall))
-            t(l.testProps).toEqual({
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldUnit: e.hookCall.fieldUnit,
               fieldSymbol: e.hookCall.fieldSymbol
             });
           else if (f(e.hookCall))
-            t(l.testProps).toEqual({
+            l(o.testProps).toEqual({
               fieldValue: e.hookCall.fieldValue,
               fieldSeparator: e.hookCall.fieldSeparator
             });
           else if (m(e.hookCall))
-            t(l.testProps).toEqual({
-              fieldLabel: typeof e.hookCall.fieldLabel == "function" ? t.any(Function) : e.hookCall.fieldLabel,
+            l(o.testProps).toEqual({
+              fieldLabel: typeof e.hookCall.fieldLabel == "function" ? l.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", () => {
-          t(l.formatter).toBeDefined(), r && t(l.customFilter).toBeDefined(), i && t(l.customSort).toBeDefined();
+          l(o.formatter).toBeDefined(), a && l(o.customFilter).toBeDefined(), s && l(o.customSort).toBeDefined();
         });
       } else
         it("should not have formatter functions", () => {
-          t(l.formatter).toBeUndefined(), t(l.customFilter).toBeUndefined(), t(l.customSort).toBeUndefined();
+          l(o.formatter).toBeUndefined(), l(o.customFilter).toBeUndefined(), l(o.customSort).toBeUndefined();
         });
     });
   });
 };
 export {
-  V as t
+  B as t
 };

package/testComponents/DataGrid/types.d.ts

@@ -1,7 +1,7 @@
-import { ColumnNestedValueFormatterProps, ColumnDateFormatterProps, ColumnBooleanFormatterProps, ColumnPriceFormatterProps, ColumnPointsFormatterProps, ColumnSetCheckFormatterProps, ColumnUncertaintyFormatterProps, ColumnConcatenatedValuesFormatterProps, Column, ColumnInteractiveCheckFormatterProps, ColumnChipStatusFormatterProps } from '@m4l/components';
+import { ColumnNestedValueFormatterProps, ColumnDateFormatterProps, ColumnBooleanFormatterProps, ColumnPriceFormatterProps, ColumnPointsFormatterProps, ColumnSetCheckFormatterProps, ColumnUncertaintyFormatterProps, ColumnConcatenatedValuesFormatterProps, Column, ColumnInteractiveCheckFormatterProps, ColumnChipStatusFormatterProps, ColumnTagsFormatterProps, ColumnIconFormatterProps, ColumnColorFormatterProps, ColumnImageFormatterProps } from '@m4l/components';
 type BaseColumnConfig<T> = Column<T, unknown>;
 type BaseHookCall = {
-    type: 'nested' | 'date' | 'boolean' | 'price' | 'points' | 'interactiveCheck' | 'setCheck' | 'uncertainty' | 'concatenated' | 'chipStatus';
+    type: 'nested' | 'date' | 'boolean' | 'price' | 'points' | 'interactiveCheck' | 'setCheck' | 'uncertainty' | 'concatenated' | 'chipStatus' | 'tags' | 'icon' | 'color' | 'image';
 };
 export type TestingNestedValueHookCall<T> = BaseHookCall & ColumnNestedValueFormatterProps<T> & {
     type: 'nested';
@@ -33,8 +33,20 @@ 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>;
+    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>;
 };
 export type TestingColumn = Column<unknown, unknown> & {
     testProps?: Record<string, unknown>;

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

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