@griddo/ax 1.69.8 → 1.72.0

package/src/__tests__/components/Fields/ColorPicker/ColorPicker.test.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import "@testing-library/jest-dom";
-import ColorPicker from "@ax/components/Fields/ColorPicker";
+import ColorPicker, { IProps } from "@ax/components/Fields/ColorPicker";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 import { mock } from "jest-mock-extended";
@@ -33,7 +33,7 @@ describe("AsyncSelect component rendering", () => {
         <ColorPicker {...defaultProps} />
       </ThemeProvider>
     );
-    const inputActionComponent = screen.getByTestId("iconActionComponent");
+    const inputActionComponent = screen.getByTestId("icon-action-component");
     expect(inputActionComponent).toBeTruthy();
     fireEvent.click(inputActionComponent);
     expect(screen.findByTestId("pickerWrapper")).toBeTruthy();
@@ -90,7 +90,7 @@ describe("AsyncSelect events", () => {
       </ThemeProvider>
     );
 
-    const inputActionComponent = screen.getByTestId("iconActionComponent");
+    const inputActionComponent = screen.getByTestId("icon-action-component");
     expect(inputActionComponent).toBeTruthy();
     fireEvent.click(inputActionComponent);
     const inputPicker = await screen.findByTestId("inputPicker");
@@ -111,7 +111,7 @@ describe("AsyncSelect events", () => {
       </ThemeProvider>
     );
 
-    const inputActionComponent = screen.getByTestId("iconActionComponent");
+    const inputActionComponent = screen.getByTestId("icon-action-component");
     expect(inputActionComponent).toBeTruthy();
     fireEvent.click(inputActionComponent);
     const inputPicker = await screen.findByTestId("inputPicker");
@@ -135,7 +135,7 @@ describe("AsyncSelect events", () => {
       </ThemeProvider>
     );
 
-    const inputActionComponent = screen.getByTestId("iconActionComponent");
+    const inputActionComponent = screen.getByTestId("icon-action-component");
     expect(inputActionComponent).toBeTruthy();
     fireEvent.click(inputActionComponent);
     const gridItem = await screen.findAllByTestId("gridItem");
@@ -158,7 +158,7 @@ describe("AsyncSelect events", () => {
       </ThemeProvider>
     );
 
-    const inputActionComponent = screen.getByTestId("iconActionComponent");
+    const inputActionComponent = screen.getByTestId("icon-action-component");
     expect(inputActionComponent).toBeTruthy();
     fireEvent.click(inputActionComponent);
     const gridItem = await screen.findAllByTestId("gridItem");
@@ -184,12 +184,3 @@ describe("AsyncSelect events", () => {
     expect(handleValidationMock).toBeCalled();
   });
 });
-
-export interface IProps {
-  value: string;
-  error?: boolean;
-  colors?: string[] | Record<string, unknown>[];
-  onChange: (newColor: string) => void;
-  handleValidation?: (value: string, validators: Record<string, unknown>) => void;
-  theme: string;
-}

package/src/__tests__/components/Fields/ComponentArray/ComponentArray.test.tsx

@@ -1,10 +1,11 @@
 import * as React from "react";
 import ComponentArraySelector from "@ax/components/Fields/ComponentArray";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { IModule } from "@ax/types";
 import { ISameComponentArrayProps } from "@ax/components/Fields/ComponentArray/SameComponentArray";
+import { IMixableComponentArrayProps } from "@ax/components/Fields/ComponentArray/MixableComponentArray";
 import { render, screen, cleanup } from "@testing-library/react";
 import { mock } from "jest-mock-extended";
 
@@ -160,25 +161,3 @@ describe("ComponentArraySelector component rendering", () => {
     expect(screen.getAllByTestId("sameComponentWrapper")).toBeTruthy();
   });
 });
-
-export interface IMixableComponentArrayProps {
-  maxItems: number;
-  title: string;
-  whiteList: any[];
-  value: IModule[];
-  selectedContent: any;
-  editorID: number;
-  goTo: (editorID: string) => void;
-  actions: any;
-  categories?: any;
-  disabled?: boolean;
-  activatedModules: string[];
-  objKey: string;
-  field: any;
-  mandatory?: boolean;
-  theme: string;
-  moduleCopy: { date: string; element: Record<string, any> } | null;
-  availableDataPacks: Record<string, any>[];
-  template: any;
-  setHistoryPush?: (path: string, isEditor: boolean) => void;
-}

package/src/__tests__/components/Fields/ComponentArray/MixableComponentArray/MixableComponentArray.test.tsx

@@ -1,7 +1,9 @@
 import * as React from "react";
-import MixableComponentArray from "@ax/components/Fields/ComponentArray/MixableComponentArray";
+import MixableComponentArray, {
+  IMixableComponentArrayProps,
+} from "@ax/components/Fields/ComponentArray/MixableComponentArray";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { IModule } from "@ax/types";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
@@ -74,7 +76,7 @@ describe("ComponentArraySelector component rendering", () => {
       </ThemeProvider>
     );
 
-    expect(screen.getAllByTestId("iconActionComponent")).toBeTruthy();
+    expect(screen.getAllByTestId("icon-action-component")).toBeTruthy();
   });
 
   // Test incompleto. Lo dejo por si lo podemos reaprovechar más adelante
