slice-machine-ui 1.26.1-beta.8 → 2.0.0

package/lib/builders/SliceBuilder/Sidebar/index.tsx

@@ -1,157 +0,0 @@
-import { Box, Button, Gradient } from "@prismicio/editor-ui";
-import { useRouter } from "next/router";
-import { type FC, useState } from "react";
-import { toast } from "react-toastify";
-
-import AddVariationModal from "@builders/SliceBuilder/Sidebar/AddVariationModal";
-import { DeleteVariationModal } from "@components/DeleteVariationModal";
-import { RenameVariationModal } from "@components/Forms/RenameVariationModal";
-import ScreenshotChangesModal from "@components/ScreenshotChangesModal";
-import type { VariationSM } from "@lib/models/common/Slice";
-import { SharedSliceCard } from "@src/features/slices/sliceCards/SharedSliceCard";
-import { SLICES_CONFIG } from "@src/features/slices/slicesConfig";
-import { useScreenshotChangesModal } from "@src/hooks/useScreenshotChangesModal";
-import { updateSlice } from "@src/apiClient";
-import { copySliceVariation } from "@src/domain/slice";
-import { useSliceState } from "@src/features/slices/sliceBuilder/SliceBuilderProvider";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-
-type DialogState =
-  | { type: "ADD_VARIATION"; variation?: undefined; loading?: boolean }
-  | { type: "RENAME_VARIATION"; variation: VariationSM; loading?: boolean }
-  | { type: "DELETE_VARIATION"; variation: VariationSM; loading?: boolean }
-  | undefined;
-
-export const Sidebar: FC = () => {
-  const { slice, variation, setSlice } = useSliceState();
-  const [dialog, setDialog] = useState<DialogState>();
-  const screenshotChangesModal = useScreenshotChangesModal();
-  const { sliceFilterFn, defaultVariationSelector, onUploadSuccess } =
-    screenshotChangesModal.modalPayload;
-  const router = useRouter();
-  const { saveSliceSuccess } = useSliceMachineActions();
-
-  return (
-    <>
-      <Box flexDirection="column" gap={16}>
-        {slice.model.variations.map((v) => (
-          <SharedSliceCard
-            action={{
-              type: "menu",
-              onRename: () => {
-                setDialog({
-                  type: "RENAME_VARIATION",
-                  variation: v,
-                });
-              },
-              onRemove: () => {
-                setDialog({
-                  type: "DELETE_VARIATION",
-                  variation: v,
-                });
-              },
-              removeDisabled: slice.model.variations.length <= 1,
-            }}
-            key={v.id}
-            mode="navigation"
-            onUpdateScreenshot={() => {
-              screenshotChangesModal.onOpenModal({
-                sliceFilterFn: (s) => s,
-                defaultVariationSelector: {
-                  sliceID: slice.model.id,
-                  variationID: v.id,
-                },
-                onUploadSuccess: (newSlice) => {
-                  setSlice(newSlice);
-                },
-              });
-            }}
-            replace
-            selected={v.id === variation.id}
-            slice={slice}
-            variant="outlined"
-            variationId={v.id}
-          />
-        ))}
-        <Box
-          backgroundColor="grey2"
-          bottom={0}
-          flexDirection="column"
-          padding={{ bottom: 40, inline: 24 }}
-          position="sticky"
-          // As `PageLayoutContent` has a `16px` bottom padding, we need to
-          // apply an equal negative margin to the `Box` if we want it to sit
-          // flush with the bottom of the page.
-          // @ts-expect-error TODO(PBD-1080): write the new `ScrollAreaEndGradient` component instead of using a `Box`.
-          style={{ marginBottom: "-16px" }}
-        >
-          <Gradient sx={{ left: 0, position: "absolute", right: 0 }} />
-          <Button
-            onClick={() => {
-              setDialog({ type: "ADD_VARIATION" });
-            }}
-            startIcon="add"
-            // Set `position` to `relative` to position `Button` on top of
-            // `Gradient`.
-            sx={{ position: "relative" }}
-            color="grey"
-          >
-            Add a new variation
-          </Button>
-        </Box>
-      </Box>
-      <ScreenshotChangesModal
-        slices={sliceFilterFn([slice])}
-        defaultVariationSelector={defaultVariationSelector}
-        onUploadSuccess={onUploadSuccess}
-      />
-      <RenameVariationModal
-        isOpen={dialog?.type === "RENAME_VARIATION"}
-        onClose={() => {
-          setDialog(undefined);
-        }}
-        slice={slice}
-        variation={dialog?.variation}
-      />
-      <DeleteVariationModal
-        isOpen={dialog?.type === "DELETE_VARIATION"}
-        onClose={() => {
-          setDialog(undefined);
-        }}
-        slice={slice}
-        variation={dialog?.variation}
-      />
-      <AddVariationModal
-        initialVariation={variation}
-        isOpen={dialog?.type === "ADD_VARIATION"}
-        onClose={() => {
-          setDialog(undefined);
-        }}
-        onSubmit={async (id, name, copiedVariation) => {
-          try {
-            const { slice: newSlice, variation: newVariation } =
-              copySliceVariation({ slice, id, name, copiedVariation });
-
-            await updateSlice(newSlice);
-            saveSliceSuccess(newSlice);
-            setSlice(newSlice);
-
-            const url = SLICES_CONFIG.getBuilderPagePathname({
-              libraryName: newSlice.href,
-              sliceName: newSlice.model.name,
-              variationId: newVariation.id,
-            });
-
-            void router.replace(url);
-          } catch (error) {
-            const message = `Could not add variation \`${name}\``;
-            console.error(message, error);
-
-            toast.error(message);
-          }
-        }}
-        variations={slice.model.variations}
-      />
-    </>
-  );
-};

