@woodylab/payload 0.0.9 → 0.0.11

package/dist/index-BsQFx-nI.js

@@ -0,0 +1,1115 @@
+'use strict';
+
+var fieldRoles = require('./fieldRoles-CVvtwYrZ.js');
+
+const fieldTextArea = (override) => ({
+    name: 'textarea',
+    label: 'Textarea',
+    type: 'textarea',
+    required: false,
+    ...override,
+});
+
+const fieldBlocks = (override) => ({
+    name: 'blocks',
+    label: 'Blocks',
+    type: 'blocks',
+    blocks: [],
+    required: false,
+    ...override,
+});
+
+const fieldCheckbox = (override) => ({
+    name: 'checkbox',
+    label: 'Checkbox',
+    type: 'checkbox',
+    required: false,
+    admin: {
+        description: 'Enable or disable the checkbox',
+    },
+    ...override,
+});
+
+const fieldCode = (override) => ({
+    name: 'code',
+    label: 'Code',
+    type: 'code',
+    required: false,
+    ...override,
+});
+
+const fieldDate = (override) => ({
+    name: 'date',
+    label: 'Date',
+    type: 'date',
+    required: false,
+    admin: {
+        description: 'Select a date',
+        date: {
+            pickerAppearance: 'dayOnly',
+            displayFormat: 'yyyy-MM-dd',
+        },
+    },
+    ...override,
+});
+
+const fieldEmail = (override) => ({
+    name: 'email',
+    label: 'Email',
+    type: 'email',
+    required: false,
+    ...override,
+});
+
+const fieldJoin = (collection, on, override) => ({
+    name: 'join',
+    label: 'join',
+    type: 'join',
+    collection,
+    on,
+    ...override,
+});
+
+const fieldNumber = (override) => ({
+    name: 'number',
+    label: 'Number',
+    type: 'number',
+    required: false,
+    ...override,
+});
+
+const fieldPoint = (override) => ({
+    name: 'point',
+    label: 'Point',
+    type: 'point',
+    required: false,
+    ...override,
+});
+
+const fieldRadioGroup = (override) => ({
+    name: 'radio',
+    label: 'Radio',
+    type: 'boolean',
+    required: false,
+    options: [
+        {
+            label: 'true',
+            value: true
+        },
+        {
+            label: 'true',
+            value: false
+        }
+    ],
+    ...override,
+});
+
+const fieldRelationship = (relationTo, override) => ({
+    name: 'relationship',
+    label: 'Relationship',
+    type: 'relationship',
+    relationTo,
+    required: false,
+    ...override,
+});
+
+const fieldRichText = (override) => ({
+    name: 'richText',
+    label: 'Rich Text',
+    type: 'richText',
+    required: false,
+    admin: {
+        placeholder: 'Insert text here',
+        rows: 5,
+    },
+    ...override,
+});
+
+const fieldContainerProps = (customFields = []) => {
+    return {
+        name: 'ctrP',
+        label: 'Proprietà container',
+        type: 'group',
+        fields: [
+            ...customFields,
+            fieldRichText({ name: 'body', label: 'Contenuto', required: false }),
+            fieldContainerWidths(),
+            {
+                type: 'tabs',
+                tabs: [
+                    {
+                        label: 'Stile',
+                        fields: [
+                            fieldRoles.fieldUpload('media', { name: 'bgi', label: 'Immagine di sfondo' }),
+                            //WFieldColor({name:'bgc', label:'Colore di sfondo', required:false}),
+                            {
+                                name: 'borderRadius',
+                                type: 'select',
+                                label: 'Angoli arrotondati',
+                                defaultValue: 'rounded-none',
+                                options: [
+                                    { label: 'Nessuno', value: 'rounded-none' },
+                                    { label: 'Piccolo', value: 'rounded-sm' },
+                                    { label: 'Medio', value: 'rounded-md' },
+                                    { label: 'Grande', value: 'rounded-lg' },
+                                    { label: 'Extra Grande', value: 'rounded-xl' },
+                                    { label: 'Massimo', value: 'rounded-full' },
+                                ],
+                                admin: {
+                                    width: '50%',
+                                    description: 'Imposta lo stile degli angoli arrotondati del contenitore.',
+                                },
+                            },
+                            {
+                                name: 'boxShadow',
+                                type: 'select',
+                                label: 'Ombra contenitore',
+                                defaultValue: 'shadow-none', // Default: nessuna ombra
+                                options: [
+                                    { label: 'Nessuna', value: 'shadow-none' },
+                                    { label: 'Piccola', value: 'shadow-sm' },
+                                    { label: 'Normale', value: 'shadow' },
+                                    { label: 'Media', value: 'shadow-md' },
+                                    { label: 'Grande', value: 'shadow-lg' },
+                                    { label: 'Extra Grande', value: 'shadow-xl' },
+                                    { label: 'Massima', value: 'shadow-2xl' },
+                                ],
+                                admin: {
+                                    width: '50%',
+                                    description: 'Imposta lo stile dell\'ombra per il contenitore.',
+                                },
+                            }
+                        ]
+                    },
+                    {
+                        label: 'Dimensioni',
+                        fields: [
+                            fieldHeights(),
+                            {
+                                type: 'tabs',
+                                tabs: [
+                                    {
+                                        label: 'Margini',
+                                        fields: [
+                                            fieldMargins()
+                                        ]
+                                    },
+                                    {
+                                        label: 'Paddings',
+                                        fields: [
+                                            fieldPaddings()
+                                        ]
+                                    }
+                                ]
+                            }
+                        ]
+                    }
+                ]
+            },
+        ]
+    };
+};
+
+const fieldThemeColor = (override) => ({
+    name: override?.name || 'color',
+    label: override?.label || 'Colore',
+    type: 'select',
+    required: override?.required ?? false,
+    options: [
+        { label: 'Default', value: '' },
+        { label: 'Foreground', value: 'foreground' },
+        { label: 'Primary', value: 'primary' },
+        { label: 'Secondary', value: 'secondary' },
+        { label: 'Accent', value: 'accent' },
+        { label: 'Dark', value: 'dark' },
+        { label: 'Light', value: 'light' },
+        { label: 'White', value: 'white' },
+        { label: 'Black', value: 'black' },
+    ],
+    admin: {
+        ...override?.admin,
+    },
+});
+
+const iconsList = [
+    { label: 'Academic Cap', value: 'AcademicCapIcon' },
+    { label: 'Adjustments Horizontal', value: 'AdjustmentsHorizontalIcon' },
+    { label: 'Adjustments Vertical', value: 'AdjustmentsVerticalIcon' },
+    { label: 'Archive Box Arrow Down', value: 'ArchiveBoxArrowDownIcon' },
+    { label: 'Archive Box X Mark', value: 'ArchiveBoxXMarkIcon' },
+    { label: 'Archive Box', value: 'ArchiveBoxIcon' },
+    { label: 'Arrow Down Circle', value: 'ArrowDownCircleIcon' },
+    { label: 'Arrow Down', value: 'ArrowDownIcon' },
+    { label: 'Arrow Left Circle', value: 'ArrowLeftCircleIcon' },
+    { label: 'Arrow Left', value: 'ArrowLeftIcon' },
+    { label: 'Arrow Right Circle', value: 'ArrowRightCircleIcon' },
+    { label: 'Arrow Right', value: 'ArrowRightIcon' },
+    { label: 'Arrow Up Circle', value: 'ArrowUpCircleIcon' },
+    { label: 'Arrow Up', value: 'ArrowUpIcon' },
+    { label: 'Bell Alert', value: 'BellAlertIcon' },
+    { label: 'Bell', value: 'BellIcon' },
+    { label: 'Bookmark Square', value: 'BookmarkSquareIcon' },
+    { label: 'Bookmark', value: 'BookmarkIcon' },
+    { label: 'Building Office', value: 'BuildingOfficeIcon' },
+    { label: 'Calendar', value: 'CalendarIcon' },
+    { label: 'Camera', value: 'CameraIcon' },
+    { label: 'Chart Bar', value: 'ChartBarIcon' },
+    { label: 'Chat Bubble Left Right', value: 'ChatBubbleLeftRightIcon' },
+    { label: 'Chat Bubble Left', value: 'ChatBubbleLeftIcon' },
+    { label: 'Check Circle', value: 'CheckCircleIcon' },
+    { label: 'Check', value: 'CheckIcon' },
+    { label: 'Chevron Down', value: 'ChevronDownIcon' },
+    { label: 'Chevron Left', value: 'ChevronLeftIcon' },
+    { label: 'Chevron Right', value: 'ChevronRightIcon' },
+    { label: 'Chevron Up', value: 'ChevronUpIcon' },
+    { label: 'Clock', value: 'ClockIcon' },
+    { label: 'Cloud Arrow Up', value: 'CloudArrowUpIcon' },
+    { label: 'Cloud', value: 'CloudIcon' },
+    { label: 'Code Bracket', value: 'CodeBracketIcon' },
+    { label: 'Cog', value: 'CogIcon' },
+    { label: 'Command Line', value: 'CommandLineIcon' },
+    { label: 'Computer Desktop', value: 'ComputerDesktopIcon' },
+    { label: 'Credit Card', value: 'CreditCardIcon' },
+    { label: 'Document', value: 'DocumentIcon' },
+    { label: 'Envelope', value: 'EnvelopeIcon' },
+    { label: 'Exclamation Circle', value: 'ExclamationCircleIcon' },
+    { label: 'Exclamation Triangle', value: 'ExclamationTriangleIcon' },
+    { label: 'Eye', value: 'EyeIcon' },
+    { label: 'Face Smile', value: 'FaceSmileIcon' },
+    { label: 'Film', value: 'FilmIcon' },
+    { label: 'Finger Print', value: 'FingerPrintIcon' },
+    { label: 'Fire', value: 'FireIcon' },
+    { label: 'Flag', value: 'FlagIcon' },
+    { label: 'Folder Open', value: 'FolderOpenIcon' },
+    { label: 'Folder', value: 'FolderIcon' },
+    { label: 'Gift', value: 'GiftIcon' },
+    { label: 'Globe Alt', value: 'GlobeAltIcon' },
+    { label: 'Globe Europe Africa', value: 'GlobeEuropeAfricaIcon' },
+    { label: 'Hand Raised', value: 'HandRaisedIcon' },
+    { label: 'Heart', value: 'HeartIcon' },
+    { label: 'Home', value: 'HomeIcon' },
+    { label: 'Identification', value: 'IdentificationIcon' },
+    { label: 'Information Circle', value: 'InformationCircleIcon' },
+    { label: 'Key', value: 'KeyIcon' },
+    { label: 'Link', value: 'LinkIcon' },
+    { label: 'List Bullet', value: 'ListBulletIcon' },
+    { label: 'Lock Closed', value: 'LockClosedIcon' },
+    { label: 'Lock Open', value: 'LockOpenIcon' },
+    { label: 'Magnifying Glass Circle', value: 'MagnifyingGlassCircleIcon' },
+    { label: 'Magnifying Glass', value: 'MagnifyingGlassIcon' },
+    { label: 'Map Pin', value: 'MapPinIcon' },
+    { label: 'Map', value: 'MapIcon' },
+    { label: 'Moon', value: 'MoonIcon' },
+    { label: 'Paper Airplane', value: 'PaperAirplaneIcon' },
+    { label: 'Paper Clip', value: 'PaperClipIcon' },
+    { label: 'Pause Circle', value: 'PauseCircleIcon' },
+    { label: 'Pencil Square', value: 'PencilSquareIcon' },
+    { label: 'Pencil', value: 'PencilIcon' },
+    { label: 'Phone Arrow Up Right', value: 'PhoneArrowUpRightIcon' },
+    { label: 'Phone X Mark', value: 'PhoneXMarkIcon' },
+    { label: 'Phone', value: 'PhoneIcon' },
+    { label: 'Photo', value: 'PhotoIcon' },
+    { label: 'Play Circle', value: 'PlayCircleIcon' },
+    { label: 'Play', value: 'PlayIcon' },
+    { label: 'Plus Circle', value: 'PlusCircleIcon' },
+    { label: 'Plus', value: 'PlusIcon' },
+    { label: 'Power', value: 'PowerIcon' },
+    { label: 'Question Mark Circle', value: 'QuestionMarkCircleIcon' },
+    { label: 'Rocket Launch', value: 'RocketLaunchIcon' },
+    { label: 'Rss', value: 'RssIcon' },
+    { label: 'Scale', value: 'ScaleIcon' },
+    { label: 'Server', value: 'ServerIcon' },
+    { label: 'Share', value: 'ShareIcon' },
+    { label: 'Shield Check', value: 'ShieldCheckIcon' },
+    { label: 'Shield Exclamation', value: 'ShieldExclamationIcon' },
+    { label: 'Shopping Bag', value: 'ShoppingBagIcon' },
+    { label: 'Shopping Cart', value: 'ShoppingCartIcon' },
+    { label: 'Star', value: 'StarIcon' },
+    { label: 'Stop Circle', value: 'StopCircleIcon' },
+    { label: 'Sun', value: 'SunIcon' },
+    { label: 'Tag', value: 'TagIcon' },
+    { label: 'Trash', value: 'TrashIcon' },
+    { label: 'Trophy', value: 'TrophyIcon' },
+    { label: 'User Circle', value: 'UserCircleIcon' },
+    { label: 'User Group', value: 'UserGroupIcon' },
+    { label: 'User', value: 'UserIcon' },
+    { label: 'Users', value: 'UsersIcon' },
+    { label: 'Video Camera', value: 'VideoCameraIcon' },
+    { label: 'Wifi', value: 'WifiIcon' },
+    { label: 'Window', value: 'WindowIcon' },
+    { label: 'Wrench Screwdriver', value: 'WrenchScrewdriverIcon' },
+    { label: 'Wrench', value: 'WrenchIcon' },
+    { label: 'X Circle', value: 'XCircleIcon' },
+    { label: 'X Mark', value: 'XMarkIcon' },
+];
+
+const fieldAction = () => ({
+    type: 'group',
+    label: 'Azione',
+    name: 'action',
+    fields: [
+        fieldCheckbox({ name: 'show', label: 'Mostra azione', defaultValue: false, admin: {
+                width: '50%', // TODO CAMBIARE LAYOUT ADMIN
+            } }),
+        fieldRoles.fieldText({
+            name: 'label',
+            type: 'text',
+            label: 'Testo da visualizzare',
+            defaultValue: 'Action',
+            admin: {
+                width: '50%',
+            }
+        }),
+        fieldRoles.fieldSelect({
+            name: 'actionType',
+            label: 'Tipo di azione',
+            defaultValue: 'internalLink',
+            admin: {
+                width: '33%',
+            },
+            options: [
+                {
+                    label: 'Interno',
+                    value: 'internalLink',
+                },
+                {
+                    label: 'Esterno',
+                    value: 'externalLink',
+                },
+                /*
+                {
+                  label: 'Azione',
+                  value: 'customAction',
+                },
+                */
+            ],
+        }),
+        {
+            name: 'internalLink',
+            type: 'relationship',
+            label: 'Seleziona una pagina interna',
+            admin: {
+                condition: (data, siblingData) => {
+                    return siblingData?.actionType === 'internalLink';
+                },
+            },
+            relationTo: ['pages', 'posts', 'destinations'],
+        },
+        {
+            name: 'externalLink',
+            type: 'text',
+            label: 'URL esterno',
+            admin: {
+                condition: (data, siblingData) => {
+                    return siblingData?.actionType === 'externalLink';
+                },
+            },
+        },
+        {
+            type: 'collapsible',
+            label: 'Stile',
+            fields: [
+                {
+                    type: 'row',
+                    fields: [
+                        {
+                            name: 'buttonStyle',
+                            type: 'select',
+                            label: 'Stile bottone',
+                            defaultValue: 'solid',
+                            admin: {
+                                width: '33%',
+                            },
+                            options: [
+                                { label: 'Solido', value: 'solid' },
+                                { label: 'Outline', value: 'outline' },
+                                { label: 'Ghost', value: 'ghost' },
+                                { label: 'Link', value: 'link' },
+                            ],
+                        },
+                        {
+                            name: 'buttonColor',
+                            type: 'select',
+                            label: 'Colore bottone',
+                            defaultValue: 'primary',
+                            admin: {
+                                width: '33%',
+                            },
+                            options: [
+                                { label: 'Primary', value: 'primary' },
+                                { label: 'Secondary', value: 'secondary' },
+                                { label: 'Accent', value: 'accent' },
+                                { label: 'Dark', value: 'dark' },
+                                { label: 'Light', value: 'light' },
+                            ],
+                        },
+                        {
+                            name: 'buttonSize',
+                            type: 'select',
+                            label: 'Dimensione bottone',
+                            defaultValue: 'default',
+                            admin: {
+                                width: '33%',
+                            },
+                            options: [
+                                { label: 'Small', value: 'small' },
+                                { label: 'Default', value: 'default' },
+                                { label: 'Medium', value: 'medium' },
+                                { label: 'Large', value: 'large' },
+                                { label: 'Extra Large', value: 'xl' },
+                            ],
+                        },
+                        {
+                            name: 'buttonRounded',
+                            type: 'select',
+                            label: 'Arrotondamento',
+                            defaultValue: 'default',
+                            admin: {
+                                width: '33%',
+                            },
+                            options: [
+                                { label: 'Nessuno', value: 'none' },
+                                { label: 'Piccolo', value: 'sm' },
+                                { label: 'Standard', value: 'default' },
+                                { label: 'Grande', value: 'lg' },
+                                { label: 'Completo', value: 'full' },
+                            ],
+                        },
+                        {
+                            name: 'alignment',
+                            type: 'select',
+                            label: 'Allineamento del Bottone',
+                            defaultValue: 'left',
+                            options: [
+                                {
+                                    label: 'Sinistra',
+                                    value: 'left',
+                                },
+                                {
+                                    label: 'Centro',
+                                    value: 'center',
+                                },
+                                {
+                                    label: 'Destra',
+                                    value: 'right',
+                                }
+                            ],
+                            admin: {
+                                width: '33%',
+                                condition: (data) => true, // Puoi modificare questa condizione se il campo deve essere mostrato solo in determinate circostanze
+                            }
+                        },
+                        fieldThemeColor({
+                            name: 'textColor',
+                            label: 'Colore del testo',
+                            admin: {
+                                width: '33%',
+                            }
+                        }),
+                        {
+                            name: 'additionalEffects',
+                            type: 'select',
+                            label: 'Effetti aggiuntivi',
+                            hasMany: true,
+                            admin: {
+                                width: '33%',
+                            },
+                            options: [
+                                { label: 'Ombra', value: 'shadow' },
+                                { label: 'Transizione', value: 'transition' },
+                                { label: 'Animazione scala', value: 'scale' },
+                            ],
+                        }
+                    ],
+                },
+                {
+                    type: 'row',
+                    fields: [
+                        {
+                            name: 'useIcon',
+                            type: 'checkbox',
+                            label: 'Usa icona',
+                            defaultValue: false,
+                            admin: {
+                                width: '33%',
+                            },
+                        },
+                        {
+                            name: 'iconPosition',
+                            type: 'select',
+                            label: 'Posizione icona',
+                            defaultValue: 'left',
+                            admin: {
+                                width: '33%',
+                                condition: (_, siblingData) => siblingData?.useIcon === true,
+                            },
+                            options: [
+                                { label: 'Sinistra', value: 'left' },
+                                { label: 'Destra', value: 'right' },
+                                { label: 'Solo icona', value: 'only' },
+                            ],
+                        },
+                        {
+                            name: 'iconName',
+                            type: 'select',
+                            label: 'Icona',
+                            options: [
+                                ...iconsList
+                            ],
+                            admin: {
+                                width: '33%',
+                                condition: (_, siblingData) => siblingData?.useIcon === true,
+                            },
+                            // Qui potresti usare un select con le icone disponibili se hai una libreria predefinita
+                        },
+                    ]
+                }
+            ]
+        }
+    ]
+});
+
+const fieldConfigProps = (customFields = []) => {
+    return {
+        name: 'config',
+        label: 'Configurazione',
+        type: 'group',
+        fields: [
+            ...customFields,
+        ],
+    };
+};
+
+const fieldContentProps = (customFields = []) => {
+    return {
+        name: 'cntP',
+        label: 'Contenuto',
+        type: 'group',
+        fields: [
+            ...customFields,
+        ],
+    };
+};
+
+/**
+ * Genera un campo per la selezione delle altezze
+ * @returns Field - Campo di tipo `select` per PayloadCMS
+ */
+const fieldViewportHeights = () => {
+    return fieldRoles.fieldSelect({
+        name: 'h',
+        label: 'Altezza',
+        type: 'select',
+        options: [{ value: '', label: '(Nessuno)' }, ...fieldRoles.TailwindViewportHeights.map(h => ({ value: `h-${h}`, label: h }))],
+        admin: {
+            description: 'Definisce l’altezza dell’elemento.',
+            width: '50%'
+        },
+    });
+};
+
+const fieldSectionProps = (customFields = []) => {
+    return {
+        name: 'sctP',
+        label: 'Proprietà sezione',
+        type: 'group',
+        fields: [
+            ...customFields,
+            fieldRichText({ name: 'body', label: 'Contenuto', required: false }),
+            {
+                type: 'tabs',
+                tabs: [
+                    {
+                        label: 'Stile',
+                        fields: [
+                            fieldRoles.fieldUpload('media', { name: 'bgi', label: 'Immagine di sfondo' }),
+                            fieldThemeColor({ name: 'bgc', label: 'Colore di sfondo', required: false }),
+                        ]
+                    }
+                ]
+            },
+            {
+                type: 'tabs',
+                tabs: [
+                    {
+                        label: 'Dimensioni',
+                        fields: [
+                            fieldViewportHeights(),
+                            {
+                                type: 'tabs',
+                                tabs: [{
+                                        label: 'Margini',
+                                        fields: [
+                                            fieldMargins()
+                                        ]
+                                    },
+                                    {
+                                        label: 'Paddings',
+                                        fields: [
+                                            fieldPaddings()
+                                        ]
+                                    }
+                                ]
+                            }
+                        ]
+                    }
+                ]
+            },
+        ],
+    };
+};
+
+const fieldSectionTabs = (options = {}) => {
+    const { config = true, section = true, container = true, content = true, configFields = [], sectionFields = [], containerFields = [], contentFields = [] } = options;
+    const tabs = [];
+    if (config) {
+        tabs.push({
+            label: 'Configurazione',
+            fields: [
+                fieldConfigProps(configFields)
+            ],
+        });
+    }
+    // Tab per la sezione
+    if (section) {
+        tabs.push({
+            label: 'Sezione',
+            fields: [
+                fieldSectionProps(sectionFields)
+            ],
+        });
+    }
+    // Tab per il container
+    if (container) {
+        tabs.push({
+            label: 'Container',
+            fields: [
+                fieldContainerProps(containerFields)
+            ],
+        });
+    }
+    // Tab per il contenuto
+    if (content) {
+        tabs.push({
+            label: 'Contenuto',
+            fields: [
+                fieldContentProps(contentFields)
+            ],
+        });
+    }
+    return {
+        type: 'tabs',
+        tabs: tabs,
+    };
+};
+
+/**
+ * Genera un campo per la selezione delle larghezze del container
+ * @returns Field - Campo di tipo `select` per PayloadCMS
+ */
+const fieldContainerWidths = () => {
+    return fieldRoles.fieldSelect({
+        name: 'container',
+        label: 'Larghezza del container',
+        options: [{ value: '', label: '(Nessuno)' }, ...fieldRoles.TailwindContainerWidths],
+        admin: {
+            description: 'Seleziona una larghezza massima per il container. Usa "None" per una larghezza a schermo intero.',
+        },
+    });
+};
+
+const fieldFontSizes = () => {
+    return fieldRoles.fieldSelect({
+        name: 'fs',
+        label: 'Dimensione del testo',
+        options: fieldRoles.TailwindTextSizes,
+        defaultValue: 'text-base',
+        admin: {
+            description: 'Seleziona una dimensione per il testo (es. Small, Base, Large, ecc.).',
+        },
+    });
+};
+
+/**
+ * Genera un campo per la selezione delle altezze
+ * @returns Field - Campo di tipo `select` per PayloadCMS
+ */
+const fieldHeights = () => {
+    return fieldRoles.fieldSelect({
+        name: 'h',
+        label: 'Altezza',
+        type: 'select',
+        defaultValue: 'h-full',
+        options: [{ value: '', label: '(Nessuno)' }, ...fieldRoles.TailwindHeights.map(h => ({ value: `h-${h}`, label: h }))],
+        admin: {
+            description: 'Definisce l’altezza dell’elemento.',
+        },
+    });
+};
+
+const concatMarginFields = (args) => {
+    const { value, siblingData, operation, } = args;
+    if (operation === 'create' || operation === 'update') {
+        const margins = siblingData || {};
+        const { all, x, y, t, r, b, l } = margins;
+        const classes = [];
+        if (all)
+            classes.push(`m-${all}`);
+        if (x)
+            classes.push(`mx-${x}`);
+        if (y)
+            classes.push(`my-${y}`);
+        if (t)
+            classes.push(`mt-${t}`);
+        if (r)
+            classes.push(`mr-${r}`);
+        if (b)
+            classes.push(`mb-${b}`);
+        if (l)
+            classes.push(`ml-${l}`);
+        return classes.join(' ');
+    }
+    return value;
+};
+/**
+ * Genera un campo per la selezione dinamica dei margini
+ * @returns Field - Campo di tipo `group` per PayloadCMS
+ */
+const fieldMargins = () => {
+    return {
+        name: 'm',
+        label: 'Margini',
+        type: 'group',
+        fields: [
+            {
+                name: 'className',
+                label: 'Classi CSS Margini',
+                type: 'text',
+                hooks: {
+                    beforeChange: [concatMarginFields],
+                },
+                admin: {
+                    readOnly: true,
+                    description: 'Questa stringa verrà generata automaticamente in base ai campi sottostanti.',
+                },
+            },
+            {
+                type: 'row',
+                fields: [
+                    fieldNumber({
+                        name: 'all',
+                        label: 'Tutti i lati',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'x',
+                        label: 'Orizzontale',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'y',
+                        label: 'Verticale',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 't',
+                        label: 'Top',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'r',
+                        label: 'Right',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'b',
+                        label: 'Bottom',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'l',
+                        label: 'Left',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                ]
+            }
+        ],
+        admin: {
+            description: 'Definisce lo spazio esterno generale, orizzontale, verticale o per ciascun lato.',
+        },
+    };
+};
+
+/**
+ * Hook per concatenare le classi CSS di padding
+ */
+const concatPaddingFields = (args) => {
+    const { value, siblingData, operation, } = args;
+    if (operation === 'create' || operation === 'update') {
+        const paddings = siblingData || {};
+        const { all, x, y, t, r, b, l } = paddings;
+        const classes = [];
+        if (all)
+            classes.push(`p-${all}`);
+        if (x)
+            classes.push(`px-${x}`);
+        if (y)
+            classes.push(`py-${y}`);
+        if (t)
+            classes.push(`pt-${t}`);
+        if (r)
+            classes.push(`pr-${r}`);
+        if (b)
+            classes.push(`pb-${b}`);
+        if (l)
+            classes.push(`pl-${l}`);
+        return classes.join(' ');
+    }
+    return value;
+};
+/**
+ * Genera un campo per la selezione dinamica dei padding
+ * @returns Field - Campo di tipo `group` per PayloadCMS
+ */
+const fieldPaddings = () => {
+    return {
+        name: 'p',
+        label: 'Padding',
+        type: 'group',
+        fields: [
+            {
+                name: 'className',
+                label: 'Classi CSS Padding',
+                type: 'text',
+                hooks: {
+                    beforeChange: [concatPaddingFields],
+                },
+                admin: {
+                    readOnly: true,
+                    description: 'Questa stringa verrà generata automaticamente in base ai campi sottostanti.',
+                },
+            },
+            {
+                type: 'row',
+                fields: [
+                    fieldNumber({
+                        name: 'all',
+                        label: 'Tutti i lati',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'x',
+                        label: 'Orizzontale',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'y',
+                        label: 'Verticale',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 't',
+                        label: 'Top',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'r',
+                        label: 'Right',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'b',
+                        label: 'Bottom',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'l',
+                        label: 'Left',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                ]
+            }
+        ],
+        admin: {
+            description: 'Definisce lo spazio interno generale, orizzontale, verticale o per ciascun lato.',
+        },
+    };
+};
+
+const fieldMenuItems = (override) => ({
+    name: 'menuItems',
+    label: 'Menu items',
+    type: 'array',
+    fields: [
+        {
+            name: 'test',
+            type: 'text'
+        },
+        fieldCheckbox({
+            name: 'is-external',
+            label: 'open in new tab',
+        }),
+        fieldRoles.fieldText({ name: 'label', label: 'label' }),
+        {
+            name: 'relationship',
+            type: 'relationship',
+            relationTo: ['destinations'],
+        },
+        //WFieldRelationship(['pages', 'destinations']),
+        fieldRoles.fieldArray({
+            name: 'sub-menu',
+            label: 'Sub menu',
+            admin: {
+                description: 'Aggiungere voci figlio a una voce di menù ne disabilita il click di navigazione per permettere l\'apertura del dropdown'
+            },
+            fields: [
+                fieldCheckbox({
+                    name: 'is-external',
+                    label: 'open in new tab',
+                }),
+                fieldRoles.fieldText({ name: 'label', label: 'label' }),
+                {
+                    name: 'relationship',
+                    type: 'relationship',
+                    relationTo: ['pages', 'posts', 'destinations'],
+                },
+            ]
+        })
+    ],
+});
+
+// Esportazioni dalle cartelle principali
+
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    fieldAction: fieldAction,
+    fieldArray: fieldRoles.fieldArray,
+    fieldBlocks: fieldBlocks,
+    fieldCheckbox: fieldCheckbox,
+    fieldCode: fieldCode,
+    fieldColor: fieldThemeColor,
+    fieldConfigProps: fieldConfigProps,
+    fieldContainerProps: fieldContainerProps,
+    fieldContainerWidths: fieldContainerWidths,
+    fieldContentProps: fieldContentProps,
+    fieldDate: fieldDate,
+    fieldEmail: fieldEmail,
+    fieldFontSizes: fieldFontSizes,
+    fieldHeights: fieldHeights,
+    fieldJoin: fieldJoin,
+    fieldMargins: fieldMargins,
+    fieldMenuItems: fieldMenuItems,
+    fieldNumber: fieldNumber,
+    fieldPaddings: fieldPaddings,
+    fieldPoint: fieldPoint,
+    fieldRadioGroup: fieldRadioGroup,
+    fieldRelationship: fieldRelationship,
+    fieldRichText: fieldRichText,
+    fieldRoles: fieldRoles.fieldRoles,
+    fieldSectionProps: fieldSectionProps,
+    fieldSectionTabs: fieldSectionTabs,
+    fieldSelect: fieldRoles.fieldSelect,
+    fieldText: fieldRoles.fieldText,
+    fieldTextArea: fieldTextArea,
+    fieldUpload: fieldRoles.fieldUpload,
+    fieldViewportHeights: fieldViewportHeights
+});
+
+exports.fieldAction = fieldAction;
+exports.fieldBlocks = fieldBlocks;
+exports.fieldCheckbox = fieldCheckbox;
+exports.fieldCode = fieldCode;
+exports.fieldConfigProps = fieldConfigProps;
+exports.fieldContainerProps = fieldContainerProps;
+exports.fieldContainerWidths = fieldContainerWidths;
+exports.fieldContentProps = fieldContentProps;
+exports.fieldDate = fieldDate;
+exports.fieldEmail = fieldEmail;
+exports.fieldFontSizes = fieldFontSizes;
+exports.fieldHeights = fieldHeights;
+exports.fieldJoin = fieldJoin;
+exports.fieldMargins = fieldMargins;
+exports.fieldMenuItems = fieldMenuItems;
+exports.fieldNumber = fieldNumber;
+exports.fieldPaddings = fieldPaddings;
+exports.fieldPoint = fieldPoint;
+exports.fieldRadioGroup = fieldRadioGroup;
+exports.fieldRelationship = fieldRelationship;
+exports.fieldRichText = fieldRichText;
+exports.fieldSectionProps = fieldSectionProps;
+exports.fieldSectionTabs = fieldSectionTabs;
+exports.fieldTextArea = fieldTextArea;
+exports.fieldThemeColor = fieldThemeColor;
+exports.fieldViewportHeights = fieldViewportHeights;
+exports.index = index;
+//# sourceMappingURL=index-BsQFx-nI.js.map