@woodylab/payload 0.0.131 → 0.0.132

package/dist/LayoutRenderer-B1IoWb16.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("react/jsx-runtime"),e=require("./resolveLayout-DlRnQBn8.js");function t({className:t="",rows:o=[],viewMode:a,rowViewMode:r}){const i=e.componentRegistry[a?.component]??"div",s=e.componentRegistry[r?.component]??"div";return n.jsx(i,{className:t,children:o.map((e,t)=>n.jsx(s,{...e},t))})}let o=null;async function a(n){if(o)return o;const e=await n.find({collection:"styles",depth:4,pagination:!1}),t={};for(const n of e.docs??[])n.name&&(t[n.name]=n);return o={byName:t},o}let r=null;async function i(n){if(r)return r;const e=await n.find({collection:"view-modes",depth:4,pagination:!1}),t={};for(const n of e.docs??[])n.name&&(t[n.name]=n);return r={byName:t},r}let s=null;async function c(n){if(s)return s;const e=await n.find({collection:"component-definitions",depth:4,pagination:!1}),t={};for(const n of e.docs??[])n.name&&(t[n.name]=n);return s={byName:t},s}exports.LayoutRenderer=async function({layout:o,payload:r}){const s=await async function(n){return{payload:n,registries:{styles:await a(n),viewMode:await i(n),component:await c(n)}}}(r),u=await e.resolveLayout({layout:o,context:s});return n.jsx(n.Fragment,{children:u.map((e,o)=>{if(!e)return null;if(e.rows)return n.jsx(t,{...e},o);const{Component:a,props:r}=e;return n.jsx(a,{...r},o)})})},exports.View=t;
+//# sourceMappingURL=LayoutRenderer-B1IoWb16.js.map

