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

package/{lib → src/legacy/lib}/models/common/widgets/GeoPoint/index.ts

@@ -1,10 +1,9 @@
-import * as yup from "yup";
+import { GeoPoint } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdPlace } from "react-icons/md";
+import * as yup from "yup";
 
 import { DefaultFields } from "../../../../forms/defaults";
-
 import { Widget } from "../Widget";
-import { GeoPoint } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 
 /** : {
   "type" : "GeoPoint",

package/{lib → src/legacy/lib}/models/common/widgets/Group/Form.jsx

@@ -1,10 +1,10 @@
-import { Checkbox, Label, Box } from "theme-ui";
+import { Box, Checkbox, Label } from "theme-ui";
 
-import { Col, Flex as FlexGrid } from "@components/Flex";
-import { DefaultFields } from "@lib/forms/defaults";
-import WidgetFormField from "@lib/builders/common/EditModal/Field";
-import { CheckBox } from "@lib/forms/fields";
-import { createFieldNameFromKey } from "@lib/forms";
+import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
+import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
+import { createFieldNameFromKey } from "@/legacy/lib/forms";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
+import { CheckBox } from "@/legacy/lib/forms/fields";
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = {

package/{lib → src/legacy/lib}/models/common/widgets/Group/ListItem/index.jsx

@@ -1,36 +1,27 @@
 import { Fragment, useState } from "react";
-import { flushSync } from "react-dom";
-
 import { DragDropContext, Droppable } from "react-beautiful-dnd";
-
+import { flushSync } from "react-dom";
 import { Box, Button } from "theme-ui";
 
-import { ensureDnDDestination, ensureWidgetTypeExistence } from "@lib/utils";
-
-import { transformKeyAccessor } from "@utils/str";
-
-import SelectFieldTypeModal from "@lib/builders/common/SelectFieldTypeModal";
-import NewField from "@lib/builders/common/Zone/Card/components/NewField";
-import EditModal from "@lib/builders/common/EditModal";
-
-import { findWidgetByConfigOrType } from "@builders/utils";
-
-import * as Widgets from "@lib/models/common/widgets";
-
-import sliceBuilderArray from "@lib/models/common/widgets/sliceBuilderArray";
-
-import Hint from "@lib/builders/common/Zone/Card/components/Hints";
-
-import ListItem from "@components/ListItem";
-import { useCustomTypeState } from "@src/features/customTypes/customTypesBuilder/CustomTypeProvider";
-import { TabFieldsModel } from "@lib/models/common/CustomType";
+import { telemetry } from "@/apiClient";
 import {
-  addGroupField,
-  deleteGroupField,
-  reorderGroupField,
-  updateGroupField,
-} from "@src/domain/customType";
-import { telemetry } from "@src/apiClient";
+  addFieldToGroup,
+  deleteFieldFromGroup,
+  reorderFieldInGroup,
+  updateFieldInGroup,
+} from "@/domain/group";
+import ListItem from "@/legacy/components/ListItem";
+import EditModal from "@/legacy/lib/builders/common/EditModal";
+import SelectFieldTypeModal from "@/legacy/lib/builders/common/SelectFieldTypeModal";
+import Hint from "@/legacy/lib/builders/common/Zone/Card/components/Hints";
+import NewField from "@/legacy/lib/builders/common/Zone/Card/components/NewField";
+import { findWidgetByConfigOrType } from "@/legacy/lib/builders/utils";
+import { Groups } from "@/legacy/lib/models/common/Group";
+import * as Widgets from "@/legacy/lib/models/common/widgets";
+import groupBuilderWidgetsArray from "@/legacy/lib/models/common/widgets/groupBuilderArray";
+import { ensureDnDDestination } from "@/legacy/lib/utils";
+import { transformKeyAccessor } from "@/legacy/lib/utils/str";
+import { getContentTypeForTracking } from "@/utils/getContentTypeForTracking";
 
 /* eslint-disable */
 const CustomListItem = ({
@@ -42,14 +33,13 @@ const CustomListItem = ({
   isRepeatable,
   item: groupItem,
   draggableId,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  renderFieldAccessor,
+  saveItem,
+  HintElement,
   ...rest
 }) => {
   const [selectMode, setSelectMode] = useState(false);
   const [newFieldData, setNewFieldData] = useState(null);
   const [editModalData, setEditModalData] = useState({ isOpen: false });
-  const { customType, setCustomType } = useCustomTypeState();
 
   const onSelectFieldType = (widgetTypeName) => {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
@@ -66,54 +56,47 @@ const CustomListItem = ({
   };
 
   const onSaveNewField = ({ id, label, widgetTypeName }) => {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
     const widget = Widgets[widgetTypeName];
+    const newField = widget.create(label);
 
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment
-    const newWidget = widget.create(label);
-
-    const newField = TabFieldsModel.fromSM(newWidget);
-    const newCustomType = addGroupField({
-      customType,
-      sectionId: tabId,
-      groupFieldId: groupItem.key,
-      newField,
-      newFieldId: id,
+    const newGroupValue = addFieldToGroup({
+      group: Groups.fromSM(groupItem.value),
+      fieldId: id,
+      field: newField,
     });
 
-    setCustomType(newCustomType);
+    saveItem({
+      apiId: groupItem.key,
+      newKey: groupItem.key,
+      value: Groups.toSM(newGroupValue),
+    });
 
     void telemetry.track({
       event: "field:added",
       id,
       name: label,
-      type: widgetTypeName,
+      type: newField.type,
       isInAGroup: true,
-      contentType: customType.format === "page" ? "page type" : "custom type",
+      contentType: getContentTypeForTracking(window.location.pathname),
     });
   };
 
   const onSaveField = ({ apiId: previousKey, newKey, value }) => {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-argument
-    if (ensureWidgetTypeExistence(Widgets, value.type)) {
-      return;
-    }
-
-    const newField = TabFieldsModel.fromSM(value);
-    const newCustomType = updateGroupField({
-      customType,
-      sectionId: tabId,
-      groupFieldId: groupItem.key,
+    const newGroupValue = updateFieldInGroup({
+      group: Groups.fromSM(groupItem.value),
       previousFieldId: previousKey,
       newFieldId: newKey,
-      newField,
+      field: value,
     });
 
-    setCustomType(newCustomType);
+    saveItem({
+      apiId: groupItem.key,
+      newKey: groupItem.key,
+      value: Groups.toSM(newGroupValue),
+    });
   };
 
   const onDragEnd = (result) => {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
     if (ensureDnDDestination(result)) {
       return;
     }
@@ -126,10 +109,8 @@ const CustomListItem = ({
     const { index: sourceIndex } = source;
     const { index: destinationIndex } = destination;
 
-    const newCustomType = reorderGroupField({
-      customType,
-      sectionId: tabId,
-      groupFieldId: groupItem.key,
+    const newGroupValue = reorderFieldInGroup({
+      group: Groups.fromSM(groupItem.value),
       sourceIndex,
       destinationIndex,
     });
@@ -137,18 +118,26 @@ const CustomListItem = ({
     // 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(() => setCustomType(newCustomType));
+    flushSync(() => {
+      saveItem({
+        apiId: groupItem.key,
+        newKey: groupItem.key,
+        value: Groups.toSM(newGroupValue),
+      });
+    });
   };
 
   const onDeleteItem = (key) => {
-    const newCustomType = deleteGroupField({
-      customType,
-      sectionId: tabId,
-      groupFieldId: groupItem.key,
+    const newGroupValue = deleteFieldFromGroup({
+      group: Groups.fromSM(groupItem.value),
       fieldId: key,
     });
 
-    setCustomType(newCustomType);
+    saveItem({
+      apiId: groupItem.key,
+      newKey: groupItem.key,
+      value: Groups.toSM(newGroupValue),
+    });
   };
 
   /** @param {[string, import("@prismicio/types-internal/lib/customtypes").NestableWidget]} field */
@@ -163,9 +152,10 @@ const CustomListItem = ({
       name: model.config.label,
       type: model.type,
       isInAGroup: true,
-      contentType: customType.format === "page" ? "page type" : "custom type",
+      contentType: getContentTypeForTracking(window.location.pathname),
     });
   };
+
   return (
     <Fragment>
       <ListItem
@@ -176,8 +166,8 @@ const CustomListItem = ({
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
         draggableId={draggableId}
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unused-vars, @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access
-        renderFieldAccessor={(key) => `data.${groupItem.key}.[...]`}
         {...rest}
+        HintElement={HintElement}
         CustomEditElements={[
           <Button
             // eslint-disable-next-line @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access
@@ -226,8 +216,7 @@ const CustomListItem = ({
                           enterEditMode,
                           deleteItem: onDeleteItem,
                           renderFieldAccessor: (key) =>
-                            // eslint-disable-next-line @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/restrict-template-expressions
-                            `data.${groupItem.key}.${key}`,
+                            `item${transformKeyAccessor(item.key)}`,
                           // eslint-disable-next-line @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/restrict-template-expressions
                           draggableId: `group-${groupItem.key}-${item.key}-${index}`,
                           testId: `list-item-group-${groupItem.key}-${item.key}`,
@@ -243,9 +232,7 @@ const CustomListItem = ({
                             isRepeatable={isRepeatable}
                             renderHintBase={({ item }) =>
                               // eslint-disable-next-line @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access
-                              `data.${groupItem.key}${transformKeyAccessor(
-                                item.key,
-                              )}`
+                              `item${transformKeyAccessor(item.key)}`
                             }
                             Widgets={Widgets}
                             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
@@ -283,7 +270,7 @@ const CustomListItem = ({
         data={{ isOpen: selectMode }}
         close={() => setSelectMode(false)}
         onSelect={onSelectFieldType}
-        widgetsArray={sliceBuilderArray}
+        widgetsArray={groupBuilderWidgetsArray}
       />
       <EditModal
         data={editModalData}

package/{lib → src/legacy/lib}/models/common/widgets/Group/index.ts

@@ -1,14 +1,16 @@
-import * as yup from "yup";
 import { MdPlaylistAdd } from "react-icons/md";
+import * as yup from "yup";
+
+import { GroupSM } from "@/legacy/lib/models/common/Group";
+
 import { Widget } from "../Widget";
-import CustomListItem from "./ListItem";
-import { GroupSM } from "@lib/models/common/Group";
 import Form, { FormFields } from "./Form";
+import CustomListItem from "./ListItem";
 
 const Meta = {
   icon: MdPlaylistAdd,
   title: "Group",
-  description: "A Group of Prismic fields",
+  description: "A repeatable set of fields",
 };
 
 const schema = yup.object().shape({

package/{lib → src/legacy/lib}/models/common/widgets/Image/Form.tsx

@@ -1,21 +1,19 @@
+import { FieldArray } from "formik";
+import { Fragment, useEffect, useState } from "react";
+import { Card, Flex, Label } from "theme-ui";
 import * as yup from "yup";
-import { useEffect, useState, Fragment } from "react";
-
-import { DefaultFields } from "@lib/forms/defaults";
-import { createFieldNameFromKey } from "@lib/forms";
-
-import WidgetFormField from "@lib/builders/common/EditModal/Field";
 
-import { FieldArray } from "formik";
+import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
+import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
+import { createFieldNameFromKey } from "@/legacy/lib/forms";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
+import { TabFields } from "@/legacy/lib/models/common/CustomType";
 
-import { Label, Card, Flex } from "theme-ui";
-import { Col, Flex as FlexGrid } from "@components/Flex";
 import {
-  ThumbnailButton,
   AddThumbnailButton,
   ConstraintForm,
+  ThumbnailButton,
 } from "./components";
-import { TabFields } from "@lib/models/common/CustomType";
 
 const nullableNumberSchema = () => {
   return yup

package/{lib → src/legacy/lib}/models/common/widgets/Image/components.tsx

@@ -1,12 +1,13 @@
+import { FieldMetaProps, useField } from "formik";
 import React, { Fragment } from "react";
-import { BsImage, BsFillPlusSquareFill } from "react-icons/bs";
+import { BsFillPlusSquareFill, BsImage } from "react-icons/bs";
 import { MdCancel } from "react-icons/md";
-import { Text, Badge, Flex, ThemeUIStyleObject } from "theme-ui";
+import { Badge, Flex, Text, ThemeUIStyleObject } from "theme-ui";
+
+import { FormFieldInput } from "@/legacy/components/FormFields";
 import SliceMachineIconButton, {
   SliceMachineIconButtonProps,
-} from "@components/SliceMachineIconButton";
-import { FormFieldInput } from "@components/FormFields";
-import { FieldMetaProps, useField } from "formik";
+} from "@/legacy/components/SliceMachineIconButton";
 
 type ThumbnailButtonProps = Pick<
   SliceMachineIconButtonProps,

package/{lib → src/legacy/lib}/models/common/widgets/Image/index.ts

@@ -1,13 +1,11 @@
-import * as yup from "yup";
-import Form, { FormFields } from "./Form";
+import { Image } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { BsImage } from "react-icons/bs";
+import * as yup from "yup";
 
 import { createValidationSchema } from "../../../../forms";
-
 import { removeProp } from "../../../../utils";
-
 import { Widget } from "../Widget";
-import { Image } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
+import Form, { FormFields } from "./Form";
 
 /**
  * {

package/{lib → src/legacy/lib}/models/common/widgets/Link/Form.jsx

@@ -1,10 +1,8 @@
-import { DefaultFields } from "@lib/forms/defaults";
-
-import WidgetFormField from "@lib/builders/common/EditModal/Field";
-import { CheckBox } from "@lib/forms/fields";
-
-import { Col, Flex as FlexGrid } from "@components/Flex";
-import { createFieldNameFromKey } from "@lib/forms";
+import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
+import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
+import { createFieldNameFromKey } from "@/legacy/lib/forms";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
+import { CheckBox } from "@/legacy/lib/forms/fields";
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = {

package/{lib → src/legacy/lib}/models/common/widgets/LinkToMedia/Form.jsx

@@ -1,9 +1,7 @@
-import { DefaultFields } from "@lib/forms/defaults";
-
-import WidgetFormField from "@lib/builders/common/EditModal/Field";
-
-import { Col, Flex as FlexGrid } from "@components/Flex";
-import { createFieldNameFromKey } from "@lib/forms";
+import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
+import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
+import { createFieldNameFromKey } from "@/legacy/lib/forms";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = {

package/{lib → src/legacy/lib}/models/common/widgets/LinkToMedia/index.ts

@@ -1,11 +1,11 @@
-import * as yup from "yup";
+import { Link } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdAttachment } from "react-icons/md";
+import * as yup from "yup";
 
-import { Widget } from "../Widget";
+import { linkConfigSchema } from "@/legacy/lib/models/common/widgets/Link";
 
-import { linkConfigSchema } from "@lib/models/common/widgets/Link";
+import { Widget } from "../Widget";
 import Form, { FormFields } from "./Form";
-import { Link } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 
 const Meta = {
   icon: MdAttachment,

package/{lib → src/legacy/lib}/models/common/widgets/Select/FormFields.jsx

@@ -1,12 +1,12 @@
-import * as yup from "yup";
 import { useFormikContext } from "formik";
+import * as yup from "yup";
 
-import { FormFieldCheckboxControl } from "@components/FormFields";
-
-import { FormTypes } from "@lib/forms/types";
-
-import { DefaultFields } from "@lib/forms/defaults";
-import { FormFieldArray } from "@components/FormFields";
+import {
+  FormFieldArray,
+  FormFieldCheckboxControl,
+} from "@/legacy/components/FormFields";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
+import { FormTypes } from "@/legacy/lib/forms/types";
 
 const label = (controlledValue) =>
   `use first value as default ${

package/{lib → src/legacy/lib}/models/common/widgets/Select/index.ts

@@ -1,14 +1,11 @@
-import * as yup from "yup";
+import { Select } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdDns } from "react-icons/md";
+import * as yup from "yup";
 
 import { createValidationSchema } from "../../../../forms";
-
 import { removeProp } from "../../../../utils";
-
-import FormFields from "./FormFields";
-
 import { Widget } from "../Widget";
-import { Select } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
+import FormFields from "./FormFields";
 
 /**
  * {

package/{lib → src/legacy/lib}/models/common/widgets/StructuredText/Form.tsx

@@ -1,17 +1,18 @@
+import { has } from "fp-ts/Record";
+import { isObject, isString } from "lodash";
 import { useEffect, useState } from "react";
+import { Box, Button, Checkbox, Flex, Label, Text } from "theme-ui";
 import * as yup from "yup";
-import { createFieldNameFromKey } from "@lib/forms";
-import { CheckBox as CheckBoxConstructor } from "@lib/forms/fields";
-import { DefaultFields } from "@lib/forms/defaults";
-import options, { optionValues } from "./options";
-import WidgetFormField from "@lib/builders/common/EditModal/Field";
-import { Text, Button, Label, Checkbox, Flex, Box } from "theme-ui";
-import { Col, Flex as FlexGrid } from "@components/Flex";
-import SliceMachineIconButton from "@components/SliceMachineIconButton";
-
-import { has } from "fp-ts/Record";
 import { AnyObject } from "yup/lib/types";
-import { isObject, isString } from "lodash";
+
+import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
+import SliceMachineIconButton from "@/legacy/components/SliceMachineIconButton";
+import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
+import { createFieldNameFromKey } from "@/legacy/lib/forms";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
+import { CheckBox as CheckBoxConstructor } from "@/legacy/lib/forms/fields";
+
+import options, { optionValues } from "./options";
 
 const isAllSet = (curr: Array<string>): boolean =>
   // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions

package/{lib → src/legacy/lib}/models/common/widgets/StructuredText/index.ts

@@ -1,15 +1,12 @@
-import * as yup from "yup";
-import Form, { FormFields } from "./Form";
-
+import { RichText } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdTextFields } from "react-icons/md";
+import * as yup from "yup";
 
 import { createValidationSchema } from "../../../../forms";
-
 import { removeProp } from "../../../../utils";
 import { Widget } from "../Widget";
-
+import Form, { FormFields } from "./Form";
 import { optionValues } from "./options";
-import { RichText } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 
 /**
  * {

package/{lib → src/legacy/lib}/models/common/widgets/StructuredText/options.tsx

@@ -1,6 +1,6 @@
-import { FiLink2, FiImage, FiCode, FiList } from "react-icons/fi";
-import { BsListOl } from "react-icons/bs";
 import React from "react";
+import { BsListOl } from "react-icons/bs";
+import { FiCode, FiImage, FiLink2, FiList } from "react-icons/fi";
 import { IconType } from "react-icons/lib";
 
 const Icon =

package/{lib → src/legacy/lib}/models/common/widgets/Timestamp/index.ts

@@ -1,6 +1,9 @@
-import * as yup from "yup";
+import { Timestamp } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdDateRange } from "react-icons/md";
+import * as yup from "yup";
 
+import { createValidationSchema } from "../../../../forms";
+import { DefaultFields } from "../../../../forms/defaults";
 /** {
     "type" : "Timestamp",
     "config" : {
@@ -8,12 +11,8 @@ import { MdDateRange } from "react-icons/md";
       "placeholder" : "timestamp"
     }
   } */
-
 import { removeProp } from "../../../../utils";
-import { DefaultFields } from "../../../../forms/defaults";
-import { createValidationSchema } from "../../../../forms";
 import { Widget } from "../Widget";
-import { Timestamp } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = DefaultFields;

package/{lib → src/legacy/lib}/models/common/widgets/UID/index.ts

@@ -1,6 +1,9 @@
-import * as yup from "yup";
+import { UID } from "@prismicio/types-internal/lib/customtypes/widgets";
 import { MdVpnKey } from "react-icons/md";
+import * as yup from "yup";
 
+import { createValidationSchema } from "../../../../forms";
+import { DefaultFields } from "../../../../forms/defaults";
 /**
 * {
       "type": "UID",
@@ -10,12 +13,8 @@ import { MdVpnKey } from "react-icons/md";
       }
     }
  */
-
 import { removeProp } from "../../../../utils";
-import { DefaultFields } from "../../../../forms/defaults";
-import { createValidationSchema } from "../../../../forms";
 import { Widget } from "../Widget";
-import { UID } from "@prismicio/types-internal/lib/customtypes/widgets";
 
 const FormFields = {
   label: DefaultFields.label,

package/{lib → src/legacy/lib}/models/common/widgets/Widget.ts

@@ -1,7 +1,9 @@
 import { FieldType } from "@prismicio/types-internal/lib/customtypes";
 import { IconType } from "react-icons";
 import { AnyObjectSchema } from "yup";
-import { TabField } from "@lib/models/common/CustomType";
+
+import { TabField } from "@/legacy/lib/models/common/CustomType";
+
 export interface Widget<F extends TabField, S extends AnyObjectSchema> {
   TYPE_NAME: FieldType;
   create: (label: string) => F;

package/src/legacy/lib/models/common/widgets/groupBuilderArray.ts

@@ -0,0 +1,18 @@
+import * as Widgets from ".";
+
+export default [
+  Widgets.StructuredText,
+  Widgets.Image,
+  Widgets.Link,
+  Widgets.LinkToMedia,
+  Widgets.ContentRelationship,
+  Widgets.Select,
+  Widgets.Boolean,
+  Widgets.Date,
+  Widgets.Timestamp,
+  Widgets.Embed,
+  Widgets.Number,
+  Widgets.GeoPoint,
+  Widgets.Color,
+  Widgets.Text,
+];

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

@@ -0,0 +1,19 @@
+import * as Widgets from "./withGroup";
+
+export default [
+  Widgets.Group,
+  Widgets.StructuredText,
+  Widgets.Image,
+  Widgets.Link,
+  Widgets.LinkToMedia,
+  Widgets.ContentRelationship,
+  Widgets.Select,
+  Widgets.Boolean,
+  Widgets.Date,
+  Widgets.Timestamp,
+  Widgets.Embed,
+  Widgets.Number,
+  Widgets.GeoPoint,
+  Widgets.Color,
+  Widgets.Text,
+];

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

@@ -0,0 +1,2 @@
+export * from ".";
+export { GroupWidget as Group } from "./Group";

package/{lib → src/legacy/lib}/models/server/ServerState.ts

@@ -1,8 +1,9 @@
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
+
 import { FrontEndEnvironment } from "../common/Environment";
-import { LibraryUI } from "../common/LibraryUI";
-import { SliceSM } from "@lib/models/common/Slice";
-import { CustomTypeSM } from "@lib/models/common/CustomType";
 import ErrorWithStatus from "../common/ErrorWithStatus";
+import { LibraryUI } from "../common/LibraryUI";
 
 export default interface ServerState {
   env: FrontEndEnvironment;