@griddo/ax 1.71.0 → 1.72.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/ax",
   "description": "Griddo Author Experience",
-  "version": "1.71.0",
+  "version": "1.72.2",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -226,5 +226,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3ccc775d807b8e42ca60b1e5f17ebe92b97e4f59"
+  "gitHead": "13b8c276e0c121ce023d23ca45f25e91f1bc0adc"
 }

package/src/Style/index.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider, createGlobalStyle } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import reset from "styled-reset";
 import { normalize } from "polished";
 import fonts from "./fonts";

package/src/__tests__/components/ElementsTooltip/ElementsTooltip.test.tsx

@@ -5,7 +5,7 @@ import { render, screen, cleanup } from "@testing-library/react";
 import "@testing-library/jest-dom";
 import { mock } from "jest-mock-extended";
 
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 
 import ElementsTooltip, { IElementsTooltipProps } from "@ax/components/ElementsTooltip";
 import globalTheme from "@ax/themes/theme.json";

package/src/__tests__/components/EmptyState/EmptyState.test.tsx

@@ -3,7 +3,7 @@ import * as React from "react";
 import { ThemeProvider } from "styled-components";
 import { mock } from "jest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import "@testing-library/jest-dom";
 
 import EmptyState from "@ax/components/EmptyState";

package/src/__tests__/components/ErrorToast/ErrorToast.test.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+
+import { ThemeProvider } from "styled-components";
+import { render, cleanup, screen } from "@testing-library/react";
+import { parseTheme } from "@ax/helpers";
+import "@testing-library/jest-dom";
+
+import ErrorToast, { IProps } from "@ax/components/ErrorToast";
+import globalTheme from "@ax/themes/theme.json";
+
+afterEach(cleanup);
+
+describe("ErrorToast component rendering", () => {
+  it("should render the component", () => {
+    const defaultProps: IProps = {
+      size: "m",
+    };
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <ErrorToast {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const errorWrapper = screen.getByTestId("error-wrapper");
+    expect(errorWrapper).toBeTruthy();
+  });
+
+  it("should render the component with no size", () => {
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <ErrorToast />
+      </ThemeProvider>
+    );
+
+    const errorWrapper = screen.getByTestId("error-wrapper");
+    expect(errorWrapper).toBeTruthy();
+  });
+
+  it("should render the component with a wrong size value", () => {
+    const defaultProps: IProps = {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      size: 100,
+    };
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <ErrorToast {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const errorWrapper = screen.getByTestId("error-wrapper");
+    expect(errorWrapper).toBeTruthy();
+  });
+});

package/src/__tests__/components/FieldContainer/FieldContainer.test.tsx

@@ -0,0 +1,82 @@
+import * as React from "react";
+
+import { ThemeProvider } from "styled-components";
+import { mock } from "jest-mock-extended";
+import { render, screen, cleanup } from "@testing-library/react";
+import { parseTheme } from "@ax/helpers";
+import "@testing-library/jest-dom";
+
+import FieldContainer, { IFieldContainerProps } from "@ax/components/FieldContainer";
+import globalTheme from "@ax/themes/theme.json";
+
+afterEach(cleanup);
+
+const defaultProps = mock<IFieldContainerProps>();
+
+describe("FieldContainer component rendering", () => {
+  it("should render the component", () => {
+    defaultProps.field = {
+      title: "Title",
+      type: "ComponentContainer",
+      key: "title",
+      hideable: true,
+      slugTo: "/",
+    };
+    defaultProps.updateValue = jest.fn();
+    defaultProps.selectedContent = { id: 1, component: "BasicCard" };
+    defaultProps.objKey = "id";
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <FieldContainer {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const fieldsBehaviorWrapper = screen.getByTestId("fields-behavior-wrapper");
+    expect(fieldsBehaviorWrapper).toBeTruthy();
+  });
+
+  it("should render the FieldsBehavior", () => {
+    defaultProps.field = {
+      title: "Title",
+      type: "TextField",
+      key: "semTitle",
+      hideable: true,
+      slugTo: "/",
+      whiteList: ["BasicCard", "CollectionCard"],
+    };
+    defaultProps.updateValue = jest.fn();
+    defaultProps.selectedContent = { id: 1 };
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <FieldContainer {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const fieldsBehaviorWrapper = screen.getByTestId("fields-behavior-wrapper");
+    expect(fieldsBehaviorWrapper).toBeTruthy();
+  });
+
+  it("should render the HiddenField", () => {
+    defaultProps.field = {
+      title: "Title",
+      type: "TextField",
+      key: "semTitle",
+      hideable: true,
+      slugTo: "/",
+    };
+    defaultProps.updateValue = jest.fn();
+    defaultProps.selectedContent = { id: 1, value: null };
+    defaultProps.objKey = "value";
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <FieldContainer {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const fieldsBehaviorWrapper = screen.getByTestId("field-single-option");
+    expect(fieldsBehaviorWrapper).toBeTruthy();
+  });
+});

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

@@ -6,7 +6,7 @@ import { ThemeProvider } from "styled-components";
 import { render, cleanup } from "../../../../../config/jest/test-utils";
 
 import AnalyticsField from "@ax/components/Fields/AnalyticsField";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 
 const valuesMock = {

package/src/__tests__/components/Fields/AnalyticsField/PageAnalytics/PageAnalytics.test.tsx

@@ -3,7 +3,7 @@ import "@testing-library/jest-dom";
 import PageAnalytics from "@ax/components/Fields/AnalyticsField/PageAnalytics";
 import { IAnalytics } from "@ax/types";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { render, cleanup } from "@testing-library/react";
 

package/src/__tests__/components/Fields/AnalyticsField/StructuredDataAnalytics/StructuredDataAnalytics.test.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import "@testing-library/jest-dom";
 import StructuredDataAnalytics from "@ax/components/Fields/AnalyticsField/StructuredDataAnalytics";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { render, cleanup } from "@testing-library/react";
 

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

@@ -1,7 +1,7 @@
 import React from "react";
 import ArrayFieldGroup, { IProps } from "@ax/components/Fields/ArrayFieldGroup";
 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, fireEvent, cleanup, act } from "@testing-library/react";
 import { mock } from "jest-mock-extended";
@@ -262,7 +262,7 @@ describe("ArrayFieldGroup component events", () => {
     });
 
     expect(screen.getByTestId("arrayFieldInline")).toBeTruthy();
-    fireEvent.click(screen.getByTestId("iconActionComponent"));
+    fireEvent.click(screen.getByTestId("icon-action-component"));
     expect(onChangeMock).toHaveBeenCalled();
   });
 });

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