@@ -104,7 +106,7 @@ describe("ComponentArraySelector component rendering", () => {
     );
 
     const { rerender } = render(Component);
-    const addItemButton = screen.getAllByTestId<HTMLElement>("iconActionComponent");
+    const addItemButton = screen.getAllByTestId<HTMLElement>("icon-action-component");
     expect(addItemButton).toBeTruthy();
     fireEvent.click(addItemButton[0]);
     rerender(Component);
@@ -232,7 +234,7 @@ describe("ComponentArraySelector component rendering", () => {
       </ThemeProvider>
     );
 
-    expect(screen.getAllByTestId("tooltipComponent")).toBeTruthy();
+    expect(screen.getAllByTestId("tooltip-component")).toBeTruthy();
   });
 });
 
@@ -260,8 +262,8 @@ describe("ComponentArraySelector component events trigger", () => {
       </ThemeProvider>
     );
 
-    expect(screen.getAllByTestId("iconActionComponent")).toBeTruthy();
-    fireEvent.click(screen.getAllByTestId("iconActionComponent")[0]);
+    expect(screen.getAllByTestId("icon-action-component")).toBeTruthy();
+    fireEvent.click(screen.getAllByTestId("icon-action-component")[0]);
     expect(mixableProps.actions.addModuleAction).toBeCalled();
   });
 
@@ -286,30 +288,8 @@ describe("ComponentArraySelector component events trigger", () => {
       </ThemeProvider>
     );
 
-    expect(screen.getAllByTestId("iconActionComponent")).toBeTruthy();
-    fireEvent.click(screen.getAllByTestId("iconActionComponent")[0]);
+    expect(screen.getAllByTestId("icon-action-component")).toBeTruthy();
+    fireEvent.click(screen.getAllByTestId("icon-action-component")[0]);
     expect(mixableProps.actions.addComponentAction).toBeCalled();
   });
 });
-
-export interface IMixableComponentArrayProps {
-  maxItems: number;
-  title: string;
-  whiteList: any[];
-  value: IModule[];
-  selectedContent: any;
-  editorID: number;
-  goTo: (editorID: string) => void;
-  actions: any;
-  categories?: any;
-  disabled?: boolean;
-  activatedModules: string[];
-  objKey: string;
-  field: any;
-  mandatory?: boolean;
-  theme: string;
-  moduleCopy: { date: string; element: Record<string, any> } | null;
-  availableDataPacks: Record<string, any>[];
-  template: any;
-  setHistoryPush?: (path: string, isEditor: boolean) => void;
-}

package/src/__tests__/components/Fields/ComponentArray/MixableComponentArray/PasteModuleButton/PasteModuleButton.test.tsx

@@ -1,7 +1,9 @@
 import * as React from "react";
-import PasteModuleButton from "@ax/components/Fields/ComponentArray/MixableComponentArray/PasteModuleButton";
+import PasteModuleButton, {
+  IProps,
+} from "@ax/components/Fields/ComponentArray/MixableComponentArray/PasteModuleButton";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import "@testing-library/jest-dom";
 import globalTheme from "@ax/themes/theme.json";
 import { INotification } from "@ax/types";