package/dist/LayoutRenderer-B1IoWb16.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutRenderer-B1IoWb16.js","sources":["../src/react/components/View.tsx","../src/uims/registry/styleRegistry.ts","../src/uims/registry/viewModeRegistry.ts","../src/uims/registry/componentRegistry.ts","../src/react/LayoutRenderer.tsx","../src/uims/resolver/createUIMSContext.ts"],"sourcesContent":["import { componentRegistry } from '../componentRegistry'\n\nexport function View({ className = '', rows = [], viewMode, rowViewMode }: any) {\n  const ContainerComponent = componentRegistry[viewMode?.component] ?? 'div'\n  const RowComponent = componentRegistry[rowViewMode?.component] ?? 'div'\n\n  return (\n    <ContainerComponent className={className}>\n      {rows.map((rowProps: any, i: number) => {\n        return <RowComponent key={i} {...rowProps} />\n      })}\n    </ContainerComponent>\n  )\n}\n","import { BasePayload } from 'payload'\n\nlet cache: {\n  byName: Record<string, any>\n} | null = null\n\n//# TODO sarebbe sensato cancellare la cache o forzare un nuovo caricamento quando viene fatta una modifica a uno degli elementi della collection\nexport async function getStyleRegistry(payload: BasePayload) {\n  if (cache) {\n    return cache\n  }\n\n  const result = await payload.find({\n    collection: 'styles',\n    depth: 4,\n    pagination: false,\n  })\n\n  const byName: Record<string, any> = {}\n\n  for (const vm of result.docs ?? []) {\n    if (vm.name) {\n      byName[vm.name] = vm\n    }\n  }\n\n  cache = { byName }\n  return cache\n}\n","import { BasePayload } from 'payload'\n\nlet cache: {\n  byName: Record<string, any>\n} | null = null\n\n//# TODO sarebbe sensato cancellare la cache o forzare un nuovo caricamento quando viene fatta una modifica a uno degli elementi della collection\nexport async function getViewModeRegistry(payload: BasePayload) {\n  if (cache) {\n    return cache\n  }\n\n  const result = await payload.find({\n    collection: 'view-modes',\n    depth: 4,\n    pagination: false,\n  })\n\n  const byName: Record<string, any> = {}\n\n  for (const vm of result.docs ?? []) {\n    if (vm.name) {\n      byName[vm.name] = vm\n    }\n  }\n\n  cache = { byName }\n  return cache\n}\n","import { BasePayload } from 'payload'\n\nlet cache: {\n  byName: Record<string, any>\n} | null = null\n\n//# TODO sarebbe sensato cancellare la cache o forzare un nuovo caricamento quando viene fatta una modifica a uno degli elementi della collection\nexport async function getComponentRegistry(payload: BasePayload) {\n  if (cache) {\n    return cache\n  }\n\n  const result = await payload.find({\n    collection: 'component-definitions',\n    depth: 4,\n    pagination: false,\n  })\n\n  const byName: Record<string, any> = {}\n\n  for (const vm of result.docs ?? []) {\n    if (vm.name) {\n      byName[vm.name] = vm\n    }\n  }\n\n  cache = { byName }\n  return cache\n}\n","import { BasePayload } from 'payload'\nimport { View } from './components/View'\nimport { resolveLayout } from '../uims'\nimport { createUIMSContext } from '../uims/resolver/createUIMSContext'\n\n//#TODO Ricordarsi di introdurre il concetto di PageRenderer, sarebbe carino se riuscissimo a delegarle la stampa anche dei meta dati e info accessorie oltre al layout.\nexport async function LayoutRenderer({ layout, payload }: { layout: any[]; payload: BasePayload }) {\n  const uims = await createUIMSContext(payload)\n  const resolvedLayout = await resolveLayout({ layout, context: uims })\n  return (\n    <>\n      {resolvedLayout.map((block: any, i: any) => {\n        if (!block) return null\n        if (block.rows) {\n          return <View key={i} {...block} />\n        }\n\n        const { Component, props } = block\n        return <Component key={i} {...props} />\n\n        return null\n      })}\n    </>\n  )\n}\n","import { BasePayload } from 'payload'\nimport { UIMSContext } from '../types/UIMSContext'\nimport { getStyleRegistry } from '../registry/styleRegistry'\nimport { getViewModeRegistry } from '../registry/viewModeRegistry'\nimport { getComponentRegistry } from '../registry/componentRegistry'\n\nexport async function createUIMSContext(payload: BasePayload): Promise<UIMSContext> {\n  return {\n    payload,\n    registries: {\n      styles: await getStyleRegistry(payload),\n      viewMode: await getViewModeRegistry(payload),\n      component: await getComponentRegistry(payload),\n    },\n  }\n}\n"],"names":["View","className","rows","viewMode","rowViewMode","ContainerComponent","componentRegistry","component","RowComponent","_jsx","children","map","rowProps","i","cache","async","getStyleRegistry","payload","result","find","collection","depth","pagination","byName","vm","docs","name","getViewModeRegistry","getComponentRegistry","layout","uims","registries","styles","createUIMSContext","resolvedLayout","resolveLayout","context","_Fragment","block","Component","props"],"mappings":"yFAEM,SAAUA,GAAKC,UAAEA,EAAY,GAAEC,KAAEA,EAAO,GAAEC,SAAEA,EAAQC,YAAEA,IAC1D,MAAMC,EAAqBC,EAAAA,kBAAkBH,GAAUI,YAAc,MAC/DC,EAAeF,EAAAA,kBAAkBF,GAAaG,YAAc,MAElE,OACEE,MAACJ,EAAkB,CAACJ,UAAWA,EAASS,SACrCR,EAAKS,IAAI,CAACC,EAAeC,IACjBJ,EAAAA,IAACD,EAAY,IAAaI,GAAPC,KAIlC,CCXA,IAAIC,EAEO,KAGJC,eAAeC,EAAiBC,GACrC,GAAIH,EACF,OAAOA,EAGT,MAAMI,QAAeD,EAAQE,KAAK,CAChCC,WAAY,SACZC,MAAO,EACPC,YAAY,IAGRC,EAA8B,CAAA,EAEpC,IAAK,MAAMC,KAAMN,EAAOO,MAAQ,GAC1BD,EAAGE,OACLH,EAAOC,EAAGE,MAAQF,GAKtB,OADAV,EAAQ,CAAES,UACHT,CACT,CC1BA,IAAIA,EAEO,KAGJC,eAAeY,EAAoBV,GACxC,GAAIH,EACF,OAAOA,EAGT,MAAMI,QAAeD,EAAQE,KAAK,CAChCC,WAAY,aACZC,MAAO,EACPC,YAAY,IAGRC,EAA8B,CAAA,EAEpC,IAAK,MAAMC,KAAMN,EAAOO,MAAQ,GAC1BD,EAAGE,OACLH,EAAOC,EAAGE,MAAQF,GAKtB,OADAV,EAAQ,CAAES,UACHT,CACT,CC1BA,IAAIA,EAEO,KAGJC,eAAea,EAAqBX,GACzC,GAAIH,EACF,OAAOA,EAGT,MAAMI,QAAeD,EAAQE,KAAK,CAChCC,WAAY,wBACZC,MAAO,EACPC,YAAY,IAGRC,EAA8B,CAAA,EAEpC,IAAK,MAAMC,KAAMN,EAAOO,MAAQ,GAC1BD,EAAGE,OACLH,EAAOC,EAAGE,MAAQF,GAKtB,OADAV,EAAQ,CAAES,UACHT,CACT,wBCtBOC,gBAA8Bc,OAAEA,EAAMZ,QAAEA,IAC7C,MAAMa,QCDDf,eAAiCE,GACtC,MAAO,CACLA,UACAc,WAAY,CACVC,aAAchB,EAAiBC,GAC/Bd,eAAgBwB,EAAoBV,GACpCV,gBAAiBqB,EAAqBX,IAG5C,CDRqBgB,CAAkBhB,GAC/BiB,QAAuBC,EAAAA,cAAc,CAAEN,SAAQO,QAASN,IAC9D,OACErB,EAAAA,IAAA4B,EAAAA,SAAA,CAAA3B,SACGwB,EAAevB,IAAI,CAAC2B,EAAYzB,KAC/B,IAAKyB,EAAO,OAAO,KACnB,GAAIA,EAAMpC,KACR,OAAOO,EAAAA,IAACT,EAAI,IAAasC,GAAPzB,GAGpB,MAAM0B,UAAEA,EAASC,MAAEA,GAAUF,EAC7B,OAAO7B,EAAAA,IAAC8B,EAAS,IAAaC,GAAP3B,MAM/B"}

