@payloadcms/richtext-lexical 3.0.0-beta.133 → 3.0.0-beta.135

package/dist/exports/server/ast/mdx.d.ts

@@ -0,0 +1,7 @@
+import { fromMarkdown } from 'mdast-util-from-markdown';
+export type AST = ReturnType<typeof fromMarkdown>;
+export declare function parseJSXToAST({ jsxString, keepPositions, }: {
+    jsxString: string;
+    keepPositions?: boolean;
+}): AST;
+//# sourceMappingURL=mdx.d.ts.map

package/dist/exports/server/ast/mdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx.d.ts","sourceRoot":"","sources":["../../../../src/exports/server/ast/mdx.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIvD,MAAM,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAA;AAEjD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,aAAa,GACd,EAAE;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,GAAG,GAAG,CA6BN"}

package/dist/exports/server/ast/mdx.js

@@ -0,0 +1,37 @@
+import * as acorn from 'acorn';
+import { fromMarkdown } from 'mdast-util-from-markdown';
+import { mdxJsxFromMarkdown } from 'mdast-util-mdx-jsx';
+import { mdxJsx } from 'micromark-extension-mdx-jsx';
+export function parseJSXToAST({
+  jsxString,
+  keepPositions
+}) {
+  const treeComplex = fromMarkdown(jsxString, {
+    // @ts-expect-error
+    extensions: [mdxJsx({
+      acorn,
+      addResult: false
+    })],
+    mdastExtensions: [mdxJsxFromMarkdown()]
+  });
+  // Remove "position" keys
+  const parseTree = tree => {
+    for (const key in tree) {
+      if (key === 'position' && tree[key].start && tree[key].end) {
+        delete tree[key];
+      } else if (typeof tree[key] === 'object') {
+        parseTree(tree[key]);
+      } else if (Array.isArray(tree[key])) {
+        for (const item of tree[key]) {
+          parseTree(item);
+        }
+      }
+    }
+  };
+  const tree = treeComplex;
+  if (keepPositions !== true) {
+    parseTree(tree);
+  }
+  return tree;
+}
+//# sourceMappingURL=mdx.js.map

