npm - slice-machine-ui - Versions diffs - 1.22.2 → 1.22.3-alpha.chore-introduce-css-modules.1 - Mend

slice-machine-ui 1.22.2 → 1.22.3-alpha.chore-introduce-css-modules.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

package/out/_next/static/css/7d650bca12dc4061.css DELETED Viewed

@@ -1 +0,0 @@

- ._1nkpwww0{border-radius:3px}.kedahr2{height:240px}.kedahr3{height:320px}.kedahr6:focus-visible{box-shadow:0 0 0 4px rgba(123,101,220,.1)}.kedahr6[data-disabled]{opacity:var(--_7j49md3z)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3n)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md55) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md1a);margin-inline:calc(var(--_7j49md53) - var(--_7j49mdh));margin-top:calc(var(--_7j49md53) - var(--_7j49mdh));padding:var(--_7j49md53)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1j);inset:var(--_7j49md4v);opacity:var(--_7j49md3x);position:absolute}.kedahr6:focus-visible .kedahra,.kedahr6:not([data-disabled]) .kedahr7:hover>.kedahra{visibility:visible}.kedahr6:not([data-disabled]) .kedahra:has(:focus-visible){visibility:visible}.kedahr4>.kedahrb{background-color:var(--_7j49md18)}.kedahr4>.kedahrb:not(:first-child){border-top-color:var(--_7j49md1d);border-top-style:inherit;border-top-width:inherit}.kedahrc{order:1}.kedahr4>.kedahrc{padding-left:calc(var(--_7j49md52) - var(--_7j49mdh));padding-right:calc(var(--_7j49md50) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md52) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}._18bjhbz0{max-width:498px;min-height:400px;background-color:var(--_7j49md18)}._18bjhbz1{background-size:cover;background-color:transparent;border-radius:var(--_7j49md3);border-style:var(--_7j49mdd);height:100%;max-width:100%}._18bjhbz1 ._18bjhbz3{padding:64px}._18bjhbz4{font-size:18px;font-weight:600;line-height:32px}._18bjhbz5{font-weight:400;line-height:24px}._18bjhbz1 ._18bjhbz5{max-width:464px;align-self:center}._18bjhbz1 ._18bjhbz6{justify-content:center}.ovkapw0:focus-visible{outline:none;text-decoration-line:underline}.ovkapw1{font-size:1.2rem;width:18px;height:18px}.ovkapw2{font-size:1rem;width:16px;height:16px}.ovkapw3{font-size:inherit;width:inherit;height:inherit}

package/out/_next/static/css/cb33580e45d01b59.css DELETED Viewed

@@ -1 +0,0 @@

package/postcss.config.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- // Disable all PostCSS plugins to avoid warnings on `@prismicio/editor-ui/style.css`.
2	- module.exports = { plugins: {} };

package/src/components/Kbd/Kbd.css.ts DELETED Viewed

@@ -1,16 +0,0 @@
-import { style } from "@vanilla-extract/css";
-import { colors, sprinkles } from "@prismicio/editor-ui";
-export const root = style([
-  sprinkles({
-    paddingInline: 4,
-    color: colors.grey11,
-    backgroundColor: colors.grey2,
-    borderColor: colors.grey6,
-    borderStyle: "solid",
-    borderWidth: 1,
-  }),
-  {
-    borderRadius: "3px",
-  },
-]);

package/src/domain/__tests__/CustomTypeModel.test.ts DELETED Viewed