package/dist/LayoutRenderer-Ba6ITI7O.js

@@ -0,0 +1,2 @@
+import{jsx as n,Fragment as t}from"react/jsx-runtime";import{d as o,a as e}from"./resolveLayout-DryOXHEy.js";function a({className:t="",rows:e=[],viewMode:a,rowViewMode:i}){const r=o[a?.component]??"div",c=o[i?.component]??"div";return n(r,{className:t,children:e.map((t,o)=>n(c,{...t},o))})}let i=null;async function r(n){if(i)return i;const t=await n.find({collection:"styles",depth:4,pagination:!1}),o={};for(const n of t.docs??[])n.name&&(o[n.name]=n);return i={byName:o},i}let c=null;async function s(n){if(c)return c;const t=await n.find({collection:"view-modes",depth:4,pagination:!1}),o={};for(const n of t.docs??[])n.name&&(o[n.name]=n);return c={byName:o},c}let l=null;async function u(n){if(l)return l;const t=await n.find({collection:"component-definitions",depth:4,pagination:!1}),o={};for(const n of t.docs??[])n.name&&(o[n.name]=n);return l={byName:o},l}async function m({layout:o,payload:i}){const c=await async function(n){return{payload:n,registries:{styles:await r(n),viewMode:await s(n),component:await u(n)}}}(i),l=await e({layout:o,context:c});return n(t,{children:l.map((t,o)=>{if(!t)return null;if(t.rows)return n(a,{...t},o);const{Component:e,props:i}=t;return n(e,{...i},o)})})}export{m as L,a as V};
+//# sourceMappingURL=LayoutRenderer-Ba6ITI7O.js.map

