slice-machine-ui 1.26.1-beta.2 → 1.26.1-beta.21

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

@@ -1,216 +0,0 @@
-import { FC } from "react";
-import { flushSync } from "react-dom";
-import { DropResult } from "react-beautiful-dnd";
-import {
-  FieldType,
-  NestableWidget,
-} from "@prismicio/types-internal/lib/customtypes";
-
-import { ensureDnDDestination } from "@lib/utils";
-import { transformKeyAccessor } from "@utils/str";
-import * as Widgets from "@lib/models/common/widgets";
-import sliceBuilderWidgetsArray from "@lib/models/common/widgets/sliceBuilderArray";
-import { List } from "@src/components/List";
-import { WidgetsArea } from "@lib/models/common/Slice";
-import { useSliceState } from "@src/features/slices/sliceBuilder/SliceBuilderProvider";
-import {
-  addField,
-  deleteField,
-  reorderField,
-  updateField,
-} from "@src/domain/slice";
-import Zone from "@lib/builders/common/Zone";
-import EditModal from "@lib/builders/common/EditModal";
-import { AnyWidget } from "@lib/models/common/widgets/Widget";
-import { telemetry } from "@src/apiClient";
-
-const dataTipText = ` The non-repeatable zone
-  is for fields<br/> that should appear once, like a<br/>
-  section title.
-`;
-const dataTipText2 = `The repeatable zone is for a group<br/>
-  of fields that you want to be able to repeat an<br/>
-  indeterminate number of times, like FAQs`;
-
-const FieldZones: FC = () => {
-  const { slice, setSlice, variation } = useSliceState();
-
-  const _onDeleteItem = (widgetArea: WidgetsArea) => (key: string) => {
-    const newSlice = deleteField({
-      slice,
-      variationId: variation.id,
-      widgetArea,
-      fieldId: key,
-    });
-
-    setSlice(newSlice);
-  };
-
-  const _onSave =
-    (widgetArea: WidgetsArea) =>
-    ({
-      apiId: previousKey,
-      newKey,
-      value,
-    }: {
-      apiId: string;
-      newKey: string;
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      value: any;
-    }) => {
-      const newSlice = updateField({
-        slice,
-        variationId: variation.id,
-        widgetArea,
-        previousFieldId: previousKey,
-        newFieldId: newKey,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        newField: value,
-      });
-
-      setSlice(newSlice);
-    };
-
-  const _onSaveNewField =
-    (widgetArea: WidgetsArea) =>
-    ({
-      id,
-      label,
-      widgetTypeName,
-    }: {
-      id: string;
-      label: string;
-      widgetTypeName: FieldType;
-    }) => {
-      // @ts-expect-error TS(7053) FIXME: Element implicitly has an 'any' type because expre... Remove this comment to see the full error message
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      const widget = Widgets[widgetTypeName];
-      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
-      if (!widget) {
-        console.log(
-          `Could not find widget with type name "${widgetTypeName}". Please contact us!`,
-        );
-      }
-
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-      const newField = widget.create(label) as NestableWidget;
-
-      if (
-        newField.type === "Range" ||
-        newField.type === "IntegrationFields" ||
-        newField.type === "Separator"
-      ) {
-        throw new Error(`Unsupported Field Type: ${newField.type}`);
-      }
-
-      try {
-        const CurrentWidget: AnyWidget = Widgets[newField.type];
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-        CurrentWidget.schema.validateSync(newField, { stripUnknown: false });
-      } catch (error) {
-        throw new Error(`Model is invalid for widget "${newField.type}".`);
-      }
-
-      const newSlice = addField({
-        slice,
-        variationId: variation.id,
-        widgetArea,
-        newFieldId: id,
-        newField,
-      });
-
-      setSlice(newSlice);
-
-      void telemetry.track({
-        event: "field:added",
-        id,
-        name: label,
-        type: widgetTypeName,
-        isInAGroup: false,
-        contentType: "slice",
-      });
-    };
-
-  const _onDragEnd = (widgetArea: WidgetsArea) => (result: DropResult) => {
-    if (ensureDnDDestination(result)) return;
-
-    const { source, destination } = result;
-    if (!destination) {
-      return;
-    }
-
-    const newSlice = reorderField({
-      slice,
-      variationId: variation.id,
-      widgetArea,
-      sourceIndex: source.index,
-      destinationIndex: destination.index,
-    });
-
-    // When removing redux and replacing it by a simple useState, react-beautiful-dnd (that is deprecated library) was making the fields flickering on reorder.
-    // The problem seems to come from the react non-synchronous way to handle our state update that didn't work well with the library.
-    // It's a hack and since it's used on an old pure JavaScript code with a deprecated library it will be removed when updating the UI of the fields.
-    flushSync(() => setSlice(newSlice));
-  };
-
-  return (
-    <List>
-      <Zone
-        zoneType="slice"
-        zoneTypeFormat={undefined}
-        tabId={undefined}
-        title="Non-Repeatable Zone"
-        dataTip={dataTipText}
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        fields={variation.primary}
-        EditModal={EditModal}
-        widgetsArray={sliceBuilderWidgetsArray}
-        onDeleteItem={_onDeleteItem(WidgetsArea.Primary)}
-        onSave={_onSave(WidgetsArea.Primary)}
-        onSaveNewField={_onSaveNewField(WidgetsArea.Primary)}
-        onDragEnd={_onDragEnd(WidgetsArea.Primary)}
-        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-        poolOfFieldsToCheck={variation.primary || []}
-        renderHintBase={({ item }) =>
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
-          `slice.primary${transformKeyAccessor(item.key)}`
-        }
-        renderFieldAccessor={(key) =>
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-          `slice.primary${transformKeyAccessor(key)}`
-        }
-        testId="static-zone-content"
-        isRepeatableCustomType={undefined}
-      />
-      <Zone
-        zoneType="slice"
-        zoneTypeFormat={undefined}
-        tabId={undefined}
-        isRepeatable
-        title="Repeatable Zone"
-        dataTip={dataTipText2}
-        widgetsArray={sliceBuilderWidgetsArray}
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        fields={variation.items}
-        EditModal={EditModal}
-        onDeleteItem={_onDeleteItem(WidgetsArea.Items)}
-        onSave={_onSave(WidgetsArea.Items)}
-        onSaveNewField={_onSaveNewField(WidgetsArea.Items)}
-        onDragEnd={_onDragEnd(WidgetsArea.Items)}
-        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-        poolOfFieldsToCheck={variation.items || []}
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
-        renderHintBase={({ item }) => `item${transformKeyAccessor(item.key)}`}
-        renderFieldAccessor={(key) =>
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-          `slice.items[i]${transformKeyAccessor(key)}`
-        }
-        testId="slice-repeatable-zone"
-        isRepeatableCustomType={undefined}
-      />
-    </List>
-  );
-};
-
-export default FieldZones;

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/M7hTqxKEI7x7a09i22lAK/_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-5c9ac93faf0df06b.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-3e4989e09fd412a8.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-6f5925cd6cdcee9e.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-f0620e5b727cda03.js"],"/slices":[s,t,b,c,n,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-77cff50b1df13579.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]-8d7043e6638d65cd.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-d6f1200138628ec3.js","static/chunks/727-2c302be2def92786.js","static/css/be1f49e49a5aa7eb.css","static/chunks/210-aee6116139329803.js","static/chunks/904-c9221a5cb09524e8.js","static/css/72465cc1225f28a2.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();