@payloadcms/richtext-lexical 3.0.0-beta.85 → 3.0.0-beta.86

package/dist/features/blocks/client/componentInline/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useRef } from 'react'\nconst baseClass = 'inline-block'\n\nimport type { BlockFieldClient } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'\nimport { mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, RenderComponent, useTranslation } from '@payloadcms/ui'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\n\nimport type { InlineBlockFields } from '../nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\nimport { OPEN_INLINE_BLOCK_DRAWER_COMMAND } from '../plugin/commands.js'\nimport './index.scss'\n\ntype Props = {\n  readonly formData: InlineBlockFields\n  readonly nodeKey?: string\n}\n\nexport const InlineBlockComponent: React.FC<Props> = (props) => {\n  const { formData, nodeKey } = props\n  const [editor] = useLexicalComposerContext()\n  const { i18n, t } = useTranslation<object, string>()\n  const { field } = useEditorConfigContext()\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const {\n    field: { richTextComponentMap },\n  } = useEditorConfigContext()\n\n  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n  const blocksField: BlockFieldClient = richTextComponentMap.get(componentMapRenderedBlockPath)[0]\n  const clientBlock = blocksField.blocks.find((block) => block.slug === formData.blockType)\n\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey).remove()\n    })\n  }, [editor, nodeKey])\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isInlineBlockNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n  const onClick = useCallback(\n    (payload: MouseEvent) => {\n      const event = payload\n      // Check if inlineBlockElemElemRef.target or anything WITHIN inlineBlockElemElemRef.target was clicked\n      if (\n        event.target === inlineBlockElemElemRef.current ||\n        inlineBlockElemElemRef.current?.contains(event.target as Node)\n      ) {\n        if (event.shiftKey) {\n          setSelected(!isSelected)\n        } else {\n          if (!isSelected) {\n            clearSelection()\n            setSelected(true)\n          }\n        }\n        return true\n      }\n\n      return false\n    },\n    [isSelected, setSelected, clearSelection],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW),\n\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock.slug\n\n  return (\n    <div\n      className={[\n        baseClass,\n        baseClass + '-' + formData.blockType,\n        isSelected && `${baseClass}--selected`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={inlineBlockElemElemRef}\n    >\n      {clientBlock?.admin?.components?.Label ? (\n        <RenderComponent\n          clientProps={{ blockKind: 'lexicalInlineBlock', formData }}\n          mappedComponent={clientBlock.admin.components.Label}\n        />\n      ) : (\n        <div>{getTranslation(clientBlock.labels?.singular, i18n)}</div>\n      )}\n      {editor.isEditable() && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__editButton`}\n            disabled={field?.admin?.readOnly}\n            el=\"div\"\n            icon=\"edit\"\n            onClick={() => {\n              editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                fields: formData,\n                nodeKey,\n              })\n            }}\n            round\n            size=\"small\"\n            tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n          />\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              removeInlineBlock()\n            }}\n            round\n            size=\"small\"\n            tooltip={t('lexical:blocks:inlineBlocks:remove', { label: blockDisplayName })}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","useCallback","useEffect","useRef","baseClass","useLexicalComposerContext","useLexicalNodeSelection","mergeRegister","getTranslation","Button","RenderComponent","useTranslation","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","useEditorConfigContext","$isInlineBlockNode","OPEN_INLINE_BLOCK_DRAWER_COMMAND","InlineBlockComponent","props","formData","nodeKey","editor","i18n","t","field","inlineBlockElemElemRef","isSelected","setSelected","clearSelection","richTextComponentMap","componentMapRenderedBlockPath","blocksField","get","clientBlock","blocks","find","block","slug","blockType","removeInlineBlock","update","remove","$onDelete","event","preventDefault","node","onClick","payload","target","current","contains","shiftKey","registerCommand","blockDisplayName","labels","singular","div","className","filter","Boolean","join","ref","admin","components","Label","clientProps","blockKind","mappedComponent","isEditable","buttonStyle","disabled","readOnly","el","icon","dispatchCommand","fields","round","size","tooltip","label","e"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","baseClass","useLexicalComposerContext","useLexicalNodeSelection","mergeRegister","getTranslation","Button","RenderComponent","useTranslation","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","useEditorConfigContext","$isInlineBlockNode","OPEN_INLINE_BLOCK_DRAWER_COMMAND","InlineBlockComponent","props","formData","nodeKey","editor","i18n","t","field","inlineBlockElemElemRef","isSelected","setSelected","clearSelection","richTextComponentMap","componentMapRenderedBlockPath","blocksField","get","clientBlock","blocks","find","block","slug","blockType","removeInlineBlock","update","remove","$onDelete","event","preventDefault","node","onClick","payload","target","current","contains","shiftKey","registerCommand","blockDisplayName","labels","singular","_jsxs","className","filter","Boolean","join","ref","admin","components","Label","_jsx","clientProps","blockKind","mappedComponent","isEditable","buttonStyle","disabled","readOnly","el","icon","dispatchCommand","fields","round","size","tooltip","label","e"],"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useRef } from 'react'\nconst baseClass = 'inline-block'\n\nimport type { BlockFieldClient } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'\nimport { mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, RenderComponent, useTranslation } from '@payloadcms/ui'\nimport {\n  $getNodeByKey,\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  KEY_BACKSPACE_COMMAND,\n  KEY_DELETE_COMMAND,\n} from 'lexical'\n\nimport type { InlineBlockFields } from '../nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\nimport { OPEN_INLINE_BLOCK_DRAWER_COMMAND } from '../plugin/commands.js'\nimport './index.scss'\n\ntype Props = {\n  readonly formData: InlineBlockFields\n  readonly nodeKey?: string\n}\n\nexport const InlineBlockComponent: React.FC<Props> = (props) => {\n  const { formData, nodeKey } = props\n  const [editor] = useLexicalComposerContext()\n  const { i18n, t } = useTranslation<object, string>()\n  const { field } = useEditorConfigContext()\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n\n  const {\n    field: { richTextComponentMap },\n  } = useEditorConfigContext()\n\n  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n  const blocksField: BlockFieldClient = richTextComponentMap.get(componentMapRenderedBlockPath)[0]\n  const clientBlock = blocksField.blocks.find((block) => block.slug === formData.blockType)\n\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey).remove()\n    })\n  }, [editor, nodeKey])\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      if (isSelected && $isNodeSelection($getSelection())) {\n        event.preventDefault()\n        const node = $getNodeByKey(nodeKey)\n        if ($isInlineBlockNode(node)) {\n          node.remove()\n          return true\n        }\n      }\n      return false\n    },\n    [isSelected, nodeKey],\n  )\n  const onClick = useCallback(\n    (payload: MouseEvent) => {\n      const event = payload\n      // Check if inlineBlockElemElemRef.target or anything WITHIN inlineBlockElemElemRef.target was clicked\n      if (\n        event.target === inlineBlockElemElemRef.current ||\n        inlineBlockElemElemRef.current?.contains(event.target as Node)\n      ) {\n        if (event.shiftKey) {\n          setSelected(!isSelected)\n        } else {\n          if (!isSelected) {\n            clearSelection()\n            setSelected(true)\n          }\n        }\n        return true\n      }\n\n      return false\n    },\n    [isSelected, setSelected, clearSelection],\n  )\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND, onClick, COMMAND_PRIORITY_LOW),\n\n      editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n      editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW),\n    )\n  }, [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected, onClick])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock.slug\n\n  return (\n    <div\n      className={[\n        baseClass,\n        baseClass + '-' + formData.blockType,\n        isSelected && `${baseClass}--selected`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={inlineBlockElemElemRef}\n    >\n      {clientBlock?.admin?.components?.Label ? (\n        <RenderComponent\n          clientProps={{ blockKind: 'lexicalInlineBlock', formData }}\n          mappedComponent={clientBlock.admin.components.Label}\n        />\n      ) : (\n        <div>{getTranslation(clientBlock.labels?.singular, i18n)}</div>\n      )}\n      {editor.isEditable() && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__editButton`}\n            disabled={field?.admin?.readOnly}\n            el=\"div\"\n            icon=\"edit\"\n            onClick={() => {\n              editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                fields: formData,\n                nodeKey,\n              })\n            }}\n            round\n            size=\"small\"\n            tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n          />\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              removeInlineBlock()\n            }}\n            round\n            size=\"small\"\n            tooltip={t('lexical:blocks:inlineBlocks:remove', { label: blockDisplayName })}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AACtD,MAAMC,SAAA,GAAY;AAIlB,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,uBAAuB,QAAQ;AACxC,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,EAAEC,eAAe,EAAEC,cAAc,QAAQ;AACxD,SACEC,aAAa,EACbC,aAAa,EACbC,gBAAgB,EAChBC,aAAa,EACbC,oBAAoB,EACpBC,qBAAqB,EACrBC,kBAAkB,QACb;AAIP,SAASC,sBAAsB,QAAQ;AACvC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,gCAAgC,QAAQ;AAQjD,OAAO,MAAMC,oBAAA,GAAyCC,KAAA;EACpD,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAE,GAAGF,KAAA;EAC9B,MAAM,CAACG,MAAA,CAAO,GAAGrB,yBAAA;EACjB,MAAM;IAAEsB,IAAI;IAAEC;EAAC,CAAE,GAAGjB,cAAA;EACpB,MAAM;IAAEkB;EAAK,CAAE,GAAGV,sBAAA;EAClB,MAAMW,sBAAA,GAAyB3B,MAAA,CAA8B;EAC7D,MAAM,CAAC4B,UAAA,EAAYC,WAAA,EAAaC,cAAA,CAAe,GAAG3B,uBAAA,CAAwBmB,OAAA;EAE1E,MAAM;IACJI,KAAA,EAAO;MAAEK;IAAoB;EAAE,CAChC,GAAGf,sBAAA;EAEJ,MAAMgB,6BAAA,GAAgC,8DAA8D;EACpG,MAAMC,WAAA,GAAgCF,oBAAA,CAAqBG,GAAG,CAACF,6BAAA,CAA8B,CAAC,EAAE;EAChG,MAAMG,WAAA,GAAcF,WAAA,CAAYG,MAAM,CAACC,IAAI,CAAEC,KAAA,IAAUA,KAAA,CAAMC,IAAI,KAAKlB,QAAA,CAASmB,SAAS;EAExF,MAAMC,iBAAA,GAAoB3C,WAAA,CAAY;IACpCyB,MAAA,CAAOmB,MAAM,CAAC;MACZjC,aAAA,CAAca,OAAA,EAASqB,MAAM;IAC/B;EACF,GAAG,CAACpB,MAAA,EAAQD,OAAA,CAAQ;EAEpB,MAAMsB,SAAA,GAAY9C,WAAA,CACf+C,KAAA;IACC,IAAIjB,UAAA,IAAcjB,gBAAA,CAAiBD,aAAA,KAAkB;MACnDmC,KAAA,CAAMC,cAAc;MACpB,MAAMC,IAAA,GAAOtC,aAAA,CAAca,OAAA;MAC3B,IAAIL,kBAAA,CAAmB8B,IAAA,GAAO;QAC5BA,IAAA,CAAKJ,MAAM;QACX,OAAO;MACT;IACF;IACA,OAAO;EACT,GACA,CAACf,UAAA,EAAYN,OAAA,CAAQ;EAEvB,MAAM0B,OAAA,GAAUlD,WAAA,CACbmD,OAAA;IACC,MAAMJ,OAAA,GAAQI,OAAA;IACd;IACA,IACEJ,OAAA,CAAMK,MAAM,KAAKvB,sBAAA,CAAuBwB,OAAO,IAC/CxB,sBAAA,CAAuBwB,OAAO,EAAEC,QAAA,CAASP,OAAA,CAAMK,MAAM,GACrD;MACA,IAAIL,OAAA,CAAMQ,QAAQ,EAAE;QAClBxB,WAAA,CAAY,CAACD,UAAA;MACf,OAAO;QACL,IAAI,CAACA,UAAA,EAAY;UACfE,cAAA;UACAD,WAAA,CAAY;QACd;MACF;MACA,OAAO;IACT;IAEA,OAAO;EACT,GACA,CAACD,UAAA,EAAYC,WAAA,EAAaC,cAAA,CAAe;EAG3C/B,SAAA,CAAU;IACR,OAAOK,aAAA,CACLmB,MAAA,CAAO+B,eAAe,CAAa1C,aAAA,EAAeoC,OAAA,EAASnC,oBAAA,GAE3DU,MAAA,CAAO+B,eAAe,CAACvC,kBAAA,EAAoB6B,SAAA,EAAW/B,oBAAA,GACtDU,MAAA,CAAO+B,eAAe,CAACxC,qBAAA,EAAuB8B,SAAA,EAAW/B,oBAAA;EAE7D,GAAG,CAACiB,cAAA,EAAgBP,MAAA,EAAQK,UAAA,EAAYN,OAAA,EAASsB,SAAA,EAAWf,WAAA,EAAamB,OAAA,CAAQ;EAEjF,MAAMO,gBAAA,GAAmBpB,WAAA,EAAaqB,MAAA,EAAQC,QAAA,GAC1CpD,cAAA,CAAe8B,WAAA,CAAYqB,MAAM,CAACC,QAAQ,EAAEjC,IAAA,IAC5CW,WAAA,CAAYI,IAAI;EAEpB,oBACEmB,KAAA,CAAC;IACCC,SAAA,EAAW,CACT1D,SAAA,EACAA,SAAA,GAAY,MAAMoB,QAAA,CAASmB,SAAS,EACpCZ,UAAA,IAAc,GAAG3B,SAAA,YAAqB,CACvC,CACE2D,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRC,GAAA,EAAKpC,sBAAA;eAEJQ,WAAA,EAAa6B,KAAA,EAAOC,UAAA,EAAYC,KAAA,gBAC/BC,IAAA,CAAC5D,eAAA;MACC6D,WAAA,EAAa;QAAEC,SAAA,EAAW;QAAsBhD;MAAS;MACzDiD,eAAA,EAAiBnC,WAAA,CAAY6B,KAAK,CAACC,UAAU,CAACC;sBAGhDC,IAAA,CAAC;gBAAK9D,cAAA,CAAe8B,WAAA,CAAYqB,MAAM,EAAEC,QAAA,EAAUjC,IAAA;QAEpDD,MAAA,CAAOgD,UAAU,mBAChBb,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAG1D,SAAA,WAAoB;8BACrCkE,IAAA,CAAC7D,MAAA;QACCkE,WAAA,EAAY;QACZb,SAAA,EAAW,GAAG1D,SAAA,cAAuB;QACrCwE,QAAA,EAAU/C,KAAA,EAAOsC,KAAA,EAAOU,QAAA;QACxBC,EAAA,EAAG;QACHC,IAAA,EAAK;QACL5B,OAAA,EAASA,CAAA;UACPzB,MAAA,CAAOsD,eAAe,CAAC3D,gCAAA,EAAkC;YACvD4D,MAAA,EAAQzD,QAAA;YACRC;UACF;QACF;QACAyD,KAAK;QACLC,IAAA,EAAK;QACLC,OAAA,EAASxD,CAAA,CAAE,oCAAoC;UAAEyD,KAAA,EAAO3B;QAAiB;uBAE3EY,IAAA,CAAC7D,MAAA;QACCkE,WAAA,EAAY;QACZb,SAAA,EAAW,GAAG1D,SAAA,gBAAyB;QACvCwE,QAAA,EAAU/C,KAAA,EAAOsC,KAAA,EAAOU,QAAA;QACxBE,IAAA,EAAK;QACL5B,OAAA,EAAUmC,CAAA;UACRA,CAAA,CAAErC,cAAc;UAChBL,iBAAA;QACF;QACAsC,KAAK;QACLC,IAAA,EAAK;QACLC,OAAA,EAASxD,CAAA,CAAE,sCAAsC;UAAEyD,KAAA,EAAO3B;QAAiB;;;;AAMvF","ignoreList":[]}

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

@@ -1,4 +1,5 @@
 'use client';
+
 import { getTranslation } from '@payloadcms/translations';
 import { BlockIcon } from '../../../lexical/ui/icons/Block/index.js';
 import { InlineBlocksIcon } from '../../../lexical/ui/icons/InlineBlocks/index.js';
@@ -7,146 +8,152 @@ import { BlockNode } from './nodes/BlocksNode.js';
 import { InlineBlockNode } from './nodes/InlineBlocksNode.js';
 import { INSERT_BLOCK_COMMAND, OPEN_INLINE_BLOCK_DRAWER_COMMAND } from './plugin/commands.js';
 import { BlocksPlugin } from './plugin/index.js';
-export const BlocksFeatureClient = createClientFeature(({ props })=>({
-        nodes: [
-            BlockNode,
-            InlineBlockNode
-        ],
-        plugins: [
-            {
-                Component: BlocksPlugin,
-                position: 'normal'
-            }
-        ],
-        sanitizedClientFeatureProps: props,
-        slashMenu: {
-            groups: [
-                props.clientBlockSlugs?.length ? {
-                    items: props.clientBlockSlugs.map((blockSlug)=>{
-                        return {
-                            Icon: BlockIcon,
-                            key: 'block-' + blockSlug,
-                            keywords: [
-                                'block',
-                                'blocks',
-                                blockSlug
-                            ],
-                            label: ({ i18n, richTextComponentMap })=>{
-                                const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`;
-                                const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
-                                const clientBlock = blocksField.blocks.find((_block)=>_block.slug === blockSlug);
-                                const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
-                                return blockDisplayName;
-                            },
-                            onSelect: ({ editor })=>{
-                                editor.dispatchCommand(INSERT_BLOCK_COMMAND, {
-                                    id: null,
-                                    blockName: '',
-                                    blockType: blockSlug
-                                });
-                            }
-                        };
-                    }),
-                    key: 'blocks',
-                    label: ({ i18n })=>{
-                        return i18n.t('lexical:blocks:label');
-                    }
-                } : null,
-                props.clientInlineBlockSlugs?.length ? {
-                    items: props.clientInlineBlockSlugs.map((inlineBlockSlug)=>{
-                        return {
-                            Icon: InlineBlocksIcon,
-                            key: 'inlineBlocks-' + inlineBlockSlug,
-                            keywords: [
-                                'inlineBlock',
-                                'inline block',
-                                inlineBlockSlug
-                            ],
-                            label: ({ i18n, richTextComponentMap })=>{
-                                const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`;
-                                const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
-                                const clientBlock = blocksField.blocks.find((_block)=>_block.slug === inlineBlockSlug);
-                                const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
-                                return blockDisplayName;
-                            },
-                            onSelect: ({ editor })=>{
-                                editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {
-                                    fields: {
-                                        id: null,
-                                        blockName: '',
-                                        blockType: inlineBlockSlug
-                                    }
-                                });
-                            }
-                        };
-                    }),
-                    key: 'inlineBlocks',
-                    label: ({ i18n })=>{
-                        return i18n.t('lexical:blocks:inlineBlocks:label');
-                    }
-                } : null
-            ].filter(Boolean)
-        },
-        toolbarFixed: {
-            groups: [
-                props.clientBlockSlugs?.length ? {
-                    type: 'dropdown',
-                    ChildComponent: BlockIcon,
-                    items: props.clientBlockSlugs.map((blockSlug, index)=>{
-                        return {
-                            ChildComponent: BlockIcon,
-                            isActive: undefined,
-                            key: 'block-' + blockSlug,
-                            label: ({ i18n, richTextComponentMap })=>{
-                                const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`;
-                                const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
-                                const clientBlock = blocksField.blocks.find((_block)=>_block.slug === blockSlug);
-                                const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
-                                return blockDisplayName;
-                            },
-                            onSelect: ({ editor })=>{
-                                editor.dispatchCommand(INSERT_BLOCK_COMMAND, {
-                                    id: null,
-                                    blockName: '',
-                                    blockType: blockSlug
-                                });
-                            },
-                            order: index
-                        };
-                    }),
-                    key: 'blocks',
-                    order: 20
-                } : null,
-                props.clientInlineBlockSlugs?.length ? {
-                    type: 'dropdown',
-                    ChildComponent: InlineBlocksIcon,
-                    items: props.clientInlineBlockSlugs.map((inlineBlockSlug, index)=>{
-                        return {
-                            ChildComponent: InlineBlocksIcon,
-                            isActive: undefined,
-                            key: 'inlineBlock-' + inlineBlockSlug,
-                            label: ({ i18n, richTextComponentMap })=>{
-                                const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`;
-                                const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
-                                const clientBlock = blocksField.blocks.find((_block)=>_block.slug === inlineBlockSlug);
-                                const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
-                                return blockDisplayName;
-                            },
-                            onSelect: ({ editor })=>{
-                                editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {
-                                    fields: {
-                                        blockType: inlineBlockSlug
-                                    }
-                                });
-                            },
-                            order: index
-                        };
-                    }),
-                    key: 'inlineBlocks',
-                    order: 25
-                } : null
-            ].filter(Boolean)
-        }
-    }));
-
+export const BlocksFeatureClient = createClientFeature(({
+  props
+}) => ({
+  nodes: [BlockNode, InlineBlockNode],
+  plugins: [{
+    Component: BlocksPlugin,
+    position: 'normal'
+  }],
+  sanitizedClientFeatureProps: props,
+  slashMenu: {
+    groups: [props.clientBlockSlugs?.length ? {
+      items: props.clientBlockSlugs.map(blockSlug => {
+        return {
+          Icon: BlockIcon,
+          key: 'block-' + blockSlug,
+          keywords: ['block', 'blocks', blockSlug],
+          label: ({
+            i18n,
+            richTextComponentMap
+          }) => {
+            const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`;
+            const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
+            const clientBlock = blocksField.blocks.find(_block => _block.slug === blockSlug);
+            const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
+            return blockDisplayName;
+          },
+          onSelect: ({
+            editor
+          }) => {
+            editor.dispatchCommand(INSERT_BLOCK_COMMAND, {
+              id: null,
+              blockName: '',
+              blockType: blockSlug
+            });
+          }
+        };
+      }),
+      key: 'blocks',
+      label: ({
+        i18n
+      }) => {
+        return i18n.t('lexical:blocks:label');
+      }
+    } : null, props.clientInlineBlockSlugs?.length ? {
+      items: props.clientInlineBlockSlugs.map(inlineBlockSlug => {
+        return {
+          Icon: InlineBlocksIcon,
+          key: 'inlineBlocks-' + inlineBlockSlug,
+          keywords: ['inlineBlock', 'inline block', inlineBlockSlug],
+          label: ({
+            i18n,
+            richTextComponentMap
+          }) => {
+            const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`;
+            const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
+            const clientBlock = blocksField.blocks.find(_block => _block.slug === inlineBlockSlug);
+            const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
+            return blockDisplayName;
+          },
+          onSelect: ({
+            editor
+          }) => {
+            editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {
+              fields: {
+                id: null,
+                blockName: '',
+                blockType: inlineBlockSlug
+              }
+            });
+          }
+        };
+      }),
+      key: 'inlineBlocks',
+      label: ({
+        i18n
+      }) => {
+        return i18n.t('lexical:blocks:inlineBlocks:label');
+      }
+    } : null].filter(Boolean)
+  },
+  toolbarFixed: {
+    groups: [props.clientBlockSlugs?.length ? {
+      type: 'dropdown',
+      ChildComponent: BlockIcon,
+      items: props.clientBlockSlugs.map((blockSlug, index) => {
+        return {
+          ChildComponent: BlockIcon,
+          isActive: undefined,
+          key: 'block-' + blockSlug,
+          label: ({
+            i18n,
+            richTextComponentMap
+          }) => {
+            const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`;
+            const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
+            const clientBlock = blocksField.blocks.find(_block => _block.slug === blockSlug);
+            const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
+            return blockDisplayName;
+          },
+          onSelect: ({
+            editor
+          }) => {
+            editor.dispatchCommand(INSERT_BLOCK_COMMAND, {
+              id: null,
+              blockName: '',
+              blockType: blockSlug
+            });
+          },
+          order: index
+        };
+      }),
+      key: 'blocks',
+      order: 20
+    } : null, props.clientInlineBlockSlugs?.length ? {
+      type: 'dropdown',
+      ChildComponent: InlineBlocksIcon,
+      items: props.clientInlineBlockSlugs.map((inlineBlockSlug, index) => {
+        return {
+          ChildComponent: InlineBlocksIcon,
+          isActive: undefined,
+          key: 'inlineBlock-' + inlineBlockSlug,
+          label: ({
+            i18n,
+            richTextComponentMap
+          }) => {
+            const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`;
+            const blocksField = richTextComponentMap.get(componentMapRenderedBlockPath)[0];
+            const clientBlock = blocksField.blocks.find(_block => _block.slug === inlineBlockSlug);
+            const blockDisplayName = clientBlock.labels.singular ? getTranslation(clientBlock.labels.singular, i18n) : clientBlock.slug;
+            return blockDisplayName;
+          },
+          onSelect: ({
+            editor
+          }) => {
+            editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {
+              fields: {
+                blockType: inlineBlockSlug
+              }
+            });
+          },
+          order: index
+        };
+      }),
+      key: 'inlineBlocks',
+      order: 25
+    } : null].filter(Boolean)
+  }
+}));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/blocks/client/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BlockFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { SlashMenuItem } from '../../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'\n\nimport { BlockIcon } from '../../../lexical/ui/icons/Block/index.js'\nimport { InlineBlocksIcon } from '../../../lexical/ui/icons/InlineBlocks/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { BlockNode } from './nodes/BlocksNode.js'\nimport { InlineBlockNode } from './nodes/InlineBlocksNode.js'\nimport { INSERT_BLOCK_COMMAND, OPEN_INLINE_BLOCK_DRAWER_COMMAND } from './plugin/commands.js'\nimport { BlocksPlugin } from './plugin/index.js'\n\nexport type BlocksFeatureClientProps = {\n  clientBlockSlugs: string[]\n  clientInlineBlockSlugs: string[]\n}\n\nexport const BlocksFeatureClient = createClientFeature<BlocksFeatureClientProps>(({ props }) => ({\n  nodes: [BlockNode, InlineBlockNode],\n  plugins: [\n    {\n      Component: BlocksPlugin,\n      position: 'normal',\n    },\n  ],\n  sanitizedClientFeatureProps: props,\n  slashMenu: {\n    groups: [\n      props.clientBlockSlugs?.length\n        ? {\n            items: props.clientBlockSlugs.map((blockSlug) => {\n              return {\n                Icon: BlockIcon,\n                key: 'block-' + blockSlug,\n                keywords: ['block', 'blocks', blockSlug],\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find((_block) => _block.slug === blockSlug)\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(INSERT_BLOCK_COMMAND, {\n                    id: null,\n                    blockName: '',\n                    blockType: blockSlug,\n                  })\n                },\n              } as SlashMenuItem\n            }),\n            key: 'blocks',\n            label: ({ i18n }) => {\n              return i18n.t('lexical:blocks:label')\n            },\n          }\n        : null,\n      props.clientInlineBlockSlugs?.length\n        ? {\n            items: props.clientInlineBlockSlugs.map((inlineBlockSlug) => {\n              return {\n                Icon: InlineBlocksIcon,\n                key: 'inlineBlocks-' + inlineBlockSlug,\n                keywords: ['inlineBlock', 'inline block', inlineBlockSlug],\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find(\n                    (_block) => _block.slug === inlineBlockSlug,\n                  )\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                    fields: {\n                      id: null,\n                      blockName: '',\n                      blockType: inlineBlockSlug,\n                    },\n                  })\n                },\n              } as SlashMenuItem\n            }),\n            key: 'inlineBlocks',\n            label: ({ i18n }) => {\n              return i18n.t('lexical:blocks:inlineBlocks:label')\n            },\n          }\n        : null,\n    ].filter(Boolean),\n  },\n  toolbarFixed: {\n    groups: [\n      props.clientBlockSlugs?.length\n        ? {\n            type: 'dropdown',\n            ChildComponent: BlockIcon,\n            items: props.clientBlockSlugs.map((blockSlug, index) => {\n              return {\n                ChildComponent: BlockIcon,\n                isActive: undefined, // At this point, we would be inside a sub-richtext-editor. And at this point this will be run against the focused sub-editor, not the parent editor which has the actual block. Thus, no point in running this\n                key: 'block-' + blockSlug,\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find((_block) => _block.slug === blockSlug)\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(INSERT_BLOCK_COMMAND, {\n                    id: null,\n                    blockName: '',\n                    blockType: blockSlug,\n                  })\n                },\n                order: index,\n              } as ToolbarGroupItem\n            }),\n            key: 'blocks',\n            order: 20,\n          }\n        : null,\n      props.clientInlineBlockSlugs?.length\n        ? {\n            type: 'dropdown',\n            ChildComponent: InlineBlocksIcon,\n            items: props.clientInlineBlockSlugs.map((inlineBlockSlug, index) => {\n              return {\n                ChildComponent: InlineBlocksIcon,\n                isActive: undefined,\n                key: 'inlineBlock-' + inlineBlockSlug,\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find(\n                    (_block) => _block.slug === inlineBlockSlug,\n                  )\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                    fields: {\n                      blockType: inlineBlockSlug,\n                    },\n                  })\n                },\n                order: index,\n              } as ToolbarGroupItem\n            }),\n            key: 'inlineBlocks',\n            order: 25,\n          }\n        : null,\n    ].filter(Boolean) as ToolbarGroup[],\n  },\n}))\n"],"names":["getTranslation","BlockIcon","InlineBlocksIcon","createClientFeature","BlockNode","InlineBlockNode","INSERT_BLOCK_COMMAND","OPEN_INLINE_BLOCK_DRAWER_COMMAND","BlocksPlugin","BlocksFeatureClient","props","nodes","plugins","Component","position","sanitizedClientFeatureProps","slashMenu","groups","clientBlockSlugs","length","items","map","blockSlug","Icon","key","keywords","label","i18n","richTextComponentMap","componentMapRenderedBlockPath","blocksField","get","clientBlock","blocks","find","_block","slug","blockDisplayName","labels","singular","onSelect","editor","dispatchCommand","id","blockName","blockType","t","clientInlineBlockSlugs","inlineBlockSlug","fields","filter","Boolean","toolbarFixed","type","ChildComponent","index","isActive","undefined","order"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AAKzD,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,gBAAgB,QAAQ,kDAAiD;AAClF,SAASC,mBAAmB,QAAQ,4CAA2C;AAC/E,SAASC,SAAS,QAAQ,wBAAuB;AACjD,SAASC,eAAe,QAAQ,8BAA6B;AAC7D,SAASC,oBAAoB,EAAEC,gCAAgC,QAAQ,uBAAsB;AAC7F,SAASC,YAAY,QAAQ,oBAAmB;AAOhD,OAAO,MAAMC,sBAAsBN,oBAA8C,CAAC,EAAEO,KAAK,EAAE,GAAM,CAAA;QAC/FC,OAAO;YAACP;YAAWC;SAAgB;QACnCO,SAAS;YACP;gBACEC,WAAWL;gBACXM,UAAU;YACZ;SACD;QACDC,6BAA6BL;QAC7BM,WAAW;YACTC,QAAQ;gBACNP,MAAMQ,gBAAgB,EAAEC,SACpB;oBACEC,OAAOV,MAAMQ,gBAAgB,CAACG,GAAG,CAAC,CAACC;wBACjC,OAAO;4BACLC,MAAMtB;4BACNuB,KAAK,WAAWF;4BAChBG,UAAU;gCAAC;gCAAS;gCAAUH;6BAAU;4BACxCI,OAAO,CAAC,EAAEC,IAAI,EAAEC,oBAAoB,EAAE;gCACpC,MAAMC,gCAAgC,CAAC,qDAAqD,CAAC;gCAC7F,MAAMC,cAAgCF,qBAAqBG,GAAG,CAC5DF,8BACD,CAAC,EAAE;gCAEJ,MAAMG,cAAcF,YAAYG,MAAM,CAACC,IAAI,CAAC,CAACC,SAAWA,OAAOC,IAAI,KAAKd;gCAExE,MAAMe,mBAAmBL,YAAYM,MAAM,CAACC,QAAQ,GAChDvC,eAAegC,YAAYM,MAAM,CAACC,QAAQ,EAAEZ,QAC5CK,YAAYI,IAAI;gCAEpB,OAAOC;4BACT;4BACAG,UAAU,CAAC,EAAEC,MAAM,EAAE;gCACnBA,OAAOC,eAAe,CAACpC,sBAAsB;oCAC3CqC,IAAI;oCACJC,WAAW;oCACXC,WAAWvB;gCACb;4BACF;wBACF;oBACF;oBACAE,KAAK;oBACLE,OAAO,CAAC,EAAEC,IAAI,EAAE;wBACd,OAAOA,KAAKmB,CAAC,CAAC;oBAChB;gBACF,IACA;gBACJpC,MAAMqC,sBAAsB,EAAE5B,SAC1B;oBACEC,OAAOV,MAAMqC,sBAAsB,CAAC1B,GAAG,CAAC,CAAC2B;wBACvC,OAAO;4BACLzB,MAAMrB;4BACNsB,KAAK,kBAAkBwB;4BACvBvB,UAAU;gCAAC;gCAAe;gCAAgBuB;6BAAgB;4BAC1DtB,OAAO,CAAC,EAAEC,IAAI,EAAEC,oBAAoB,EAAE;gCACpC,MAAMC,gCAAgC,CAAC,4DAA4D,CAAC;gCAEpG,MAAMC,cAAgCF,qBAAqBG,GAAG,CAC5DF,8BACD,CAAC,EAAE;gCAEJ,MAAMG,cAAcF,YAAYG,MAAM,CAACC,IAAI,CACzC,CAACC,SAAWA,OAAOC,IAAI,KAAKY;gCAG9B,MAAMX,mBAAmBL,YAAYM,MAAM,CAACC,QAAQ,GAChDvC,eAAegC,YAAYM,MAAM,CAACC,QAAQ,EAAEZ,QAC5CK,YAAYI,IAAI;gCAEpB,OAAOC;4BACT;4BACAG,UAAU,CAAC,EAAEC,MAAM,EAAE;gCACnBA,OAAOC,eAAe,CAACnC,kCAAkC;oCACvD0C,QAAQ;wCACNN,IAAI;wCACJC,WAAW;wCACXC,WAAWG;oCACb;gCACF;4BACF;wBACF;oBACF;oBACAxB,KAAK;oBACLE,OAAO,CAAC,EAAEC,IAAI,EAAE;wBACd,OAAOA,KAAKmB,CAAC,CAAC;oBAChB;gBACF,IACA;aACL,CAACI,MAAM,CAACC;QACX;QACAC,cAAc;YACZnC,QAAQ;gBACNP,MAAMQ,gBAAgB,EAAEC,SACpB;oBACEkC,MAAM;oBACNC,gBAAgBrD;oBAChBmB,OAAOV,MAAMQ,gBAAgB,CAACG,GAAG,CAAC,CAACC,WAAWiC;wBAC5C,OAAO;4BACLD,gBAAgBrD;4BAChBuD,UAAUC;4BACVjC,KAAK,WAAWF;4BAChBI,OAAO,CAAC,EAAEC,IAAI,EAAEC,oBAAoB,EAAE;gCACpC,MAAMC,gCAAgC,CAAC,qDAAqD,CAAC;gCAC7F,MAAMC,cAAgCF,qBAAqBG,GAAG,CAC5DF,8BACD,CAAC,EAAE;gCAEJ,MAAMG,cAAcF,YAAYG,MAAM,CAACC,IAAI,CAAC,CAACC,SAAWA,OAAOC,IAAI,KAAKd;gCAExE,MAAMe,mBAAmBL,YAAYM,MAAM,CAACC,QAAQ,GAChDvC,eAAegC,YAAYM,MAAM,CAACC,QAAQ,EAAEZ,QAC5CK,YAAYI,IAAI;gCAEpB,OAAOC;4BACT;4BACAG,UAAU,CAAC,EAAEC,MAAM,EAAE;gCACnBA,OAAOC,eAAe,CAACpC,sBAAsB;oCAC3CqC,IAAI;oCACJC,WAAW;oCACXC,WAAWvB;gCACb;4BACF;4BACAoC,OAAOH;wBACT;oBACF;oBACA/B,KAAK;oBACLkC,OAAO;gBACT,IACA;gBACJhD,MAAMqC,sBAAsB,EAAE5B,SAC1B;oBACEkC,MAAM;oBACNC,gBAAgBpD;oBAChBkB,OAAOV,MAAMqC,sBAAsB,CAAC1B,GAAG,CAAC,CAAC2B,iBAAiBO;wBACxD,OAAO;4BACLD,gBAAgBpD;4BAChBsD,UAAUC;4BACVjC,KAAK,iBAAiBwB;4BACtBtB,OAAO,CAAC,EAAEC,IAAI,EAAEC,oBAAoB,EAAE;gCACpC,MAAMC,gCAAgC,CAAC,4DAA4D,CAAC;gCACpG,MAAMC,cAAgCF,qBAAqBG,GAAG,CAC5DF,8BACD,CAAC,EAAE;gCAEJ,MAAMG,cAAcF,YAAYG,MAAM,CAACC,IAAI,CACzC,CAACC,SAAWA,OAAOC,IAAI,KAAKY;gCAG9B,MAAMX,mBAAmBL,YAAYM,MAAM,CAACC,QAAQ,GAChDvC,eAAegC,YAAYM,MAAM,CAACC,QAAQ,EAAEZ,QAC5CK,YAAYI,IAAI;gCAEpB,OAAOC;4BACT;4BACAG,UAAU,CAAC,EAAEC,MAAM,EAAE;gCACnBA,OAAOC,eAAe,CAACnC,kCAAkC;oCACvD0C,QAAQ;wCACNJ,WAAWG;oCACb;gCACF;4BACF;4BACAU,OAAOH;wBACT;oBACF;oBACA/B,KAAK;oBACLkC,OAAO;gBACT,IACA;aACL,CAACR,MAAM,CAACC;QACX;IACF,CAAA,GAAG"}
+{"version":3,"file":"index.js","names":["getTranslation","BlockIcon","InlineBlocksIcon","createClientFeature","BlockNode","InlineBlockNode","INSERT_BLOCK_COMMAND","OPEN_INLINE_BLOCK_DRAWER_COMMAND","BlocksPlugin","BlocksFeatureClient","props","nodes","plugins","Component","position","sanitizedClientFeatureProps","slashMenu","groups","clientBlockSlugs","length","items","map","blockSlug","Icon","key","keywords","label","i18n","richTextComponentMap","componentMapRenderedBlockPath","blocksField","get","clientBlock","blocks","find","_block","slug","blockDisplayName","labels","singular","onSelect","editor","dispatchCommand","id","blockName","blockType","t","clientInlineBlockSlugs","inlineBlockSlug","fields","filter","Boolean","toolbarFixed","type","ChildComponent","index","isActive","undefined","order"],"sources":["../../../../src/features/blocks/client/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BlockFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { SlashMenuItem } from '../../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types.js'\nimport type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'\n\nimport { BlockIcon } from '../../../lexical/ui/icons/Block/index.js'\nimport { InlineBlocksIcon } from '../../../lexical/ui/icons/InlineBlocks/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { BlockNode } from './nodes/BlocksNode.js'\nimport { InlineBlockNode } from './nodes/InlineBlocksNode.js'\nimport { INSERT_BLOCK_COMMAND, OPEN_INLINE_BLOCK_DRAWER_COMMAND } from './plugin/commands.js'\nimport { BlocksPlugin } from './plugin/index.js'\n\nexport type BlocksFeatureClientProps = {\n  clientBlockSlugs: string[]\n  clientInlineBlockSlugs: string[]\n}\n\nexport const BlocksFeatureClient = createClientFeature<BlocksFeatureClientProps>(({ props }) => ({\n  nodes: [BlockNode, InlineBlockNode],\n  plugins: [\n    {\n      Component: BlocksPlugin,\n      position: 'normal',\n    },\n  ],\n  sanitizedClientFeatureProps: props,\n  slashMenu: {\n    groups: [\n      props.clientBlockSlugs?.length\n        ? {\n            items: props.clientBlockSlugs.map((blockSlug) => {\n              return {\n                Icon: BlockIcon,\n                key: 'block-' + blockSlug,\n                keywords: ['block', 'blocks', blockSlug],\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find((_block) => _block.slug === blockSlug)\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(INSERT_BLOCK_COMMAND, {\n                    id: null,\n                    blockName: '',\n                    blockType: blockSlug,\n                  })\n                },\n              } as SlashMenuItem\n            }),\n            key: 'blocks',\n            label: ({ i18n }) => {\n              return i18n.t('lexical:blocks:label')\n            },\n          }\n        : null,\n      props.clientInlineBlockSlugs?.length\n        ? {\n            items: props.clientInlineBlockSlugs.map((inlineBlockSlug) => {\n              return {\n                Icon: InlineBlocksIcon,\n                key: 'inlineBlocks-' + inlineBlockSlug,\n                keywords: ['inlineBlock', 'inline block', inlineBlockSlug],\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find(\n                    (_block) => _block.slug === inlineBlockSlug,\n                  )\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                    fields: {\n                      id: null,\n                      blockName: '',\n                      blockType: inlineBlockSlug,\n                    },\n                  })\n                },\n              } as SlashMenuItem\n            }),\n            key: 'inlineBlocks',\n            label: ({ i18n }) => {\n              return i18n.t('lexical:blocks:inlineBlocks:label')\n            },\n          }\n        : null,\n    ].filter(Boolean),\n  },\n  toolbarFixed: {\n    groups: [\n      props.clientBlockSlugs?.length\n        ? {\n            type: 'dropdown',\n            ChildComponent: BlockIcon,\n            items: props.clientBlockSlugs.map((blockSlug, index) => {\n              return {\n                ChildComponent: BlockIcon,\n                isActive: undefined, // At this point, we would be inside a sub-richtext-editor. And at this point this will be run against the focused sub-editor, not the parent editor which has the actual block. Thus, no point in running this\n                key: 'block-' + blockSlug,\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_blocks`\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find((_block) => _block.slug === blockSlug)\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(INSERT_BLOCK_COMMAND, {\n                    id: null,\n                    blockName: '',\n                    blockType: blockSlug,\n                  })\n                },\n                order: index,\n              } as ToolbarGroupItem\n            }),\n            key: 'blocks',\n            order: 20,\n          }\n        : null,\n      props.clientInlineBlockSlugs?.length\n        ? {\n            type: 'dropdown',\n            ChildComponent: InlineBlocksIcon,\n            items: props.clientInlineBlockSlugs.map((inlineBlockSlug, index) => {\n              return {\n                ChildComponent: InlineBlocksIcon,\n                isActive: undefined,\n                key: 'inlineBlock-' + inlineBlockSlug,\n                label: ({ i18n, richTextComponentMap }) => {\n                  const componentMapRenderedBlockPath = `lexical_internal_feature.blocks.fields.lexical_inline_blocks`\n                  const blocksField: BlockFieldClient = richTextComponentMap.get(\n                    componentMapRenderedBlockPath,\n                  )[0]\n\n                  const clientBlock = blocksField.blocks.find(\n                    (_block) => _block.slug === inlineBlockSlug,\n                  )\n\n                  const blockDisplayName = clientBlock.labels.singular\n                    ? getTranslation(clientBlock.labels.singular, i18n)\n                    : clientBlock.slug\n\n                  return blockDisplayName\n                },\n                onSelect: ({ editor }) => {\n                  editor.dispatchCommand(OPEN_INLINE_BLOCK_DRAWER_COMMAND, {\n                    fields: {\n                      blockType: inlineBlockSlug,\n                    },\n                  })\n                },\n                order: index,\n              } as ToolbarGroupItem\n            }),\n            key: 'inlineBlocks',\n            order: 25,\n          }\n        : null,\n    ].filter(Boolean) as ToolbarGroup[],\n  },\n}))\n"],"mappings":"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","ignoreList":[]}

