@woodylab/payload 0.0.133 → 0.0.134

package/dist/LayoutRenderer-B9mdu_LN.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("react/jsx-runtime"),t=require("./resolveLayout-C5t_MveG.js");let e=null;async function o(n){if(e)return e;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 e={byName:o},e}let a=null;async function i(n){if(a)return a;const t=await n.find({collection:"view-modes",depth:4,pagination:!1}),e={};for(const n of t.docs??[])n.name&&(e[n.name]=n);return a={byName:e},a}let r=null;async function c(n){if(r)return r;const t=await n.find({collection:"component-definitions",depth:4,pagination:!1}),e={};for(const n of t.docs??[])n.name&&(e[n.name]=n);return r={byName:e},r}exports.LayoutRenderer=async function({layout:e,payload:a}){const r=await async function(n){return{payload:n,registries:{styles:await o(n),viewMode:await i(n),component:await c(n)}}}(a),s=await t.resolveLayout({layout:e,context:r});return n.jsx(n.Fragment,{children:s.map((t,e)=>{if(!t)return null;const{section:o,container:a,content:i}=t,{SectionComponent:r,SectionStylesBySlot:c}=o,{ContainerComponent:s,ContainerStylesBySlot:l}=a,{ContentComponent:u}=i;return n.jsx(r,{className:c.root,children:n.jsx(s,{className:l.root,children:n.jsx(u,{...i})})},e)})})};
+//# sourceMappingURL=LayoutRenderer-B9mdu_LN.js.map

