blocks-dusted 0.1.9 → 0.1.11

package/templates/blocks/DD-TeamCards/config.ts

@@ -0,0 +1,302 @@
+import type { Block } from 'payload'
+
+export const TeamCardsBlock: Block = {
+  slug: 'DD-TeamCards',
+  interfaceName: 'DDTeamCards',
+  labels: {
+    singular: 'Team Cards',
+    plural: 'Team Cards',
+  },
+  fields: [
+    // Block identification
+    {
+      admin: {
+        initCollapsed: false,
+        className: 'block-identification',
+      },
+      type: 'collapsible',
+      label: 'Block Settings',
+      fields: [
+        {
+          name: 'blockName',
+          type: 'text',
+          required: false,
+          label: 'Block Name',
+          admin: {
+            description: 'Optional: Give this block a name for easier identification in admin.',
+            placeholder: 'e.g., "Leadership Team", "Our Team"',
+          },
+        },
+      ],
+    },
+
+    // Team members
+    {
+      name: 'teamMembers',
+      type: 'array',
+      label: 'Team Members',
+      required: true,
+      minRows: 1,
+      maxRows: 12,
+      fields: [
+        {
+          type: 'row',
+          fields: [
+            {
+              name: 'name',
+              type: 'text',
+              required: true,
+              label: 'Full Name',
+              admin: {
+                width: '50%',
+              },
+            },
+            {
+              name: 'position',
+              type: 'text',
+              required: true,
+              label: 'Position/Title',
+              admin: {
+                width: '50%',
+              },
+            },
+          ],
+        },
+        {
+          name: 'image',
+          type: 'upload',
+          relationTo: 'media',
+          required: true,
+          label: 'Profile Image',
+          admin: {
+            description: 'Upload a profile photo for this team member.',
+          },
+        },
+        {
+          name: 'bio',
+          type: 'textarea',
+          label: 'Bio/Description',
+          admin: {
+            description: 'Optional: Short bio or description of the team member.',
+          },
+        },
+        {
+          name: 'socialLinks',
+          type: 'group',
+          label: 'Social Media Links',
+          admin: {
+            description: 'Optional: Add social media links for the team member.',
+          },
+          fields: [
+            {
+              type: 'row',
+              fields: [
+                {
+                  name: 'facebook',
+                  type: 'text',
+                  label: 'Facebook URL',
+                  admin: {
+                    width: '33%',
+                    placeholder: 'https://facebook.com/username',
+                  },
+                },
+                {
+                  name: 'linkedin',
+                  type: 'text',
+                  label: 'LinkedIn URL',
+                  admin: {
+                    width: '33%',
+                    placeholder: 'https://linkedin.com/in/username',
+                  },
+                },
+                {
+                  name: 'twitter',
+                  type: 'text',
+                  label: 'Twitter/X URL',
+                  admin: {
+                    width: '34%',
+                    placeholder: 'https://twitter.com/username',
+                  },
+                },
+              ],
+            },
+            {
+              type: 'row',
+              fields: [
+                {
+                  name: 'instagram',
+                  type: 'text',
+                  label: 'Instagram URL',
+                  admin: {
+                    width: '33%',
+                    placeholder: 'https://instagram.com/username',
+                  },
+                },
+                {
+                  name: 'behance',
+                  type: 'text',
+                  label: 'Behance URL',
+                  admin: {
+                    width: '33%',
+                    placeholder: 'https://behance.net/username',
+                  },
+                },
+                {
+                  name: 'website',
+                  type: 'text',
+                  label: 'Personal Website',
+                  admin: {
+                    width: '34%',
+                    placeholder: 'https://example.com',
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+
+    // Layout and styling options
+    {
+      admin: {
+        initCollapsed: true,
+        className: 'layout-styling',
+      },
+      type: 'collapsible',
+      label: 'Layout & Styling',
+      fields: [
+        {
+          type: 'row',
+          fields: [
+            {
+              name: 'columnsPerRow',
+              type: 'select',
+              label: 'Columns per Row',
+              options: [
+                { label: '2 Columns', value: '2' },
+                { label: '3 Columns', value: '3' },
+                { label: '4 Columns', value: '4' },
+              ],
+              defaultValue: '3',
+              admin: {
+                width: '50%',
+                description: 'Number of team members per row on desktop.',
+              },
+            },
+            {
+              name: 'cardStyle',
+              type: 'select',
+              label: 'Card Style',
+              options: [
+                { label: 'Default', value: 'default' },
+                { label: 'Rounded', value: 'rounded' },
+                { label: 'Shadow', value: 'shadow' },
+                { label: 'Bordered', value: 'bordered' },
+              ],
+              defaultValue: 'default',
+              admin: {
+                width: '50%',
+              },
+            },
+          ],
+        },
+        {
+          type: 'row',
+          fields: [
+            {
+              name: 'showBio',
+              type: 'checkbox',
+              label: 'Show Bio',
+              defaultValue: true,
+              admin: {
+                width: '25%',
+                description: 'Display team member bio/description.',
+              },
+            },
+            {
+              name: 'showSocialLinks',
+              type: 'checkbox',
+              label: 'Show Social Links',
+              defaultValue: true,
+              admin: {
+                width: '25%',
+                description: 'Display social media links.',
+              },
+            },
+            {
+              name: 'centerAlign',
+              type: 'checkbox',
+              label: 'Center Align Content',
+              defaultValue: true,
+              admin: {
+                width: '25%',
+                description: 'Center align card content.',
+              },
+            },
+            {
+              name: 'equalHeight',
+              type: 'checkbox',
+              label: 'Equal Height Cards',
+              defaultValue: true,
+              admin: {
+                width: '25%',
+                description: 'Make all cards the same height.',
+              },
+            },
+          ],
+        },
+        {
+          name: 'containerClass',
+          type: 'text',
+          label: 'Container CSS Class',
+          admin: {
+            description: 'Optional: Additional CSS classes for the container.',
+            placeholder: 'py-16 bg-gray-50',
+          },
+        },
+        {
+          name: 'cardClass',
+          type: 'text',
+          label: 'Card CSS Class',
+          admin: {
+            description: 'Optional: Additional CSS classes for each team card.',
+            placeholder: 'hover:scale-105 transition-transform',
+          },
+        },
+      ],
+    },
+
+    // Advanced styling
+    {
+      admin: {
+        initCollapsed: true,
+        className: 'advanced-styling',
+      },
+      type: 'collapsible',
+      label: 'Advanced Styling',
+      fields: [
+        {
+          name: 'customContainerStyle',
+          type: 'json',
+          label: 'Custom Container Styles',
+          admin: {
+            description:
+              'JSON object for custom inline styles on the container. Example: {"backgroundColor": "#f8f9fa", "padding": "2rem"}',
+          },
+        },
+        {
+          name: 'customCardStyle',
+          type: 'json',
+          label: 'Custom Card Styles',
+          admin: {
+            description:
+              'JSON object for custom inline styles on each card. Example: {"borderRadius": "12px", "boxShadow": "0 4px 6px rgba(0,0,0,0.1)"}',
+          },
+        },
+      ],
+    },
+  ],
+}
+
+export const DDTeamCards = TeamCardsBlock

package/templates/blocks/DD-TeamCards/manifest.json

@@ -0,0 +1,74 @@
+{
+  "type": "block",
+  "name": "DD-TeamCards",
+  "label": "Team Cards",
+  "sourceName": "TeamCards",
+  "portableName": "DD-TeamCards",
+  "slug": "DD-TeamCards",
+  "version": "0.0.1",
+  "source": {
+    "repo": "Hadizainal/DesignsDustedv3",
+    "originalPath": "src/blocks/ROUND-TWO-CONVERSION/TeamCards",
+    "originalSlug": "teamCards",
+    "originalConfigExport": "TeamCards",
+    "originalComponentExport": "TeamCards",
+    "originalInterfaceName": "DDTeamCards"
+  },
+  "files": [
+    {
+      "from": "Component.tsx",
+      "to": "src/blocks/DD-TeamCards/Component.tsx"
+    },
+    {
+      "from": "config.ts",
+      "to": "src/blocks/DD-TeamCards/config.ts"
+    }
+  ],
+  "dependencies": [
+    "framer-motion"
+  ],
+  "sharedFiles": [],
+  "requiredProjectFiles": [],
+  "optionalProjectFiles": [],
+  "collectionRegistration": {
+    "enabled": true,
+    "collections": [
+      "Pages",
+      "Posts"
+    ]
+  },
+  "renderBlocksRegistration": {
+    "enabled": true
+  },
+  "renderBlocksBehavior": {
+    "wrapperless": false
+  },
+  "pageRouteIntegration": {
+    "required": false,
+    "manualSteps": []
+  },
+  "manual": [
+    "Register DDTeamCards in Pages/Posts blocks arrays if automatic registration was skipped.",
+    "Register DD-TeamCards in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes."
+  ],
+  "manualSteps": [
+    "Register DDTeamCards in Pages/Posts blocks arrays if automatic registration was skipped.",
+    "Register DD-TeamCards in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes."
+  ],
+  "patchTargets": {
+    "blockConfigRegistration": {
+      "description": "Installer can add import { DDTeamCards } from '@/blocks/DD-TeamCards/config' and add DDTeamCards to clear Pages/Posts block arrays."
+    },
+    "renderBlocksRegistration": {
+      "description": "Installer can register DD-TeamCards in RenderBlocks."
+    }
+  },
+  "notes": [
+    "Converted from ROUND-TWO-CONVERSION as a portable Dusted template.",
+    "Project-specific imports were replaced with local, dependency-light rendering where required."
+  ],
+  "exportName": "DDTeamCards",
+  "interfaceName": "DDTeamCards"
+}