package/dist/LayoutRenderer-Ba6ITI7O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutRenderer-Ba6ITI7O.js","sources":["../src/react/components/View.tsx","../src/uims/registry/styleRegistry.ts","../src/uims/registry/viewModeRegistry.ts","../src/uims/registry/componentRegistry.ts","../src/react/LayoutRenderer.tsx","../src/uims/resolver/createUIMSContext.ts"],"sourcesContent":["import { componentRegistry } from '../componentRegistry'\n\nexport function View({ className = '', rows = [], viewMode, rowViewMode }: any) {\n  const ContainerComponent = componentRegistry[viewMode?.component] ?? 'div'\n  const RowComponent = componentRegistry[rowViewMode?.component] ?? 'div'\n\n  return (\n    <ContainerComponent className={className}>\n      {rows.map((rowProps: any, i: number) => {\n        return <RowComponent key={i} {...rowProps} />\n      })}\n    </ContainerComponent>\n  )\n}\n","import { BasePayload } from 'payload'\n\nlet cache: {\n  byName: Record<string, any>\n} | null = null\n\n//# TODO sarebbe sensato cancellare la cache o forzare un nuovo caricamento quando viene fatta una modifica a uno degli elementi della collection\nexport async function getStyleRegistry(payload: BasePayload) {\n  if (cache) {\n    return cache\n  }\n\n  const result = await payload.find({\n    collection: 'styles',\n    depth: 4,\n    pagination: false,\n  })\n\n  const byName: Record<string, any> = {}\n\n  for (const vm of result.docs ?? []) {\n    if (vm.name) {\n      byName[vm.name] = vm\n    }\n  }\n\n  cache = { byName }\n  return cache\n}\n","import { BasePayload } from 'payload'\n\nlet cache: {\n  byName: Record<string, any>\n} | null = null\n\n//# TODO sarebbe sensato cancellare la cache o forzare un nuovo caricamento quando viene fatta una modifica a uno degli elementi della collection\nexport async function getViewModeRegistry(payload: BasePayload) {\n  if (cache) {\n    return cache\n  }\n\n  const result = await payload.find({\n    collection: 'view-modes',\n    depth: 4,\n    pagination: false,\n  })\n\n  const byName: Record<string, any> = {}\n\n  for (const vm of result.docs ?? []) {\n    if (vm.name) {\n      byName[vm.name] = vm\n    }\n  }\n\n  cache = { byName }\n  return cache\n}\n","import { BasePayload } from 'payload'\n\nlet cache: {\n  byName: Record<string, any>\n} | null = null\n\n//# TODO sarebbe sensato cancellare la cache o forzare un nuovo caricamento quando viene fatta una modifica a uno degli elementi della collection\nexport async function getComponentRegistry(payload: BasePayload) {\n  if (cache) {\n    return cache\n  }\n\n  const result = await payload.find({\n    collection: 'component-definitions',\n    depth: 4,\n    pagination: false,\n  })\n\n  const byName: Record<string, any> = {}\n\n  for (const vm of result.docs ?? []) {\n    if (vm.name) {\n      byName[vm.name] = vm\n    }\n  }\n\n  cache = { byName }\n  return cache\n}\n","import { BasePayload } from 'payload'\nimport { View } from './components/View'\nimport { resolveLayout } from '../uims'\nimport { createUIMSContext } from '../uims/resolver/createUIMSContext'\n\n//#TODO Ricordarsi di introdurre il concetto di PageRenderer, sarebbe carino se riuscissimo a delegarle la stampa anche dei meta dati e info accessorie oltre al layout.\nexport async function LayoutRenderer({ layout, payload }: { layout: any[]; payload: BasePayload }) {\n  const uims = await createUIMSContext(payload)\n  const resolvedLayout = await resolveLayout({ layout, context: uims })\n  return (\n    <>\n      {resolvedLayout.map((block: any, i: any) => {\n        if (!block) return null\n        if (block.rows) {\n          return <View key={i} {...block} />\n        }\n\n        const { Component, props } = block\n        return <Component key={i} {...props} />\n\n        return null\n      })}\n    </>\n  )\n}\n","import { BasePayload } from 'payload'\nimport { UIMSContext } from '../types/UIMSContext'\nimport { getStyleRegistry } from '../registry/styleRegistry'\nimport { getViewModeRegistry } from '../registry/viewModeRegistry'\nimport { getComponentRegistry } from '../registry/componentRegistry'\n\nexport async function createUIMSContext(payload: BasePayload): Promise<UIMSContext> {\n  return {\n    payload,\n    registries: {\n      styles: await getStyleRegistry(payload),\n      viewMode: await getViewModeRegistry(payload),\n      component: await getComponentRegistry(payload),\n    },\n  }\n}\n"],"names":["View","className","rows","viewMode","rowViewMode","ContainerComponent","componentRegistry","component","RowComponent","_jsx","children","map","rowProps","i","cache","async","getStyleRegistry","payload","result","find","collection","depth","pagination","byName","vm","docs","name","getViewModeRegistry","getComponentRegistry","LayoutRenderer","layout","uims","registries","styles","createUIMSContext","resolvedLayout","resolveLayout","context","_Fragment","block","Component","props"],"mappings":"6GAEM,SAAUA,GAAKC,UAAEA,EAAY,GAAEC,KAAEA,EAAO,GAAEC,SAAEA,EAAQC,YAAEA,IAC1D,MAAMC,EAAqBC,EAAkBH,GAAUI,YAAc,MAC/DC,EAAeF,EAAkBF,GAAaG,YAAc,MAElE,OACEE,EAACJ,EAAkB,CAACJ,UAAWA,EAASS,SACrCR,EAAKS,IAAI,CAACC,EAAeC,IACjBJ,EAACD,EAAY,IAAaI,GAAPC,KAIlC,CCXA,IAAIC,EAEO,KAGJC,eAAeC,EAAiBC,GACrC,GAAIH,EACF,OAAOA,EAGT,MAAMI,QAAeD,EAAQE,KAAK,CAChCC,WAAY,SACZC,MAAO,EACPC,YAAY,IAGRC,EAA8B,CAAA,EAEpC,IAAK,MAAMC,KAAMN,EAAOO,MAAQ,GAC1BD,EAAGE,OACLH,EAAOC,EAAGE,MAAQF,GAKtB,OADAV,EAAQ,CAAES,UACHT,CACT,CC1BA,IAAIA,EAEO,KAGJC,eAAeY,EAAoBV,GACxC,GAAIH,EACF,OAAOA,EAGT,MAAMI,QAAeD,EAAQE,KAAK,CAChCC,WAAY,aACZC,MAAO,EACPC,YAAY,IAGRC,EAA8B,CAAA,EAEpC,IAAK,MAAMC,KAAMN,EAAOO,MAAQ,GAC1BD,EAAGE,OACLH,EAAOC,EAAGE,MAAQF,GAKtB,OADAV,EAAQ,CAAES,UACHT,CACT,CC1BA,IAAIA,EAEO,KAGJC,eAAea,EAAqBX,GACzC,GAAIH,EACF,OAAOA,EAGT,MAAMI,QAAeD,EAAQE,KAAK,CAChCC,WAAY,wBACZC,MAAO,EACPC,YAAY,IAGRC,EAA8B,CAAA,EAEpC,IAAK,MAAMC,KAAMN,EAAOO,MAAQ,GAC1BD,EAAGE,OACLH,EAAOC,EAAGE,MAAQF,GAKtB,OADAV,EAAQ,CAAES,UACHT,CACT,CCtBOC,eAAec,GAAeC,OAAEA,EAAMb,QAAEA,IAC7C,MAAMc,QCDDhB,eAAiCE,GACtC,MAAO,CACLA,UACAe,WAAY,CACVC,aAAcjB,EAAiBC,GAC/Bd,eAAgBwB,EAAoBV,GACpCV,gBAAiBqB,EAAqBX,IAG5C,CDRqBiB,CAAkBjB,GAC/BkB,QAAuBC,EAAc,CAAEN,SAAQO,QAASN,IAC9D,OACEtB,EAAA6B,EAAA,CAAA5B,SACGyB,EAAexB,IAAI,CAAC4B,EAAY1B,KAC/B,IAAK0B,EAAO,OAAO,KACnB,GAAIA,EAAMrC,KACR,OAAOO,EAACT,EAAI,IAAauC,GAAP1B,GAGpB,MAAM2B,UAAEA,EAASC,MAAEA,GAAUF,EAC7B,OAAO9B,EAAC+B,EAAS,IAAaC,GAAP5B,MAM/B"}

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

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

