@payloadcms/richtext-lexical 3.14.0 → 3.14.1-canary.2776826

package/dist/exports/react/components/RichText/index.d.ts

@@ -8,7 +8,6 @@ export type JSXConvertersFunction<T extends {
     type?: string;
 } = DefaultNodeTypes | SerializedBlockNode<{
     blockName?: null | string;
-    blockType: string;
 }> | SerializedInlineBlockNode<{
     blockName?: null | string;
     blockType: string;

package/dist/exports/react/components/RichText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/exports/react/components/RichText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EAC1B,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAIzD,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,qBAAqB,CAC/B,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAC3C,gBAAgB,GAChB,mBAAmB,CAAC;IAAE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,GACrE,yBAAyB,CAAC;IAAE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,IAC7E,CAAC,IAAI,EAAE;IAAE,iBAAiB,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAAK,aAAa,CAAC,CAAC,CAAC,CAAA;AAEtF,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,qBAAqB,CAAA;IAClD;;OAEG;IACH,IAAI,EAAE,qBAAqB,CAAA;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;IAClC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoC5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/exports/react/components/RichText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EAC1B,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAIzD,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,qBAAqB,CAC/B,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAC3C,gBAAgB,GAChB,mBAAmB,CAAC;IAAE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE,CAAC,GAClD,yBAAyB,CAAC;IAAE,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,IAC7E,CAAC,IAAI,EAAE;IAAE,iBAAiB,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAAK,aAAa,CAAC,CAAC,CAAC,CAAA;AAEtF,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,GAAG,qBAAqB,CAAA;IAClD;;OAEG;IACH,IAAI,EAAE,qBAAqB,CAAA;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;IAClC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoC5C,CAAA"}

package/dist/exports/react/components/RichText/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","defaultJSXConverters","convertLexicalToJSX","RichText","className","converters","data","editorState","disableIndent","disableTextAlign","finalConverters","defaultConverters","_jsx","Array","isArray"],"sources":["../../../../../src/exports/react/components/RichText/index.tsx"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\n\nimport React from 'react'\n\nimport type {\n  DefaultNodeTypes,\n  SerializedBlockNode,\n  SerializedInlineBlockNode,\n} from '../../../../nodeTypes.js'\nimport type { JSXConverters } from './converter/types.js'\n\nimport { defaultJSXConverters } from './converter/defaultConverters.js'\nimport { convertLexicalToJSX } from './converter/index.js'\nimport './index.css'\n\nexport type JSXConvertersFunction<\n  T extends { [key: string]: any; type?: string } =\n    | DefaultNodeTypes\n    | SerializedBlockNode<{ blockName?: null | string; blockType: string }>\n    | SerializedInlineBlockNode<{ blockName?: null | string; blockType: string }>,\n> = (args: { defaultConverters: JSXConverters<DefaultNodeTypes> }) => JSXConverters<T>\n\ntype RichTextProps = {\n  /**\n   * Additional class names for the container.\n   */\n  className?: string\n  /**\n   * Custom converters to transform your nodes to JSX. Can be an object or a function that receives the default converters.\n   */\n  converters?: JSXConverters | JSXConvertersFunction\n  /**\n   * Serialized editor state to render.\n   */\n  data: SerializedEditorState\n  /**\n   * If true, disables indentation globally. If an array, disables for specific node `type` values.\n   */\n  disableIndent?: boolean | string[]\n  /**\n   * If true, disables text alignment globally. If an array, disables for specific node `type` values.\n   */\n  disableTextAlign?: boolean | string[]\n}\n\nexport const RichText: React.FC<RichTextProps> = ({\n  className,\n  converters,\n  data: editorState,\n  disableIndent,\n  disableTextAlign,\n}) => {\n  if (!editorState) {\n    return null\n  }\n\n  let finalConverters: JSXConverters = {}\n  if (converters) {\n    if (typeof converters === 'function') {\n      finalConverters = converters({ defaultConverters: defaultJSXConverters })\n    } else {\n      finalConverters = converters\n    }\n  } else {\n    finalConverters = defaultJSXConverters\n  }\n\n  return (\n    <div className={className ?? 'payload-richtext'}>\n      {editorState &&\n        !Array.isArray(editorState) &&\n        typeof editorState === 'object' &&\n        'root' in editorState &&\n        convertLexicalToJSX({\n          converters: finalConverters,\n          data: editorState,\n          disableIndent,\n          disableTextAlign,\n        })}\n    </div>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AASlB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,mBAAmB,QAAQ;AACpC,OAAO;AAgCP,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,SAAS;EACTC,UAAU;EACVC,IAAA,EAAMC,WAAW;EACjBC,aAAa;EACbC;AAAgB,CACjB;EACC,IAAI,CAACF,WAAA,EAAa;IAChB,OAAO;EACT;EAEA,IAAIG,eAAA,GAAiC,CAAC;EACtC,IAAIL,UAAA,EAAY;IACd,IAAI,OAAOA,UAAA,KAAe,YAAY;MACpCK,eAAA,GAAkBL,UAAA,CAAW;QAAEM,iBAAA,EAAmBV;MAAqB;IACzE,OAAO;MACLS,eAAA,GAAkBL,UAAA;IACpB;EACF,OAAO;IACLK,eAAA,GAAkBT,oBAAA;EACpB;EAEA,oBACEW,IAAA,CAAC;IAAIR,SAAA,EAAWA,SAAA,IAAa;cAC1BG,WAAA,IACC,CAACM,KAAA,CAAMC,OAAO,CAACP,WAAA,KACf,OAAOA,WAAA,KAAgB,YACvB,UAAUA,WAAA,IACVL,mBAAA,CAAoB;MAClBG,UAAA,EAAYK,eAAA;MACZJ,IAAA,EAAMC,WAAA;MACNC,aAAA;MACAC;IACF;;AAGR","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","defaultJSXConverters","convertLexicalToJSX","RichText","className","converters","data","editorState","disableIndent","disableTextAlign","finalConverters","defaultConverters","_jsx","Array","isArray"],"sources":["../../../../../src/exports/react/components/RichText/index.tsx"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\n\nimport React from 'react'\n\nimport type {\n  DefaultNodeTypes,\n  SerializedBlockNode,\n  SerializedInlineBlockNode,\n} from '../../../../nodeTypes.js'\nimport type { JSXConverters } from './converter/types.js'\n\nimport { defaultJSXConverters } from './converter/defaultConverters.js'\nimport { convertLexicalToJSX } from './converter/index.js'\nimport './index.css'\n\nexport type JSXConvertersFunction<\n  T extends { [key: string]: any; type?: string } =\n    | DefaultNodeTypes\n    | SerializedBlockNode<{ blockName?: null | string }>\n    | SerializedInlineBlockNode<{ blockName?: null | string; blockType: string }>,\n> = (args: { defaultConverters: JSXConverters<DefaultNodeTypes> }) => JSXConverters<T>\n\ntype RichTextProps = {\n  /**\n   * Additional class names for the container.\n   */\n  className?: string\n  /**\n   * Custom converters to transform your nodes to JSX. Can be an object or a function that receives the default converters.\n   */\n  converters?: JSXConverters | JSXConvertersFunction\n  /**\n   * Serialized editor state to render.\n   */\n  data: SerializedEditorState\n  /**\n   * If true, disables indentation globally. If an array, disables for specific node `type` values.\n   */\n  disableIndent?: boolean | string[]\n  /**\n   * If true, disables text alignment globally. If an array, disables for specific node `type` values.\n   */\n  disableTextAlign?: boolean | string[]\n}\n\nexport const RichText: React.FC<RichTextProps> = ({\n  className,\n  converters,\n  data: editorState,\n  disableIndent,\n  disableTextAlign,\n}) => {\n  if (!editorState) {\n    return null\n  }\n\n  let finalConverters: JSXConverters = {}\n  if (converters) {\n    if (typeof converters === 'function') {\n      finalConverters = converters({ defaultConverters: defaultJSXConverters })\n    } else {\n      finalConverters = converters\n    }\n  } else {\n    finalConverters = defaultJSXConverters\n  }\n\n  return (\n    <div className={className ?? 'payload-richtext'}>\n      {editorState &&\n        !Array.isArray(editorState) &&\n        typeof editorState === 'object' &&\n        'root' in editorState &&\n        convertLexicalToJSX({\n          converters: finalConverters,\n          data: editorState,\n          disableIndent,\n          disableTextAlign,\n        })}\n    </div>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AASlB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,mBAAmB,QAAQ;AACpC,OAAO;AAgCP,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,SAAS;EACTC,UAAU;EACVC,IAAA,EAAMC,WAAW;EACjBC,aAAa;EACbC;AAAgB,CACjB;EACC,IAAI,CAACF,WAAA,EAAa;IAChB,OAAO;EACT;EAEA,IAAIG,eAAA,GAAiC,CAAC;EACtC,IAAIL,UAAA,EAAY;IACd,IAAI,OAAOA,UAAA,KAAe,YAAY;MACpCK,eAAA,GAAkBL,UAAA,CAAW;QAAEM,iBAAA,EAAmBV;MAAqB;IACzE,OAAO;MACLS,eAAA,GAAkBL,UAAA;IACpB;EACF,OAAO;IACLK,eAAA,GAAkBT,oBAAA;EACpB;EAEA,oBACEW,IAAA,CAAC;IAAIR,SAAA,EAAWA,SAAA,IAAa;cAC1BG,WAAA,IACC,CAACM,KAAA,CAAMC,OAAO,CAACP,WAAA,KACf,OAAOA,WAAA,KAAgB,YACvB,UAAUA,WAAA,IACVL,mBAAA,CAAoB;MAClBG,UAAA,EAAYK,eAAA;MACZJ,IAAA,EAAMC,WAAA;MACNC,aAAA;MACAC;IACF;;AAGR","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAA;AAGrF,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,SAAS,CAAA;AAgC3D,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAM/E,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,KAAK,+BAA+B,GAAG;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACrB,YAAY,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAA;IAC3C,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;CACxB,CAAA;AAMD,eAAO,MAAM,8BAA8B,uCAAsD,CAAA;AAEjG,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqWhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiE,MAAM,OAAO,CAAA;AAGrF,OAAO,KAAK,EAAqB,SAAS,EAAE,MAAM,SAAS,CAAA;AAgC3D,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAM/E,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,KAAK,+BAA+B,GAAG;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACrB,YAAY,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAA;IAC3C,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;CACxB,CAAA;AAMD,eAAO,MAAM,8BAA8B,uCAAsD,CAAA;AAEjG,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+WhD,CAAA"}

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

@@ -45,6 +45,7 @@ export const InlineBlockComponent = props => {
     getFormState
   } = useServerFunctions();
   const editDepth = useEditDepth();
+  const hasMounted = useRef(false);
   const [initialState, setInitialState] = React.useState(initialLexicalFormState?.[formData.id]?.formState);
   const [CustomLabel, setCustomLabel] = React.useState(
   // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve
@@ -71,6 +72,14 @@ export const InlineBlockComponent = props => {
   const clientSchemaMap = featureClientSchemaMap['blocks'];
   const blocksField = clientSchemaMap[componentMapRenderedBlockPath][0];
   const clientBlock = blocksField.blocks[0];
+  // Open drawer on mount
+  useEffect(() => {
+    // > 2 because they always have "id" and "blockName" fields
+    if (!hasMounted.current && clientBlock.fields.length > 2) {
+      toggleDrawer();
+      hasMounted.current = true;
+    }
+  }, [clientBlock, toggleDrawer]);
   const removeInlineBlock = useCallback(() => {
     editor.update(() => {
       $getNodeByKey(nodeKey)?.remove();

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","createContext","useCallback","useEffect","useMemo","useRef","baseClass","useLexicalComposerContext","useLexicalNodeSelection","mergeRegister","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","reduceFieldsToValues","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","useContext","InlineBlockComponent","props","formData","nodeKey","editor","i18n","t","fieldProps","featureClientSchemaMap","initialLexicalFormState","permissions","readOnly","schemaPath","uuidFromContext","getFormState","editDepth","setInitialState","useState","id","formState","CustomLabel","setCustomLabel","customComponents","BlockLabel","CustomBlock","setCustomBlock","Block","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","isSelected","setSelected","clearSelection","collectionSlug","getDocPreferences","globalSlug","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blocks","removeInlineBlock","update","remove","$onDelete","event","deleteSelection","preventDefault","getNodes","forEach","node","onClick","payload","target","current","contains","shiftKey","registerCommand","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","fields","docPreferences","operation","renderAllFields","signal","onChange","prevFormState","submit","controller","onFormSubmit","newData","setFields","RemoveButton","_jsx","buttonStyle","className","disabled","icon","e","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","filter","Boolean","join","ref","Label","_jsxs","beforeSubmit","disableValidationOnSubmit","onSubmit","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","programmaticSubmit","Provider","value","height","width","isEditable"],"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nconst baseClass = 'inline-block'\n\nimport type { BlocksFieldClient, FormState } 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 {\n  Button,\n  Drawer,\n  EditDepthProvider,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  ShimmerEffect,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\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'\nimport { reduceFieldsToValues } from 'payload/shared'\n\nimport './index.scss'\n\nimport { v4 as uuid } from 'uuid'\n\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\ntype Props = {\n  readonly formData: InlineBlockFields\n  readonly nodeKey: string\n}\n\ntype InlineBlockComponentContextType = {\n  EditButton?: React.FC\n  initialState: false | FormState | undefined\n  InlineBlockContainer?: React.FC<{ children: React.ReactNode }>\n  Label?: React.FC\n  nodeKey?: string\n  RemoveButton?: React.FC\n}\n\nconst InlineBlockComponentContext = createContext<InlineBlockComponentContextType>({\n  initialState: false,\n})\n\nexport const useInlineBlockComponentContext = () => React.useContext(InlineBlockComponentContext)\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 {\n    fieldProps: {\n      featureClientSchemaMap,\n      initialLexicalFormState,\n      permissions,\n      readOnly,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n  const { getFormState } = useServerFunctions()\n  const editDepth = useEditDepth()\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(\n    initialLexicalFormState?.[formData.id]?.formState,\n  )\n\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.Block,\n  )\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${formData.blockType}`\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\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const $onDelete = useCallback(\n    (event: KeyboardEvent) => {\n      const deleteSelection = $getSelection()\n      if (isSelected && $isNodeSelection(deleteSelection)) {\n        event.preventDefault()\n        editor.update(() => {\n          deleteSelection.getNodes().forEach((node) => {\n            if ($isInlineBlockNode(node)) {\n              node.remove()\n            }\n          })\n        })\n      }\n      return false\n    },\n    [editor, isSelected],\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  const onChangeAbortControllerRef = useRef(new AbortController())\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${clientBlock?.slug}.fields`\n\n  // Initial state for newly created blocks\n  useEffect(() => {\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: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        setInitialState(state)\n        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    schemaFieldsPath,\n    id,\n    formData,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n  ])\n\n  /**\n   * HANDLE ONCHANGE\n   */\n  const onChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\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        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n\n      return state\n    },\n    [getFormState, id, collectionSlug, getDocPreferences, globalSlug, schemaFieldsPath],\n  )\n  // cleanup effect\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\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        const node = $getNodeByKey(nodeKey)\n        if (node && $isInlineBlockNode(node)) {\n          node.setFields(newData)\n        }\n      })\n    },\n    [editor, nodeKey, formData],\n  )\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={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    ),\n    [blockDisplayName, readOnly, removeInlineBlock, t],\n  )\n\n  const EditButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__editButton`}\n        disabled={readOnly}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={() => {\n          toggleDrawer()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [blockDisplayName, readOnly, t, toggleDrawer],\n  )\n\n  const InlineBlockContainer = useMemo(\n    () =>\n      ({ children }: { children: React.ReactNode }) => (\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          {children}\n        </div>\n      ),\n    [formData.blockType, isSelected],\n  )\n\n  const Label = useMemo(() => {\n    if (CustomLabel) {\n      return () => CustomLabel\n    } else {\n      return () => <div>{getTranslation(clientBlock.labels!.singular, i18n)}</div>\n    }\n  }, [CustomLabel, clientBlock.labels, i18n])\n\n  return (\n    <Form\n      beforeSubmit={[\n        async ({ formState }) => {\n          // This is only called when form is submitted from drawer\n          return await onChange({ formState, submit: true })\n        },\n      ]}\n      disableValidationOnSubmit\n      fields={clientBlock.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState) => {\n        onFormSubmit(formState)\n        toggleDrawer()\n      }}\n      uuid={uuid()}\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 ? (\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      {CustomBlock ? (\n        <InlineBlockComponentContext.Provider\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {CustomBlock}\n        </InlineBlockComponentContext.Provider>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {editor.isEditable() ? (\n            <div className={`${baseClass}__actions`}>\n              <EditButton />\n              <RemoveButton />\n            </div>\n          ) : null}\n        </InlineBlockContainer>\n      )}\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","createContext","useCallback","useEffect","useMemo","useRef","baseClass","useLexicalComposerContext","useLexicalNodeSelection","mergeRegister","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","$getSelection","$isNodeSelection","CLICK_COMMAND","COMMAND_PRIORITY_LOW","KEY_BACKSPACE_COMMAND","KEY_DELETE_COMMAND","reduceFieldsToValues","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","useContext","InlineBlockComponent","props","formData","nodeKey","editor","i18n","t","fieldProps","featureClientSchemaMap","initialLexicalFormState","permissions","readOnly","schemaPath","uuidFromContext","getFormState","editDepth","hasMounted","setInitialState","useState","id","formState","CustomLabel","setCustomLabel","customComponents","BlockLabel","CustomBlock","setCustomBlock","Block","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","isSelected","setSelected","clearSelection","collectionSlug","getDocPreferences","globalSlug","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blocks","current","fields","length","removeInlineBlock","update","remove","$onDelete","event","deleteSelection","preventDefault","getNodes","forEach","node","onClick","payload","target","contains","shiftKey","registerCommand","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","docPreferences","operation","renderAllFields","signal","onChange","prevFormState","submit","controller","onFormSubmit","newData","setFields","RemoveButton","_jsx","buttonStyle","className","disabled","icon","e","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","filter","Boolean","join","ref","Label","_jsxs","beforeSubmit","disableValidationOnSubmit","onSubmit","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","programmaticSubmit","Provider","value","height","width","isEditable"],"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nconst baseClass = 'inline-block'\n\nimport type { BlocksFieldClient, FormState } 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 {\n  Button,\n  Drawer,\n  EditDepthProvider,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  ShimmerEffect,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\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'\nimport { reduceFieldsToValues } from 'payload/shared'\n\nimport './index.scss'\n\nimport { v4 as uuid } from 'uuid'\n\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\ntype Props = {\n  readonly formData: InlineBlockFields\n  readonly nodeKey: string\n}\n\ntype InlineBlockComponentContextType = {\n  EditButton?: React.FC\n  initialState: false | FormState | undefined\n  InlineBlockContainer?: React.FC<{ children: React.ReactNode }>\n  Label?: React.FC\n  nodeKey?: string\n  RemoveButton?: React.FC\n}\n\nconst InlineBlockComponentContext = createContext<InlineBlockComponentContextType>({\n  initialState: false,\n})\n\nexport const useInlineBlockComponentContext = () => React.useContext(InlineBlockComponentContext)\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 {\n    fieldProps: {\n      featureClientSchemaMap,\n      initialLexicalFormState,\n      permissions,\n      readOnly,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n  const { getFormState } = useServerFunctions()\n  const editDepth = useEditDepth()\n  const hasMounted = useRef(false)\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(\n    initialLexicalFormState?.[formData.id]?.formState,\n  )\n\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.Block,\n  )\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey)\n  const { id, collectionSlug, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${formData.blockType}`\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\n  // Open drawer on mount\n  useEffect(() => {\n    // > 2 because they always have \"id\" and \"blockName\" fields\n    if (!hasMounted.current && clientBlock.fields.length > 2) {\n      toggleDrawer()\n      hasMounted.current = true\n    }\n  }, [clientBlock, toggleDrawer])\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      const deleteSelection = $getSelection()\n      if (isSelected && $isNodeSelection(deleteSelection)) {\n        event.preventDefault()\n        editor.update(() => {\n          deleteSelection.getNodes().forEach((node) => {\n            if ($isInlineBlockNode(node)) {\n              node.remove()\n            }\n          })\n        })\n      }\n      return false\n    },\n    [editor, isSelected],\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  const onChangeAbortControllerRef = useRef(new AbortController())\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_inline_blocks.${clientBlock?.slug}.fields`\n\n  // Initial state for newly created blocks\n  useEffect(() => {\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: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        setInitialState(state)\n        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n    }\n\n    if (formData && !initialState) {\n      void awaitInitialState()\n    }\n\n    return () => {\n      abortAndIgnore(abortController)\n    }\n  }, [\n    getFormState,\n    schemaFieldsPath,\n    id,\n    formData,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n  ])\n\n  /**\n   * HANDLE ONCHANGE\n   */\n  const onChange = useCallback(\n    async ({ formState: prevFormState, submit }: { formState: FormState; submit?: boolean }) => {\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        setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n        setCustomBlock(state['_components']?.customComponents?.Block)\n      }\n\n      return state\n    },\n    [getFormState, id, collectionSlug, getDocPreferences, globalSlug, schemaFieldsPath],\n  )\n  // cleanup effect\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\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        const node = $getNodeByKey(nodeKey)\n        if (node && $isInlineBlockNode(node)) {\n          node.setFields(newData)\n        }\n      })\n    },\n    [editor, nodeKey, formData],\n  )\n\n  const RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={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    ),\n    [blockDisplayName, readOnly, removeInlineBlock, t],\n  )\n\n  const EditButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__editButton`}\n        disabled={readOnly}\n        el=\"button\"\n        icon=\"edit\"\n        onClick={() => {\n          toggleDrawer()\n        }}\n        round\n        size=\"small\"\n        tooltip={t('lexical:blocks:inlineBlocks:edit', { label: blockDisplayName })}\n      />\n    ),\n    [blockDisplayName, readOnly, t, toggleDrawer],\n  )\n\n  const InlineBlockContainer = useMemo(\n    () =>\n      ({ children }: { children: React.ReactNode }) => (\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          {children}\n        </div>\n      ),\n    [formData.blockType, isSelected],\n  )\n\n  const Label = useMemo(() => {\n    if (CustomLabel) {\n      return () => CustomLabel\n    } else {\n      return () => <div>{getTranslation(clientBlock.labels!.singular, i18n)}</div>\n    }\n  }, [CustomLabel, clientBlock.labels, i18n])\n\n  return (\n    <Form\n      beforeSubmit={[\n        async ({ formState }) => {\n          // This is only called when form is submitted from drawer\n          return await onChange({ formState, submit: true })\n        },\n      ]}\n      disableValidationOnSubmit\n      fields={clientBlock.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState) => {\n        onFormSubmit(formState)\n        toggleDrawer()\n      }}\n      uuid={uuid()}\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 ? (\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      {CustomBlock ? (\n        <InlineBlockComponentContext.Provider\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {CustomBlock}\n        </InlineBlockComponentContext.Provider>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {editor.isEditable() ? (\n            <div className={`${baseClass}__actions`}>\n              <EditButton />\n              <RemoveButton />\n            </div>\n          ) : null}\n        </InlineBlockContainer>\n      )}\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/blocks/server/validate.js

@@ -18,7 +18,7 @@ export const blockValidationHOC = blocks => {
     const block = blocks.find(block => block.slug === blockFieldData.blockType);
     // validate block
     if (!block) {
-      return 'Block not found';
+      return `Block ${blockFieldData.blockType} not found`;
     }
     /**
     * Run fieldSchemasToFormState as that properly validates block and block sub-fields

package/dist/features/blocks/server/validate.js.map

@@ -1 +1 @@
-{"version":3,"file":"validate.js","names":["fieldSchemasToFormState","blockValidationHOC","blocks","node","validation","blockFieldData","fields","options","id","collectionSlug","operation","preferences","req","block","find","slug","blockType","result","data","fieldSchemaMap","undefined","permissions","renderAllFields","schemaPath","errorPaths","fieldKey","concat","length","join"],"sources":["../../../../src/features/blocks/server/validate.ts"],"sourcesContent":["import type { Block } from 'payload'\n\nimport { fieldSchemasToFormState } from '@payloadcms/ui/forms/fieldSchemasToFormState'\n\nimport type { NodeValidation } from '../../typesServer.js'\nimport type { BlockFields, SerializedBlockNode } from './nodes/BlocksNode.js'\nimport type { SerializedInlineBlockNode } from './nodes/InlineBlocksNode.js'\n\nexport const blockValidationHOC = (\n  blocks: Block[],\n): NodeValidation<SerializedBlockNode | SerializedInlineBlockNode> => {\n  return async ({ node, validation }) => {\n    const blockFieldData = node.fields ?? ({} as BlockFields)\n\n    const {\n      options: { id, collectionSlug, operation, preferences, req },\n    } = validation\n\n    // find block\n    const block = blocks.find((block) => block.slug === blockFieldData.blockType)\n\n    // validate block\n    if (!block) {\n      return 'Block not found'\n    }\n\n    /**\n     * Run fieldSchemasToFormState as that properly validates block and block sub-fields\n     */\n\n    const result = await fieldSchemasToFormState({\n      id,\n      collectionSlug,\n      data: blockFieldData,\n      fields: block.fields,\n      fieldSchemaMap: undefined,\n      operation: operation === 'create' || operation === 'update' ? operation : 'update',\n      permissions: {},\n      preferences,\n      renderAllFields: false,\n      req,\n      schemaPath: '',\n    })\n\n    let errorPaths: string[] = []\n    for (const fieldKey in result) {\n      if (result[fieldKey].errorPaths) {\n        errorPaths = errorPaths.concat(result[fieldKey].errorPaths)\n      }\n    }\n\n    if (errorPaths.length) {\n      return 'The following fields are invalid: ' + errorPaths.join(', ')\n    }\n\n    return true\n  }\n}\n"],"mappings":"AAEA,SAASA,uBAAuB,QAAQ;AAMxC,OAAO,MAAMC,kBAAA,GACXC,MAAA;EAEA,OAAO,OAAO;IAAEC,IAAI;IAAEC;EAAU,CAAE;IAChC,MAAMC,cAAA,GAAiBF,IAAA,CAAKG,MAAM,IAAK,CAAC;IAExC,MAAM;MACJC,OAAA,EAAS;QAAEC,EAAE;QAAEC,cAAc;QAAEC,SAAS;QAAEC,WAAW;QAAEC;MAAG;IAAE,CAC7D,GAAGR,UAAA;IAEJ;IACA,MAAMS,KAAA,GAAQX,MAAA,CAAOY,IAAI,CAAED,KAAA,IAAUA,KAAA,CAAME,IAAI,KAAKV,cAAA,CAAeW,SAAS;IAE5E;IACA,IAAI,CAACH,KAAA,EAAO;MACV,OAAO;IACT;IAEA;;;IAIA,MAAMI,MAAA,GAAS,MAAMjB,uBAAA,CAAwB;MAC3CQ,EAAA;MACAC,cAAA;MACAS,IAAA,EAAMb,cAAA;MACNC,MAAA,EAAQO,KAAA,CAAMP,MAAM;MACpBa,cAAA,EAAgBC,SAAA;MAChBV,SAAA,EAAWA,SAAA,KAAc,YAAYA,SAAA,KAAc,WAAWA,SAAA,GAAY;MAC1EW,WAAA,EAAa,CAAC;MACdV,WAAA;MACAW,eAAA,EAAiB;MACjBV,GAAA;MACAW,UAAA,EAAY;IACd;IAEA,IAAIC,UAAA,GAAuB,EAAE;IAC7B,KAAK,MAAMC,QAAA,IAAYR,MAAA,EAAQ;MAC7B,IAAIA,MAAM,CAACQ,QAAA,CAAS,CAACD,UAAU,EAAE;QAC/BA,UAAA,GAAaA,UAAA,CAAWE,MAAM,CAACT,MAAM,CAACQ,QAAA,CAAS,CAACD,UAAU;MAC5D;IACF;IAEA,IAAIA,UAAA,CAAWG,MAAM,EAAE;MACrB,OAAO,uCAAuCH,UAAA,CAAWI,IAAI,CAAC;IAChE;IAEA,OAAO;EACT;AACF","ignoreList":[]}
+{"version":3,"file":"validate.js","names":["fieldSchemasToFormState","blockValidationHOC","blocks","node","validation","blockFieldData","fields","options","id","collectionSlug","operation","preferences","req","block","find","slug","blockType","result","data","fieldSchemaMap","undefined","permissions","renderAllFields","schemaPath","errorPaths","fieldKey","concat","length","join"],"sources":["../../../../src/features/blocks/server/validate.ts"],"sourcesContent":["import type { Block } from 'payload'\n\nimport { fieldSchemasToFormState } from '@payloadcms/ui/forms/fieldSchemasToFormState'\n\nimport type { NodeValidation } from '../../typesServer.js'\nimport type { BlockFields, SerializedBlockNode } from './nodes/BlocksNode.js'\nimport type { SerializedInlineBlockNode } from './nodes/InlineBlocksNode.js'\n\nexport const blockValidationHOC = (\n  blocks: Block[],\n): NodeValidation<SerializedBlockNode | SerializedInlineBlockNode> => {\n  return async ({ node, validation }) => {\n    const blockFieldData = node.fields ?? ({} as BlockFields)\n\n    const {\n      options: { id, collectionSlug, operation, preferences, req },\n    } = validation\n\n    // find block\n    const block = blocks.find((block) => block.slug === blockFieldData.blockType)\n\n    // validate block\n    if (!block) {\n      return `Block ${blockFieldData.blockType} not found`\n    }\n\n    /**\n     * Run fieldSchemasToFormState as that properly validates block and block sub-fields\n     */\n\n    const result = await fieldSchemasToFormState({\n      id,\n      collectionSlug,\n      data: blockFieldData,\n      fields: block.fields,\n      fieldSchemaMap: undefined,\n      operation: operation === 'create' || operation === 'update' ? operation : 'update',\n      permissions: {},\n      preferences,\n      renderAllFields: false,\n      req,\n      schemaPath: '',\n    })\n\n    let errorPaths: string[] = []\n    for (const fieldKey in result) {\n      if (result[fieldKey].errorPaths) {\n        errorPaths = errorPaths.concat(result[fieldKey].errorPaths)\n      }\n    }\n\n    if (errorPaths.length) {\n      return 'The following fields are invalid: ' + errorPaths.join(', ')\n    }\n\n    return true\n  }\n}\n"],"mappings":"AAEA,SAASA,uBAAuB,QAAQ;AAMxC,OAAO,MAAMC,kBAAA,GACXC,MAAA;EAEA,OAAO,OAAO;IAAEC,IAAI;IAAEC;EAAU,CAAE;IAChC,MAAMC,cAAA,GAAiBF,IAAA,CAAKG,MAAM,IAAK,CAAC;IAExC,MAAM;MACJC,OAAA,EAAS;QAAEC,EAAE;QAAEC,cAAc;QAAEC,SAAS;QAAEC,WAAW;QAAEC;MAAG;IAAE,CAC7D,GAAGR,UAAA;IAEJ;IACA,MAAMS,KAAA,GAAQX,MAAA,CAAOY,IAAI,CAAED,KAAA,IAAUA,KAAA,CAAME,IAAI,KAAKV,cAAA,CAAeW,SAAS;IAE5E;IACA,IAAI,CAACH,KAAA,EAAO;MACV,OAAO,SAASR,cAAA,CAAeW,SAAS,YAAY;IACtD;IAEA;;;IAIA,MAAMC,MAAA,GAAS,MAAMjB,uBAAA,CAAwB;MAC3CQ,EAAA;MACAC,cAAA;MACAS,IAAA,EAAMb,cAAA;MACNC,MAAA,EAAQO,KAAA,CAAMP,MAAM;MACpBa,cAAA,EAAgBC,SAAA;MAChBV,SAAA,EAAWA,SAAA,KAAc,YAAYA,SAAA,KAAc,WAAWA,SAAA,GAAY;MAC1EW,WAAA,EAAa,CAAC;MACdV,WAAA;MACAW,eAAA,EAAiB;MACjBV,GAAA;MACAW,UAAA,EAAY;IACd;IAEA,IAAIC,UAAA,GAAuB,EAAE;IAC7B,KAAK,MAAMC,QAAA,IAAYR,MAAA,EAAQ;MAC7B,IAAIA,MAAM,CAACQ,QAAA,CAAS,CAACD,UAAU,EAAE;QAC/BA,UAAA,GAAaA,UAAA,CAAWE,MAAM,CAACT,MAAM,CAACQ,QAAA,CAAS,CAACD,UAAU;MAC5D;IACF;IAEA,IAAIA,UAAA,CAAWG,MAAM,EAAE;MACrB,OAAO,uCAAuCH,UAAA,CAAWI,IAAI,CAAC;IAChE;IAEA,OAAO;EACT;AACF","ignoreList":[]}

package/dist/features/relationship/client/drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/relationship/client/drawer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAkC/D,KAAK,KAAK,GAAG;IACX,sBAAsB,EAAE,IAAI,GAAG,MAAM,EAAE,CAAA;CACxC,CAAA;AAkDD,eAAO,MAAM,kBAAkB,UAAW,KAAK,KAAG,KAAK,CAAC,SAQvD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/relationship/client/drawer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAkC/D,KAAK,KAAK,GAAG;IACX,sBAAsB,EAAE,IAAI,GAAG,MAAM,EAAE,CAAA;CACxC,CAAA;AA4CD,eAAO,MAAM,kBAAkB,UAAW,KAAK,KAAG,KAAK,CAAC,SAQvD,CAAA"}

package/dist/features/relationship/client/drawer/index.js

@@ -34,7 +34,7 @@ const insertRelationship = ({
   }
 };
 const RelationshipDrawerComponent = t0 => {
-  const $ = _c(21);
+  const $ = _c(16);
   const {
     enabledCollectionSlugs
   } = t0;
@@ -47,7 +47,7 @@ const RelationshipDrawerComponent = t0 => {
   } else {
     t1 = $[1];
   }
-  const [selectedCollectionSlug, setSelectedCollectionSlug] = useState(t1);
+  const [selectedCollectionSlug] = useState(t1);
   const [replaceNodeKey, setReplaceNodeKey] = useState(null);
   const t2 = enabledCollectionSlugs ? enabledCollectionSlugs : undefined;
   let t3;
@@ -64,7 +64,6 @@ const RelationshipDrawerComponent = t0 => {
   }
   const {
     closeListDrawer,
-    isListDrawerOpen,
     ListDrawer,
     openListDrawer
   } = useLexicalListDrawer(t3);
@@ -110,37 +109,17 @@ const RelationshipDrawerComponent = t0 => {
   }
   const onSelect = t6;
   let t7;
-  if ($[13] !== enabledCollectionSlugs) {
-    t7 = () => {
-      setSelectedCollectionSlug(enabledCollectionSlugs?.[0]);
-    };
-    $[13] = enabledCollectionSlugs;
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  let t8;
-  if ($[15] !== enabledCollectionSlugs || $[16] !== isListDrawerOpen) {
-    t8 = [isListDrawerOpen, enabledCollectionSlugs];
-    $[15] = enabledCollectionSlugs;
-    $[16] = isListDrawerOpen;
-    $[17] = t8;
-  } else {
-    t8 = $[17];
-  }
-  useEffect(t7, t8);
-  let t9;
-  if ($[18] !== ListDrawer || $[19] !== onSelect) {
-    t9 = _jsx(ListDrawer, {
+  if ($[13] !== ListDrawer || $[14] !== onSelect) {
+    t7 = _jsx(ListDrawer, {
       onSelect
     });
-    $[18] = ListDrawer;
-    $[19] = onSelect;
-    $[20] = t9;
+    $[13] = ListDrawer;
+    $[14] = onSelect;
+    $[15] = t7;
   } else {
-    t9 = $[20];
+    t7 = $[15];
   }
-  return t9;
+  return t7;
 };
 export const RelationshipDrawer = props => {
   return (props?.enabledCollectionSlugs?.length ?? -1) > 0 ? /*#__PURE__*/_jsx(RelationshipDrawerComponent, {

package/dist/features/relationship/client/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$getNodeByKey","COMMAND_PRIORITY_EDITOR","React","useCallback","useEffect","useState","useLexicalListDrawer","$createRelationshipNode","INSERT_RELATIONSHIP_COMMAND","EnabledRelationshipsCondition","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","insertRelationship","editor","relationTo","replaceNodeKey","value","dispatchCommand","update","node","replace","RelationshipDrawerComponent","t0","$","enabledCollectionSlugs","t1","selectedCollectionSlug","setSelectedCollectionSlug","setReplaceNodeKey","t2","undefined","t3","collectionSlugs","selectedCollection","closeListDrawer","isListDrawerOpen","ListDrawer","openListDrawer","t4","t5","registerCommand","payload","nodeKey","t6","t7","collectionSlug","docID","onSelect","t8","t9","_jsx","RelationshipDrawer","props","length"],"sources":["../../../../../src/features/relationship/client/drawer/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $getNodeByKey, COMMAND_PRIORITY_EDITOR } from 'lexical'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useLexicalListDrawer } from '../../../../utilities/fieldsDrawer/useLexicalListDrawer.js'\nimport { $createRelationshipNode } from '../nodes/RelationshipNode.js'\nimport { INSERT_RELATIONSHIP_COMMAND } from '../plugins/index.js'\nimport { EnabledRelationshipsCondition } from '../utils/EnabledRelationshipsCondition.js'\nimport { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from './commands.js'\n\nconst insertRelationship = ({\n  editor,\n  relationTo,\n  replaceNodeKey,\n  value,\n}: {\n  editor: LexicalEditor\n  relationTo: string\n  replaceNodeKey: null | string\n  value: number | string\n}) => {\n  if (!replaceNodeKey) {\n    editor.dispatchCommand(INSERT_RELATIONSHIP_COMMAND, {\n      relationTo,\n      value,\n    })\n  } else {\n    editor.update(() => {\n      const node = $getNodeByKey(replaceNodeKey)\n      if (node) {\n        node.replace($createRelationshipNode({ relationTo, value }))\n      }\n    })\n  }\n}\n\ntype Props = {\n  enabledCollectionSlugs: null | string[]\n}\n\nconst RelationshipDrawerComponent: React.FC<Props> = ({ enabledCollectionSlugs }) => {\n  const [editor] = useLexicalComposerContext()\n  const [selectedCollectionSlug, setSelectedCollectionSlug] = useState(\n    () => enabledCollectionSlugs?.[0],\n  )\n  const [replaceNodeKey, setReplaceNodeKey] = useState<null | string>(null)\n\n  const { closeListDrawer, isListDrawerOpen, ListDrawer, openListDrawer } = useLexicalListDrawer({\n    collectionSlugs: enabledCollectionSlugs ? enabledCollectionSlugs : undefined,\n    selectedCollection: selectedCollectionSlug,\n  })\n\n  useEffect(() => {\n    return editor.registerCommand<{\n      replace: { nodeKey: string } | false\n    }>(\n      INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND,\n      (payload) => {\n        setReplaceNodeKey(payload?.replace ? payload?.replace.nodeKey : null)\n        openListDrawer()\n        return true\n      },\n      COMMAND_PRIORITY_EDITOR,\n    )\n  }, [editor, openListDrawer])\n\n  const onSelect = useCallback(\n    ({ collectionSlug, docID }: { collectionSlug: string; docID: number | string }) => {\n      insertRelationship({\n        editor,\n        relationTo: collectionSlug,\n        replaceNodeKey,\n        value: docID,\n      })\n      closeListDrawer()\n    },\n    [editor, closeListDrawer, replaceNodeKey],\n  )\n\n  useEffect(() => {\n    // always reset back to first option\n    // TODO: this is not working, see the ListDrawer component\n    setSelectedCollectionSlug(enabledCollectionSlugs?.[0])\n  }, [isListDrawerOpen, enabledCollectionSlugs])\n\n  return <ListDrawer onSelect={onSelect} />\n}\n\nexport const RelationshipDrawer = (props: Props): React.ReactNode => {\n  return (props?.enabledCollectionSlugs?.length ?? -1) > 0 ? ( // If enabledCollectionSlugs it overrides what EnabledRelationshipsCondition is doing\n    <RelationshipDrawerComponent {...props} />\n  ) : (\n    <EnabledRelationshipsCondition {...props}>\n      <RelationshipDrawerComponent {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$getNodeByKey","COMMAND_PRIORITY_EDITOR","React","useCallback","useEffect","useState","useLexicalListDrawer","$createRelationshipNode","INSERT_RELATIONSHIP_COMMAND","EnabledRelationshipsCondition","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","insertRelationship","editor","relationTo","replaceNodeKey","value","dispatchCommand","update","node","replace","RelationshipDrawerComponent","t0","$","enabledCollectionSlugs","t1","selectedCollectionSlug","setReplaceNodeKey","t2","undefined","t3","collectionSlugs","selectedCollection","closeListDrawer","ListDrawer","openListDrawer","t4","t5","registerCommand","payload","nodeKey","t6","t7","collectionSlug","docID","onSelect","_jsx","RelationshipDrawer","props","length"],"sources":["../../../../../src/features/relationship/client/drawer/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $getNodeByKey, COMMAND_PRIORITY_EDITOR } from 'lexical'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useLexicalListDrawer } from '../../../../utilities/fieldsDrawer/useLexicalListDrawer.js'\nimport { $createRelationshipNode } from '../nodes/RelationshipNode.js'\nimport { INSERT_RELATIONSHIP_COMMAND } from '../plugins/index.js'\nimport { EnabledRelationshipsCondition } from '../utils/EnabledRelationshipsCondition.js'\nimport { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from './commands.js'\n\nconst insertRelationship = ({\n  editor,\n  relationTo,\n  replaceNodeKey,\n  value,\n}: {\n  editor: LexicalEditor\n  relationTo: string\n  replaceNodeKey: null | string\n  value: number | string\n}) => {\n  if (!replaceNodeKey) {\n    editor.dispatchCommand(INSERT_RELATIONSHIP_COMMAND, {\n      relationTo,\n      value,\n    })\n  } else {\n    editor.update(() => {\n      const node = $getNodeByKey(replaceNodeKey)\n      if (node) {\n        node.replace($createRelationshipNode({ relationTo, value }))\n      }\n    })\n  }\n}\n\ntype Props = {\n  enabledCollectionSlugs: null | string[]\n}\n\nconst RelationshipDrawerComponent: React.FC<Props> = ({ enabledCollectionSlugs }) => {\n  const [editor] = useLexicalComposerContext()\n  const [selectedCollectionSlug, setSelectedCollectionSlug] = useState(\n    () => enabledCollectionSlugs?.[0],\n  )\n  const [replaceNodeKey, setReplaceNodeKey] = useState<null | string>(null)\n\n  const { closeListDrawer, isListDrawerOpen, ListDrawer, openListDrawer } = useLexicalListDrawer({\n    collectionSlugs: enabledCollectionSlugs ? enabledCollectionSlugs : undefined,\n    selectedCollection: selectedCollectionSlug,\n  })\n\n  useEffect(() => {\n    return editor.registerCommand<{\n      replace: { nodeKey: string } | false\n    }>(\n      INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND,\n      (payload) => {\n        setReplaceNodeKey(payload?.replace ? payload?.replace.nodeKey : null)\n        openListDrawer()\n        return true\n      },\n      COMMAND_PRIORITY_EDITOR,\n    )\n  }, [editor, openListDrawer])\n\n  const onSelect = useCallback(\n    ({ collectionSlug, docID }: { collectionSlug: string; docID: number | string }) => {\n      insertRelationship({\n        editor,\n        relationTo: collectionSlug,\n        replaceNodeKey,\n        value: docID,\n      })\n      closeListDrawer()\n    },\n    [editor, closeListDrawer, replaceNodeKey],\n  )\n\n  return <ListDrawer onSelect={onSelect} />\n}\n\nexport const RelationshipDrawer = (props: Props): React.ReactNode => {\n  return (props?.enabledCollectionSlugs?.length ?? -1) > 0 ? ( // If enabledCollectionSlugs it overrides what EnabledRelationshipsCondition is doing\n    <RelationshipDrawerComponent {...props} />\n  ) : (\n    <EnabledRelationshipsCondition {...props}>\n      <RelationshipDrawerComponent {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/packages/@lexical/markdown/MarkdownExport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownExport.d.ts","sourceRoot":"","sources":["../../../../src/packages/@lexical/markdown/MarkdownExport.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAyC,MAAM,SAAS,CAAA;AAIjF,OAAO,KAAK,EAKV,WAAW,EACZ,MAAM,2BAA2B,CAAA;AAIlC;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,EAChC,sBAAsB,GAAE,OAAe,GACtC,CAAC,IAAI,CAAC,EAAE,WAAW,KAAK,MAAM,CAwChC"}
+{"version":3,"file":"MarkdownExport.d.ts","sourceRoot":"","sources":["../../../../src/packages/@lexical/markdown/MarkdownExport.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAyC,MAAM,SAAS,CAAA;AAIjF,OAAO,KAAK,EAKV,WAAW,EACZ,MAAM,2BAA2B,CAAA;AAIlC;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,EAChC,sBAAsB,GAAE,OAAe,GACtC,CAAC,IAAI,CAAC,EAAE,WAAW,KAAK,MAAM,CAmDhC"}

package/dist/packages/@lexical/markdown/MarkdownExport.js

@@ -15,7 +15,18 @@ export function createMarkdownExport(transformers, shouldPreserveNewLines = fals
   const isNewlineDelimited = !shouldPreserveNewLines;
   // Export only uses text formats that are responsible for single format
   // e.g. it will filter out *** (bold, italic) and instead use separate ** and *
-  const textFormatTransformers = byType.textFormat.filter(transformer => transformer.format.length === 1);
+  const textFormatTransformers = byType.textFormat.filter(transformer => transformer.format.length === 1) // Make sure all text transformers that contain 'code' in their format are at the end of the array. Otherwise, formatted code like
+  // <strong><code>code</code></strong> will be exported as `**Bold Code**`, as the code format will be applied first, and the bold format
+  // will be applied second and thus skipped entirely, as the code format will prevent any further formatting.
+  .sort((a, b) => {
+    if (a.format[0] === 'code' && b.format[0] !== 'code') {
+      return 1;
+    } else if (a.format[0] !== 'code' && b.format[0] === 'code') {
+      return -1;
+    } else {
+      return 0;
+    }
+  });
   return node => {
     const output = [];
     const children = (node || $getRoot()).getChildren();

package/dist/packages/@lexical/markdown/MarkdownExport.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownExport.js","names":["$getRoot","$isDecoratorNode","$isElementNode","$isLineBreakNode","$isTextNode","isEmptyParagraph","transformersByType","createMarkdownExport","transformers","shouldPreserveNewLines","byType","elementTransformers","multilineElement","element","isNewlineDelimited","textFormatTransformers","textFormat","filter","transformer","format","length","node","output","children","getChildren","i","child","result","exportTopLevelElements","textMatch","push","concat","join","textTransformersIndex","textMatchTransformers","export","_node","exportChildren","getTextContent","unclosedTags","unclosableTags","mainLoop","parentNode","textNode","textContent","exportTextFormat","textTransformers","frozenString","trim","openingTags","closingTagsBefore","closingTagsAfter","prevNode","getTextSibling","nextNode","applied","Set","tag","hasFormat","has","add","find","nodeHasFormat","nextNodeHasFormat","unhandledUnclosedTags","unclosedTag","pop","replace","backward","sibling","getPreviousSibling","getNextSibling","parent","getParentOrThrow","isInline","descendant","getLastDescendant","getFirstDescendant"],"sources":["../../../../src/packages/@lexical/markdown/MarkdownExport.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { ElementNode, LexicalNode, TextFormatType, TextNode } from 'lexical'\n\nimport { $getRoot, $isDecoratorNode, $isElementNode, $isLineBreakNode, $isTextNode } from 'lexical'\n\nimport type {\n  ElementTransformer,\n  MultilineElementTransformer,\n  TextFormatTransformer,\n  TextMatchTransformer,\n  Transformer,\n} from './MarkdownTransformers.js'\n\nimport { isEmptyParagraph, transformersByType } from './utils.js'\n\n/**\n * Renders string from markdown. The selection is moved to the start after the operation.\n */\nexport function createMarkdownExport(\n  transformers: Array<Transformer>,\n  shouldPreserveNewLines: boolean = false,\n): (node?: ElementNode) => string {\n  const byType = transformersByType(transformers)\n  const elementTransformers = [...byType.multilineElement, ...byType.element]\n  const isNewlineDelimited = !shouldPreserveNewLines\n\n  // Export only uses text formats that are responsible for single format\n  // e.g. it will filter out *** (bold, italic) and instead use separate ** and *\n  const textFormatTransformers = byType.textFormat.filter(\n    (transformer) => transformer.format.length === 1,\n  )\n\n  return (node) => {\n    const output = []\n    const children = (node || $getRoot()).getChildren()\n\n    for (let i = 0; i < children.length; i++) {\n      const child = children[i]\n      const result = exportTopLevelElements(\n        child,\n        elementTransformers,\n        textFormatTransformers,\n        byType.textMatch,\n      )\n\n      if (result != null) {\n        output.push(\n          // separate consecutive group of texts with a line break: eg. [\"hello\", \"world\"] -> [\"hello\", \"/nworld\"]\n          isNewlineDelimited &&\n            i > 0 &&\n            !isEmptyParagraph(child) &&\n            !isEmptyParagraph(children[i - 1])\n            ? '\\n'.concat(result)\n            : result,\n        )\n      }\n    }\n    // Ensure consecutive groups of texts are at least \\n\\n apart while each empty paragraph render as a newline.\n    // Eg. [\"hello\", \"\", \"\", \"hi\", \"\\nworld\"] -> \"hello\\n\\n\\nhi\\n\\nworld\"\n    return output.join('\\n')\n  }\n}\n\nfunction exportTopLevelElements(\n  node: LexicalNode,\n  elementTransformers: Array<ElementTransformer | MultilineElementTransformer>,\n  textTransformersIndex: Array<TextFormatTransformer>,\n  textMatchTransformers: Array<TextMatchTransformer>,\n): null | string {\n  for (const transformer of elementTransformers) {\n    if (!transformer.export) {\n      continue\n    }\n    const result = transformer.export(node, (_node) =>\n      exportChildren(_node, textTransformersIndex, textMatchTransformers),\n    )\n\n    if (result != null) {\n      return result\n    }\n  }\n\n  if ($isElementNode(node)) {\n    return exportChildren(node, textTransformersIndex, textMatchTransformers)\n  } else if ($isDecoratorNode(node)) {\n    return node.getTextContent()\n  } else {\n    return null\n  }\n}\n\nfunction exportChildren(\n  node: ElementNode,\n  textTransformersIndex: Array<TextFormatTransformer>,\n  textMatchTransformers: Array<TextMatchTransformer>,\n  unclosedTags?: Array<{ format: TextFormatType; tag: string }>,\n  unclosableTags?: Array<{ format: TextFormatType; tag: string }>,\n): string {\n  const output = []\n  const children = node.getChildren()\n  // keep track of unclosed tags from the very beginning\n  if (!unclosedTags) {\n    unclosedTags = []\n  }\n  if (!unclosableTags) {\n    unclosableTags = []\n  }\n\n  mainLoop: for (const child of children) {\n    for (const transformer of textMatchTransformers) {\n      if (!transformer.export) {\n        continue\n      }\n\n      const result = transformer.export(\n        child,\n        (parentNode) =>\n          exportChildren(\n            parentNode,\n            textTransformersIndex,\n            textMatchTransformers,\n            unclosedTags,\n            // Add current unclosed tags to the list of unclosable tags - we don't want nested tags from\n            // textmatch transformers to close the outer ones, as that may result in invalid markdown.\n            // E.g. **text [text**](https://lexical.io)\n            // is invalid markdown, as the closing ** is inside the link.\n            //\n            [...unclosableTags, ...unclosedTags],\n          ),\n        (textNode, textContent) =>\n          exportTextFormat(\n            textNode,\n            textContent,\n            textTransformersIndex,\n            unclosedTags,\n            unclosableTags,\n          ),\n      )\n\n      if (result != null) {\n        output.push(result)\n        continue mainLoop\n      }\n    }\n\n    if ($isLineBreakNode(child)) {\n      output.push('\\n')\n    } else if ($isTextNode(child)) {\n      output.push(\n        exportTextFormat(\n          child,\n          child.getTextContent(),\n          textTransformersIndex,\n          unclosedTags,\n          unclosableTags,\n        ),\n      )\n    } else if ($isElementNode(child)) {\n      // empty paragraph returns \"\"\n      output.push(\n        exportChildren(\n          child,\n          textTransformersIndex,\n          textMatchTransformers,\n          unclosedTags,\n          unclosableTags,\n        ),\n      )\n    } else if ($isDecoratorNode(child)) {\n      output.push(child.getTextContent())\n    }\n  }\n\n  return output.join('')\n}\n\nfunction exportTextFormat(\n  node: TextNode,\n  textContent: string,\n  textTransformers: Array<TextFormatTransformer>,\n  // unclosed tags include the markdown tags that haven't been closed yet, and their associated formats\n  unclosedTags: Array<{ format: TextFormatType; tag: string }>,\n  unclosableTags?: Array<{ format: TextFormatType; tag: string }>,\n): string {\n  // This function handles the case of a string looking like this: \"   foo   \"\n  // Where it would be invalid markdown to generate: \"**   foo   **\"\n  // We instead want to trim the whitespace out, apply formatting, and then\n  // bring the whitespace back. So our returned string looks like this: \"   **foo**   \"\n  const frozenString = textContent.trim()\n  let output = frozenString\n  // the opening tags to be added to the result\n  let openingTags = ''\n  // the closing tags to be added to the result\n  let closingTagsBefore = ''\n  let closingTagsAfter = ''\n\n  const prevNode = getTextSibling(node, true)\n  const nextNode = getTextSibling(node, false)\n\n  const applied = new Set()\n\n  for (const transformer of textTransformers) {\n    const format = transformer.format[0]\n    const tag = transformer.tag\n\n    // dedup applied formats\n    if (hasFormat(node, format) && !applied.has(format)) {\n      // Multiple tags might be used for the same format (*, _)\n      applied.add(format)\n\n      // append the tag to openningTags, if it's not applied to the previous nodes,\n      // or the nodes before that (which would result in an unclosed tag)\n      if (!hasFormat(prevNode, format) || !unclosedTags.find((element) => element.tag === tag)) {\n        unclosedTags.push({ format, tag })\n        openingTags += tag\n      }\n    }\n  }\n\n  // close any tags in the same order they were applied, if necessary\n  for (let i = 0; i < unclosedTags.length; i++) {\n    const nodeHasFormat = hasFormat(node, unclosedTags[i].format)\n    const nextNodeHasFormat = hasFormat(nextNode, unclosedTags[i].format)\n\n    // prevent adding closing tag if next sibling will do it\n    if (nodeHasFormat && nextNodeHasFormat) {\n      continue\n    }\n\n    const unhandledUnclosedTags = [...unclosedTags] // Shallow copy to avoid modifying the original array\n\n    while (unhandledUnclosedTags.length > i) {\n      const unclosedTag = unhandledUnclosedTags.pop()\n\n      // If tag is unclosable, don't close it and leave it in the original array,\n      // So that it can be closed when it's no longer unclosable\n      if (\n        unclosableTags &&\n        unclosedTag &&\n        unclosableTags.find((element) => element.tag === unclosedTag.tag)\n      ) {\n        continue\n      }\n\n      if (unclosedTag && typeof unclosedTag.tag === 'string') {\n        if (!nodeHasFormat) {\n          // Handles cases where the tag has not been closed before, e.g. if the previous node\n          // was a text match transformer that did not account for closing tags of the next node (e.g. a link)\n          closingTagsBefore += unclosedTag.tag\n        } else if (!nextNodeHasFormat) {\n          closingTagsAfter += unclosedTag.tag\n        }\n      }\n      // Mutate the original array to remove the closed tag\n      unclosedTags.pop()\n    }\n    break\n  }\n\n  output = openingTags + output + closingTagsAfter\n  // Replace trimmed version of textContent ensuring surrounding whitespace is not modified\n  return closingTagsBefore + textContent.replace(frozenString, () => output)\n}\n\n// Get next or previous text sibling a text node, including cases\n// when it's a child of inline element (e.g. link)\nfunction getTextSibling(node: TextNode, backward: boolean): null | TextNode {\n  let sibling = backward ? node.getPreviousSibling() : node.getNextSibling()\n\n  if (!sibling) {\n    const parent = node.getParentOrThrow()\n\n    if (parent.isInline()) {\n      sibling = backward ? parent.getPreviousSibling() : parent.getNextSibling()\n    }\n  }\n\n  while (sibling) {\n    if ($isElementNode(sibling)) {\n      if (!sibling.isInline()) {\n        break\n      }\n\n      const descendant = backward ? sibling.getLastDescendant() : sibling.getFirstDescendant()\n\n      if ($isTextNode(descendant)) {\n        return descendant\n      } else {\n        sibling = backward ? sibling.getPreviousSibling() : sibling.getNextSibling()\n      }\n    }\n\n    if ($isTextNode(sibling)) {\n      return sibling\n    }\n\n    if (!$isElementNode(sibling)) {\n      return null\n    }\n  }\n\n  return null\n}\n\nfunction hasFormat(node: LexicalNode | null | undefined, format: TextFormatType): boolean {\n  return $isTextNode(node) && node.hasFormat(format)\n}\n"],"mappings":"AAAA;;;;;;GAUA,SAASA,QAAQ,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,gBAAgB,EAAEC,WAAW,QAAQ;AAU1F,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ;AAErD;;;AAGA,OAAO,SAASC,qBACdC,YAAgC,EAChCC,sBAAA,GAAkC,KAAK;EAEvC,MAAMC,MAAA,GAASJ,kBAAA,CAAmBE,YAAA;EAClC,MAAMG,mBAAA,GAAsB,C,GAAID,MAAA,CAAOE,gBAAgB,E,GAAKF,MAAA,CAAOG,OAAO,CAAC;EAC3E,MAAMC,kBAAA,GAAqB,CAACL,sBAAA;EAE5B;EACA;EACA,MAAMM,sBAAA,GAAyBL,MAAA,CAAOM,UAAU,CAACC,MAAM,CACpDC,WAAA,IAAgBA,WAAA,CAAYC,MAAM,CAACC,MAAM,KAAK;EAGjD,OAAQC,IAAA;IACN,MAAMC,MAAA,GAAS,EAAE;IACjB,MAAMC,QAAA,GAAW,CAACF,IAAA,IAAQrB,QAAA,EAAS,EAAGwB,WAAW;IAEjD,KAAK,IAAIC,CAAA,GAAI,GAAGA,CAAA,GAAIF,QAAA,CAASH,MAAM,EAAEK,CAAA,IAAK;MACxC,MAAMC,KAAA,GAAQH,QAAQ,CAACE,CAAA,CAAE;MACzB,MAAME,MAAA,GAASC,sBAAA,CACbF,KAAA,EACAf,mBAAA,EACAI,sBAAA,EACAL,MAAA,CAAOmB,SAAS;MAGlB,IAAIF,MAAA,IAAU,MAAM;QAClBL,MAAA,CAAOQ,IAAI;QACT;QACAhB,kBAAA,IACEW,CAAA,GAAI,KACJ,CAACpB,gBAAA,CAAiBqB,KAAA,KAClB,CAACrB,gBAAA,CAAiBkB,QAAQ,CAACE,CAAA,GAAI,EAAE,IAC/B,KAAKM,MAAM,CAACJ,MAAA,IACZA,MAAA;MAER;IACF;IACA;IACA;IACA,OAAOL,MAAA,CAAOU,IAAI,CAAC;EACrB;AACF;AAEA,SAASJ,uBACPP,IAAiB,EACjBV,mBAA4E,EAC5EsB,qBAAmD,EACnDC,qBAAkD;EAElD,KAAK,MAAMhB,WAAA,IAAeP,mBAAA,EAAqB;IAC7C,IAAI,CAACO,WAAA,CAAYiB,MAAM,EAAE;MACvB;IACF;IACA,MAAMR,MAAA,GAAST,WAAA,CAAYiB,MAAM,CAACd,IAAA,EAAOe,KAAA,IACvCC,cAAA,CAAeD,KAAA,EAAOH,qBAAA,EAAuBC,qBAAA;IAG/C,IAAIP,MAAA,IAAU,MAAM;MAClB,OAAOA,MAAA;IACT;EACF;EAEA,IAAIzB,cAAA,CAAemB,IAAA,GAAO;IACxB,OAAOgB,cAAA,CAAehB,IAAA,EAAMY,qBAAA,EAAuBC,qBAAA;EACrD,OAAO,IAAIjC,gBAAA,CAAiBoB,IAAA,GAAO;IACjC,OAAOA,IAAA,CAAKiB,cAAc;EAC5B,OAAO;IACL,OAAO;EACT;AACF;AAEA,SAASD,eACPhB,IAAiB,EACjBY,qBAAmD,EACnDC,qBAAkD,EAClDK,YAA6D,EAC7DC,cAA+D;EAE/D,MAAMlB,MAAA,GAAS,EAAE;EACjB,MAAMC,QAAA,GAAWF,IAAA,CAAKG,WAAW;EACjC;EACA,IAAI,CAACe,YAAA,EAAc;IACjBA,YAAA,GAAe,EAAE;EACnB;EACA,IAAI,CAACC,cAAA,EAAgB;IACnBA,cAAA,GAAiB,EAAE;EACrB;EAEAC,QAAA,EAAU,KAAK,MAAMf,KAAA,IAASH,QAAA,EAAU;IACtC,KAAK,MAAML,WAAA,IAAegB,qBAAA,EAAuB;MAC/C,IAAI,CAAChB,WAAA,CAAYiB,MAAM,EAAE;QACvB;MACF;MAEA,MAAMR,MAAA,GAAST,WAAA,CAAYiB,MAAM,CAC/BT,KAAA,EACCgB,UAAA,IACCL,cAAA,CACEK,UAAA,EACAT,qBAAA,EACAC,qBAAA,EACAK,YAAA;MACA;MACA;MACA;MACA;MACA;MACA,C,GAAIC,cAAA,E,GAAmBD,YAAA,CAAa,GAExC,CAACI,QAAA,EAAUC,WAAA,KACTC,gBAAA,CACEF,QAAA,EACAC,WAAA,EACAX,qBAAA,EACAM,YAAA,EACAC,cAAA;MAIN,IAAIb,MAAA,IAAU,MAAM;QAClBL,MAAA,CAAOQ,IAAI,CAACH,MAAA;QACZ,SAASc,QAAA;MACX;IACF;IAEA,IAAItC,gBAAA,CAAiBuB,KAAA,GAAQ;MAC3BJ,MAAA,CAAOQ,IAAI,CAAC;IACd,OAAO,IAAI1B,WAAA,CAAYsB,KAAA,GAAQ;MAC7BJ,MAAA,CAAOQ,IAAI,CACTe,gBAAA,CACEnB,KAAA,EACAA,KAAA,CAAMY,cAAc,IACpBL,qBAAA,EACAM,YAAA,EACAC,cAAA;IAGN,OAAO,IAAItC,cAAA,CAAewB,KAAA,GAAQ;MAChC;MACAJ,MAAA,CAAOQ,IAAI,CACTO,cAAA,CACEX,KAAA,EACAO,qBAAA,EACAC,qBAAA,EACAK,YAAA,EACAC,cAAA;IAGN,OAAO,IAAIvC,gBAAA,CAAiByB,KAAA,GAAQ;MAClCJ,MAAA,CAAOQ,IAAI,CAACJ,KAAA,CAAMY,cAAc;IAClC;EACF;EAEA,OAAOhB,MAAA,CAAOU,IAAI,CAAC;AACrB;AAEA,SAASa,iBACPxB,IAAc,EACduB,WAAmB,EACnBE,gBAA8C;AAC9C;AACAP,YAA4D,EAC5DC,cAA+D;EAE/D;EACA;EACA;EACA;EACA,MAAMO,YAAA,GAAeH,WAAA,CAAYI,IAAI;EACrC,IAAI1B,MAAA,GAASyB,YAAA;EACb;EACA,IAAIE,WAAA,GAAc;EAClB;EACA,IAAIC,iBAAA,GAAoB;EACxB,IAAIC,gBAAA,GAAmB;EAEvB,MAAMC,QAAA,GAAWC,cAAA,CAAehC,IAAA,EAAM;EACtC,MAAMiC,QAAA,GAAWD,cAAA,CAAehC,IAAA,EAAM;EAEtC,MAAMkC,OAAA,GAAU,IAAIC,GAAA;EAEpB,KAAK,MAAMtC,WAAA,IAAe4B,gBAAA,EAAkB;IAC1C,MAAM3B,MAAA,GAASD,WAAA,CAAYC,MAAM,CAAC,EAAE;IACpC,MAAMsC,GAAA,GAAMvC,WAAA,CAAYuC,GAAG;IAE3B;IACA,IAAIC,SAAA,CAAUrC,IAAA,EAAMF,MAAA,KAAW,CAACoC,OAAA,CAAQI,GAAG,CAACxC,MAAA,GAAS;MACnD;MACAoC,OAAA,CAAQK,GAAG,CAACzC,MAAA;MAEZ;MACA;MACA,IAAI,CAACuC,SAAA,CAAUN,QAAA,EAAUjC,MAAA,KAAW,CAACoB,YAAA,CAAasB,IAAI,CAAEhD,OAAA,IAAYA,OAAA,CAAQ4C,GAAG,KAAKA,GAAA,GAAM;QACxFlB,YAAA,CAAaT,IAAI,CAAC;UAAEX,MAAA;UAAQsC;QAAI;QAChCR,WAAA,IAAeQ,GAAA;MACjB;IACF;EACF;EAEA;EACA,KAAK,IAAIhC,CAAA,GAAI,GAAGA,CAAA,GAAIc,YAAA,CAAanB,MAAM,EAAEK,CAAA,IAAK;IAC5C,MAAMqC,aAAA,GAAgBJ,SAAA,CAAUrC,IAAA,EAAMkB,YAAY,CAACd,CAAA,CAAE,CAACN,MAAM;IAC5D,MAAM4C,iBAAA,GAAoBL,SAAA,CAAUJ,QAAA,EAAUf,YAAY,CAACd,CAAA,CAAE,CAACN,MAAM;IAEpE;IACA,IAAI2C,aAAA,IAAiBC,iBAAA,EAAmB;MACtC;IACF;IAEA,MAAMC,qBAAA,GAAwB,C,GAAIzB,YAAA,CAAa,CAAC;IAAA;IAEhD,OAAOyB,qBAAA,CAAsB5C,MAAM,GAAGK,CAAA,EAAG;MACvC,MAAMwC,WAAA,GAAcD,qBAAA,CAAsBE,GAAG;MAE7C;MACA;MACA,IACE1B,cAAA,IACAyB,WAAA,IACAzB,cAAA,CAAeqB,IAAI,CAAEhD,OAAA,IAAYA,OAAA,CAAQ4C,GAAG,KAAKQ,WAAA,CAAYR,GAAG,GAChE;QACA;MACF;MAEA,IAAIQ,WAAA,IAAe,OAAOA,WAAA,CAAYR,GAAG,KAAK,UAAU;QACtD,IAAI,CAACK,aAAA,EAAe;UAClB;UACA;UACAZ,iBAAA,IAAqBe,WAAA,CAAYR,GAAG;QACtC,OAAO,IAAI,CAACM,iBAAA,EAAmB;UAC7BZ,gBAAA,IAAoBc,WAAA,CAAYR,GAAG;QACrC;MACF;MACA;MACAlB,YAAA,CAAa2B,GAAG;IAClB;IACA;EACF;EAEA5C,MAAA,GAAS2B,WAAA,GAAc3B,MAAA,GAAS6B,gBAAA;EAChC;EACA,OAAOD,iBAAA,GAAoBN,WAAA,CAAYuB,OAAO,CAACpB,YAAA,EAAc,MAAMzB,MAAA;AACrE;AAEA;AACA;AACA,SAAS+B,eAAehC,IAAc,EAAE+C,QAAiB;EACvD,IAAIC,OAAA,GAAUD,QAAA,GAAW/C,IAAA,CAAKiD,kBAAkB,KAAKjD,IAAA,CAAKkD,cAAc;EAExE,IAAI,CAACF,OAAA,EAAS;IACZ,MAAMG,MAAA,GAASnD,IAAA,CAAKoD,gBAAgB;IAEpC,IAAID,MAAA,CAAOE,QAAQ,IAAI;MACrBL,OAAA,GAAUD,QAAA,GAAWI,MAAA,CAAOF,kBAAkB,KAAKE,MAAA,CAAOD,cAAc;IAC1E;EACF;EAEA,OAAOF,OAAA,EAAS;IACd,IAAInE,cAAA,CAAemE,OAAA,GAAU;MAC3B,IAAI,CAACA,OAAA,CAAQK,QAAQ,IAAI;QACvB;MACF;MAEA,MAAMC,UAAA,GAAaP,QAAA,GAAWC,OAAA,CAAQO,iBAAiB,KAAKP,OAAA,CAAQQ,kBAAkB;MAEtF,IAAIzE,WAAA,CAAYuE,UAAA,GAAa;QAC3B,OAAOA,UAAA;MACT,OAAO;QACLN,OAAA,GAAUD,QAAA,GAAWC,OAAA,CAAQC,kBAAkB,KAAKD,OAAA,CAAQE,cAAc;MAC5E;IACF;IAEA,IAAInE,WAAA,CAAYiE,OAAA,GAAU;MACxB,OAAOA,OAAA;IACT;IAEA,IAAI,CAACnE,cAAA,CAAemE,OAAA,GAAU;MAC5B,OAAO;IACT;EACF;EAEA,OAAO;AACT;AAEA,SAASX,UAAUrC,IAAoC,EAAEF,MAAsB;EAC7E,OAAOf,WAAA,CAAYiB,IAAA,KAASA,IAAA,CAAKqC,SAAS,CAACvC,MAAA;AAC7C","ignoreList":[]}
+{"version":3,"file":"MarkdownExport.js","names":["$getRoot","$isDecoratorNode","$isElementNode","$isLineBreakNode","$isTextNode","isEmptyParagraph","transformersByType","createMarkdownExport","transformers","shouldPreserveNewLines","byType","elementTransformers","multilineElement","element","isNewlineDelimited","textFormatTransformers","textFormat","filter","transformer","format","length","sort","a","b","node","output","children","getChildren","i","child","result","exportTopLevelElements","textMatch","push","concat","join","textTransformersIndex","textMatchTransformers","export","_node","exportChildren","getTextContent","unclosedTags","unclosableTags","mainLoop","parentNode","textNode","textContent","exportTextFormat","textTransformers","frozenString","trim","openingTags","closingTagsBefore","closingTagsAfter","prevNode","getTextSibling","nextNode","applied","Set","tag","hasFormat","has","add","find","nodeHasFormat","nextNodeHasFormat","unhandledUnclosedTags","unclosedTag","pop","replace","backward","sibling","getPreviousSibling","getNextSibling","parent","getParentOrThrow","isInline","descendant","getLastDescendant","getFirstDescendant"],"sources":["../../../../src/packages/@lexical/markdown/MarkdownExport.ts"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { ElementNode, LexicalNode, TextFormatType, TextNode } from 'lexical'\n\nimport { $getRoot, $isDecoratorNode, $isElementNode, $isLineBreakNode, $isTextNode } from 'lexical'\n\nimport type {\n  ElementTransformer,\n  MultilineElementTransformer,\n  TextFormatTransformer,\n  TextMatchTransformer,\n  Transformer,\n} from './MarkdownTransformers.js'\n\nimport { isEmptyParagraph, transformersByType } from './utils.js'\n\n/**\n * Renders string from markdown. The selection is moved to the start after the operation.\n */\nexport function createMarkdownExport(\n  transformers: Array<Transformer>,\n  shouldPreserveNewLines: boolean = false,\n): (node?: ElementNode) => string {\n  const byType = transformersByType(transformers)\n  const elementTransformers = [...byType.multilineElement, ...byType.element]\n  const isNewlineDelimited = !shouldPreserveNewLines\n\n  // Export only uses text formats that are responsible for single format\n  // e.g. it will filter out *** (bold, italic) and instead use separate ** and *\n  const textFormatTransformers = byType.textFormat\n    .filter((transformer) => transformer.format.length === 1)\n    // Make sure all text transformers that contain 'code' in their format are at the end of the array. Otherwise, formatted code like\n    // <strong><code>code</code></strong> will be exported as `**Bold Code**`, as the code format will be applied first, and the bold format\n    // will be applied second and thus skipped entirely, as the code format will prevent any further formatting.\n    .sort((a, b) => {\n      if (a.format[0] === 'code' && b.format[0] !== 'code') {\n        return 1\n      } else if (a.format[0] !== 'code' && b.format[0] === 'code') {\n        return -1\n      } else {\n        return 0\n      }\n    })\n\n  return (node) => {\n    const output = []\n    const children = (node || $getRoot()).getChildren()\n\n    for (let i = 0; i < children.length; i++) {\n      const child = children[i]\n      const result = exportTopLevelElements(\n        child,\n        elementTransformers,\n        textFormatTransformers,\n        byType.textMatch,\n      )\n\n      if (result != null) {\n        output.push(\n          // separate consecutive group of texts with a line break: eg. [\"hello\", \"world\"] -> [\"hello\", \"/nworld\"]\n          isNewlineDelimited &&\n            i > 0 &&\n            !isEmptyParagraph(child) &&\n            !isEmptyParagraph(children[i - 1])\n            ? '\\n'.concat(result)\n            : result,\n        )\n      }\n    }\n    // Ensure consecutive groups of texts are at least \\n\\n apart while each empty paragraph render as a newline.\n    // Eg. [\"hello\", \"\", \"\", \"hi\", \"\\nworld\"] -> \"hello\\n\\n\\nhi\\n\\nworld\"\n    return output.join('\\n')\n  }\n}\n\nfunction exportTopLevelElements(\n  node: LexicalNode,\n  elementTransformers: Array<ElementTransformer | MultilineElementTransformer>,\n  textTransformersIndex: Array<TextFormatTransformer>,\n  textMatchTransformers: Array<TextMatchTransformer>,\n): null | string {\n  for (const transformer of elementTransformers) {\n    if (!transformer.export) {\n      continue\n    }\n    const result = transformer.export(node, (_node) =>\n      exportChildren(_node, textTransformersIndex, textMatchTransformers),\n    )\n\n    if (result != null) {\n      return result\n    }\n  }\n\n  if ($isElementNode(node)) {\n    return exportChildren(node, textTransformersIndex, textMatchTransformers)\n  } else if ($isDecoratorNode(node)) {\n    return node.getTextContent()\n  } else {\n    return null\n  }\n}\n\nfunction exportChildren(\n  node: ElementNode,\n  textTransformersIndex: Array<TextFormatTransformer>,\n  textMatchTransformers: Array<TextMatchTransformer>,\n  unclosedTags?: Array<{ format: TextFormatType; tag: string }>,\n  unclosableTags?: Array<{ format: TextFormatType; tag: string }>,\n): string {\n  const output = []\n  const children = node.getChildren()\n  // keep track of unclosed tags from the very beginning\n  if (!unclosedTags) {\n    unclosedTags = []\n  }\n  if (!unclosableTags) {\n    unclosableTags = []\n  }\n\n  mainLoop: for (const child of children) {\n    for (const transformer of textMatchTransformers) {\n      if (!transformer.export) {\n        continue\n      }\n\n      const result = transformer.export(\n        child,\n        (parentNode) =>\n          exportChildren(\n            parentNode,\n            textTransformersIndex,\n            textMatchTransformers,\n            unclosedTags,\n            // Add current unclosed tags to the list of unclosable tags - we don't want nested tags from\n            // textmatch transformers to close the outer ones, as that may result in invalid markdown.\n            // E.g. **text [text**](https://lexical.io)\n            // is invalid markdown, as the closing ** is inside the link.\n            //\n            [...unclosableTags, ...unclosedTags],\n          ),\n        (textNode, textContent) =>\n          exportTextFormat(\n            textNode,\n            textContent,\n            textTransformersIndex,\n            unclosedTags,\n            unclosableTags,\n          ),\n      )\n\n      if (result != null) {\n        output.push(result)\n        continue mainLoop\n      }\n    }\n\n    if ($isLineBreakNode(child)) {\n      output.push('\\n')\n    } else if ($isTextNode(child)) {\n      output.push(\n        exportTextFormat(\n          child,\n          child.getTextContent(),\n          textTransformersIndex,\n          unclosedTags,\n          unclosableTags,\n        ),\n      )\n    } else if ($isElementNode(child)) {\n      // empty paragraph returns \"\"\n      output.push(\n        exportChildren(\n          child,\n          textTransformersIndex,\n          textMatchTransformers,\n          unclosedTags,\n          unclosableTags,\n        ),\n      )\n    } else if ($isDecoratorNode(child)) {\n      output.push(child.getTextContent())\n    }\n  }\n\n  return output.join('')\n}\n\nfunction exportTextFormat(\n  node: TextNode,\n  textContent: string,\n  textTransformers: Array<TextFormatTransformer>,\n  // unclosed tags include the markdown tags that haven't been closed yet, and their associated formats\n  unclosedTags: Array<{ format: TextFormatType; tag: string }>,\n  unclosableTags?: Array<{ format: TextFormatType; tag: string }>,\n): string {\n  // This function handles the case of a string looking like this: \"   foo   \"\n  // Where it would be invalid markdown to generate: \"**   foo   **\"\n  // We instead want to trim the whitespace out, apply formatting, and then\n  // bring the whitespace back. So our returned string looks like this: \"   **foo**   \"\n  const frozenString = textContent.trim()\n  let output = frozenString\n  // the opening tags to be added to the result\n  let openingTags = ''\n  // the closing tags to be added to the result\n  let closingTagsBefore = ''\n  let closingTagsAfter = ''\n\n  const prevNode = getTextSibling(node, true)\n  const nextNode = getTextSibling(node, false)\n\n  const applied = new Set()\n\n  for (const transformer of textTransformers) {\n    const format = transformer.format[0]\n    const tag = transformer.tag\n\n    // dedup applied formats\n    if (hasFormat(node, format) && !applied.has(format)) {\n      // Multiple tags might be used for the same format (*, _)\n      applied.add(format)\n\n      // append the tag to openningTags, if it's not applied to the previous nodes,\n      // or the nodes before that (which would result in an unclosed tag)\n      if (!hasFormat(prevNode, format) || !unclosedTags.find((element) => element.tag === tag)) {\n        unclosedTags.push({ format, tag })\n        openingTags += tag\n      }\n    }\n  }\n\n  // close any tags in the same order they were applied, if necessary\n  for (let i = 0; i < unclosedTags.length; i++) {\n    const nodeHasFormat = hasFormat(node, unclosedTags[i].format)\n    const nextNodeHasFormat = hasFormat(nextNode, unclosedTags[i].format)\n\n    // prevent adding closing tag if next sibling will do it\n    if (nodeHasFormat && nextNodeHasFormat) {\n      continue\n    }\n\n    const unhandledUnclosedTags = [...unclosedTags] // Shallow copy to avoid modifying the original array\n\n    while (unhandledUnclosedTags.length > i) {\n      const unclosedTag = unhandledUnclosedTags.pop()\n\n      // If tag is unclosable, don't close it and leave it in the original array,\n      // So that it can be closed when it's no longer unclosable\n      if (\n        unclosableTags &&\n        unclosedTag &&\n        unclosableTags.find((element) => element.tag === unclosedTag.tag)\n      ) {\n        continue\n      }\n\n      if (unclosedTag && typeof unclosedTag.tag === 'string') {\n        if (!nodeHasFormat) {\n          // Handles cases where the tag has not been closed before, e.g. if the previous node\n          // was a text match transformer that did not account for closing tags of the next node (e.g. a link)\n          closingTagsBefore += unclosedTag.tag\n        } else if (!nextNodeHasFormat) {\n          closingTagsAfter += unclosedTag.tag\n        }\n      }\n      // Mutate the original array to remove the closed tag\n      unclosedTags.pop()\n    }\n    break\n  }\n\n  output = openingTags + output + closingTagsAfter\n  // Replace trimmed version of textContent ensuring surrounding whitespace is not modified\n  return closingTagsBefore + textContent.replace(frozenString, () => output)\n}\n\n// Get next or previous text sibling a text node, including cases\n// when it's a child of inline element (e.g. link)\nfunction getTextSibling(node: TextNode, backward: boolean): null | TextNode {\n  let sibling = backward ? node.getPreviousSibling() : node.getNextSibling()\n\n  if (!sibling) {\n    const parent = node.getParentOrThrow()\n\n    if (parent.isInline()) {\n      sibling = backward ? parent.getPreviousSibling() : parent.getNextSibling()\n    }\n  }\n\n  while (sibling) {\n    if ($isElementNode(sibling)) {\n      if (!sibling.isInline()) {\n        break\n      }\n\n      const descendant = backward ? sibling.getLastDescendant() : sibling.getFirstDescendant()\n\n      if ($isTextNode(descendant)) {\n        return descendant\n      } else {\n        sibling = backward ? sibling.getPreviousSibling() : sibling.getNextSibling()\n      }\n    }\n\n    if ($isTextNode(sibling)) {\n      return sibling\n    }\n\n    if (!$isElementNode(sibling)) {\n      return null\n    }\n  }\n\n  return null\n}\n\nfunction hasFormat(node: LexicalNode | null | undefined, format: TextFormatType): boolean {\n  return $isTextNode(node) && node.hasFormat(format)\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-lexical",
-  "version": "3.14.0",
+  "version": "3.14.1-canary.2776826",
   "description": "The officially supported Lexical richtext adapter for Payload",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -352,8 +352,8 @@
     "react-error-boundary": "4.1.2",
     "ts-essentials": "10.0.3",
     "uuid": "10.0.0",
-    "@payloadcms/translations": "3.14.0",
-    "@payloadcms/ui": "3.14.0"
+    "@payloadcms/translations": "3.14.1-canary.2776826",
+    "@payloadcms/ui": "3.14.1-canary.2776826"
   },
   "devDependencies": {
     "@babel/cli": "7.25.9",
@@ -374,7 +374,7 @@
     "eslint-plugin-react-compiler": "19.0.0-beta-df7b47d-20241124",
     "swc-plugin-transform-remove-imports": "2.0.0",
     "@payloadcms/eslint-config": "3.9.0",
-    "payload": "3.14.0"
+    "payload": "3.14.1-canary.2776826"
   },
   "peerDependencies": {
     "@faceless-ui/modal": "3.0.0-beta.2",
@@ -392,8 +392,8 @@
     "lexical": "0.20.0",
     "react": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
     "react-dom": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
-    "@payloadcms/next": "3.14.0",
-    "payload": "3.14.0"
+    "@payloadcms/next": "3.14.1-canary.2776826",
+    "payload": "3.14.1-canary.2776826"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"

package/dist/exports/client/chunk-4J2ONJMB.js

@@ -1,2 +0,0 @@
-import{a as Z}from"./chunk-INBEEENE.js";import{b as X}from"./chunk-CUIBIFW2.js";import{jsx as i,jsxs as I,Fragment as he}from"react/jsx-runtime";import w,{createContext as _e,useCallback as k,useEffect as T,useMemo as N,useRef as ee}from"react";import{useLexicalComposerContext as Be}from"@lexical/react/LexicalComposerContext";import{useLexicalNodeSelection as De}from"@lexical/react/useLexicalNodeSelection";import{mergeRegister as ye}from"@lexical/utils";import{getTranslation as te}from"@payloadcms/translations";import{Button as ne,Drawer as Ie,EditDepthProvider as Ne,Form as we,formatDrawerSlug as ve,FormSubmit as Fe,RenderFields as Oe,ShimmerEffect as $e,useDocumentInfo as Ee,useEditDepth as Pe,useServerFunctions as Me,useTranslation as Le}from"@payloadcms/ui";import{abortAndIgnore as A}from"@payloadcms/ui/shared";import{$getNodeByKey as oe,$getSelection as Te,$isNodeSelection as Ae,CLICK_COMMAND as Re,COMMAND_PRIORITY_LOW as R,KEY_BACKSPACE_COMMAND as je,KEY_DELETE_COMMAND as Ke}from"lexical";import{reduceFieldsToValues as Je}from"payload/shared";import{v4 as ze}from"uuid";import{jsx as ke}from"react/jsx-runtime";import ge from"bson-objectid";import Ce from"react";import pe from"bson-objectid";import{DecoratorNode as fe}from"lexical";var b=class extends fe{__fields;constructor({fields:e,key:n}){super(n),this.__fields=e}static clone(e){return new this({fields:e.__fields,key:e.__key})}static getType(){return"inlineBlock"}static importDOM(){return{}}static importJSON(e){return be(e.fields)}static isInline(){return!1}canIndent(){return!0}createDOM(){let e=document.createElement("span");return e.classList.add("inline-block-container"),e}decorate(e,n){return null}exportDOM(){let e=document.createElement("span");e.classList.add("inline-block-container");let n=document.createTextNode(this.getTextContent());return e.append(n),{element:e}}exportJSON(){return{type:"inlineBlock",fields:this.getFields(),version:1}}getFields(){return this.getLatest().__fields}getTextContent(){return"Block Field"}isInline(){return!0}setFields(e){let n=this.getWritable();n.__fields=e}updateDOM(){return!1}};function be(r){return new b({fields:{...r,id:r?.id||new pe.default().toHexString()}})}var xe=Ce.lazy(()=>import("./componentInline-B5YNOX32.js").then(r=>({default:r.InlineBlockComponent}))),y=class extends b{static clone(e){return super.clone(e)}static getType(){return super.getType()}static importJSON(e){return Se(e.fields)}decorate(e,n){return ke(xe,{formData:this.getFields(),nodeKey:this.getKey()})}exportJSON(){return super.exportJSON()}};function Se(r){return new y({fields:{...r,id:r?.id||new ge.default().toHexString()}})}function L(r){return r instanceof y}var m="inline-block",re=_e({initialState:!1}),ft=()=>w.useContext(re),bt=r=>{let{formData:e,nodeKey:n}=r,[s]=Be(),{i18n:v,t:d}=Le(),{fieldProps:{featureClientSchemaMap:le,initialLexicalFormState:ie,permissions:se,readOnly:g,schemaPath:j},uuid:ce}=X(),{getFormState:C}=Me(),ae=Pe(),[c,ue]=w.useState(ie?.[e.id]?.formState),[F,K]=w.useState(c?._components?.customComponents?.BlockLabel),[J,z]=w.useState(c?._components?.customComponents?.Block),Y=ve({slug:`lexical-inlineBlocks-create-${ce}-${e.id}`,depth:ae}),{toggleDrawer:O}=Z(Y,!0),$=ee(null),[a,x,E]=De(n),{id:S,collectionSlug:h,getDocPreferences:_,globalSlug:B}=Ee(),de=`${j}.lexical_internal_feature.blocks.lexical_inline_blocks.${e.blockType}`,u=le.blocks[de][0].blocks[0],H=k(()=>{s.update(()=>{oe(n)?.remove()})},[s,n]),P=k(t=>{let l=Te();return a&&Ae(l)&&(t.preventDefault(),s.update(()=>{l.getNodes().forEach(o=>{L(o)&&o.remove()})})),!1},[s,a]),V=k(t=>{let l=t;return l.target===$.current||$.current?.contains(l.target)?(l.shiftKey?x(!a):a||(E(),x(!0)),!0):!1},[a,x,E]);T(()=>ye(s.registerCommand(Re,V,R),s.registerCommand(Ke,P,R),s.registerCommand(je,P,R)),[E,s,a,n,P,x,V]);let p=u?.labels?.singular?te(u.labels.singular,v):u?.slug,M=ee(new AbortController),f=`${j}.lexical_internal_feature.blocks.lexical_inline_blocks.${u?.slug}.fields`;T(()=>{let t=new AbortController;return e&&!c&&(async()=>{let{state:o}=await C({id:S,collectionSlug:h,data:e,docPermissions:{fields:!0},docPreferences:await _(),globalSlug:B,operation:"update",renderAllFields:!0,schemaPath:f,signal:t.signal});o&&(ue(o),K(o._components?.customComponents?.BlockLabel),z(o._components?.customComponents?.Block))})(),()=>{A(t)}},[C,f,S,e,c,h,B,_]);let W=k(async({formState:t,submit:l})=>{A(M.current);let o=new AbortController;M.current=o;let{state:D}=await C({id:S,collectionSlug:h,docPermissions:{fields:!0},docPreferences:await _(),formState:t,globalSlug:B,operation:"update",renderAllFields:!!l,schemaPath:f,signal:o.signal});return D?(l&&(K(D._components?.customComponents?.BlockLabel),z(D._components?.customComponents?.Block)),D):t},[C,S,h,_,B,f]);T(()=>()=>{A(M.current)},[]);let me=k(t=>{let l=Je(t);l.blockType=e.blockType,s.update(()=>{let o=oe(n);o&&L(o)&&o.setFields(l)})},[s,n,e]),q=N(()=>()=>i(ne,{buttonStyle:"icon-label",className:`${m}__removeButton`,disabled:g,icon:"x",onClick:t=>{t.preventDefault(),H()},round:!0,size:"small",tooltip:d("lexical:blocks:inlineBlocks:remove",{label:p})}),[p,g,H,d]),G=N(()=>()=>i(ne,{buttonStyle:"icon-label",className:`${m}__editButton`,disabled:g,el:"button",icon:"edit",onClick:()=>{O()},round:!0,size:"small",tooltip:d("lexical:blocks:inlineBlocks:edit",{label:p})}),[p,g,d,O]),Q=N(()=>({children:t})=>i("div",{className:[m,m+"-"+e.blockType,a&&`${m}--selected`].filter(Boolean).join(" "),ref:$,children:t}),[e.blockType,a]),U=N(()=>F?()=>F:()=>i("div",{children:te(u.labels.singular,v)}),[F,u.labels,v]);return I(we,{beforeSubmit:[async({formState:t})=>await W({formState:t,submit:!0})],disableValidationOnSubmit:!0,fields:u.fields,initialState:c||{},onChange:[W],onSubmit:t=>{me(t),O()},uuid:ze(),children:[i(Ne,{children:i(Ie,{className:"",slug:Y,title:d(`lexical:blocks:inlineBlocks:${e?.id?"edit":"create"}`,{label:p??d("lexical:blocks:inlineBlocks:label")}),children:c?I(he,{children:[i(Oe,{fields:u.fields,forceRender:!0,parentIndexPath:"",parentPath:"",parentSchemaPath:f,permissions:se,readOnly:!1}),i(Fe,{programmaticSubmit:!0,children:d("fields:saveChanges")})]}):null})}),J?i(re.Provider,{value:{EditButton:G,initialState:c,InlineBlockContainer:Q,Label:U,nodeKey:n,RemoveButton:q},children:J}):I(Q,{children:[c?i(U,{}):i($e,{height:"15px",width:"40px"}),s.isEditable()?I("div",{className:`${m}__actions`,children:[i(G,{}),i(q,{})]}):null]})]})};export{ft as a,bt as b,y as c,Se as d,L as e};
-//# sourceMappingURL=chunk-4J2ONJMB.js.map