@payloadcms/richtext-lexical 3.14.0 → 3.14.1-canary.1bb19f3

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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,aAAa,EAAEC,uBAAuB,QAAQ;AACvD,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAExD,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,uCAAuC,QAAQ;AAExD,MAAMC,kBAAA,GAAqBA,CAAC;EAC1BC,MAAM;EACNC,UAAU;EACVC,cAAc;EACdC;AAAK,CAMN;EACC,IAAI,CAACD,cAAA,EAAgB;IACnBF,MAAA,CAAOI,eAAe,CAACR,2BAAA,EAA6B;MAClDK,UAAA;MACAE;IACF;EACF,OAAO;IACLH,MAAA,CAAOK,MAAM,CAAC;MACZ,MAAMC,IAAA,GAAOlB,aAAA,CAAcc,cAAA;MAC3B,IAAII,IAAA,EAAM;QACRA,IAAA,CAAKC,OAAO,CAACZ,uBAAA,CAAwB;UAAEM,UAAA;UAAYE;QAAM;MAC3D;IACF;EACF;AACF;AAMA,MAAMK,2BAAA,GAA+CC,EAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EAAC;IAAAyB;EAAA,IAAAF,EAA0B;EAC9E,OAAAT,MAAA,IAAiBb,yBAAA;EAAA,IAAAyB,EAAA;EAAA,IAAAF,CAAA,QAAAC,sBAAA;IAEfC,EAAA,GAAAA,CAAA,KAAMD,sBAAA;IAA2BD,CAAA,MAAAC,sBAAA;IAAAD,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EADnC,OAAAG,sBAAA,EAAAC,yBAAA,IAA4DrB,QAAA,CAC1DmB,EAAiC;EAEnC,OAAAV,cAAA,EAAAa,iBAAA,IAA4CtB,QAAA,KAAwB;EAGjD,MAAAuB,EAAA,GAAAL,sBAAA,GAAyBA,sBAAA,GAAAM,SAAyB;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAG,sBAAA,IAAAH,CAAA,QAAAM,EAAA;IAD0BE,EAAA;MAAAC,eAAA,EAC5EH,EAAkD;MAAAI,kBAAA,EAC/CP;IAAA;IACtBH,CAAA,MAAAG,sBAAA;IAAAH,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAHA;IAAAW,eAAA;IAAAC,gBAAA;IAAAC,UAAA;IAAAC;EAAA,IAA0E9B,oBAAA,CAAqBwB,EAG/F;EAAA,IAAAO,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAV,MAAA,IAAAU,CAAA,QAAAc,cAAA;IAEUC,EAAA,GAAAA,CAAA,KACDzB,MAAA,CAAA2B,eAAA,CAAA7B,uCAAA,EAAA8B,OAAA;MAKHb,iBAAA,CAAkBa,OAAA,EAAArB,OAAA,GAAmBqB,OAAA,EAAArB,OAAA,CAAAsB,OAAA,OAA2B;MAChEL,cAAA;MAAA;IAAA,GAAAnC,uBAGF;IAEDqC,EAAA,IAAC1B,MAAA,EAAQwB,cAAA;IAAed,CAAA,MAAAV,MAAA;IAAAU,CAAA,MAAAc,cAAA;IAAAd,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAD,EAAA,GAAAf,CAAA;IAAAgB,EAAA,GAAAhB,CAAA;EAAA;EAZ3BlB,SAAA,CAAUiC,EAYV,EAAGC,EAAwB;EAAA,IAAAI,EAAA;EAAA,IAAApB,CAAA,QAAAW,eAAA,IAAAX,CAAA,SAAAV,MAAA,IAAAU,CAAA,SAAAR,cAAA;IAGzB4B,EAAA,GAAAC,EAAA;MAAC;QAAAC,cAAA;QAAAC;MAAA,IAAAF,EAA6E;MAC5EhC,kBAAA;QAAAC,MAAA;QAAAC,UAAA,EAEc+B,cAAA;QAAA9B,cAAA;QAAAC,KAAA,EAEL8B;MAAA,CACT;MACAZ,eAAA;IAAA;IACFX,CAAA,MAAAW,eAAA;IAAAX,CAAA,OAAAV,MAAA;IAAAU,CAAA,OAAAR,cAAA;IAAAQ,CAAA,OAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EATF,MAAAwB,QAAA,GAAiBJ,EAU0B;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,SAAAC,sBAAA;IAGjCoB,EAAA,GAAAA,CAAA;MAGRjB,yBAAA,CAA0BH,sBAAA,KAA2B;IAAA;IACvDD,CAAA,OAAAC,sBAAA;IAAAD,CAAA,OAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAA,IAAAyB,EAAA;EAAA,IAAAzB,CAAA,SAAAC,sBAAA,IAAAD,CAAA,SAAAY,gBAAA;IAAGa,EAAA,IAACb,gBAAA,EAAkBX,sBAAA;IAAuBD,CAAA,OAAAC,sBAAA;IAAAD,CAAA,OAAAY,gBAAA;IAAAZ,CAAA,OAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EAJ7ClB,SAAA,CAAUuC,EAIV,EAAGI,EAA0C;EAAA,IAAAC,EAAA;EAAA,IAAA1B,CAAA,SAAAa,UAAA,IAAAb,CAAA,SAAAwB,QAAA;IAEtCE,EAAA,GAAAC,IAAA,CAACd,UAAA;MAAAW;IAAA,C;;;;;;;SAADE,E;CACT;AAEA,OAAO,MAAME,kBAAA,GAAsBC,KAAA;EACjC,OAAO,CAACA,KAAA,EAAO5B,sBAAA,EAAwB6B,MAAA,IAAU,CAAC,KAAK,iBACrDH,IAAA,CAAC7B,2BAAA;IAA6B,GAAG+B;oBAEjCF,IAAA,CAACxC,6BAAA;IAA+B,GAAG0C,KAAK;cACtC,aAAAF,IAAA,CAAC7B,2BAAA;MAA6B,GAAG+B;;;AAGvC","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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-lexical",
-  "version": "3.14.0",
+  "version": "3.14.1-canary.1bb19f3",
   "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.1bb19f3",
