@woodylab/payload 0.0.130 → 0.0.132

package/dist/config/fields/tailwindSelectorVariants.js

@@ -8,62 +8,62 @@ export const tailwindSelectorVariants = [
     { label: 'xl', value: 'xl:' },
     { label: '2xl', value: '2xl:' },
     // Interaction states
-    { label: 'hover', value: 'hover:' },
-    { label: 'focus', value: 'focus:' },
-    { label: 'active', value: 'active:' },
-    { label: 'visited', value: 'visited:' },
-    { label: 'disabled', value: 'disabled:' },
-    { label: 'focus-within', value: 'focus-within:' },
-    { label: 'focus-visible', value: 'focus-visible:' },
-    { label: 'checked', value: 'checked:' },
+    //{ label: 'hover', value: 'hover:' },
+    //{ label: 'focus', value: 'focus:' },
+    //{ label: 'active', value: 'active:' },
+    //{ label: 'visited', value: 'visited:' },
+    //{ label: 'disabled', value: 'disabled:' },
+    //{ label: 'focus-within', value: 'focus-within:' },
+    //{ label: 'focus-visible', value: 'focus-visible:' },
+    //{ label: 'checked', value: 'checked:' },
     // Form states
-    { label: 'placeholder-shown', value: 'placeholder-shown:' },
-    { label: 'read-only', value: 'read-only:' },
-    { label: 'required', value: 'required:' },
-    { label: 'valid', value: 'valid:' },
-    { label: 'invalid', value: 'invalid:' },
+    //{ label: 'placeholder-shown', value: 'placeholder-shown:' },
+    //{ label: 'read-only', value: 'read-only:' },
+    //{ label: 'required', value: 'required:' },
+    //{ label: 'valid', value: 'valid:' },
+    //{ label: 'invalid', value: 'invalid:' },
     // Structural
-    { label: 'first', value: 'first:' },
-    { label: 'last', value: 'last:' },
-    { label: 'odd', value: 'odd:' },
-    { label: 'even', value: 'even:' },
-    { label: 'only', value: 'only:' },
-    { label: 'first-of-type', value: 'first-of-type:' },
-    { label: 'last-of-type', value: 'last-of-type:' },
+    //{ label: 'first', value: 'first:' },
+    //{ label: 'last', value: 'last:' },
+    //{ label: 'odd', value: 'odd:' },
+    //{ label: 'even', value: 'even:' },
+    //{ label: 'only', value: 'only:' },
+    //{ label: 'first-of-type', value: 'first-of-type:' },
+    //{ label: 'last-of-type', value: 'last-of-type:' },
     // Group
-    { label: 'group-hover', value: 'group-hover:' },
-    { label: 'group-focus', value: 'group-focus:' },
-    { label: 'group-active', value: 'group-active:' },
+    //{ label: 'group-hover', value: 'group-hover:' },
+    //{ label: 'group-focus', value: 'group-focus:' },
+    //{ label: 'group-active', value: 'group-active:' },
     // Peer
-    { label: 'peer-hover', value: 'peer-hover:' },
-    { label: 'peer-focus', value: 'peer-focus:' },
-    { label: 'peer-checked', value: 'peer-checked:' },
+    //{ label: 'peer-hover', value: 'peer-hover:' },
+    //{ label: 'peer-focus', value: 'peer-focus:' },
+    //{ label: 'peer-checked', value: 'peer-checked:' },
     // Environment / media
-    { label: 'dark', value: 'dark:' },
-    { label: 'motion-safe', value: 'motion-safe:' },
-    { label: 'motion-reduce', value: 'motion-reduce:' },
-    { label: 'contrast-more', value: 'contrast-more:' },
-    { label: 'contrast-less', value: 'contrast-less:' },
+    //{ label: 'dark', value: 'dark:' },
+    //{ label: 'motion-safe', value: 'motion-safe:' },
+    //{ label: 'motion-reduce', value: 'motion-reduce:' },
+    //{ label: 'contrast-more', value: 'contrast-more:' },
+    //{ label: 'contrast-less', value: 'contrast-less:' },
     // Direction / orientation
-    { label: 'rtl', value: 'rtl:' },
-    { label: 'ltr', value: 'ltr:' },
-    { label: 'portrait', value: 'portrait:' },
-    { label: 'landscape', value: 'landscape:' },
+    //{ label: 'rtl', value: 'rtl:' },
+    //{ label: 'ltr', value: 'ltr:' },
+    //{ label: 'portrait', value: 'portrait:' },
+    //{ label: 'landscape', value: 'landscape:' },
     // ARIA
-    { label: 'aria-checked', value: 'aria-checked:' },
-    { label: 'aria-selected', value: 'aria-selected:' },
-    { label: 'aria-expanded', value: 'aria-expanded:' },
+    //{ label: 'aria-checked', value: 'aria-checked:' },
+    //{ label: 'aria-selected', value: 'aria-selected:' },
+    //{ label: 'aria-expanded', value: 'aria-expanded:' },
     // Data attributes (generic)
     //{ label: 'data-[state]', value: 'data-[state]:' },
     //{ label: 'data-[active]', value: 'data-[active]:' },
     // Pseudo-elements
-    { label: 'before', value: 'before:' },
-    { label: 'after', value: 'after:' },
-    { label: 'placeholder', value: 'placeholder:' },
-    { label: 'selection', value: 'selection:' },
-    { label: 'marker', value: 'marker:' },
-    { label: 'file', value: 'file:' },
-    { label: 'backdrop', value: 'backdrop:' },
+    //{ label: 'before', value: 'before:' },
+    //{ label: 'after', value: 'after:' },
+    //{ label: 'placeholder', value: 'placeholder:' },
+    //{ label: 'selection', value: 'selection:' },
+    //{ label: 'marker', value: 'marker:' },
+    //{ label: 'file', value: 'file:' },
+    //{ label: 'backdrop', value: 'backdrop:' },
     // Feature queries
     //{ label: 'supports-[...]', value: 'supports-[...]:' },
 ];