@@ -1,247 +0,0 @@
-import { describe, expect } from "vitest";
-import {
-  CustomType,
-  DynamicSection,
-} from "@prismicio/types-internal/lib/customtypes";
-import * as CustomTypeModel from "../customType";
-describe("CustomTypeModel test suite", () => {
-  const mainSection: DynamicSection = {
-    uid: {
-      config: {
-        label: "MainSectionField",
-      },
-      type: "UID",
-    },
-    slices: {
-      type: "Slices",
-      fieldset: "Slice Zone",
-      config: {
-        choices: {
-          hero_banner: {
-            type: "SharedSlice",
-          },
-          promo_section_image_tiles: {
-            type: "SharedSlice",
-          },
-        },
-      },
-    },
-  };
-  const anotherSection: DynamicSection = {
-    uid: {
-      config: {
-        label: "AnotherSectionField",
-      },
-      type: "UID",
-    },
-  };
-  const mockCustomType: CustomType = {
-    format: "custom",
-    id: "id",
-    json: {
-      mainSection,
-      anotherSection,
-    },
-    label: "lama",
-    repeatable: true,
-    status: true,
-  };
-  it("getSectionEntries should return the sections entries", () => {
-    expect(CustomTypeModel.getSectionEntries(mockCustomType)).toEqual([
-      ["mainSection", mainSection],
-      ["anotherSection", anotherSection],
-    ]);
-  });
-  it("getSectionEntries should return an empty array if there are no sections", () => {
-    expect(
-      CustomTypeModel.getSectionEntries({
-        ...mockCustomType,
-        json: {},
-      }),
-    ).toEqual([]);
-  });
-  it("getMainSectionEntry should return the first section even if not named Main", () => {
-    expect(CustomTypeModel.getMainSectionEntry(mockCustomType)).toEqual([
-      "mainSection",
-      mainSection,
-    ]);
-  });
-  it("getMainSectionEntry should return undefined if there is are sections", () => {
-    expect(
-      CustomTypeModel.getMainSectionEntry({
-        ...mockCustomType,
-        json: {},
-      }),
-    ).toEqual(undefined);
-  });
-  it("getSection should return the section matching the key", () => {
-    expect(
-      CustomTypeModel.getSection(mockCustomType, "anotherSection"),
-    ).toEqual(anotherSection);
-  });
-  it("getSection should return undefined if there are no sections", () => {
-    expect(
-      CustomTypeModel.getSection(
-        {
-          ...mockCustomType,
-          json: {},
-        },
-        "mainSection",
-      ),
-    ).toEqual(undefined);
-  });
-  it("getSectionSliceZoneConfig should return the config of the given section", () => {
-    expect(
-      CustomTypeModel.getSectionSliceZoneConfig(mockCustomType, "mainSection"),
-    ).toEqual({
-      choices: {
-        hero_banner: {
-          type: "SharedSlice",
-        },
-        promo_section_image_tiles: {
-          type: "SharedSlice",
-        },
-      },
-    });
-  });
-  it("getSectionSliceZoneConfig should return undefined if there are no sections", () => {
-    expect(
-      CustomTypeModel.getSectionSliceZoneConfig(
-        {
-          ...mockCustomType,
-          json: {},
-        },
-        "mainSection",
-      ),
-    ).toEqual(undefined);
-  });
-  it("findNextSectionSliceZoneKey should return 'slices'", () => {
-    expect(
-      CustomTypeModel.findNextSectionSliceZoneKey(
-        {
-          ...mockCustomType,
-          json: {
-            anotherSection: {},
-          },
-        },
-        "anotherSection",
-      ),
-    ).toEqual("slices");
-  });
-  it("findNextSectionSliceZoneKey should return 'slices1'", () => {
-    expect(
-      CustomTypeModel.findNextSectionSliceZoneKey(
-        mockCustomType,
-        "anotherSection",
-      ),
-    ).toEqual("slices1");
-  });
-  it("findNextSectionSliceZoneKey should return 'slices2'", () => {
-    expect(
-      CustomTypeModel.findNextSectionSliceZoneKey(
-        {
-          ...mockCustomType,
-          json: {
-            mainSection,
-            SecondSection: {
-              slices1: {
-                type: "Slices",
-              },
-            },
-            anotherSection,
-          },
-        },
-        "anotherSection",
-      ),
-    ).toEqual("slices2");
-  });
-  it("findNextSectionSliceZoneKey should return 'slices3'", () => {
-    expect(
-      CustomTypeModel.findNextSectionSliceZoneKey(
-        {
-          ...mockCustomType,
-          json: {
-            mainSection,
-            SecondSection: {
-              slices2: {
-                type: "Slices",
-              },
-            },
-            anotherSection,
-          },
-        },
-        "anotherSection",
-      ),
-    ).toEqual("slices3");
-  });
-  it("createSectionSliceZone should return the given custom type with a slice zone for given section", () => {
-    expect(
-      CustomTypeModel.createSectionSliceZone(mockCustomType, "anotherSection"),
-    ).toEqual({
-      ...mockCustomType,
-      json: {
-        ...mockCustomType.json,
-        anotherSection: {
-          ...mockCustomType.json.anotherSection,
-          slices1: {
-            type: "Slices",
-            fieldset: "Slice Zone",
-          },
-        },
-      },
-    });
-  });
-  it("createSectionSliceZone should return the same custom type if slice zone already exist for given section", () => {
-    expect(
-      CustomTypeModel.createSectionSliceZone(mockCustomType, "mainSection"),
-    ).toEqual(mockCustomType);
-  });
-  it("convertToPageType should convert the given custom type", () => {
-    expect(CustomTypeModel.convertToPageType(mockCustomType)).toEqual({
-      ...mockCustomType,
-      format: "page",
-    });
-  });
-  it("convertToPageType should convert the given custom type with a slice zone for Main section when it doesn't exist", () => {
-    expect(
-      CustomTypeModel.convertToPageType({
-        ...mockCustomType,
-        json: {
-          mainSection: {},
-          anotherSection,
-        },
-      }),
-    ).toEqual({
-      ...mockCustomType,
-      json: {
-        mainSection: {
-          slices: {
-            type: "Slices",
-            fieldset: "Slice Zone",
-          },
-        },
-        anotherSection,
-      },
-      format: "page",
-    });
-  });
-});

