payload-better-editor 1.0.0

package/dist/admin/blocks/schema.d.ts

@@ -0,0 +1,19 @@
+import type { ClientBlock, ClientField, FormState } from 'payload';
+export type Resolved = {
+    blockType: string;
+    blockFields: ClientField[];
+    schemaPath: string;
+    parentPath: string;
+    blocksFieldSchemaPath: string;
+    blocksFieldBlocks: ClientBlock[];
+};
+export type BlockSchemaContext = {
+    docFields: ClientField[];
+    docSlug: string;
+    formFields: FormState;
+};
+export declare const findNamedField: (fields: ClientField[], name: string, schemaPath: string) => {
+    field: ClientField;
+    schemaPath: string;
+} | null;
+export declare const resolveBlockSchema: (context: BlockSchemaContext, blockPath: string) => Resolved | null;

package/dist/admin/blocks/schema.js

@@ -0,0 +1,80 @@
+const tabHasName = (tab)=>typeof tab.name === 'string';
+export const findNamedField = (fields, name, schemaPath)=>{
+    for (const field of fields){
+        if (!field || typeof field !== 'object') continue;
+        if ('name' in field && typeof field.name === 'string' && field.name === name) {
+            return {
+                field,
+                schemaPath: `${schemaPath}.${name}`
+            };
+        }
+        if (field.type === 'tabs') {
+            for (const tab of field.tabs){
+                const tabSchemaPath = tabHasName(tab) ? `${schemaPath}.${tab.name}` : schemaPath;
+                const found = findNamedField(tab.fields, name, tabSchemaPath);
+                if (found) return found;
+            }
+        } else if (field.type === 'collapsible' || field.type === 'row') {
+            const found = findNamedField(field.fields, name, schemaPath);
+            if (found) return found;
+        }
+    // Groups are not transparent: their inner fields are reached via the
+    // group's own name as the next path segment.
+    }
+    return null;
+};
+export const resolveBlockSchema = (context, blockPath)=>{
+    const { docFields, docSlug, formFields } = context;
+    const segments = blockPath.split('.');
+    let currentFields = docFields;
+    let currentSchemaPath = docSlug;
+    let currentPath = '';
+    let blockType = null;
+    let blockConfig = null;
+    let blocksFieldSchemaPath = '';
+    let blocksFieldBlocks = [];
+    for(let i = 0; i < segments.length; i += 2){
+        const fieldName = segments[i];
+        const indexStr = segments[i + 1];
+        if (indexStr === undefined) break;
+        const index = Number(indexStr);
+        if (!Number.isInteger(index) || index < 0) return null;
+        const found = findNamedField(currentFields, fieldName, currentSchemaPath);
+        if (!found) return null;
+        const field = found.field;
+        currentSchemaPath = found.schemaPath;
+        currentPath = currentPath ? `${currentPath}.${fieldName}` : fieldName;
+        if (field.type === 'blocks') {
+            const rows = formFields[currentPath]?.rows;
+            if (!Array.isArray(rows) || index >= rows.length) return null;
+            const row = rows[index];
+            if (!row?.blockType) return null;
+            blockType = row.blockType;
+            const blocks = field.blocks;
+            blockConfig = blocks.find((b)=>b.slug === blockType) ?? null;
+            if (!blockConfig) return null;
+            // Capture parent before descending — used by "add sibling block".
+            blocksFieldSchemaPath = currentSchemaPath;
+            blocksFieldBlocks = blocks;
+            currentFields = blockConfig.fields;
+            currentSchemaPath = `${currentSchemaPath}.${blockType}`;
+            currentPath = `${currentPath}.${index}`;
+        } else if (field.type === 'array') {
+            currentFields = field.fields;
+            currentPath = `${currentPath}.${index}`;
+        } else {
+            return null;
+        }
+    }
+    if (!blockType || !blockConfig) return null;
+    return {
+        blockType,
+        blockFields: currentFields,
+        schemaPath: currentSchemaPath,
+        parentPath: currentPath,
+        blocksFieldSchemaPath,
+        blocksFieldBlocks
+    };
+};
+
+//# sourceMappingURL=schema.js.map