package/lib/builders/common/Zone/components/EmptyState/index.tsx

@@ -1,33 +0,0 @@
-import { Box, Text, Heading } from "theme-ui";
-import { Button } from "@prismicio/editor-ui";
-
-const ZoneEmptyState = ({
-  onEnterSelectMode,
-  zoneName,
-}: {
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  onEnterSelectMode: Function;
-  zoneName: string;
-}) => (
-  <Box sx={{ textAlign: "center", my: 4 }}>
-    <Heading as="h5">Add a new field here</Heading>
-    <Box sx={{ my: 2 }}>
-      <Text sx={{ color: "textClear" }}>
-        Fields are inputs for content (e.g. text, images, links).
-      </Text>
-    </Box>
-    <Box sx={{ display: "flex", justifyContent: "center", marginTop: 16 }}>
-      <Button
-        color="grey"
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-        onClick={() => onEnterSelectMode()}
-        data-testid={`add-${zoneName}-field`}
-        startIcon="add"
-      >
-        Add a new field
-      </Button>
-    </Box>
-  </Box>
-);
-
-export default ZoneEmptyState;

package/lib/models/common/widgets/sliceBuilderArray.ts

@@ -1,31 +0,0 @@
-import { BooleanWidget } from "./Boolean";
-import { ColorWidget } from "./Color";
-import { ContentRelationshipWidget } from "./ContentRelationship";
-import { DateWidget } from "./Date";
-import { EmbedWidget } from "./Embed";
-import { GeoPointWidget } from "./GeoPoint";
-import { ImageWidget } from "./Image";
-import { LinkWidget } from "./Link";
-import { LinkToMediaWidget } from "./LinkToMedia";
-import { NumberWidget } from "./Number";
-import { SelectWidget } from "./Select";
-import { StructuredTextWidget } from "./StructuredText";
-import { TextWidget } from "./Text";
-import { TimestampWidget } from "./Timestamp";
-
-export default [
-  StructuredTextWidget,
-  ImageWidget,
-  LinkWidget,
-  LinkToMediaWidget,
-  ContentRelationshipWidget,
-  SelectWidget,
-  BooleanWidget,
-  DateWidget,
-  TimestampWidget,
-  EmbedWidget,
-  NumberWidget,
-  GeoPointWidget,
-  ColorWidget,
-  TextWidget,
-];

package/lib/models/common/widgets/withGroup.ts

@@ -1,20 +0,0 @@
-export { Boolean } from "./";
-export { Color } from ".";
-export { ContentRelationship } from ".";
-export { Date } from ".";
-export { Embed } from ".";
-export { GeoPoint } from ".";
-export { Image } from ".";
-export { Link } from ".";
-export { LinkToMedia } from ".";
-export { Number } from ".";
-export { Select } from ".";
-export { StructuredText } from ".";
-export { Text } from ".";
-export { Timestamp } from ".";
-export { UID } from ".";
-
-export { GroupWidget as Group } from "./Group";
-
-export const SharedSlice = null;
-export const SliceZone = null;

package/out/_next/static/DDGXqSbSEqwX8wX_VNauB/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,f,u,d,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-cf93d16e9c63b6db.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-4cee9fbfd4fdfc70.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-5bb55fb464e34768.js",c,n,"static/css/838fd8bb5a7c32b0.css","static/chunks/pages/changes-b1d7cb1c845848ee.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-3c8e721ec6802127.js"],"/custom-types/[customTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-d1a4a07e6b600fa6.js"],"/labs":["static/chunks/pages/labs-566a982a3e954547.js"],"/page-types/[pageTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-a724ff12ef322020.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-6c2777758905c784.js"],"/slices":[s,t,b,c,n,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-a633527fee62b6cd.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,f,u,d,h,e,b,i,l,c,k,n,"static/css/b22c0750c14cc089.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-a32fd588b27e92d7.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-a5a5d48f20a7b261.js","static/chunks/46-d22d7a121254e31d.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-01d67e97cb901e46.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/settings","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-7a3b5554b806349f.js","static/chunks/25-792af14760d9df34.js","static/chunks/799-7b910b896ff60ebe.js","static/chunks/183-ebd633fed7c74545.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-cfc2514205b86001.js","static/chunks/286-e0950c3083c672e8.js","static/chunks/f36c6662-03bb5e9d9aa0b0aa.js","static/chunks/4c744e84-e3161d754618373f.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-2c5b6c0367fcde86.js","static/chunks/696-b992b9e1ce75777e.js","static/chunks/318-77a29f41c3a027e3.js","static/chunks/727-7536690b0938f88f.js","static/css/be1f49e49a5aa7eb.css","static/chunks/210-aee6116139329803.js","static/chunks/904-cac58924044acc83.js","static/css/72465cc1225f28a2.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();