package/dist/config/blocks/blockCard.js

@@ -0,0 +1,101 @@
+import { resolveViewModeFromRef } from '../hooks/fields/resolveViewModeFromRef';
+export const blockCard = {
+    slug: 'card',
+    fields: [
+        {
+            type: 'row',
+            fields: [
+                {
+                    name: 'viewMode',
+                    type: 'text',
+                    defaultValue: '',
+                    admin: {
+                        width: '50%',
+                    },
+                    hooks: {
+                        beforeChange: [resolveViewModeFromRef('viewModeRef')],
+                    },
+                },
+                {
+                    name: 'viewModeRef',
+                    type: 'relationship',
+                    virtual: true,
+                    relationTo: ['view-modes'],
+                    admin: {
+                        width: '50%',
+                        description: 'campo helper per la sola visualizzazione o selezione di un viewMode, viene usato il valore inserito nel campo precedente per determinare la struttura del layout',
+                    },
+                },
+            ],
+        },
+        {
+            name: 'titleProps',
+            type: 'group',
+            fields: [
+                {
+                    name: 'text',
+                    type: 'text',
+                },
+            ],
+        },
+        {
+            name: 'descriptionProps',
+            type: 'group',
+            fields: [
+                {
+                    name: 'text',
+                    type: 'text',
+                },
+            ],
+        },
+        {
+            name: 'imageProps',
+            type: 'group',
+            fields: [
+                {
+                    name: 'text',
+                    type: 'text',
+                },
+                {
+                    type: 'relationship',
+                    name: 'image',
+                    relationTo: ['media'],
+                },
+                {
+                    name: 'altText',
+                    type: 'text',
+                },
+            ],
+        },
+        {
+            name: 'actionProps',
+            type: 'group',
+            fields: [
+                {
+                    name: 'text',
+                    type: 'text',
+                },
+                {
+                    name: 'target',
+                    type: 'text',
+                },
+                {
+                    name: 'actionType',
+                    type: 'select',
+                    options: [
+                        { label: 'Navigate', value: 'navigate' },
+                        { label: 'Scroll', value: 'scroll' },
+                    ],
+                },
+                {
+                    name: 'actionTarget',
+                    type: 'select',
+                    options: [
+                        { label: 'URL', value: 'url' },
+                        { label: 'ID', value: 'id' },
+                    ],
+                },
+            ],
+        },
+    ],
+};

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

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