package/dist/admin/blocks/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/blocks/schema.ts"],"sourcesContent":["import type { ClientTab } from 'payload'\nimport type { ClientBlock, ClientField, FormState } from 'payload'\n\nexport type Resolved = {\n  blockType: string\n  blockFields: ClientField[]\n  schemaPath: string\n  parentPath: string\n  blocksFieldSchemaPath: string\n  blocksFieldBlocks: ClientBlock[]\n}\n\nexport type BlockSchemaContext = {\n  docFields: ClientField[]\n  docSlug: string\n  formFields: FormState\n}\n\nconst tabHasName = (tab: ClientTab): tab is ClientTab & { name: string } =>\n  typeof (tab as { name?: unknown }).name === 'string'\n\nexport const findNamedField = (\n  fields: ClientField[],\n  name: string,\n  schemaPath: string,\n): { field: ClientField; schemaPath: string } | null => {\n  for (const field of fields) {\n    if (!field || typeof field !== 'object') continue\n\n    if ('name' in field && typeof field.name === 'string' && field.name === name) {\n      return { field, schemaPath: `${schemaPath}.${name}` }\n    }\n\n    if (field.type === 'tabs') {\n      for (const tab of field.tabs) {\n        const tabSchemaPath = tabHasName(tab) ? `${schemaPath}.${tab.name}` : schemaPath\n        const found = findNamedField(tab.fields, name, tabSchemaPath)\n        if (found) return found\n      }\n    } else if (field.type === 'collapsible' || field.type === 'row') {\n      const found = findNamedField(field.fields, name, schemaPath)\n      if (found) return found\n    }\n    // Groups are not transparent: their inner fields are reached via the\n    // group's own name as the next path segment.\n  }\n  return null\n}\n\nexport const resolveBlockSchema = (\n  context: BlockSchemaContext,\n  blockPath: string,\n): Resolved | null => {\n  const { docFields, docSlug, formFields } = context\n  const segments = blockPath.split('.')\n  let currentFields: ClientField[] = docFields\n  let currentSchemaPath = docSlug\n  let currentPath = ''\n  let blockType: string | null = null\n  let blockConfig: ClientBlock | null = null\n  let blocksFieldSchemaPath = ''\n  let blocksFieldBlocks: ClientBlock[] = []\n\n  for (let i = 0; i < segments.length; i += 2) {\n    const fieldName = segments[i]\n    const indexStr = segments[i + 1]\n    if (indexStr === undefined) break\n    const index = Number(indexStr)\n    if (!Number.isInteger(index) || index < 0) return null\n\n    const found = findNamedField(currentFields, fieldName, currentSchemaPath)\n    if (!found) return null\n    const field = found.field\n    currentSchemaPath = found.schemaPath\n    currentPath = currentPath ? `${currentPath}.${fieldName}` : fieldName\n\n    if (field.type === 'blocks') {\n      const rows = formFields[currentPath]?.rows\n      if (!Array.isArray(rows) || index >= rows.length) return null\n      const row = rows[index] as { blockType?: string } | undefined\n      if (!row?.blockType) return null\n      blockType = row.blockType\n      const blocks = field.blocks\n      blockConfig = blocks.find((b) => b.slug === blockType) ?? null\n      if (!blockConfig) return null\n      // Capture parent before descending — used by \"add sibling block\".\n      blocksFieldSchemaPath = currentSchemaPath\n      blocksFieldBlocks = blocks\n      currentFields = blockConfig.fields\n      currentSchemaPath = `${currentSchemaPath}.${blockType}`\n      currentPath = `${currentPath}.${index}`\n    } else if (field.type === 'array') {\n      currentFields = field.fields\n      currentPath = `${currentPath}.${index}`\n    } else {\n      return null\n    }\n  }\n\n  if (!blockType || !blockConfig) return null\n\n  return {\n    blockType,\n    blockFields: currentFields,\n    schemaPath: currentSchemaPath,\n    parentPath: currentPath,\n    blocksFieldSchemaPath,\n    blocksFieldBlocks,\n  }\n}\n"],"names":["tabHasName","tab","name","findNamedField","fields","schemaPath","field","type","tabs","tabSchemaPath","found","resolveBlockSchema","context","blockPath","docFields","docSlug","formFields","segments","split","currentFields","currentSchemaPath","currentPath","blockType","blockConfig","blocksFieldSchemaPath","blocksFieldBlocks","i","length","fieldName","indexStr","undefined","index","Number","isInteger","rows","Array","isArray","row","blocks","find","b","slug","blockFields","parentPath"],"mappings":"AAkBA,MAAMA,aAAa,CAACC,MAClB,OAAO,AAACA,IAA2BC,IAAI,KAAK;AAE9C,OAAO,MAAMC,iBAAiB,CAC5BC,QACAF,MACAG;IAEA,KAAK,MAAMC,SAASF,OAAQ;QAC1B,IAAI,CAACE,SAAS,OAAOA,UAAU,UAAU;QAEzC,IAAI,UAAUA,SAAS,OAAOA,MAAMJ,IAAI,KAAK,YAAYI,MAAMJ,IAAI,KAAKA,MAAM;YAC5E,OAAO;gBAAEI;gBAAOD,YAAY,GAAGA,WAAW,CAAC,EAAEH,MAAM;YAAC;QACtD;QAEA,IAAII,MAAMC,IAAI,KAAK,QAAQ;YACzB,KAAK,MAAMN,OAAOK,MAAME,IAAI,CAAE;gBAC5B,MAAMC,gBAAgBT,WAAWC,OAAO,GAAGI,WAAW,CAAC,EAAEJ,IAAIC,IAAI,EAAE,GAAGG;gBACtE,MAAMK,QAAQP,eAAeF,IAAIG,MAAM,EAAEF,MAAMO;gBAC/C,IAAIC,OAAO,OAAOA;YACpB;QACF,OAAO,IAAIJ,MAAMC,IAAI,KAAK,iBAAiBD,MAAMC,IAAI,KAAK,OAAO;YAC/D,MAAMG,QAAQP,eAAeG,MAAMF,MAAM,EAAEF,MAAMG;YACjD,IAAIK,OAAO,OAAOA;QACpB;IACA,qEAAqE;IACrE,6CAA6C;IAC/C;IACA,OAAO;AACT,EAAC;AAED,OAAO,MAAMC,qBAAqB,CAChCC,SACAC;IAEA,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGJ;IAC3C,MAAMK,WAAWJ,UAAUK,KAAK,CAAC;IACjC,IAAIC,gBAA+BL;IACnC,IAAIM,oBAAoBL;IACxB,IAAIM,cAAc;IAClB,IAAIC,YAA2B;IAC/B,IAAIC,cAAkC;IACtC,IAAIC,wBAAwB;IAC5B,IAAIC,oBAAmC,EAAE;IAEzC,IAAK,IAAIC,IAAI,GAAGA,IAAIT,SAASU,MAAM,EAAED,KAAK,EAAG;QAC3C,MAAME,YAAYX,QAAQ,CAACS,EAAE;QAC7B,MAAMG,WAAWZ,QAAQ,CAACS,IAAI,EAAE;QAChC,IAAIG,aAAaC,WAAW;QAC5B,MAAMC,QAAQC,OAAOH;QACrB,IAAI,CAACG,OAAOC,SAAS,CAACF,UAAUA,QAAQ,GAAG,OAAO;QAElD,MAAMrB,QAAQP,eAAegB,eAAeS,WAAWR;QACvD,IAAI,CAACV,OAAO,OAAO;QACnB,MAAMJ,QAAQI,MAAMJ,KAAK;QACzBc,oBAAoBV,MAAML,UAAU;QACpCgB,cAAcA,cAAc,GAAGA,YAAY,CAAC,EAAEO,WAAW,GAAGA;QAE5D,IAAItB,MAAMC,IAAI,KAAK,UAAU;YAC3B,MAAM2B,OAAOlB,UAAU,CAACK,YAAY,EAAEa;YACtC,IAAI,CAACC,MAAMC,OAAO,CAACF,SAASH,SAASG,KAAKP,MAAM,EAAE,OAAO;YACzD,MAAMU,MAAMH,IAAI,CAACH,MAAM;YACvB,IAAI,CAACM,KAAKf,WAAW,OAAO;YAC5BA,YAAYe,IAAIf,SAAS;YACzB,MAAMgB,SAAShC,MAAMgC,MAAM;YAC3Bf,cAAce,OAAOC,IAAI,CAAC,CAACC,IAAMA,EAAEC,IAAI,KAAKnB,cAAc;YAC1D,IAAI,CAACC,aAAa,OAAO;YACzB,kEAAkE;YAClEC,wBAAwBJ;YACxBK,oBAAoBa;YACpBnB,gBAAgBI,YAAYnB,MAAM;YAClCgB,oBAAoB,GAAGA,kBAAkB,CAAC,EAAEE,WAAW;YACvDD,cAAc,GAAGA,YAAY,CAAC,EAAEU,OAAO;QACzC,OAAO,IAAIzB,MAAMC,IAAI,KAAK,SAAS;YACjCY,gBAAgBb,MAAMF,MAAM;YAC5BiB,cAAc,GAAGA,YAAY,CAAC,EAAEU,OAAO;QACzC,OAAO;YACL,OAAO;QACT;IACF;IAEA,IAAI,CAACT,aAAa,CAACC,aAAa,OAAO;IAEvC,OAAO;QACLD;QACAoB,aAAavB;QACbd,YAAYe;QACZuB,YAAYtB;QACZG;QACAC;IACF;AACF,EAAC"}

package/dist/admin/blocks/useBlockActions.d.ts

@@ -0,0 +1,24 @@
+type Args = {
+    selectedBlockPath: string | null;
+    onSelectPath: (path: string | null) => void;
+    onClearSelection: () => void;
+};
+export declare const useBlockActions: ({ selectedBlockPath, onSelectPath, onClearSelection, }: Args) => {
+    moveUp: () => void;
+    moveDown: () => void;
+    duplicate: () => void;
+    remove: () => void;
+    addAfter: ({ blockType, schemaPath, containerPath, index, }: {
+        blockType?: string;
+        schemaPath: string;
+        containerPath: string;
+        index: number;
+    }) => void;
+    canMoveUp: boolean;
+    canMoveDown: boolean;
+    canMutate: boolean;
+    parentPath: string;
+    rowIndex: number;
+    rowCount: number;
+};
+export {};

package/dist/admin/blocks/useBlockActions.js

@@ -0,0 +1,100 @@
+'use client';
+import { useAllFormFields, useForm } from '@payloadcms/ui';
+import { useEditorHistory } from '../../state/useEditorHistory';
+import { splitFieldPath } from '../../internal/path';
+const rowCountAt = (fields, path)=>{
+    const rows = fields[path]?.rows;
+    return Array.isArray(rows) ? rows.length : 0;
+};
+export const useBlockActions = ({ selectedBlockPath, onSelectPath, onClearSelection })=>{
+    const [fields] = useAllFormFields();
+    const { addFieldRow, dispatchFields } = useForm();
+    const { commit } = useEditorHistory();
+    const split = selectedBlockPath ? splitFieldPath(selectedBlockPath) : null;
+    const parentPath = split?.parent ?? '';
+    const rowIndex = split ? split.index : NaN;
+    const rowCount = parentPath ? rowCountAt(fields, parentPath) : 0;
+    const canMutate = !Number.isNaN(rowIndex) && parentPath !== '' && rowIndex < rowCount;
+    const canMoveUp = canMutate && rowIndex > 0;
+    const canMoveDown = canMutate && rowIndex < rowCount - 1;
+    // Re-check bounds at call time: form state may have shifted between
+    // render and click (e.g. another action just removed the row).
+    const runRowAction = (kind)=>{
+        if (kind === 'move-up' && !canMoveUp) return;
+        if (kind === 'move-down' && !canMoveDown) return;
+        if ((kind === 'duplicate' || kind === 'remove') && !canMutate) return;
+        const liveCount = rowCountAt(fields, parentPath);
+        if (rowIndex >= liveCount) return;
+        if (kind === 'move-down' && rowIndex >= liveCount - 1) return;
+        commit(()=>{
+            switch(kind){
+                case 'move-up':
+                    dispatchFields({
+                        type: 'MOVE_ROW',
+                        path: parentPath,
+                        moveFromIndex: rowIndex,
+                        moveToIndex: rowIndex - 1
+                    });
+                    break;
+                case 'move-down':
+                    dispatchFields({
+                        type: 'MOVE_ROW',
+                        path: parentPath,
+                        moveFromIndex: rowIndex,
+                        moveToIndex: rowIndex + 1
+                    });
+                    break;
+                case 'duplicate':
+                    dispatchFields({
+                        type: 'DUPLICATE_ROW',
+                        path: parentPath,
+                        rowIndex
+                    });
+                    break;
+                case 'remove':
+                    dispatchFields({
+                        type: 'REMOVE_ROW',
+                        path: parentPath,
+                        rowIndex
+                    });
+                    break;
+            }
+        });
+        if (kind === 'remove') {
+            onClearSelection();
+            return;
+        }
+        const nextIndex = kind === 'move-up' ? rowIndex - 1 : kind === 'move-down' ? rowIndex + 1 : rowIndex + 1;
+        onSelectPath(`${parentPath}.${nextIndex}`);
+    };
+    const moveUp = ()=>runRowAction('move-up');
+    const moveDown = ()=>runRowAction('move-down');
+    const duplicate = ()=>runRowAction('duplicate');
+    const remove = ()=>runRowAction('remove');
+    const addAfter = ({ blockType, schemaPath, containerPath, index })=>{
+        commit(()=>{
+            addFieldRow({
+                blockType,
+                path: containerPath,
+                rowIndex: index,
+                schemaPath
+            });
+        });
+        onSelectPath(`${containerPath}.${index}`);
+    };
+    return {
+        moveUp,
+        moveDown,
+        duplicate,
+        remove,
+        addAfter,
+        canMoveUp,
+        canMoveDown,
+        canMutate,
+        parentPath,
+        rowIndex,
+        rowCount
+    };
+};
+
+//# sourceMappingURL=useBlockActions.js.map

package/dist/admin/blocks/useBlockActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/blocks/useBlockActions.ts"],"sourcesContent":["'use client'\n\nimport { useAllFormFields, useForm } from '@payloadcms/ui'\nimport { useEditorHistory } from '../../state/useEditorHistory'\nimport { splitFieldPath } from '../../internal/path'\n\ntype Args = {\n  selectedBlockPath: string | null\n  onSelectPath: (path: string | null) => void\n  onClearSelection: () => void\n}\n\nconst rowCountAt = (\n  fields: ReturnType<typeof useAllFormFields>[0],\n  path: string,\n): number => {\n  const rows = fields[path]?.rows\n  return Array.isArray(rows) ? rows.length : 0\n}\n\nexport const useBlockActions = ({\n  selectedBlockPath,\n  onSelectPath,\n  onClearSelection,\n}: Args) => {\n  const [fields] = useAllFormFields()\n  const { addFieldRow, dispatchFields } = useForm()\n  const { commit } = useEditorHistory()\n\n  const split = selectedBlockPath ? splitFieldPath(selectedBlockPath) : null\n  const parentPath = split?.parent ?? ''\n  const rowIndex = split ? split.index : NaN\n  const rowCount = parentPath ? rowCountAt(fields, parentPath) : 0\n  const canMutate = !Number.isNaN(rowIndex) && parentPath !== '' && rowIndex < rowCount\n  const canMoveUp = canMutate && rowIndex > 0\n  const canMoveDown = canMutate && rowIndex < rowCount - 1\n\n  // Re-check bounds at call time: form state may have shifted between\n  // render and click (e.g. another action just removed the row).\n  const runRowAction = (\n    kind: 'move-up' | 'move-down' | 'duplicate' | 'remove',\n  ): void => {\n    if (kind === 'move-up' && !canMoveUp) return\n    if (kind === 'move-down' && !canMoveDown) return\n    if ((kind === 'duplicate' || kind === 'remove') && !canMutate) return\n    const liveCount = rowCountAt(fields, parentPath)\n    if (rowIndex >= liveCount) return\n    if (kind === 'move-down' && rowIndex >= liveCount - 1) return\n    commit(() => {\n      switch (kind) {\n        case 'move-up':\n          dispatchFields({\n            type: 'MOVE_ROW',\n            path: parentPath,\n            moveFromIndex: rowIndex,\n            moveToIndex: rowIndex - 1,\n          })\n          break\n        case 'move-down':\n          dispatchFields({\n            type: 'MOVE_ROW',\n            path: parentPath,\n            moveFromIndex: rowIndex,\n            moveToIndex: rowIndex + 1,\n          })\n          break\n        case 'duplicate':\n          dispatchFields({ type: 'DUPLICATE_ROW', path: parentPath, rowIndex })\n          break\n        case 'remove':\n          dispatchFields({ type: 'REMOVE_ROW', path: parentPath, rowIndex })\n          break\n      }\n    })\n    if (kind === 'remove') {\n      onClearSelection()\n      return\n    }\n    const nextIndex =\n      kind === 'move-up' ? rowIndex - 1 : kind === 'move-down' ? rowIndex + 1 : rowIndex + 1\n    onSelectPath(`${parentPath}.${nextIndex}`)\n  }\n\n  const moveUp = () => runRowAction('move-up')\n  const moveDown = () => runRowAction('move-down')\n  const duplicate = () => runRowAction('duplicate')\n  const remove = () => runRowAction('remove')\n\n  const addAfter = ({\n    blockType,\n    schemaPath,\n    containerPath,\n    index,\n  }: {\n    blockType?: string\n    schemaPath: string\n    containerPath: string\n    index: number\n  }) => {\n    commit(() => {\n      addFieldRow({\n        blockType,\n        path: containerPath,\n        rowIndex: index,\n        schemaPath,\n      })\n    })\n    onSelectPath(`${containerPath}.${index}`)\n  }\n\n  return {\n    moveUp,\n    moveDown,\n    duplicate,\n    remove,\n    addAfter,\n    canMoveUp,\n    canMoveDown,\n    canMutate,\n    parentPath,\n    rowIndex,\n    rowCount,\n  }\n}\n"],"names":["useAllFormFields","useForm","useEditorHistory","splitFieldPath","rowCountAt","fields","path","rows","Array","isArray","length","useBlockActions","selectedBlockPath","onSelectPath","onClearSelection","addFieldRow","dispatchFields","commit","split","parentPath","parent","rowIndex","index","NaN","rowCount","canMutate","Number","isNaN","canMoveUp","canMoveDown","runRowAction","kind","liveCount","type","moveFromIndex","moveToIndex","nextIndex","moveUp","moveDown","duplicate","remove","addAfter","blockType","schemaPath","containerPath"],"mappings":"AAAA;AAEA,SAASA,gBAAgB,EAAEC,OAAO,QAAQ,iBAAgB;AAC1D,SAASC,gBAAgB,QAAQ,+BAA8B;AAC/D,SAASC,cAAc,QAAQ,sBAAqB;AAQpD,MAAMC,aAAa,CACjBC,QACAC;IAEA,MAAMC,OAAOF,MAAM,CAACC,KAAK,EAAEC;IAC3B,OAAOC,MAAMC,OAAO,CAACF,QAAQA,KAAKG,MAAM,GAAG;AAC7C;AAEA,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,iBAAiB,EACjBC,YAAY,EACZC,gBAAgB,EACX;IACL,MAAM,CAACT,OAAO,GAAGL;IACjB,MAAM,EAAEe,WAAW,EAAEC,cAAc,EAAE,GAAGf;IACxC,MAAM,EAAEgB,MAAM,EAAE,GAAGf;IAEnB,MAAMgB,QAAQN,oBAAoBT,eAAeS,qBAAqB;IACtE,MAAMO,aAAaD,OAAOE,UAAU;IACpC,MAAMC,WAAWH,QAAQA,MAAMI,KAAK,GAAGC;IACvC,MAAMC,WAAWL,aAAaf,WAAWC,QAAQc,cAAc;IAC/D,MAAMM,YAAY,CAACC,OAAOC,KAAK,CAACN,aAAaF,eAAe,MAAME,WAAWG;IAC7E,MAAMI,YAAYH,aAAaJ,WAAW;IAC1C,MAAMQ,cAAcJ,aAAaJ,WAAWG,WAAW;IAEvD,oEAAoE;IACpE,+DAA+D;IAC/D,MAAMM,eAAe,CACnBC;QAEA,IAAIA,SAAS,aAAa,CAACH,WAAW;QACtC,IAAIG,SAAS,eAAe,CAACF,aAAa;QAC1C,IAAI,AAACE,CAAAA,SAAS,eAAeA,SAAS,QAAO,KAAM,CAACN,WAAW;QAC/D,MAAMO,YAAY5B,WAAWC,QAAQc;QACrC,IAAIE,YAAYW,WAAW;QAC3B,IAAID,SAAS,eAAeV,YAAYW,YAAY,GAAG;QACvDf,OAAO;YACL,OAAQc;gBACN,KAAK;oBACHf,eAAe;wBACbiB,MAAM;wBACN3B,MAAMa;wBACNe,eAAeb;wBACfc,aAAad,WAAW;oBAC1B;oBACA;gBACF,KAAK;oBACHL,eAAe;wBACbiB,MAAM;wBACN3B,MAAMa;wBACNe,eAAeb;wBACfc,aAAad,WAAW;oBAC1B;oBACA;gBACF,KAAK;oBACHL,eAAe;wBAAEiB,MAAM;wBAAiB3B,MAAMa;wBAAYE;oBAAS;oBACnE;gBACF,KAAK;oBACHL,eAAe;wBAAEiB,MAAM;wBAAc3B,MAAMa;wBAAYE;oBAAS;oBAChE;YACJ;QACF;QACA,IAAIU,SAAS,UAAU;YACrBjB;YACA;QACF;QACA,MAAMsB,YACJL,SAAS,YAAYV,WAAW,IAAIU,SAAS,cAAcV,WAAW,IAAIA,WAAW;QACvFR,aAAa,GAAGM,WAAW,CAAC,EAAEiB,WAAW;IAC3C;IAEA,MAAMC,SAAS,IAAMP,aAAa;IAClC,MAAMQ,WAAW,IAAMR,aAAa;IACpC,MAAMS,YAAY,IAAMT,aAAa;IACrC,MAAMU,SAAS,IAAMV,aAAa;IAElC,MAAMW,WAAW,CAAC,EAChBC,SAAS,EACTC,UAAU,EACVC,aAAa,EACbtB,KAAK,EAMN;QACCL,OAAO;YACLF,YAAY;gBACV2B;gBACApC,MAAMsC;gBACNvB,UAAUC;gBACVqB;YACF;QACF;QACA9B,aAAa,GAAG+B,cAAc,CAAC,EAAEtB,OAAO;IAC1C;IAEA,OAAO;QACLe;QACAC;QACAC;QACAC;QACAC;QACAb;QACAC;QACAJ;QACAN;QACAE;QACAG;IACF;AACF,EAAC"}

package/dist/admin/icons.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { type LucideProps } from 'lucide-react';
+export type { LucideProps };
+export declare const ChevronUp: React.FC<LucideProps>;
+export declare const ChevronDown: React.FC<LucideProps>;
+export declare const CopyIcon: React.FC<LucideProps>;
+export declare const TrashIcon: React.FC<LucideProps>;
+export declare const PlusIcon: React.FC<LucideProps>;
+export declare const DesktopIcon: React.FC<LucideProps>;
+export declare const TabletIcon: React.FC<LucideProps>;
+export declare const MobileIcon: React.FC<LucideProps>;
+export declare const ResponsiveIcon: React.FC<LucideProps>;
+export declare const FullscreenIcon: React.FC<LucideProps>;
+export declare const FullscreenExitIcon: React.FC<LucideProps>;
+export declare const UndoIcon: React.FC<LucideProps>;
+export declare const RedoIcon: React.FC<LucideProps>;
+export declare const LayoutIcon: React.FC<LucideProps>;
+export declare const SidebarHideIcon: React.FC<LucideProps>;
+export declare const SidebarShowIcon: React.FC<LucideProps>;
+export declare const InteractIcon: React.FC<LucideProps>;
+export declare const InteractOffIcon: React.FC<LucideProps>;
+export declare const StarIcon: React.FC<LucideProps>;
+export declare const BugIcon: React.FC<LucideProps>;
+export declare const GithubIcon: React.FC<LucideProps>;

package/dist/admin/icons.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ChevronUp as L_ChevronUp, ChevronDown as L_ChevronDown, Copy as L_Copy, Trash2 as L_Trash2, Plus as L_Plus, Monitor as L_Monitor, Tablet as L_Tablet, Smartphone as L_Smartphone, MoveHorizontal as L_MoveHorizontal, Expand as L_Expand, Shrink as L_Shrink, Undo as L_Undo, Redo as L_Redo, PanelLeft as L_PanelLeft, PanelRightOpen as L_PanelRightOpen, PanelRightClose as L_PanelRightClose, MousePointer2 as L_MousePointer2, MousePointer2Off as L_MousePointer2Off, Star as L_Star, Bug as L_Bug, Github as L_Github } from 'lucide-react';
+// Pin default size to 16px (lucide's own default is 24); caller props win.
+const sized = (Icon)=>{
+    const Wrapped = (props)=>/*#__PURE__*/ _jsx(Icon, {
+            size: 16,
+            ...props
+        });
+    Wrapped.displayName = `Sized(${Icon.displayName ?? Icon.name})`;
+    return Wrapped;
+};
+export const ChevronUp = sized(L_ChevronUp);
+export const ChevronDown = sized(L_ChevronDown);
+export const CopyIcon = sized(L_Copy);
+export const TrashIcon = sized(L_Trash2);
+export const PlusIcon = sized(L_Plus);
+export const DesktopIcon = sized(L_Monitor);
+export const TabletIcon = sized(L_Tablet);
+export const MobileIcon = sized(L_Smartphone);
+export const ResponsiveIcon = sized(L_MoveHorizontal);
+export const FullscreenIcon = sized(L_Expand);
+export const FullscreenExitIcon = sized(L_Shrink);
+export const UndoIcon = sized(L_Undo);
+export const RedoIcon = sized(L_Redo);
+export const LayoutIcon = sized(L_PanelLeft);
+export const SidebarHideIcon = sized(L_PanelRightClose);
+export const SidebarShowIcon = sized(L_PanelRightOpen);
+export const InteractIcon = sized(L_MousePointer2);
+export const InteractOffIcon = sized(L_MousePointer2Off);
+export const StarIcon = sized(L_Star);
+export const BugIcon = sized(L_Bug);
+export const GithubIcon = sized(L_Github);
+
+//# sourceMappingURL=icons.js.map

package/dist/admin/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/icons.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport {\n  ChevronUp as L_ChevronUp,\n  ChevronDown as L_ChevronDown,\n  Copy as L_Copy,\n  Trash2 as L_Trash2,\n  Plus as L_Plus,\n  Monitor as L_Monitor,\n  Tablet as L_Tablet,\n  Smartphone as L_Smartphone,\n  MoveHorizontal as L_MoveHorizontal,\n  Expand as L_Expand,\n  Shrink as L_Shrink,\n  Undo as L_Undo,\n  Redo as L_Redo,\n  PanelLeft as L_PanelLeft,\n  PanelRightOpen as L_PanelRightOpen,\n  PanelRightClose as L_PanelRightClose,\n  MousePointer2 as L_MousePointer2,\n  MousePointer2Off as L_MousePointer2Off,\n  Star as L_Star,\n  Bug as L_Bug,\n  Github as L_Github,\n  type LucideProps,\n} from 'lucide-react'\n\nexport type { LucideProps }\n\n// Pin default size to 16px (lucide's own default is 24); caller props win.\nconst sized = (Icon: React.ComponentType<LucideProps>): React.FC<LucideProps> => {\n  const Wrapped: React.FC<LucideProps> = (props) => <Icon size={16} {...props} />\n  Wrapped.displayName = `Sized(${Icon.displayName ?? Icon.name})`\n  return Wrapped\n}\n\nexport const ChevronUp = sized(L_ChevronUp)\nexport const ChevronDown = sized(L_ChevronDown)\nexport const CopyIcon = sized(L_Copy)\nexport const TrashIcon = sized(L_Trash2)\nexport const PlusIcon = sized(L_Plus)\nexport const DesktopIcon = sized(L_Monitor)\nexport const TabletIcon = sized(L_Tablet)\nexport const MobileIcon = sized(L_Smartphone)\nexport const ResponsiveIcon = sized(L_MoveHorizontal)\nexport const FullscreenIcon = sized(L_Expand)\nexport const FullscreenExitIcon = sized(L_Shrink)\nexport const UndoIcon = sized(L_Undo)\nexport const RedoIcon = sized(L_Redo)\nexport const LayoutIcon = sized(L_PanelLeft)\nexport const SidebarHideIcon = sized(L_PanelRightClose)\nexport const SidebarShowIcon = sized(L_PanelRightOpen)\nexport const InteractIcon = sized(L_MousePointer2)\nexport const InteractOffIcon = sized(L_MousePointer2Off)\nexport const StarIcon = sized(L_Star)\nexport const BugIcon = sized(L_Bug)\nexport const GithubIcon = sized(L_Github)\n"],"names":["React","ChevronUp","L_ChevronUp","ChevronDown","L_ChevronDown","Copy","L_Copy","Trash2","L_Trash2","Plus","L_Plus","Monitor","L_Monitor","Tablet","L_Tablet","Smartphone","L_Smartphone","MoveHorizontal","L_MoveHorizontal","Expand","L_Expand","Shrink","L_Shrink","Undo","L_Undo","Redo","L_Redo","PanelLeft","L_PanelLeft","PanelRightOpen","L_PanelRightOpen","PanelRightClose","L_PanelRightClose","MousePointer2","L_MousePointer2","MousePointer2Off","L_MousePointer2Off","Star","L_Star","Bug","L_Bug","Github","L_Github","sized","Icon","Wrapped","props","size","displayName","name","CopyIcon","TrashIcon","PlusIcon","DesktopIcon","TabletIcon","MobileIcon","ResponsiveIcon","FullscreenIcon","FullscreenExitIcon","UndoIcon","RedoIcon","LayoutIcon","SidebarHideIcon","SidebarShowIcon","InteractIcon","InteractOffIcon","StarIcon","BugIcon","GithubIcon"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AACzB,SACEC,aAAaC,WAAW,EACxBC,eAAeC,aAAa,EAC5BC,QAAQC,MAAM,EACdC,UAAUC,QAAQ,EAClBC,QAAQC,MAAM,EACdC,WAAWC,SAAS,EACpBC,UAAUC,QAAQ,EAClBC,cAAcC,YAAY,EAC1BC,kBAAkBC,gBAAgB,EAClCC,UAAUC,QAAQ,EAClBC,UAAUC,QAAQ,EAClBC,QAAQC,MAAM,EACdC,QAAQC,MAAM,EACdC,aAAaC,WAAW,EACxBC,kBAAkBC,gBAAgB,EAClCC,mBAAmBC,iBAAiB,EACpCC,iBAAiBC,eAAe,EAChCC,oBAAoBC,kBAAkB,EACtCC,QAAQC,MAAM,EACdC,OAAOC,KAAK,EACZC,UAAUC,QAAQ,QAEb,eAAc;AAIrB,2EAA2E;AAC3E,MAAMC,QAAQ,CAACC;IACb,MAAMC,UAAiC,CAACC,sBAAU,KAACF;YAAKG,MAAM;YAAK,GAAGD,KAAK;;IAC3ED,QAAQG,WAAW,GAAG,CAAC,MAAM,EAAEJ,KAAKI,WAAW,IAAIJ,KAAKK,IAAI,CAAC,CAAC,CAAC;IAC/D,OAAOJ;AACT;AAEA,OAAO,MAAM5C,YAAY0C,MAAMzC,aAAY;AAC3C,OAAO,MAAMC,cAAcwC,MAAMvC,eAAc;AAC/C,OAAO,MAAM8C,WAAWP,MAAMrC,QAAO;AACrC,OAAO,MAAM6C,YAAYR,MAAMnC,UAAS;AACxC,OAAO,MAAM4C,WAAWT,MAAMjC,QAAO;AACrC,OAAO,MAAM2C,cAAcV,MAAM/B,WAAU;AAC3C,OAAO,MAAM0C,aAAaX,MAAM7B,UAAS;AACzC,OAAO,MAAMyC,aAAaZ,MAAM3B,cAAa;AAC7C,OAAO,MAAMwC,iBAAiBb,MAAMzB,kBAAiB;AACrD,OAAO,MAAMuC,iBAAiBd,MAAMvB,UAAS;AAC7C,OAAO,MAAMsC,qBAAqBf,MAAMrB,UAAS;AACjD,OAAO,MAAMqC,WAAWhB,MAAMnB,QAAO;AACrC,OAAO,MAAMoC,WAAWjB,MAAMjB,QAAO;AACrC,OAAO,MAAMmC,aAAalB,MAAMf,aAAY;AAC5C,OAAO,MAAMkC,kBAAkBnB,MAAMX,mBAAkB;AACvD,OAAO,MAAM+B,kBAAkBpB,MAAMb,kBAAiB;AACtD,OAAO,MAAMkC,eAAerB,MAAMT,iBAAgB;AAClD,OAAO,MAAM+B,kBAAkBtB,MAAMP,oBAAmB;AACxD,OAAO,MAAM8B,WAAWvB,MAAML,QAAO;AACrC,OAAO,MAAM6B,UAAUxB,MAAMH,OAAM;AACnC,OAAO,MAAM4B,aAAazB,MAAMD,UAAS"}

package/dist/admin/sidebar/BlockSettingsTab.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type BlockSettingsTabProps = {
+    selectedBlockPath: string | null;
+    onClearSelection: () => void;
+    onSelectPath: (path: string | null) => void;
+    blocksField: string;
+    /** Bump to open the add-after drawer externally (iframe `+` button). */
+    addBelowRequestId?: number;
+};
+export declare const BlockSettingsTab: React.FC<BlockSettingsTabProps>;

package/dist/admin/sidebar/BlockSettingsTab.js

@@ -0,0 +1,153 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { RenderFields, useAllFormFields, useDrawerSlug, useField, useModal } from '@payloadcms/ui';
+import { useDocConfig } from '../../hooks/useDocConfig';
+import { useAddBlockDrawer } from '../../hooks/useAddBlockDrawer';
+import { AddBlockDrawer } from '../blocks/AddBlockDrawer';
+import { BlockActionsToolbar } from '../blocks/BlockActionsToolbar';
+import { useBlockActions } from '../blocks/useBlockActions';
+import { findNamedField, resolveBlockSchema } from '../blocks/schema';
+import { BlockEmptyState } from '../blocks/BlockEmptyState';
+import { BlockHeader } from '../blocks/BlockHeader';
+export const BlockSettingsTab = ({ selectedBlockPath, onClearSelection, onSelectPath, blocksField, addBelowRequestId = 0 })=>{
+    const { fields: docFields, slug: docSlug } = useDocConfig();
+    const [fields] = useAllFormFields();
+    const { toggleModal } = useModal();
+    const addBlockDrawerSlug = useDrawerSlug('better-editor-add-block');
+    const addAfterDrawerSlug = useDrawerSlug('better-editor-add-after');
+    const actions = useBlockActions({
+        selectedBlockPath,
+        onSelectPath,
+        onClearSelection
+    });
+    useAddBlockDrawer({
+        drawerSlug: addAfterDrawerSlug,
+        requestId: addBelowRequestId,
+        selectedBlockPath
+    });
+    const blocksFieldInfo = useMemo(()=>{
+        if (!docFields) return null;
+        return findNamedField(docFields, blocksField, docSlug || '');
+    }, [
+        docFields,
+        blocksField,
+        docSlug
+    ]);
+    const blocksFieldField = blocksFieldInfo?.field;
+    const availableBlocks = blocksFieldField && blocksFieldField.type === 'blocks' ? blocksFieldField.blocks : [];
+    const blocksSchemaPath = blocksFieldInfo?.schemaPath || '';
+    const topLevelRows = fields[blocksField]?.rows;
+    const addRowIndex = Array.isArray(topLevelRows) ? topLevelRows.length : 0;
+    if (!selectedBlockPath) {
+        return /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx(BlockEmptyState, {
+                    canAdd: availableBlocks.length > 0,
+                    onAddClick: ()=>toggleModal(addBlockDrawerSlug)
+                }),
+                availableBlocks.length > 0 ? /*#__PURE__*/ _jsx(AddBlockDrawer, {
+                    slug: addBlockDrawerSlug,
+                    blocks: availableBlocks,
+                    addRow: (index, blockType)=>actions.addAfter({
+                            blockType,
+                            schemaPath: blocksSchemaPath,
+                            containerPath: blocksField,
+                            index
+                        }),
+                    addRowIndex: addRowIndex
+                }) : null
+            ]
+        });
+    }
+    const resolved = docFields ? resolveBlockSchema({
+        docFields,
+        docSlug: docSlug || '',
+        formFields: fields
+    }, selectedBlockPath) : null;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "better-editor-tab better-editor-tab--native",
+        children: [
+            /*#__PURE__*/ _jsx(BlockHeader, {
+                blockType: resolved?.blockType || 'unknown',
+                path: selectedBlockPath,
+                onClearSelection: onClearSelection
+            }),
+            /*#__PURE__*/ _jsx("hr", {
+                className: "better-editor-tab__divider",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ _jsx(BlockActionsToolbar, {
+                canMoveUp: actions.canMoveUp,
+                canMoveDown: actions.canMoveDown,
+                canMutate: actions.canMutate,
+                canAddBelow: !!resolved,
+                onMoveUp: actions.moveUp,
+                onMoveDown: actions.moveDown,
+                onDuplicate: actions.duplicate,
+                onAddBelow: ()=>toggleModal(addAfterDrawerSlug),
+                onDelete: actions.remove
+            }),
+            actions.canMutate && resolved && resolved.blocksFieldBlocks.length > 0 ? /*#__PURE__*/ _jsx(AddBlockDrawer, {
+                slug: addAfterDrawerSlug,
+                blocks: resolved.blocksFieldBlocks,
+                addRow: (index, blockType)=>actions.addAfter({
+                        blockType,
+                        schemaPath: resolved.blocksFieldSchemaPath,
+                        containerPath: actions.parentPath,
+                        index
+                    }),
+                addRowIndex: actions.rowIndex + 1
+            }) : null,
+            !resolved ? /*#__PURE__*/ _jsx("div", {
+                className: "better-editor-tab__empty",
+                children: "Could not resolve block schema for this path."
+            }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(BlockNameInput, {
+                        path: `${selectedBlockPath}.blockName`
+                    }),
+                    /*#__PURE__*/ _jsx("hr", {
+                        className: "better-editor-tab__divider",
+                        "aria-hidden": "true"
+                    }),
+                    /*#__PURE__*/ _jsx(RenderFields, {
+                        fields: resolved.blockFields,
+                        parentPath: resolved.parentPath,
+                        parentIndexPath: "",
+                        parentSchemaPath: resolved.schemaPath,
+                        // RenderFields' client read-gate is bypassed; the server-side
+                        // write check still runs on save.
+                        permissions: true
+                    })
+                ]
+            })
+        ]
+    });
+};
+const BlockNameInput = ({ path })=>{
+    const { value, setValue } = useField({
+        path
+    });
+    const inputId = `be-blockname-${path}`;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "better-editor-tab__block-name",
+        children: [
+            /*#__PURE__*/ _jsx("label", {
+                className: "better-editor-tab__block-name-label",
+                htmlFor: inputId,
+                children: "Block Name"
+            }),
+            /*#__PURE__*/ _jsx("input", {
+                id: inputId,
+                className: "better-editor-tab__block-name-input",
+                type: "text",
+                value: value || '',
+                onChange: (e)=>setValue(e.target.value),
+                placeholder: "Optional label for this block"
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=BlockSettingsTab.js.map

package/dist/admin/sidebar/BlockSettingsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sidebar/BlockSettingsTab.tsx"],"sourcesContent":["'use client'\n\nimport React, { useMemo } from 'react'\nimport {\n  RenderFields,\n  useAllFormFields,\n  useDrawerSlug,\n  useField,\n  useModal,\n} from '@payloadcms/ui'\nimport { useDocConfig } from '../../hooks/useDocConfig'\nimport { useAddBlockDrawer } from '../../hooks/useAddBlockDrawer'\nimport { AddBlockDrawer } from '../blocks/AddBlockDrawer'\nimport { BlockActionsToolbar } from '../blocks/BlockActionsToolbar'\nimport { useBlockActions } from '../blocks/useBlockActions'\nimport { findNamedField, resolveBlockSchema } from '../blocks/schema'\nimport type { ClientBlock } from 'payload'\nimport { BlockEmptyState } from '../blocks/BlockEmptyState'\nimport { BlockHeader } from '../blocks/BlockHeader'\n\nexport type BlockSettingsTabProps = {\n  selectedBlockPath: string | null\n  onClearSelection: () => void\n  onSelectPath: (path: string | null) => void\n  blocksField: string\n  /** Bump to open the add-after drawer externally (iframe `+` button). */\n  addBelowRequestId?: number\n}\n\nexport const BlockSettingsTab: React.FC<BlockSettingsTabProps> = ({\n  selectedBlockPath,\n  onClearSelection,\n  onSelectPath,\n  blocksField,\n  addBelowRequestId = 0,\n}) => {\n  const { fields: docFields, slug: docSlug } = useDocConfig()\n  const [fields] = useAllFormFields()\n  const { toggleModal } = useModal()\n  const addBlockDrawerSlug = useDrawerSlug('better-editor-add-block')\n  const addAfterDrawerSlug = useDrawerSlug('better-editor-add-after')\n\n  const actions = useBlockActions({\n    selectedBlockPath,\n    onSelectPath,\n    onClearSelection,\n  })\n\n  useAddBlockDrawer({\n    drawerSlug: addAfterDrawerSlug,\n    requestId: addBelowRequestId,\n    selectedBlockPath,\n  })\n\n  const blocksFieldInfo = useMemo(() => {\n    if (!docFields) return null\n    return findNamedField(docFields, blocksField, docSlug || '')\n  }, [docFields, blocksField, docSlug])\n\n  const blocksFieldField = blocksFieldInfo?.field\n  const availableBlocks: ClientBlock[] =\n    blocksFieldField && blocksFieldField.type === 'blocks' ? blocksFieldField.blocks : []\n  const blocksSchemaPath = blocksFieldInfo?.schemaPath || ''\n  const topLevelRows = fields[blocksField]?.rows\n  const addRowIndex = Array.isArray(topLevelRows) ? topLevelRows.length : 0\n\n  if (!selectedBlockPath) {\n    return (\n      <>\n        <BlockEmptyState\n          canAdd={availableBlocks.length > 0}\n          onAddClick={() => toggleModal(addBlockDrawerSlug)}\n        />\n        {availableBlocks.length > 0 ? (\n          <AddBlockDrawer\n            slug={addBlockDrawerSlug}\n            blocks={availableBlocks}\n            addRow={(index, blockType) =>\n              actions.addAfter({\n                blockType,\n                schemaPath: blocksSchemaPath,\n                containerPath: blocksField,\n                index,\n              })\n            }\n            addRowIndex={addRowIndex}\n          />\n        ) : null}\n      </>\n    )\n  }\n\n  const resolved = docFields\n    ? resolveBlockSchema({ docFields, docSlug: docSlug || '', formFields: fields }, selectedBlockPath)\n    : null\n\n  return (\n    <div className=\"better-editor-tab better-editor-tab--native\">\n      <BlockHeader\n        blockType={resolved?.blockType || 'unknown'}\n        path={selectedBlockPath}\n        onClearSelection={onClearSelection}\n      />\n\n      <hr className=\"better-editor-tab__divider\" aria-hidden=\"true\" />\n\n      <BlockActionsToolbar\n        canMoveUp={actions.canMoveUp}\n        canMoveDown={actions.canMoveDown}\n        canMutate={actions.canMutate}\n        canAddBelow={!!resolved}\n        onMoveUp={actions.moveUp}\n        onMoveDown={actions.moveDown}\n        onDuplicate={actions.duplicate}\n        onAddBelow={() => toggleModal(addAfterDrawerSlug)}\n        onDelete={actions.remove}\n      />\n\n      {actions.canMutate && resolved && resolved.blocksFieldBlocks.length > 0 ? (\n        <AddBlockDrawer\n          slug={addAfterDrawerSlug}\n          blocks={resolved.blocksFieldBlocks}\n          addRow={(index, blockType) =>\n            actions.addAfter({\n              blockType,\n              schemaPath: resolved.blocksFieldSchemaPath,\n              containerPath: actions.parentPath,\n              index,\n            })\n          }\n          addRowIndex={actions.rowIndex + 1}\n        />\n      ) : null}\n\n      {!resolved ? (\n        <div className=\"better-editor-tab__empty\">\n          Could not resolve block schema for this path.\n        </div>\n      ) : (\n        <>\n          <BlockNameInput path={`${selectedBlockPath}.blockName`} />\n          <hr className=\"better-editor-tab__divider\" aria-hidden=\"true\" />\n          <RenderFields\n            fields={resolved.blockFields}\n            parentPath={resolved.parentPath}\n            parentIndexPath=\"\"\n            parentSchemaPath={resolved.schemaPath}\n            // RenderFields' client read-gate is bypassed; the server-side\n            // write check still runs on save.\n            permissions={true}\n          />\n        </>\n      )}\n    </div>\n  )\n}\n\nconst BlockNameInput: React.FC<{ path: string }> = ({ path }) => {\n  const { value, setValue } = useField<string>({ path })\n  const inputId = `be-blockname-${path}`\n  return (\n    <div className=\"better-editor-tab__block-name\">\n      <label className=\"better-editor-tab__block-name-label\" htmlFor={inputId}>\n        Block Name\n      </label>\n      <input\n        id={inputId}\n        className=\"better-editor-tab__block-name-input\"\n        type=\"text\"\n        value={value || ''}\n        onChange={(e) => setValue(e.target.value)}\n        placeholder=\"Optional label for this block\"\n      />\n    </div>\n  )\n}\n"],"names":["React","useMemo","RenderFields","useAllFormFields","useDrawerSlug","useField","useModal","useDocConfig","useAddBlockDrawer","AddBlockDrawer","BlockActionsToolbar","useBlockActions","findNamedField","resolveBlockSchema","BlockEmptyState","BlockHeader","BlockSettingsTab","selectedBlockPath","onClearSelection","onSelectPath","blocksField","addBelowRequestId","fields","docFields","slug","docSlug","toggleModal","addBlockDrawerSlug","addAfterDrawerSlug","actions","drawerSlug","requestId","blocksFieldInfo","blocksFieldField","field","availableBlocks","type","blocks","blocksSchemaPath","schemaPath","topLevelRows","rows","addRowIndex","Array","isArray","length","canAdd","onAddClick","addRow","index","blockType","addAfter","containerPath","resolved","formFields","div","className","path","hr","aria-hidden","canMoveUp","canMoveDown","canMutate","canAddBelow","onMoveUp","moveUp","onMoveDown","moveDown","onDuplicate","duplicate","onAddBelow","onDelete","remove","blocksFieldBlocks","blocksFieldSchemaPath","parentPath","rowIndex","BlockNameInput","blockFields","parentIndexPath","parentSchemaPath","permissions","value","setValue","inputId","label","htmlFor","input","id","onChange","e","target","placeholder"],"mappings":"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"}

package/dist/admin/sidebar/DocumentFieldsTab.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ClientField } from 'payload';
+export type DocumentFieldsTabProps = {
+    filter: (field: ClientField) => boolean;
+    transform?: (fields: ClientField[]) => ClientField[];
+    emptyText: string;
+};
+export declare const DocumentFieldsTab: React.FC<DocumentFieldsTabProps>;

package/dist/admin/sidebar/DocumentFieldsTab.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { RenderFields } from '@payloadcms/ui';
+import { useDocConfig } from '../../hooks/useDocConfig';
+// Bypass RenderFields' client-side read gate; the server still enforces
+// access on save.
+const FULL_ACCESS = true;
+export const DocumentFieldsTab = ({ filter, transform, emptyText })=>{
+    const { fields: allFields, slug } = useDocConfig();
+    const fields = useMemo(()=>{
+        if (!allFields) return [];
+        const filtered = allFields.filter(filter);
+        return transform ? transform(filtered) : filtered;
+    }, [
+        allFields,
+        filter,
+        transform
+    ]);
+    if (fields.length === 0) {
+        return /*#__PURE__*/ _jsx("div", {
+            className: "better-editor-tab__empty",
+            children: emptyText
+        });
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        className: "better-editor-tab better-editor-tab--native",
+        children: /*#__PURE__*/ _jsx(RenderFields, {
+            fields: fields,
+            parentPath: "",
+            parentIndexPath: "",
+            parentSchemaPath: slug,
+            permissions: FULL_ACCESS
+        })
+    });
+};
+
+//# sourceMappingURL=DocumentFieldsTab.js.map

package/dist/admin/sidebar/DocumentFieldsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sidebar/DocumentFieldsTab.tsx"],"sourcesContent":["'use client'\n\nimport React, { useMemo } from 'react'\nimport type { ClientField } from 'payload'\nimport { RenderFields } from '@payloadcms/ui'\nimport { useDocConfig } from '../../hooks/useDocConfig'\n\n// Bypass RenderFields' client-side read gate; the server still enforces\n// access on save.\nconst FULL_ACCESS = true as const\n\nexport type DocumentFieldsTabProps = {\n  filter: (field: ClientField) => boolean\n  transform?: (fields: ClientField[]) => ClientField[]\n  emptyText: string\n}\n\nexport const DocumentFieldsTab: React.FC<DocumentFieldsTabProps> = ({\n  filter,\n  transform,\n  emptyText,\n}) => {\n  const { fields: allFields, slug } = useDocConfig()\n\n  const fields = useMemo(() => {\n    if (!allFields) return []\n    const filtered = allFields.filter(filter)\n    return transform ? transform(filtered) : filtered\n  }, [allFields, filter, transform])\n\n  if (fields.length === 0) {\n    return <div className=\"better-editor-tab__empty\">{emptyText}</div>\n  }\n\n  return (\n    <div className=\"better-editor-tab better-editor-tab--native\">\n      <RenderFields\n        fields={fields}\n        parentPath=\"\"\n        parentIndexPath=\"\"\n        parentSchemaPath={slug}\n        permissions={FULL_ACCESS}\n      />\n    </div>\n  )\n}\n"],"names":["React","useMemo","RenderFields","useDocConfig","FULL_ACCESS","DocumentFieldsTab","filter","transform","emptyText","fields","allFields","slug","filtered","length","div","className","parentPath","parentIndexPath","parentSchemaPath","permissions"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,YAAY,QAAQ,iBAAgB;AAC7C,SAASC,YAAY,QAAQ,2BAA0B;AAEvD,wEAAwE;AACxE,kBAAkB;AAClB,MAAMC,cAAc;AAQpB,OAAO,MAAMC,oBAAsD,CAAC,EAClEC,MAAM,EACNC,SAAS,EACTC,SAAS,EACV;IACC,MAAM,EAAEC,QAAQC,SAAS,EAAEC,IAAI,EAAE,GAAGR;IAEpC,MAAMM,SAASR,QAAQ;QACrB,IAAI,CAACS,WAAW,OAAO,EAAE;QACzB,MAAME,WAAWF,UAAUJ,MAAM,CAACA;QAClC,OAAOC,YAAYA,UAAUK,YAAYA;IAC3C,GAAG;QAACF;QAAWJ;QAAQC;KAAU;IAEjC,IAAIE,OAAOI,MAAM,KAAK,GAAG;QACvB,qBAAO,KAACC;YAAIC,WAAU;sBAA4BP;;IACpD;IAEA,qBACE,KAACM;QAAIC,WAAU;kBACb,cAAA,KAACb;YACCO,QAAQA;YACRO,YAAW;YACXC,iBAAgB;YAChBC,kBAAkBP;YAClBQ,aAAaf;;;AAIrB,EAAC"}

package/dist/admin/sidebar/DocumentMetaTab.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DocumentMetaTab: React.FC;

package/dist/admin/sidebar/DocumentMetaTab.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { DocumentFieldsTab } from './DocumentFieldsTab';
+const isSidebarField = (f)=>'admin' in f && f.admin?.position === 'sidebar';
+export const DocumentMetaTab = ()=>/*#__PURE__*/ _jsx(DocumentFieldsTab, {
+        filter: isSidebarField,
+        emptyText: "No document settings."
+    });
+
+//# sourceMappingURL=DocumentMetaTab.js.map

package/dist/admin/sidebar/DocumentMetaTab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sidebar/DocumentMetaTab.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport type { ClientField } from 'payload'\nimport { DocumentFieldsTab } from './DocumentFieldsTab'\n\nconst isSidebarField = (f: ClientField): boolean =>\n  'admin' in f && f.admin?.position === 'sidebar'\n\nexport const DocumentMetaTab: React.FC = () => (\n  <DocumentFieldsTab\n    filter={isSidebarField}\n    emptyText=\"No document settings.\"\n  />\n)\n"],"names":["React","DocumentFieldsTab","isSidebarField","f","admin","position","DocumentMetaTab","filter","emptyText"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,iBAAiB,QAAQ,sBAAqB;AAEvD,MAAMC,iBAAiB,CAACC,IACtB,WAAWA,KAAKA,EAAEC,KAAK,EAAEC,aAAa;AAExC,OAAO,MAAMC,kBAA4B,kBACvC,KAACL;QACCM,QAAQL;QACRM,WAAU;OAEb"}

package/dist/admin/sidebar/DocumentSettingsTab.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DocumentSettingsTab: React.FC;