slice-machine-ui 1.18.1-dev-next-release.3 → 1.18.1-dev-next-release.4

package/test/__testutils__/mockCustomTypesAPI.ts

@@ -15,7 +15,7 @@ type MockCustomTypesAPIConfig = {
 
 export const mockCustomTypesAPI = (
   ctx: TestContext,
-  config?: MockCustomTypesAPIConfig
+  config?: MockCustomTypesAPIConfig,
 ): void => {
   const endpoint = config?.endpoint ?? "https://customtypes.prismic.io";
 
@@ -23,8 +23,8 @@ export const mockCustomTypesAPI = (
     ctx.msw.use(
       rest.get(
         new URL("./customtypes", endpoint).toString(),
-        config.onCustomTypeGetAll
-      )
+        config.onCustomTypeGetAll,
+      ),
     );
   }
 
@@ -40,8 +40,8 @@ export const mockCustomTypesAPI = (
           } else {
             return res(ctx.status(404));
           }
-        }
-      )
+        },
+      ),
     );
   }
 
@@ -49,8 +49,8 @@ export const mockCustomTypesAPI = (
     ctx.msw.use(
       rest.post(
         new URL("./customtypes/insert", endpoint).toString(),
-        config.onCustomTypeInsert
-      )
+        config.onCustomTypeInsert,
+      ),
     );
   }
 
@@ -58,14 +58,14 @@ export const mockCustomTypesAPI = (
     ctx.msw.use(
       rest.post(
         new URL("./customtypes/update", endpoint).toString(),
-        config.onCustomTypeUpdate
-      )
+        config.onCustomTypeUpdate,
+      ),
     );
   }
 
   if (config?.onSliceGetAll) {
     ctx.msw.use(
-      rest.get(new URL("./slices", endpoint).toString(), config.onSliceGetAll)
+      rest.get(new URL("./slices", endpoint).toString(), config.onSliceGetAll),
     );
   }
 
@@ -81,8 +81,8 @@ export const mockCustomTypesAPI = (
           } else {
             return res(ctx.status(404));
           }
-        }
-      )
+        },
+      ),
     );
   }
 
@@ -90,8 +90,8 @@ export const mockCustomTypesAPI = (
     ctx.msw.use(
       rest.post(
         new URL("./slices/insert", endpoint).toString(),
-        config.onSliceInsert
-      )
+        config.onSliceInsert,
+      ),
     );
   }
 
@@ -99,8 +99,8 @@ export const mockCustomTypesAPI = (
     ctx.msw.use(
       rest.post(
         new URL("./slices/update", endpoint).toString(),
-        config.onSliceUpdate
-      )
+        config.onSliceUpdate,
+      ),
     );
   }
 };

package/test/__testutils__/mockPrismicAuthAPI.ts

@@ -18,7 +18,7 @@ type MockPrismicUserAPIReturnType = {
 
 export const mockPrismicAuthAPI = (
   ctx: TestContext,
-  config?: MockPrismicAuthAPIConfig
+  config?: MockPrismicAuthAPIConfig,
 ): MockPrismicUserAPIReturnType => {
   const endpoint = config?.endpoint ?? "https://auth.prismic.io/";
 
@@ -49,8 +49,8 @@ export const mockPrismicAuthAPI = (
         } else {
           return res(ctx.status(401));
         }
-      }
-    )
+      },
+    ),
   );
 
   return {

package/test/__testutils__/mockPrismicUserAPI.ts

@@ -37,7 +37,7 @@ type MockPrismicUserAPIReturnType = {
 
 export const mockPrismicUserAPI = (
   ctx: TestContext,
-  config?: MockPrismicUserAPIConfig
+  config?: MockPrismicUserAPIConfig,
 ): MockPrismicUserAPIReturnType => {
   const endpoint = config?.endpoint ?? "https://user.internal-prismic.io/";
 
@@ -64,7 +64,7 @@ export const mockPrismicUserAPI = (
         } else {
           return res(ctx.status(401));
         }
-      })
+      }),
     );
   }
 
@@ -87,8 +87,8 @@ export const mockPrismicUserAPI = (
           } else {
             return res(ctx.json({}), ctx.status(401));
           }
-        }
-      )
+        },
+      ),
     );
   }
 

package/test/__testutils__/readMSWFormData.ts