@@ -2,7 +2,7 @@ import React from "react";
 import axios from "axios";
 import AsyncCheckGroup, { IAsyncCheckGroup } from "@ax/components/Fields/AsyncCheckGroup";
 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, act } from "@testing-library/react";
 import { ISite } from "@ax/types";
@@ -67,7 +67,7 @@ describe("AsyncCheckGroup component rendering", () => {
       );
     });
 
-    expect(screen.getAllByTestId("checkFieldLabel")).toHaveLength(6);
+    expect(screen.getAllByTestId("check-field-label")).toHaveLength(6);
   });
 
   it("should render the component with no options", async () => {
@@ -91,6 +91,6 @@ describe("AsyncCheckGroup component rendering", () => {
         </ThemeProvider>
       );
     });
-    expect(screen.queryByTestId("checkFieldLabel")).not.toBeTruthy();
+    expect(screen.queryByTestId("check-field-label")).not.toBeTruthy();
   });
 });

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

@@ -3,7 +3,7 @@ import axios from "axios";
 import "@testing-library/jest-dom";
 import AsyncSelect, { IAsyncSelectProps } from "@ax/components/Fields/AsyncSelect";
 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, act } from "@testing-library/react";
 import { ISite } from "@ax/types";

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

@@ -1,7 +1,7 @@
 import React from "react";
 import CheckField from "@ax/components/Fields/CheckField";
 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";
 
@@ -27,8 +27,8 @@ describe("CheckField component rendering", () => {
       </ThemeProvider>
     );
 
-    const checkFieldLabel = screen.getByTestId("checkFieldLabel");
-    const checkFieldInput = screen.getByTestId("checkFieldInput");
+    const checkFieldLabel = screen.getByTestId("check-field-label");
+    const checkFieldInput = screen.getByTestId("check-field-input");
     const checkFieldCheckMark = screen.getByTestId("checkFieldCheckMark");
 
     expect(checkFieldLabel).toBeTruthy();
@@ -55,7 +55,7 @@ describe("CheckField component rendering", () => {
       </ThemeProvider>
     );
 
-    const checkFieldInput = screen.getByTestId("checkFieldInput");
+    const checkFieldInput = screen.getByTestId("check-field-input");
 
     expect(checkFieldInput).toBeTruthy();
   });
@@ -83,8 +83,8 @@ describe("CheckField events", () => {
       </ThemeProvider>
     );
 
-    const checkFieldLabel = screen.getByTestId("checkFieldLabel");
-    const checkFieldInput = screen.getByTestId<HTMLInputElement>("checkFieldInput");
+    const checkFieldLabel = screen.getByTestId("check-field-label");
+    const checkFieldInput = screen.getByTestId<HTMLInputElement>("check-field-input");
 
     expect(checkFieldLabel).toBeTruthy();
     expect(checkFieldInput).toBeTruthy();

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

@@ -8,7 +8,7 @@ import CheckGroup from "@ax/components/Fields/CheckGroup";
 import { ThemeProvider } from "styled-components";
 import globalTheme from "@ax/themes/theme.json";
 
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 
 afterEach(cleanup);
 
@@ -28,7 +28,7 @@ describe("CheckField component rendering", () => {
       </ThemeProvider>
     );
 
-    expect(screen.findByTestId("CheckGroupFieldgroup")).toBeTruthy();
+    expect(screen.findByTestId("check-group-field-group")).toBeTruthy();
   });
 
   it("should render the component with CheckField", async () => {
@@ -53,8 +53,8 @@ describe("CheckField component rendering", () => {
       </ThemeProvider>
     );
 
-    expect(screen.findByTestId("CheckGroupFieldgroup")).toBeTruthy();
-    expect(await screen.findAllByTestId("checkFieldLabel")).toHaveLength(2);
+    expect(screen.findByTestId("check-group-field-group")).toBeTruthy();
+    expect(await screen.findAllByTestId("check-field-label")).toHaveLength(2);
   });
 });
 
