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

package/src/hooks/useServerState.ts

@@ -1,79 +1,22 @@
 import { useEffect, useCallback } from "react";
 import * as Sentry from "@sentry/nextjs";
-import { useSelector } from "react-redux";
 import useSwr from "swr";
 
-import { hasLocal } from "@lib/models/common/ModelData";
 import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { isSelectedSliceTouched } from "@src/modules/selectedSlice/selectors";
-import { isSelectedCustomTypeTouched } from "@src/modules/selectedCustomType";
-import { SliceMachineStoreType } from "@src/redux/type";
 import ServerState from "@lib/models/server/ServerState";
 import { getState } from "@src/apiClient";
 
 const useServerState = () => {
-  const { refreshState, initSliceStore, initCustomTypeStore } =
-    useSliceMachineActions();
+  const { refreshState } = useSliceMachineActions();
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const handleRefreshState = useCallback(refreshState, []);
   const { data: serverState } = useSwr<ServerState>("getState", async () => {
     return await getState();
   });
 
-  // Whether or not current slice or custom type builder is touched, and its related server state.
-  const {
-    selectedSlice,
-    sliceIsTouched,
-    selectedCustomType,
-    customTypeIsTouched,
-  } = useSelector((store: SliceMachineStoreType) => ({
-    selectedSlice: store.selectedSlice,
-    sliceIsTouched: isSelectedSliceTouched(
-      store,
-      store.selectedSlice?.from ?? "",
-      store.selectedSlice?.model.id ?? "",
-    ),
-    selectedCustomType: Boolean(store.selectedCustomType?.initialModel.id)
-      ? store.availableCustomTypes[
-          store.selectedCustomType?.initialModel.id ?? ""
-        ]
-      : null,
-    customTypeIsTouched: isSelectedCustomTypeTouched(store),
-  }));
-
   useEffect(() => {
     let canceled = false;
     if (serverState && !canceled) {
-      // If slice builder is untouched, update from server state.
-      if (selectedSlice && !sliceIsTouched) {
-        const serverSlice = serverState.libraries
-          .find((l) => l.name === selectedSlice?.from)
-          ?.components.find((c) => c.model.id === selectedSlice?.model.id);
-
-        if (serverSlice) {
-          initSliceStore(serverSlice);
-        }
-      }
-
-      // If custom type builder is untouched, update from server state.
-      if (
-        selectedCustomType &&
-        hasLocal(selectedCustomType) &&
-        !customTypeIsTouched
-      ) {
-        const serverCustomType = serverState.customTypes.find(
-          (customType) => customType.id === selectedCustomType.local.id,
-        );
-
-        if (serverCustomType) {
-          const remoteCustomType = serverState.remoteCustomTypes.find(
-            (customType) => customType.id === selectedCustomType.local.id,
-          );
-
-          initCustomTypeStore(serverCustomType, remoteCustomType);
-        }
-      }
-
       handleRefreshState(serverState);
 
       Sentry.setUser({ id: serverState.env.shortId });

package/src/modules/availableCustomTypes/index.ts

@@ -11,7 +11,7 @@ import { refreshStateCreator } from "@src/modules/environment";
 import { call, fork, put, takeLatest } from "redux-saga/effects";
 import { withLoader } from "@src/modules/loading";
 import { LoadingKeysEnum } from "@src/modules/loading/types";
-import { saveCustomType } from "@src/apiClient";
+import { updateCustomType } from "@src/apiClient";
 import { modalCloseCreator } from "@src/modules/modal";
 import { push } from "connected-next-router";
 import { createCustomType } from "@src/features/customTypes/customTypesTable/createCustomType";
@@ -21,7 +21,6 @@ import {
   normalizeFrontendCustomType,
   normalizeFrontendCustomTypes,
 } from "@lib/models/common/normalizers/customType";
-import { saveCustomTypeCreator } from "../selectedCustomType/actions";
 import { omit } from "lodash";
 import { deleteSliceCreator } from "../slices";
 import { filterSliceFromCustomType } from "@lib/utils/shared/customTypes";
@@ -37,6 +36,12 @@ import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMess
 import { CustomTypes } from "@lib/models/common/CustomType";
 import { ToastMessageWithPath } from "@components/ToasterContainer";
 
+export const saveCustomTypeCreator = createAsyncAction(
+  "CUSTOM_TYPE/SAVE.REQUEST",
+  "CUSTOM_TYPE/SAVE.RESPONSE",
+  "CUSTOM_TYPE/SAVE.FAILURE",
+)<undefined, { customType: CustomTypeSM }>();
+
 // Action Creators
 export const createCustomTypeCreator = createAsyncAction(
   "CUSTOM_TYPES/CREATE.REQUEST",
@@ -240,7 +245,7 @@ export function* createCustomTypeSaga({
         payload.format,
       ),
     );
-    yield call(saveCustomType, newCustomType);
+    yield call(updateCustomType, CustomTypes.fromSM(newCustomType));
     yield put(createCustomTypeCreator.success({ newCustomType }));
     yield put(modalCloseCreator());
     yield put(

package/src/modules/simulator/index.ts

@@ -32,7 +32,6 @@ import { updateSliceMock } from "../slices";
 
 import { modalOpenCreator } from "../modal";
 import { ModalKeysEnum } from "../modal/types";
-import { updateSelectedSliceMocks } from "../selectedSlice/actions";
 
 export const initialState: SimulatorStoreType = {
   setupSteps: null,
@@ -266,7 +265,6 @@ export function* saveSliceMockSaga({
     );
     yield put(updateSliceMock(payload));
 
-    yield put(updateSelectedSliceMocks({ mocks: payload.mocks }));
     yield put(saveSliceMockCreator.success());
   } catch (error) {
     yield put(

package/src/modules/slices/index.ts

@@ -25,13 +25,10 @@ import { modalCloseCreator } from "@src/modules/modal";
 import { refreshStateCreator } from "@src/modules/environment";
 import { SliceMachineStoreType } from "@src/redux/type";
 import { openToasterCreator, ToasterType } from "@src/modules/toaster";
-import {
-  updateAndSaveSliceCreator,
-  updateSliceCreator,
-} from "../selectedSlice/actions";
-import { generateSliceCustomScreenshotCreator } from "../screenshots/actions";
-import { selectSliceById } from "../selectedSlice/selectors";
 import { SlicesStoreType } from "./types";
+import { ComponentUI, ScreenshotUI } from "@lib/models/common/ComponentUI";
+import { selectSliceById } from "./selector";
+import { ScreenshotGenerationMethod } from "@lib/models/common/Screenshots";
 
 // Action Creators
 export const createSlice = createAction("SLICES/CREATE_SLICE")<{
@@ -70,6 +67,35 @@ export const deleteSliceCreator = createAsyncAction(
     libName: string;
   }
 >();
+
+export const updateSliceCreator = createAsyncAction(
+  "SLICE/UPDATE.REQUEST",
+  "SLICE/UPDATE.RESPONSE",
+  "SLICE/UPDATE.FAILURE",
+)<
+  {
+    component: ComponentUI;
+    setSliceBuilderState: () => void;
+  },
+  {
+    component: ComponentUI;
+  }
+>();
+
+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 }
+>();
+
 export const updateSliceMock =
   createAction("SLICE/UPDATE_MOCK")<SaveSliceMockRequest>();
 
@@ -79,7 +105,6 @@ type SlicesActions =
   | ActionType<typeof renameSliceCreator>
   | ActionType<typeof deleteSliceCreator>
   | ActionType<typeof updateSliceCreator>
-  | ActionType<typeof updateAndSaveSliceCreator>
   | ActionType<typeof generateSliceCustomScreenshotCreator>
   | ActionType<typeof updateSliceMock>;
 
@@ -161,24 +186,6 @@ export const slicesReducer: Reducer<SlicesStoreType | null, SlicesActions> = (
 
       return { ...state, libraries: newLibraries };
     }
-    case getType(updateAndSaveSliceCreator): {
-      const { component: newComponent } = action.payload;
-      return {
-        ...state,
-        libraries: state.libraries.map((library) =>
-          library.name === newComponent.from
-            ? {
-                ...library,
-                components: library.components.map((component) =>
-                  component.model.id === newComponent.model.id
-                    ? newComponent
-                    : component,
-                ),
-              }
-            : library,
-        ),
-      };
-    }
     case getType(generateSliceCustomScreenshotCreator.success): {
       const { component, screenshot, variationId } = action.payload;
 

package/src/modules/slices/selector.ts

@@ -0,0 +1,30 @@
+import { SliceMachineStoreType } from "@src/redux/type";
+
+import { getLibraries } from "./index";
+
+export const selectSliceById = (
+  store: SliceMachineStoreType,
+  libraryName: string,
+  sliceId: string,
+) => {
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+  const libraries = getLibraries(store) || [];
+
+  const library = libraries.find((library) => library.name === libraryName);
+  const slice = library?.components.find((c) => c.model.id === sliceId);
+
+  return slice;
+};
+
+export const selectCurrentSlice = (
+  store: SliceMachineStoreType,
+  lib: string,
+  sliceName: string,
+) => {
+  const library = getLibraries(store)?.find(
+    (l) => l.name.replace(/\//g, "--") === lib,
+  );
+  const slice = library?.components.find((c) => c.model.name === sliceName);
+
+  return slice;
+};

package/src/modules/useSliceMachineActions.ts

@@ -21,59 +21,23 @@ import {
   createCustomTypeCreator,
   deleteCustomTypeCreator,
   renameAvailableCustomType,
-} from "./availableCustomTypes";
-import { createSlice, deleteSliceCreator, renameSliceCreator } from "./slices";
-import { UserContextStoreType, UserReviewType } from "./userContext/types";
-import { GenericToastTypes, openToasterCreator } from "./toaster";
-import {
-  initCustomTypeStoreCreator,
-  createTabCreator,
-  deleteTabCreator,
-  updateTabCreator,
-  addFieldCreator,
-  deleteFieldCreator,
-  reorderFieldCreator,
-  replaceFieldCreator,
-  deleteSharedSliceCreator,
-  createSliceZoneCreator,
-  deleteSliceZoneCreator,
   saveCustomTypeCreator,
-  addFieldIntoGroupCreator,
-  deleteFieldIntoGroupCreator,
-  reorderFieldIntoGroupCreator,
-  replaceFieldIntoGroupCreator,
-  cleanupCustomTypeStoreCreator,
-  renameSelectedCustomTypeLabel,
-} from "./selectedCustomType";
-import type { SliceBuilderState } from "@builders/SliceBuilder";
-import {
-  CustomTypeSM,
-  CustomTypes,
-  TabField,
-} from "@lib/models/common/CustomType";
-import {
-  CustomType,
-  NestableWidget,
-} from "@prismicio/types-internal/lib/customtypes";
+} from "./availableCustomTypes";
 import {
-  addSliceWidgetCreator,
-  copyVariationSliceCreator,
-  deleteSliceWidgetMockCreator,
-  initSliceStoreCreator,
-  removeSliceWidgetCreator,
-  reorderSliceWidgetCreator,
-  replaceSliceWidgetCreator,
-  updateAndSaveSliceCreator,
+  createSlice,
+  deleteSliceCreator,
+  generateSliceCustomScreenshotCreator,
+  renameSliceCreator,
   updateSliceCreator,
-  updateSliceWidgetMockCreator,
-} from "./selectedSlice/actions";
-import { generateSliceCustomScreenshotCreator } from "./screenshots/actions";
-import { ComponentUI } from "../../lib/models/common/ComponentUI";
+} from "./slices";
+import { UserContextStoreType, UserReviewType } from "./userContext/types";
+import { GenericToastTypes, openToasterCreator } from "./toaster";
+import { CustomTypes } from "@lib/models/common/CustomType";
+import { CustomType } from "@prismicio/types-internal/lib/customtypes";
+import { ComponentUI, ScreenshotUI } from "../../lib/models/common/ComponentUI";
 import { ChangesPushSagaPayload, changesPushCreator } from "./pushChangesSaga";
-import type { ScreenshotGenerationMethod } from "@lib/models/common/Screenshots";
 import { saveSliceMockCreator } from "./simulator";
 import { SaveSliceMockRequest } from "@src/apiClient";
-import { VariationSM, WidgetsArea } from "@lib/models/common/Slice";
 import { CustomTypeFormat } from "@slicemachine/manager";
 import { LibraryUI } from "@lib/models/common/LibraryUI";
 
@@ -163,15 +127,6 @@ const useSliceMachineActions = () => {
       createCustomTypeCreator.request({ id, label, repeatable, format }),
     );
 
-  // Custom type module
-  const initCustomTypeStore = (
-    model: CustomTypeSM,
-    remoteModel: CustomTypeSM | undefined,
-  ) => dispatch(initCustomTypeStoreCreator({ model, remoteModel }));
-  const cleanupCustomTypeStore = () =>
-    dispatch(cleanupCustomTypeStoreCreator());
-  const saveCustomType = () => dispatch(saveCustomTypeCreator.request());
-
   /**
    * Success actions = sync store state from external actions. If its name
    * contains "Creator", it means it is still used in a saga and that `.request`
@@ -200,207 +155,29 @@ const useSliceMachineActions = () => {
 
   /** End of sucess actions */
 
-  const createCustomTypeTab = (tabId: string) =>
-    dispatch(createTabCreator({ tabId }));
-  const deleteCustomTypeTab = (tabId: string) =>
-    dispatch(deleteTabCreator({ tabId }));
-  const updateCustomTypeTab = (tabId: string, newTabId: string) =>
-    dispatch(updateTabCreator({ tabId, newTabId }));
-  const addCustomTypeField = (
-    tabId: string,
-    fieldId: string,
-    field: TabField,
-  ) => dispatch(addFieldCreator({ tabId, fieldId, field }));
-  const deleteCustomTypeField = (tabId: string, fieldId: string) =>
-    dispatch(deleteFieldCreator({ tabId, fieldId }));
-  const reorderCustomTypeField = (tabId: string, start: number, end: number) =>
-    dispatch(reorderFieldCreator({ tabId, start, end }));
-  const renameSelectedCustomType = (newLabel: string) =>
-    dispatch(renameSelectedCustomTypeLabel({ newLabel }));
-  const replaceCustomTypeField = (
-    tabId: string,
-    previousFieldId: string,
-    newFieldId: string,
-    value: TabField,
-  ) =>
-    dispatch(
-      replaceFieldCreator({ tabId, previousFieldId, newFieldId, value }),
-    );
-  const createSliceZone = (tabId: string) =>
-    dispatch(createSliceZoneCreator({ tabId }));
-  const deleteSliceZone = (tabId: string) =>
-    dispatch(deleteSliceZoneCreator({ tabId }));
-  const deleteCustomTypeSharedSlice = (tabId: string, sliceId: string) =>
-    dispatch(deleteSharedSliceCreator({ tabId, sliceId }));
-  const addFieldIntoGroup = (
-    tabId: string,
-    groupId: string,
-    fieldId: string,
-    field: NestableWidget,
-  ) => dispatch(addFieldIntoGroupCreator({ tabId, groupId, fieldId, field }));
-  const deleteFieldIntoGroup = (
-    tabId: string,
-    groupId: string,
-    fieldId: string,
-  ) => dispatch(deleteFieldIntoGroupCreator({ tabId, groupId, fieldId }));
-  const reorderFieldIntoGroup = (
-    tabId: string,
-    groupId: string,
-    start: number,
-    end: number,
-  ) => dispatch(reorderFieldIntoGroupCreator({ tabId, groupId, start, end }));
-  const replaceFieldIntoGroup = (
-    tabId: string,
-    groupId: string,
-    previousFieldId: string,
-    newFieldId: string,
-    value: NestableWidget,
-  ) =>
-    dispatch(
-      replaceFieldIntoGroupCreator({
-        tabId,
-        groupId,
-        previousFieldId,
-        newFieldId,
-        value,
-      }),
-    );
-
   // Slice module
-  const initSliceStore = (component: ComponentUI) =>
-    dispatch(initSliceStoreCreator(component));
-
-  const addSliceWidget = (
-    variationId: string,
-    widgetsArea: WidgetsArea,
-    key: string,
-    value: NestableWidget,
-  ) => {
-    dispatch(addSliceWidgetCreator({ variationId, widgetsArea, key, value }));
-  };
-
-  const replaceSliceWidget = (
-    variationId: string,
-    widgetsArea: WidgetsArea,
-    previousKey: string,
-    newKey: string,
-    value: NestableWidget,
-  ) => {
-    dispatch(
-      replaceSliceWidgetCreator({
-        variationId,
-        widgetsArea,
-        previousKey,
-        newKey,
-        value,
-      }),
-    );
-  };
-
-  const reorderSliceWidget = (
-    variationId: string,
-    widgetsArea: WidgetsArea,
-    start: number,
-    end: number | undefined,
-  ) => {
-    dispatch(
-      reorderSliceWidgetCreator({
-        variationId,
-        widgetsArea,
-        start,
-        end,
-      }),
-    );
-  };
-
-  const removeSliceWidget = (
-    variationId: string,
-    widgetsArea: WidgetsArea,
-    key: string,
-  ) => {
-    dispatch(
-      removeSliceWidgetCreator({
-        variationId,
-        widgetsArea,
-        key,
-      }),
-    );
-  };
-
-  const deleteSliceWidgetMock = (
-    variationId: string,
-    widgetArea: WidgetsArea,
-    newKey: string,
-  ) => {
-    dispatch(
-      deleteSliceWidgetMockCreator({
-        variationId,
-        widgetArea,
-        newKey,
-      }),
-    );
-  };
-
-  const updateSliceWidgetMock = (
-    variationId: string,
-    widgetArea: WidgetsArea,
-    previousKey: string,
-    newKey: string,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    mockValue: any,
-  ) => {
+  const saveSliceSuccess = (component: ComponentUI) => {
     dispatch(
-      updateSliceWidgetMockCreator({
-        variationId,
-        widgetArea,
-        previousKey,
-        newKey,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        mockValue,
+      updateSliceCreator.success({
+        component,
       }),
     );
   };
 
-  const generateSliceCustomScreenshot = (
+  const saveSliceCustomScreenshotSuccess = (
     variationId: string,
+    screenshot: ScreenshotUI,
     component: ComponentUI,
-    file: Blob,
-    method: ScreenshotGenerationMethod,
   ) => {
     dispatch(
-      generateSliceCustomScreenshotCreator.request({
+      generateSliceCustomScreenshotCreator.success({
         variationId,
+        screenshot,
         component,
-        file,
-        method,
-      }),
-    );
-  };
-
-  const updateSlice = (
-    component: ComponentUI,
-    setSliceBuilderState: (sliceBuilderState: SliceBuilderState) => void,
-  ) => {
-    dispatch(
-      updateSliceCreator.request({
-        component,
-        setSliceBuilderState,
       }),
     );
   };
 
-  const updateAndSaveSlice = (component: ComponentUI) => {
-    dispatch(updateAndSaveSliceCreator({ component }));
-  };
-
-  const copyVariationSlice = (
-    key: string,
-    name: string,
-    copied: VariationSM,
-  ) => {
-    dispatch(copyVariationSliceCreator({ key, name, copied }));
-  };
-
   const createSliceSuccess = (libraries: readonly LibraryUI[]) =>
     dispatch(createSlice({ libraries }));
 
@@ -472,38 +249,11 @@ const useSliceMachineActions = () => {
     stopLoadingReview,
     startLoadingReview,
     createCustomType,
-    renameSelectedCustomType,
     deleteCustomTypeSuccess,
     renameAvailableCustomTypeSuccess,
-    initCustomTypeStore,
-    cleanupCustomTypeStore,
-    saveCustomType,
     saveCustomTypeSuccess,
-    createCustomTypeTab,
-    updateCustomTypeTab,
-    deleteCustomTypeTab,
-    addCustomTypeField,
-    deleteCustomTypeField,
-    reorderCustomTypeField,
-    replaceCustomTypeField,
-    createSliceZone,
-    deleteSliceZone,
-    deleteCustomTypeSharedSlice,
-    addFieldIntoGroup,
-    deleteFieldIntoGroup,
-    reorderFieldIntoGroup,
-    replaceFieldIntoGroup,
-    initSliceStore,
-    addSliceWidget,
-    replaceSliceWidget,
-    reorderSliceWidget,
-    removeSliceWidget,
-    updateSliceWidgetMock,
-    deleteSliceWidgetMock,
-    generateSliceCustomScreenshot,
-    updateSlice,
-    updateAndSaveSlice,
-    copyVariationSlice,
+    saveSliceSuccess,
+    saveSliceCustomScreenshotSuccess,
     createSliceSuccess,
     renameSlice,
     deleteSlice,

package/src/redux/reducer.ts

@@ -10,10 +10,8 @@ import { userContextReducer } from "@src/modules/userContext";
 import { environmentReducer } from "@src/modules/environment";
 import { simulatorReducer } from "@src/modules/simulator";
 import { availableCustomTypesReducer } from "@src/modules/availableCustomTypes";
-import { selectedCustomTypeReducer } from "@src/modules/selectedCustomType";
 import { slicesReducer } from "@src/modules/slices";
 import { routerReducer } from "connected-next-router";
-import { selectedSliceReducer } from "@src/modules/selectedSlice/reducer";
 import { pushChangesReducer } from "@src/modules/pushChangesSaga";
 
 /** Creates the main reducer */
@@ -25,9 +23,7 @@ const createReducer = (): Reducer =>
     environment: environmentReducer,
     simulator: simulatorReducer,
     availableCustomTypes: availableCustomTypesReducer,
-    selectedCustomType: selectedCustomTypeReducer,
     slices: slicesReducer,
-    selectedSlice: selectedSliceReducer,
     router: routerReducer,
     pushChanges: pushChangesReducer,
   });

package/src/redux/saga.ts

@@ -2,11 +2,8 @@ import { fork } from "redux-saga/effects";
 
 import { watchSimulatorSagas } from "@src/modules/simulator";
 import { watchAvailableCustomTypesSagas } from "@src/modules/availableCustomTypes";
-import { watchSelectedCustomTypeSagas } from "@src/modules/selectedCustomType";
-import { selectedSliceSagas } from "@src/modules/selectedSlice/sagas";
 import { watchSliceSagas } from "@src/modules/slices";
 import { watchToasterSagas } from "@src/modules/toaster";
-import { screenshotsSagas } from "@src/modules/screenshots/sagas";
 import { watchChangesPushSagas } from "@src/modules/pushChangesSaga";
 import { watchChangelogSagas } from "@src/modules/environment";
 
@@ -16,9 +13,6 @@ export default function* rootSaga() {
   yield fork(watchAvailableCustomTypesSagas);
   yield fork(watchSliceSagas);
   yield fork(watchToasterSagas);
-  yield fork(watchSelectedCustomTypeSagas);
-  yield fork(screenshotsSagas);
-  yield fork(selectedSliceSagas);
   yield fork(watchChangesPushSagas);
   yield fork(watchChangelogSagas);
 }

package/src/redux/type.ts

@@ -4,10 +4,8 @@ import { UserContextStoreType } from "@src/modules/userContext/types";
 import { EnvironmentStoreType } from "@src/modules/environment/types";
 import { SimulatorStoreType } from "@src/modules/simulator/types";
 import { AvailableCustomTypesStoreType } from "@src/modules/availableCustomTypes/types";
-import { SelectedCustomTypeStoreType } from "@src/modules/selectedCustomType/types";
 import { SlicesStoreType } from "@src/modules/slices/types";
 import { RouterState } from "connected-next-router/types";
-import { SelectedSliceStoreType } from "@src/modules/selectedSlice/types";
 import { PushChangesStoreType } from "@src/modules/pushChangesSaga";
 
 export type SliceMachineStoreType = {
@@ -17,9 +15,7 @@ export type SliceMachineStoreType = {
   environment: EnvironmentStoreType;
   simulator: SimulatorStoreType;
   availableCustomTypes: AvailableCustomTypesStoreType;
-  selectedCustomType: SelectedCustomTypeStoreType;
   slices: SlicesStoreType;
-  selectedSlice: SelectedSliceStoreType;
   router: RouterState;
   pushChanges: PushChangesStoreType;
 };

package/stylelint.config.js

@@ -0,0 +1,17 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { cssTheme } = require("@prismicio/editor-ui");
+
+module.exports = {
+  defaultSeverity: "warning",
+  reportNeedlessDisables: true,
+  reportInvalidScopeDisables: true,
+  reportDescriptionlessDisables: true,
+  rules: {
+    "declaration-property-value-allowed-list": cssTheme,
+  },
+  extends: [
+    "stylelint-config-recommended",
+    "stylelint-config-css-modules",
+    "stylelint-config-prettier",
+  ],
+};