@payloadcms/richtext-lexical 3.68.0-internal-debug.35482da → 3.68.0-internal-debug.e9b66ee

package/dist/cell/rscEntry.js

@@ -1,8 +1,6 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Link } from '@payloadcms/ui';
 import { formatAdminURL } from 'payload/shared';
-import React from 'react';
 function recurseEditorState(editorState, textContent, i = 0) {
     for (const node of editorState){
         i++;
@@ -10,17 +8,7 @@ function recurseEditorState(editorState, textContent, i = 0) {
             textContent.push(node.text);
         } else {
             if (!('children' in node)) {
-                textContent.push(/*#__PURE__*/ _jsxDEV("code", {
-                    children: [
-                        " [",
-                        node.type,
-                        "]"
-                    ]
-                }, i, true, {
-                    fileName: "src/cell/rscEntry.tsx",
-                    lineNumber: 21,
-                    columnNumber: 26
-                }, this));
+                textContent.push(<code key={i}>&#32;[{node.type}]</code>);
             }
         }
         if ('children' in node && node.children) {
@@ -69,14 +57,7 @@ export const RscEntryLexicalCell = (props)=>{
             })
         ];
     }
-    return /*#__PURE__*/ _jsxDEV(WrapElement, {
-        ...wrapElementProps,
-        children: textContent
-    }, void 0, false, {
-        fileName: "src/cell/rscEntry.tsx",
-        lineNumber: 104,
-        columnNumber: 10
-    }, this);
+    return <WrapElement {...wrapElementProps}>{textContent}</WrapElement>;
 };
 
 //# 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,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"}
+{"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","recurseEditorState","editorState","textContent","i","node","text","push","code","key","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;AAK/C,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,EAAEC,KAAKC,KAAKL,GAAG,MAAM,CAACC,KAAKK,IAAI,CAAC,CAAC,EAAEF;YACrD;QACF;QACA,IAAI,cAAcH,QAAQA,KAAKM,QAAQ,EAAE;YACvCR,cAAcF,mBAAmBI,KAAKM,QAAQ,EAA6BR,aAAaC;QAC1F;IACF;IACA,OAAOD;AACT;AAEA,OAAO,MAAMS,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,IAAItB,cAAiC,EAAE;IAEvC,IAAIW,UAAUyB,MAAM5B,UAAU;QAC5BR,cAAcF,mBAAmBa,UAAUyB,MAAM5B,UAAUR;IAC7D;IAEA,IAAI,CAACA,aAAaqC,QAAQ;QACxBrC,cAAc;YACZiB,KAAKqB,CAAC,CAAC,mBAAmB;gBACxBC,OAAO5C,eAAe,AAAC,CAAA,WAAWoB,QAAQA,MAAMwB,KAAK,GAAG,IAAG,KAAM,QAAQtB;YAC3E;SACD;IACH;IAEA,QAAQW,aAAa,GAAGC,gBAAgB,GAAG7B,cAAc4B;AAC3D,EAAC"}

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

@@ -1,5 +1,4 @@
 'use client';
-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';
@@ -26,7 +25,7 @@ import React, { createContext, useMemo } from 'react';
    * Whether to show the Remove button
    * If `Actions` is provided, this property is ignored.
    * @default true
