@griddo/ax 11.10.11-rc.0 → 11.10.11

package/src/__tests__/components/Fields/VisualUniqueSelection/ImageSelection/ImageSelection.test.tsx

@@ -19,69 +19,69 @@ defaultProps.name = "name";
 defaultProps.objKey = "element";
 
 describe("VisualUniqueSelection component rendering", () => {
-  test("should render the component", () => {
-    defaultProps.options = [
-      {
-        theme: "default-theme",
-        options: [
-          {
-            value: "default",
-            img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/primaryStyle",
-          },
-          {
-            value: "defaultAlt",
-            img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/secondaryStyle",
-          },
-        ],
-      },
-      {
-        theme: "griddo-alt-theme",
-        options: [
-          {
-            value: "default",
-            img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/primaryStyle",
-          },
-          {
-            value: "defaultAlt",
-            img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/secondaryStyle",
-          },
-        ],
-      },
-    ];
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <ImageSelection {...defaultProps} />
-      </ThemeProvider>
-    );
+	test("should render the component", () => {
+		defaultProps.options = [
+			{
+				theme: "default-theme",
+				options: [
+					{
+						value: "default",
+						img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/primaryStyle",
+					},
+					{
+						value: "defaultAlt",
+						img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/secondaryStyle",
+					},
+				],
+			},
+			{
+				theme: "griddo-alt-theme",
+				options: [
+					{
+						value: "default",
+						img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/primaryStyle",
+					},
+					{
+						value: "defaultAlt",
+						img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/secondaryStyle",
+					},
+				],
+			},
+		];
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<ImageSelection {...defaultProps} />
+			</ThemeProvider>,
+		);
 
-    expect(screen.getByTestId("imageSelectionComponent")).toBeTruthy();
-  });
+		expect(screen.getByTestId("imageSelectionComponent")).toBeTruthy();
+	});
 });
 
 describe("VisualUniqueSelection component events", () => {
-  test("should handle change", () => {
-    defaultProps.options = [
-      {
-        value: "primary",
-        img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/primaryStyle",
-      },
-      {
-        value: "secondary",
-        img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/secondaryStyle",
-      },
-      {
-        value: "link",
-        img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/linkStyle",
-      },
-    ];
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <ImageSelection {...defaultProps} />
-      </ThemeProvider>
-    );
+	test("should handle change", () => {
+		defaultProps.options = [
+			{
+				value: "primary",
+				img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/primaryStyle",
+			},
+			{
+				value: "secondary",
+				img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/secondaryStyle",
+			},
+			{
+				value: "link",
+				img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/linkStyle",
+			},
+		];
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<ImageSelection {...defaultProps} />
+			</ThemeProvider>,
+		);
 
-    const radioButtons = screen.getAllByTestId<HTMLInputElement>("radioButtons");
-    fireEvent.click(radioButtons[0]);
-    expect(onChangeMock).toHaveBeenCalled();
-  });
+		const radioButtons = screen.getAllByTestId<HTMLInputElement>("radioButtons");
+		fireEvent.click(radioButtons[0]);
+		expect(onChangeMock).toHaveBeenCalled();
+	});
 });

package/src/__tests__/components/Fields/VisualUniqueSelection/ScrollableSelection/ScrollableSelection.test.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import ScrollableSelection, {
-  IScrollableSelectionProps,
+	IScrollableSelectionProps,
 } from "@ax/components/Fields/VisualUniqueSelection/ScrollableSelection";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
@@ -14,18 +14,18 @@ afterEach(cleanup);
 const defaultProps = mock<IScrollableSelectionProps>();
 defaultProps.theme = "default-theme";
 defaultProps.options = [
-  {
-    value: "primary",
-    img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/primaryStyle",
-  },
-  {
-    value: "secondary",
-    img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/secondaryStyle",
-  },
-  {
-    value: "link",
-    img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/linkStyle",
-  },
+	{
+		value: "primary",
+		img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/primaryStyle",
+	},
+	{
+		value: "secondary",
+		img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/secondaryStyle",
+	},
+	{
+		value: "link",
+		img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/linkStyle",
+	},
 ];
 defaultProps.elementUniqueSelection = true;
 defaultProps.columns = 2;