package/dist/config/blocks/blockReference.js

@@ -0,0 +1,11 @@
+export const blockReference = {
+    slug: 'reference',
+    fields: [
+        {
+            name: 'block',
+            type: 'relationship',
+            relationTo: ['blocks'],
+            required: true,
+        },
+    ],
+};

package/dist/config/{blockView.js → blocks/blockView.js}

@@ -1,5 +1,6 @@
+import { resolveViewModeFromRef } from '../hooks/fields/resolveViewModeFromRef';
 export const blockView = {
-    slug: 'view', // #TODO verificare referenze lato client per rendering
+    slug: 'view',
     labels: {
         singular: 'View',
         plural: 'Views',
@@ -8,9 +9,6 @@ export const blockView = {
         {
             type: 'tabs',
             tabs: [
-                // ======================================================
-                //  TAB 1 — DATA SOURCE
-                // ======================================================
                 {
                     label: 'Data Source',
                     fields: [
@@ -23,7 +21,6 @@ export const blockView = {
                                 readOnly: true,
                             },
                         },
-                        // ---------------- INTERNAL SOURCE ----------------
                         {
                             type: 'row',
                             fields: [
@@ -36,7 +33,7 @@ export const blockView = {
                                         condition: (_, siblingData) => siblingData?.useInternalSource === true,
                                     },
                                     options: [
-                                        // puoi popolarlI dinamicamente via hook admin se preferisci
+                                        //#TODO popolare dinamicamente con collection esistenti via hook.
                                         { label: 'Articles', value: 'articles' },
                                         { label: 'Users', value: 'users' },
                                         { label: 'Categories', value: 'categories' },
@@ -73,7 +70,6 @@ export const blockView = {
                                 condition: (_, siblingData) => siblingData?.useInternalSource === true,
                             },
                         },
-                        // ---------------- EXTERNAL SOURCE ----------------
                         {
                             type: 'row',
                             fields: [
@@ -113,9 +109,6 @@ export const blockView = {
                         },
                     ],
                 },
-                // ======================================================
-                //  TAB 2 — VIEW CONTAINER  (INVARIATO)
-                // ======================================================
                 {
                     label: 'View Container',
                     fields: [
@@ -123,21 +116,25 @@ export const blockView = {
                             type: 'row',
                             fields: [
                                 {
-                                    name: 'component',
-                                    label: 'View Component',
-                                    type: 'relationship',
-                                    //@ts-ignore
-                                    relationTo: 'component-definitions',
-                                    admin: { width: '50%' },
+                                    name: 'viewMode',
+                                    type: 'text',
+                                    defaultValue: '',
+                                    admin: {
+                                        width: '50%',
+                                    },
+                                    hooks: {
+                                        beforeChange: [resolveViewModeFromRef('viewModeRef')],
+                                    },
                                 },
                                 {
-                                    name: 'viewMode',
-                                    label: 'View Style',
+                                    name: 'viewModeRef',
                                     type: 'relationship',
-                                    //@ts-ignore
-                                    relationTo: 'view-modes',
-                                    required: true,
-                                    admin: { width: '50%' },
+                                    virtual: true,
+                                    relationTo: ['view-modes'],
+                                    admin: {
+                                        width: '50%',
+                                        description: 'campo helper per la sola visualizzazione o selezione di un viewMode, viene usato il valore inserito nel campo precedente per determinare la struttura del layout',
+                                    },
                                 },
                             ],
                         },
@@ -148,9 +145,6 @@ export const blockView = {
                         },
                     ],
                 },
-                // ======================================================
-                //  TAB 3 — ROW (INVARIATO)
-                // ======================================================
                 {
                     label: 'Row Items',
                     fields: [
@@ -158,20 +152,25 @@ export const blockView = {
                             type: 'row',
                             fields: [
                                 {
-                                    name: 'rowComponent',
-                                    label: 'Row Component',
-                                    type: 'relationship',
-                                    //@ts-ignore
-                                    relationTo: 'component-definitions',
-                                    hasMany: false,
-                                    admin: { width: '50%' },
+                                    name: 'rowViewMode',
+                                    type: 'text',
+                                    defaultValue: '',
+                                    admin: {
+                                        width: '50%',
+                                    },
+                                    hooks: {
+                                        beforeChange: [resolveViewModeFromRef('rowViewModeRef')],
+                                    },
                                 },
                                 {
-                                    name: 'rowViewMode',
-                                    label: 'Row Style',
+                                    name: 'rowViewModeRef',
                                     type: 'relationship',
-                                    relationTo: 'view-modes',
-                                    admin: { width: '50%' },
+                                    virtual: true,
+                                    relationTo: ['view-modes'],
+                                    admin: {
+                                        width: '50%',
+                                        description: 'campo helper per la sola visualizzazione o selezione di un viewMode, viene usato il valore inserito nel campo precedente per determinare la struttura del layout',
+                                    },
                                 },
                             ],
                         },
@@ -180,61 +179,6 @@ export const blockView = {
                             type: 'json',
                             label: 'Mapping verso Row Props',
                         },
-                        {
-                            name: 'rowChildren',
-                            type: 'array',
-                            label: 'Row Children',
-                            admin: {
-                                description: 'Definisci i componenti figli da renderizzare per ogni item della view. Usa props statiche o propsBinding per mappare campi della singola item.',
-                            },
-                            fields: [
-                                {
-                                    type: 'row',
-                                    fields: [
-                                        {
-                                            name: 'definition',
-                                            label: 'Child Definition',
-                                            type: 'relationship',
-                                            //@ts-ignore
-                                            relationTo: 'component-definitions',
-                                            required: true,
-                                            admin: {
-                                                width: '50%',
-                                            },
-                                        },
-                                        {
-                                            name: 'viewMode',
-                                            label: 'Child ViewMode',
-                                            type: 'relationship',
-                                            //@ts-ignore
-                                            relationTo: 'view-modes',
-                                            hasMany: true,
-                                            required: false,
-                                        },
-                                        {
-                                            name: 'staticProps',
-                                            type: 'json',
-                                            required: false,
-                                            label: 'Binding da JSON statico',
-                                            admin: {
-                                                width: '50%',
-                                                description: 'Valori statici da passare al child (usati così come sono).',
-                                            },
-                                        },
-                                        {
-                                            name: 'sourceProps',
-                                            type: 'json',
-                                            required: false,
-                                            label: 'Binding dinamico da sorgente dati',
-                                            admin: {
-                                                width: '50%',
-                                                description: 'Valori dinamici da passare al child (usati così come sono).',
-                                            },
-                                        },
-                                    ],
-                                },
-                            ],
-                        },
                     ],
                 },
             ],

package/dist/config/collections/collectionBlocks.d.ts

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

package/dist/config/collections/collectionBlocks.js

@@ -0,0 +1,35 @@
+import { blockCard } from '../blocks/blockCard';
+import { blockView } from '../blocks/blockView';
+export const collectionBlocks = {
+    slug: 'blocks',
+    access: {
+        read: ({ req }) => {
+            // Qui puoi modificare l'accesso in base ai tuoi requisiti
+            // Ad esempio, tutti possono leggere:
+            return true;
+        },
+    },
+    labels: {
+        singular: 'Block',
+        plural: 'Blocks',
+    },
+    admin: {
+        defaultColumns: ['title', 'updatedAt'],
+        useAsTitle: 'title',
+    },
+    fields: [
+        {
+            name: 'title',
+            type: 'text',
+            label: 'Title',
+            required: true,
+            localized: false,
+        },
+        {
+            name: 'layout',
+            type: 'blocks',
+            blocks: [blockCard, blockView],
+        },
+    ],
+    timestamps: true,
+};

package/dist/config/{collectionComponentDefinitions.d.ts → collections/collectionComponentDefinitions.d.ts}

@@ -1,2 +1,2 @@
-import type { CollectionConfig } from 'payload';
+import { CollectionConfig } from 'payload';
 export declare const collectionComponentDefinitions: CollectionConfig;

package/dist/config/collections/collectionComponentDefinitions.js

@@ -0,0 +1,40 @@
+export const collectionComponentDefinitions = {
+    slug: 'component-definitions',
+    admin: {
+        useAsTitle: 'name',
+        description: "Questa collection rappresenta l'insieme dei componenti react presenti nella codebase. La definizione di un componente trasmette al sistema come un componente è composto e soprattutto come si chiama.",
+    },
+    fields: [
+        {
+            type: 'row',
+            fields: [
+                {
+                    name: 'name',
+                    type: 'text',
+                    required: true,
+                    unique: true,
+                    admin: {
+                        width: '50%',
+                        description: 'Nome del componente usato in area admin',
+                    },
+                },
+                {
+                    name: 'componentName',
+                    type: 'text',
+                    required: true,
+                    admin: {
+                        width: '50%',
+                        description: 'Nome del componente in codebase. ATTENZIONE!!! usare stesso nome componente React',
+                    },
+                },
+            ],
+        },
+        {
+            name: 'propsSchema',
+            type: 'json',
+            admin: {
+                description: 'Riporta a sistema la struttura e gli argomenti del componente, non usato in fase di build, ma consultabile in fase di definizione di View Mode o mapping di View Block. Sì potenzialmente inutile, ma comoda',
+            },
+        },
+    ],
+};

package/dist/config/collections/collectionMenus.d.ts

@@ -0,0 +1,2 @@
+import type { CollectionConfig } from 'payload';
+export declare const collectionMenus: () => CollectionConfig;

package/dist/config/{collectionMenus.js → collections/collectionMenus.js}

@@ -1,40 +1,42 @@
-import { fieldArray, fieldCheckbox, fieldRelationship, fieldText } from '../fields';
-export const collectionMenus = ({ relationToOptions = ['pages'], }) => {
+export const collectionMenus = () => {
     return {
         slug: 'menus',
         admin: {
             useAsTitle: 'name',
         },
         fields: [
-            fieldText({ name: 'name' }),
-            fieldArray({
+            { type: 'text', name: 'name' },
+            {
+                type: 'array',
                 name: 'menuItems',
                 label: 'Menu items',
-                type: 'array',
                 fields: [
-                    fieldCheckbox({
+                    {
+                        type: 'checkbox',
                         name: 'is-external',
                         label: 'open in new tab',
-                    }),
-                    fieldText({ name: 'label', label: 'label' }),
-                    fieldRelationship(relationToOptions),
-                    fieldArray({
+                    },
+                    { type: 'text', name: 'label', label: 'label' },
+                    { type: 'relationship', name: 'relationship', relationTo: ['pages'] },
+                    {
+                        type: 'array',
                         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({
+                            {
+                                type: 'checkbox',
                                 name: 'is-external',
                                 label: 'open in new tab',
-                            }),
-                            fieldText({ name: 'label', label: 'label' }),
-                            fieldRelationship(relationToOptions),
+                            },
+                            { type: 'text', name: 'label', label: 'label' },
+                            { type: 'relationship', name: 'relationship', relationTo: ['pages'] },
                         ],
-                    }),
+                    },
                 ],
-            }),
+            },
         ],
     };
 };

package/dist/config/collections/collectionStyles.d.ts

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

package/dist/config/collections/collectionStyles.js

@@ -0,0 +1,25 @@
+import { fieldCss } from '../fields/fieldCss';
+export const collectionStyles = {
+    slug: 'styles',
+    labels: {
+        plural: 'Styles',
+        singular: 'Style',
+    },
+    admin: {
+        useAsTitle: 'name',
+        description: 'Uno stile è 1 o più regole CSS che definiscono una regola coerente col design system di questo progetto. Oltre a quelli che puoi aggiungere a sistema cerca gli helper tailwind per applicare stili. Un helper è nella forma di "t:regola-tailwind"',
+    },
+    fields: [
+        {
+            name: 'name',
+            type: 'text',
+            required: true,
+            unique: true,
+            admin: {
+                width: '50%',
+                description: 'Nome usato da admin UI per costruire i View Mode e stili dei componenti',
+            },
+        },
+        fieldCss(false),
+    ],
+};

package/dist/config/{collectionViewModes.d.ts → collections/collectionViewModes.d.ts}

@@ -1,2 +1,2 @@
-import type { CollectionConfig } from 'payload';
+import { CollectionConfig } from 'payload';
 export declare const collectionViewModes: CollectionConfig;