@@ -6,15 +6,15 @@ type FormDataField =
   | { data: string };
 
 export const readMSWFormData = async (
-  req: RestRequest
+  req: RestRequest,
 ): Promise<Record<string, FormDataField>> => {
   const boundary = parseMultipartFormData.getBoundary(
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    req.headers.get("Content-Type")!
+    req.headers.get("Content-Type")!,
   );
   const parsedData = parseMultipartFormData.parse(
     Buffer.from(await req.text()),
-    boundary
+    boundary,
   );
 
   const res: Record<string, FormDataField> = {};

package/test/components/CreateCustomTypeModal.test.tsx

@@ -67,7 +67,7 @@ describe("CreateCustomTypeModal", () => {
           origin: "table",
         },
       }),
-      expect.any(Function)
+      expect.any(Function),
     );
   });
 });

package/test/components/LoginModal.test.tsx

@@ -42,7 +42,7 @@ describe("LoginModal", () => {
     expect(result.getByText("Click here").closest("a")).toHaveAttribute(
       "href",
       // Since we're not using the `start-slicemachine` server proxy, port defaults to Next/React Testing Library's default port
-      "https://prismic.io/dashboard/cli/login?source=slice-machine&port=3000&path=/api/auth"
+      "https://prismic.io/dashboard/cli/login?source=slice-machine&port=3000&path=/api/auth",
     );
   });
 
@@ -61,7 +61,7 @@ describe("LoginModal", () => {
     expect(result.getByText("Click here").closest("a")).toHaveAttribute(
       "href",
       // Since we're not using the `start-slicemachine` server proxy, port defaults to Next/React Testing Library's default port
-      "https://wroom.io/dashboard/cli/login?source=slice-machine&port=3000&path=/api/auth"
+      "https://wroom.io/dashboard/cli/login?source=slice-machine&port=3000&path=/api/auth",
     );
   });
 });

package/test/lib/builders/EditModal.test.tsx

@@ -42,11 +42,11 @@ describe("EditModal", () => {
         data={data}
         fields={fields}
         zoneType="slice"
-      />
+      />,
     );
 
     const removeButton = document.querySelector(
-      'input[name="config.options.2"]'
+      'input[name="config.options.2"]',
     )?.nextSibling;
 
     // @ts-expect-error TS(2345) FIXME: Argument of type 'ChildNode | null | undefined' is... Remove this comment to see the full error message
@@ -97,21 +97,21 @@ describe("EditModal", () => {
         data={data}
         fields={fields}
         zoneType="slice"
-      />
+      />,
     );
 
     const labelInput = document.querySelector('input[name="config.label"]');
     const fakeLabel = "rich text";
     await act(async () =>
       // @ts-expect-error TS(2345) FIXME: Argument of type 'Element | null' is not assignabl... Remove this comment to see the full error message
-      fireEvent.change(labelInput, { target: { value: fakeLabel } })
+      fireEvent.change(labelInput, { target: { value: fakeLabel } }),
     );
 
     const idInput = document.querySelector('input[name="id"]');
     const fakeId = "some_id";
     await act(async () =>
       // @ts-expect-error TS(2345) FIXME: Argument of type 'Element | null' is not assignabl... Remove this comment to see the full error message
-      fireEvent.change(idInput, { target: { value: fakeId } })
+      fireEvent.change(idInput, { target: { value: fakeId } }),
     );
 
     const saveButton = document.querySelector('button[type="submit"]');

package/test/lib/builders/buildersUtils.test.ts

@@ -17,7 +17,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "Image"
+      "Image",
     );
     expect(widgetFound).toEqual(Widgets.Image);
   });
@@ -26,7 +26,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "Color"
+      "Color",
     );
     expect(widgetFound).toEqual(Widgets.Color);
   });
@@ -35,7 +35,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "UID"
+      "UID",
     );
     expect(widgetFound).toEqual(Widgets.UID);
   });
@@ -44,7 +44,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "Group"
+      "Group",
     );
     expect(widgetFound).toEqual(Widgets.Group);
   });
@@ -53,7 +53,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "GeoPoint"
+      "GeoPoint",
     );
     expect(widgetFound).toEqual(Widgets.GeoPoint);
   });
@@ -62,7 +62,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "Select"
+      "Select",
     );
     expect(widgetFound).toEqual(Widgets.Select);
   });
@@ -71,7 +71,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "Boolean"
+      "Boolean",
     );
     expect(widgetFound).toEqual(Widgets.Boolean);
   });
@@ -80,7 +80,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "Date"
+      "Date",
     );
     expect(widgetFound).toEqual(Widgets.Date);
   });
@@ -89,7 +89,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "Timestamp"
+      "Timestamp",
     );
     expect(widgetFound).toEqual(Widgets.Timestamp);
   });
@@ -98,7 +98,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "Number"
+      "Number",
     );
     expect(widgetFound).toEqual(Widgets.Number);
   });