@@ -24,10 +26,10 @@ describe("ComponentArraySelector component rendering", () => {
     defaultProps.setHistoryPush = jest.fn();
     render(
       <ThemeProvider theme={parseTheme(globalTheme)}>
-        <PasteModuleButton {...defaultProps} />
+        <PasteModuleButton arrayKey={""} {...defaultProps} />
       </ThemeProvider>
     );
-    const iconButton = screen.getByTestId("iconActionComponent");
+    const iconButton = screen.getByTestId("icon-action-component");
     expect(iconButton).toBeTruthy();
     await act(async () => {
       fireEvent.click(iconButton);
@@ -48,10 +50,10 @@ describe("ComponentArraySelector trigger events", () => {
 
     render(
       <ThemeProvider theme={parseTheme(globalTheme)}>
-        <PasteModuleButton {...defaultProps} />
+        <PasteModuleButton arrayKey={""} {...defaultProps} />
       </ThemeProvider>
     );
-    const iconButton = screen.getByTestId("iconActionComponent");
+    const iconButton = screen.getByTestId("icon-action-component");
     expect(iconButton).toBeTruthy();
     await act(async () => {
       fireEvent.click(iconButton);
@@ -64,7 +66,7 @@ describe("ComponentArraySelector trigger events", () => {
       },
     });
 
-    expect(screen.getByTestId("tooltipComponent")).toHaveTextContent("Paste from clipboard");
+    expect(screen.getByTestId("tooltip-component")).toHaveTextContent("Paste from clipboard");
   });
 
   test("should trigger the onClick and resolve promise", async () => {
@@ -73,17 +75,17 @@ describe("ComponentArraySelector trigger events", () => {
 
     render(
       <ThemeProvider theme={parseTheme(globalTheme)}>
-        <PasteModuleButton {...defaultProps} />
+        <PasteModuleButton arrayKey={""} {...defaultProps} />
       </ThemeProvider>
     );
-    const iconButton = screen.getByTestId("iconActionComponent");
+    const iconButton = screen.getByTestId("icon-action-component");
     expect(iconButton).toBeTruthy();
     await act(async () => {
       fireEvent.click(iconButton);
     });
     await expect(mockedFunction).toHaveBeenCalled();
     await expect(mockedFunction(1)).resolves.toEqual({});
-    expect(screen.getByTestId("toastMessage")).toHaveTextContent("Module pasted from clipboard");
+    expect(screen.getByTestId("toast-message")).toHaveTextContent("Module pasted from clipboard");
   });
 
   test("should trigger the onClick and resolve promise without error", async () => {
@@ -92,24 +94,16 @@ describe("ComponentArraySelector trigger events", () => {
 
     render(
       <ThemeProvider theme={parseTheme(globalTheme)}>
-        <PasteModuleButton {...defaultProps} />
+        <PasteModuleButton arrayKey={""} {...defaultProps} />
       </ThemeProvider>
     );
-    const iconButton = screen.getByTestId("iconActionComponent");
+    const iconButton = screen.getByTestId("icon-action-component");
     expect(iconButton).toBeTruthy();
     await act(async () => {
       fireEvent.click(iconButton);
     });
     await expect(mockedFunction).toHaveBeenCalled();
     await expect(mockedFunction(1)).resolves.toEqual({ error: undefined });
-    expect(screen.getByTestId("toastMessage")).toHaveTextContent("Module pasted from clipboard");
+    expect(screen.getByTestId("toast-message")).toHaveTextContent("Module pasted from clipboard");
   });
 });
-
-interface IProps {
-  pasteModule: (editorID: number) => Promise<{ error?: INotification }>;
-  setNotification?: (notification: INotification) => void;
-  setHistoryPush?: (path: string, isEditor: boolean) => void;
-  editorID: number;
-  isModuleCopyUnavailable: boolean;
-}

package/src/__tests__/components/Fields/ComponentArray/SameComponentArray/SameComponentArray.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
-import SameComponentArray from "@ax/components/Fields/ComponentArray/SameComponentArray";
+import SameComponentArray, { ISameComponentArrayProps } from "@ax/components/Fields/ComponentArray/SameComponentArray";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { IModule } from "@ax/types";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
@@ -173,8 +173,8 @@ describe("ComponentArraySelector component events trigger", () => {
       </ThemeProvider>
     );
 
-    expect(screen.getAllByTestId("iconActionComponent")).toBeTruthy();
-    fireEvent.click(screen.getAllByTestId("iconActionComponent")[0]);
+    expect(screen.getAllByTestId("icon-action-component")).toBeTruthy();
+    fireEvent.click(screen.getAllByTestId("icon-action-component")[0]);
     expect(sameProps.actions.addModuleAction).toBeCalled();
   });
 
@@ -199,27 +199,8 @@ describe("ComponentArraySelector component events trigger", () => {
       </ThemeProvider>
     );
 
-    expect(screen.getAllByTestId("iconActionComponent")).toBeTruthy();
-    fireEvent.click(screen.getAllByTestId("iconActionComponent")[0]);
+    expect(screen.getAllByTestId("icon-action-component")).toBeTruthy();
+    fireEvent.click(screen.getAllByTestId("icon-action-component")[0]);
     expect(sameProps.actions.addComponentAction).toBeCalled();
   });
 });
-
-export interface ISameComponentArrayProps {
-  maxItems: number;
-  title: string;
-  whiteList: string[];
-  value: IModule[];
-  elementUniqueSelection: boolean;
-  selectedContent: any;
-  editorID: number;
-  goTo: (editorID: string) => void;
-  actions: any;
-  categories?: any;
-  disabled?: boolean;
-  activatedModules: string[];
-  objKey: string;
-  field: any;
-  mandatory?: boolean;
-  theme: string;
-}