package/src/layouts/WithSlice.tsx DELETED Viewed

@@ -1,26 +0,0 @@
-import React, { ReactNode } from "react";
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { VariationSM } from "@lib/models/common/Slice";
-import useCurrentSlice from "@src/hooks/useCurrentSlice";
-import { AppProps } from "next/app";
-import { replace } from "connected-next-router";
-export type ComponentWithSliceProps = React.FC<{
-  slice: ComponentUI;
-  variation: VariationSM;
-}>;
-export const createComponentWithSlice = (C: ComponentWithSliceProps) => {
-  const Wrapper: React.FC<{ pageProps?: AppProps }> & {
-    CustomLayout?: React.FC<{ children: ReactNode }>;
-  } = ({ pageProps }) => {
-    const { slice, variation } = useCurrentSlice();
-    if (!slice || !variation) {
-      void replace("/");
-      return null;
-    }
-    return <C slice={slice} variation={variation} {...pageProps} />;
-  };
-  return Wrapper;
-};

package/src/modules/screenshots/actions.ts DELETED Viewed

@@ -1,21 +0,0 @@
-import { ActionType, createAsyncAction } from "typesafe-actions";
-import type { ScreenshotGenerationMethod } from "@lib/models/common/Screenshots";
-import { ComponentUI, ScreenshotUI } from "@lib/models/common/ComponentUI";
-export type SelectedSliceActions = ActionType<
-  typeof generateSliceCustomScreenshotCreator
->;
-export const generateSliceCustomScreenshotCreator = createAsyncAction(
-  "SLICE/GENERATE_CUSTOM_SCREENSHOT.REQUEST",
-  "SLICE/GENERATE_CUSTOM_SCREENSHOT.RESPONSE",
-  "SLICE/GENERATE_CUSTOM_SCREENSHOT.FAILURE",
-)<
-  {
-    variationId: string;
-    component: ComponentUI;
-    file: Blob;
-    method: ScreenshotGenerationMethod;
-  },
-  { variationId: string; screenshot: ScreenshotUI; component: ComponentUI }
->();

package/src/modules/screenshots/sagas.ts DELETED Viewed