-   */ const BlockComponentContext = /*#__PURE__*/ createContext({
+   */ const BlockComponentContext = createContext({
     baseClass: 'LexicalEditorTheme__block',
     BlockCollapsible: ()=>null,
     BlockDrawer: ()=>null,
@@ -51,57 +50,23 @@ export const useBlockComponentContext = ()=>React.use(BlockComponentContext);
     const isEditable = useLexicalEditable();
     const CollapsibleWithErrorProps = useMemo(()=>(props)=>{
             const { children, ...rest } = props;
-            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);
+            return <Collapsible errorCount={errorCount} fieldHasErrors={fieldHasErrors} {...rest}>
+          {children}
+        </Collapsible>;
         }, [
         Collapsible,
         fieldHasErrors,
         errorCount
     ]);
-    return CustomBlock ? /*#__PURE__*/ _jsxDEV(BlockComponentContext, {
-        value: {
-            ...contextProps,
-            BlockCollapsible: CollapsibleWithErrorProps
-        },
-        children: [
-            CustomBlock,
-            /*#__PURE__*/ _jsxDEV(BlockDrawer, {}, void 0, false, {
-                fileName: "src/features/blocks/client/component/BlockContent.tsx",
-                lineNumber: 125,
-                columnNumber: 7
-            }, this)
-        ]
-    }, 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: "",
-            parentPath: '',
-            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);
+    return CustomBlock ? <BlockComponentContext value={{
+        ...contextProps,
+        BlockCollapsible: CollapsibleWithErrorProps
+    }}>
+      {CustomBlock}
+      <BlockDrawer/>
+    </BlockComponentContext> : <CollapsibleWithErrorProps>
+      <RenderFields fields={formSchema} forceRender={true} parentIndexPath="" parentPath={''} parentSchemaPath="" permissions={true} readOnly={!isEditable}/>
+    </CollapsibleWithErrorProps>;
 };
 
 //# 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,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"}
+{"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,wBAAwBF,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,QACGC,YAAYT,YAAYA,YAAYY,gBAAgBA,iBAAiB,GAAGI,IAAI,EAAE;UAC7E,CAACD,SAAS;QACZ,EAAEN;QAEN,GACA;QAACA;QAAaG;QAAgBZ;KAAW;IAG3C,OAAOF,eACJJ,sBACCuB,OAAO;QACL,GAAGP,YAAY;QACfd,kBAAkBkB;IACpB,GACD;MACC,CAAChB,YAAY;MACb,CAACD,aAAc;IACjB,EAAEH,0BAEDoB,0BAA0B;MACzB,CAACzB,aACC6B,QAAQjB,YACRkB,aAAa,MACbC,gBAAgB,GAChBC,YAAY,IACZC,iBAAiB,GACjBC,aAAa,MACbC,UAAU,CAACX,aACX;IACJ,EAAEC;AAEN,EAAC"}

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

@@ -1,18 +1,9 @@
 'use client';
-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__*/ _jsxDEV(BlockCollapsible, {
-        ...rest,
-        children: children
-    }, void 0, false, {
-        fileName: "src/features/blocks/client/component/components/BlockCollapsible.tsx",
-        lineNumber: 10,
-        columnNumber: 29
-    }, this) : null;
+    return BlockCollapsible ? <BlockCollapsible {...rest}>{children}</BlockCollapsible> : 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,QAACA;QAAkB,GAAGG,IAAI;kBAAGD;;;;;eAA+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":["useBlockComponentContext","BlockCollapsible","props","children","rest"],"mappings":"AAAA;AAGA,SAAqCA,wBAAwB,QAAQ,qBAAoB;AAEzF,OAAO,MAAMC,mBAAoD,CAACC;IAChE,MAAM,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGF;IAC9B,MAAM,EAAED,gBAAgB,EAAE,GAAGD;IAE7B,OAAOC,oBAAoBA,kBAAkB,GAAGG,IAAI,GAAGD,WAAWF,oBAAoB;AACxF,EAAC"}

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

@@ -1,14 +1,8 @@
 'use client';
-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__*/ _jsxDEV(EditButton, {}, void 0, false, {
-        fileName: "src/features/blocks/client/component/components/BlockEditButton.tsx",
-        lineNumber: 9,
-        columnNumber: 23
-    }, this) : null;
+    return EditButton ? <EditButton/> : 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,QAACA;;;;eAAgB;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":["useBlockComponentContext","BlockEditButton","EditButton"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,QAAQ,qBAAoB;AAE7D,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,UAAU,EAAE,GAAGF;IAEvB,OAAOE,cAAcA,eAAgB;AACvC,EAAC"}

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

@@ -1,14 +1,8 @@
 'use client';
-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__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
-        fileName: "src/features/blocks/client/component/components/BlockRemoveButton.tsx",
-        lineNumber: 9,
-        columnNumber: 25
-    }, this) : null;
+    return RemoveButton ? <RemoveButton/> : 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,QAACA;;;;eAAkB;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":["useBlockComponentContext","BlockRemoveButton","RemoveButton"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,QAAQ,qBAAoB;AAE7D,OAAO,MAAMC,oBAAoB;IAC/B,MAAM,EAAEC,YAAY,EAAE,GAAGF;IAEzB,OAAOE,gBAAgBA,iBAAkB;AAC3C,EAAC"}