@delmaredigital/payload-puck 0.6.12 → 0.6.14

package/dist/config/config.editor.js

@@ -1,31 +1,30 @@
 'use client';
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { createBackgroundField } from '../fields/BackgroundField';
-import { lockedSlugField, lockedHomepageField } from '../fields/LockedField';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { createBackgroundField } from '../fields/BackgroundField.js';
+import { lockedSlugField, lockedHomepageField } from '../fields/LockedField.js';
 // Layout Components
-import { ContainerConfig } from '../components/layout/Container';
-import { FlexConfig } from '../components/layout/Flex';
-import { GridConfig } from '../components/layout/Grid';
-import { SectionConfig } from '../components/layout/Section';
-import { SpacerConfig } from '../components/layout/Spacer';
-import { TemplateConfig } from '../components/layout/Template';
+import { ContainerConfig } from '../components/layout/Container.js';
+import { FlexConfig } from '../components/layout/Flex.js';
+import { GridConfig } from '../components/layout/Grid.js';
+import { SectionConfig } from '../components/layout/Section.js';
+import { SpacerConfig } from '../components/layout/Spacer.js';
+import { TemplateConfig } from '../components/layout/Template.js';
 // Typography Components
-import { HeadingConfig } from '../components/typography/Heading';
-import { TextConfig } from '../components/typography/Text';
-import { RichTextEditorConfig } from '../components/typography/RichText.editor';
+import { HeadingConfig } from '../components/typography/Heading.js';
+import { TextConfig } from '../components/typography/Text.js';
+import { RichTextEditorConfig } from '../components/typography/RichText.editor.js';
 // Media Components
-import { ImageConfig } from '../components/media/Image';
+import { ImageConfig } from '../components/media/Image.js';
 // Interactive Components
-import { ButtonConfig } from '../components/interactive/Button';
-import { CardConfig } from '../components/interactive/Card';
-import { DividerConfig } from '../components/interactive/Divider';
-import { AccordionConfig } from '../components/interactive/Accordion';
+import { ButtonConfig } from '../components/interactive/Button.js';
+import { CardConfig } from '../components/interactive/Card.js';
+import { DividerConfig } from '../components/interactive/Divider.js';
+import { AccordionConfig } from '../components/interactive/Accordion.js';
 /**
  * Editor Puck configuration with all components including client-only ones
  *
  * Use this config for the Puck <Editor /> component.
- */
-// Using type assertion since Puck's strict typing conflicts with our generic configs
+ */ // Using type assertion since Puck's strict typing conflicts with our generic configs
 export const editorConfig = {
     root: {
         fields: {
@@ -35,51 +34,96 @@ export const editorConfig = {
             // Page settings
             title: {
                 type: 'text',
-                label: 'Page Title',
+                label: 'Page Title'
             },
             pageLayout: {
                 type: 'select',
                 label: 'Page Layout',
                 options: [
-                    { label: 'Default', value: 'default' },
-                    { label: 'Landing', value: 'landing' },
-                    { label: 'Full Width', value: 'full-width' },
-                ],
+                    {
+                        label: 'Default',
+                        value: 'default'
+                    },
+                    {
+                        label: 'Landing',
+                        value: 'landing'
+                    },
+                    {
+                        label: 'Full Width',
+                        value: 'full-width'
+                    }
+                ]
             },
             // Page-level overrides
             showHeader: {
                 type: 'radio',
                 label: 'Show Header',
                 options: [
-                    { label: 'Use Layout Default', value: 'default' },
-                    { label: 'Show', value: 'show' },
-                    { label: 'Hide', value: 'hide' },
-                ],
+                    {
+                        label: 'Use Layout Default',
+                        value: 'default'
+                    },
+                    {
+                        label: 'Show',
+                        value: 'show'
+                    },
+                    {
+                        label: 'Hide',
+                        value: 'hide'
+                    }
+                ]
             },
             showFooter: {
                 type: 'radio',
                 label: 'Show Footer',
                 options: [
-                    { label: 'Use Layout Default', value: 'default' },
-                    { label: 'Show', value: 'show' },
-                    { label: 'Hide', value: 'hide' },
-                ],
+                    {
+                        label: 'Use Layout Default',
+                        value: 'default'
+                    },
+                    {
+                        label: 'Show',
+                        value: 'show'
+                    },
+                    {
+                        label: 'Hide',
+                        value: 'hide'
+                    }
+                ]
             },
             pageBackground: createBackgroundField({
-                label: 'Page Background',
+                label: 'Page Background'
             }),
             pageMaxWidth: {
                 type: 'select',
                 label: 'Page Width',
                 options: [
-                    { label: 'Use Layout Default', value: 'default' },
-                    { label: 'Narrow (720px)', value: '720px' },
-                    { label: 'Standard (1000px)', value: '1000px' },
-                    { label: 'Wide (1200px)', value: '1200px' },
-                    { label: 'Extra Wide (1400px)', value: '1400px' },
-                    { label: 'Full Width', value: '100%' },
-                ],
-            },
+                    {
+                        label: 'Use Layout Default',
+                        value: 'default'
+                    },
+                    {
+                        label: 'Narrow (720px)',
+                        value: '720px'
+                    },
+                    {
+                        label: 'Standard (1000px)',
+                        value: '1000px'
+                    },
+                    {
+                        label: 'Wide (1200px)',
+                        value: '1200px'
+                    },
+                    {
+                        label: 'Extra Wide (1400px)',
+                        value: '1400px'
+                    },
+                    {
+                        label: 'Full Width',
+                        value: '100%'
+                    }
+                ]
+            }
         },
         defaultProps: {
             slug: '',
@@ -89,28 +133,48 @@ export const editorConfig = {
             showHeader: 'default',
             showFooter: 'default',
             pageBackground: null,
-            pageMaxWidth: 'default',
+            pageMaxWidth: 'default'
         },
-        render: ({ children }) => _jsx(_Fragment, { children: children }),
+        render: ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
+                children: children
+            })
     },
     categories: {
         layout: {
             title: 'Layout',
-            components: ['Container', 'Flex', 'Grid', 'Section', 'Spacer', 'Template'],
-            defaultExpanded: true,
+            components: [
+                'Container',
+                'Flex',
+                'Grid',
+                'Section',
+                'Spacer',
+                'Template'
+            ],
+            defaultExpanded: true
         },
         typography: {
             title: 'Typography',
-            components: ['Heading', 'Text', 'RichText'],
+            components: [
+                'Heading',
+                'Text',
+                'RichText'
+            ]
         },
         media: {
             title: 'Media',
-            components: ['Image'],
+            components: [
+                'Image'
+            ]
         },
         interactive: {
             title: 'Interactive',
-            components: ['Button', 'Card', 'Divider', 'Accordion'],
-        },
+            components: [
+                'Button',
+                'Card',
+                'Divider',
+                'Accordion'
+            ]
+        }
     },
     components: {
         // Layout
@@ -123,18 +187,17 @@ export const editorConfig = {
         // Typography
         Heading: HeadingConfig,
         Text: TextConfig,
-        RichText: RichTextEditorConfig, // Uses TipTap
+        RichText: RichTextEditorConfig,
         // Media
         Image: ImageConfig,
         // Interactive
         Button: ButtonConfig,
         Card: CardConfig,
         Divider: DividerConfig,
-        Accordion: AccordionConfig, // Client-only
-    },
+        Accordion: AccordionConfig
+    }
 };
 // Re-export merge utility for convenience
