@payloadcms/richtext-lexical 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/cell/rscEntry.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Link } from '@payloadcms/ui';
 import { formatAdminURL } from 'payload/shared';
@@ -10,13 +10,17 @@ function recurseEditorState(editorState, textContent, i = 0) {
             textContent.push(node.text);
         } else {
             if (!('children' in node)) {
-                textContent.push(/*#__PURE__*/ _jsxs("code", {
+                textContent.push(/*#__PURE__*/ _jsxDEV("code", {
                     children: [
                         " [",
                         node.type,
                         "]"
                     ]
-                }, i));
+                }, i, true, {
+                    fileName: "src/cell/rscEntry.tsx",
+                    lineNumber: 21,
+                    columnNumber: 26
+                }, this));
             }
         }
         if ('children' in node && node.children) {
@@ -65,10 +69,14 @@ export const RscEntryLexicalCell = (props)=>{
             })
         ];
     }
-    return /*#__PURE__*/ _jsx(WrapElement, {
+    return /*#__PURE__*/ _jsxDEV(WrapElement, {
         ...wrapElementProps,
         children: textContent
-    });
+    }, void 0, false, {
+        fileName: "src/cell/rscEntry.tsx",
+        lineNumber: 104,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=rscEntry.js.map

package/dist/cell/rscEntry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/cell/rscEntry.tsx"],"sourcesContent":["import type { SerializedLexicalNode } from 'lexical'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Link } from '@payloadcms/ui'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type { LexicalRichTextCellProps } from '../types.js'\n\nfunction recurseEditorState(\n  editorState: SerializedLexicalNode[],\n  textContent: React.ReactNode[],\n  i: number = 0,\n): React.ReactNode[] {\n  for (const node of editorState) {\n    i++\n    if ('text' in node && node.text) {\n      textContent.push(node.text as string)\n    } else {\n      if (!('children' in node)) {\n        textContent.push(<code key={i}>&#32;[{node.type}]</code>)\n      }\n    }\n    if ('children' in node && node.children) {\n      textContent = recurseEditorState(node.children as SerializedLexicalNode[], textContent, i)\n    }\n  }\n  return textContent\n}\n\nexport const RscEntryLexicalCell: React.FC<LexicalRichTextCellProps> = (props) => {\n  const {\n    cellData,\n    className: classNameFromProps,\n    collectionConfig,\n    field: { admin },\n    field,\n    i18n,\n    link,\n    onClick: onClickFromProps,\n    payload,\n    rowData,\n  } = props\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromConfigContext\n  const adminRoute = payload.config.routes.admin\n\n  const onClick = onClickFromProps\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (link) {\n    wrapElementProps.prefetch = false\n    WrapElement = Link\n    wrapElementProps.href = collectionConfig?.slug\n      ? formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionConfig?.slug}/${rowData.id}`,\n        })\n      : ''\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: collectionConfig?.slug,\n        rowData,\n      })\n    }\n  }\n\n  let textContent: React.ReactNode[] = []\n\n  if (cellData?.root?.children) {\n    textContent = recurseEditorState(cellData?.root?.children, textContent)\n  }\n\n  if (!textContent?.length) {\n    textContent = [\n      i18n.t('general:noLabel', {\n        label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n      }),\n    ]\n  }\n\n  return <WrapElement {...wrapElementProps}>{textContent}</WrapElement>\n}\n"],"names":["getTranslation","Link","formatAdminURL","React","recurseEditorState","editorState","textContent","i","node","text","push","code","type","children","RscEntryLexicalCell","props","cellData","className","classNameFromProps","collectionConfig","field","admin","i18n","link","onClick","onClickFromProps","payload","rowData","classNameFromConfigContext","undefined","adminRoute","config","routes","WrapElement","wrapElementProps","prefetch","href","slug","path","id","collectionSlug","root","length","t","label"],"mappings":";AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,IAAI,QAAQ,iBAAgB;AACrC,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAIzB,SAASC,mBACPC,WAAoC,EACpCC,WAA8B,EAC9BC,IAAY,CAAC;IAEb,KAAK,MAAMC,QAAQH,YAAa;QAC9BE;QACA,IAAI,UAAUC,QAAQA,KAAKC,IAAI,EAAE;YAC/BH,YAAYI,IAAI,CAACF,KAAKC,IAAI;QAC5B,OAAO;YACL,IAAI,CAAE,CAAA,cAAcD,IAAG,GAAI;gBACzBF,YAAYI,IAAI,eAAC,MAACC;;wBAAa;wBAAOH,KAAKI,IAAI;wBAAC;;mBAApBL;YAC9B;QACF;QACA,IAAI,cAAcC,QAAQA,KAAKK,QAAQ,EAAE;YACvCP,cAAcF,mBAAmBI,KAAKK,QAAQ,EAA6BP,aAAaC;QAC1F;IACF;IACA,OAAOD;AACT;AAEA,OAAO,MAAMQ,sBAA0D,CAACC;IACtE,MAAM,EACJC,QAAQ,EACRC,WAAWC,kBAAkB,EAC7BC,gBAAgB,EAChBC,OAAO,EAAEC,KAAK,EAAE,EAChBD,KAAK,EACLE,IAAI,EACJC,IAAI,EACJC,SAASC,gBAAgB,EACzBC,OAAO,EACPC,OAAO,EACR,GAAGZ;IAEJ,MAAMa,6BAA6BP,SAAS,eAAeA,QAAQA,MAAMJ,SAAS,GAAGY;IAErF,MAAMZ,YACJC,sBACCE,CAAAA,MAAMC,KAAK,IAAI,eAAeD,MAAMC,KAAK,GAAGD,MAAMC,KAAK,CAACJ,SAAS,GAAG,IAAG,KACxEW;IACF,MAAME,aAAaJ,QAAQK,MAAM,CAACC,MAAM,CAACX,KAAK;IAE9C,MAAMG,UAAUC;IAEhB,IAAIQ,cAAiD;IAErD,MAAMC,mBAMF;QACFjB;IACF;IAEA,IAAIM,MAAM;QACRW,iBAAiBC,QAAQ,GAAG;QAC5BF,cAAchC;QACdiC,iBAAiBE,IAAI,GAAGjB,kBAAkBkB,OACtCnC,eAAe;YACb4B;YACAQ,MAAM,CAAC,aAAa,EAAEnB,kBAAkBkB,KAAK,CAAC,EAAEV,QAAQY,EAAE,EAAE;QAC9D,KACA;IACN;IAEA,IAAI,OAAOf,YAAY,YAAY;QACjCS,cAAc;QACdC,iBAAiBtB,IAAI,GAAG;QACxBsB,iBAAiBV,OAAO,GAAG;YACzBA,QAAQ;gBACNR;gBACAwB,gBAAgBrB,kBAAkBkB;gBAClCV;YACF;QACF;IACF;IAEA,IAAIrB,cAAiC,EAAE;IAEvC,IAAIU,UAAUyB,MAAM5B,UAAU;QAC5BP,cAAcF,mBAAmBY,UAAUyB,MAAM5B,UAAUP;IAC7D;IAEA,IAAI,CAACA,aAAaoC,QAAQ;QACxBpC,cAAc;YACZgB,KAAKqB,CAAC,CAAC,mBAAmB;gBACxBC,OAAO5C,eAAe,AAAC,CAAA,WAAWoB,QAAQA,MAAMwB,KAAK,GAAG,IAAG,KAAM,QAAQtB;YAC3E;SACD;IACH;IAEA,qBAAO,KAACW;QAAa,GAAGC,gBAAgB;kBAAG5B;;AAC7C,EAAC"}
+{"version":3,"sources":["../../src/cell/rscEntry.tsx"],"sourcesContent":["import type { SerializedLexicalNode } from 'lexical'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Link } from '@payloadcms/ui'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type { LexicalRichTextCellProps } from '../types.js'\n\nfunction recurseEditorState(\n  editorState: SerializedLexicalNode[],\n  textContent: React.ReactNode[],\n  i: number = 0,\n): React.ReactNode[] {\n  for (const node of editorState) {\n    i++\n    if ('text' in node && node.text) {\n      textContent.push(node.text as string)\n    } else {\n      if (!('children' in node)) {\n        textContent.push(<code key={i}>&#32;[{node.type}]</code>)\n      }\n    }\n    if ('children' in node && node.children) {\n      textContent = recurseEditorState(node.children as SerializedLexicalNode[], textContent, i)\n    }\n  }\n  return textContent\n}\n\nexport const RscEntryLexicalCell: React.FC<LexicalRichTextCellProps> = (props) => {\n  const {\n    cellData,\n    className: classNameFromProps,\n    collectionConfig,\n    field: { admin },\n    field,\n    i18n,\n    link,\n    onClick: onClickFromProps,\n    payload,\n    rowData,\n  } = props\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromConfigContext\n  const adminRoute = payload.config.routes.admin\n\n  const onClick = onClickFromProps\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (link) {\n    wrapElementProps.prefetch = false\n    WrapElement = Link\n    wrapElementProps.href = collectionConfig?.slug\n      ? formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionConfig?.slug}/${rowData.id}`,\n        })\n      : ''\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: collectionConfig?.slug,\n        rowData,\n      })\n    }\n  }\n\n  let textContent: React.ReactNode[] = []\n\n  if (cellData?.root?.children) {\n    textContent = recurseEditorState(cellData?.root?.children, textContent)\n  }\n\n  if (!textContent?.length) {\n    textContent = [\n      i18n.t('general:noLabel', {\n        label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n      }),\n    ]\n  }\n\n  return <WrapElement {...wrapElementProps}>{textContent}</WrapElement>\n}\n"],"names":["getTranslation","Link","formatAdminURL","React","recurseEditorState","editorState","textContent","i","node","text","push","code","type","children","RscEntryLexicalCell","props","cellData","className","classNameFromProps","collectionConfig","field","admin","i18n","link","onClick","onClickFromProps","payload","rowData","classNameFromConfigContext","undefined","adminRoute","config","routes","WrapElement","wrapElementProps","prefetch","href","slug","path","id","collectionSlug","root","length","t","label"],"mappings":";AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,IAAI,QAAQ,iBAAgB;AACrC,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAIzB,SAASC,mBACPC,WAAoC,EACpCC,WAA8B,EAC9BC,IAAY,CAAC;IAEb,KAAK,MAAMC,QAAQH,YAAa;QAC9BE;QACA,IAAI,UAAUC,QAAQA,KAAKC,IAAI,EAAE;YAC/BH,YAAYI,IAAI,CAACF,KAAKC,IAAI;QAC5B,OAAO;YACL,IAAI,CAAE,CAAA,cAAcD,IAAG,GAAI;gBACzBF,YAAYI,IAAI,eAAC,QAACC;;wBAAa;wBAAOH,KAAKI,IAAI;wBAAC;;mBAApBL;;;;;YAC9B;QACF;QACA,IAAI,cAAcC,QAAQA,KAAKK,QAAQ,EAAE;YACvCP,cAAcF,mBAAmBI,KAAKK,QAAQ,EAA6BP,aAAaC;QAC1F;IACF;IACA,OAAOD;AACT;AAEA,OAAO,MAAMQ,sBAA0D,CAACC;IACtE,MAAM,EACJC,QAAQ,EACRC,WAAWC,kBAAkB,EAC7BC,gBAAgB,EAChBC,OAAO,EAAEC,KAAK,EAAE,EAChBD,KAAK,EACLE,IAAI,EACJC,IAAI,EACJC,SAASC,gBAAgB,EACzBC,OAAO,EACPC,OAAO,EACR,GAAGZ;IAEJ,MAAMa,6BAA6BP,SAAS,eAAeA,QAAQA,MAAMJ,SAAS,GAAGY;IAErF,MAAMZ,YACJC,sBACCE,CAAAA,MAAMC,KAAK,IAAI,eAAeD,MAAMC,KAAK,GAAGD,MAAMC,KAAK,CAACJ,SAAS,GAAG,IAAG,KACxEW;IACF,MAAME,aAAaJ,QAAQK,MAAM,CAACC,MAAM,CAACX,KAAK;IAE9C,MAAMG,UAAUC;IAEhB,IAAIQ,cAAiD;IAErD,MAAMC,mBAMF;QACFjB;IACF;IAEA,IAAIM,MAAM;QACRW,iBAAiBC,QAAQ,GAAG;QAC5BF,cAAchC;QACdiC,iBAAiBE,IAAI,GAAGjB,kBAAkBkB,OACtCnC,eAAe;YACb4B;YACAQ,MAAM,CAAC,aAAa,EAAEnB,kBAAkBkB,KAAK,CAAC,EAAEV,QAAQY,EAAE,EAAE;QAC9D,KACA;IACN;IAEA,IAAI,OAAOf,YAAY,YAAY;QACjCS,cAAc;QACdC,iBAAiBtB,IAAI,GAAG;QACxBsB,iBAAiBV,OAAO,GAAG;YACzBA,QAAQ;gBACNR;gBACAwB,gBAAgBrB,kBAAkBkB;gBAClCV;YACF;QACF;IACF;IAEA,IAAIrB,cAAiC,EAAE;IAEvC,IAAIU,UAAUyB,MAAM5B,UAAU;QAC5BP,cAAcF,mBAAmBY,UAAUyB,MAAM5B,UAAUP;IAC7D;IAEA,IAAI,CAACA,aAAaoC,QAAQ;QACxBpC,cAAc;YACZgB,KAAKqB,CAAC,CAAC,mBAAmB;gBACxBC,OAAO5C,eAAe,AAAC,CAAA,WAAWoB,QAAQA,MAAMwB,KAAK,GAAG,IAAG,KAAM,QAAQtB;YAC3E;SACD;IACH;IAEA,qBAAO,QAACW;QAAa,GAAGC,gBAAgB;kBAAG5B;;;;;;AAC7C,EAAC"}

package/dist/features/blocks/client/component/BlockContent.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { RenderFields, useFormSubmitted } from '@payloadcms/ui';
 import React, { createContext, useMemo } from 'react';
@@ -51,28 +51,40 @@ export const useBlockComponentContext = ()=>React.use(BlockComponentContext);
     const isEditable = useLexicalEditable();
     const CollapsibleWithErrorProps = useMemo(()=>(props)=>{
             const { children, ...rest } = props;
-            return /*#__PURE__*/ _jsx(Collapsible, {
+            return /*#__PURE__*/ _jsxDEV(Collapsible, {
                 errorCount: errorCount,
                 fieldHasErrors: fieldHasErrors,
                 ...rest,
                 children: children
-            });
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/BlockContent.tsx",
+                lineNumber: 109,
+                columnNumber: 9
+            }, this);
         }, [
         Collapsible,
         fieldHasErrors,
         errorCount
     ]);
-    return CustomBlock ? /*#__PURE__*/ _jsxs(BlockComponentContext, {
+    return CustomBlock ? /*#__PURE__*/ _jsxDEV(BlockComponentContext, {
         value: {
             ...contextProps,
             BlockCollapsible: CollapsibleWithErrorProps
         },
         children: [
             CustomBlock,
-            /*#__PURE__*/ _jsx(BlockDrawer, {})
+            /*#__PURE__*/ _jsxDEV(BlockDrawer, {}, void 0, false, {
+                fileName: "src/features/blocks/client/component/BlockContent.tsx",
+                lineNumber: 125,
+                columnNumber: 7
+            }, this)
         ]
-    }) : /*#__PURE__*/ _jsx(CollapsibleWithErrorProps, {
-        children: /*#__PURE__*/ _jsx(RenderFields, {
+    }, void 0, true, {
+        fileName: "src/features/blocks/client/component/BlockContent.tsx",
+        lineNumber: 118,
+        columnNumber: 5
+    }, this) : /*#__PURE__*/ _jsxDEV(CollapsibleWithErrorProps, {
+        children: /*#__PURE__*/ _jsxDEV(RenderFields, {
             fields: formSchema,
             forceRender: true,
             parentIndexPath: "",
@@ -80,8 +92,16 @@ export const useBlockComponentContext = ()=>React.use(BlockComponentContext);
             parentSchemaPath: "",
             permissions: true,
             readOnly: !isEditable
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/features/blocks/client/component/BlockContent.tsx",
+            lineNumber: 129,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/features/blocks/client/component/BlockContent.tsx",
+        lineNumber: 128,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=BlockContent.js.map

package/dist/features/blocks/client/component/BlockContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/component/BlockContent.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleProps } from '@payloadcms/ui/elements/Collapsible'\nimport type { ClientField, FormState } from 'payload'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { RenderFields, useFormSubmitted } from '@payloadcms/ui'\nimport React, { createContext, useMemo } from 'react'\n\nexport type BlockCollapsibleProps = {\n  /**\n   * Replace the top-right portion of the header that renders the Edit and Remove buttons with custom content.\n   * If this property is provided, the `removeButton` and `editButton` properties are ignored.\n   */\n  Actions?: React.ReactNode\n  children?: React.ReactNode\n  /**\n   * Additional className to the collapsible wrapper\n   */\n  className?: string\n  /**\n   * Props to pass to the underlying Collapsible component. You could use this to override the `Header` entirely, for example.\n   */\n  collapsibleProps?: Partial<CollapsibleProps>\n  /**\n   * Whether to disable rendering the block name field in the header Label\n   * @default false\n   */\n  disableBlockName?: boolean\n  /**\n   * Whether to show the Edit button\n   * If `Actions` is provided, this property is ignored.\n   * @default true\n   */\n  editButton?: boolean\n  /**\n   * Replace the default Label component with a custom Label\n   */\n  Label?: React.ReactNode\n  /**\n   * Replace the default Pill component component that's rendered within the default Label component with a custom Pill.\n   * This property has no effect if you provide a custom Label component via the `Label` property.\n   */\n  Pill?: React.ReactNode\n  /**\n   * Whether to show the Remove button\n   * If `Actions` is provided, this property is ignored.\n   * @default true\n   */\n  removeButton?: boolean\n}\n\nexport type BlockCollapsibleWithErrorProps = {\n  errorCount?: number\n  fieldHasErrors?: boolean\n} & BlockCollapsibleProps\n\nexport type BlockContentProps = {\n  baseClass: string\n  BlockDrawer: React.FC\n  Collapsible: React.FC<BlockCollapsibleWithErrorProps>\n  CustomBlock: React.ReactNode\n  EditButton: React.FC\n  errorCount: number\n  formSchema: ClientField[]\n  initialState: false | FormState | undefined\n\n  nodeKey: string\n  RemoveButton: React.FC\n}\n\ntype BlockComponentContextType = {\n  BlockCollapsible: React.FC<BlockCollapsibleProps>\n} & Omit<BlockContentProps, 'Collapsible'>\n\nconst BlockComponentContext = createContext<BlockComponentContextType>({\n  baseClass: 'LexicalEditorTheme__block',\n  BlockCollapsible: () => null,\n  BlockDrawer: () => null,\n  CustomBlock: null,\n  EditButton: () => null,\n  errorCount: 0,\n  formSchema: [],\n  initialState: false,\n  nodeKey: '',\n  RemoveButton: () => null,\n})\n\nexport const useBlockComponentContext = () => React.use(BlockComponentContext)\n\n/**\n * The actual content of the Block. This should be INSIDE a Form component,\n * scoped to the block. All format operations in here are thus scoped to the block's form, and\n * not the whole document.\n */\nexport const BlockContent: React.FC<BlockContentProps> = (props) => {\n  const { Collapsible, ...contextProps } = props\n\n  const { BlockDrawer, CustomBlock, errorCount, formSchema } = contextProps\n\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n  const isEditable = useLexicalEditable()\n\n  const CollapsibleWithErrorProps = useMemo(\n    () => (props: BlockCollapsibleProps) => {\n      const { children, ...rest } = props\n      return (\n        <Collapsible errorCount={errorCount} fieldHasErrors={fieldHasErrors} {...rest}>\n          {children}\n        </Collapsible>\n      )\n    },\n    [Collapsible, fieldHasErrors, errorCount],\n  )\n\n  return CustomBlock ? (\n    <BlockComponentContext\n      value={{\n        ...contextProps,\n        BlockCollapsible: CollapsibleWithErrorProps,\n      }}\n    >\n      {CustomBlock}\n      <BlockDrawer />\n    </BlockComponentContext>\n  ) : (\n    <CollapsibleWithErrorProps>\n      <RenderFields\n        fields={formSchema}\n        forceRender={true}\n        parentIndexPath=\"\"\n        parentPath={''}\n        parentSchemaPath=\"\"\n        permissions={true}\n        readOnly={!isEditable}\n      />\n    </CollapsibleWithErrorProps>\n  )\n}\n"],"names":["useLexicalEditable","RenderFields","useFormSubmitted","React","createContext","useMemo","BlockComponentContext","baseClass","BlockCollapsible","BlockDrawer","CustomBlock","EditButton","errorCount","formSchema","initialState","nodeKey","RemoveButton","useBlockComponentContext","use","BlockContent","props","Collapsible","contextProps","hasSubmitted","fieldHasErrors","isEditable","CollapsibleWithErrorProps","children","rest","value","fields","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"AAAA;;AAIA,SAASA,kBAAkB,QAAQ,oCAAmC;AACtE,SAASC,YAAY,EAAEC,gBAAgB,QAAQ,iBAAgB;AAC/D,OAAOC,SAASC,aAAa,EAAEC,OAAO,QAAQ,QAAO;AAGnD;;;GAGC,GAGD;;GAEC,GAED;;GAEC,GAED;;;GAGC,GAED;;;;GAIC,GAED;;GAEC,GAED;;;GAGC,GAED;;;;GAIC,GA2BH,MAAMC,sCAAwBF,cAAyC;IACrEG,WAAW;IACXC,kBAAkB,IAAM;IACxBC,aAAa,IAAM;IACnBC,aAAa;IACbC,YAAY,IAAM;IAClBC,YAAY;IACZC,YAAY,EAAE;IACdC,cAAc;IACdC,SAAS;IACTC,cAAc,IAAM;AACtB;AAEA,OAAO,MAAMC,2BAA2B,IAAMd,MAAMe,GAAG,CAACZ,uBAAsB;AAE9E;;;;CAIC,GACD,OAAO,MAAMa,eAA4C,CAACC;IACxD,MAAM,EAAEC,WAAW,EAAE,GAAGC,cAAc,GAAGF;IAEzC,MAAM,EAAEX,WAAW,EAAEC,WAAW,EAAEE,UAAU,EAAEC,UAAU,EAAE,GAAGS;IAE7D,MAAMC,eAAerB;IAErB,MAAMsB,iBAAiBD,gBAAgBX,aAAa;IACpD,MAAMa,aAAazB;IAEnB,MAAM0B,4BAA4BrB,QAChC,IAAM,CAACe;YACL,MAAM,EAAEO,QAAQ,EAAE,GAAGC,MAAM,GAAGR;YAC9B,qBACE,KAACC;gBAAYT,YAAYA;gBAAYY,gBAAgBA;gBAAiB,GAAGI,IAAI;0BAC1ED;;QAGP,GACA;QAACN;QAAaG;QAAgBZ;KAAW;IAG3C,OAAOF,4BACL,MAACJ;QACCuB,OAAO;YACL,GAAGP,YAAY;YACfd,kBAAkBkB;QACpB;;YAEChB;0BACD,KAACD;;uBAGH,KAACiB;kBACC,cAAA,KAACzB;YACC6B,QAAQjB;YACRkB,aAAa;YACbC,iBAAgB;YAChBC,YAAY;YACZC,kBAAiB;YACjBC,aAAa;YACbC,UAAU,CAACX;;;AAInB,EAAC"}
+{"version":3,"sources":["../../../../../src/features/blocks/client/component/BlockContent.tsx"],"sourcesContent":["'use client'\nimport type { CollapsibleProps } from '@payloadcms/ui/elements/Collapsible'\nimport type { ClientField, FormState } from 'payload'\n\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { RenderFields, useFormSubmitted } from '@payloadcms/ui'\nimport React, { createContext, useMemo } from 'react'\n\nexport type BlockCollapsibleProps = {\n  /**\n   * Replace the top-right portion of the header that renders the Edit and Remove buttons with custom content.\n   * If this property is provided, the `removeButton` and `editButton` properties are ignored.\n   */\n  Actions?: React.ReactNode\n  children?: React.ReactNode\n  /**\n   * Additional className to the collapsible wrapper\n   */\n  className?: string\n  /**\n   * Props to pass to the underlying Collapsible component. You could use this to override the `Header` entirely, for example.\n   */\n  collapsibleProps?: Partial<CollapsibleProps>\n  /**\n   * Whether to disable rendering the block name field in the header Label\n   * @default false\n   */\n  disableBlockName?: boolean\n  /**\n   * Whether to show the Edit button\n   * If `Actions` is provided, this property is ignored.\n   * @default true\n   */\n  editButton?: boolean\n  /**\n   * Replace the default Label component with a custom Label\n   */\n  Label?: React.ReactNode\n  /**\n   * Replace the default Pill component component that's rendered within the default Label component with a custom Pill.\n   * This property has no effect if you provide a custom Label component via the `Label` property.\n   */\n  Pill?: React.ReactNode\n  /**\n   * Whether to show the Remove button\n   * If `Actions` is provided, this property is ignored.\n   * @default true\n   */\n  removeButton?: boolean\n}\n\nexport type BlockCollapsibleWithErrorProps = {\n  errorCount?: number\n  fieldHasErrors?: boolean\n} & BlockCollapsibleProps\n\nexport type BlockContentProps = {\n  baseClass: string\n  BlockDrawer: React.FC\n  Collapsible: React.FC<BlockCollapsibleWithErrorProps>\n  CustomBlock: React.ReactNode\n  EditButton: React.FC\n  errorCount: number\n  formSchema: ClientField[]\n  initialState: false | FormState | undefined\n\n  nodeKey: string\n  RemoveButton: React.FC\n}\n\ntype BlockComponentContextType = {\n  BlockCollapsible: React.FC<BlockCollapsibleProps>\n} & Omit<BlockContentProps, 'Collapsible'>\n\nconst BlockComponentContext = createContext<BlockComponentContextType>({\n  baseClass: 'LexicalEditorTheme__block',\n  BlockCollapsible: () => null,\n  BlockDrawer: () => null,\n  CustomBlock: null,\n  EditButton: () => null,\n  errorCount: 0,\n  formSchema: [],\n  initialState: false,\n  nodeKey: '',\n  RemoveButton: () => null,\n})\n\nexport const useBlockComponentContext = () => React.use(BlockComponentContext)\n\n/**\n * The actual content of the Block. This should be INSIDE a Form component,\n * scoped to the block. All format operations in here are thus scoped to the block's form, and\n * not the whole document.\n */\nexport const BlockContent: React.FC<BlockContentProps> = (props) => {\n  const { Collapsible, ...contextProps } = props\n\n  const { BlockDrawer, CustomBlock, errorCount, formSchema } = contextProps\n\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n  const isEditable = useLexicalEditable()\n\n  const CollapsibleWithErrorProps = useMemo(\n    () => (props: BlockCollapsibleProps) => {\n      const { children, ...rest } = props\n      return (\n        <Collapsible errorCount={errorCount} fieldHasErrors={fieldHasErrors} {...rest}>\n          {children}\n        </Collapsible>\n      )\n    },\n    [Collapsible, fieldHasErrors, errorCount],\n  )\n\n  return CustomBlock ? (\n    <BlockComponentContext\n      value={{\n        ...contextProps,\n        BlockCollapsible: CollapsibleWithErrorProps,\n      }}\n    >\n      {CustomBlock}\n      <BlockDrawer />\n    </BlockComponentContext>\n  ) : (\n    <CollapsibleWithErrorProps>\n      <RenderFields\n        fields={formSchema}\n        forceRender={true}\n        parentIndexPath=\"\"\n        parentPath={''}\n        parentSchemaPath=\"\"\n        permissions={true}\n        readOnly={!isEditable}\n      />\n    </CollapsibleWithErrorProps>\n  )\n}\n"],"names":["useLexicalEditable","RenderFields","useFormSubmitted","React","createContext","useMemo","BlockComponentContext","baseClass","BlockCollapsible","BlockDrawer","CustomBlock","EditButton","errorCount","formSchema","initialState","nodeKey","RemoveButton","useBlockComponentContext","use","BlockContent","props","Collapsible","contextProps","hasSubmitted","fieldHasErrors","isEditable","CollapsibleWithErrorProps","children","rest","value","fields","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"AAAA;;AAIA,SAASA,kBAAkB,QAAQ,oCAAmC;AACtE,SAASC,YAAY,EAAEC,gBAAgB,QAAQ,iBAAgB;AAC/D,OAAOC,SAASC,aAAa,EAAEC,OAAO,QAAQ,QAAO;AAGnD;;;GAGC,GAGD;;GAEC,GAED;;GAEC,GAED;;;GAGC,GAED;;;;GAIC,GAED;;GAEC,GAED;;;GAGC,GAED;;;;GAIC,GA2BH,MAAMC,sCAAwBF,cAAyC;IACrEG,WAAW;IACXC,kBAAkB,IAAM;IACxBC,aAAa,IAAM;IACnBC,aAAa;IACbC,YAAY,IAAM;IAClBC,YAAY;IACZC,YAAY,EAAE;IACdC,cAAc;IACdC,SAAS;IACTC,cAAc,IAAM;AACtB;AAEA,OAAO,MAAMC,2BAA2B,IAAMd,MAAMe,GAAG,CAACZ,uBAAsB;AAE9E;;;;CAIC,GACD,OAAO,MAAMa,eAA4C,CAACC;IACxD,MAAM,EAAEC,WAAW,EAAE,GAAGC,cAAc,GAAGF;IAEzC,MAAM,EAAEX,WAAW,EAAEC,WAAW,EAAEE,UAAU,EAAEC,UAAU,EAAE,GAAGS;IAE7D,MAAMC,eAAerB;IAErB,MAAMsB,iBAAiBD,gBAAgBX,aAAa;IACpD,MAAMa,aAAazB;IAEnB,MAAM0B,4BAA4BrB,QAChC,IAAM,CAACe;YACL,MAAM,EAAEO,QAAQ,EAAE,GAAGC,MAAM,GAAGR;YAC9B,qBACE,QAACC;gBAAYT,YAAYA;gBAAYY,gBAAgBA;gBAAiB,GAAGI,IAAI;0BAC1ED;;;;;;QAGP,GACA;QAACN;QAAaG;QAAgBZ;KAAW;IAG3C,OAAOF,4BACL,QAACJ;QACCuB,OAAO;YACL,GAAGP,YAAY;YACfd,kBAAkBkB;QACpB;;YAEChB;0BACD,QAACD;;;;;;;;;;6BAGH,QAACiB;kBACC,cAAA,QAACzB;YACC6B,QAAQjB;YACRkB,aAAa;YACbC,iBAAgB;YAChBC,YAAY;YACZC,kBAAiB;YACjBC,aAAa;YACbC,UAAU,CAACX;;;;;;;;;;;AAInB,EAAC"}

package/dist/features/blocks/client/component/components/BlockCollapsible.js

@@ -1,14 +1,18 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useBlockComponentContext } from '../BlockContent.js';
 export const BlockCollapsible = (props)=>{
     const { children, ...rest } = props;
     const { BlockCollapsible } = useBlockComponentContext();
-    return BlockCollapsible ? /*#__PURE__*/ _jsx(BlockCollapsible, {
+    return BlockCollapsible ? /*#__PURE__*/ _jsxDEV(BlockCollapsible, {
         ...rest,
         children: children
-    }) : null;
+    }, void 0, false, {
+        fileName: "src/features/blocks/client/component/components/BlockCollapsible.tsx",
+        lineNumber: 10,
+        columnNumber: 29
+    }, this) : null;
 };
 
 //# sourceMappingURL=BlockCollapsible.js.map

package/dist/features/blocks/client/component/components/BlockCollapsible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/client/component/components/BlockCollapsible.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { type BlockCollapsibleProps, useBlockComponentContext } from '../BlockContent.js'\n\nexport const BlockCollapsible: React.FC<BlockCollapsibleProps> = (props) => {\n  const { children, ...rest } = props\n  const { BlockCollapsible } = useBlockComponentContext()\n\n  return BlockCollapsible ? <BlockCollapsible {...rest}>{children}</BlockCollapsible> : null\n}\n"],"names":["React","useBlockComponentContext","BlockCollapsible","props","children","rest"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAAqCC,wBAAwB,QAAQ,qBAAoB;AAEzF,OAAO,MAAMC,mBAAoD,CAACC;IAChE,MAAM,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGF;IAC9B,MAAM,EAAED,gBAAgB,EAAE,GAAGD;IAE7B,OAAOC,iCAAmB,KAACA;QAAkB,GAAGG,IAAI;kBAAGD;SAA+B;AACxF,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/blocks/client/component/components/BlockCollapsible.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { type BlockCollapsibleProps, useBlockComponentContext } from '../BlockContent.js'\n\nexport const BlockCollapsible: React.FC<BlockCollapsibleProps> = (props) => {\n  const { children, ...rest } = props\n  const { BlockCollapsible } = useBlockComponentContext()\n\n  return BlockCollapsible ? <BlockCollapsible {...rest}>{children}</BlockCollapsible> : null\n}\n"],"names":["React","useBlockComponentContext","BlockCollapsible","props","children","rest"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAAqCC,wBAAwB,QAAQ,qBAAoB;AAEzF,OAAO,MAAMC,mBAAoD,CAACC;IAChE,MAAM,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGF;IAC9B,MAAM,EAAED,gBAAgB,EAAE,GAAGD;IAE7B,OAAOC,iCAAmB,QAACA;QAAkB,GAAGG,IAAI;kBAAGD;;;;;eAA+B;AACxF,EAAC"}

package/dist/features/blocks/client/component/components/BlockEditButton.js

@@ -1,10 +1,14 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useBlockComponentContext } from '../BlockContent.js';
 export const BlockEditButton = ()=>{
     const { EditButton } = useBlockComponentContext();
-    return EditButton ? /*#__PURE__*/ _jsx(EditButton, {}) : null;
+    return EditButton ? /*#__PURE__*/ _jsxDEV(EditButton, {}, void 0, false, {
+        fileName: "src/features/blocks/client/component/components/BlockEditButton.tsx",
+        lineNumber: 9,
+        columnNumber: 23
+    }, this) : null;
 };
 
 //# sourceMappingURL=BlockEditButton.js.map

package/dist/features/blocks/client/component/components/BlockEditButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/client/component/components/BlockEditButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useBlockComponentContext } from '../BlockContent.js'\n\nexport const BlockEditButton = () => {\n  const { EditButton } = useBlockComponentContext()\n\n  return EditButton ? <EditButton /> : null\n}\n"],"names":["React","useBlockComponentContext","BlockEditButton","EditButton"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,wBAAwB,QAAQ,qBAAoB;AAE7D,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,UAAU,EAAE,GAAGF;IAEvB,OAAOE,2BAAa,KAACA,kBAAgB;AACvC,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/blocks/client/component/components/BlockEditButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useBlockComponentContext } from '../BlockContent.js'\n\nexport const BlockEditButton = () => {\n  const { EditButton } = useBlockComponentContext()\n\n  return EditButton ? <EditButton /> : null\n}\n"],"names":["React","useBlockComponentContext","BlockEditButton","EditButton"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,wBAAwB,QAAQ,qBAAoB;AAE7D,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,UAAU,EAAE,GAAGF;IAEvB,OAAOE,2BAAa,QAACA;;;;eAAgB;AACvC,EAAC"}

package/dist/features/blocks/client/component/components/BlockRemoveButton.js

@@ -1,10 +1,14 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useBlockComponentContext } from '../BlockContent.js';
 export const BlockRemoveButton = ()=>{
     const { RemoveButton } = useBlockComponentContext();
-    return RemoveButton ? /*#__PURE__*/ _jsx(RemoveButton, {}) : null;
+    return RemoveButton ? /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
+        fileName: "src/features/blocks/client/component/components/BlockRemoveButton.tsx",
+        lineNumber: 9,
+        columnNumber: 25
+    }, this) : null;
 };
 
 //# sourceMappingURL=BlockRemoveButton.js.map

package/dist/features/blocks/client/component/components/BlockRemoveButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/blocks/client/component/components/BlockRemoveButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useBlockComponentContext } from '../BlockContent.js'\n\nexport const BlockRemoveButton = () => {\n  const { RemoveButton } = useBlockComponentContext()\n\n  return RemoveButton ? <RemoveButton /> : null\n}\n"],"names":["React","useBlockComponentContext","BlockRemoveButton","RemoveButton"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,wBAAwB,QAAQ,qBAAoB;AAE7D,OAAO,MAAMC,oBAAoB;IAC/B,MAAM,EAAEC,YAAY,EAAE,GAAGF;IAEzB,OAAOE,6BAAe,KAACA,oBAAkB;AAC3C,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/blocks/client/component/components/BlockRemoveButton.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useBlockComponentContext } from '../BlockContent.js'\n\nexport const BlockRemoveButton = () => {\n  const { RemoveButton } = useBlockComponentContext()\n\n  return RemoveButton ? <RemoveButton /> : null\n}\n"],"names":["React","useBlockComponentContext","BlockRemoveButton","RemoveButton"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,wBAAwB,QAAQ,qBAAoB;AAE7D,OAAO,MAAMC,oBAAoB;IAC/B,MAAM,EAAEC,YAAY,EAAE,GAAGF;IAEzB,OAAOE,6BAAe,QAACA;;;;eAAkB;AAC3C,EAAC"}

package/dist/features/blocks/client/component/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { getTranslation } from '@payloadcms/translations';
@@ -10,6 +10,7 @@ import { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { v4 as uuid } from 'uuid';
 import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
+import './index.scss';
 import { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
 import { $isBlockNode } from '../nodes/BlocksNode.js';
 import { BlockContent } from './BlockContent.js';
@@ -263,7 +264,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
         setDocFieldPreferences,
         formData.id
     ]);
-    const EditButton = useMemo(()=>()=>/*#__PURE__*/ _jsx(Button, {
+    const EditButton = useMemo(()=>()=>/*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: "icon-label",
                 className: `${baseClass}__editButton`,
                 disabled: !isEditable,
@@ -285,14 +286,18 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                 tooltip: t('lexical:blocks:inlineBlocks:edit', {
                     label: blockDisplayName
                 })
-            }), [
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 383,
+                columnNumber: 7
+            }, this), [
         baseClass,
         isEditable,
         t,
         blockDisplayName,
         toggleDrawer
     ]);
-    const RemoveButton = useMemo(()=>()=>/*#__PURE__*/ _jsx(Button, {
+    const RemoveButton = useMemo(()=>()=>/*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: "icon-label",
                 className: `${baseClass}__removeButton`,
                 disabled: !isEditable,
@@ -303,55 +308,91 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                 },
                 round: true,
                 tooltip: "Remove Block"
-            }), [
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 410,
+                columnNumber: 7
+            }, this), [
         baseClass,
         isEditable,
         removeBlock
     ]);
     const BlockCollapsible = useMemo(()=>({ Actions, children, className, collapsibleProps, disableBlockName, editButton, errorCount, fieldHasErrors, Label, Pill: CustomPill, removeButton })=>{
-            return /*#__PURE__*/ _jsx("div", {
+            return /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__container ${baseClass}-${blockType}`,
-                children: /*#__PURE__*/ _jsx(Collapsible, {
+                children: /*#__PURE__*/ _jsxDEV(Collapsible, {
                     className: [
                         `${baseClass}__row`,
                         fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,
                         className
                     ].filter(Boolean).join(' '),
                     collapsibleStyle: fieldHasErrors ? 'error' : 'default',
-                    header: /*#__PURE__*/ _jsxs("div", {
+                    header: /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__block-header`,
                         children: [
-                            typeof Label !== 'undefined' ? Label : typeof CustomLabel !== 'undefined' ? CustomLabel : /*#__PURE__*/ _jsxs("div", {
+                            typeof Label !== 'undefined' ? Label : typeof CustomLabel !== 'undefined' ? CustomLabel : /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__block-label`,
                                 children: [
-                                    typeof CustomPill !== 'undefined' ? CustomPill : /*#__PURE__*/ _jsx(Pill, {
+                                    typeof CustomPill !== 'undefined' ? CustomPill : /*#__PURE__*/ _jsxDEV(Pill, {
                                         className: `${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`,
                                         pillStyle: "white",
                                         size: "small",
                                         children: blockDisplayName ?? blockType
-                                    }),
-                                    !disableBlockName && !clientBlock?.admin?.disableBlockName && /*#__PURE__*/ _jsx(SectionTitle, {
+                                    }, void 0, false, {
+                                        fileName: "src/features/blocks/client/component/index.tsx",
+                                        lineNumber: 463,
+                                        columnNumber: 25
+                                    }, void 0),
+                                    !disableBlockName && !clientBlock?.admin?.disableBlockName && /*#__PURE__*/ _jsxDEV(SectionTitle, {
                                         path: "blockName",
                                         readOnly: !isEditable
-                                    }),
-                                    fieldHasErrors && /*#__PURE__*/ _jsx(ErrorPill, {
+                                    }, void 0, false, {
+                                        fileName: "src/features/blocks/client/component/index.tsx",
+                                        lineNumber: 472,
+                                        columnNumber: 25
+                                    }, void 0),
+                                    fieldHasErrors && /*#__PURE__*/ _jsxDEV(ErrorPill, {
                                         count: errorCount ?? 0,
                                         i18n: i18n,
                                         withMessage: true
-                                    })
+                                    }, void 0, false, {
+                                        fileName: "src/features/blocks/client/component/index.tsx",
+                                        lineNumber: 476,
+                                        columnNumber: 25
+                                    }, void 0)
                                 ]
-                            }),
-                            /*#__PURE__*/ _jsx("div", {
+                            }, void 0, true, {
+                                fileName: "src/features/blocks/client/component/index.tsx",
+                                lineNumber: 459,
+                                columnNumber: 21
+                            }, void 0),
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__block-actions`,
-                                children: typeof Actions !== 'undefined' ? Actions : /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: typeof Actions !== 'undefined' ? Actions : /*#__PURE__*/ _jsxDEV(_Fragment, {
                                     children: [
-                                        CustomBlock && editButton !== false || !CustomBlock && editButton ? /*#__PURE__*/ _jsx(EditButton, {}) : null,
-                                        removeButton !== false && isEditable ? /*#__PURE__*/ _jsx(RemoveButton, {}) : null
+                                        CustomBlock && editButton !== false || !CustomBlock && editButton ? /*#__PURE__*/ _jsxDEV(EditButton, {}, void 0, false, {
+                                            fileName: "src/features/blocks/client/component/index.tsx",
+                                            lineNumber: 487,
+                                            columnNumber: 27
+                                        }, void 0) : null,
+                                        removeButton !== false && isEditable ? /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
+                                            fileName: "src/features/blocks/client/component/index.tsx",
+                                            lineNumber: 489,
+                                            columnNumber: 65
+                                        }, void 0) : null
                                     ]
-                                })
-                            })
+                                }, void 0, true)
+                            }, void 0, false, {
+                                fileName: "src/features/blocks/client/component/index.tsx",
+                                lineNumber: 481,
+                                columnNumber: 19
+                            }, void 0)
                         ]
-                    }),
+                    }, void 0, true, {
+                        fileName: "src/features/blocks/client/component/index.tsx",
+                        lineNumber: 453,
+                        columnNumber: 17
+                    }, void 0),
                     isCollapsed: isCollapsed,
                     onToggle: (incomingCollapsedState)=>{
                         onCollapsedChange(incomingCollapsedState);
@@ -359,8 +400,16 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                     },
                     ...collapsibleProps || {},
                     children: children
-                }, 0)
-            });
+                }, 0, false, {
+                    fileName: "src/features/blocks/client/component/index.tsx",
+                    lineNumber: 443,
+                    columnNumber: 13
+                }, this)
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 442,
+                columnNumber: 11
+            }, this);
         }, [
         CustomBlock,
         CustomLabel,
@@ -376,16 +425,16 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
         isEditable
     ]);
     const blockID = formData?.id;