@@ -35,128 +35,128 @@ const onChangeMock = defaultProps.onChange as jest.MockedFunction<(value: string
 defaultProps.name = "name";
 defaultProps.objKey = "element";
 defaultProps.actions = {
-  replaceElementsInCollectionAction: jest.fn(),
+	replaceElementsInCollectionAction: jest.fn(),
 };
 defaultProps.selectedContent = {
-  component: "BasicContent",
-  title: {
-    content: "Title",
-    tag: "h1",
-  },
-  anchorID: "basic",
-  verticalSpacing: "medium",
-  layout: "L001",
-  theme: "default",
-  moduleOrder: null,
-  subtitle:
-    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dignissim ut nibh eget porttitor. Nunc eleifend mollis arcu.",
-  content:
-    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dignissim ut nibh eget porttitor. Nunc eleifend mollis arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dignissim ut nibh eget porttitor. Nunc eleifend mollis arcu.",
-  primaryLink: {
-    component: "Link",
-    text: "Link 1",
-    style: "primary",
-    url: {
-      href: null,
-      linkTo: 3622,
-      linkToURL: "//cx.dev.griddo.io/pre-griddo/fer-site/#papapapa",
-      title: "New Page",
-      anchor: "papapapa",
-    },
-    editorID: 5,
-    parentEditorID: 4,
-  },
-  secondaryLink: {
-    component: "Link",
-    editorID: 6,
-    parentEditorID: 4,
-  },
-  additionalContent: {
-    image: {
-      component: "LinkableImage",
-      editorID: 7,
-      parentEditorID: 4,
-      title: "",
-      alt: "",
-      veil: 0,
-      file: {
-        id: 857,
-        name: ".png",
-        title: "",
-        description: "",
-        alt: "",
-        tags: [],
-        url: "https://images.dev.griddo.io/screenshot-2022-04-13-at-164915",
-        thumb: "https://images.dev.griddo.io/w/215/h/161/screenshot-2022-04-13-at-164915",
-        publicId: "thesaurus-dev/Screenshot_2022-04-13_at_16.49.15_927293bf-d163-402f-b216-4dc8656ea8c1",
-        damId: "screenshot-2022-04-13-at-164915",
-        published: "2022-04-18T08:52:48.334Z",
-        size: 1123589,
-        width: 1444,
-        height: 640,
-        orientation: "L",
-        site: "global",
-      },
-    },
-    video: {
-      component: "Video",
-      editorID: 8,
-      parentEditorID: 4,
-    },
-  },
-  editorID: 4,
-  parentEditorID: 3,
+	component: "BasicContent",
+	title: {
+		content: "Title",
+		tag: "h1",
+	},
+	anchorID: "basic",
+	verticalSpacing: "medium",
+	layout: "L001",
+	theme: "default",
+	moduleOrder: null,
+	subtitle:
+		"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dignissim ut nibh eget porttitor. Nunc eleifend mollis arcu.",
+	content:
+		"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dignissim ut nibh eget porttitor. Nunc eleifend mollis arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dignissim ut nibh eget porttitor. Nunc eleifend mollis arcu.",
+	primaryLink: {
+		component: "Link",
+		text: "Link 1",
+		style: "primary",
+		url: {
+			href: null,
+			linkTo: 3622,
+			linkToURL: "//cx.dev.griddo.io/pre-griddo/fer-site/#papapapa",
+			title: "New Page",
+			anchor: "papapapa",
+		},
+		editorID: 5,
+		parentEditorID: 4,
+	},
+	secondaryLink: {
+		component: "Link",
+		editorID: 6,
+		parentEditorID: 4,
+	},
+	additionalContent: {
+		image: {
+			component: "LinkableImage",
+			editorID: 7,
+			parentEditorID: 4,
+			title: "",
+			alt: "",
+			veil: 0,
+			file: {
+				id: 857,
+				name: ".png",
+				title: "",
+				description: "",
+				alt: "",
+				tags: [],
+				url: "https://images.dev.griddo.io/screenshot-2022-04-13-at-164915",
+				thumb: "https://images.dev.griddo.io/w/215/h/161/screenshot-2022-04-13-at-164915",
+				publicId: "thesaurus-dev/Screenshot_2022-04-13_at_16.49.15_927293bf-d163-402f-b216-4dc8656ea8c1",
+				damId: "screenshot-2022-04-13-at-164915",
+				published: "2022-04-18T08:52:48.334Z",
+				size: 1123589,
+				width: 1444,
+				height: 640,
+				orientation: "L",
+				site: "global",
+			},
+		},
+		video: {
+			component: "Video",
+			editorID: 8,
+			parentEditorID: 4,
+		},
+	},
+	editorID: 4,
+	parentEditorID: 3,
 };
 
 describe("ScrollableSelection component rendering", () => {
-  test("should render the component", () => {
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <ScrollableSelection {...defaultProps} />
-      </ThemeProvider>
-    );
+	test("should render the component", () => {
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<ScrollableSelection {...defaultProps} />
+			</ThemeProvider>,
+		);
 
-    expect(screen.getByTestId("scrollableSelectionComponent")).toBeTruthy();
-  });
+		expect(screen.getByTestId("scrollableSelectionComponent")).toBeTruthy();
+	});
 });
 
 describe("ScrollableSelection component events", () => {
-  test("should handle next and previous Page", () => {
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <ScrollableSelection {...defaultProps} />
-      </ThemeProvider>
-    );
+	test("should handle next and previous Page", () => {
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<ScrollableSelection {...defaultProps} />
+			</ThemeProvider>,
+		);
 
-    const dots = screen.getAllByTestId("dotSelected");
-    expect((dots[0] as HTMLOptionElement).selected).toBeTruthy();
-    expect(screen.getByTestId("scrollableSelectionComponent")).toBeTruthy();
-    const nextButton = screen.getAllByTestId("icon-action-component")[1];
-    const prevButton = screen.getAllByTestId("icon-action-component")[0];
-    fireEvent.click(nextButton);
-    expect((dots[0] as HTMLOptionElement).selected).toBeFalsy();
-    expect((dots[1] as HTMLOptionElement).selected).toBeTruthy();
-    fireEvent.click(nextButton);
-    expect((dots[0] as HTMLOptionElement).selected).toBeTruthy();
-    expect((dots[1] as HTMLOptionElement).selected).toBeFalsy();
-    fireEvent.click(nextButton);
-    expect((dots[0] as HTMLOptionElement).selected).toBeFalsy();
-    expect((dots[1] as HTMLOptionElement).selected).toBeTruthy();
-    fireEvent.click(prevButton);
-    fireEvent.click(prevButton);
-    expect((dots[0] as HTMLOptionElement).selected).toBeTruthy();
-    expect((dots[1] as HTMLOptionElement).selected).toBeFalsy();
-  });
+		const dots = screen.getAllByTestId("dotSelected");
+		expect((dots[0] as HTMLOptionElement).selected).toBeTruthy();
+		expect(screen.getByTestId("scrollableSelectionComponent")).toBeTruthy();
+		const nextButton = screen.getAllByTestId("icon-action-component")[1];
+		const prevButton = screen.getAllByTestId("icon-action-component")[0];
+		fireEvent.click(nextButton);
+		expect((dots[0] as HTMLOptionElement).selected).toBeFalsy();
+		expect((dots[1] as HTMLOptionElement).selected).toBeTruthy();
+		fireEvent.click(nextButton);
+		expect((dots[0] as HTMLOptionElement).selected).toBeTruthy();
+		expect((dots[1] as HTMLOptionElement).selected).toBeFalsy();
+		fireEvent.click(nextButton);
+		expect((dots[0] as HTMLOptionElement).selected).toBeFalsy();
+		expect((dots[1] as HTMLOptionElement).selected).toBeTruthy();
+		fireEvent.click(prevButton);
+		fireEvent.click(prevButton);
+		expect((dots[0] as HTMLOptionElement).selected).toBeTruthy();
+		expect((dots[1] as HTMLOptionElement).selected).toBeFalsy();
+	});
 