-export { mergeConfigs } from './merge';
+export { mergeConfigs } from './merge.js';
 // Re-export presets for extending configs
-export { fullConfig, minimalConfig, defaultRoot, pageTreeRoot, extendConfig, } from './presets.js';
-//# sourceMappingURL=config.editor.js.map
+export { fullConfig, minimalConfig, defaultRoot, pageTreeRoot, extendConfig } from './presets.js';

package/dist/config/index.d.ts

@@ -5,7 +5,7 @@
  * with the PageRenderer component.
  */
 import type { Config as PuckConfig } from '@puckeditor/core';
-import { type LayoutDefinition } from '../layouts';
+import { type LayoutDefinition } from '../layouts/index.js';
 /**
  * Creates a Puck configuration with custom layouts
  *
@@ -37,7 +37,6 @@ export declare function createConfig(layouts?: LayoutDefinition[]): PuckConfig;
  * For custom layouts, use createConfig() instead.
  */
 export declare const baseConfig: PuckConfig;
-export { mergeConfigs, mergeConfigs as extendConfig } from './merge';
-export { DEFAULT_LAYOUTS, createLayout, type LayoutDefinition } from '../layouts';
-export type { ServerComponentConfig, ServerRootConfig, SlotField } from './types';
-//# sourceMappingURL=index.d.ts.map
+export { mergeConfigs, mergeConfigs as extendConfig } from './merge.js';
+export { DEFAULT_LAYOUTS, createLayout, type LayoutDefinition } from '../layouts/index.js';
+export type { ServerComponentConfig, ServerRootConfig, SlotField } from './types.js';

package/dist/config/index.js

@@ -1,23 +1,28 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { DEFAULT_LAYOUTS, layoutsToOptions } from '../layouts';
+/**
+ * Server-safe Puck configuration
+ *
+ * This config is safe for server-side rendering and should be used
+ * with the PageRenderer component.
+ */ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { DEFAULT_LAYOUTS, layoutsToOptions } from '../layouts/index.js';
 // Layout Components (server-safe versions)