package/dist/exports/server/ast/mdx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx.js","names":["acorn","fromMarkdown","mdxJsxFromMarkdown","mdxJsx","parseJSXToAST","jsxString","keepPositions","treeComplex","extensions","addResult","mdastExtensions","parseTree","tree","key","start","end","Array","isArray","item"],"sources":["../../../../src/exports/server/ast/mdx.ts"],"sourcesContent":["import * as acorn from 'acorn'\nimport { fromMarkdown } from 'mdast-util-from-markdown'\nimport { mdxJsxFromMarkdown } from 'mdast-util-mdx-jsx'\nimport { mdxJsx } from 'micromark-extension-mdx-jsx'\n\nexport type AST = ReturnType<typeof fromMarkdown>\n\nexport function parseJSXToAST({\n  jsxString,\n  keepPositions,\n}: {\n  jsxString: string\n  keepPositions?: boolean\n}): AST {\n  const treeComplex: AST = fromMarkdown(jsxString, {\n    // @ts-expect-error\n    extensions: [mdxJsx({ acorn, addResult: false })],\n    mdastExtensions: [mdxJsxFromMarkdown()],\n  })\n\n  // Remove \"position\" keys\n  const parseTree = (tree: object) => {\n    for (const key in tree) {\n      if (key === 'position' && tree[key].start && tree[key].end) {\n        delete tree[key]\n      } else if (typeof tree[key] === 'object') {\n        parseTree(tree[key])\n      } else if (Array.isArray(tree[key])) {\n        for (const item of tree[key]) {\n          parseTree(item)\n        }\n      }\n    }\n  }\n\n  const tree: AST = treeComplex\n\n  if (keepPositions !== true) {\n    parseTree(tree)\n  }\n\n  return tree\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,MAAM,QAAQ;AAIvB,OAAO,SAASC,cAAc;EAC5BC,SAAS;EACTC;AAAa,CAId;EACC,MAAMC,WAAA,GAAmBN,YAAA,CAAaI,SAAA,EAAW;IAC/C;IACAG,UAAA,EAAY,CAACL,MAAA,CAAO;MAAEH,KAAA;MAAOS,SAAA,EAAW;IAAM,GAAG;IACjDC,eAAA,EAAiB,CAACR,kBAAA;EACpB;EAEA;EACA,MAAMS,SAAA,GAAaC,IAAA;IACjB,KAAK,MAAMC,GAAA,IAAOD,IAAA,EAAM;MACtB,IAAIC,GAAA,KAAQ,cAAcD,IAAI,CAACC,GAAA,CAAI,CAACC,KAAK,IAAIF,IAAI,CAACC,GAAA,CAAI,CAACE,GAAG,EAAE;QAC1D,OAAOH,IAAI,CAACC,GAAA,CAAI;MAClB,OAAO,IAAI,OAAOD,IAAI,CAACC,GAAA,CAAI,KAAK,UAAU;QACxCF,SAAA,CAAUC,IAAI,CAACC,GAAA,CAAI;MACrB,OAAO,IAAIG,KAAA,CAAMC,OAAO,CAACL,IAAI,CAACC,GAAA,CAAI,GAAG;QACnC,KAAK,MAAMK,IAAA,IAAQN,IAAI,CAACC,GAAA,CAAI,EAAE;UAC5BF,SAAA,CAAUO,IAAA;QACZ;MACF;IACF;EACF;EAEA,MAAMN,IAAA,GAAYL,WAAA;EAElB,IAAID,aAAA,KAAkB,MAAM;IAC1BK,SAAA,CAAUC,IAAA;EACZ;EAEA,OAAOA,IAAA;AACT","ignoreList":[]}

package/dist/exports/shared.d.ts

@@ -0,0 +1,4 @@
+export { collectTopLevelJSXInLines } from '../utilities/jsx/collectTopLevelJSXInLines.js';
+export { extractPropsFromJSXPropsString } from '../utilities/jsx/extractPropsFromJSXPropsString.js';
+export { extractFrontmatter, frontmatterToObject, objectToFrontmatter, propsToJSXString, } from '../utilities/jsx/jsx.js';
+//# sourceMappingURL=shared.d.ts.map

package/dist/exports/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/exports/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,+CAA+C,CAAA;AAEzF,OAAO,EAAE,8BAA8B,EAAE,MAAM,oDAAoD,CAAA;AACnG,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,yBAAyB,CAAA"}

package/dist/exports/shared.js

@@ -0,0 +1,4 @@
+export { collectTopLevelJSXInLines } from '../utilities/jsx/collectTopLevelJSXInLines.js';
+export { extractPropsFromJSXPropsString } from '../utilities/jsx/extractPropsFromJSXPropsString.js';
+export { extractFrontmatter, frontmatterToObject, objectToFrontmatter, propsToJSXString } from '../utilities/jsx/jsx.js';
+//# sourceMappingURL=shared.js.map

package/dist/exports/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","names":["collectTopLevelJSXInLines","extractPropsFromJSXPropsString","extractFrontmatter","frontmatterToObject","objectToFrontmatter","propsToJSXString"],"sources":["../../src/exports/shared.ts"],"sourcesContent":["export { collectTopLevelJSXInLines } from '../utilities/jsx/collectTopLevelJSXInLines.js'\n\nexport { extractPropsFromJSXPropsString } from '../utilities/jsx/extractPropsFromJSXPropsString.js'\nexport {\n  extractFrontmatter,\n  frontmatterToObject,\n  objectToFrontmatter,\n  propsToJSXString,\n} from '../utilities/jsx/jsx.js'\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ;AAE1C,SAASC,8BAA8B,QAAQ;AAC/C,SACEC,kBAAkB,EAClBC,mBAAmB,EACnBC,mBAAmB,EACnBC,gBAAgB,QACX","ignoreList":[]}

package/dist/features/blocks/client/component/BlockContent.d.ts

@@ -1,18 +1,43 @@
-import type { ClientBlock, ClientField } from 'payload';
+import type { ClientField, FormState } from 'payload';
 import React from 'react';
-import type { LexicalRichTextFieldProps } from '../../../../types.js';
-import type { BlockFields } from '../../server/nodes/BlocksNode.js';
 type Props = {
     baseClass: string;
-    clientBlock: ClientBlock;
-    field: LexicalRichTextFieldProps['field'];
-    formData: BlockFields;
+    BlockDrawer: React.FC;
+    Collapsible: React.FC<{
+        children?: React.ReactNode;
+        editButton?: boolean;
+        errorCount?: number;
+        fieldHasErrors?: boolean;
+        /**
+         * Override the default label with a custom label
+         */
+        Label?: React.ReactNode;
+        removeButton?: boolean;
+    }>;
+    CustomBlock: React.ReactNode;
+    EditButton: React.FC;
+    errorCount: number;
     formSchema: ClientField[];
-    Label?: React.ReactNode;
+    initialState: false | FormState | undefined;
     nodeKey: string;
-    path: string;
-    schemaPath: string;
+    RemoveButton: React.FC;
 };
+type BlockComponentContextType = {
+    BlockCollapsible?: React.FC<{
+        children?: React.ReactNode;
+        editButton?: boolean;
+        /**
+         * Override the default label with a custom label
+         */
+        Label?: React.ReactNode;
+        removeButton?: boolean;
+    }>;
+    EditButton?: React.FC;
+    initialState: false | FormState | undefined;
+    nodeKey?: string;
+    RemoveButton?: React.FC;
+};
+export declare const useBlockComponentContext: () => BlockComponentContextType;
 /**
  * The actual content of the Block. This should be INSIDE a Form component,
  * scoped to the block. All format operations in here are thus scoped to the block's form, and

package/dist/features/blocks/client/component/BlockContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockContent.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/BlockContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAmC,MAAM,SAAS,CAAA;AAiBxF,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAMnE,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAA;IACzC,QAAQ,EAAE,WAAW,CAAA;IACrB,UAAU,EAAE,WAAW,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAoBD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgLxC,CAAA"}
+{"version":3,"file":"BlockContent.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/BlockContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,KAAK,CAAC,EAAE,CAAA;IACrB,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;QACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,cAAc,CAAC,EAAE,OAAO,CAAA;QACxB;;WAEG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACvB,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAC,CAAA;IACF,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,WAAW,EAAE,CAAA;IACzB,YAAY,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAA;IAE3C,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,KAAK,CAAC,EAAE,CAAA;CACvB,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB;;WAEG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACvB,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAC,CAAA;IACF,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACrB,YAAY,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAA;IAE3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;CACxB,CAAA;AAMD,eAAO,MAAM,wBAAwB,iCAAgD,CAAA;AAErF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmExC,CAAA"}

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

@@ -1,183 +1,88 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
-import { getTranslation } from '@payloadcms/translations';
-import { Button, Collapsible, ErrorPill, Pill, RenderFields, SectionTitle, useDocumentInfo, useFormSubmitted, useTranslation } from '@payloadcms/ui';
-import { dequal } from 'dequal/lite';
-import { $getNodeByKey } from 'lexical';
-import React, { useCallback, useEffect } from 'react';
-import { $isBlockNode } from '../nodes/BlocksNode.js';
-import { FormSavePlugin } from './FormSavePlugin.js';
-// Recursively remove all undefined values from even being present in formData, as they will
-// cause isDeepEqual to return false if, for example, formData has a key that fields.data
-// does not have, even if it's undefined.
-// Currently, this happens if a block has another sub-blocks field. Inside formData, that sub-blocks field has an undefined blockName property.
-// Inside of fields.data however, that sub-blocks blockName property does not exist at all.
-function removeUndefinedAndNullAndEmptyArraysRecursively(obj) {
-  for (const key in obj) {
-    const value = obj[key];
-    if (Array.isArray(value) && !value?.length) {
-      delete obj[key];
-    } else if (value && typeof value === 'object') {
-      removeUndefinedAndNullAndEmptyArraysRecursively(value);
-    } else if (value === undefined || value === null) {
-      delete obj[key];
-    }
-  }
-}
+import { RenderFields, useFormSubmitted } from '@payloadcms/ui';
+import React, { createContext, useMemo } from 'react';
+const BlockComponentContext = /*#__PURE__*/createContext({
+  initialState: false
+});
+export const useBlockComponentContext = () => {
+  return React.useContext(BlockComponentContext);
+};
 /**
  * The actual content of the Block. This should be INSIDE a Form component,
  * scoped to the block. All format operations in here are thus scoped to the block's form, and
  * not the whole document.
  */
 export const BlockContent = props => {
+  const $ = _c(13);
   const {
-    baseClass,
-    clientBlock,
-    field,
+    BlockDrawer,
+    Collapsible,
+    CustomBlock,
+    EditButton,
+    errorCount,
     formSchema,
-    Label,
-    nodeKey
-  } = props;
-  let {
-    formData
+    initialState,
+    nodeKey,
+    RemoveButton
   } = props;
-  const {
-    i18n
-  } = useTranslation();
-  const [editor] = useLexicalComposerContext();
-  // Used for saving collapsed to preferences (and gettin' it from there again)
-  // Remember, these preferences are scoped to the whole document, not just this form. This
-  // is important to consider for the data path used in setDocFieldPreferences
-  const {
-    getDocPreferences,
-    setDocFieldPreferences
-  } = useDocumentInfo();
-  const [isCollapsed, setIsCollapsed] = React.useState();
-  useEffect(() => {
-    void getDocPreferences().then(currentDocPreferences => {
-      const currentFieldPreferences = currentDocPreferences?.fields[field.name];
-      const collapsedArray = currentFieldPreferences?.collapsed;
-      setIsCollapsed(collapsedArray ? collapsedArray.includes(formData.id) : false);
-    });
-  }, [field.name, formData.id, getDocPreferences]);
   const hasSubmitted = useFormSubmitted();
-  const [errorCount, setErrorCount] = React.useState(0);
   const fieldHasErrors = hasSubmitted && errorCount > 0;
-  const classNames = [`${baseClass}__row`, fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`].filter(Boolean).join(' ');
-  const onFormChange = useCallback(({
-    fullFieldsWithValues,
-    newFormData
-  }) => {
-    newFormData.id = formData.id;
-    newFormData.blockType = formData.blockType;
-    removeUndefinedAndNullAndEmptyArraysRecursively(newFormData);
-    removeUndefinedAndNullAndEmptyArraysRecursively(formData);
-    // Only update if the data has actually changed. Otherwise, we may be triggering an unnecessary value change,
-    // which would trigger the "Leave without saving" dialog unnecessarily
-    if (!dequal(formData, newFormData)) {
-      // Running this in the next tick in the meantime fixes this issue: https://github.com/payloadcms/payload/issues/4108
-      // I don't know why. When this is called immediately, it might focus out of a nested lexical editor field if an update is made there.
-      // My hypothesis is that the nested editor might not have fully finished its update cycle yet. By updating in the next tick, we
-      // ensure that the nested editor has finished its update cycle before we update the block node.
-      setTimeout(() => {
-        editor.update(() => {
-          const node = $getNodeByKey(nodeKey);
-          if (node && $isBlockNode(node)) {
-            formData = newFormData;
-            node.setFields(newFormData);
-          }
-        });
-      }, 0);
-    }
-    // update error count
-    if (hasSubmitted) {
-      let rowErrorCount = 0;
-      for (const formField of Object.values(fullFieldsWithValues)) {
-        if (formField?.valid === false) {
-          rowErrorCount++;
-        }
-      }
-      setErrorCount(rowErrorCount);
-    }
-  }, [editor, nodeKey, hasSubmitted, formData]);
-  const onCollapsedChange = useCallback(changedCollapsed => {
-    void getDocPreferences().then(currentDocPreferences_0 => {
-      const currentFieldPreferences_0 = currentDocPreferences_0?.fields[field.name];
-      const collapsedArray_0 = currentFieldPreferences_0?.collapsed;
-      const newCollapsed = collapsedArray_0 && collapsedArray_0?.length ? collapsedArray_0 : [];
-      if (changedCollapsed) {
-        if (!newCollapsed.includes(formData.id)) {
-          newCollapsed.push(formData.id);
-        }
-      } else {
-        if (newCollapsed.includes(formData.id)) {
-          newCollapsed.splice(newCollapsed.indexOf(formData.id), 1);
-        }
-      }
-      setDocFieldPreferences(field.name, {
-        collapsed: newCollapsed,
-        hello: 'hi'
-      });
-    });
-  }, [getDocPreferences, field.name, setDocFieldPreferences, formData.id]);
-  const removeBlock = useCallback(() => {
-    editor.update(() => {
-      $getNodeByKey(nodeKey)?.remove();
+  let t0;
+  let t1;
+  if ($[0] !== Collapsible || $[1] !== errorCount || $[2] !== fieldHasErrors) {
+    t1 = props_0 => _jsx(Collapsible, {
+      editButton: props_0.editButton,
+      errorCount,
+      fieldHasErrors,
+      Label: props_0.Label,
+      removeButton: props_0.removeButton,
+      children: props_0.children
     });
-  }, [editor, nodeKey]);
-  if (typeof isCollapsed !== 'boolean') {
-    return null;
+    $[0] = Collapsible;
+    $[1] = errorCount;
+    $[2] = fieldHasErrors;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
   }
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Collapsible, {
-      className: classNames,
-      collapsibleStyle: fieldHasErrors ? 'error' : 'default',
-      header: Label || /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__block-header`,
-        children: [/*#__PURE__*/_jsxs("div", {
-          children: [/*#__PURE__*/_jsx(Pill, {
-            className: `${baseClass}__block-pill ${baseClass}__block-pill-${formData?.blockType}`,
-            pillStyle: "white",
-            children: typeof clientBlock?.labels?.singular === 'string' ? getTranslation(clientBlock?.labels.singular, i18n) : clientBlock.slug
-          }), /*#__PURE__*/_jsx(SectionTitle, {
-            path: "blockName",
-            readOnly: field?.admin?.readOnly || false
-          }), fieldHasErrors && /*#__PURE__*/_jsx(ErrorPill, {
-            count: errorCount,
-            i18n: i18n,
-            withMessage: true
-          })]
-        }), editor.isEditable() && /*#__PURE__*/_jsx(Button, {
-          buttonStyle: "icon-label",
-          className: `${baseClass}__removeButton`,
-          disabled: field?.admin?.readOnly,
-          icon: "x",
-          onClick: e => {
-            e.preventDefault();
-            removeBlock();
-          },
-          round: true,
-          tooltip: "Remove Block"
-        })]
-      }),
-      isCollapsed: isCollapsed,
-      onToggle: incomingCollapsedState => {
-        onCollapsedChange(incomingCollapsedState);
-        setIsCollapsed(incomingCollapsedState);
+  t0 = t1;
+  const CollapsibleWithErrorProps = t0;
+  let t2;
+  if ($[4] !== CustomBlock || $[5] !== CollapsibleWithErrorProps || $[6] !== EditButton || $[7] !== initialState || $[8] !== nodeKey || $[9] !== RemoveButton || $[10] !== BlockDrawer || $[11] !== formSchema) {
+    t2 = CustomBlock ? _jsxs(BlockComponentContext.Provider, {
+      value: {
+        BlockCollapsible: CollapsibleWithErrorProps,
+        EditButton,
+        initialState,
+        nodeKey,
+        RemoveButton
       },
-      children: /*#__PURE__*/_jsx(RenderFields, {
+      children: [CustomBlock, _jsx(BlockDrawer, {})]
+    }) : _jsx(CollapsibleWithErrorProps, {
+      children: _jsx(RenderFields, {
         fields: formSchema,
         forceRender: true,
         parentIndexPath: "",
-        parentPath: '',
+        parentPath: "",
         parentSchemaPath: "",
         permissions: true
       })
-    }, 0), /*#__PURE__*/_jsx(FormSavePlugin, {
-      onChange: onFormChange
-    })]
-  });
+    });
+    $[4] = CustomBlock;
+    $[5] = CollapsibleWithErrorProps;
+    $[6] = EditButton;
+    $[7] = initialState;
+    $[8] = nodeKey;
+    $[9] = RemoveButton;
+    $[10] = BlockDrawer;
+    $[11] = formSchema;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  return t2;
 };
 //# sourceMappingURL=BlockContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockContent.js","names":["useLexicalComposerContext","getTranslation","Button","Collapsible","ErrorPill","Pill","RenderFields","SectionTitle","useDocumentInfo","useFormSubmitted","useTranslation","dequal","$getNodeByKey","React","useCallback","useEffect","$isBlockNode","FormSavePlugin","removeUndefinedAndNullAndEmptyArraysRecursively","obj","key","value","Array","isArray","length","undefined","BlockContent","props","baseClass","clientBlock","field","formSchema","Label","nodeKey","formData","i18n","editor","getDocPreferences","setDocFieldPreferences","isCollapsed","setIsCollapsed","useState","then","currentDocPreferences","currentFieldPreferences","fields","name","collapsedArray","collapsed","includes","id","hasSubmitted","errorCount","setErrorCount","fieldHasErrors","classNames","filter","Boolean","join","onFormChange","fullFieldsWithValues","newFormData","blockType","setTimeout","update","node","setFields","rowErrorCount","formField","Object","values","valid","onCollapsedChange","changedCollapsed","newCollapsed","push","splice","indexOf","hello","removeBlock","remove","_jsxs","Fragment","_jsx","className","collapsibleStyle","header","pillStyle","labels","singular","slug","path","readOnly","admin","count","withMessage","isEditable","buttonStyle","disabled","icon","onClick","e","preventDefault","round","tooltip","onToggle","incomingCollapsedState","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","onChange"],"sources":["../../../../../src/features/blocks/client/component/BlockContent.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, CollapsedPreferences, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Collapsible,\n  ErrorPill,\n  Pill,\n  RenderFields,\n  SectionTitle,\n  useDocumentInfo,\n  useFormSubmitted,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { dequal } from 'dequal/lite'\nimport { $getNodeByKey } from 'lexical'\nimport React, { useCallback, useEffect } from 'react'\n\nimport type { LexicalRichTextFieldProps } from '../../../../types.js'\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport { FormSavePlugin } from './FormSavePlugin.js'\n\ntype Props = {\n  baseClass: string\n  clientBlock: ClientBlock\n  field: LexicalRichTextFieldProps['field']\n  formData: BlockFields\n  formSchema: ClientField[]\n  Label?: React.ReactNode\n  nodeKey: string\n  path: string\n  schemaPath: string\n}\n\n// Recursively remove all undefined values from even being present in formData, as they will\n// cause isDeepEqual to return false if, for example, formData has a key that fields.data\n// does not have, even if it's undefined.\n// Currently, this happens if a block has another sub-blocks field. Inside formData, that sub-blocks field has an undefined blockName property.\n// Inside of fields.data however, that sub-blocks blockName property does not exist at all.\nfunction removeUndefinedAndNullAndEmptyArraysRecursively(obj: object) {\n  for (const key in obj) {\n    const value = obj[key]\n    if (Array.isArray(value) && !value?.length) {\n      delete obj[key]\n    } else if (value && typeof value === 'object') {\n      removeUndefinedAndNullAndEmptyArraysRecursively(value)\n    } else if (value === undefined || value === null) {\n      delete obj[key]\n    }\n  }\n}\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<Props> = (props) => {\n  const { baseClass, clientBlock, field, formSchema, Label, nodeKey } = props\n  let { formData } = props\n\n  const { i18n } = useTranslation()\n  const [editor] = useLexicalComposerContext()\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>()\n\n  useEffect(() => {\n    void getDocPreferences().then((currentDocPreferences) => {\n      const currentFieldPreferences = currentDocPreferences?.fields[field.name]\n      const collapsedArray = currentFieldPreferences?.collapsed\n      setIsCollapsed(collapsedArray ? collapsedArray.includes(formData.id) : false)\n    })\n  }, [field.name, formData.id, getDocPreferences])\n\n  const hasSubmitted = useFormSubmitted()\n\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const onFormChange = useCallback(\n    ({\n      fullFieldsWithValues,\n      newFormData,\n    }: {\n      fullFieldsWithValues: FormState\n      newFormData: BlockFields\n    }) => {\n      newFormData.id = formData.id\n      newFormData.blockType = formData.blockType\n\n      removeUndefinedAndNullAndEmptyArraysRecursively(newFormData)\n      removeUndefinedAndNullAndEmptyArraysRecursively(formData)\n\n      // Only update if the data has actually changed. Otherwise, we may be triggering an unnecessary value change,\n      // which would trigger the \"Leave without saving\" dialog unnecessarily\n      if (!dequal(formData, newFormData)) {\n        // Running this in the next tick in the meantime fixes this issue: https://github.com/payloadcms/payload/issues/4108\n        // I don't know why. When this is called immediately, it might focus out of a nested lexical editor field if an update is made there.\n        // My hypothesis is that the nested editor might not have fully finished its update cycle yet. By updating in the next tick, we\n        // ensure that the nested editor has finished its update cycle before we update the block node.\n        setTimeout(() => {\n          editor.update(() => {\n            const node = $getNodeByKey(nodeKey)\n            if (node && $isBlockNode(node)) {\n              formData = newFormData\n              node.setFields(newFormData)\n            }\n          })\n        }, 0)\n      }\n\n      // update error count\n      if (hasSubmitted) {\n        let rowErrorCount = 0\n        for (const formField of Object.values(fullFieldsWithValues)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n    },\n    [editor, nodeKey, hasSubmitted, formData],\n  )\n\n  const onCollapsedChange = useCallback(\n    (changedCollapsed: boolean) => {\n      void getDocPreferences().then((currentDocPreferences) => {\n        const currentFieldPreferences = currentDocPreferences?.fields[field.name]\n\n        const collapsedArray = currentFieldPreferences?.collapsed\n\n        const newCollapsed: CollapsedPreferences =\n          collapsedArray && collapsedArray?.length ? collapsedArray : []\n\n        if (changedCollapsed) {\n          if (!newCollapsed.includes(formData.id)) {\n            newCollapsed.push(formData.id)\n          }\n        } else {\n          if (newCollapsed.includes(formData.id)) {\n            newCollapsed.splice(newCollapsed.indexOf(formData.id), 1)\n          }\n        }\n\n        setDocFieldPreferences(field.name, {\n          collapsed: newCollapsed,\n          hello: 'hi',\n        })\n      })\n    },\n    [getDocPreferences, field.name, setDocFieldPreferences, formData.id],\n  )\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  if (typeof isCollapsed !== 'boolean') {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Collapsible\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        header={\n          Label || (\n            <div className={`${baseClass}__block-header`}>\n              <div>\n                <Pill\n                  className={`${baseClass}__block-pill ${baseClass}__block-pill-${formData?.blockType}`}\n                  pillStyle=\"white\"\n                >\n                  {typeof clientBlock?.labels?.singular === 'string'\n                    ? getTranslation(clientBlock?.labels.singular, i18n)\n                    : clientBlock.slug}\n                </Pill>\n                <SectionTitle path=\"blockName\" readOnly={field?.admin?.readOnly || false} />\n                {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n              </div>\n              {editor.isEditable() && (\n                <Button\n                  buttonStyle=\"icon-label\"\n                  className={`${baseClass}__removeButton`}\n                  disabled={field?.admin?.readOnly}\n                  icon=\"x\"\n                  onClick={(e) => {\n                    e.preventDefault()\n                    removeBlock()\n                  }}\n                  round\n                  tooltip=\"Remove Block\"\n                />\n              )}\n            </div>\n          )\n        }\n        isCollapsed={isCollapsed}\n        key={0}\n        onToggle={(incomingCollapsedState) => {\n          onCollapsedChange(incomingCollapsedState)\n          setIsCollapsed(incomingCollapsedState)\n        }}\n      >\n        <RenderFields\n          fields={formSchema}\n          forceRender={true}\n          parentIndexPath=\"\"\n          parentPath={''}\n          parentSchemaPath=\"\"\n          permissions={true}\n        />\n      </Collapsible>\n\n      <FormSavePlugin onChange={onFormChange} />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,yBAAyB,QAAQ;AAC1C,SAASC,cAAc,QAAQ;AAC/B,SACEC,MAAM,EACNC,WAAW,EACXC,SAAS,EACTC,IAAI,EACJC,YAAY,EACZC,YAAY,EACZC,eAAe,EACfC,gBAAgB,EAChBC,cAAc,QACT;AACP,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,QAAQ;AAM9C,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAc/B;AACA;AACA;AACA;AACA;AACA,SAASC,gDAAgDC,GAAW;EAClE,KAAK,MAAMC,GAAA,IAAOD,GAAA,EAAK;IACrB,MAAME,KAAA,GAAQF,GAAG,CAACC,GAAA,CAAI;IACtB,IAAIE,KAAA,CAAMC,OAAO,CAACF,KAAA,KAAU,CAACA,KAAA,EAAOG,MAAA,EAAQ;MAC1C,OAAOL,GAAG,CAACC,GAAA,CAAI;IACjB,OAAO,IAAIC,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU;MAC7CH,+CAAA,CAAgDG,KAAA;IAClD,OAAO,IAAIA,KAAA,KAAUI,SAAA,IAAaJ,KAAA,KAAU,MAAM;MAChD,OAAOF,GAAG,CAACC,GAAA,CAAI;IACjB;EACF;AACF;AAEA;;;;;AAKA,OAAO,MAAMM,YAAA,GAAiCC,KAAA;EAC5C,MAAM;IAAEC,SAAS;IAAEC,WAAW;IAAEC,KAAK;IAAEC,UAAU;IAAEC,KAAK;IAAEC;EAAO,CAAE,GAAGN,KAAA;EACtE,IAAI;IAAEO;EAAQ,CAAE,GAAGP,KAAA;EAEnB,MAAM;IAAEQ;EAAI,CAAE,GAAGzB,cAAA;EACjB,MAAM,CAAC0B,MAAA,CAAO,GAAGpC,yBAAA;EACjB;EACA;EACA;EACA,MAAM;IAAEqC,iBAAiB;IAAEC;EAAsB,CAAE,GAAG9B,eAAA;EAEtD,MAAM,CAAC+B,WAAA,EAAaC,cAAA,CAAe,GAAG3B,KAAA,CAAM4B,QAAQ;EAEpD1B,SAAA,CAAU;IACR,KAAKsB,iBAAA,GAAoBK,IAAI,CAAEC,qBAAA;MAC7B,MAAMC,uBAAA,GAA0BD,qBAAA,EAAuBE,MAAM,CAACf,KAAA,CAAMgB,IAAI,CAAC;MACzE,MAAMC,cAAA,GAAiBH,uBAAA,EAAyBI,SAAA;MAChDR,cAAA,CAAeO,cAAA,GAAiBA,cAAA,CAAeE,QAAQ,CAACf,QAAA,CAASgB,EAAE,IAAI;IACzE;EACF,GAAG,CAACpB,KAAA,CAAMgB,IAAI,EAAEZ,QAAA,CAASgB,EAAE,EAAEb,iBAAA,CAAkB;EAE/C,MAAMc,YAAA,GAAe1C,gBAAA;EAErB,MAAM,CAAC2C,UAAA,EAAYC,aAAA,CAAc,GAAGxC,KAAA,CAAM4B,QAAQ,CAAC;EAEnD,MAAMa,cAAA,GAAiBH,YAAA,IAAgBC,UAAA,GAAa;EAEpD,MAAMG,UAAA,GAAa,CACjB,GAAG3B,SAAA,OAAgB,EACnB0B,cAAA,GAAiB,GAAG1B,SAAA,mBAA4B,GAAG,GAAGA,SAAA,kBAA2B,CAClF,CACE4B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,MAAMC,YAAA,GAAe7C,WAAA,CACnB,CAAC;IACC8C,oBAAoB;IACpBC;EAAW,CAIZ;IACCA,WAAA,CAAYX,EAAE,GAAGhB,QAAA,CAASgB,EAAE;IAC5BW,WAAA,CAAYC,SAAS,GAAG5B,QAAA,CAAS4B,SAAS;IAE1C5C,+CAAA,CAAgD2C,WAAA;IAChD3C,+CAAA,CAAgDgB,QAAA;IAEhD;IACA;IACA,IAAI,CAACvB,MAAA,CAAOuB,QAAA,EAAU2B,WAAA,GAAc;MAClC;MACA;MACA;MACA;MACAE,UAAA,CAAW;QACT3B,MAAA,CAAO4B,MAAM,CAAC;UACZ,MAAMC,IAAA,GAAOrD,aAAA,CAAcqB,OAAA;UAC3B,IAAIgC,IAAA,IAAQjD,YAAA,CAAaiD,IAAA,GAAO;YAC9B/B,QAAA,GAAW2B,WAAA;YACXI,IAAA,CAAKC,SAAS,CAACL,WAAA;UACjB;QACF;MACF,GAAG;IACL;IAEA;IACA,IAAIV,YAAA,EAAc;MAChB,IAAIgB,aAAA,GAAgB;MACpB,KAAK,MAAMC,SAAA,IAAaC,MAAA,CAAOC,MAAM,CAACV,oBAAA,GAAuB;QAC3D,IAAIQ,SAAA,EAAWG,KAAA,KAAU,OAAO;UAC9BJ,aAAA;QACF;MACF;MACAd,aAAA,CAAcc,aAAA;IAChB;EACF,GACA,CAAC/B,MAAA,EAAQH,OAAA,EAASkB,YAAA,EAAcjB,QAAA,CAAS;EAG3C,MAAMsC,iBAAA,GAAoB1D,WAAA,CACvB2D,gBAAA;IACC,KAAKpC,iBAAA,GAAoBK,IAAI,CAAEC,uBAAA;MAC7B,MAAMC,yBAAA,GAA0BD,uBAAA,EAAuBE,MAAM,CAACf,KAAA,CAAMgB,IAAI,CAAC;MAEzE,MAAMC,gBAAA,GAAiBH,yBAAA,EAAyBI,SAAA;MAEhD,MAAM0B,YAAA,GACJ3B,gBAAA,IAAkBA,gBAAA,EAAgBvB,MAAA,GAASuB,gBAAA,GAAiB,EAAE;MAEhE,IAAI0B,gBAAA,EAAkB;QACpB,IAAI,CAACC,YAAA,CAAazB,QAAQ,CAACf,QAAA,CAASgB,EAAE,GAAG;UACvCwB,YAAA,CAAaC,IAAI,CAACzC,QAAA,CAASgB,EAAE;QAC/B;MACF,OAAO;QACL,IAAIwB,YAAA,CAAazB,QAAQ,CAACf,QAAA,CAASgB,EAAE,GAAG;UACtCwB,YAAA,CAAaE,MAAM,CAACF,YAAA,CAAaG,OAAO,CAAC3C,QAAA,CAASgB,EAAE,GAAG;QACzD;MACF;MAEAZ,sBAAA,CAAuBR,KAAA,CAAMgB,IAAI,EAAE;QACjCE,SAAA,EAAW0B,YAAA;QACXI,KAAA,EAAO;MACT;IACF;EACF,GACA,CAACzC,iBAAA,EAAmBP,KAAA,CAAMgB,IAAI,EAAER,sBAAA,EAAwBJ,QAAA,CAASgB,EAAE,CAAC;EAGtE,MAAM6B,WAAA,GAAcjE,WAAA,CAAY;IAC9BsB,MAAA,CAAO4B,MAAM,CAAC;MACZpD,aAAA,CAAcqB,OAAA,GAAU+C,MAAA;IAC1B;EACF,GAAG,CAAC5C,MAAA,EAAQH,OAAA,CAAQ;EAEpB,IAAI,OAAOM,WAAA,KAAgB,WAAW;IACpC,OAAO;EACT;EAEA,oBACE0C,KAAA,CAACpE,KAAA,CAAMqE,QAAQ;4BACbC,IAAA,CAAChF,WAAA;MACCiF,SAAA,EAAW7B,UAAA;MACX8B,gBAAA,EAAkB/B,cAAA,GAAiB,UAAU;MAC7CgC,MAAA,EACEtD,KAAA,iBACEiD,KAAA,CAAC;QAAIG,SAAA,EAAW,GAAGxD,SAAA,gBAAyB;gCAC1CqD,KAAA,CAAC;kCACCE,IAAA,CAAC9E,IAAA;YACC+E,SAAA,EAAW,GAAGxD,SAAA,gBAAyBA,SAAA,gBAAyBM,QAAA,EAAU4B,SAAA,EAAW;YACrFyB,SAAA,EAAU;sBAET,OAAO1D,WAAA,EAAa2D,MAAA,EAAQC,QAAA,KAAa,WACtCxF,cAAA,CAAe4B,WAAA,EAAa2D,MAAA,CAAOC,QAAA,EAAUtD,IAAA,IAC7CN,WAAA,CAAY6D;2BAElBP,IAAA,CAAC5E,YAAA;YAAaoF,IAAA,EAAK;YAAYC,QAAA,EAAU9D,KAAA,EAAO+D,KAAA,EAAOD,QAAA,IAAY;cAClEtC,cAAA,iBAAkB6B,IAAA,CAAC/E,SAAA;YAAU0F,KAAA,EAAO1C,UAAA;YAAYjB,IAAA,EAAMA,IAAA;YAAM4D,WAAW;;YAEzE3D,MAAA,CAAO4D,UAAU,mBAChBb,IAAA,CAACjF,MAAA;UACC+F,WAAA,EAAY;UACZb,SAAA,EAAW,GAAGxD,SAAA,gBAAyB;UACvCsE,QAAA,EAAUpE,KAAA,EAAO+D,KAAA,EAAOD,QAAA;UACxBO,IAAA,EAAK;UACLC,OAAA,EAAUC,CAAA;YACRA,CAAA,CAAEC,cAAc;YAChBvB,WAAA;UACF;UACAwB,KAAK;UACLC,OAAA,EAAQ;;;MAMlBjE,WAAA,EAAaA,WAAA;MAEbkE,QAAA,EAAWC,sBAAA;QACTlC,iBAAA,CAAkBkC,sBAAA;QAClBlE,cAAA,CAAekE,sBAAA;MACjB;gBAEA,aAAAvB,IAAA,CAAC7E,YAAA;QACCuC,MAAA,EAAQd,UAAA;QACR4E,WAAA,EAAa;QACbC,eAAA,EAAgB;QAChBC,UAAA,EAAY;QACZC,gBAAA,EAAiB;QACjBC,WAAA,EAAa;;OAZV,I,aAgBP5B,IAAA,CAAClE,cAAA;MAAe+F,QAAA,EAAUrD;;;AAGhC","ignoreList":[]}
+{"version":3,"file":"BlockContent.js","names":["c","_c","RenderFields","useFormSubmitted","React","createContext","useMemo","BlockComponentContext","initialState","useBlockComponentContext","useContext","BlockContent","props","$","BlockDrawer","Collapsible","CustomBlock","EditButton","errorCount","formSchema","nodeKey","RemoveButton","hasSubmitted","fieldHasErrors","t0","t1","props_0","_jsx","editButton","Label","removeButton","children","CollapsibleWithErrorProps","t2","_jsxs","Provider","value","BlockCollapsible","fields","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"sources":["../../../../../src/features/blocks/client/component/BlockContent.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, FormState } from 'payload'\n\nimport { RenderFields, useFormSubmitted } from '@payloadcms/ui'\nimport React, { createContext, useMemo } from 'react'\n\ntype Props = {\n  baseClass: string\n  BlockDrawer: React.FC\n  Collapsible: React.FC<{\n    children?: React.ReactNode\n    editButton?: boolean\n    errorCount?: number\n    fieldHasErrors?: boolean\n    /**\n     * Override the default label with a custom label\n     */\n    Label?: React.ReactNode\n    removeButton?: boolean\n  }>\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<{\n    children?: React.ReactNode\n    editButton?: boolean\n    /**\n     * Override the default label with a custom label\n     */\n    Label?: React.ReactNode\n    removeButton?: boolean\n  }>\n  EditButton?: React.FC\n  initialState: false | FormState | undefined\n\n  nodeKey?: string\n  RemoveButton?: React.FC\n}\n\nconst BlockComponentContext = createContext<BlockComponentContextType>({\n  initialState: false,\n})\n\nexport const useBlockComponentContext = () => React.useContext(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<Props> = (props) => {\n  const {\n    BlockDrawer,\n    Collapsible,\n    CustomBlock,\n    EditButton,\n    errorCount,\n    formSchema,\n    initialState,\n    nodeKey,\n    RemoveButton,\n  } = props\n\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const CollapsibleWithErrorProps = useMemo(\n    () =>\n      (props: {\n        children?: React.ReactNode\n        editButton?: boolean\n\n        /**\n         * Override the default label with a custom label\n         */\n        Label?: React.ReactNode\n        removeButton?: boolean\n      }) => (\n        <Collapsible\n          editButton={props.editButton}\n          errorCount={errorCount}\n          fieldHasErrors={fieldHasErrors}\n          Label={props.Label}\n          removeButton={props.removeButton}\n        >\n          {props.children}\n        </Collapsible>\n      ),\n    [Collapsible, fieldHasErrors, errorCount],\n  )\n\n  return CustomBlock ? (\n    <BlockComponentContext.Provider\n      value={{\n        BlockCollapsible: CollapsibleWithErrorProps,\n        EditButton,\n        initialState,\n        nodeKey,\n        RemoveButton,\n      }}\n    >\n      {CustomBlock}\n      <BlockDrawer />\n    </BlockComponentContext.Provider>\n  ) : (\n    <CollapsibleWithErrorProps>\n      <RenderFields\n        fields={formSchema}\n        forceRender={true}\n        parentIndexPath=\"\"\n        parentPath={''}\n        parentSchemaPath=\"\"\n        permissions={true}\n      />\n    </CollapsibleWithErrorProps>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,YAAY,EAAEC,gBAAgB,QAAQ;AAC/C,OAAOC,KAAA,IAASC,aAAa,EAAEC,OAAO,QAAQ;AA2C9C,MAAMC,qBAAA,gBAAwBF,aAAA,CAAyC;EACrEG,YAAA,EAAc;AAChB;AAEA,OAAO,MAAMC,wBAAA,GAA2BA,CAAA;EAAA,OAAML,KAAA,CAAAM,UAAA,CAAAH,qBAAiB;AAAA;AAE/D;;;;;AAKA,OAAO,MAAMI,YAAA,GAAgCC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAC3C;IAAAa,WAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAX,YAAA;IAAAY,OAAA;IAAAC;EAAA,IAUIT,KAAA;EAEJ,MAAAU,YAAA,GAAqBnB,gBAAA;EAErB,MAAAoB,cAAA,GAAuBD,YAAA,IAAgBJ,UAAA,IAAa;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAZ,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAU,cAAA;IAIhDE,EAAA,GAAAC,OAAA,IAUEC,IAAA,CAACZ,WAAA;MAAAa,UAAA,EACahB,OAAA,CAAAgB,UAAA;MAAAV,UAAA;MAAAK,cAAA;MAAAM,KAAA,EAGLjB,OAAA,CAAAiB,KAAA;MAAAC,YAAA,EACOlB,OAAA,CAAAkB,YAAA;MAAAC,QAAA,EAEbnB,OAAA,CAAAmB;IAAA,C;;;;;;;;OAjBLN,E;EAFJ,MAAAO,yBAAA,GAAkCR,EAsBS;EAAA,IAAAS,EAAA;EAAA,IAAApB,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAmB,yBAAA,IAAAnB,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAL,YAAA,IAAAK,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAAQ,YAAA,IAAAR,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAAM,UAAA;IAGpCc,EAAA,GAAAjB,WAAA,GACLkB,KAAA,CAAA3B,qBAAA,CAAA4B,QAAA;MAAAC,KAAA;QAAAC,gBAAA,EAEsBL,yBAAA;QAAAf,UAAA;QAAAT,YAAA;QAAAY,OAAA;QAAAC;MAAA;MAAAU,QAAA,GAOnBf,WAAA,EACDW,IAAA,CAACb,WAAA;IAAA,C,IAGHa,IAAA,CAACK,yBAAA;MAAAD,QAAA,EACCJ,IAAA,CAAAzB,YAAA;QAAAoC,MAAA,EACUnB,UAAA;QAAAoB,WAAA;QAAAC,eAAA,EAEQ;QAAAC,UAAA,EACJ;QAAAC,gBAAA,EACK;QAAAC,WAAA;MAAA,C;;;;;;;;;;;;;;SApBhBV,E;CAyBT","ignoreList":[]}

package/dist/features/blocks/client/component/components/BlockCollapsible.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const BlockCollapsible: React.FC<{
+    children?: React.ReactNode;
+    editButton?: boolean;
+    /**
+     * Override the default label with a custom label
+     */
+    Label?: React.ReactNode;
+    removeButton?: boolean;
+}>;
+//# sourceMappingURL=BlockCollapsible.d.ts.map

package/dist/features/blocks/client/component/components/BlockCollapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCollapsible.d.ts","sourceRoot":"","sources":["../../../../../../src/features/blocks/client/component/components/BlockCollapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAQA,CAAA"}

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

@@ -0,0 +1,37 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useBlockComponentContext } from '../BlockContent.js';
+export const BlockCollapsible = t0 => {
+  const $ = _c(6);
+  const {
+    children,
+    editButton,
+    Label,
+    removeButton
+  } = t0;
+  const {
+    BlockCollapsible
+  } = useBlockComponentContext();
+  let t1;
+  if ($[0] !== BlockCollapsible || $[1] !== editButton || $[2] !== Label || $[3] !== removeButton || $[4] !== children) {
+    t1 = BlockCollapsible ? _jsx(BlockCollapsible, {
+      editButton,
+      Label,
+      removeButton,
+      children
+    }) : null;
+    $[0] = BlockCollapsible;
+    $[1] = editButton;
+    $[2] = Label;
+    $[3] = removeButton;
+    $[4] = children;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+};
+//# sourceMappingURL=BlockCollapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCollapsible.js","names":["c","_c","React","useBlockComponentContext","BlockCollapsible","t0","$","children","editButton","Label","removeButton","t1","_jsx"],"sources":["../../../../../../src/features/blocks/client/component/components/BlockCollapsible.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useBlockComponentContext } from '../BlockContent.js'\n\nexport const BlockCollapsible: React.FC<{\n  children?: React.ReactNode\n  editButton?: boolean\n\n  /**\n   * Override the default label with a custom label\n   */\n  Label?: React.ReactNode\n  removeButton?: boolean\n}> = ({ children, editButton, Label, removeButton }) => {\n  const { BlockCollapsible } = useBlockComponentContext()\n\n  return BlockCollapsible ? (\n    <BlockCollapsible editButton={editButton} Label={Label} removeButton={removeButton}>\n      {children}\n    </BlockCollapsible>\n  ) : null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,wBAAwB,QAAQ;AAEzC,OAAO,MAAMC,gBAAA,GASRC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,QAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAA6C;EACjD;IAAAD;EAAA,IAA6BD,wBAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAL,CAAA,QAAAF,gBAAA,IAAAE,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAC,QAAA;IAEtBI,EAAA,GAAAP,gBAAA,GACLQ,IAAA,CAACR,gBAAA;MAAAI,UAAA;MAAAC,KAAA;MAAAC,YAAA;MAAAH;IAAA,C,QAGC;IAAAD,CAAA,MAAAF,gBAAA;IAAAE,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,OAJGK,EAIH;AAAA,CACN","ignoreList":[]}

package/dist/features/blocks/client/component/components/BlockEditButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const BlockEditButton: () => React.JSX.Element | null;
+//# sourceMappingURL=BlockEditButton.d.ts.map

package/dist/features/blocks/client/component/components/BlockEditButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockEditButton.d.ts","sourceRoot":"","sources":["../../../../../../src/features/blocks/client/component/components/BlockEditButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,eAAe,gCAI3B,CAAA"}

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

@@ -0,0 +1,22 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useBlockComponentContext } from '../BlockContent.js';
+export const BlockEditButton = () => {
+  const $ = _c(2);
+  const {
+    EditButton
+  } = useBlockComponentContext();
+  let t0;
+  if ($[0] !== EditButton) {
+    t0 = EditButton ? _jsx(EditButton, {}) : null;
+    $[0] = EditButton;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+//# sourceMappingURL=BlockEditButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockEditButton.js","names":["c","_c","React","useBlockComponentContext","BlockEditButton","$","EditButton","t0","_jsx"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,wBAAwB,QAAQ;AAEzC,OAAO,MAAMC,eAAA,GAAkBA,CAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EAC7B;IAAAK;EAAA,IAAuBH,wBAAA;EAAA,IAAAI,EAAA;EAAA,IAAAF,CAAA,QAAAC,UAAA;IAEhBC,EAAA,GAAAD,UAAA,GAAaE,IAAA,CAACF,UAAA,YAAgB;IAAAD,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAA,OAA9BE,EAA8B;AAAA,CACvC","ignoreList":[]}

package/dist/features/blocks/client/component/components/BlockRemoveButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const BlockRemoveButton: () => React.JSX.Element | null;
+//# sourceMappingURL=BlockRemoveButton.d.ts.map

package/dist/features/blocks/client/component/components/BlockRemoveButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRemoveButton.d.ts","sourceRoot":"","sources":["../../../../../../src/features/blocks/client/component/components/BlockRemoveButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,iBAAiB,gCAI7B,CAAA"}

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

@@ -0,0 +1,22 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useBlockComponentContext } from '../BlockContent.js';
+export const BlockRemoveButton = () => {
+  const $ = _c(2);
+  const {
+    RemoveButton
+  } = useBlockComponentContext();
+  let t0;
+  if ($[0] !== RemoveButton) {
+    t0 = RemoveButton ? _jsx(RemoveButton, {}) : null;
+    $[0] = RemoveButton;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+//# sourceMappingURL=BlockRemoveButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockRemoveButton.js","names":["c","_c","React","useBlockComponentContext","BlockRemoveButton","$","RemoveButton","t0","_jsx"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,wBAAwB,QAAQ;AAEzC,OAAO,MAAMC,iBAAA,GAAoBA,CAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EAC/B;IAAAK;EAAA,IAAyBH,wBAAA;EAAA,IAAAI,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA;IAElBC,EAAA,GAAAD,YAAA,GAAeE,IAAA,CAACF,YAAA,YAAkB;IAAAD,CAAA,MAAAC,YAAA;IAAAD,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAA,OAAlCE,EAAkC;AAAA,CAC3C","ignoreList":[]}

package/dist/features/blocks/client/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAOhF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAInE,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAA;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsM1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAStE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAMnE,OAAO,cAAc,CAAA;AAGrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAA;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4c1C,CAAA"}