import { defineBlock } from "@wabbit/tome-blocks-core/defineBlock";
import { archiveMeta } from "./meta";
import {
  FixedToolbarFeature,
  HeadingFeature,
  InlineToolbarFeature,
  lexicalEditor
} from "@payloadcms/richtext-lexical";
import { archiveVariants } from "./variants";
const archiveBlock = defineBlock(
  archiveMeta,
  (config) => {
    const archiveCollections = config?.archiveCollections ?? ["posts"];
    const categoryCollection = config?.categoryCollection ?? "categories";
    return {
      slug: "archive",
      interfaceName: "ArchiveBlock",
      labels: { singular: "Archive", plural: "Archives" },
      fields: [
        {
          name: "backgroundColor",
          type: "select",
          defaultValue: "none",
          options: [
            { label: "None", value: "none" },
            { label: "White", value: "white" },
            { label: "Light Gray", value: "light-gray" },
            { label: "Dark", value: "dark" }
          ]
        },
        {
          name: "introContent",
          type: "richText",
          localized: true,
          editor: lexicalEditor({
            features: ({ rootFeatures }) => [
              ...rootFeatures,
              HeadingFeature({ enabledHeadingSizes: ["h1", "h2", "h3", "h4"] }),
              FixedToolbarFeature(),
              InlineToolbarFeature()
            ]
          }),
          label: "Intro Content"
        },
        {
          type: "row",
          fields: [
            {
              name: "populateBy",
              type: "select",
              defaultValue: "collection",
              options: [
                { label: "Collection", value: "collection" },
                { label: "Individual Selection", value: "selection" }
              ]
            },
            {
              name: "appearance",
              label: "Appearance",
              type: "select",
              defaultValue: "default",
              options: [
                { label: "Default (Inherit)", value: "default" },
                { label: "Primary", value: "primary" },
                { label: "Secondary", value: "secondary" },
                { label: "Transparent", value: "transparent" }
              ]
            }
          ]
        },
        {
          name: "relationTo",
          type: "select",
          admin: {
            condition: (_, siblingData) => siblingData?.populateBy === "collection"
          },
          defaultValue: archiveCollections[0],
          label: "Collections To Show",
          options: archiveCollections.map((c) => ({ label: c.charAt(0).toUpperCase() + c.slice(1), value: c }))
        },
        {
          name: "categories",
          type: "relationship",
          admin: {
            condition: (_, siblingData) => siblingData?.populateBy === "collection"
          },
          hasMany: true,
          label: "Categories To Show",
          relationTo: categoryCollection
        },
        {
          name: "limit",
          type: "number",
          admin: {
            condition: (_, siblingData) => siblingData?.populateBy === "collection",
            step: 1
          },
          defaultValue: 10,
          label: "Limit",
          min: 1,
          max: 50
        },
        {
          name: "selectedDocs",
          type: "relationship",
          admin: {
            condition: (_, siblingData) => siblingData?.populateBy === "selection"
          },
          hasMany: true,
          label: "Selection",
          relationTo: archiveCollections
        }
      ]
    };
  },
  archiveVariants
);
export {
  archiveBlock
};
//# sourceMappingURL=index.js.map
All Articles

Install
