@woodylab/payload 0.0.27 → 0.0.33

package/dist/acl/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var acl_index = require('../index-BYL-buJk.js');
+var acl_index = require('../index-Bj0auLnA.js');
 
 
 

package/dist/acl/index.esm.js

@@ -1,2 +1,2 @@
-export { h as hasRoles } from '../index-CKYq103o.js';
+export { h as hasRoles } from '../index-Ces144rr.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/config/blocks/blockHtmlElement.d.ts

@@ -0,0 +1,3 @@
+import { Block } from 'payload';
+declare const blockHtmlElement: () => Block;
+export default blockHtmlElement;

package/dist/config/index.cjs.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var config_index = require('../index-CYXSSBrZ.js');
-require('../fieldSectionTabs-CmJ7R1Tc.js');
+var config_index = require('../index-Cd-050gG.js');
+require('../fieldSectionTabs-C4Au6tWK.js');
 require('../index-DgYntBlB.js');
+require('../getNumberValueFromClassNameString-D4OqkHPA.js');
 require('../userRoles-Da1JaIoF.js');
 
 
@@ -11,6 +12,7 @@ exports.blockCarousel = config_index.blockCarousel;
 exports.blockDisclosureList = config_index.blockDisclosureList;
 exports.blockGrid = config_index.blockGrid;
 exports.blockGridContent = config_index.blockGridContent;
+exports.blockHtmlElement = config_index.blockHtmlElement;
 exports.blockImage = config_index.blockImage;
 exports.blockParallax = config_index.blockParallax;
 exports.blockTabs = config_index.blockTabs;

package/dist/config/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/config/index.d.ts

@@ -9,3 +9,4 @@ export { default as blockGridContent } from './blocks/blockGridContent';
 export { default as blockImage } from './blocks/blockImage';
 export { default as blockParallax } from './blocks/blockParallax';
 export { default as blockTabs } from './blocks/blockTabs';
+export { default as blockHtmlElement } from './blocks/blockHtmlElement';

package/dist/config/index.esm.js

@@ -1,5 +1,6 @@
-export { e as blockCarousel, f as blockDisclosureList, h as blockGrid, j as blockGridContent, k as blockImage, l as blockParallax, m as blockTabs, d as collectionMenus, b as configFooter, a as configHeader, c as configSettings } from '../index-CX5bYXzY.js';
-import '../fieldSectionTabs-s69lAc-N.js';
+export { e as blockCarousel, f as blockDisclosureList, h as blockGrid, j as blockGridContent, n as blockHtmlElement, k as blockImage, l as blockParallax, m as blockTabs, d as collectionMenus, b as configFooter, a as configHeader, c as configSettings } from '../index-WUglk3M7.js';
+import '../fieldSectionTabs-C2uoqzm_.js';
 import '../index-5EL7OntE.js';
+import '../getNumberValueFromClassNameString-DyZ9P1fd.js';
 import '../userRoles-Dq3yqKLM.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/config/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/{fieldSectionTabs-s69lAc-N.js → fieldSectionTabs-C2uoqzm_.js}

@@ -1,4 +1,5 @@
 import { a as TailwindContainerWidths, b as TailwindHeights, c as TailwindViewportHeights } from './index-5EL7OntE.js';
+import { g as getNumberValueFromClassNameString } from './getNumberValueFromClassNameString-DyZ9P1fd.js';
 
 const fieldText = (override) => ({
     name: 'text',
@@ -131,262 +132,274 @@ const fieldHeights = () => {
     });
 };
 
-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',
+        type: 'collapsible',
+        admin: {
+            initCollapsed: true,
+        },
         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',
+                        name: 'm-',
                         label: 'Tutti i lati',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
