slice-machine-ui 2.2.2-beta.1 → 2.2.2-beta.11

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

@@ -1,5 +1,5 @@
 import { Link } from "@prismicio/types-internal/lib/customtypes";
-import { FiLink2 } from "react-icons/fi";
+import { MdLink } from "react-icons/md";
 import * as yup from "yup";
 
 import { Widget } from "../Widget";
@@ -51,9 +51,7 @@ import Form, { FormFields } from "./Form";
   */
 
 const Meta = {
-  icon: FiLink2,
-  title: "Link",
-  description: "A link to web, media or Prismic document",
+  icon: MdLink,
 };
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call

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

@@ -1,5 +1,5 @@
 import { Link } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
-import { MdAttachment } from "react-icons/md";
+import { MdAttachFile } from "react-icons/md";
 import * as yup from "yup";
 
 import { linkConfigSchema } from "@/legacy/lib/models/common/widgets/Link";
@@ -8,9 +8,7 @@ import { Widget } from "../Widget";
 import Form, { FormFields } from "./Form";
 
 const Meta = {
-  icon: MdAttachment,
-  title: "Link to media",
-  description: "A link to files, document and media",
+  icon: MdAttachFile,
 };
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call

package/src/legacy/lib/models/common/widgets/NestedGroup/index.tsx

@@ -0,0 +1,40 @@
+import { type NestedGroupSM } from "@/legacy/lib/models/common/Group";
+import { type GroupListItemProps } from "@/legacy/lib/models/common/widgets/Group";
+import { createGroupWidget } from "@/legacy/lib/models/common/widgets/Group/createGroupWidget";
+import { CustomListItem } from "@/legacy/lib/models/common/widgets/Group/ListItem";
+import { NonGroupWidgets as Widgets } from "@/legacy/lib/models/common/widgets/nonGroupWidgets";
+
+const widgetsArray = [
+  Widgets.Image,
+  Widgets.Text,
+  Widgets.StructuredText,
+  Widgets.Link,
+  Widgets.Select,
+  Widgets.Boolean,
+  Widgets.Number,
+  Widgets.Color,
+  Widgets.Date,
+  Widgets.Embed,
+  Widgets.Timestamp,
+  Widgets.GeoPoint,
+  Widgets.ContentRelationship,
+  Widgets.LinkToMedia,
+];
+
+const hintItemName = "subItem";
+
+const NestedGroupListItem = (props: GroupListItemProps<NestedGroupSM>) => (
+  <CustomListItem
+    Widgets={Widgets}
+    widgetsArray={widgetsArray}
+    hintBase={hintItemName}
+    {...props}
+  />
+);
+
+export const NestedGroupWidget = createGroupWidget({
+  schemaTypeRegex: /^NestedGroup$/,
+  customListItem: NestedGroupListItem,
+  customName: "NestedGroup",
+  hintItemName,
+});

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

@@ -1,5 +1,5 @@
 import { Number as PrismicNumber } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
-import { AiOutlineFieldNumber } from "react-icons/ai";
+import { MdOutlinePin } from "react-icons/md";
 
 import { createDefaultWidgetValues } from "../../../../utils";
 import { Widget } from "../Widget";
