@woodylab/payload 0.0.8 → 0.0.9

package/dist/fields/index.d.ts

@@ -15,11 +15,18 @@ export { default as fieldRelationship } from './fieldRelationship';
 export { default as fieldRichText } from './fieldRichText';
 export { default as fieldSelect } from './fieldSelect';
 export { default as fieldContainerProps } from './layout/fieldContainerProps';
+export { default as fieldAction } from './section/fieldAction';
 export { default as fieldConfigProps } from './section/fieldConfigProps';
 export { default as fieldContentProps } from './section/fieldContentProps';
 export { default as fieldSectionProps } from './section/fieldSectionProps';
 export { default as fieldSectionTabs } from './section/fieldSectionTabs';
+export { default as fieldColor } from './style/fieldColor';
 export { default as fieldContainerWidths } from './style/fieldContainerWidths';
+export { default as fieldFontSizes } from './style/fieldFontSizes';
 export { default as fieldHeights } from './style/fieldHeights';
 export { default as fieldMargins } from './style/fieldMargins';
 export { default as fieldPaddings } from './style/fieldPaddings';
+export { default as fieldViewportHeights } from './style/fieldViewportHeights';
+export { FieldOverride as fieldOverride } from './types/fieldOverride';
+export { default as fieldMenuItems } from './utils/fieldMenuItems';
+export { default as fieldRoles } from './utils/fieldRoles';

package/dist/fields/index.esm.js

@@ -241,6 +241,365 @@ const fieldContainerProps = (customFields = []) => {
     };
 };
 
+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
+            } }),
+        fieldText({
+            name: 'label',
+            type: 'text',
+            label: 'Testo da visualizzare',
+            defaultValue: 'Action',
+            admin: {
+                width: '50%',
+            }
+        }),
+        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',
@@ -923,27 +1282,6 @@ const fieldViewportHeights = () => {
     });
 };
 
-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 fieldSectionProps = (customFields = []) => {
     return {
         name: 'sctP',
@@ -1054,6 +1392,18 @@ const fieldContainerWidths = () => {
     });
 };
 
+const fieldFontSizes = () => {
+    return fieldSelect({
+        name: 'fs',
+        label: 'Dimensione del testo',
+        options: 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
@@ -1330,36 +1680,116 @@ const fieldPaddings = () => {
     };
 };
 
+const fieldMenuItems = (override) => ({
+    name: 'menuItems',
+    label: 'Menu items',
+    type: 'array',
+    fields: [
+        {
+            name: 'test',
+            type: 'text'
+        },
+        fieldCheckbox({
+            name: 'is-external',
+            label: 'open in new tab',
+        }),
+        fieldText({ name: 'label', label: 'label' }),
+        {
+            name: 'relationship',
+            type: 'relationship',
+            relationTo: ['destinations'],
+        },
+        //WFieldRelationship(['pages', 'destinations']),
+        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',
+                }),
+                fieldText({ name: 'label', label: 'label' }),
+                {
+                    name: 'relationship',
+                    type: 'relationship',
+                    relationTo: ['pages', 'posts', 'destinations'],
+                },
+            ]
+        })
+    ],
+});
+
+var UserRole;
+(function (UserRole) {
+    UserRole["ADMIN"] = "admin";
+    UserRole["DESIGNER"] = "designer";
+    UserRole["COPY"] = "copy";
+    UserRole["WEBADMIN"] = "webadmin";
+})(UserRole || (UserRole = {}));
+const fieldRoles = (override) => ({
+    name: override?.name || 'roles',
+    label: override?.label || 'Ruoli',
+    type: 'select',
+    required: override?.required ?? true,
+    hasMany: override?.hasMany ?? true,
+    options: [
+        ...Object.values(UserRole).map((role) => ({
+            label: role.charAt(0).toUpperCase() + role.slice(1).toLowerCase(),
+            value: role,
+        })),
+        ...(override?.options || []),
+    ],
+    access: {
+        create: () => true,
+        update: () => true,
+        read: () => true,
+        ...override?.access,
+    },
+    admin: {
+        description: 'Seleziona uno o più ruoli utente.',
+        ...override?.admin,
+    },
+});
+
 // Esportazioni dalle cartelle principali
 
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    fieldAction: fieldAction,
     fieldArray: 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,
     fieldSectionProps: fieldSectionProps,
     fieldSectionTabs: fieldSectionTabs,
     fieldSelect: fieldSelect,
     fieldText: fieldText,
     fieldTextArea: fieldTextArea,
-    fieldUpload: fieldUpload
+    fieldUpload: fieldUpload,
+    fieldViewportHeights: fieldViewportHeights
 });
 
-export { index$1 as a, fieldArray, fieldBlocks, fieldCheckbox, fieldCode, fieldConfigProps, fieldContainerProps, fieldContainerWidths, fieldContentProps, fieldDate, fieldEmail, fieldHeights, fieldJoin, fieldMargins, fieldNumber, fieldPaddings, fieldPoint, fieldRadioGroup, fieldRelationship, fieldRichText, fieldSectionProps, fieldSectionTabs, fieldSelect, fieldText, fieldTextArea, fieldUpload, index as i };
+export { index$1 as a, fieldAction, fieldArray, fieldBlocks, fieldCheckbox, fieldCode, fieldThemeColor as fieldColor, fieldConfigProps, fieldContainerProps, fieldContainerWidths, fieldContentProps, fieldDate, fieldEmail, fieldFontSizes, fieldHeights, fieldJoin, fieldMargins, fieldMenuItems, fieldNumber, fieldPaddings, fieldPoint, fieldRadioGroup, fieldRelationship, fieldRichText, fieldRoles, fieldSectionProps, fieldSectionTabs, fieldSelect, fieldText, fieldTextArea, fieldUpload, fieldViewportHeights, index as i };
 //# sourceMappingURL=index.esm.js.map