package/dist/LayoutRenderer-B9mdu_LN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutRenderer-B9mdu_LN.js","sources":["../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 { 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 { 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        const { section, container, content } = block\n        const { SectionComponent, SectionStylesBySlot } = section\n        const { ContainerComponent, ContainerStylesBySlot } = container\n        const { ContentComponent } = content\n        // #TODO sarebbe carino rimuovere la stampa condizionale e includere invece un blocco View come componente per la stampa generica\n\n        return (\n          <SectionComponent key={i} className={SectionStylesBySlot.root}>\n            <ContainerComponent className={ContainerStylesBySlot.root}>\n              <ContentComponent {...content} />\n            </ContainerComponent>\n          </SectionComponent>\n        )\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":["cache","async","getStyleRegistry","payload","result","find","collection","depth","pagination","byName","vm","docs","name","getViewModeRegistry","getComponentRegistry","layout","uims","registries","styles","viewMode","component","createUIMSContext","resolvedLayout","resolveLayout","context","_jsx","_Fragment","children","map","block","i","section","container","content","SectionComponent","SectionStylesBySlot","ContainerComponent","ContainerStylesBySlot","ContentComponent","className","root"],"mappings":"yFAEA,IAAIA,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,wBCvBOC,gBAA8Bc,OAAEA,EAAMZ,QAAEA,IAC7C,MAAMa,QCADf,eAAiCE,GACtC,MAAO,CACLA,UACAc,WAAY,CACVC,aAAchB,EAAiBC,GAC/BgB,eAAgBN,EAAoBV,GACpCiB,gBAAiBN,EAAqBX,IAG5C,CDTqBkB,CAAkBlB,GAC/BmB,QAAuBC,EAAAA,cAAc,CAAER,SAAQS,QAASR,IAC9D,OACES,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SACGL,EAAeM,IAAI,CAACC,EAAYC,KAC/B,IAAKD,EAAO,OAAO,KACnB,MAAME,QAAEA,EAAOC,UAAEA,EAASC,QAAEA,GAAYJ,GAClCK,iBAAEA,EAAgBC,oBAAEA,GAAwBJ,GAC5CK,mBAAEA,EAAkBC,sBAAEA,GAA0BL,GAChDM,iBAAEA,GAAqBL,EAG7B,OACER,EAAAA,IAACS,EAAgB,CAASK,UAAWJ,EAAoBK,KAAIb,SAC3DF,MAACW,EAAkB,CAACG,UAAWF,EAAsBG,KAAIb,SACvDF,EAAAA,IAACa,EAAgB,IAAKL,OAFHH,MASjC"}

package/dist/LayoutRenderer-DHEQyk3K.js

@@ -0,0 +1,2 @@
+import{jsx as n,Fragment as t}from"react/jsx-runtime";import{a as o}from"./resolveLayout-DGll1vY2.js";let e=null;async function a(n){if(e)return e;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 e={byName:o},e}let i=null;async function c(n){if(i)return i;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 i={byName:o},i}let r=null;async function s(n){if(r)return r;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 r={byName:o},r}async function l({layout:e,payload:i}){const r=await async function(n){return{payload:n,registries:{styles:await a(n),viewMode:await c(n),component:await s(n)}}}(i),l=await o({layout:e,context:r});return n(t,{children:l.map((t,o)=>{if(!t)return null;const{section:e,container:a,content:i}=t,{SectionComponent:c,SectionStylesBySlot:r}=e,{ContainerComponent:s,ContainerStylesBySlot:l}=a,{ContentComponent:m}=i;return n(c,{className:r.root,children:n(s,{className:l.root,children:n(m,{...i})})},o)})})}export{l as L};
+//# sourceMappingURL=LayoutRenderer-DHEQyk3K.js.map

package/dist/LayoutRenderer-DHEQyk3K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutRenderer-DHEQyk3K.js","sources":["../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 { 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 { 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        const { section, container, content } = block\n        const { SectionComponent, SectionStylesBySlot } = section\n        const { ContainerComponent, ContainerStylesBySlot } = container\n        const { ContentComponent } = content\n        // #TODO sarebbe carino rimuovere la stampa condizionale e includere invece un blocco View come componente per la stampa generica\n\n        return (\n          <SectionComponent key={i} className={SectionStylesBySlot.root}>\n            <ContainerComponent className={ContainerStylesBySlot.root}>\n              <ContentComponent {...content} />\n            </ContainerComponent>\n          </SectionComponent>\n        )\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":["cache","async","getStyleRegistry","payload","result","find","collection","depth","pagination","byName","vm","docs","name","getViewModeRegistry","getComponentRegistry","LayoutRenderer","layout","uims","registries","styles","viewMode","component","createUIMSContext","resolvedLayout","resolveLayout","context","_jsx","_Fragment","children","map","block","i","section","container","content","SectionComponent","SectionStylesBySlot","ContainerComponent","ContainerStylesBySlot","ContentComponent","className","root"],"mappings":"sGAEA,IAAIA,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,CCvBOC,eAAec,GAAeC,OAAEA,EAAMb,QAAEA,IAC7C,MAAMc,QCADhB,eAAiCE,GACtC,MAAO,CACLA,UACAe,WAAY,CACVC,aAAcjB,EAAiBC,GAC/BiB,eAAgBP,EAAoBV,GACpCkB,gBAAiBP,EAAqBX,IAG5C,CDTqBmB,CAAkBnB,GAC/BoB,QAAuBC,EAAc,CAAER,SAAQS,QAASR,IAC9D,OACES,EAAAC,EAAA,CAAAC,SACGL,EAAeM,IAAI,CAACC,EAAYC,KAC/B,IAAKD,EAAO,OAAO,KACnB,MAAME,QAAEA,EAAOC,UAAEA,EAASC,QAAEA,GAAYJ,GAClCK,iBAAEA,EAAgBC,oBAAEA,GAAwBJ,GAC5CK,mBAAEA,EAAkBC,sBAAEA,GAA0BL,GAChDM,iBAAEA,GAAqBL,EAG7B,OACER,EAACS,EAAgB,CAASK,UAAWJ,EAAoBK,KAAIb,SAC3DF,EAACW,EAAkB,CAACG,UAAWF,EAAsBG,KAAIb,SACvDF,EAACa,EAAgB,IAAKL,OAFHH,MASjC"}

package/dist/config/blocks/blockCard.js

@@ -3,96 +3,171 @@ export const blockCard = {
     slug: 'card',
     fields: [
         {
-            type: 'row',
-            fields: [
+            type: 'tabs',
+            tabs: [
                 {
-                    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',
+                    label: 'Section',
+                    description: 'Section sample text',
+                    fields: [
+                        {
+                            type: 'row',
+                            fields: [
+                                {
+                                    name: 'sectionViewMode',
+                                    type: 'text',
+                                    defaultValue: '',
+                                    admin: {
+                                        width: '50%',
+                                    },
+                                    hooks: {
+                                        beforeChange: [resolveViewModeFromRef('sectionViewModeRef')],
+                                    },
+                                },
+                                {
+                                    name: 'sectionViewModeRef',
+                                    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: 'actionType',
-                    type: 'select',
-                    options: [
-                        { label: 'Navigate', value: 'navigate' },
-                        { label: 'Scroll', value: 'scroll' },
+                    label: 'Container',
+                    description: 'Container sample text',
+                    fields: [
+                        {
+                            type: 'row',
+                            fields: [
+                                {
+                                    name: 'containerViewMode',
+                                    type: 'text',
+                                    defaultValue: '',
+                                    admin: {
+                                        width: '50%',
+                                    },
+                                    hooks: {
+                                        beforeChange: [resolveViewModeFromRef('containerViewModeRef')],
+                                    },
+                                },
+                                {
+                                    name: 'containerViewModeRef',
+                                    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: 'actionTarget',
-                    type: 'select',
-                    options: [
-                        { label: 'URL', value: 'url' },
-                        { label: 'ID', value: 'id' },
+                    label: 'Content',
+                    description: 'Content sample text',
+                    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/blockView.js

@@ -10,7 +10,7 @@ export const blockView = {
             type: 'tabs',
             tabs: [
                 {
-                    label: 'Data Source',
+                    label: 'Config',
                     fields: [
                         {
                             name: 'useInternalSource',
@@ -110,24 +110,55 @@ export const blockView = {
                     ],
                 },
                 {
-                    label: 'View Container',
+                    label: 'Section',
                     fields: [
                         {
                             type: 'row',
                             fields: [
                                 {
-                                    name: 'viewMode',
+                                    name: 'sectionViewMode',
                                     type: 'text',
                                     defaultValue: '',
                                     admin: {
                                         width: '50%',
                                     },
                                     hooks: {
-                                        beforeChange: [resolveViewModeFromRef('viewModeRef')],
+                                        beforeChange: [resolveViewModeFromRef('sectionViewModeRef')],
                                     },
                                 },
                                 {
-                                    name: 'viewModeRef',
+                                    name: 'sectionViewModeRef',
+                                    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',
+                                    },
+                                },
+                            ],
+                        },
+                    ],
+                },
+                {
+                    label: 'Container',
+                    fields: [
+                        {
+                            type: 'row',
+                            fields: [
+                                {
+                                    name: 'containerViewMode',
+                                    type: 'text',
+                                    defaultValue: '',
+                                    admin: {
+                                        width: '50%',
+                                    },
+                                    hooks: {
+                                        beforeChange: [resolveViewModeFromRef('containerViewModeRef')],
+                                    },
+                                },
+                                {
+                                    name: 'containerViewModeRef',
                                     type: 'relationship',
                                     virtual: true,
                                     relationTo: ['view-modes'],
@@ -146,7 +177,7 @@ export const blockView = {
                     ],
                 },
                 {
-                    label: 'Row Items',
+                    label: 'Content',
                     fields: [
                         {
                             type: 'row',