@@ -16,9 +16,7 @@ import { Widget } from "../Widget";
 const { FormFields, schema } = createDefaultWidgetValues("Number");
 
 const Meta = {
-  icon: AiOutlineFieldNumber,
-  title: "Number",
-  description: "A number input field",
+  icon: MdOutlinePin,
 };
 
 export const NumberWidget: Widget<PrismicNumber, typeof schema> = {

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

@@ -1,5 +1,5 @@
 import { Select } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
-import { MdDns } from "react-icons/md";
+import { MdOutlineArrowDropDownCircle } from "react-icons/md";
 import * as yup from "yup";
 
 import { createValidationSchema } from "../../../../forms";
@@ -19,9 +19,7 @@ import FormFields from "./FormFields";
 */
 
 const Meta = {
-  icon: MdDns,
-  title: "Select",
-  description: "A dropdown field of options for content creators.",
+  icon: MdOutlineArrowDropDownCircle,
 };
 
 const schema = yup.object().shape({

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

@@ -20,8 +20,6 @@ import { optionValues } from "./options";
 
 const Meta = {
   icon: MdTextFields,
-  title: "Rich Text",
-  description: "A rich text field with formatting options",
 };
 
 const ManualFields = {

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

@@ -30,8 +30,6 @@ const schema = yup.object().shape({
 
 const Meta = {
   icon: MdTitle,
-  title: "Key Text",
-  description: "A simple text string field",
 };
 
 export const TextWidget: Widget<Text, typeof schema> = {

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

@@ -1,5 +1,5 @@
 import { Timestamp } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
-import { MdDateRange } from "react-icons/md";
+import { MdSchedule } from "react-icons/md";
 import * as yup from "yup";
 
 import { createValidationSchema } from "../../../../forms";
@@ -27,9 +27,7 @@ const schema = yup.object().shape({
 });
 
 const Meta = {
-  icon: MdDateRange,
-  title: "Timestamp",
-  description: "A calendar date picker with time",
+  icon: MdSchedule,
 };
 
 export const TimestampWidget: Widget<Timestamp, typeof schema> = {

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

@@ -1,5 +1,5 @@
 import { UID } from "@prismicio/types-internal/lib/customtypes/widgets";
-import { MdVpnKey } from "react-icons/md";
+import { MdTag } from "react-icons/md";
 import * as yup from "yup";
 
 import { createValidationSchema } from "../../../../forms";
@@ -35,9 +35,7 @@ const schema = yup.object().shape({
 });
 
 const Meta = {
-  icon: MdVpnKey,
-  title: "UID",
-  description: "Unique Identifier",
+  icon: MdTag,
 };
 
 export const UIDWidget: Widget<UID, typeof schema> = {

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

@@ -3,14 +3,13 @@ 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";
 
-export interface Widget<F extends TabField, S extends AnyObjectSchema> {
+interface WidgetBase<F extends TabField, S extends AnyObjectSchema> {
   TYPE_NAME: FieldType;
   create: (label: string) => F;
   Meta: {
     icon: IconType;
-    title: string;
-    description: string;
   };
   schema: S;
   // eslint-disable-next-line @typescript-eslint/ban-types
@@ -23,5 +22,13 @@ export interface Widget<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/groupWidgets.ts

@@ -0,0 +1,7 @@
+import { NestedGroupWidget as NestedGroup } from "./NestedGroup";
+import { NonGroupWidgets } from "./nonGroupWidgets";
+
+export const Widgets = {
+  ...NonGroupWidgets,
+  NestedGroup,
+};

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

@@ -1,33 +1,9 @@
-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";
+import { GroupWidget as Group } from "./Group";
+import { NestedGroupWidget as NestedGroup } from "./NestedGroup";
+import { NonGroupWidgets } from "./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,
+export const Widgets = {
+  Group,
+  NestedGroup,
+  ...NonGroupWidgets,
 };

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

@@ -0,0 +1,33 @@
+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 NonGroupWidgets = {
+  Boolean: BooleanWidget,
+  Color: ColorWidget,
+  ContentRelationship: ContentRelationshipWidget,
+  Date: DateWidget,
+  Embed: EmbedWidget,
+  GeoPoint: GeoPointWidget,
+  Image: ImageWidget,
+  Link: LinkWidget,
+  LinkToMedia: LinkToMediaWidget,
+  Number: NumberWidget,
+  Select: SelectWidget,
+  StructuredText: StructuredTextWidget,
+  Text: TextWidget,
+  Timestamp: TimestampWidget,
+  UID: UIDWidget,
+};

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 * as Widgets from "@/legacy/lib/models/common/widgets/withGroup";
+import { Widgets } from "@/legacy/lib/models/common/widgets";
 
 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 * as Widgets from "@/legacy/lib/models/common/widgets";
+import { NonGroupWidgets as Widgets } from "@/legacy/lib/models/common/widgets/nonGroupWidgets";
 
 const widgetEntries = Object.entries(Widgets);
 

package/tsconfig.json

@@ -9,7 +9,6 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "baseUrl": "./",
-    "typeRoots": ["./node_modules/@types"],
     "types": ["node"],
     "inlineSourceMap": true,
     "skipLibCheck": true,

package/out/_next/static/JGphUg6eFq0-W11Pa7cMU/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,e,t,i,n,d,b,u,f,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-785a0ab6e2a4fc27.js"],"/_error":["static/chunks/pages/_error-6aa4c7b8478d35e3.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-d309ea186a0e56bf.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-09e9e4a012d48a3a.js",c,d,"static/css/6279e95f6aff22d5.css","static/chunks/pages/changes-1bb1a7b784a22151.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-bac97f007a5ca743.js"],"/custom-types/[customTypeId]":[s,b,u,f,h,e,n,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-74be2c0ac9c854c7.js"],"/labs":["static/chunks/pages/labs-2e4f3a5f68e65b93.js"],"/page-types/[pageTypeId]":[s,b,u,f,h,e,n,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-d35c87b9aaec445a.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-25eb02893ed871b7.js"],"/slices":[s,t,n,c,d,"static/css/f01f60095c76c7fb.css","static/chunks/pages/slices-cc44eeccd58d23a9.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,b,u,f,h,e,n,i,l,c,k,d,"static/css/8d1871dce67a3b49.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-996e20b9b295a912.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-eda642ad962ef598.js","static/chunks/756-1e44fe84bedc262b.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-b47a72d5e94bd946.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-68d4db26c0adab2e.js","static/chunks/212-cbaa35389c0aacf1.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-6039c48fbc93b4a8.js","static/chunks/465-47a6d2a5f66f521e.js","static/css/609c46c5c573c3ed.css","static/chunks/66-d37d30551288858b.js","static/chunks/264-4bb6f3fb14863ef3.js","static/css/d0dd8015d7f5ea89.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();