package/dist/config/{configFooter.js → globals/configFooter.js}

@@ -1,5 +1,4 @@
-import { fieldArray, fieldColor, fieldRelationship, fieldText } from '../fields';
-import generatePreviewPath from '../generatePreviewPath';
+import generatePreviewPath from '../../generatePreviewPath';
 export const configFooter = {
     slug: 'footer',
     label: 'Footer',
@@ -19,20 +18,23 @@ export const configFooter = {
         },
     },
     fields: [
-        fieldColor({ name: 'bgc', label: 'Colore sfondo' }),
-        fieldColor({ name: 'tc', label: 'Colore testo' }),
-        fieldArray({
+        { name: 'bgc', label: 'Colore sfondo', type: 'text' },
+        { name: 'tc', label: 'Colore testo', type: 'text' },
+        {
+            type: 'array',
             name: 'footerCols',
             label: 'Colonne footer',
             maxRows: 2,
             fields: [
-                fieldText({ name: 'title', label: 'Titolo' }),
-                fieldRelationship('menus', {
+                { name: 'title', label: 'Titolo', type: 'text' },
+                {
+                    type: 'relationship',
+                    relationTo: ['menus'],
                     name: 'menu',
                     label: 'Menu visualizzato',
-                }),
+                },
             ],
-        }),
+        },
     ],
     versions: {
         drafts: {

package/dist/config/{configHeader.js → globals/configHeader.js}

@@ -1,5 +1,4 @@
-import { fieldCheckbox, fieldColor, fieldRelationship, fieldSectionTabs, fieldSelect, } from '../fields';
-import generatePreviewPath from '../generatePreviewPath';
+import generatePreviewPath from '../../generatePreviewPath';
 export const configHeader = {
     slug: 'header',
     label: 'Header',
@@ -19,10 +18,11 @@ export const configHeader = {
         },
     },
     fields: [
-        fieldCheckbox({ name: 'isSticky', label: 'Sticky on scroll' }),
-        fieldColor({ name: 'bcg', label: 'Colore sfondo' }),
-        fieldColor({ name: 'bcgSticky', label: 'Colore sfondo sticky' }),
-        fieldSelect({
+        { type: 'checkbox', name: 'isSticky', label: 'Sticky on scroll' },
+        { name: 'bcg', label: 'Colore sfondo', type: 'text' },
+        { name: 'bcgSticky', label: 'Colore sfondo sticky', type: 'text' },
+        {
+            type: 'select',
             name: 'variant',
             label: 'Variant',
             options: [
@@ -31,12 +31,13 @@ export const configHeader = {
                 { value: 'logoLeftMenuRight', label: 'Logo sinistra - menu destra' },
                 { value: 'logoCenterMenuSplitted', label: 'Logo centro - menu splitted' },
             ],
-        }),
-        fieldRelationship('menus', {
+        },
+        {
+            type: 'relationship',
+            relationTo: ['menus'],
             name: 'menu',
             label: 'Menu visualizzato',
-        }),
-        fieldSectionTabs(),
+        },
     ],
     versions: {
         drafts: {

package/dist/config/{configSettings.js → globals/configSettings.js}

@@ -1,5 +1,4 @@
-import { fieldArray, fieldCheckbox, fieldSelect, fieldText, fieldUpload } from '../fields';
-import googleFonts from '../googleFonts';
+import googleFonts from '../../googleFonts';
 export const configSettings = {
     slug: 'settings',
     label: 'Settings',
@@ -13,27 +12,30 @@ export const configSettings = {
                 {
                     label: 'Generali',
                     fields: [
-                        fieldCheckbox({
+                        {
+                            type: 'checkbox',
                             name: 'maintenanceMode',
                             label: 'Modalità manutenzione',
                             admin: {
                                 description: 'La modalità manutenzione rende NON VISITABILE il sito agli utenti anonimi. Gli utenti autenticati continueranno a vedere il sito e potranno applicare le modifiche necessarie',
                             },
-                        }),
+                        },
                     ],
                 },
                 {
                     label: 'Informazioni',
                     fields: [
-                        fieldText({ name: 'companyName', label: 'Nome compagnia', required: true }),
-                        fieldText({ name: 'siteEmail', label: 'Email sito' }),
-                        fieldText({ name: 'phoneNumber', label: 'Numero di telefono' }),
-                        fieldText({ name: 'whatsAppNumber', label: 'Numero whatsapp' }),
-                        fieldArray({
+                        { type: 'text', name: 'companyName', label: 'Nome compagnia', required: true },
+                        { type: 'text', name: 'siteEmail', label: 'Email sito' },
+                        { type: 'text', name: 'phoneNumber', label: 'Numero di telefono' },
+                        { type: 'text', name: 'whatsAppNumber', label: 'Numero whatsapp' },
+                        {
+                            type: 'array',
                             name: 'socials',
                             label: 'Social',
                             fields: [
-                                fieldSelect({
+                                {
+                                    type: 'select',
                                     name: 'social',
                                     label: 'Piattaforma',
                                     options: [
@@ -98,34 +100,54 @@ export const configSettings = {
                                             value: 'medium',
                                         },
                                     ],
-                                }),
-                                fieldText({ name: 'url', label: 'Link' }),
+                                },
+                                { type: 'text', name: 'url', label: 'Link' },
                             ],
-                        }),
+                        },
                     ],
                 },
                 {
                     label: 'Stile',
                     fields: [
-                        fieldUpload('media', { name: 'logo', label: 'Logo mobile', required: true }),
-                        fieldUpload('media', { name: 'logoDesktop', label: 'Logo Desktop' }),
-                        fieldUpload('media', { name: 'logoAlt', label: 'Logo alternativo' }),
-                        fieldSelect({
+                        {
+                            type: 'relationship',
+                            relationTo: ['media'],
+                            name: 'logo',
+                            label: 'Logo mobile',
+                            required: true,
+                        },
+                        {
+                            type: 'relationship',
+                            relationTo: ['media'],
+                            name: 'logoDesktop',
+                            label: 'Logo Desktop',
+                            required: true,
+                        },
+                        {
+                            type: 'relationship',
+                            relationTo: ['media'],
+                            name: 'logoAlt',
+                            label: 'Logo alternativo',
+                            required: true,
+                        },
+                        {
+                            type: 'select',
                             name: 'headingFont',
                             label: 'Heading Font',
                             options: Array.from(new Set(googleFonts)),
-                        }),
-                        fieldSelect({
+                        },
+                        {
+                            type: 'select',
                             name: 'textFont',
                             label: 'Text Font',
                             options: Array.from(new Set(googleFonts)),
-                        }),
-                        fieldText({ name: 'foregroundColor', label: 'Colore sfondo', required: false }),
-                        fieldText({ name: 'primaryColor', label: 'Colore primario', required: false }),
-                        fieldText({ name: 'secondaryColor', label: 'Colore secondario', required: false }),
-                        fieldText({ name: 'accentColor', label: 'Colore accento', required: false }),
-                        fieldText({ name: 'darkColor', label: 'Colore scuro', required: false }),
-                        fieldText({ name: 'lightColor', label: 'Colore chiaro', required: false }),
+                        },
+                        { type: 'text', name: 'foregroundColor', label: 'Colore sfondo', required: false },
+                        { type: 'text', name: 'primaryColor', label: 'Colore primario', required: false },
+                        { type: 'text', name: 'secondaryColor', label: 'Colore secondario', required: false },
+                        { type: 'text', name: 'accentColor', label: 'Colore accento', required: false },
+                        { type: 'text', name: 'darkColor', label: 'Colore scuro', required: false },
+                        { type: 'text', name: 'lightColor', label: 'Colore chiaro', required: false },
                     ],
                 },
             ],

package/dist/{hooks → config/hooks}/fields/populateSiblingClassName.js

@@ -1,7 +1,5 @@
 const populateSiblingClassName = async (args) => {
     const { value, operation } = args;
-    console.log('value => ', value);
-    console.log('operation => ', operation);
     // Controlla se esiste il campo "css" in "value"
     if (value?.css && (operation === 'create' || operation === 'update')) {
         const css = value.css;

package/dist/{hooks → config/hooks}/fields/populateSiblingClassNameAfterChange.js

@@ -1,6 +1,5 @@
 const populateSiblingClassNameAfterChange = async (args) => {
     const { value } = args;
-    console.log('Updated value on afterChange:', value);
     return value;
 };
 export default populateSiblingClassNameAfterChange;

package/dist/config/hooks/fields/resolveComponentFromRef.d.ts

@@ -0,0 +1,2 @@
+import { FieldHook } from 'payload';
+export declare const resolveComponentFromRef: (ref: string) => FieldHook;

package/dist/config/hooks/fields/resolveComponentFromRef.js

@@ -0,0 +1,30 @@
+export const resolveComponentFromRef = (ref) => async (args) => {
+    const { value, siblingData, operation, req } = args;
+    if (operation !== 'create' && operation !== 'update') {
+        return value;
+    }
+    const refField = siblingData[ref];
+    if (!refField)
+        return;
+    if (refField.value) {
+        try {
+            const result = await req.payload.find({
+                collection: 'component-definitions',
+                where: {
+                    id: {
+                        in: refField.value,
+                    },
+                },
+                pagination: false,
+                depth: 0,
+            });
+            if (!result.docs.length)
+                return '';
+            return result.docs[0].componentName;
+        }
+        catch (error) {
+            console.warn(`[viewMode afterChange] Impossibile risolvere viewModeRef ${'boh'}`, error);
+        }
+    }
+    return value;
+};

package/dist/config/hooks/fields/resolveStyleFromRef.d.ts

@@ -0,0 +1,2 @@
+import { FieldHook } from 'payload';
+export declare const resolveStyleFromRef: (ref: string) => FieldHook;

package/dist/config/hooks/fields/resolveStyleFromRef.js

@@ -0,0 +1,35 @@
+export const resolveStyleFromRef = (ref) => async (args) => {
+    const { value, siblingData, operation, req } = args;
+    if (operation !== 'create' && operation !== 'update') {
+        return value;
+    }
+    const styleField = siblingData[ref];
+    if (!styleField)
+        return value;
+    const stylesID = styleField.map((sf) => sf.value);
+    if (stylesID.length) {
+        try {
+            const result = await req.payload.find({
+                collection: 'styles',
+                where: {
+                    id: {
+                        in: stylesID,
+                    },
+                },
+                pagination: false,
+                depth: 0,
+            });
+            if (!result.docs.length)
+                return '';
+            return result.docs
+                .map((doc) => {
+                return doc.css.className;
+            })
+                .join(' ');
+        }
+        catch (error) {
+            console.warn(`[viewMode afterChange] Impossibile risolvere viewModeRef ${'boh'}`, error);
+        }
+    }
+    return value;
+};

package/dist/config/hooks/fields/resolveViewModeFromRef.d.ts

@@ -0,0 +1,2 @@
+import { FieldHook } from 'payload';
+export declare const resolveViewModeFromRef: (viewModeRef: string) => FieldHook;

package/dist/config/hooks/fields/resolveViewModeFromRef.js

@@ -0,0 +1,23 @@
+export const resolveViewModeFromRef = (viewModeRef) => async (args) => {
+    const { value, siblingData, operation, req } = args;
+    if (operation !== 'create' && operation !== 'update') {
+        return value;
+    }
+    const viewModeId = siblingData[viewModeRef]?.value;
+    if (viewModeId) {
+        try {
+            const viewModeDoc = await req.payload.findByID({
+                collection: 'view-modes',
+                id: viewModeId,
+                depth: 0,
+            });
+            if (viewModeDoc?.name) {
+                return viewModeDoc.name;
+            }
+        }
+        catch (error) {
+            console.warn(`[viewMode afterChange] Impossibile risolvere viewModeRef ${viewModeId}`, error);
+        }
+    }
+    return value;
+};