slice-machine-ui 2.2.2-alpha.lg-advanced-groups.3 → 2.2.2-beta.2

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

@@ -1,4 +1,3 @@
-import { GroupFieldType } from "@prismicio/types-internal/lib/customtypes/widgets";
 import { Fragment, useState } from "react";
 import { DragDropContext, Droppable } from "react-beautiful-dnd";
 import { flushSync } from "react-dom";
@@ -18,17 +17,16 @@ 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 */
-export const CustomListItem = ({
+const CustomListItem = ({
   tabId,
   widget,
-  Widgets,
-  widgetsArray,
-  hintBase,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   parentSnapshot,
   showHints,
@@ -88,7 +86,7 @@ export const CustomListItem = ({
       group: Groups.fromSM(groupItem.value),
       previousFieldId: previousKey,
       newFieldId: newKey,
-      field: value.type === GroupFieldType ? Groups.fromSM(value) : value,
+      field: value,
     });
 
     saveItem({
@@ -217,8 +215,6 @@ export const CustomListItem = ({
                           key: item.key,
                           enterEditMode,
                           deleteItem: onDeleteItem,
-                          saveItem: onSaveField,
-                          showHints,
                           renderFieldAccessor: (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
@@ -236,25 +232,13 @@ export const CustomListItem = ({
                             isRepeatable={isRepeatable}
                             renderHintBase={({ item }) =>
                               // eslint-disable-next-line @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access
-                              `${hintBase}${transformKeyAccessor(item.key)}`
+                              `item${transformKeyAccessor(item.key)}`
                             }
-                            hintItemName={widget.hintItemName}
                             Widgets={Widgets}
                             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                             typeName={widget.CUSTOM_NAME || widget.TYPE_NAME}
                           />
                         );
-
-                        if (widget.CustomListItem) {
-                          const { CustomListItem } = widget;
-                          return (
-                            <CustomListItem
-                              {...props}
-                              HintElement={HintElement}
-                            />
-                          );
-                        }
-
                         return (
                           <ListItem {...props} HintElement={HintElement} />
                         );
@@ -286,7 +270,7 @@ export const CustomListItem = ({
         data={{ isOpen: selectMode }}
         close={() => setSelectMode(false)}
         onSelect={onSelectFieldType}
-        widgetsArray={widgetsArray}
+        widgetsArray={groupBuilderWidgetsArray}
       />
       <EditModal
         data={editModalData}
@@ -298,4 +282,6 @@ export const CustomListItem = ({
     </Fragment>
   );
 };
+
+export default CustomListItem;
 /* eslint-enable */

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

@@ -0,0 +1,44 @@
+import { MdPlaylistAdd } from "react-icons/md";
+import * as yup from "yup";
+
+import { GroupSM } from "@/legacy/lib/models/common/Group";
+
+import { Widget } from "../Widget";
+import Form, { FormFields } from "./Form";
+import CustomListItem from "./ListItem";
+
+const Meta = {
+  icon: MdPlaylistAdd,
+  title: "Group",
+  description: "A repeatable set of fields",
+};
+
+const schema = yup.object().shape({
+  type: yup
+    .string()
+    .matches(/^Group$/, { excludeEmptyString: true })
+    .required(),
+  config: yup.object().shape({
+    fields: yup.array(),
+    label: yup.string(),
+    placeholder: yup.string(),
+    repeat: yup.boolean().optional(),
+  }),
+});
+
+export const GroupWidget: Widget<GroupSM, typeof schema> = {
+  Meta,
+  Form,
+  FormFields,
+  schema,
+  create: (label: string) => ({
+    type: "Group",
+    config: {
+      label,
+      repeat: true,
+      fields: [],
+    },
+  }),
+  CustomListItem,
+  TYPE_NAME: "Group",
+};

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

@@ -3,9 +3,8 @@ import { IconType } from "react-icons";
 import { AnyObjectSchema } from "yup";
 
 import { TabField } from "@/legacy/lib/models/common/CustomType";
-import { GroupSM, NestedGroupSM } from "@/legacy/lib/models/common/Group";
 
-interface WidgetBase<F extends TabField, S extends AnyObjectSchema> {
+export interface Widget<F extends TabField, S extends AnyObjectSchema> {
   TYPE_NAME: FieldType;
   create: (label: string) => F;
   Meta: {
@@ -24,13 +23,5 @@ interface WidgetBase<F extends TabField, S extends AnyObjectSchema> {
   prepareInitialValues?: (props: F["config"]) => F["config"];
 }
 
-export type Widget<F extends TabField, S extends AnyObjectSchema> = F extends
-  | GroupSM
-  | NestedGroupSM
-  ? WidgetBase<F, S> & {
-      hintItemName: string;
-    }
-  : WidgetBase<F, S>;
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-explicit-any, @typescript-eslint/no-explicit-any
 export type AnyWidget = Widget<any, any>;

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

@@ -0,0 +1,20 @@
+import * as Widgets from "./withGroup";
+
+export default [
+  Widgets.UID,
+  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/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/index.ts

@@ -1,9 +1,33 @@
-import { GroupWidget as Group } from "./Group";
-import { NestedGroupWidget as NestedGroup } from "./NestedGroup";
-import { NonGroupWidgets } from "./nonGroupWidgets";
+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";
+import { UIDWidget } from "./UID";
 
-export const Widgets = {
-  Group,
-  NestedGroup,
-  ...NonGroupWidgets,
+export {
+  BooleanWidget as Boolean,
+  ColorWidget as Color,
+  ContentRelationshipWidget as ContentRelationship,
+  DateWidget as Date,
+  EmbedWidget as Embed,
+  GeoPointWidget as GeoPoint,
+  ImageWidget as Image,
+  LinkWidget as Link,
+  LinkToMediaWidget as LinkToMedia,
+  NumberWidget as Number,
+  SelectWidget as Select,
+  StructuredTextWidget as StructuredText,
+  TextWidget as Text,
+  TimestampWidget as Timestamp,
+  UIDWidget as UID,
 };

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/test/lib/builders/buildersUtils.test.ts

@@ -1,7 +1,7 @@
 import { describe, expect, test } from "vitest";
 
 import { findWidgetByConfigOrType } from "@/legacy/lib/builders/utils";
-import { Widgets } from "@/legacy/lib/models/common/widgets";
+import * as Widgets from "@/legacy/lib/models/common/widgets/withGroup";
 
 const dumbConfig = {
   label: "",

package/test/lib/models/common/widgets/index.test.ts

@@ -7,7 +7,7 @@ import {
   CustomTypes,
   CustomTypeSM,
 } from "@/legacy/lib/models/common/CustomType";
-import { NonGroupWidgets as Widgets } from "@/legacy/lib/models/common/widgets/nonGroupWidgets";
+import * as Widgets from "@/legacy/lib/models/common/widgets";
 
 const widgetEntries = Object.entries(Widgets);
 

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

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,e,t,i,f,n,b,d,u,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-a0530bd55c7e1872.js"],"/_error":["static/chunks/pages/_error-6aa4c7b8478d35e3.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-f0cd26a9ae095e9e.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-09e9e4a012d48a3a.js",c,n,"static/css/6279e95f6aff22d5.css","static/chunks/pages/changes-1a57f90433a0b5e2.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-bac97f007a5ca743.js"],"/custom-types/[customTypeId]":[s,b,d,u,h,e,f,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-a6ff1618238b3510.js"],"/labs":["static/chunks/pages/labs-7b0abeef69494aec.js"],"/page-types/[pageTypeId]":[s,b,d,u,h,e,f,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-c300f963db847451.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-f82286dde10f624c.js"],"/slices":[s,t,f,c,n,"static/css/f01f60095c76c7fb.css","static/chunks/pages/slices-7411822d74f1f6c1.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,b,d,u,h,e,f,i,l,c,k,n,"static/css/8d1871dce67a3b49.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-b530a5e0ac9d0391.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-a6ba9867be2b3472.js","static/chunks/756-98ae0a6e755f46f2.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-453f946e8879c829.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/816-96fc9a79308019c7.js","static/chunks/212-58a99ab312f8a03b.js","static/chunks/183-6ad1d7303abecd2b.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-8d014b6d3cc35e30.js","static/chunks/152-c40fcb226b0df27f.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/574-dfeb0e6aa3079da1.js","static/chunks/465-695ac5fedef986eb.js","static/css/609c46c5c573c3ed.css","static/chunks/210-565d01ee9777d1a1.js","static/chunks/448-7a6843206737d199.js","static/css/d0dd8015d7f5ea89.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();