@woodylab/payload 0.0.131 → 0.0.132

package/dist/config/collections/collectionViewModes.js

@@ -0,0 +1,106 @@
+import { resolveStyleFromRef } from '../hooks/fields/resolveStyleFromRef';
+import { resolveComponentFromRef } from '../hooks/fields/resolveComponentFromRef';
+export const collectionViewModes = {
+    slug: 'view-modes',
+    labels: {
+        plural: 'View Modes',
+        singular: 'View Mode',
+    },
+    admin: {
+        useAsTitle: 'name',
+        description: "Un View Mode è una delle tante visualizzazioni possibili per una sorgente dati. Definendo un View Mode si definisce e regola l'interazione tra JSON dati, Stili UI e Comportamento lato client." +
+            'Un View Mode infatti lega un elenco di stili, un componente e un mapper default (definito per utilizzo del View Mode con blocchi inline).',
+    },
+    fields: [
+        {
+            type: 'row',
+            fields: [
+                {
+                    name: 'name',
+                    type: 'text',
+                    required: true,
+                    unique: true,
+                    admin: {
+                        width: '50%',
+                        description: 'Nome del View Mode. Usato internamente per organizzare e visualizzare i View Mode a sistema',
+                    },
+                },
+                {
+                    name: 'component',
+                    type: 'text',
+                    hooks: {
+                        beforeChange: [resolveComponentFromRef('componentRef')],
+                    },
+                    admin: {
+                        width: '25%',
+                        description: 'Componente React incaricato della visualizzazione del View Mode in definizione',
+                    },
+                },
+                {
+                    name: 'componentRef',
+                    type: 'relationship',
+                    relationTo: ['component-definitions'],
+                    virtual: true,
+                    admin: {
+                        width: '25%',
+                        description: 'Componente React incaricato della visualizzazione del View Mode in definizione',
+                    },
+                },
+            ],
+        },
+        {
+            name: 'blockPropsMapping',
+            type: 'json',
+            label: 'Mapping da blocco inline a viewMode',
+            admin: {
+                width: '100%',
+                description: 'Mapping default in caso di utilizzo del View Mode come blocco inline. Garantisce il binding tra campi payload e slot react. Usare sintassi con stesse value dei campi payload ad esempio { "titleProps" : { "text": "titleProps.text"}}',
+            },
+        },
+        {
+            name: 'styles',
+            type: 'array',
+            admin: {
+                description: 'Associazione degli stili presenti a sistema con gli slot del componente react selezionato. Includere default slot "root" per applicare gli stili alla radice del componente',
+            },
+            fields: [
+                {
+                    type: 'row',
+                    fields: [
+                        {
+                            name: 'slot',
+                            type: 'text',
+                            required: true,
+                            admin: {
+                                width: '25%',
+                                description: 'Deve essere una delle proprietà definite a livello di propsSchema del nostro componente. Fa direttamente riferimento alla proprietà in input del componente react. Usa "root" per riferire all\'elemento radice del componente',
+                            },
+                        },
+                        {
+                            name: 'style',
+                            type: 'text',
+                            hooks: {
+                                beforeChange: [resolveStyleFromRef('styleRef')],
+                            },
+                            admin: {
+                                width: '30%',
+                                description: 'Recupera in automatico lo stile dagli stili selezionati nella select successiva e li usa inline',
+                            },
+                        },
+                        {
+                            name: 'styleRef',
+                            type: 'relationship',
+                            relationTo: ['styles'],
+                            hasMany: true,
+                            virtual: true,
+                            admin: {
+                                width: '40%',
+                                description: "Aggiungi uno o più stili per definire l'aspetto di questo slot",
+                            },
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};

package/dist/config/{fieldCss.js → fields/fieldCss.js}

@@ -1,5 +1,5 @@
-// #TODO cambiare gestione recupero valore campi se pureSelectors o meno D: MALEDIZIONE!!!
-//#TODO aggiungere elenco campi e relativi valori per permettere recupero e binding dopo recupero valori form.
+//#TODO Il campo fieldCss e elementi annessi dovrebbero essere di dominio della parte react.
+//#TODO Eventualmente capire come creare una UI molto generica per l'associazione degli stili
 export const concatCssFields = (args) => {
     const { siblingData, operation } = args;
     if (operation !== 'create' && operation !== 'update') {
@@ -29,7 +29,7 @@ export const fieldCss = (enableTabs = false) => {
                 label: 'className',
                 required: false,
                 hooks: {
-                    beforeValidate: [concatCssFields],
+                //beforeValidate: [concatCssFields],
                 },
             },
             /*
@@ -87,8 +87,6 @@ export const fieldCss = (enableTabs = false) => {
                                       tailwindField('paddingEnd', bp.value),
                                       tailwindField('paddingBottom', bp.value),
                                       tailwindField('paddingStart', bp.value),
-                                      // # TODO OK funzionalità in aggiunta dei tab
-                                      // GESTIRE LAYOUT DECENTE UNA VOLTA PER TUTTI I BP
                                     ],
                                   },
                                 ],
@@ -187,7 +185,6 @@ export const fieldCss = (enableTabs = false) => {
                                 fields: [
                                   tailwindField('position', bp.value),
                                   // inset / offsets
-                                  // #TODO Aggiungere ipotetico campo tailwindNumeric per selezione valore numerico tipo gli offset delle position
                                   //tailwindField('top', bp.value),
                                   //tailwindField('right', bp.value),
                                   //tailwindField('bottom', bp.value),
@@ -304,7 +301,6 @@ export const fieldCss = (enableTabs = false) => {
                                 fields: [
                                   // background image & gradients
                                   tailwindField('backgroundImage', bp.value),
-                                  // #TODO gestire possibilità di caricare una immagine (capire quindi gestione url dell'immagine da referenziare)
                                   //tailwindField('backgroundGradientFrom', bp.value),
                                   //tailwindField('backgroundGradientVia', bp.value),
                                   //tailwindField('backgroundGradientTo', bp.value),
@@ -340,7 +336,6 @@ export const fieldCss = (enableTabs = false) => {
                                 fields: [
                                   // border width
                                   tailwindField('borderWidth', bp.value),
-                                  // #TODO ADD
                                   //tailwindField('borderWidthX', bp.value),
                                   //tailwindField('borderWidthY', bp.value),
                                   //tailwindField('borderWidthTop', bp.value),
@@ -351,7 +346,6 @@ export const fieldCss = (enableTabs = false) => {
                                   // border style & radius
                                   tailwindField('borderStyle', bp.value),
                                   tailwindField('borderRadius', bp.value),
-                                  // #TODO ADD
                                   //tailwindField('borderRadiusTop', bp.value),
                                   //tailwindField('borderRadiusRight', bp.value),
                                   //tailwindField('borderRadiusBottom', bp.value),
@@ -454,7 +448,6 @@ export const fieldCss = (enableTabs = false) => {
                                 type: 'row',
                                 fields: [
                                   tailwindField('scale', bp.value),
-                                  // #TODO ADD
                                   //tailwindField('scaleX', bp.value),
                                   //tailwindField('scaleY', bp.value),
       

package/dist/config/fields/fieldRoles.d.ts

@@ -0,0 +1,2 @@
+import { Field } from 'payload';
+export declare const fieldRoles: Field;

package/dist/{fields/utils → config/fields}/fieldRoles.js

@@ -1,26 +1,22 @@
-import userRoles from '../../enums/userRoles';
-const fieldRoles = (override) => ({
-    name: override?.name || 'roles',
-    label: override?.label || 'Ruoli',
+import { userRoles } from '../enums';
+export const fieldRoles = {
+    name: 'roles',
+    label: 'Ruoli',
     type: 'select',
-    required: override?.required ?? true,
-    hasMany: override?.hasMany ?? true,
+    required: true,
+    hasMany: true,
     options: [
         ...Object.values(userRoles).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,
     },
-});
-export default fieldRoles;
+};

package/dist/config/fields/tailwindFieldSelectors.d.ts

@@ -19,7 +19,7 @@ export declare const tailwindFieldsSelectors: {
     backgroundAttachment: string[];
     backgroundClip: string[];
     backgroundColor: string[];
-    backgroundImage: string[];
+    backgroundGradient: string[];
     backgroundOrigin: string[];
     backgroundPosition: string[];
     backgroundRepeat: string[];
@@ -178,4 +178,5 @@ export declare const tailwindFieldsSelectors: {
     wordBreak: string[];
     writingMode: string[];
     zIndex: string[];
+    woodyColorPalette: string[];
 };