@@ -1,70 +0,0 @@
-import {
-  call,
-  fork,
-  takeLatest,
-  put,
-  SagaReturnType,
-} from "redux-saga/effects";
-import { getType } from "typesafe-actions";
-import { withLoader } from "../loading";
-import { LoadingKeysEnum } from "../loading/types";
-import { generateSliceCustomScreenshotCreator } from "./actions";
-import { generateSliceCustomScreenshot, telemetry } from "@src/apiClient";
-import { openToasterCreator, ToasterType } from "@src/modules/toaster";
-export function* generateSliceCustomScreenshotSaga({
-  payload,
-}: ReturnType<typeof generateSliceCustomScreenshotCreator.request>) {
-  const { variationId, component, file, method } = payload;
-  try {
-    const form = new FormData();
-    form.append("file", file);
-    form.append("libraryName", component.from);
-    form.append("sliceName", component.model.name);
-    form.append("variationId", variationId);
-    const response = (yield call(generateSliceCustomScreenshot, {
-      libraryName: component.from,
-      sliceId: component.model.id,
-      variationId,
-      file,
-    })) as SagaReturnType<typeof generateSliceCustomScreenshot>;
-    if (!response?.url) {
-      throw Error("No screenshot saved");
-    }
-    void telemetry.track({ event: "screenshot-taken", type: "custom", method });
-    yield put(
-      generateSliceCustomScreenshotCreator.success({
-        variationId,
-        screenshot: {
-          url: response.url,
-        },
-        component,
-      }),
-    );
-  } catch (e) {
-    yield put(
-      openToasterCreator({
-        content: "Internal Error: Custom screenshot not saved",
-        type: ToasterType.ERROR,
-      }),
-    );
-  }
-}
-function* watchGenerateSliceCustomScreenshot() {
-  yield takeLatest(
-    getType(generateSliceCustomScreenshotCreator.request),
-    withLoader(
-      generateSliceCustomScreenshotSaga,
-      LoadingKeysEnum.GENERATE_SLICE_CUSTOM_SCREENSHOT,
-    ),
-  );
-}
-// Saga Exports
-export function* screenshotsSagas() {
-  yield fork(watchGenerateSliceCustomScreenshot);
-}

package/src/modules/selectedCustomType/actions.ts DELETED Viewed

