first commit

examples/cms-payload/payload/blocks/CallToAction/index.ts

@@ -0,0 +1,22 @@
+import { Block } from "payload/types";
+import { backgroundColor } from "../../fields/backgroundColor";
+import linkGroup from "../../fields/linkGroup";
+import richText from "../../fields/richText";
+
+export const CallToAction: Block = {
+  slug: "cta",
+  labels: {
+    singular: "Call to Action",
+    plural: "Calls to Action",
+  },
+  fields: [
+    backgroundColor({ overrides: { name: "ctaBackgroundColor" } }),
+    richText(),
+    linkGroup({
+      appearances: ["primary", "secondary"],
+      overrides: {
+        maxRows: 2,
+      },
+    }),
+  ],
+};

examples/cms-payload/payload/blocks/Content/index.ts

@@ -0,0 +1,76 @@
+import { Block, Field } from "payload/types";
+import { backgroundColor } from "../../fields/backgroundColor";
+import link from "../../fields/link";
+import richText from "../../fields/richText";
+
+const columnFields: Field[] = [
+  richText(),
+  {
+    name: "enableLink",
+    type: "checkbox",
+  },
+  link({
+    overrides: {
+      admin: {
+        condition: (_, { enableLink }) => Boolean(enableLink),
+      },
+    },
+  }),
+];
+
+export const Content: Block = {
+  slug: "content",
+  fields: [
+    {
+      type: "row",
+      fields: [
+        backgroundColor({ overrides: { name: "contentBackgroundColor" } }),
+        {
+          name: "layout",
+          type: "select",
+          defaultValue: "oneColumn",
+          options: [
+            {
+              label: "One Column",
+              value: "oneColumn",
+            },
+            {
+              label: "Two Thirds + One Third",
+              value: "twoThirdsOneThird",
+            },
+            {
+              label: "Half + Half",
+              value: "halfAndHalf",
+            },
+            {
+              label: "Three Columns",
+              value: "threeColumns",
+            },
+          ],
+        },
+      ],
+    },
+    {
+      name: "columnOne",
+      type: "group",
+      fields: columnFields,
+    },
+    {
+      name: "columnTwo",
+      type: "group",
+      fields: columnFields,
+      admin: {
+        condition: (_, { layout }) =>
+          ["twoThirdsOneThird", "halfAndHalf", "threeColumns"].includes(layout),
+      },
+    },
+    {
+      name: "columnThree",
+      type: "group",
+      fields: columnFields,
+      admin: {
+        condition: (_, { layout }) => layout === "threeColumns",
+      },
+    },
+  ],
+};

examples/cms-payload/payload/blocks/Media/index.ts

@@ -0,0 +1,42 @@
+import { Block } from "payload/types";
+import { backgroundColor } from "../../fields/backgroundColor";
+
+export const MediaBlock: Block = {
+  slug: "mediaBlock",
+  fields: [
+    {
+      type: "row",
+      fields: [
+        backgroundColor({ overrides: { name: "mediaBlockBackgroundColor" } }),
+        {
+          name: "position",
+          type: "select",
+          defaultValue: "default",
+          options: [
+            {
+              label: "Default",
+              value: "default",
+            },
+            {
+              label: "Fullscreen",
+              value: "fullscreen",
+            },
+          ],
+        },
+      ],
+    },
+    {
+      name: "media",
+      type: "upload",
+      relationTo: "media",
+      required: true,
+    },
+    {
+      name: "caption",
+      type: "richText",
+      admin: {
+        elements: ["link"],
+      },
+    },
+  ],
+};