-                            width: '33%',
+                            width: '25%',
+                        },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
                         },
                     }),
                     fieldNumber({
-                        name: 'x',
+                        name: 'mx-',
                         label: 'Orizzontale',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
-                            width: '33%',
+                            width: '25%',
+                        },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
                         },
                     }),
                     fieldNumber({
-                        name: 'y',
+                        name: 'my-',
                         label: 'Verticale',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
-                            width: '33%',
+                            width: '25%',
+                        },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
                         },
                     }),
                     fieldNumber({
-                        name: 't',
+                        name: 'mt-',
                         label: 'Top',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
                             width: '25%',
                         },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
+                        },
                     }),
                     fieldNumber({
-                        name: 'r',
+                        name: 'mr-',
                         label: 'Right',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
                             width: '25%',
                         },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
+                        },
                     }),
                     fieldNumber({
-                        name: 'b',
+                        name: 'mb-',
                         label: 'Bottom',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
                             width: '25%',
                         },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
+                        },
                     }),
                     fieldNumber({
-                        name: 'l',
+                        name: 'ml-',
                         label: 'Left',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
                             width: '25%',
                         },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
+                        },
                     }),
                 ],
             },
         ],
-        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
+ * Genera un campo per la selezione dinamica dei margini
  * @returns Field - Campo di tipo `group` per PayloadCMS
  */
 const fieldPaddings = () => {
     return {
-        name: 'p',
-        label: 'Padding',
-        type: 'group',
+        label: 'Paddings',
+        type: 'collapsible',
+        admin: {
+            initCollapsed: true,
+        },
         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',
+                        name: 'p-',
                         label: 'Tutti i lati',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
-                            width: '33%',
+                            width: '25%',
+                        },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
                         },
                     }),
                     fieldNumber({
-                        name: 'x',
+                        name: 'px-',
                         label: 'Orizzontale',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
-                            width: '33%',
+                            width: '25%',
+                        },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
                         },
                     }),
                     fieldNumber({
-                        name: 'y',
+                        name: 'py-',
                         label: 'Verticale',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
-                            width: '33%',
+                            width: '25%',
+                        },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
                         },
                     }),
                     fieldNumber({
-                        name: 't',
+                        name: 'pt-',
                         label: 'Top',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
                             width: '25%',
                         },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
+                        },
                     }),
                     fieldNumber({
-                        name: 'r',
+                        name: 'pr-',
                         label: 'Right',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
                             width: '25%',
                         },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
+                        },
                     }),
                     fieldNumber({
-                        name: 'b',
+                        name: 'pb-',
                         label: 'Bottom',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
                             width: '25%',
                         },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
+                        },
                     }),
                     fieldNumber({
-                        name: 'l',
+                        name: 'pl-',
                         label: 'Left',
-                        type: 'number',
+                        virtual: true,
                         min: 0,
                         max: 96,
                         admin: {
                             width: '25%',
                         },
+                        hooks: {
+                            afterRead: [getNumberValueFromClassNameString],
+                        },
                     }),
                 ],
             },
         ],
-        admin: {
-            description: 'Definisce lo spazio interno generale, orizzontale, verticale o per ciascun lato.',
+    };
+};
+
+const concatCssFields = (args) => {
+    const { value, siblingData, operation } = args;
+    if (operation === 'create' || operation === 'update') {
+        const classes = [];
+        if (siblingData?.css) {
+            Object.entries(siblingData.css).forEach(([key, val]) => {
+                console.log(key, val);
+                if (key !== 'className' && val !== null && val !== undefined) {
+                    classes.push(`${key}${val}`);
+                }
+            });
+        }
+        const updatedClassName = classes.join(' ');
+        return {
+            ...siblingData?.css,
+            className: updatedClassName,
+        };
+    }
+    return value;
+};
+const fieldCss = () => {
+    return {
+        name: 'css',
+        type: 'group',
+        label: 'Regole di stile',
+        hooks: {
+            afterChange: [concatCssFields],
         },
+        fields: [
+            fieldText({
+                name: 'className',
+                label: 'className',
+                admin: { readOnly: true },
+            }),
+            {
+                type: 'tabs',
+                tabs: [
+                    {
+                        label: 'Spacing',
+                        fields: [fieldMargins(), fieldPaddings()],
+                    },
+                ],
+            },
+        ],
     };
 };
 