-import { ContainerConfig } from '../components/layout/Container.server';
-import { FlexConfig } from '../components/layout/Flex.server';
-import { GridConfig } from '../components/layout/Grid.server';
-import { SectionConfig } from '../components/layout/Section.server';
-import { SpacerConfig } from '../components/layout/Spacer.server';
-import { TemplateServerConfig } from '../components/layout/Template.server';
+import { ContainerConfig } from '../components/layout/Container.server.js';
+import { FlexConfig } from '../components/layout/Flex.server.js';
+import { GridConfig } from '../components/layout/Grid.server.js';
+import { SectionConfig } from '../components/layout/Section.server.js';
+import { SpacerConfig } from '../components/layout/Spacer.server.js';
+import { TemplateServerConfig } from '../components/layout/Template.server.js';
 // Typography Components (server-safe versions)
-import { HeadingConfig } from '../components/typography/Heading.server';
-import { TextConfig } from '../components/typography/Text.server';
-import { RichTextConfig } from '../components/typography/RichText.server';
+import { HeadingConfig } from '../components/typography/Heading.server.js';
+import { TextConfig } from '../components/typography/Text.server.js';
+import { RichTextConfig } from '../components/typography/RichText.server.js';
 // Media Components (server-safe versions)
-import { ImageConfig } from '../components/media/Image.server';
+import { ImageConfig } from '../components/media/Image.server.js';
 // Interactive Components (server-safe versions)
-import { ButtonConfig } from '../components/interactive/Button.server';
-import { CardConfig } from '../components/interactive/Card.server';
-import { DividerConfig } from '../components/interactive/Divider.server';
-import { AccordionConfig } from '../components/interactive/Accordion.server';
+import { ButtonConfig } from '../components/interactive/Button.server.js';
+import { CardConfig } from '../components/interactive/Card.server.js';
+import { DividerConfig } from '../components/interactive/Divider.server.js';
+import { AccordionConfig } from '../components/interactive/Accordion.server.js';
 /**
  * Creates a Puck configuration with custom layouts
  *
@@ -37,46 +42,68 @@ import { AccordionConfig } from '../components/interactive/Accordion.server';
  *   }),
  * ])
  * ```
- */
-export function createConfig(layouts = DEFAULT_LAYOUTS) {
+ */ export function createConfig(layouts = DEFAULT_LAYOUTS) {
     const layoutOptions = layoutsToOptions(layouts);
     return {
         root: {
             fields: {
                 title: {
                     type: 'text',
-                    label: 'Page Title',
+                    label: 'Page Title'
                 },
                 pageLayout: {
                     type: 'select',
                     label: 'Page Layout',
-                    options: layoutOptions.map(({ value, label }) => ({ value, label })),
-                },
+                    options: layoutOptions.map(({ value, label })=>({
+                            value,
+                            label
+                        }))
+                }
             },
             defaultProps: {
                 title: 'New Page',
-                pageLayout: 'default',
+                pageLayout: 'default'
             },
-            render: ({ children }) => _jsx(_Fragment, { children: children }),
+            render: ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
+                    children: children
+                })
         },
         categories: {
             layout: {
                 title: 'Layout',
-                components: ['Container', 'Flex', 'Grid', 'Section', 'Spacer', 'Template'],
-                defaultExpanded: true,
+                components: [
+                    'Container',
+                    'Flex',
+                    'Grid',
+                    'Section',
+                    'Spacer',
+                    'Template'
+                ],
+                defaultExpanded: true
             },
             typography: {
                 title: 'Typography',
-                components: ['Heading', 'Text', 'RichText'],
+                components: [
+                    'Heading',
+                    'Text',
+                    'RichText'
+                ]
             },
             media: {
                 title: 'Media',
-                components: ['Image'],
+                components: [
+                    'Image'
+                ]
             },
             interactive: {
                 title: 'Interactive',
-                components: ['Button', 'Card', 'Divider', 'Accordion'],
-            },
+                components: [
+                    'Button',
+                    'Card',
+                    'Divider',
+                    'Accordion'
+                ]
+            }
         },
         components: {
             // Layout
@@ -96,8 +123,8 @@ export function createConfig(layouts = DEFAULT_LAYOUTS) {
             Button: ButtonConfig,
             Card: CardConfig,
             Divider: DividerConfig,
-            Accordion: AccordionConfig,
-        },
+            Accordion: AccordionConfig
+        }
     };
 }
 /**
@@ -108,9 +135,7 @@ export function createConfig(layouts = DEFAULT_LAYOUTS) {
  * for the full interactive editor experience.
  *
  * For custom layouts, use createConfig() instead.
- */
-export const baseConfig = createConfig(DEFAULT_LAYOUTS);
+ */ export const baseConfig = createConfig(DEFAULT_LAYOUTS);
 // Re-export merge utility and layout helpers