+    "@payloadcms/ui": "3.14.1-canary.1bb19f3"
   },
   "devDependencies": {
     "@babel/cli": "7.25.9",
@@ -373,8 +373,8 @@
     "esbuild-sass-plugin": "3.3.1",
     "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.1bb19f3",
+    "@payloadcms/eslint-config": "3.9.0"
   },
   "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.1bb19f3",
+    "payload": "3.14.1-canary.1bb19f3"
   },
   "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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/features/blocks/client/componentInline/index.tsx", "../../../src/features/blocks/client/nodes/InlineBlocksNode.tsx", "../../../src/features/blocks/server/nodes/InlineBlocksNode.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", "'use client'\nimport type { EditorConfig, LexicalEditor, LexicalNode } from 'lexical'\n\nimport ObjectID from 'bson-objectid'\nimport React, { type JSX } from 'react'\n\nimport type {\n  InlineBlockFields,\n  SerializedInlineBlockNode,\n} from '../../server/nodes/InlineBlocksNode.js'\n\nimport { ServerInlineBlockNode } from '../../server/nodes/InlineBlocksNode.js'\n\nconst InlineBlockComponent = React.lazy(() =>\n  import('../componentInline/index.js').then((module) => ({\n    default: module.InlineBlockComponent,\n  })),\n)\n\nexport class InlineBlockNode extends ServerInlineBlockNode {\n  static clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return super.clone(node)\n  }\n\n  static getType(): string {\n    return super.getType()\n  }\n\n  static importJSON(serializedNode: SerializedInlineBlockNode): InlineBlockNode {\n    const node = $createInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element {\n    return <InlineBlockComponent formData={this.getFields()} nodeKey={this.getKey()} />\n  }\n\n  exportJSON(): SerializedInlineBlockNode {\n    return super.exportJSON()\n  }\n}\n\nexport function $createInlineBlockNode(fields: Exclude<InlineBlockFields, 'id'>): InlineBlockNode {\n  return new InlineBlockNode({\n    fields: {\n      ...fields,\n      id: fields?.id || new ObjectID.default().toHexString(),\n    },\n  })\n}\n\nexport function $isInlineBlockNode(\n  node: InlineBlockNode | LexicalNode | null | undefined,\n): node is InlineBlockNode {\n  return node instanceof InlineBlockNode\n}\n", "import type {\n  DOMConversionMap,\n  DOMExportOutput,\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n  NodeKey,\n  SerializedLexicalNode,\n  Spread,\n} from 'lexical'\nimport type { JsonObject } from 'payload'\nimport type React from 'react'\nimport type { JSX } from 'react'\n\nimport ObjectID from 'bson-objectid'\nimport { DecoratorNode } from 'lexical'\n\nexport type InlineBlockFields<TInlineBlockFields extends JsonObject = JsonObject> = {\n  blockType: string\n  id: string\n} & TInlineBlockFields\n\nexport type SerializedInlineBlockNode<TBlockFields extends JsonObject = JsonObject> = Spread<\n  {\n    children?: never // required so that our typed editor state doesn't automatically add children\n    fields: InlineBlockFields<TBlockFields>\n    type: 'inlineBlock'\n  },\n  SerializedLexicalNode\n>\n\nexport class ServerInlineBlockNode extends DecoratorNode<null | React.ReactElement> {\n  __fields: InlineBlockFields\n\n  constructor({ fields, key }: { fields: InlineBlockFields; key?: NodeKey }) {\n    super(key)\n    this.__fields = fields\n  }\n\n  static clone(node: ServerInlineBlockNode): ServerInlineBlockNode {\n    return new this({\n      fields: node.__fields,\n      key: node.__key,\n    })\n  }\n\n  static getType(): string {\n    return 'inlineBlock'\n  }\n\n  static importDOM(): DOMConversionMap<HTMLDivElement> | null {\n    return {}\n  }\n\n  static importJSON(serializedNode: SerializedInlineBlockNode): ServerInlineBlockNode {\n    const node = $createServerInlineBlockNode(serializedNode.fields)\n    return node\n  }\n\n  static isInline(): false {\n    return false\n  }\n\n  canIndent() {\n    return true\n  }\n  createDOM() {\n    const element = document.createElement('span')\n    element.classList.add('inline-block-container')\n\n    return element\n  }\n\n  decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element | null {\n    return null\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('span')\n    element.classList.add('inline-block-container')\n\n    const text = document.createTextNode(this.getTextContent())\n    element.append(text)\n    return { element }\n  }\n\n  exportJSON(): SerializedInlineBlockNode {\n    return {\n      type: 'inlineBlock',\n      fields: this.getFields(),\n      version: 1,\n    }\n  }\n\n  getFields(): InlineBlockFields {\n    return this.getLatest().__fields\n  }\n\n  getTextContent(): string {\n    return `Block Field`\n  }\n\n  isInline() {\n    return true\n  }\n\n  setFields(fields: InlineBlockFields): void {\n    const writable = this.getWritable()\n    writable.__fields = fields\n  }\n\n  updateDOM(): boolean {\n    return false\n  }\n}\n\nexport function $createServerInlineBlockNode(\n  fields: Exclude<InlineBlockFields, 'id'>,\n): ServerInlineBlockNode {\n  return new ServerInlineBlockNode({\n    fields: {\n      ...fields,\n      id: fields?.id || new ObjectID.default().toHexString(),\n    },\n  })\n}\n\nexport function $isServerInlineBlockNode(\n  node: LexicalNode | null | ServerInlineBlockNode | undefined,\n): node is ServerInlineBlockNode {\n  return node instanceof ServerInlineBlockNode\n}\n"],
