slice-machine-ui 2.17.3-beta.8 → 2.18.0

package/src/legacy/components/Simulator/components/FailedConnect/index.tsx

@@ -1,71 +1,66 @@
 import { IoMdRefresh } from "react-icons/io";
 import { Image, Link, Text } from "theme-ui";
 
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import { Button } from "@/legacy/components/Button";
 
 import FullPage from "../FullPage";
 
-const FailedConnect = ({ onRetrigger }: { onRetrigger: () => void }) => {
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
-
-  return (
-    <FullPage>
-      <Image src="/iframe-not-running.png" sx={{ width: "320px" }} />
+const FailedConnect = ({ onRetrigger }: { onRetrigger: () => void }) => (
+  <FullPage>
+    <Image src="/iframe-not-running.png" sx={{ width: "320px" }} />
+    <Text
+      sx={{
+        color: "textClear",
+        mb: 2,
+        fontSize: "14px",
+        lineHeight: "24px",
+        fontWeight: "600",
+      }}
+    >
+      Slice Machine can't render your slice
+    </Text>
+    <Text
+      sx={{
+        color: "failedConnectText",
+        maxWidth: "400px",
+        textAlign: "center",
+        fontSize: "12px",
+        lineHeight: "22px",
+      }}
+    >
+      Ensure your website's development server is running by typing
+      <br />
       <Text
-        sx={{
-          color: "textClear",
-          mb: 2,
-          fontSize: "14px",
-          lineHeight: "24px",
-          fontWeight: "600",
-        }}
+        as="code"
+        variant="styles.inlineCode"
+        sx={{ padding: "4px", borderRadius: "6px" }}
       >
-        Slice Machine can't render your {sectionsNamingExperiment.value}
+        npm run dev
       </Text>
-      <Text
+      &nbsp; in your terminal at the root of your website directory.
+      <br /> If that doesn't work, see the&nbsp;
+      <Link
+        target="_blank"
+        href="https://prismic.io/docs/slice-machine#simulate-slices"
         sx={{
-          color: "failedConnectText",
-          maxWidth: "400px",
-          textAlign: "center",
-          fontSize: "12px",
-          lineHeight: "22px",
+          color: "link",
         }}
       >
-        Ensure your website's development server is running by typing
-        <br />
-        <Text
-          as="code"
-          variant="styles.inlineCode"
-          sx={{ padding: "4px", borderRadius: "6px" }}
-        >
-          npm run dev
-        </Text>
-        &nbsp; in your terminal at the root of your website directory.
-        <br /> If that doesn't work, see the&nbsp;
-        <Link
-          target="_blank"
-          href="https://prismic.io/docs/slice-machine#simulate-slices"
-          sx={{
-            color: "link",
-          }}
-        >
-          troubleshooting instructions.
-        </Link>
-      </Text>
-      <Button
-        onClick={onRetrigger}
-        label="Refresh"
-        Icon={IoMdRefresh}
-        iconSize={20}
-        iconFill="#6F6E77"
-        variant="secondaryMedium"
-        sx={{
-          mt: "16px",
-        }}
-      />
-    </FullPage>
-  );
-};
+        troubleshooting instructions.
+      </Link>
+    </Text>
+    <Button
+      onClick={onRetrigger}
+      label="Refresh"
+      Icon={IoMdRefresh}
+      iconSize={20}
+      iconFill="#6F6E77"
+      variant="secondaryMedium"
+      sx={{
+        mt: "16px",
+      }}
+    />
+  </FullPage>
+);
 
 export default FailedConnect;

package/src/legacy/components/ToasterContainer/index.tsx

@@ -7,9 +7,6 @@ import {
   TypeOptions,
 } from "react-toastify";
 