-export { mergeConfigs, mergeConfigs as extendConfig } from './merge';
-export { DEFAULT_LAYOUTS, createLayout } from '../layouts';
-//# sourceMappingURL=index.js.map
+export { mergeConfigs, mergeConfigs as extendConfig } from './merge.js';
+export { DEFAULT_LAYOUTS, createLayout } from '../layouts/index.js';

package/dist/config/merge.d.ts

@@ -1,5 +1,5 @@
 import type { Config as PuckConfig } from '@puckeditor/core';
-import type { MergeConfigOptions } from '../types';
+import type { MergeConfigOptions } from '../types/index.js';
 /**
  * Merges Puck configurations together
  *
@@ -20,4 +20,3 @@ import type { MergeConfigOptions } from '../types';
  * ```
  */
 export declare function mergeConfigs(options: MergeConfigOptions): PuckConfig;
-//# sourceMappingURL=merge.d.ts.map

package/dist/config/merge.js

@@ -16,24 +16,23 @@
  *   exclude: ['CallToAction'], // Remove if not needed
  * })
  * ```
- */
-export function mergeConfigs(options) {
+ */ export function mergeConfigs(options) {
     const { base, components = {}, categories = {}, root, exclude = [] } = options;
     // Filter out excluded components from base
-    const filteredBaseComponents = Object.fromEntries(Object.entries(base.components || {}).filter(([key]) => !exclude.includes(key)));
+    const filteredBaseComponents = Object.fromEntries(Object.entries(base.components || {}).filter(([key])=>!exclude.includes(key)));
     // Merge categories
     const mergedCategories = {};
     // First, process base categories (filtering excluded components)
-    for (const [key, category] of Object.entries(base.categories || {})) {
+    for (const [key, category] of Object.entries(base.categories || {})){
         if (category) {
             mergedCategories[key] = {
                 ...category,
-                components: category.components?.filter((c) => !exclude.includes(String(c))) || [],
+                components: category.components?.filter((c)=>!exclude.includes(String(c))) || []
             };
         }
     }
     // Then, merge in new categories
-    for (const [key, category] of Object.entries(categories)) {
+    for (const [key, category] of Object.entries(categories)){
         if (category) {
             if (mergedCategories[key]) {
                 // Merge with existing category
@@ -41,40 +40,36 @@ export function mergeConfigs(options) {
                     ...mergedCategories[key],
                     ...category,
                     components: [
-                        ...(mergedCategories[key]?.components || []),
-                        ...(category.components || []),
-                    ],
+                        ...mergedCategories[key]?.components || [],
+                        ...category.components || []
+                    ]
                 };
-            }
-            else {
+            } else {
                 // Add new category
                 mergedCategories[key] = category;
             }
         }
     }
     // Merge root config
-    const mergedRoot = root
-        ? {
-            ...base.root,
-            ...root,
-            fields: {
-                ...base.root?.fields,
-                ...root.fields,
-            },
-            defaultProps: {
-                ...base.root?.defaultProps,
-                ...root.defaultProps,
-            },
+    const mergedRoot = root ? {
+        ...base.root,
+        ...root,
+        fields: {
+            ...base.root?.fields,
+            ...root.fields
+        },
+        defaultProps: {
+            ...base.root?.defaultProps,
+            ...root.defaultProps
         }
-        : base.root;
+    } : base.root;
     return {
         ...base,
         root: mergedRoot,
         categories: mergedCategories,
         components: {
             ...filteredBaseComponents,
-            ...components,
-        },
+            ...components
+        }
     };
 }
-//# sourceMappingURL=merge.js.map

package/dist/config/presets.d.ts

@@ -79,7 +79,7 @@ export declare const defaultRoot: {
     };
     render: ({ children }: {
         children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => import("react").JSX.Element;
 };
 /**
  * Root configuration for use with @delmaredigital/payload-page-tree
@@ -157,7 +157,7 @@ export declare const pageTreeRoot: {
     };
     render: ({ children }: {
         children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => import("react").JSX.Element;
 };
 /**
  * Full configuration with all built-in components
@@ -219,7 +219,7 @@ export declare const fullConfig: {
         };
         render: ({ children }: {
             children: ReactNode;
-        }) => import("react/jsx-runtime").JSX.Element;
+        }) => import("react").JSX.Element;
     };
     categories: {
         layout: {
@@ -317,7 +317,7 @@ export declare const minimalConfig: {
         };
         render: ({ children }: {
             children: ReactNode;
-        }) => import("react/jsx-runtime").JSX.Element;
+        }) => import("react").JSX.Element;
     };
     categories: {
         layout: {
@@ -339,4 +339,3 @@ export declare const minimalConfig: {
     };
 };
 export { mergeConfigs, mergeConfigs as extendConfig } from './merge.js';
-//# sourceMappingURL=presets.d.ts.map