-  test("should handle selection", () => {
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <ScrollableSelection {...defaultProps} />
-      </ThemeProvider>
-    );
+	test("should handle selection", () => {
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<ScrollableSelection {...defaultProps} />
+			</ThemeProvider>,
+		);
 
-    const radioButtons = screen.getAllByTestId<HTMLInputElement>("radioButtons");
-    fireEvent.click(radioButtons[0]);
-    expect(onChangeMock).toHaveBeenCalled();
-  });
+		const radioButtons = screen.getAllByTestId<HTMLInputElement>("radioButtons");
+		fireEvent.click(radioButtons[0]);
+		expect(onChangeMock).toHaveBeenCalled();
+	});
 });

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

@@ -13,40 +13,40 @@ afterEach(cleanup);
 const defaultProps = mock<IImageSelectionProps & IScrollableSelectionProps>();
 defaultProps.theme = "default-theme";
 defaultProps.options = [
-  {
-    value: "primary",
-    img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/primaryStyle",
-  },
-  {
-    value: "secondary",
-    img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/secondaryStyle",
-  },
-  {
-    value: "link",
-    img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/linkStyle",
-  },
+	{
+		value: "primary",
+		img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/primaryStyle",
+	},
+	{
+		value: "secondary",
+		img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/secondaryStyle",
+	},
+	{
+		value: "link",
+		img: "https://res.cloudinary.com/thesaurus-cms/image/upload/griddo-components/themes/linkStyle",
+	},
 ];
 
 describe("VisualUniqueSelection component rendering", () => {
-  test("should render the component with ImageSelection", () => {
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <VisualUniqueSelection {...defaultProps} />
-      </ThemeProvider>
-    );
-    expect(screen.getByTestId("imageSelectionComponent")).toBeTruthy();
-  });
+	test("should render the component with ImageSelection", () => {
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<VisualUniqueSelection {...defaultProps} />
+			</ThemeProvider>,
+		);
+		expect(screen.getByTestId("imageSelectionComponent")).toBeTruthy();
+	});
 
-  test("should render the component with ScrollableSelection", () => {
-    defaultProps.elementUniqueSelection = true;
-    defaultProps.columns = 2;
+	test("should render the component with ScrollableSelection", () => {
+		defaultProps.elementUniqueSelection = true;
+		defaultProps.columns = 2;
 
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <VisualUniqueSelection {...defaultProps} />
-      </ThemeProvider>
-    );
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<VisualUniqueSelection {...defaultProps} />
+			</ThemeProvider>,
+		);
 
-    expect(screen.getByTestId("scrollableSelectionComponent")).toBeTruthy();
-  });
+		expect(screen.getByTestId("scrollableSelectionComponent")).toBeTruthy();
+	});
 });