@woodylab/payload 0.0.130 → 0.0.132

package/dist/fields/style/fieldMargins.js

@@ -1,138 +0,0 @@
-import fieldNumber from '../fieldNumber';
-import { getNumberValueFromClassNameString } from '../../hooks';
-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 {
-        label: 'Margini',
-        type: 'collapsible',
-        admin: {
-            initCollapsed: true,
-        },
-        fields: [
-            {
-                type: 'row',
-                fields: [
-                    fieldNumber({
-                        name: 'm-',
-                        label: 'Tutti i lati',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'mx-',
-                        label: 'Orizzontale',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'my-',
-                        label: 'Verticale',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'mt-',
-                        label: 'Top',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'mr-',
-                        label: 'Right',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'mb-',
-                        label: 'Bottom',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'ml-',
-                        label: 'Left',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                ],
-            },
-        ],
-    };
-};
-export default fieldMargins;

package/dist/fields/style/fieldPaddings.d.ts

@@ -1,7 +0,0 @@
-import { Field } from 'payload';
-/**
- * Genera un campo per la selezione dinamica dei margini
- * @returns Field - Campo di tipo `group` per PayloadCMS
- */
-declare const fieldPaddings: () => Field;
-export default fieldPaddings;

package/dist/fields/style/fieldPaddings.js

@@ -1,114 +0,0 @@
-import fieldNumber from '../fieldNumber';
-import { getNumberValueFromClassNameString } from '../../hooks';
-/**
- * Genera un campo per la selezione dinamica dei margini
- * @returns Field - Campo di tipo `group` per PayloadCMS
- */
-const fieldPaddings = () => {
-    return {
-        label: 'Paddings',
-        type: 'collapsible',
-        admin: {
-            initCollapsed: true,
-        },
-        fields: [
-            {
-                type: 'row',
-                fields: [
-                    fieldNumber({
-                        name: 'p-',
-                        label: 'Tutti i lati',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'px-',
-                        label: 'Orizzontale',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'py-',
-                        label: 'Verticale',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'pt-',
-                        label: 'Top',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'pr-',
-                        label: 'Right',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'pb-',
-                        label: 'Bottom',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'pl-',
-                        label: 'Left',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                ],
-            },
-        ],
-    };
-};
-export default fieldPaddings;

package/dist/fields/style/fieldViewportHeights.d.ts

@@ -1,7 +0,0 @@
-import { Field } from 'payload';
-/**
- * Genera un campo per la selezione delle altezze
- * @returns Field - Campo di tipo `select` per PayloadCMS
- */
-declare const fieldViewportHeights: () => Field;
-export default fieldViewportHeights;

package/dist/fields/style/fieldViewportHeights.js

@@ -1,22 +0,0 @@
-import { TailwindViewportHeights } from '../../tailwind';
-import fieldSelect from '../fieldSelect';
-/**
- * Genera un campo per la selezione delle altezze
- * @returns Field - Campo di tipo `select` per PayloadCMS
- */
-const fieldViewportHeights = () => {
-    return fieldSelect({
-        name: 'h-',
-        label: 'Altezza viewport',
-        type: 'select',
-        options: [
-            { value: '', label: '(Nessuno)' },
-            ...TailwindViewportHeights.map((h) => ({ value: `${h}`, label: h })),
-        ],
-        admin: {
-            description: 'Definisce l’altezza dell’elemento.',
-            width: '50%',
-        },
-    });
-};
-export default fieldViewportHeights;

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

@@ -1,4 +0,0 @@
-import { Field } from 'payload';
-import FieldOverride from '../../types/fieldOverride';
-declare const fieldRoles: (override?: FieldOverride<"select">) => Field;
-export default fieldRoles;

package/dist/react/Card.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-type CardProps = {
-    children?: ReactNode;
-};
-export declare const Card: ({ children }: CardProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/react/Card.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Card = ({ children }) => {
-    return _jsx("div", { children: children ?? 'Card works' });
-};

package/dist/react/PageRenderer.d.ts

@@ -1,4 +0,0 @@
-export declare function PageRenderer({ layout, serverData, }: {
-    layout: any[];
-    serverData: Record<number, any[]>;
-}): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/react/PageRenderer.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-// #TODO Gestire doppio caricamento dati:
-// 1 lato payload usando come già fatto api interne di payload mappando i campi in un blocco di tipo view dedicato
-import { resolveInlineComponent } from '../config/utils/resolveInlineComponent';
-import { ViewBlock } from './ViewBlock';
-// 2 recupero dati sempre lato server chiamando un EP in maniera asincrona e gestendo il corretto binding
-export async function PageRenderer({ layout, serverData, }) {
-    const resolvedLayout = layout.map((block, index) => {
-        if (block.blockType !== 'view')
-            return block;
-        return {
-            blockType: block.blockType,
-            component: block.component,
-            viewMode: block.viewMode,
-            containerProps: block.containerProps,
-            rowComponent: block.rowComponent,
-            rowViewMode: block.rowViewMode,
-            rowPropsMapping: block.rowPropsMapping,
-            rowChildren: block.rowChildren,
-            _resolvedData: serverData[index] ?? [],
-            _resolvedOk: true,
-        };
-    });
-    return (_jsx(_Fragment, { children: resolvedLayout.map((block, i) => {
-            if (block.blockType === 'view') {
-                return _jsx(ViewBlock, { ...block }, i);
-            }
-            const resolved = resolveInlineComponent(block);
-            if (!resolved)
-                return null;
-            const { Component, props } = resolved;
-            return _jsx(Component, { ...props }, i);
-        }) }));
-}

package/dist/react/ViewBlock.d.ts

@@ -1 +0,0 @@
-export declare function ViewBlock(block: any): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/ViewBlock.js

@@ -1,62 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { componentRegistry } from './registry';
-function resolveClassName(viewMode) {
-    if (Array.isArray(viewMode) && viewMode.length > 0) {
-        return viewMode
-            .map((vm) => vm?.css.className)
-            .filter(Boolean)
-            .join(' ');
-    }
-    return viewMode?.css.className ?? '';
-}
-export function ViewBlock(block) {
-    const { component, viewMode, rowComponent, rowViewMode, containerProps = {}, rowPropsMapping = {}, rowChildren = [], _resolvedData = [], _resolvedOk = true, } = block;
-    const Container = componentRegistry[component.componentName];
-    const Row = componentRegistry[rowComponent.componentName];
-    if (!Container || !Row)
-        return null;
-    if (!_resolvedOk) {
-        return (_jsx(Container, { className: resolveClassName(viewMode), children: _jsx("div", { className: "text-red-600", children: "Impossibile caricare i dati" }) }));
-    }
-    //#TODO gestire rendering di molteplici rowChildren al mometno stampa solo il primo elemento dell'array
-    // --- helper per render figli di riga (con sourceProps mapping) ---
-    const renderRowChildren = (children, item) => {
-        return children.map((child, idx) => {
-            const ChildComp = componentRegistry[child.definition?.componentName];
-            if (!ChildComp)
-                return null;
-            const childVM = Array.isArray(child.viewMode) ? child.viewMode[0] : child.viewMode;
-            const hasSourceProps = child.sourceProps &&
-                typeof child.sourceProps === 'object' &&
-                Object.keys(child.sourceProps).length > 0;
-            let finalProps = {};
-            if (hasSourceProps) {
-                for (const [key, path] of Object.entries(child.sourceProps)) {
-                    // @ts-ignore
-                    finalProps[key] = path
-                        .toString()
-                        .split('.')
-                        .reduce((acc, k) => acc?.[k], item);
-                }
-            }
-            else {
-                // fallback ai props statici
-                finalProps = child.staticProps || {};
-            }
-            return _jsx(ChildComp, { ...finalProps, className: resolveClassName(childVM) }, idx);
-        });
-    };
-    return (_jsx(Container, { className: resolveClassName(viewMode), ...containerProps, children: _resolvedData.map((item, i) => {
-            const props = {};
-            // mapping valori verso props della card
-            for (const [key, path] of Object.entries(rowPropsMapping)) {
-                // @ts-ignore
-                props[key] = path
-                    .toString()
-                    .split('.')
-                    .reduce((acc, k) => acc?.[k], item);
-            }
-            return (_jsx(Row, { ...props, className: resolveClassName(rowViewMode), children: rowChildren?.length > 0 ? renderRowChildren(rowChildren, item) : null }, i));
-        }) }));
-}

package/dist/react/registry.js

@@ -1,5 +0,0 @@
-// components/registry.ts
-import { Card } from './Card';
-export const componentRegistry = {
-    Card,
-};

package/dist/userRoles-BqQg1D6Q.js

@@ -1,2 +0,0 @@
-"use strict";const e=e=>({name:"text",label:"Text",type:"text",required:!0,...e}),a=(e,a)=>({name:"upload",label:"upload",type:"upload",required:!1,relationTo:e,...a}),l=e=>({name:"number",label:"Number",type:"number",required:!1,...e}),i=e=>({name:"richText",label:"Rich Text",type:"richText",required:!1,admin:{placeholder:"Insert text here",rows:5},...e}),t=e=>({name:"select",label:"select",type:"select",required:!1,hasMany:!1,...e}),o=["container","container-sm","container-md","container-lg","container-xl","container-2xl"],n=["screen","1/5-vh","1/4-vh","1/3-vh","2/5-vh","1/2-vh","3/5-vh","2/3-vh","3/4-vh","4/5-vh"],r=["auto","min","max","fit","full","1/2","1/3","2/3","1/4","3/4","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45","46","47","48","49","50","51","52","53","54","55","56","57","58","59","60","61","62","63","64","65","66","67","68","69","70","71","72","73","74","75","76","77","78","79","80","81","82","83","84","85","86","87","88","89","90","91","92","93","94","95","96"],s=["text-xs","text-sm","text-base","text-lg","text-xl","text-2xl","text-3xl","text-4xl","text-5xl","text-6xl","text-7xl"],d=()=>t({name:"container",label:"Larghezza del container",options:[{value:"",label:"(Nessuno)"},...o],admin:{description:'Seleziona una larghezza massima per il container. Usa "None" per una larghezza a schermo intero.'}}),m=e=>({name:e?.name||"color",label:e?.label||"Colore",type:"select",required:e?.required??!1,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:{...e?.admin}}),u=()=>t({name:"h-",label:"Altezza",type:"select",defaultValue:"full",options:[{value:"",label:"(Nessuno)"},...n.map(e=>({value:`${e}`,label:e})),...r.map(e=>({value:`${e}`,label:e}))],admin:{description:"Definisce l’altezza dell’elemento."}}),b=e=>{const{value:a,siblingData:l}=e,i=e.field.name||"",t=l.className?.split(" "),o=t?.find(e=>e.startsWith(i));if(!o)return a;const n=o.replace(i,""),r=Number(n);return isNaN(r)?a:r},p=()=>({label:"Margini",type:"collapsible",admin:{initCollapsed:!0},fields:[{type:"row",fields:[l({name:"m-",label:"Tutti i lati",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"mx-",label:"Orizzontale",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"my-",label:"Verticale",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"mt-",label:"Top",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"mr-",label:"Right",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"mb-",label:"Bottom",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"ml-",label:"Left",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}})]}]}),c=()=>({label:"Paddings",type:"collapsible",admin:{initCollapsed:!0},fields:[{type:"row",fields:[l({name:"p-",label:"Tutti i lati",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"px-",label:"Orizzontale",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"py-",label:"Verticale",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"pt-",label:"Top",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"pr-",label:"Right",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"pb-",label:"Bottom",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}}),l({name:"pl-",label:"Left",virtual:!0,min:0,max:96,admin:{width:"25%"},hooks:{afterRead:[b]}})]}]}),h=e=>{const{value:a,siblingData:l,operation:i}=e;if(console.log("value",a),console.log("siblingData",l),console.log("operation",i),"create"===i||"update"===i){const e=[];return Object.entries(l||{}).forEach(([a,l])=>{"className"!==a&&null!=l&&e.push(`${a}${l}`)}),console.log(e.join(" ")),e.join(" ")}},x=()=>({name:"css",type:"group",label:"Regole di stile",fields:[e({name:"className",label:"className",required:!1,hooks:{beforeValidate:[h]}}),u(),{type:"tabs",tabs:[{label:"Spacing",fields:[p(),c()]}]}]}),f=(e=[])=>({name:"ctrP",label:"Proprietà container",type:"group",fields:[...e,i({name:"body",label:"Contenuto",required:!1}),d(),{type:"tabs",tabs:[{label:"Stile",fields:[a("media",{name:"bgi",label:"Immagine di sfondo"}),m({name:"bgc",label:"Colore di sfondo",required:!1}),t({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."}}),t({name:"boxShadow",type:"select",label:"Ombra contenitore",defaultValue:"shadow-none",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:[u()]}]},x()]}),v=(e=[])=>({name:"config",label:"Configurazione",type:"group",fields:[...e]}),g=(e=[])=>({name:"cntP",label:"Contenuto",type:"group",fields:[...e]}),y=(e=[])=>({name:"sctP",label:"Proprietà sezione",type:"group",fields:[...e,i({name:"body",label:"Contenuto",required:!1}),x()]});var w;!function(e){e.ADMIN="admin",e.DESIGNER="designer",e.COPY="copy",e.WEBADMIN="webadmin"}(w||(w={}));var k=w;exports.TailwindTextSizes=s,exports.TailwindViewportHeights=n,exports.fieldArray=e=>({name:"list",label:"List",type:"array",fields:[],required:!1,...e}),exports.fieldCheckbox=e=>({name:"checkbox",label:"Checkbox",type:"checkbox",required:!1,admin:{description:"Enable or disable the checkbox"},...e}),exports.fieldConfigProps=v,exports.fieldContainerProps=f,exports.fieldContainerWidths=d,exports.fieldContentProps=g,exports.fieldCss=x,exports.fieldHeights=u,exports.fieldMargins=p,exports.fieldNumber=l,exports.fieldPaddings=c,exports.fieldRelationship=(e,a)=>({name:"relationship",label:"Relationship",type:"relationship",relationTo:e,required:!1,...a}),exports.fieldRichText=i,exports.fieldSectionProps=y,exports.fieldSectionTabs=(e={})=>{const{config:a=!0,section:l=!0,container:i=!0,content:t=!0,configFields:o=[],sectionFields:n=[],containerFields:r=[],contentFields:s=[]}=e,d=[];return a&&d.push({label:"Configurazione",fields:[v(o)]}),l&&d.push({label:"Sezione",fields:[y(n)]}),i&&d.push({label:"Container",fields:[f(r)]}),t&&d.push({label:"Contenuto",fields:[g(s)]}),{type:"tabs",tabs:d}},exports.fieldSelect=t,exports.fieldText=e,exports.fieldThemeColor=m,exports.fieldUpload=a,exports.userRoles=k;
-//# sourceMappingURL=userRoles-BqQg1D6Q.js.map