@@ -107,7 +107,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       dumbConfig,
-      "Link"
+      "Link",
     );
     expect(widgetFound).toEqual(Widgets.Link);
   });
@@ -121,7 +121,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       contentRelationshipConfig,
-      "Link"
+      "Link",
     );
     expect(widgetFound).toEqual(Widgets.ContentRelationship);
   });
@@ -135,7 +135,7 @@ describe("utils/findWidgetByConfigOrType", () => {
       // @ts-expect-error TS(2345) FIXME: Argument of type 'typeof import("... Remove this comment to see the full error message
       Widgets,
       contentRelationshipConfig,
-      "Link"
+      "Link",
     );
     expect(widgetFound).toEqual(Widgets.LinkToMedia);
   });

package/test/lib/models/common/CustomType/sliceZone.test.ts

@@ -19,7 +19,7 @@ describe("Slice Zone", () => {
       const result = SliceZone.removeSharedSlice(mockSliceZone, keyToRemove);
 
       expect(result.value.map((slice) => slice.key).includes(keyToRemove)).toBe(
-        false
+        false,
       );
       expect(result.value.length).toEqual(2);
     });
@@ -41,7 +41,7 @@ describe("Slice Zone", () => {
 
       expect(result.value.map((slice) => slice.key)).toEqual(
         // @ts-expect-error TS(7006) FIXME: Parameter 'slice' implicitly has an 'any' type.
-        mockSliceZone.value.map((slice) => slice.key).concat([newKey])
+        mockSliceZone.value.map((slice) => slice.key).concat([newKey]),
       );
       expect(result.value.length).toEqual(4);
     });

package/test/lib/models/common/ModelStatus.test.ts

@@ -17,7 +17,7 @@ describe("Model Status", () => {
   test("computeModelStatus returns the status Modified", () => {
     const result = computeModelStatus(
       { local: model, remote: { ...model, name: "modified" } },
-      true
+      true,
     );
     expect(result.status).toBe(ModelStatus.Modified);
   });

package/test/lib/models/common/widgets/index.test.ts

@@ -20,10 +20,10 @@ describe("Widgets", () => {
             type: field?.type,
             config: field?.config,
           },
-          { stripUnknown: true }
-        )
+          { stripUnknown: true },
+        ),
       ).toBeTruthy();
-    }
+    },
   );
 
   test.each(widgetEntries)(
@@ -59,7 +59,7 @@ describe("Widgets", () => {
       // compare the two fields to ensure that what slicemachine creates is what is written in the file system.
       expect(field).toBeDefined();
       expect(field).toEqual(fieldExpected);
-    }
+    },
   );
 
   // Issue: https://github.com/prismicio/slice-machine/issues/672
@@ -78,8 +78,8 @@ describe("Widgets", () => {
             },
           },
         },
-        { stripUnknown: true }
-      )
+        { stripUnknown: true },
+      ),
     ).toBeTruthy();
   });
 });

package/test/lib/utils/shared/customTypes.test.ts

@@ -83,7 +83,7 @@ describe("Slice IO", () => {
     const sliceIdToDelete = "slice_1";
     const result = filterSliceFromCustomType(
       baseCustomTypeModel,
-      sliceIdToDelete
+      sliceIdToDelete,
     );
     expect(result).toStrictEqual(customTypeModel);
   });

package/test/pages/custom-types.test.tsx

@@ -221,7 +221,7 @@ describe("Custom Type Builder", () => {
           nodeVersion: process.versions.node,
         },
       }),
-      expect.any(Function)
+      expect.any(Function),
     );
   });
 
@@ -326,7 +326,7 @@ describe("Custom Type Builder", () => {
         event: "SliceMachine Slicezone Updated",
         properties: { customTypeId, nodeVersion: process.versions.node },
       }),
-      expect.any(Function)
+      expect.any(Function),
     );
   });
 
@@ -353,7 +353,7 @@ describe("Custom Type Builder", () => {
       createSliceMachineManagerMSWHandler({
         url: "http://localhost:3000/_manager",
         sliceMachineManager: manager,
-      })
+      }),
     );
 
     const customTypeId = "a-page";
@@ -448,7 +448,7 @@ describe("Custom Type Builder", () => {
           nodeVersion: process.versions.node,
         },
       }),
-      expect.any(Function)
+      expect.any(Function),
     );
 
     const saveCustomType = screen.getByTestId("builder-save-button");
@@ -471,7 +471,7 @@ describe("Custom Type Builder", () => {
             nodeVersion: process.versions.node,
           },
         }),
-        expect.any(Function)
+        expect.any(Function),
       );
     });
   });