@@ -448,25 +461,11 @@ const fieldContainerProps = (customFields = []) => {
                     },
                     {
                         label: 'Dimensioni',
-                        fields: [
-                            fieldHeights(),
-                            {
-                                type: 'tabs',
-                                tabs: [
-                                    {
-                                        label: 'Margini',
-                                        fields: [fieldMargins()],
-                                    },
-                                    {
-                                        label: 'Paddings',
-                                        fields: [fieldPaddings()],
-                                    },
-                                ],
-                            },
-                        ],
+                        fields: [fieldHeights()],
                     },
                 ],
             },
+            fieldCss(),
         ],
     };
 };
@@ -879,65 +878,43 @@ const fieldSectionProps = (customFields = []) => {
                 tabs: [
                     {
                         label: 'Dimensioni',
-                        fields: [
-                            fieldViewportHeights(),
-                            {
-                                type: 'tabs',
-                                tabs: [
-                                    {
-                                        label: 'Margini',
-                                        fields: [fieldMargins()],
-                                    },
-                                    {
-                                        label: 'Paddings',
-                                        fields: [fieldPaddings()],
-                                    },
-                                ],
-                            },
-                        ],
+                        fields: [fieldViewportHeights()],
                     },
                 ],
             },
+            fieldCss(),
         ],
     };
 };
 
 const fieldSectionTabs = (options = {}) => {
-    const { config = true, section = true, container = true, content = true, configFields = [], sectionFields = [], containerFields = [], contentFields = [] } = 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)
-            ],
+            fields: [fieldConfigProps(configFields)],
         });
     }
     // Tab per la sezione
     if (section) {
         tabs.push({
             label: 'Sezione',
-            fields: [
-                fieldSectionProps(sectionFields)
-            ],
+            fields: [fieldSectionProps(sectionFields)],
         });
     }
     // Tab per il container
     if (container) {
         tabs.push({
             label: 'Container',
-            fields: [
-                fieldContainerProps(containerFields)
-            ],
+            fields: [fieldContainerProps(containerFields)],
         });
     }
     // Tab per il contenuto
     if (content) {
         tabs.push({
             label: 'Contenuto',
-            fields: [
-                fieldContentProps(contentFields)
-            ],
+            fields: [fieldContentProps(contentFields)],
         });
     }
     return {
@@ -946,5 +923,5 @@ const fieldSectionTabs = (options = {}) => {
     };
 };
 
-export { fieldAction as a, fieldArray as b, fieldCheckbox as c, fieldThemeColor as d, fieldConfigProps as e, fieldSelect as f, fieldContainerProps as g, fieldContainerWidths as h, iconsList as i, fieldContentProps as j, fieldHeights as k, fieldMargins as l, fieldNumber as m, fieldPaddings as n, fieldRelationship as o, fieldRichText as p, fieldSectionProps as q, fieldSectionTabs as r, fieldText as s, fieldUpload as t, fieldViewportHeights as u };
-//# sourceMappingURL=fieldSectionTabs-s69lAc-N.js.map
+export { fieldAction as a, fieldArray as b, fieldCheckbox as c, fieldThemeColor as d, fieldConfigProps as e, fieldSelect as f, fieldContainerProps as g, fieldContainerWidths as h, iconsList as i, fieldContentProps as j, fieldCss as k, fieldHeights as l, fieldMargins as m, fieldNumber as n, fieldPaddings as o, fieldRelationship as p, fieldRichText as q, fieldSectionProps as r, fieldSectionTabs as s, fieldText as t, fieldUpload as u, fieldViewportHeights as v };
+//# sourceMappingURL=fieldSectionTabs-C2uoqzm_.js.map