-import { UseSectionsNamingExperimentReturnType } from "@/features/builder/useSectionsNamingExperiment";
-import { capitalizeFirstLetter } from "@/utils/textConversion";
-
 const getIconAccordingToasterType = ({
   type,
 }: {
@@ -70,14 +67,6 @@ export const ToastMessageWithPath: React.FC<{
 
 export const SliceToastMessage: React.FC<{
   path: string;
-  sectionsNamingExperiment: UseSectionsNamingExperimentReturnType;
-}> = (props) => {
-  return (
-    <ToastMessageWithPath
-      message={`${capitalizeFirstLetter(
-        props.sectionsNamingExperiment.value,
-      )} saved successfully at `}
-      {...props}
-    />
-  );
-};
+}> = (props) => (
+  <ToastMessageWithPath message="Slice saved successfully at " {...props} />
+);

package/src/legacy/lib/builders/CustomTypeBuilder/SliceZone/SlicesTemplatesModal.tsx

@@ -3,7 +3,6 @@ import { FC } from "react";
 import { Text } from "theme-ui";
 
 import { getState } from "@/apiClient";
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import { createSlicesTemplates } from "@/features/slicesTemplates/actions/createSlicesTemplates";
 import { SliceTemplate } from "@/features/slicesTemplates/useSlicesTemplates";
 import ModalFormCard from "@/legacy/components/ModalFormCard";
@@ -12,7 +11,6 @@ import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
 import { Slices } from "@/legacy/lib/models/common/Slice";
 import { managerClient } from "@/managerClient";
 import useSliceMachineActions from "@/modules/useSliceMachineActions";
-import { pluralize } from "@/utils/textConversion";
 
 import UpdateSliceZoneModalList from "./UpdateSliceZoneModalList";
 
@@ -38,7 +36,6 @@ export const SlicesTemplatesModal: FC<UpdateSliceModalProps> = ({
   location,
 }) => {
   const { createSliceSuccess } = useSliceMachineActions();
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
 
   return (
     <ModalFormCard
@@ -82,7 +79,7 @@ export const SlicesTemplatesModal: FC<UpdateSliceModalProps> = ({
         sliceKeys: [],
       }}
       content={{
-        title: `Use template ${pluralize(sectionsNamingExperiment.value)}`,
+        title: "Use template slices",
       }}
       validate={(values) => {
         if (values.sliceKeys.length === 0) {

package/src/legacy/lib/builders/CustomTypeBuilder/SliceZone/UpdateSliceZoneModal.tsx

@@ -1,10 +1,8 @@
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
 import { Text } from "theme-ui";
 
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import ModalFormCard from "@/legacy/components/ModalFormCard";
 import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
-import { pluralize } from "@/utils/textConversion";
 
 import UpdateSliceZoneModalList from "./UpdateSliceZoneModalList";
 
@@ -25,8 +23,6 @@ const UpdateSliceZoneModal: React.FC<UpdateSliceModalProps> = ({
   onSubmit,
   availableSlices,
 }) => {
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
-
   return (
     <ModalFormCard
       isOpen
@@ -47,7 +43,7 @@ const UpdateSliceZoneModal: React.FC<UpdateSliceModalProps> = ({
         sliceKeys: [],
       }}
       content={{
-        title: `Select existing ${pluralize(sectionsNamingExperiment.value)}`,
+        title: "Select existing slices",
       }}
       testId="update-slices-modal"
       validate={(values) => {

package/src/legacy/lib/builders/CustomTypeBuilder/SliceZone/index.tsx

@@ -15,7 +15,6 @@ import { BaseStyles } from "theme-ui";
 
 import { telemetry } from "@/apiClient";
 import { ListHeader } from "@/components/List";
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import { CreateSliceFromImageModal } from "@/features/customTypes/customTypesBuilder/CreateSliceFromImageModal";
 import { useCustomTypeState } from "@/features/customTypes/customTypesBuilder/CustomTypeProvider";
 import { getSliceCreationOptions } from "@/features/customTypes/customTypesBuilder/sliceCreationOptions";
@@ -41,7 +40,6 @@ import {
 } from "@/modules/slices";
 import useSliceMachineActions from "@/modules/useSliceMachineActions";
 import type { SliceMachineStoreType } from "@/redux/type";
-import { capitalizeFirstLetter, pluralize } from "@/utils/textConversion";
 
 import { DeleteSliceZoneModal } from "./DeleteSliceZoneModal";
 import { SlicesList } from "./List";
@@ -133,10 +131,8 @@ const SliceZone: React.FC<SliceZoneProps> = ({
   const { setCustomType } = useCustomTypeState();
   const { completeStep } = useOnboarding();
   const { openLoginModal } = useSliceMachineActions();
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
   const sliceCreationOptions = getSliceCreationOptions({
     menuType: "Dropdown",
-    sectionsNamingExperiment,
   });
 
   const localLibraries: readonly LibraryUI[] = libraries.filter(
@@ -297,7 +293,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
           ) : undefined
         }
       >
-        {pluralize(capitalizeFirstLetter(sectionsNamingExperiment.value))}
+        Slices
       </ListHeader>
 
       {sliceZone ? (
@@ -374,11 +370,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
               onSaveCallback: () => {
                 toast.success(
                   <ToastMessageWithPath
-                    message={`${capitalizeFirstLetter(
-                      sectionsNamingExperiment.value,
-                    )} template(s) added to ${
-                      sectionsNamingExperiment.value
-                    } zone and created at: `}
+                    message="Slice template(s) added to slice zone and created at: "
                     path={`${localLibraries[0].name}/`}
                   />,
                 );
@@ -414,7 +406,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
               onSaveCallback: () => {
                 toast.success(
                   <ToastMessageWithPath
-                    message={`New ${sectionsNamingExperiment.value} added to ${sectionsNamingExperiment.value} zone and created at: `}
+                    message="New slice added to slice zone and created at: "
                     path={`${localLibraries[0].name}/`}
                   />,
                 );
@@ -442,11 +434,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
             onSaveCallback: () => {
               toast.success(
                 <ToastMessageWithPath
-                  message={`${capitalizeFirstLetter(
-                    sectionsNamingExperiment.value,
-                  )}(s) added to ${
-                    sectionsNamingExperiment.value
-                  } zone and created at: `}
+                  message="Slice(s) added to slice zone and created at: "
                   path={library}
                 />,
               );

package/src/legacy/lib/builders/SliceBuilder/index.tsx

@@ -3,7 +3,6 @@ import { type FC } from "react";
 
 import { BreadcrumbItem } from "@/components/Breadcrumb";
 import { AutoSaveStatusIndicator } from "@/features/autoSave/AutoSaveStatusIndicator";
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
 import { FloatingBackButton } from "@/features/slices/sliceBuilder/FloatingBackButton";
 import { useSliceState } from "@/features/slices/sliceBuilder/SliceBuilderProvider";
 import {
@@ -15,7 +14,6 @@ import {
   AppLayoutHeader,
 } from "@/legacy/components/AppLayout";
 import SimulatorButton from "@/legacy/lib/builders/SliceBuilder/SimulatorButton";
-import { capitalizeFirstLetter, pluralize } from "@/utils/textConversion";
 
 import FieldZones from "./FieldZones";
 import { VariationsList } from "./VariationsList";
@@ -23,7 +21,6 @@ import { VariationsList } from "./VariationsList";
 export const SliceBuilder: FC = () => {
   const { slice, actionQueueStatus } = useSliceState();
   const horizontalScroll = useMediaQuery({ max: "large" });
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
 
   const contentDisplayProps = horizontalScroll
     ? { gridTemplateRows: "304px 1fr" }
@@ -34,9 +31,7 @@ export const SliceBuilder: FC = () => {
       <AppLayoutHeader>
         <AppLayoutBackButton url="/slices" />
         <AppLayoutBreadcrumb>
-          <BreadcrumbItem>
-            {pluralize(capitalizeFirstLetter(sectionsNamingExperiment.value))}
-          </BreadcrumbItem>
+          <BreadcrumbItem>Slices</BreadcrumbItem>
           <BreadcrumbItem active>{slice.model.name}</BreadcrumbItem>
         </AppLayoutBreadcrumb>
         <AppLayoutActions>

package/src/legacy/lib/builders/common/EditModal/index.jsx

@@ -60,6 +60,7 @@ const EditModal = ({ close, data, fields, onSave, zoneType }) => {
     FormFields,
     Form: CustomForm,
     schema: widgetSchema,
+    label: widgetLabel,
   } = maybeWidget;
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
@@ -163,15 +164,7 @@ const EditModal = ({ close, data, fields, onSave, zoneType }) => {
       >
         {(props) => {
           // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-assignment
-          const {
-            values: {
-              id,
-              config: { label },
-            },
-            isValid,
-            isSubmitting,
-            initialValues,
-          } = props;
+          const { isValid, isSubmitting, initialValues } = props;
 
           // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           const fieldModelTabContent = CustomForm ? (
@@ -226,7 +219,7 @@ const EditModal = ({ close, data, fields, onSave, zoneType }) => {
                   <ItemHeader
                     theme={theme}
                     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/strict-boolean-expressions
-                    text={label || id}
+                    text={widgetLabel}
                     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                     WidgetIcon={WidgetIcon}
                   />

package/src/legacy/lib/builders/common/Zone/components/ZoneEmptyState/ZoneEmptyState.tsx

@@ -1,8 +1,6 @@
 import { Text } from "@prismicio/editor-ui";
 import { FC, ReactNode } from "react";
 
-import { useSectionsNamingExperiment } from "@/features/builder/useSectionsNamingExperiment";
-
 import styles from "./ZoneEmptyState.module.css";
 
 type ZoneEmptyStateProps = {
@@ -12,14 +10,11 @@ type ZoneEmptyStateProps = {
 };
 
 export const ZoneEmptyState: FC<ZoneEmptyStateProps> = (props) => {
-  const sectionsNamingExperiment = useSectionsNamingExperiment();
-  const modifiedZoneType =
-    props.zoneType === "slice"
-      ? sectionsNamingExperiment.value
-      : props.zoneType;
-
-  const { heading = `Your ${modifiedZoneType} has no fields yet`, action } =
-    props;
+  const {
+    zoneType,
+    heading = `Your ${zoneType} has no fields yet`,
+    action,
+  } = props;
 
   return (
     <div className={styles.root}>

package/src/legacy/lib/models/common/widgets/Boolean/index.ts

@@ -2,6 +2,8 @@ import { BooleanField } from "@prismicio/types-internal/lib/customtypes/widgets/
 import { MdOutlineToggleOff } from "react-icons/md";
 import * as yup from "yup";
 
+import { booleanField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { DefaultFields } from "../../../../forms/defaults";
 import { CheckBox, Input } from "../../../../forms/fields";
@@ -68,4 +70,5 @@ export const BooleanWidget: Widget<BooleanField, typeof schema> = {
   Meta,
   schema,
   FormFields,
+  label: booleanField.name,
 };

package/src/legacy/lib/models/common/widgets/Color/index.ts

@@ -1,6 +1,8 @@
 import { Color } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdOutlineColorLens } from "react-icons/md";
 
+import { colorField } from "@/domain/fields";
+
 import { createDefaultWidgetValues } from "../../../../utils";
 import { Widget } from "../Widget";
 
@@ -31,4 +33,5 @@ export const ColorWidget: Widget<Color, typeof schema> = {
   TYPE_NAME,
   schema,
   Meta,
+  label: colorField.name,
 };

package/src/legacy/lib/models/common/widgets/ContentRelationship/index.ts

@@ -2,6 +2,8 @@ import { Link } from "@prismicio/types-internal/lib/customtypes/widgets/nestable
 import { MdSettingsEthernet } from "react-icons/md";
 import * as yup from "yup";
 
+import { contentRelationshipField } from "@/domain/fields";
+
 import { linkConfigSchema } from "../Link";
 import { Widget } from "../Widget";
 import Form, { FormFields } from "./Form";
@@ -102,4 +104,5 @@ export const ContentRelationshipWidget: Widget<Link, typeof schema> = {
       ),
     };
   },
+  label: contentRelationshipField.name,
 };

package/src/legacy/lib/models/common/widgets/Date/index.ts

@@ -1,6 +1,8 @@
 import { Date } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdDateRange } from "react-icons/md";
 
+import { dateField } from "@/domain/fields";
+
 import { createDefaultWidgetValues } from "../../../../utils";
 import { Widget } from "../Widget";
 
@@ -32,4 +34,5 @@ export const DateWidget: Widget<Date, typeof schema> = {
   TYPE_NAME: "Date",
   schema,
   Meta,
+  label: dateField.name,
 };

package/src/legacy/lib/models/common/widgets/Embed/index.ts

@@ -1,6 +1,8 @@
 import { Embed } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdCode } from "react-icons/md";
 
+import { embedField } from "@/domain/fields";
+
 import { createDefaultWidgetValues } from "../../../../utils";
 import { Widget } from "../Widget";
 
@@ -32,4 +34,5 @@ export const EmbedWidget: Widget<Embed, typeof schema> = {
   TYPE_NAME: "Embed",
   schema,
   Meta,
+  label: embedField.name,
 };

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

@@ -2,6 +2,8 @@ import { GeoPoint } from "@prismicio/types-internal/lib/customtypes/widgets/nest
 import { MdOutlinePlace } from "react-icons/md";
 import * as yup from "yup";
 
+import { geoPointField } from "@/domain/fields";
+
 import { DefaultFields } from "../../../../forms/defaults";
 import { Widget } from "../Widget";
 
@@ -52,4 +54,5 @@ export const GeoPointWidget: Widget<GeoPoint, typeof schema> = {
   TYPE_NAME: "GeoPoint",
   schema,
   Meta,
+  label: geoPointField.name,
 };

package/src/legacy/lib/models/common/widgets/Group/createGroupWidget.ts

@@ -1,6 +1,7 @@
 import { MdOutlineCreateNewFolder } from "react-icons/md";
 import * as yup from "yup";
 
+import { groupField } from "@/domain/fields";
 import { TabField } from "@/legacy/lib/models/common/CustomType";
 import {
   type GroupSM,
@@ -76,5 +77,6 @@ export function createGroupWidget({
     TYPE_NAME: "Group",
     CUSTOM_NAME: customName,
     hintItemName,
+    label: groupField.name,
   };
 }

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

@@ -2,6 +2,8 @@ import { Image } from "@prismicio/types-internal/lib/customtypes/widgets/nestabl
 import { MdOutlineImage } from "react-icons/md";
 import * as yup from "yup";
 
+import { imageField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { removeProp } from "../../../../utils";
 import { Widget } from "../Widget";
@@ -55,4 +57,5 @@ export const ImageWidget: Widget<Image, typeof schema> = {
   }),
   FormFields,
   TYPE_NAME: "Image",
+  label: imageField.name,
 };

package/src/legacy/lib/models/common/widgets/Link/index.ts

@@ -2,6 +2,8 @@ import { Link } from "@prismicio/types-internal/lib/customtypes";
 import { MdLink } from "react-icons/md";
 import * as yup from "yup";
 
+import { linkField } from "@/domain/fields";
+
 import { Widget } from "../Widget";
 import Form, { FormFields } from "./Form";
 
@@ -115,4 +117,5 @@ export const LinkWidget: Widget<Link, typeof schema> = {
     },
   }),
   TYPE_NAME: "Link",
+  label: linkField.name,
 };

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

@@ -2,6 +2,7 @@ import { Link } from "@prismicio/types-internal/lib/customtypes/widgets/nestable
 import { MdAttachFile } from "react-icons/md";
 import * as yup from "yup";
 
+import { linkToMediaField } from "@/domain/fields";
 import { linkConfigSchema } from "@/legacy/lib/models/common/widgets/Link";
 
 import { Widget } from "../Widget";
@@ -45,4 +46,5 @@ export const LinkToMediaWidget: Widget<Link, typeof schema> = {
   }),
   TYPE_NAME: "Link",
   CUSTOM_NAME: "LinkToMedia",
+  label: linkToMediaField.name,
 };

package/src/legacy/lib/models/common/widgets/Number/index.ts

@@ -1,6 +1,8 @@
 import { Number as PrismicNumber } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdOutlinePin } from "react-icons/md";
 
+import { numberField } from "@/domain/fields";
+
 import { createDefaultWidgetValues } from "../../../../utils";
 import { Widget } from "../Widget";
 
@@ -32,4 +34,5 @@ export const NumberWidget: Widget<PrismicNumber, typeof schema> = {
   TYPE_NAME: "Number",
   schema,
   Meta,
+  label: numberField.name,
 };

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

@@ -2,6 +2,8 @@ import { Select } from "@prismicio/types-internal/lib/customtypes/widgets/nestab
 import { MdOutlineArrowDropDownCircle } from "react-icons/md";
 import * as yup from "yup";
 
+import { selectField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { removeProp } from "../../../../utils";
 import { Widget } from "../Widget";
@@ -45,4 +47,5 @@ export const SelectWidget: Widget<Select, typeof schema> = {
   schema,
   Meta,
   TYPE_NAME: "Select",
+  label: selectField.name,
 };

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

@@ -2,6 +2,8 @@ import { RichText } from "@prismicio/types-internal/lib/customtypes/widgets/nest
 import { MdTextFields } from "react-icons/md";
 import * as yup from "yup";
 
+import { richTextField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { removeProp } from "../../../../utils";
 import { Widget } from "../Widget";
@@ -55,4 +57,5 @@ export const StructuredTextWidget: Widget<RichText, typeof schema> = {
   schema,
   TYPE_NAME: "StructuredText",
   Form,
+  label: richTextField.name,
 };

package/src/legacy/lib/models/common/widgets/Table/index.ts

@@ -3,6 +3,8 @@ import { Table } from "@prismicio/types-internal/lib/customtypes/widgets/nestabl
 import { FaTable } from "react-icons/fa";
 import * as yup from "yup";
 
+import { tableField } from "@/domain/fields";
+
 import { DefaultFields } from "../../../../forms/defaults";
 import { Widget } from "../Widget";
 
@@ -49,4 +51,5 @@ export const TableWidget: Widget<Table, typeof schema> = {
   TYPE_NAME: "Table",
   schema,
   Meta,
+  label: tableField.name,
 };

package/src/legacy/lib/models/common/widgets/Text/index.ts

@@ -2,6 +2,8 @@ import { Text } from "@prismicio/types-internal/lib/customtypes/widgets/nestable
 import { MdTitle } from "react-icons/md";
 import * as yup from "yup";
 
+import { textField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { DefaultFields } from "../../../../forms/defaults";
 /**
@@ -45,4 +47,5 @@ export const TextWidget: Widget<Text, typeof schema> = {
   TYPE_NAME: "Text",
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   FormFields,
+  label: textField.name,
 };

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

@@ -2,6 +2,8 @@ import { Timestamp } from "@prismicio/types-internal/lib/customtypes/widgets/nes
 import { MdSchedule } from "react-icons/md";
 import * as yup from "yup";
 
+import { timestampField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { DefaultFields } from "../../../../forms/defaults";
 /** {
@@ -43,4 +45,5 @@ export const TimestampWidget: Widget<Timestamp, typeof schema> = {
   FormFields,
   TYPE_NAME: "Timestamp",
   Meta,
+  label: timestampField.name,
 };

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

@@ -2,6 +2,8 @@ import { UID } from "@prismicio/types-internal/lib/customtypes/widgets";
 import { MdTag } from "react-icons/md";
 import * as yup from "yup";
 
+import { uidField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { DefaultFields } from "../../../../forms/defaults";
 /**
@@ -50,4 +52,5 @@ export const UIDWidget: Widget<UID, typeof schema> = {
   schema,
   TYPE_NAME: "UID",
   FormFields,
+  label: uidField.name,
 };

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

@@ -24,6 +24,7 @@ interface WidgetBase<F extends TabField, S extends AnyObjectSchema> {
     customTypes: LocalOnlyCustomType[],
     initialValues: F["config"],
   ) => F["config"];
+  label: string;
 }
 
 export type Widget<F extends TabField, S extends AnyObjectSchema> = F extends