-  "mappings": "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",
-  "names": ["React", "createContext", "useCallback", "useEffect", "useMemo", "useRef", "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", "ObjectID", "React", "ObjectID", "DecoratorNode", "ServerInlineBlockNode", "__fields", "constructor", "fields", "key", "clone", "node", "__key", "getType", "importDOM", "importJSON", "serializedNode", "$createServerInlineBlockNode", "isInline", "canIndent", "createDOM", "element", "document", "createElement", "classList", "add", "decorate", "editor", "config", "exportDOM", "text", "createTextNode", "getTextContent", "append", "exportJSON", "type", "getFields", "version", "getLatest", "setFields", "writable", "getWritable", "updateDOM", "id", "default", "toHexString", "InlineBlockComponent", "React", "lazy", "then", "module", "default", "InlineBlockNode", "ServerInlineBlockNode", "clone", "node", "getType", "importJSON", "serializedNode", "$createInlineBlockNode", "fields", "decorate", "editor", "config", "_jsx", "formData", "getFields", "nodeKey", "getKey", "exportJSON", "id", "ObjectID", "toHexString", "$isInlineBlockNode", "baseClass", "InlineBlockComponentContext", "createContext", "initialState", "useInlineBlockComponentContext", "React", "useContext", "InlineBlockComponent", "props", "formData", "nodeKey", "editor", "useLexicalComposerContext", "i18n", "t", "useTranslation", "fieldProps", "featureClientSchemaMap", "initialLexicalFormState", "permissions", "readOnly", "schemaPath", "uuid", "uuidFromContext", "useEditorConfigContext", "getFormState", "useServerFunctions", "editDepth", "useEditDepth", "setInitialState", "useState", "id", "formState", "CustomLabel", "setCustomLabel", "customComponents", "BlockLabel", "CustomBlock", "setCustomBlock", "Block", "drawerSlug", "formatDrawerSlug", "slug", "depth", "toggleDrawer", "useLexicalDrawer", "inlineBlockElemElemRef", "useRef", "isSelected", "setSelected", "clearSelection", "useLexicalNodeSelection", "collectionSlug", "getDocPreferences", "globalSlug", "useDocumentInfo", "componentMapRenderedBlockPath", "blockType", "clientBlock", "blocks", "removeInlineBlock", "useCallback", "update", "$getNodeByKey", "remove", "$onDelete", "event", "deleteSelection", "$getSelection", "$isNodeSelection", "preventDefault", "getNodes", "forEach", "node", "$isInlineBlockNode", "onClick", "payload", "target", "current", "contains", "shiftKey", "useEffect", "mergeRegister", "registerCommand", "CLICK_COMMAND", "COMMAND_PRIORITY_LOW", "KEY_DELETE_COMMAND", "KEY_BACKSPACE_COMMAND", "blockDisplayName", "labels", "singular", "getTranslation", "onChangeAbortControllerRef", "AbortController", "schemaFieldsPath", "abortController", "state", "data", "docPermissions", "fields", "docPreferences", "operation", "renderAllFields", "signal", "abortAndIgnore", "onChange", "prevFormState", "submit", "controller", "onFormSubmit", "newData", "reduceFieldsToValues", "setFields", "RemoveButton", "useMemo", "_jsx", "Button", "buttonStyle", "className", "disabled", "icon", "e", "round", "size", "tooltip", "label", "EditButton", "el", "InlineBlockContainer", "children", "filter", "Boolean", "join", "ref", "Label", "_jsxs", "Form", "beforeSubmit", "disableValidationOnSubmit", "onSubmit", "EditDepthProvider", "Drawer", "title", "_Fragment", "RenderFields", "forceRender", "parentIndexPath", "parentPath", "parentSchemaPath", "FormSubmit", "programmaticSubmit", "Provider", "value", "ShimmerEffect", "height", "width", "isEditable"]
-}

package/dist/exports/client/componentInline-B5YNOX32.js

@@ -1,2 +0,0 @@
-"use client";import{a,b}from"./chunk-4J2ONJMB.js";import"./chunk-INBEEENE.js";import"./chunk-CUIBIFW2.js";export{b as InlineBlockComponent,a as useInlineBlockComponentContext};
-//# sourceMappingURL=componentInline-B5YNOX32.js.map