@payloadcms/richtext-lexical 3.2.3-canary.2d2e7d5 → 3.2.3-canary.673b4b5

package/dist/features/blocks/client/plugin/wrapperBlocks/BlockEditor/index.js

@@ -0,0 +1,330 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { $findMatchingParent, mergeRegister } from '@lexical/utils';
+import { getTranslation } from '@payloadcms/translations';
+import { CloseMenuIcon, Drawer, EditDepthProvider, EditIcon, Form, formatDrawerSlug, FormSubmit, RenderFields, useEditDepth, useTranslation } from '@payloadcms/ui';
+import { $getSelection, $isLineBreakNode, $isRangeSelection, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND } from 'lexical';
+import { reduceFieldsToValues } from 'payload/shared';
+import React, { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { v4 as uuid } from 'uuid';
+import { useEditorConfigContext } from '../../../../../../lexical/config/client/EditorConfigProvider.js';
+import { getSelectedNode } from '../../../../../../lexical/utils/getSelectedNode.js';
+import { setFloatingElemPositionForLinkEditor } from '../../../../../../lexical/utils/setFloatingElemPositionForLinkEditor.js';
+import { useLexicalDrawer } from '../../../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
+import { INSERT_WRAPPER_BLOCK_COMMAND, TOGGLE_WRAPPER_BLOCK_WITH_MODAL_COMMAND } from '../../commands.js';
+import { useLexicalFormState } from './useLexicalFormState.js';
+const WrapperBlockComponentContext = /*#__PURE__*/createContext({
+  formData: undefined,
+  initialState: false
+});
+export const useWrapperBlockComponentContext = () => {
+  return React.useContext(WrapperBlockComponentContext);
+};
+export function BlockEditor({
+  $createWrapperBlockNode,
+  $isWrapperBlockNode,
+  anchorElem
+}) {
+  const [editor] = useLexicalComposerContext();
+  const [wrapperBlockNode, setWrapperBlockNode] = useState();
+  const editorRef = useRef(null);
+  const [wrapperBlockComponent, setWrapperBlockComponent] = useState(null);
+  const [wrapperBlockLabelComponent, setWrapperBlockLabelComponent] = useState(null);
+  const [clientBlock, setClientBlock] = useState(null);
+  const {
+    fieldProps: {
+      featureClientSchemaMap,
+      permissions,
+      schemaPath
+    },
+    uuid: uuidFromContext
+  } = useEditorConfigContext();
+  const [formData, setFormData] = useState();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [schemaFieldsPath, setSchemaFieldsPath] = React.useState(null);
+  const {
+    initialState,
+    loadInitialState,
+    onFormChange
+  } = useLexicalFormState({
+    onReceiveRenderedFields: ({
+      state
+    }) => {
+      setWrapperBlockComponent(state['_components']?.customComponents?.Block);
+      setWrapperBlockLabelComponent(state['_components']?.customComponents?.BlockLabel);
+    },
+    schemaFieldsPath
+  });
+  const editDepth = useEditDepth();
+  const [isWrapperBlockNode, setIsWrapperBlockNode] = useState(false);
+  const [selectedNodes, setSelectedNodes] = useState([]);
+  const drawerSlug = formatDrawerSlug({
+    slug: `lexical-rich-text-wrapper-block-` + uuidFromContext,
+    depth: editDepth
+  });
+  const {
+    toggleDrawer
+  } = useLexicalDrawer(drawerSlug);
+  const hideBlockPopup = useCallback(() => {
+    if (!isWrapperBlockNode) {
+      return;
+    }
+    setIsWrapperBlockNode(false);
+    if (editorRef && editorRef.current) {
+      editorRef.current.style.opacity = '0';
+      editorRef.current.style.transform = 'translate(-10000px, -10000px)';
+    }
+    setWrapperBlockNode(null);
+    setWrapperBlockComponent(null);
+    setWrapperBlockLabelComponent(null);
+    setClientBlock(null);
+    setSelectedNodes([]);
+    setFormData(undefined);
+    setSchemaFieldsPath(null);
+  }, [isWrapperBlockNode]);
+  const $updateBlockPopup = useCallback(() => {
+    const selection = $getSelection();
+    let selectedNodeDomRect;
+    if (!$isRangeSelection(selection) || !selection) {
+      void hideBlockPopup();
+      return;
+    }
+    // Handle the data displayed in the popup & drawer when you click on a wrapper block
+    const focusNode = getSelectedNode(selection);
+    selectedNodeDomRect = editor.getElementByKey(focusNode.getKey())?.getBoundingClientRect();
+    const focusWrapperBlockParent = $findMatchingParent(focusNode, $isWrapperBlockNode);
+    // Prevent wrapper block modal from showing if selection spans further than the wrapper block: https://github.com/facebook/lexical/issues/4064
+    const badNode = selection.getNodes().filter(node => !$isLineBreakNode(node)).find(node_0 => {
+      const wrapperBlockNode_0 = $findMatchingParent(node_0, $isWrapperBlockNode);
+      return focusWrapperBlockParent && !focusWrapperBlockParent.is(wrapperBlockNode_0) || wrapperBlockNode_0 && !wrapperBlockNode_0.is(focusWrapperBlockParent);
+    });
+    if (focusWrapperBlockParent == null || badNode) {
+      hideBlockPopup();
+      return;
+    }
+    const editorElem = editorRef.current;
+    const nativeSelection = window.getSelection();
+    const {
+      activeElement
+    } = document;
+    if (editorElem === null) {
+      return;
+    }
+    const rootElement = editor.getRootElement();
+    if (nativeSelection !== null && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
+      if (!selectedNodeDomRect) {
+        // Get the DOM rect of the selected node using the native selection. This sometimes produces the wrong
+        // result, which is why we use lexical's selection preferably.
+        selectedNodeDomRect = nativeSelection.getRangeAt(0).getBoundingClientRect();
+      }
+      if (selectedNodeDomRect != null) {
+        selectedNodeDomRect.y += 40;
+        setFloatingElemPositionForLinkEditor(selectedNodeDomRect, editorElem, anchorElem);
+        const fields = focusWrapperBlockParent.getFields();
+        // Initial state:
+        const data = {
+          ...fields,
+          text: focusWrapperBlockParent.getTextContent()
+        };
+        const schemaFieldsPath_ = `${schemaPath}.lexical_internal_feature.blocks.lexical_wrapper_blocks.${data.blockType}.fields`;
+        if (schemaFieldsPath_ === schemaFieldsPath && data.id === formData?.id) {
+          return false;
+        }
+        setWrapperBlockNode(focusWrapperBlockParent);
+        const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_wrapper_blocks.${data.blockType}`;
+        setSchemaFieldsPath(schemaFieldsPath_);
+        setFormData(data);
+        setIsWrapperBlockNode(true);
+        setSelectedNodes(selection ? selection?.getNodes() : []);
+        const clientSchemaMap = featureClientSchemaMap['blocks'];
+        const blocksField = clientSchemaMap[componentMapRenderedBlockPath][0];
+        const clientBlock_0 = blocksField.blocks[0];
+        setClientBlock(clientBlock_0);
+        loadInitialState({
+          formData: data,
+          schemaFieldsPath: schemaFieldsPath_
+        });
+      }
+    } else if (activeElement == null || activeElement.className !== 'wraper-block-popup__content') {
+      hideBlockPopup();
+    }
+    return true;
+  }, [editor, $isWrapperBlockNode, hideBlockPopup, anchorElem, schemaPath, schemaFieldsPath, formData?.id, featureClientSchemaMap, loadInitialState]);
+  useEffect(() => {
+    return mergeRegister(editor.registerCommand(TOGGLE_WRAPPER_BLOCK_WITH_MODAL_COMMAND, payload => {
+      if (!payload) {
+        return false;
+      }
+      editor.dispatchCommand(INSERT_WRAPPER_BLOCK_COMMAND, payload.fields);
+      // Now, open the modal
+      $updateBlockPopup();
+      toggleDrawer();
+      return true;
+    }, COMMAND_PRIORITY_LOW));
+  }, [editor, $updateBlockPopup, toggleDrawer, drawerSlug]);
+  useEffect(() => {
+    const scrollerElem = anchorElem.parentElement;
+    const update = () => {
+      editor.getEditorState().read(() => {
+        void $updateBlockPopup();
+      });
+    };
+    window.addEventListener('resize', update);
+    if (scrollerElem != null) {
+      scrollerElem.addEventListener('scroll', update);
+    }
+    return () => {
+      window.removeEventListener('resize', update);
+      if (scrollerElem != null) {
+        scrollerElem.removeEventListener('scroll', update);
+      }
+    };
+  }, [anchorElem.parentElement, editor, $updateBlockPopup]);
+  useEffect(() => {
+    return mergeRegister(editor.registerUpdateListener(({
+      editorState
+    }) => {
+      editorState.read(() => {
+        void $updateBlockPopup();
+      });
+    }), editor.registerCommand(SELECTION_CHANGE_COMMAND, () => {
+      void $updateBlockPopup();
+      return true;
+    }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ESCAPE_COMMAND, () => {
+      if (isWrapperBlockNode) {
+        hideBlockPopup();
+        return true;
+      }
+      return false;
+    }, COMMAND_PRIORITY_HIGH));
+  }, [editor, $updateBlockPopup, isWrapperBlockNode, hideBlockPopup]);
+  /**
+  * HANDLE FORM SUBMIT
+  */
+  const onFormSubmit = useCallback(formState => {
+    const newData = reduceFieldsToValues(formState);
+    newData.blockType = formData?.blockType;
+    editor.update(() => {
+      if (wrapperBlockNode && $isWrapperBlockNode(wrapperBlockNode)) {
+        wrapperBlockNode.setFields(newData);
+      }
+    });
+  }, [formData?.blockType, editor, wrapperBlockNode, $isWrapperBlockNode]);
+  const blockDisplayName = clientBlock?.labels?.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock?.slug;
+  const EditButton = useMemo(() => () => /*#__PURE__*/_jsx("button", {
+    "aria-label": "Edit Wrapper Block",
+    className: "wrapper-block-popup__edit",
+    onClick: () => {
+      toggleDrawer();
+    },
+    onMouseDown: event => {
+      event.preventDefault();
+    },
+    tabIndex: 0,
+    type: "button",
+    children: /*#__PURE__*/_jsx(EditIcon, {})
+  }), [toggleDrawer]);
+  const RemoveButton = useMemo(() => () => /*#__PURE__*/_jsx("button", {
+    "aria-label": "Remove Wrapper Block",
+    className: "wrapper-block-popup__remove",
+    onClick: () => {
+      editor.dispatchCommand(INSERT_WRAPPER_BLOCK_COMMAND, null);
+    },
+    onMouseDown: event_0 => {
+      event_0.preventDefault();
+    },
+    tabIndex: 0,
+    type: "button",
+    children: /*#__PURE__*/_jsx(CloseMenuIcon, {})
+  }), [editor]);
+  const Label = useMemo(() => {
+    if (wrapperBlockLabelComponent) {
+      return () => wrapperBlockLabelComponent;
+    } else {
+      return () => blockDisplayName;
+    }
+  }, [blockDisplayName, wrapperBlockLabelComponent]);
+  const WrapperBlockContainer = useMemo(() => {
+    return ({
+      children
+    }) => {
+      return /*#__PURE__*/_jsx("div", {
+        className: "wrapper-block-popup__wrapper",
+        children: /*#__PURE__*/_jsx("div", {
+          className: "wrapper-block-popup__content",
+          children: children
+        })
+      });
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs(Form, {
+    beforeSubmit: [async ({
+      formState: formState_0
+    }) => {
+      // This is only called when form is submitted from drawer
+      return await onFormChange({
+        formState: formState_0,
+        submit: true
+      });
+    }],
+    disableValidationOnSubmit: true,
+    fields: clientBlock?.fields ?? [],
+    initialState: initialState ?? {},
+    onChange: [onFormChange],
+    onSubmit: formState_1 => {
+      onFormSubmit(formState_1);
+      toggleDrawer();
+    },
+    uuid: uuid(),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "wrapper-block-popup",
+      ref: editorRef,
+      children: wrapperBlockComponent ? /*#__PURE__*/_jsx(WrapperBlockComponentContext.Provider, {
+        value: {
+          EditButton,
+          formData,
+          initialState,
+          Label,
+          RemoveButton,
+          WrapperBlockContainer,
+          wrapperBlockNode: wrapperBlockNode
+        },
+        children: wrapperBlockComponent
+      }) : /*#__PURE__*/_jsxs(WrapperBlockContainer, {
+        children: [/*#__PURE__*/_jsx(Label, {}), editor.isEditable() && /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [/*#__PURE__*/_jsx(EditButton, {}), /*#__PURE__*/_jsx(RemoveButton, {})]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(EditDepthProvider, {
+      children: /*#__PURE__*/_jsx(Drawer, {
+        className: '',
+        slug: drawerSlug,
+        title: t(`lexical:blocks:inlineBlocks:${formData?.id ? 'edit' : 'create'}`, {
+          label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label')
+        }),
+        children: initialState && clientBlock && schemaFieldsPath ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(RenderFields, {
+            fields: clientBlock.fields,
+            forceRender: true,
+            parentIndexPath: "",
+            parentPath: "" // See Blocks feature path for details as for why this is empty
+            ,
+
+            parentSchemaPath: schemaFieldsPath,
+            permissions: permissions,
+            readOnly: false
+          }), /*#__PURE__*/_jsx(FormSubmit, {
+            programmaticSubmit: true,
+            children: t('fields:saveChanges')
+          })]
+        }) : null
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/features/blocks/client/plugin/wrapperBlocks/BlockEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","$findMatchingParent","mergeRegister","getTranslation","CloseMenuIcon","Drawer","EditDepthProvider","EditIcon","Form","formatDrawerSlug","FormSubmit","RenderFields","useEditDepth","useTranslation","$getSelection","$isLineBreakNode","$isRangeSelection","COMMAND_PRIORITY_HIGH","COMMAND_PRIORITY_LOW","KEY_ESCAPE_COMMAND","SELECTION_CHANGE_COMMAND","reduceFieldsToValues","React","createContext","useCallback","useEffect","useMemo","useRef","useState","v4","uuid","useEditorConfigContext","getSelectedNode","setFloatingElemPositionForLinkEditor","useLexicalDrawer","INSERT_WRAPPER_BLOCK_COMMAND","TOGGLE_WRAPPER_BLOCK_WITH_MODAL_COMMAND","useLexicalFormState","WrapperBlockComponentContext","formData","undefined","initialState","useWrapperBlockComponentContext","useContext","BlockEditor","$createWrapperBlockNode","$isWrapperBlockNode","anchorElem","editor","wrapperBlockNode","setWrapperBlockNode","editorRef","wrapperBlockComponent","setWrapperBlockComponent","wrapperBlockLabelComponent","setWrapperBlockLabelComponent","clientBlock","setClientBlock","fieldProps","featureClientSchemaMap","permissions","schemaPath","uuidFromContext","setFormData","i18n","t","schemaFieldsPath","setSchemaFieldsPath","loadInitialState","onFormChange","onReceiveRenderedFields","state","customComponents","Block","BlockLabel","editDepth","isWrapperBlockNode","setIsWrapperBlockNode","selectedNodes","setSelectedNodes","drawerSlug","slug","depth","toggleDrawer","hideBlockPopup","current","style","opacity","transform","$updateBlockPopup","selection","selectedNodeDomRect","focusNode","getElementByKey","getKey","getBoundingClientRect","focusWrapperBlockParent","badNode","getNodes","filter","node","find","is","editorElem","nativeSelection","window","getSelection","activeElement","document","rootElement","getRootElement","contains","anchorNode","getRangeAt","y","fields","getFields","data","text","getTextContent","schemaFieldsPath_","blockType","id","componentMapRenderedBlockPath","clientSchemaMap","blocksField","blocks","className","registerCommand","payload","dispatchCommand","scrollerElem","parentElement","update","getEditorState","read","addEventListener","removeEventListener","registerUpdateListener","editorState","onFormSubmit","formState","newData","setFields","blockDisplayName","labels","singular","EditButton","_jsx","onClick","onMouseDown","event","preventDefault","tabIndex","type","RemoveButton","Label","WrapperBlockContainer","children","_jsxs","beforeSubmit","submit","disableValidationOnSubmit","onChange","onSubmit","ref","Provider","value","isEditable","Fragment","title","label","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","readOnly","programmaticSubmit"],"sources":["../../../../../../../src/features/blocks/client/plugin/wrapperBlocks/BlockEditor/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalNode } from 'lexical'\nimport type { BlocksFieldClient, ClientBlock, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  CloseMenuIcon,\n  Drawer,\n  EditDepthProvider,\n  EditIcon,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  useEditDepth,\n  useTranslation,\n} from '@payloadcms/ui'\nimport {\n  $getSelection,\n  $isLineBreakNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_HIGH,\n  COMMAND_PRIORITY_LOW,\n  KEY_ESCAPE_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { WrapperBlockFields, WrapperBlockNodeType } from '../../../../WrapperBlockNode.js'\nimport type { AdditionalWrapperBlocksPluginArgs } from '../index.js'\n\nimport { useEditorConfigContext } from '../../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { getSelectedNode } from '../../../../../../lexical/utils/getSelectedNode.js'\nimport { setFloatingElemPositionForLinkEditor } from '../../../../../../lexical/utils/setFloatingElemPositionForLinkEditor.js'\nimport { useLexicalDrawer } from '../../../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport {\n  INSERT_WRAPPER_BLOCK_COMMAND,\n  TOGGLE_WRAPPER_BLOCK_WITH_MODAL_COMMAND,\n} from '../../commands.js'\nimport { useLexicalFormState } from './useLexicalFormState.js'\n\ntype WrapperBlockComponentContextType = {\n  EditButton?: React.FC\n  formData: ({ text: string } & WrapperBlockFields) | undefined\n  initialState: false | FormState | undefined\n  Label?: React.FC\n  RemoveButton?: React.FC\n  WrapperBlockContainer?: React.FC<{ children: React.ReactNode }>\n  wrapperBlockNode?: WrapperBlockNodeType\n}\n\nconst WrapperBlockComponentContext = createContext<WrapperBlockComponentContextType>({\n  formData: undefined,\n  initialState: false,\n})\n\nexport const useWrapperBlockComponentContext = () => React.useContext(WrapperBlockComponentContext)\n\nexport function BlockEditor({\n  $createWrapperBlockNode,\n  $isWrapperBlockNode,\n  anchorElem,\n}: { anchorElem: HTMLElement } & AdditionalWrapperBlocksPluginArgs): React.ReactNode {\n  const [editor] = useLexicalComposerContext()\n  const [wrapperBlockNode, setWrapperBlockNode] = useState<null | WrapperBlockNodeType>()\n\n  const editorRef = useRef<HTMLDivElement | null>(null)\n  const [wrapperBlockComponent, setWrapperBlockComponent] = useState<null | React.ReactNode>(null)\n  const [wrapperBlockLabelComponent, setWrapperBlockLabelComponent] =\n    useState<null | React.ReactNode>(null)\n  const [clientBlock, setClientBlock] = useState<ClientBlock | null>(null)\n\n  const {\n    fieldProps: { featureClientSchemaMap, permissions, schemaPath },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n\n  const [formData, setFormData] = useState<({ text: string } & WrapperBlockFields) | undefined>()\n  const { i18n, t } = useTranslation<object, string>()\n  const [schemaFieldsPath, setSchemaFieldsPath] = React.useState<null | string>(null)\n\n  const { initialState, loadInitialState, onFormChange } = useLexicalFormState({\n    onReceiveRenderedFields: ({ state }) => {\n      setWrapperBlockComponent(state['_components']?.customComponents?.Block)\n      setWrapperBlockLabelComponent(state['_components']?.customComponents?.BlockLabel)\n    },\n    schemaFieldsPath,\n  })\n\n  const editDepth = useEditDepth()\n  const [isWrapperBlockNode, setIsWrapperBlockNode] = useState(false)\n  const [selectedNodes, setSelectedNodes] = useState<LexicalNode[]>([])\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-rich-text-wrapper-block-` + uuidFromContext,\n    depth: editDepth,\n  })\n\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug)\n\n  const hideBlockPopup = useCallback(() => {\n    if (!isWrapperBlockNode) {\n      return\n    }\n    setIsWrapperBlockNode(false)\n    if (editorRef && editorRef.current) {\n      editorRef.current.style.opacity = '0'\n      editorRef.current.style.transform = 'translate(-10000px, -10000px)'\n    }\n    setWrapperBlockNode(null)\n    setWrapperBlockComponent(null)\n    setWrapperBlockLabelComponent(null)\n    setClientBlock(null)\n    setSelectedNodes([])\n    setFormData(undefined)\n    setSchemaFieldsPath(null)\n  }, [isWrapperBlockNode])\n\n  const $updateBlockPopup = useCallback(() => {\n    const selection = $getSelection()\n    let selectedNodeDomRect: DOMRect | undefined\n\n    if (!$isRangeSelection(selection) || !selection) {\n      void hideBlockPopup()\n      return\n    }\n\n    // Handle the data displayed in the popup & drawer when you click on a wrapper block\n    const focusNode = getSelectedNode(selection)\n    selectedNodeDomRect = editor.getElementByKey(focusNode.getKey())?.getBoundingClientRect()\n    const focusWrapperBlockParent = $findMatchingParent(focusNode, $isWrapperBlockNode)\n\n    // Prevent wrapper block modal from showing if selection spans further than the wrapper block: https://github.com/facebook/lexical/issues/4064\n    const badNode = selection\n      .getNodes()\n      .filter((node) => !$isLineBreakNode(node))\n      .find((node) => {\n        const wrapperBlockNode = $findMatchingParent(node, $isWrapperBlockNode)\n        return (\n          (focusWrapperBlockParent && !focusWrapperBlockParent.is(wrapperBlockNode)) ||\n          (wrapperBlockNode && !wrapperBlockNode.is(focusWrapperBlockParent))\n        )\n      })\n\n    if (focusWrapperBlockParent == null || badNode) {\n      hideBlockPopup()\n      return\n    }\n\n    const editorElem = editorRef.current\n    const nativeSelection = window.getSelection()\n    const { activeElement } = document\n\n    if (editorElem === null) {\n      return\n    }\n\n    const rootElement = editor.getRootElement()\n\n    if (\n      nativeSelection !== null &&\n      rootElement !== null &&\n      rootElement.contains(nativeSelection.anchorNode)\n    ) {\n      if (!selectedNodeDomRect) {\n        // Get the DOM rect of the selected node using the native selection. This sometimes produces the wrong\n        // result, which is why we use lexical's selection preferably.\n        selectedNodeDomRect = nativeSelection.getRangeAt(0).getBoundingClientRect()\n      }\n\n      if (selectedNodeDomRect != null) {\n        selectedNodeDomRect.y += 40\n        setFloatingElemPositionForLinkEditor(selectedNodeDomRect, editorElem, anchorElem)\n\n        const fields = focusWrapperBlockParent.getFields()\n\n        // Initial state:\n        const data: { text: string } & WrapperBlockFields = {\n          ...fields,\n          text: focusWrapperBlockParent.getTextContent(),\n        }\n        const schemaFieldsPath_ = `${schemaPath}.lexical_internal_feature.blocks.lexical_wrapper_blocks.${data.blockType}.fields`\n\n        if (schemaFieldsPath_ === schemaFieldsPath && data.id === formData?.id) {\n          return false\n        }\n\n        setWrapperBlockNode(focusWrapperBlockParent)\n\n        const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_wrapper_blocks.${data.blockType}`\n\n        setSchemaFieldsPath(schemaFieldsPath_)\n\n        setFormData(data)\n        setIsWrapperBlockNode(true)\n        setSelectedNodes(selection ? selection?.getNodes() : [])\n\n        const clientSchemaMap = featureClientSchemaMap['blocks']\n\n        const blocksField: BlocksFieldClient = clientSchemaMap[\n          componentMapRenderedBlockPath\n        ][0] as BlocksFieldClient\n\n        const clientBlock = blocksField.blocks[0]\n        setClientBlock(clientBlock)\n\n        loadInitialState({ formData: data, schemaFieldsPath: schemaFieldsPath_ })\n      }\n    } else if (activeElement == null || activeElement.className !== 'wraper-block-popup__content') {\n      hideBlockPopup()\n    }\n\n    return true\n  }, [\n    editor,\n    $isWrapperBlockNode,\n    hideBlockPopup,\n    anchorElem,\n    schemaPath,\n    schemaFieldsPath,\n    formData?.id,\n    featureClientSchemaMap,\n    loadInitialState,\n  ])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        TOGGLE_WRAPPER_BLOCK_WITH_MODAL_COMMAND,\n        (payload) => {\n          if (!payload) {\n            return false\n          }\n          editor.dispatchCommand(INSERT_WRAPPER_BLOCK_COMMAND, payload.fields)\n\n          // Now, open the modal\n          $updateBlockPopup()\n          toggleDrawer()\n\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, $updateBlockPopup, toggleDrawer, drawerSlug])\n\n  useEffect(() => {\n    const scrollerElem = anchorElem.parentElement\n\n    const update = (): void => {\n      editor.getEditorState().read(() => {\n        void $updateBlockPopup()\n      })\n    }\n\n    window.addEventListener('resize', update)\n\n    if (scrollerElem != null) {\n      scrollerElem.addEventListener('scroll', update)\n    }\n\n    return () => {\n      window.removeEventListener('resize', update)\n\n      if (scrollerElem != null) {\n        scrollerElem.removeEventListener('scroll', update)\n      }\n    }\n  }, [anchorElem.parentElement, editor, $updateBlockPopup])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          void $updateBlockPopup()\n        })\n      }),\n\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          void $updateBlockPopup()\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        KEY_ESCAPE_COMMAND,\n        () => {\n          if (isWrapperBlockNode) {\n            hideBlockPopup()\n\n            return true\n          }\n          return false\n        },\n        COMMAND_PRIORITY_HIGH,\n      ),\n    )\n  }, [editor, $updateBlockPopup, isWrapperBlockNode, hideBlockPopup])\n\n  /**\n   * HANDLE FORM SUBMIT\n   */\n  const onFormSubmit = useCallback(\n    (formState: FormState) => {\n      const newData: any = reduceFieldsToValues(formState)\n      newData.blockType = formData?.blockType\n      editor.update(() => {\n        if (wrapperBlockNode && $isWrapperBlockNode(wrapperBlockNode)) {\n          wrapperBlockNode.setFields(newData)\n        }\n      })\n    },\n    [formData?.blockType, editor, wrapperBlockNode, $isWrapperBlockNode],\n  )\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock?.slug\n\n  const EditButton = useMemo(\n    () => () => (\n      <button\n        aria-label=\"Edit Wrapper Block\"\n        className=\"wrapper-block-popup__edit\"\n        onClick={() => {\n          toggleDrawer()\n        }}\n        onMouseDown={(event) => {\n          event.preventDefault()\n        }}\n        tabIndex={0}\n        type=\"button\"\n      >\n        <EditIcon />\n      </button>\n    ),\n    [toggleDrawer],\n  )\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <button\n        aria-label=\"Remove Wrapper Block\"\n        className=\"wrapper-block-popup__remove\"\n        onClick={() => {\n          editor.dispatchCommand(INSERT_WRAPPER_BLOCK_COMMAND, null)\n        }}\n        onMouseDown={(event) => {\n          event.preventDefault()\n        }}\n        tabIndex={0}\n        type=\"button\"\n      >\n        <CloseMenuIcon />\n      </button>\n    ),\n    [editor],\n  )\n\n  const Label = useMemo(() => {\n    if (wrapperBlockLabelComponent) {\n      return () => wrapperBlockLabelComponent\n    } else {\n      return () => blockDisplayName\n    }\n  }, [blockDisplayName, wrapperBlockLabelComponent])\n\n  const WrapperBlockContainer = useMemo(() => {\n    return ({ children }: { children: React.ReactNode }) => {\n      return (\n        <div className=\"wrapper-block-popup__wrapper\">\n          <div className=\"wrapper-block-popup__content\">{children}</div>\n        </div>\n      )\n    }\n  }, [])\n\n  return (\n    <Form\n      beforeSubmit={[\n        async ({ formState }) => {\n          // This is only called when form is submitted from drawer\n          return await onFormChange({ formState, submit: true })\n        },\n      ]}\n      disableValidationOnSubmit\n      fields={clientBlock?.fields ?? []}\n      initialState={initialState ?? {}}\n      onChange={[onFormChange]}\n      onSubmit={(formState) => {\n        onFormSubmit(formState)\n        toggleDrawer()\n      }}\n      uuid={uuid()}\n    >\n      <div className=\"wrapper-block-popup\" ref={editorRef}>\n        {wrapperBlockComponent ? (\n          <WrapperBlockComponentContext.Provider\n            value={{\n              EditButton,\n              formData,\n              initialState,\n              Label,\n              RemoveButton,\n              WrapperBlockContainer,\n              wrapperBlockNode: wrapperBlockNode!,\n            }}\n          >\n            {wrapperBlockComponent}\n          </WrapperBlockComponentContext.Provider>\n        ) : (\n          <WrapperBlockContainer>\n            <Label />\n            {editor.isEditable() && (\n              <React.Fragment>\n                <EditButton />\n                <RemoveButton />\n              </React.Fragment>\n            )}\n          </WrapperBlockContainer>\n        )}\n      </div>\n\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${formData?.id ? 'edit' : 'create'}`, {\n            label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n          })}\n        >\n          {initialState && clientBlock && schemaFieldsPath ? (\n            <>\n              <RenderFields\n                fields={clientBlock.fields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\" // See Blocks feature path for details as for why this is empty\n                parentSchemaPath={schemaFieldsPath}\n                permissions={permissions}\n                readOnly={false}\n              />\n              <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n            </>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/blocks/client/plugin/wrapperBlocks/BlockEditor/useLexicalFormState.d.ts

@@ -0,0 +1,22 @@
+import type { FormState } from 'payload';
+import type { WrapperBlockFields } from '../../../../WrapperBlockNode.js';
+export type Props = {
+    onReceiveRenderedFields: (args: {
+        state: FormState;
+    }) => void;
+    schemaFieldsPath: null | string;
+};
+export declare const useLexicalFormState: (props: Props) => {
+    initialState?: FormState;
+    loadInitialState: (args: {
+        formData: {
+            text: string;
+        } & WrapperBlockFields;
+        schemaFieldsPath: string;
+    }) => void;
+    onFormChange: (args: {
+        formState: FormState;
+        submit?: boolean;
+    }) => Promise<FormState>;
+};
+//# sourceMappingURL=useLexicalFormState.d.ts.map

package/dist/features/blocks/client/plugin/wrapperBlocks/BlockEditor/useLexicalFormState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalFormState.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/blocks/client/plugin/wrapperBlocks/BlockEditor/useLexicalFormState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAMxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAEzE,MAAM,MAAM,KAAK,GAAG;IAClB,uBAAuB,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,SAAS,CAAA;KAAE,KAAK,IAAI,CAAA;IAC7D,gBAAgB,EAAE,IAAI,GAAG,MAAM,CAAA;CAChC,CAAA;AACD,eAAO,MAAM,mBAAmB,UACvB,KAAK,KACX;IACD,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gBAAgB,EAAE,CAAC,IAAI,EAAE;QACvB,QAAQ,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,GAAG,kBAAkB,CAAA;QAC/C,gBAAgB,EAAE,MAAM,CAAA;KACzB,KAAK,IAAI,CAAA;IACV,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,SAAS,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,SAAS,CAAC,CAAA;CAmIvF,CAAA"}

package/dist/features/blocks/client/plugin/wrapperBlocks/BlockEditor/useLexicalFormState.js

@@ -0,0 +1,169 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useDocumentInfo, useServerFunctions } from '@payloadcms/ui';
+import { abortAndIgnore } from '@payloadcms/ui/shared';
+import React, { useCallback, useEffect, useRef } from 'react';
+export const useLexicalFormState = props => {
+  const $ = _c(23);
+  const {
+    onReceiveRenderedFields,
+    schemaFieldsPath
+  } = props;
+  const {
+    id,
+    collectionSlug,
+    getDocPreferences,
+    globalSlug
+  } = useDocumentInfo();
+  const {
+    getFormState
+  } = useServerFunctions();
+  const [initialState, setInitialState] = React.useState(undefined);
+  let t0;
+  if ($[0] !== schemaFieldsPath || $[1] !== getFormState || $[2] !== id || $[3] !== collectionSlug || $[4] !== getDocPreferences || $[5] !== globalSlug || $[6] !== onReceiveRenderedFields) {
+    t0 = t1 => {
+      const {
+        formData,
+        schemaFieldsPath: schemaFieldsPathFromProps
+      } = t1;
+      const schemaPath = schemaFieldsPathFromProps ?? schemaFieldsPath;
+      if (!schemaPath) {
+        return;
+      }
+      const abortController = new AbortController();
+      const awaitInitialState = async () => {
+        const {
+          state
+        } = await getFormState({
+          id,
+          collectionSlug,
+          data: formData,
+          docPermissions: {
+            fields: true
+          },
+          docPreferences: await getDocPreferences(),
+          globalSlug,
+          operation: "update",
+          renderAllFields: true,
+          schemaPath,
+          signal: abortController.signal
+        });
+        if (state) {
+          setInitialState(state);
+          if (onReceiveRenderedFields) {
+            onReceiveRenderedFields({
+              state
+            });
+          }
+        }
+      };
+      setInitialState(undefined);
+      if (formData) {
+        awaitInitialState();
+      }
+    };
+    $[0] = schemaFieldsPath;
+    $[1] = getFormState;
+    $[2] = id;
+    $[3] = collectionSlug;
+    $[4] = getDocPreferences;
+    $[5] = globalSlug;
+    $[6] = onReceiveRenderedFields;
+    $[7] = t0;
+  } else {
+    t0 = $[7];
+  }
+  const loadInitialState = t0;
+  let t1;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = new AbortController();
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  const onChangeAbortControllerRef = useRef(t1);
+  let t2;
+  if ($[9] !== schemaFieldsPath || $[10] !== getFormState || $[11] !== id || $[12] !== collectionSlug || $[13] !== getDocPreferences || $[14] !== globalSlug || $[15] !== onReceiveRenderedFields) {
+    t2 = async t3 => {
+      const {
+        formState: prevFormState,
+        submit
+      } = t3;
+      if (schemaFieldsPath === null) {
+        return prevFormState;
+      }
+      abortAndIgnore(onChangeAbortControllerRef.current);
+      const controller = new AbortController();
+      onChangeAbortControllerRef.current = controller;
+      const {
+        state: state_0
+      } = await getFormState({
+        id,
+        collectionSlug,
+        docPermissions: {
+          fields: true
+        },
+        docPreferences: await getDocPreferences(),
+        formState: prevFormState,
+        globalSlug,
+        operation: "update",
+        renderAllFields: submit ? true : false,
+        schemaPath: schemaFieldsPath,
+        signal: controller.signal
+      });
+      if (!state_0) {
+        return prevFormState;
+      }
+      if (submit) {
+        if (onReceiveRenderedFields) {
+          onReceiveRenderedFields({
+            state: state_0
+          });
+        }
+      }
+      return state_0;
+    };
+    $[9] = schemaFieldsPath;
+    $[10] = getFormState;
+    $[11] = id;
+    $[12] = collectionSlug;
+    $[13] = getDocPreferences;
+    $[14] = globalSlug;
+    $[15] = onReceiveRenderedFields;
+    $[16] = t2;
+  } else {
+    t2 = $[16];
+  }
+  const onFormChange = t2;
+  let t3;
+  let t4;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => () => {
+      abortAndIgnore(onChangeAbortControllerRef.current);
+    };
+    t4 = [];
+    $[17] = t3;
+    $[18] = t4;
+  } else {
+    t3 = $[17];
+    t4 = $[18];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[19] !== initialState || $[20] !== loadInitialState || $[21] !== onFormChange) {
+    t5 = {
+      initialState,
+      loadInitialState,
+      onFormChange
+    };
+    $[19] = initialState;
+    $[20] = loadInitialState;
+    $[21] = onFormChange;
+    $[22] = t5;
+  } else {
+    t5 = $[22];
+  }
+  return t5;
+};
+//# sourceMappingURL=useLexicalFormState.js.map

package/dist/features/blocks/client/plugin/wrapperBlocks/BlockEditor/useLexicalFormState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLexicalFormState.js","names":["c","_c","useDocumentInfo","useServerFunctions","abortAndIgnore","React","useCallback","useEffect","useRef","useLexicalFormState","props","$","onReceiveRenderedFields","schemaFieldsPath","id","collectionSlug","getDocPreferences","globalSlug","getFormState","initialState","setInitialState","useState","undefined","t0","t1","formData","schemaFieldsPathFromProps","schemaPath","abortController","AbortController","awaitInitialState","state","data","docPermissions","fields","docPreferences","operation","renderAllFields","signal","loadInitialState","Symbol","for","onChangeAbortControllerRef","t2","t3","formState","prevFormState","submit","current","controller","state_0","onFormChange","t4","t5"],"sources":["../../../../../../../src/features/blocks/client/plugin/wrapperBlocks/BlockEditor/useLexicalFormState.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport { useDocumentInfo, useServerFunctions } from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport React, { useCallback, useEffect, useRef } from 'react'\n\nimport type { WrapperBlockFields } from '../../../../WrapperBlockNode.js'\n\nexport type Props = {\n  onReceiveRenderedFields: (args: { state: FormState }) => void\n  schemaFieldsPath: null | string\n}\nexport const useLexicalFormState = (\n  props: Props,\n): {\n  initialState?: FormState\n  loadInitialState: (args: {\n    formData: { text: string } & WrapperBlockFields\n    schemaFieldsPath: string\n  }) => void\n  onFormChange: (args: { formState: FormState; submit?: boolean }) => Promise<FormState>\n} => {\n  const { onReceiveRenderedFields, schemaFieldsPath } = props\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n  const { getFormState } = useServerFunctions()\n  const [initialState, setInitialState] = React.useState<FormState | undefined>(undefined)\n\n  const loadInitialState = useCallback(\n    ({\n      formData,\n      schemaFieldsPath: schemaFieldsPathFromProps,\n    }: {\n      formData: { text: string } & WrapperBlockFields\n      schemaFieldsPath?: string\n    }) => {\n      const schemaPath = schemaFieldsPathFromProps ?? schemaFieldsPath\n      if (!schemaPath) {\n        return\n      }\n      const abortController = new AbortController()\n\n      const awaitInitialState = async () => {\n        /*\n         * This will only run if a new block is created. For all existing blocks that are loaded when the document is loaded, or when the form is saved,\n         * this is not run, as the lexical field RSC will fetch the state server-side and pass it to the client. That way, we avoid unnecessary client-side\n         * requests. Though for newly created blocks, we need to fetch the state client-side, as the server doesn't know about the block yet.\n         */\n        const { state } = await getFormState({\n          id,\n          collectionSlug,\n          data: formData,\n          docPermissions: { fields: true },\n          docPreferences: await getDocPreferences(),\n          globalSlug,\n          operation: 'update',\n          renderAllFields: true,\n          schemaPath,\n          signal: abortController.signal,\n        })\n\n        if (state) {\n          setInitialState(state)\n          if (onReceiveRenderedFields) {\n            onReceiveRenderedFields({ state })\n          }\n        }\n      }\n\n      setInitialState(undefined)\n      if (formData) {\n        void awaitInitialState()\n      }\n    },\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaFieldsPath,\n      onReceiveRenderedFields,\n    ],\n  )\n\n  /**\n   * Handle drawer and form state\n   */\n  const onChangeAbortControllerRef = useRef(new AbortController())\n\n  /**\n   * HANDLE ONCHANGE\n   */\n  const onFormChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\n      if (schemaFieldsPath === null) {\n        return prevFormState\n      }\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        formState: prevFormState,\n        globalSlug,\n        operation: 'update',\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      if (submit) {\n        if (onReceiveRenderedFields) {\n          onReceiveRenderedFields({ state })\n        }\n      }\n\n      return state\n    },\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaFieldsPath,\n      onReceiveRenderedFields,\n    ],\n  )\n  // cleanup effect\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  return {\n    initialState,\n    loadInitialState,\n    onFormChange,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/blocks/client/plugin/wrapperBlocks/components/WrapperBlockContainer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const WrapperBlockContainer: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element | null;
+//# sourceMappingURL=WrapperBlockContainer.d.ts.map