@@ -84,9 +84,9 @@ describe("CheckField events", () => {
       </ThemeProvider>
     );
 
-    expect(screen.findByTestId("CheckGroupFieldgroup")).toBeTruthy();
-    expect(await screen.findAllByTestId("checkFieldLabel")).toHaveLength(2);
-    const checkFieldInput = await screen.queryAllByTestId<HTMLInputElement>("checkFieldInput");
+    expect(screen.findByTestId("check-group-field-group")).toBeTruthy();
+    expect(await screen.findAllByTestId("check-field-label")).toHaveLength(2);
+    const checkFieldInput = await screen.queryAllByTestId<HTMLInputElement>("check-field-input");
     fireEvent.change(checkFieldInput[0], {
       target: { value: "name", checked: true },
     });
@@ -119,8 +119,8 @@ describe("CheckField events", () => {
       </ThemeProvider>
     );
 
-    expect(await screen.findAllByTestId("checkFieldLabel")).toHaveLength(2);
-    const checkFieldInput = await screen.queryAllByTestId<HTMLInputElement>("checkFieldInput");
+    expect(await screen.findAllByTestId("check-field-label")).toHaveLength(2);
+    const checkFieldInput = await screen.queryAllByTestId<HTMLInputElement>("check-field-input");
     fireEvent.change(checkFieldInput[0], {
       target: { value: "all", checked: true },
     });
@@ -156,8 +156,8 @@ describe("CheckField events", () => {
         <CheckGroup {...props} />
       </ThemeProvider>
     );
-    expect(await screen.findAllByTestId("checkFieldLabel")).toHaveLength(3);
-    const checkFieldInputs = await screen.queryAllByTestId("checkFieldInput");
+    expect(await screen.findAllByTestId("check-field-label")).toHaveLength(3);
+    const checkFieldInputs = await screen.queryAllByTestId("check-field-input");
 
     await user.type(checkFieldInputs[1], "name");
     await user.type(checkFieldInputs[2], "surname");
@@ -200,9 +200,9 @@ describe("CheckField events", () => {
       </ThemeProvider>
     );
 
-    expect(await screen.findAllByTestId("checkFieldLabel")).toHaveLength(4);
+    expect(await screen.findAllByTestId("check-field-label")).toHaveLength(4);
 
-    const checkFieldInputs = await screen.queryAllByTestId("checkFieldInput");
+    const checkFieldInputs = await screen.queryAllByTestId("check-field-input");
 
     await user.type(checkFieldInputs[1], "name");
     expect(onChangeMock).toHaveBeenCalledTimes(1);
@@ -247,9 +247,9 @@ describe("CheckField events", () => {
       </ThemeProvider>
     );
 
-    expect(await screen.findAllByTestId("checkFieldLabel")).toHaveLength(4);
+    expect(await screen.findAllByTestId("check-field-label")).toHaveLength(4);
 
-    const checkFieldInputs = await screen.queryAllByTestId("checkFieldInput");
+    const checkFieldInputs = await screen.queryAllByTestId("check-field-input");
     await user.type(checkFieldInputs[1], "name");
 
     expect(onChangeMock).toHaveBeenCalledTimes(1);

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

@@ -2,7 +2,7 @@ import React from "react";
 import "@testing-library/jest-dom";
 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");

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

@@ -1,7 +1,7 @@
 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";

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

@@ -3,7 +3,7 @@ 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";
@@ -76,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
@@ -106,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);
@@ -262,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();
   });
 
@@ -288,8 +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();
   });
 });

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

@@ -3,7 +3,7 @@ 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";
@@ -26,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);
@@ -50,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);
@@ -75,10 +75,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);
@@ -94,10 +94,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);

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 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,8 +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();
   });
 });

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

@@ -5,7 +5,7 @@ import { ThemeProvider } from "styled-components";
 import { mock } from "jest-mock-extended";
 
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 
 import globalTheme from "@ax/themes/theme.json";
 import ComponentContainer, { IComponentContainerProps } from "@ax/components/Fields/ComponentContainer";

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

@@ -1,7 +1,7 @@
 import React from "react";
 import ConditionalField from "@ax/components/Fields/ConditionalField";
 import { ThemeProvider } from "styled-components";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { mock } from "jest-mock-extended";
 import { render, screen, cleanup } from "@testing-library/react";

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

@@ -5,7 +5,7 @@ import { mock } from "jest-mock-extended";
 import { render, screen, cleanup } from "@testing-library/react";
 
 import DateField, { IDateFieldProps } from "@ax/components/Fields/DateField";
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 
 afterEach(cleanup);

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

@@ -3,7 +3,7 @@ import "@testing-library/jest-dom";
 import { ThemeProvider } from "styled-components";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
-import { parseTheme } from "@griddo/core";
+import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 
 import FieldGroup from "@ax/components/Fields/FieldGroup";