package/dist/features/blocks/client/nodes/BlocksNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlocksNode.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/nodes/BlocksNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGvE,OAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAQlE,qBAAa,SAAU,SAAQ,eAAe;IAC5C,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe;IAIpD,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS;IAgBjE,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO;IAIlE,UAAU,IAAI,mBAAmB;CAGlC;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,SAAS,CAO9E;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,SAAS,CAEhG"}
+{"version":3,"file":"BlocksNode.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/nodes/BlocksNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGvE,OAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAQlE,qBAAa,SAAU,SAAQ,eAAe;IAC5C,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe;IAIpD,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS;IAgBjE,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO;IAIlE,UAAU,IAAI,mBAAmB;CAGlC;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,SAAS,CAO9E;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,IAAI,SAAS,CAEhG"}

package/dist/features/blocks/client/nodes/BlocksNode.js

@@ -1,52 +1,53 @@
+'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import ObjectID from 'bson-objectid';
 import React from 'react';
 import { ServerBlockNode } from '../../server/nodes/BlocksNode.js';
-const BlockComponent = /*#__PURE__*/ React.lazy(()=>import('../component/index.js').then((module)=>({
-            default: module.BlockComponent
-        })));
+const BlockComponent = /*#__PURE__*/React.lazy(() => import('../component/index.js').then(module => ({
+  default: module.BlockComponent
+})));
 export class BlockNode extends ServerBlockNode {
-    static clone(node) {
-        return super.clone(node);
-    }
-    static getType() {
-        return super.getType();
-    }
-    static importJSON(serializedNode) {
-        if (serializedNode.version === 1) {
-            // Convert (version 1 had the fields wrapped in another, unnecessary data property)
-            serializedNode = {
-                ...serializedNode,
-                fields: {
-                    ...serializedNode.fields.data
-                },
-                version: 2
-            };
-        }
-        const node = $createBlockNode(serializedNode.fields);
-        node.setFormat(serializedNode.format);
-        return node;
-    }
-    decorate(editor, config) {
-        return /*#__PURE__*/ _jsx(BlockComponent, {
-            formData: this.getFields(),
-            nodeKey: this.getKey()
-        });
-    }
-    exportJSON() {
-        return super.exportJSON();
+  static clone(node) {
+    return super.clone(node);
+  }
+  static getType() {
+    return super.getType();
+  }
+  static importJSON(serializedNode) {
+    if (serializedNode.version === 1) {
+      // Convert (version 1 had the fields wrapped in another, unnecessary data property)
+      serializedNode = {
+        ...serializedNode,
+        fields: {
+          ...serializedNode.fields.data
+        },
+        version: 2
+      };
     }
+    const node = $createBlockNode(serializedNode.fields);
+    node.setFormat(serializedNode.format);
+    return node;
+  }
+  decorate(editor, config) {
+    return /*#__PURE__*/_jsx(BlockComponent, {
+      formData: this.getFields(),
+      nodeKey: this.getKey()
+    });
+  }
+  exportJSON() {
+    return super.exportJSON();
+  }
 }
 export function $createBlockNode(fields) {
-    return new BlockNode({
-        fields: {
-            ...fields,
-            id: fields?.id || new ObjectID.default().toHexString()
-        }
-    });
+  return new BlockNode({
+    fields: {
+      ...fields,
+      id: fields?.id || new ObjectID.default().toHexString()
+    }
+  });
 }
 export function $isBlockNode(node) {
-    return node instanceof BlockNode;
+  return node instanceof BlockNode;
 }
-
 //# sourceMappingURL=BlocksNode.js.map

package/dist/features/blocks/client/nodes/BlocksNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/blocks/client/nodes/BlocksNode.tsx"],"sourcesContent":["import type { EditorConfig, LexicalEditor, LexicalNode } from 'lexical'\n\nimport ObjectID from 'bson-objectid'\nimport React, { type JSX } from 'react'\n\nimport type { BlockFields, SerializedBlockNode } from '../../server/nodes/BlocksNode.js'\n\nimport { ServerBlockNode } from '../../server/nodes/BlocksNode.js'\n\nconst BlockComponent = React.lazy(() =>\n  import('../component/index.js').then((module) => ({\n    default: module.BlockComponent,\n  })),\n)\n\nexport class BlockNode extends ServerBlockNode {\n  static clone(node: ServerBlockNode): ServerBlockNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  static importJSON(serializedNode: SerializedBlockNode): BlockNode {\n    if (serializedNode.version === 1) {\n      // Convert (version 1 had the fields wrapped in another, unnecessary data property)\n      serializedNode = {\n        ...serializedNode,\n        fields: {\n          ...(serializedNode as any).fields.data,\n        },\n        version: 2,\n      }\n    }\n    const node = $createBlockNode(serializedNode.fields)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return <BlockComponent formData={this.getFields()} nodeKey={this.getKey()} />\n  }\n\n  exportJSON(): SerializedBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createBlockNode(fields: Exclude<BlockFields, 'id'>): BlockNode {\n  return new BlockNode({\n    fields: {\n      ...fields,\n      id: fields?.id || new ObjectID.default().toHexString(),\n    },\n  })\n}\n\nexport function $isBlockNode(node: BlockNode | LexicalNode | null | undefined): node is BlockNode {\n  return node instanceof BlockNode\n}\n"],"names":["ObjectID","React","ServerBlockNode","BlockComponent","lazy","then","module","default","BlockNode","clone","node","getType","importJSON","serializedNode","version","fields","data","$createBlockNode","setFormat","format","decorate","editor","config","formData","getFields","nodeKey","getKey","exportJSON","id","toHexString","$isBlockNode"],"mappings":";AAEA,OAAOA,cAAc,gBAAe;AACpC,OAAOC,WAAyB,QAAO;AAIvC,SAASC,eAAe,QAAQ,mCAAkC;AAElE,MAAMC,+BAAiBF,MAAMG,IAAI,CAAC,IAChC,MAAM,CAAC,yBAAyBC,IAAI,CAAC,CAACC,SAAY,CAAA;YAChDC,SAASD,OAAOH,cAAc;QAChC,CAAA;AAGF,OAAO,MAAMK,kBAAkBN;IAC7B,OAAOO,MAAMC,IAAqB,EAAmB;QACnD,OAAO,KAAK,CAACD,MAAMC;IACrB;IAEA,OAAOC,UAAkB;QACvB,OAAO,KAAK,CAACA;IACf;IAEA,OAAOC,WAAWC,cAAmC,EAAa;QAChE,IAAIA,eAAeC,OAAO,KAAK,GAAG;YAChC,mFAAmF;YACnFD,iBAAiB;gBACf,GAAGA,cAAc;gBACjBE,QAAQ;oBACN,GAAG,AAACF,eAAuBE,MAAM,CAACC,IAAI;gBACxC;gBACAF,SAAS;YACX;QACF;QACA,MAAMJ,OAAOO,iBAAiBJ,eAAeE,MAAM;QACnDL,KAAKQ,SAAS,CAACL,eAAeM,MAAM;QACpC,OAAOT;IACT;IAEAU,SAASC,MAAqB,EAAEC,MAAoB,EAAe;QACjE,qBAAO,KAACnB;YAAeoB,UAAU,IAAI,CAACC,SAAS;YAAIC,SAAS,IAAI,CAACC,MAAM;;IACzE;IAEAC,aAAkC;QAChC,OAAO,KAAK,CAACA;IACf;AACF;AAEA,OAAO,SAASV,iBAAiBF,MAAkC;IACjE,OAAO,IAAIP,UAAU;QACnBO,QAAQ;YACN,GAAGA,MAAM;YACTa,IAAIb,QAAQa,MAAM,IAAI5B,SAASO,OAAO,GAAGsB,WAAW;QACtD;IACF;AACF;AAEA,OAAO,SAASC,aAAapB,IAAgD;IAC3E,OAAOA,gBAAgBF;AACzB"}
+{"version":3,"file":"BlocksNode.js","names":["ObjectID","React","ServerBlockNode","BlockComponent","lazy","then","module","default","BlockNode","clone","node","getType","importJSON","serializedNode","version","fields","data","$createBlockNode","setFormat","format","decorate","editor","config","_jsx","formData","getFields","nodeKey","getKey","exportJSON","id","toHexString","$isBlockNode"],"sources":["../../../../../src/features/blocks/client/nodes/BlocksNode.tsx"],"sourcesContent":["'use client'\nimport type { EditorConfig, LexicalEditor, LexicalNode } from 'lexical'\n\nimport ObjectID from 'bson-objectid'\nimport React, { type JSX } from 'react'\n\nimport type { BlockFields, SerializedBlockNode } from '../../server/nodes/BlocksNode.js'\n\nimport { ServerBlockNode } from '../../server/nodes/BlocksNode.js'\n\nconst BlockComponent = React.lazy(() =>\n  import('../component/index.js').then((module) => ({\n    default: module.BlockComponent,\n  })),\n)\n\nexport class BlockNode extends ServerBlockNode {\n  static clone(node: ServerBlockNode): ServerBlockNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  static importJSON(serializedNode: SerializedBlockNode): BlockNode {\n    if (serializedNode.version === 1) {\n      // Convert (version 1 had the fields wrapped in another, unnecessary data property)\n      serializedNode = {\n        ...serializedNode,\n        fields: {\n          ...(serializedNode as any).fields.data,\n        },\n        version: 2,\n      }\n    }\n    const node = $createBlockNode(serializedNode.fields)\n    node.setFormat(serializedNode.format)\n    return node\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return <BlockComponent formData={this.getFields()} nodeKey={this.getKey()} />\n  }\n\n  exportJSON(): SerializedBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createBlockNode(fields: Exclude<BlockFields, 'id'>): BlockNode {\n  return new BlockNode({\n    fields: {\n      ...fields,\n      id: fields?.id || new ObjectID.default().toHexString(),\n    },\n  })\n}\n\nexport function $isBlockNode(node: BlockNode | LexicalNode | null | undefined): node is BlockNode {\n  return node instanceof BlockNode\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,QAAA,MAAc;AACrB,OAAOC,KAAA,MAAyB;AAIhC,SAASC,eAAe,QAAQ;AAEhC,MAAMC,cAAA,gBAAiBF,KAAA,CAAMG,IAAI,CAAC,MAChC,MAAM,CAAC,yBAAyBC,IAAI,CAAEC,MAAA,KAAY;EAChDC,OAAA,EAASD,MAAA,CAAOH;AAClB;AAGF,OAAO,MAAMK,SAAA,SAAkBN,eAAA;EAC7B,OAAOO,MAAMC,IAAqB,EAAmB;IACnD,OAAO,KAAK,CAACD,KAAA,CAAMC,IAAA;EACrB;EAEA,OAAOC,QAAA,EAAkB;IACvB,OAAO,KAAK,CAACA,OAAA;EACf;EAEA,OAAOC,WAAWC,cAAmC,EAAa;IAChE,IAAIA,cAAA,CAAeC,OAAO,KAAK,GAAG;MAChC;MACAD,cAAA,GAAiB;QACf,GAAGA,cAAc;QACjBE,MAAA,EAAQ;UACN,GAAGF,cAAC,CAAuBE,MAAM,CAACC;QACpC;QACAF,OAAA,EAAS;MACX;IACF;IACA,MAAMJ,IAAA,GAAOO,gBAAA,CAAiBJ,cAAA,CAAeE,MAAM;IACnDL,IAAA,CAAKQ,SAAS,CAACL,cAAA,CAAeM,MAAM;IACpC,OAAOT,IAAA;EACT;EAEAU,SAASC,MAAqB,EAAEC,MAAoB,EAAe;IACjE,oBAAOC,IAAA,CAACpB,cAAA;MAAeqB,QAAA,EAAU,IAAI,CAACC,SAAS;MAAIC,OAAA,EAAS,IAAI,CAACC,MAAM;;EACzE;EAEAC,WAAA,EAAkC;IAChC,OAAO,KAAK,CAACA,UAAA;EACf;AACF;AAEA,OAAO,SAASX,iBAAiBF,MAAkC;EACjE,OAAO,IAAIP,SAAA,CAAU;IACnBO,MAAA,EAAQ;MACN,GAAGA,MAAM;MACTc,EAAA,EAAId,MAAA,EAAQc,EAAA,IAAM,IAAI7B,QAAA,CAASO,OAAO,GAAGuB,WAAW;IACtD;EACF;AACF;AAEA,OAAO,SAASC,aAAarB,IAAgD;EAC3E,OAAOA,IAAA,YAAgBF,SAAA;AACzB","ignoreList":[]}

package/dist/features/blocks/client/nodes/InlineBlocksNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineBlocksNode.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAGhB,OAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAA;AAE7F,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAE9E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sBAAsB;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;IAElB,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAQD,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAC5C;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,MAAM,EAAE,iBAAiB,CAAA;IACzB,IAAI,EAAE,aAAa,CAAA;CACpB,EACD,qBAAqB,CACtB,CAAA;AAED,qBAAa,eAAgB,SAAQ,qBAAqB;IACxD,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,qBAAqB,GAAG,qBAAqB;IAIhE,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,yBAAyB,GAAG,eAAe;IAK7E,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO;IAIlE,UAAU,IAAI,+BAA+B;CAG9C;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,IAAI,CAAC,GAAG,eAAe,CAOhG;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,eAAe,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GACrD,IAAI,IAAI,eAAe,CAEzB"}
+{"version":3,"file":"InlineBlocksNode.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAGhB,OAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAA;AAE7F,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAE9E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sBAAsB;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;IAElB,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAQD,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAC5C;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,MAAM,EAAE,iBAAiB,CAAA;IACzB,IAAI,EAAE,aAAa,CAAA;CACpB,EACD,qBAAqB,CACtB,CAAA;AAED,qBAAa,eAAgB,SAAQ,qBAAqB;IACxD,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,qBAAqB,GAAG,qBAAqB;IAIhE,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,yBAAyB,GAAG,eAAe;IAK7E,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO;IAIlE,UAAU,IAAI,+BAA+B;CAG9C;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,IAAI,CAAC,GAAG,eAAe,CAOhG;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,eAAe,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,GACrD,IAAI,IAAI,eAAe,CAEzB"}