@@ -1,147 +0,0 @@
-import { ActionType, createAction, createAsyncAction } from "typesafe-actions";
-import { NestableWidget } from "@prismicio/types-internal/lib/customtypes";
-import { CustomTypeSM, TabField } from "@lib/models/common/CustomType";
-export type SelectedCustomTypeActions =
-  | ActionType<typeof initCustomTypeStoreCreator>
-  | ActionType<typeof cleanupCustomTypeStoreCreator>
-  | ActionType<typeof saveCustomTypeCreator>
-  | ActionType<typeof createTabCreator>
-  | ActionType<typeof updateTabCreator>
-  | ActionType<typeof deleteTabCreator>
-  | ActionType<typeof addFieldCreator>
-  | ActionType<typeof deleteFieldCreator>
-  | ActionType<typeof replaceFieldCreator>
-  | ActionType<typeof reorderFieldCreator>
-  | ActionType<typeof createSliceZoneCreator>
-  | ActionType<typeof deleteSliceZoneCreator>
-  | ActionType<typeof addFieldIntoGroupCreator>
-  | ActionType<typeof replaceFieldIntoGroupCreator>
-  | ActionType<typeof reorderFieldIntoGroupCreator>
-  | ActionType<typeof deleteFieldIntoGroupCreator>
-  | ActionType<typeof deleteSharedSliceCreator>
-  | ActionType<typeof renameSelectedCustomTypeLabel>;
-export const initCustomTypeStoreCreator = createAction("CUSTOM_TYPE/INIT")<{
-  model: CustomTypeSM;
-  remoteModel: CustomTypeSM | undefined;
-}>();
-export const cleanupCustomTypeStoreCreator = createAction(
-  "CUSTOM_TYPE/CLEANUP",
-)();
-// Async actions
-export const saveCustomTypeCreator = createAsyncAction(
-  "CUSTOM_TYPE/SAVE.REQUEST",
-  "CUSTOM_TYPE/SAVE.RESPONSE",
-  "CUSTOM_TYPE/SAVE.FAILURE",
-)<undefined, { customType: CustomTypeSM }>();
-// Tab actions
-export const createTabCreator = createAction("CUSTOM_TYPE/CREATE_TAB")<{
-  tabId: string;
-}>();
-export const updateTabCreator = createAction("CUSTOM_TYPE/UPDATE_TAB")<{
-  tabId: string;
-  newTabId: string;
-}>();
-export const deleteTabCreator = createAction("CUSTOM_TYPE/DELETE_TAB")<{
-  tabId: string;
-}>();
-// Field actions
-export const addFieldCreator = createAction("CUSTOM_TYPE/ADD_FIELD")<{
-  tabId: string;
-  fieldId: string;
-  field: TabField;
-}>();
-export const deleteFieldCreator = createAction("CUSTOM_TYPE/DELETE_FIELD")<{
-  tabId: string;
-  fieldId: string;
-}>();
-export const replaceFieldCreator = createAction("CUSTOM_TYPE/REPLACE_FIELD")<{
-  tabId: string;
-  previousFieldId: string;
-  newFieldId: string;
-  value: TabField;
-}>();
-export const reorderFieldCreator = createAction("CUSTOM_TYPE/REORDER_FIELD")<{
-  tabId: string;
-  start: number;
-  end: number;
-}>();
-// Slice zone actions
-export const createSliceZoneCreator = createAction(
-  "CUSTOM_TYPE/CREATE_SLICE_ZONE",
-)<{
-  tabId: string;
-}>();
-export const deleteSliceZoneCreator = createAction(
-  "CUSTOM_TYPE/DELETE_SLICE_ZONE",
-)<{
-  tabId: string;
-}>();
-export type ReplaceSharedSliceCreatorPayload = {
-  tabId: string;
-  sliceKeys: string[];
-  preserve: string[];
-};
-export const deleteSharedSliceCreator = createAction(
-  "CUSTOM_TYPE/DELETE_SHARED_SLICE",
-)<{
-  tabId: string;
-  sliceId: string;
-}>();
-export const renameSelectedCustomTypeLabel = createAction(
-  "CUSTOM_TYPE/RENAME_CUSTOM_TYPE",
-)<{
-  newLabel: string;
-}>();
-// Group actions (can be grouped into the field actions probably)
-export const addFieldIntoGroupCreator = createAction(
-  "CUSTOM_TYPE/GROUP/ADD_FIELD",
-)<{
-  tabId: string;
-  groupId: string;
-  fieldId: string;
-  field: NestableWidget;
-}>();
-export const replaceFieldIntoGroupCreator = createAction(
-  "CUSTOM_TYPE/GROUP/REPLACE_FIELD",
-)<{
-  tabId: string;
-  groupId: string;
-  previousFieldId: string;
-  newFieldId: string;
-  value: NestableWidget;
-}>();
-export const reorderFieldIntoGroupCreator = createAction(
-  "CUSTOM_TYPE/GROUP/REORDER_FIELD",
-)<{
-  tabId: string;
-  groupId: string;
-  start: number;
-  end: number;
-}>();
-export const deleteFieldIntoGroupCreator = createAction(
-  "CUSTOM_TYPE/GROUP/DELETE_FIELD",
-)<{
-  tabId: string;
-  groupId: string;
-  fieldId: string;
-}>();

package/src/modules/selectedCustomType/index.ts DELETED Viewed

@@ -1,11 +0,0 @@
-// Actions
-export * from "./actions";
-// Selectors
-export * from "./selectors";
-// Reducer
-export { selectedCustomTypeReducer } from "./reducer";
-// Saga Exports
-export { watchSelectedCustomTypeSagas } from "./sagas";