@@ -500,7 +500,7 @@ describe("Custom Type Builder", () => {
       createSliceMachineManagerMSWHandler({
         url: "http://localhost:3000/_manager",
         sliceMachineManager: manager,
-      })
+      }),
     );
 
     const customTypeId = "a-page";
@@ -608,7 +608,7 @@ describe("Custom Type Builder", () => {
           nodeVersion: process.versions.node,
         },
       }),
-      expect.any(Function)
+      expect.any(Function),
     );
 
     const saveCustomType = screen.getByTestId("builder-save-button");

package/test/pages/simulator.test.tsx

@@ -18,7 +18,7 @@ import { createSliceMachineManagerMSWHandler } from "@slicemachine/manager/test"
 vi.mock("next/router", () => require("next-router-mock"));
 vi.mock("next/dist/client/router", () => require("next-router-mock"));
 mockRouter.useParser(
-  createDynamicRouteParser(["/slices/[lib]/[sliceName]/[variation]/simulator"])
+  createDynamicRouteParser(["/slices/[lib]/[sliceName]/[variation]/simulator"]),
 );
 // mock simulator client, it would be nice not to have to do this :/
 vi.mock("@prismicio/simulator", () => {
@@ -98,7 +98,7 @@ describe.skip("simulator", () => {
       createSliceMachineManagerMSWHandler({
         url: "http://localhost:3000/_manager",
         sliceMachineManager: manager,
-      })
+      }),
     );
 
     vi.useFakeTimers();
@@ -282,7 +282,7 @@ describe.skip("simulator", () => {
     });
 
     await waitFor(() =>
-      expect(SegmentClient.prototype.track).toHaveBeenCalled()
+      expect(SegmentClient.prototype.track).toHaveBeenCalled(),
     );
 
     expect(SegmentClient.prototype.track).toHaveBeenCalledOnce();
@@ -293,7 +293,7 @@ describe.skip("simulator", () => {
           version: state.environment.changelog.sliceMachine.currentVersion,
         },
       }),
-      expect.any(Function)
+      expect.any(Function),
     );
 
     const button = App.container.querySelector('[data-cy="save-mock"]');
@@ -328,7 +328,7 @@ describe.skip("simulator", () => {
         libraryName: "slices",
         mocks: expectedMock,
       }),
-      expect.any(Function)
+      expect.any(Function),
     );
   });
 });

package/test/pages/slices.test.tsx

@@ -57,7 +57,7 @@ describe("slices", () => {
       createSliceMachineManagerMSWHandler({
         url: "http://localhost:3000/_manager",
         sliceMachineManager: manager,
-      })
+      }),
     );
 
     const environment = {
@@ -188,7 +188,7 @@ describe("slices", () => {
     });
 
     await waitFor(() =>
-      expect(SegmentClient.prototype.track).toHaveBeenCalled()
+      expect(SegmentClient.prototype.track).toHaveBeenCalled(),
     );
 
     expect(SegmentClient.prototype.track).toHaveBeenCalledOnce();
@@ -202,7 +202,7 @@ describe("slices", () => {
           nodeVersion: process.versions.node,
         },
       }),
-      expect.any(Function)
+      expect.any(Function),
     );
   });
 
@@ -233,7 +233,7 @@ describe("slices", () => {
       createSliceMachineManagerMSWHandler({
         url: "http://localhost:3000/_manager",
         sliceMachineManager: manager,
-      })
+      }),
     );
 
     const environment = {

package/test/src/hooks/useModelStatus.test.ts

@@ -12,9 +12,8 @@ import { ModelStatus } from "@lib/models/common/ModelStatus";
 
 const mockSelector = vi.fn();
 vi.mock("react-redux", async () => {
-  const actual: typeof import("react-redux") = await vi.importActual(
-    "react-redux"
-  );
+  const actual: typeof import("react-redux") =
+    await vi.importActual("react-redux");
 
   return {
     ...actual,

package/test/src/modules/__fixtures__/sliceUtilsFactory.ts

@@ -41,7 +41,7 @@ export const generateSliceSM = (overrides: Partial<SliceSM>): SliceSM => {
 };
 
 export const generateComponentUI = (
-  overrides?: Partial<ComponentUI>
+  overrides?: Partial<ComponentUI>,
 ): ComponentUI => {
   return {
     ...DEFAULT_COMPONENT_UI,
@@ -50,7 +50,7 @@ export const generateComponentUI = (
 };
 
 export const generateLibraryUI = (
-  overrides?: Partial<LibraryUI>
+  overrides?: Partial<LibraryUI>,
 ): LibraryUI => {
   return {
     ...DEFAULT_LIBRARY_UI,