package/dist/features/blocks/client/plugin/wrapperBlocks/components/WrapperBlockContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WrapperBlockContainer.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/blocks/client/plugin/wrapperBlocks/components/WrapperBlockContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,qBAAqB,iBAAkB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,6BAIhF,CAAA"}

package/dist/features/blocks/client/plugin/wrapperBlocks/components/WrapperBlockContainer.js

@@ -0,0 +1,28 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useWrapperBlockComponentContext } from '../BlockEditor/index.js';
+export const WrapperBlockContainer = t0 => {
+  const $ = _c(3);
+  const {
+    children
+  } = t0;
+  const {
+    WrapperBlockContainer
+  } = useWrapperBlockComponentContext();
+  let t1;
+  if ($[0] !== WrapperBlockContainer || $[1] !== children) {
+    t1 = WrapperBlockContainer ? _jsx(WrapperBlockContainer, {
+      children
+    }) : null;
+    $[0] = WrapperBlockContainer;
+    $[1] = children;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+//# sourceMappingURL=WrapperBlockContainer.js.map

package/dist/features/blocks/client/plugin/wrapperBlocks/components/WrapperBlockContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WrapperBlockContainer.js","names":["c","_c","React","useWrapperBlockComponentContext","WrapperBlockContainer","t0","$","children","t1","_jsx"],"sources":["../../../../../../../src/features/blocks/client/plugin/wrapperBlocks/components/WrapperBlockContainer.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useWrapperBlockComponentContext } from '../BlockEditor/index.js'\n\nexport const WrapperBlockContainer = ({ children }: { children: React.ReactNode }) => {\n  const { WrapperBlockContainer } = useWrapperBlockComponentContext()\n\n  return WrapperBlockContainer ? <WrapperBlockContainer>{children}</WrapperBlockContainer> : null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,+BAA+B,QAAQ;AAEhD,OAAO,MAAMC,qBAAA,GAAwBC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAA2C;EAC/E;IAAAD;EAAA,IAAkCD,+BAAA;EAAA,IAAAK,EAAA;EAAA,IAAAF,CAAA,QAAAF,qBAAA,IAAAE,CAAA,QAAAC,QAAA;IAE3BC,EAAA,GAAAJ,qBAAA,GAAwBK,IAAA,CAACL,qBAAA;MAAAG;IAAA,C,QAA2D;IAAAD,CAAA,MAAAF,qBAAA;IAAAE,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAAA,OAApFE,EAAoF;AAAA,CAC7F","ignoreList":[]}

package/dist/features/blocks/client/plugin/wrapperBlocks/components/WrapperBlockEditButton.d.ts

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

package/dist/features/blocks/client/plugin/wrapperBlocks/components/WrapperBlockEditButton.d.ts.map

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