-    const BlockDrawer = useMemo(()=>()=>/*#__PURE__*/ _jsx(EditDepthProvider, {
-                children: /*#__PURE__*/ _jsx(Drawer, {
+    const BlockDrawer = useMemo(()=>()=>/*#__PURE__*/ _jsxDEV(EditDepthProvider, {
+                children: /*#__PURE__*/ _jsxDEV(Drawer, {
                     className: '',
                     slug: drawerSlug,
                     title: t(`lexical:blocks:inlineBlocks:${blockID ? 'edit' : 'create'}`, {
                         label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label')
                     }),
-                    children: initialState ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: initialState ? /*#__PURE__*/ _jsxDEV(_Fragment, {
                         children: [
-                            /*#__PURE__*/ _jsx(RenderFields, {
+                            /*#__PURE__*/ _jsxDEV(RenderFields, {
                                 fields: clientBlock?.fields ?? [],
                                 forceRender: true,
                                 parentIndexPath: "",
@@ -394,15 +443,31 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                                 parentSchemaPath: schemaFieldsPath,
                                 permissions: true,
                                 readOnly: !isEditable
-                            }),
-                            /*#__PURE__*/ _jsx(FormSubmit, {
+                            }, void 0, false, {
+                                fileName: "src/features/blocks/client/component/index.tsx",
+                                lineNumber: 538,
+                                columnNumber: 15
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(FormSubmit, {
                                 programmaticSubmit: true,
                                 children: t('fields:saveChanges')
-                            })
+                            }, void 0, false, {
+                                fileName: "src/features/blocks/client/component/index.tsx",
+                                lineNumber: 547,
+                                columnNumber: 15
+                            }, this)
                         ]
-                    }) : null
-                })
-            }), [
+                    }, void 0, true) : null
+                }, void 0, false, {
+                    fileName: "src/features/blocks/client/component/index.tsx",
+                    lineNumber: 529,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 528,
+                columnNumber: 7
+            }, this), [
         initialState,
         drawerSlug,
         blockID,
@@ -418,7 +483,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
         if (!initialState) {
             return null;
         }
-        return /*#__PURE__*/ _jsx(Form, {
+        return /*#__PURE__*/ _jsxDEV(Form, {
             beforeSubmit: [
                 async ({ formState })=>{
                     // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component
@@ -447,7 +512,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
             },
             submitted: submitted,
             uuid: uuid(),
-            children: /*#__PURE__*/ _jsx(BlockContent, {
+            children: /*#__PURE__*/ _jsxDEV(BlockContent, {
                 baseClass: baseClass,
                 BlockDrawer: BlockDrawer,
                 Collapsible: BlockCollapsible,
@@ -458,8 +523,16 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
                 initialState: initialState,
                 nodeKey: nodeKey,
                 RemoveButton: RemoveButton
-            })
-        });
+            }, void 0, false, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 597,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/features/blocks/client/component/index.tsx",
+            lineNumber: 572,
+            columnNumber: 7
+        }, this);
     }, [
         BlockCollapsible,
         BlockDrawer,
@@ -479,18 +552,26 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
         submitted
     ]);
     if (!clientBlock) {
-        return /*#__PURE__*/ _jsx(BlockCollapsible, {
+        return /*#__PURE__*/ _jsxDEV(BlockCollapsible, {
             disableBlockName: true,
             fieldHasErrors: true,
-            children: /*#__PURE__*/ _jsxs("div", {
+            children: /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}-not-found`,
                 children: [
                     "Error: Block '",
                     blockType,
                     "' not found in the config but exists in the lexical data"
                 ]
-            })
-        });
+            }, void 0, true, {
+                fileName: "src/features/blocks/client/component/index.tsx",
+                lineNumber: 633,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/features/blocks/client/component/index.tsx",
+            lineNumber: 632,
+            columnNumber: 7
+        }, this);
     }
     return Block;
 };