@payloadcms/richtext-lexical 3.2.2-canary.6fb5cd8 → 3.2.2-canary.a11698b

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","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,\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>{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","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,\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":[]}

package/dist/features/indent/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/indent/client/index.tsx"],"names":[],"mappings":"AAwDA,eAAO,MAAM,mBAAmB,oFAO9B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/indent/client/index.tsx"],"names":[],"mappings":"AAyDA,eAAO,MAAM,mBAAmB,oFAa9B,CAAA"}

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

@@ -4,6 +4,7 @@ import { INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND } from 'lexical';
 import { IndentDecreaseIcon } from '../../../lexical/ui/icons/IndentDecrease/index.js';
 import { IndentIncreaseIcon } from '../../../lexical/ui/icons/IndentIncrease/index.js';
 import { createClientFeature } from '../../../utilities/createClientFeature.js';
+import { IndentPlugin } from './plugins/index.js';
 import { toolbarIndentGroupWithItems } from './toolbarIndentGroup.js';
 const toolbarGroups = [toolbarIndentGroupWithItems([{
   ChildComponent: IndentDecreaseIcon,
@@ -52,6 +53,10 @@ const toolbarGroups = [toolbarIndentGroupWithItems([{
   order: 2
 }])];
 export const IndentFeatureClient = createClientFeature({
+  plugins: [{
+    Component: IndentPlugin,
+    position: 'normal'
+  }],
   toolbarFixed: {
     groups: toolbarGroups
   },

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["INDENT_CONTENT_COMMAND","OUTDENT_CONTENT_COMMAND","IndentDecreaseIcon","IndentIncreaseIcon","createClientFeature","toolbarIndentGroupWithItems","toolbarGroups","ChildComponent","isActive","isEnabled","selection","getNodes","length","node","parent","getParentOrThrow","__indent","key","label","i18n","t","onSelect","editor","dispatchCommand","undefined","order","IndentFeatureClient","toolbarFixed","groups","toolbarInline"],"sources":["../../../../src/features/indent/client/index.tsx"],"sourcesContent":["'use client'\n\nimport { INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\n\nimport { IndentDecreaseIcon } from '../../../lexical/ui/icons/IndentDecrease/index.js'\nimport { IndentIncreaseIcon } from '../../../lexical/ui/icons/IndentIncrease/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { toolbarIndentGroupWithItems } from './toolbarIndentGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarIndentGroupWithItems([\n    {\n      ChildComponent: IndentDecreaseIcon,\n      isActive: () => false,\n      isEnabled: ({ selection }) => {\n        if (!selection || !selection?.getNodes()?.length) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          const parent = node.getParentOrThrow()\n          // If at least one node is indented, this should be active\n          if (\n            ('__indent' in node && (node.__indent as number) > 0) ||\n            ('__indent' in parent && parent.__indent > 0)\n          ) {\n            return true\n          }\n        }\n        return false\n      },\n      key: 'indentDecrease',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:indent:decreaseLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined)\n      },\n      order: 1,\n    },\n    {\n      ChildComponent: IndentIncreaseIcon,\n      isActive: () => false,\n      key: 'indentIncrease',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:indent:increaseLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined)\n      },\n      order: 2,\n    },\n  ]),\n]\n\nexport const IndentFeatureClient = createClientFeature({\n  toolbarFixed: {\n    groups: toolbarGroups,\n  },\n  toolbarInline: {\n    groups: toolbarGroups,\n  },\n})\n"],"mappings":"AAAA;;AAEA,SAASA,sBAAsB,EAAEC,uBAAuB,QAAQ;AAIhE,SAASC,kBAAkB,QAAQ;AACnC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,2BAA2B,QAAQ;AAE5C,MAAMC,aAAA,GAAgC,CACpCD,2BAAA,CAA4B,CAC1B;EACEE,cAAA,EAAgBL,kBAAA;EAChBM,QAAA,EAAUA,CAAA,KAAM;EAChBC,SAAA,EAAWA,CAAC;IAAEC;EAAS,CAAE;IACvB,IAAI,CAACA,SAAA,IAAa,CAACA,SAAA,EAAWC,QAAA,IAAYC,MAAA,EAAQ;MAChD,OAAO;IACT;IACA,KAAK,MAAMC,IAAA,IAAQH,SAAA,CAAUC,QAAQ,IAAI;MACvC,MAAMG,MAAA,GAASD,IAAA,CAAKE,gBAAgB;MACpC;MACA,IACE,UAAC,IAAcF,IAAA,IAAQA,IAAC,CAAKG,QAAQ,GAAc,KAClD,cAAcF,MAAA,IAAUA,MAAA,CAAOE,QAAQ,GAAG,GAC3C;QACA,OAAO;MACT;IACF;IACA,OAAO;EACT;EACAC,GAAA,EAAK;EACLC,KAAA,EAAOA,CAAC;IAAEC;EAAI,CAAE;IACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;EAChB;EACAC,QAAA,EAAUA,CAAC;IAAEC;EAAM,CAAE;IACnBA,MAAA,CAAOC,eAAe,CAACtB,uBAAA,EAAyBuB,SAAA;EAClD;EACAC,KAAA,EAAO;AACT,GACA;EACElB,cAAA,EAAgBJ,kBAAA;EAChBK,QAAA,EAAUA,CAAA,KAAM;EAChBS,GAAA,EAAK;EACLC,KAAA,EAAOA,CAAC;IAAEC;EAAI,CAAE;IACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;EAChB;EACAC,QAAA,EAAUA,CAAC;IAAEC;EAAM,CAAE;IACnBA,MAAA,CAAOC,eAAe,CAACvB,sBAAA,EAAwBwB,SAAA;EACjD;EACAC,KAAA,EAAO;AACT,EACD,EACF;AAED,OAAO,MAAMC,mBAAA,GAAsBtB,mBAAA,CAAoB;EACrDuB,YAAA,EAAc;IACZC,MAAA,EAAQtB;EACV;EACAuB,aAAA,EAAe;IACbD,MAAA,EAAQtB;EACV;AACF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["INDENT_CONTENT_COMMAND","OUTDENT_CONTENT_COMMAND","IndentDecreaseIcon","IndentIncreaseIcon","createClientFeature","IndentPlugin","toolbarIndentGroupWithItems","toolbarGroups","ChildComponent","isActive","isEnabled","selection","getNodes","length","node","parent","getParentOrThrow","__indent","key","label","i18n","t","onSelect","editor","dispatchCommand","undefined","order","IndentFeatureClient","plugins","Component","position","toolbarFixed","groups","toolbarInline"],"sources":["../../../../src/features/indent/client/index.tsx"],"sourcesContent":["'use client'\n\nimport { INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND } from 'lexical'\n\nimport type { ToolbarGroup } from '../../toolbars/types.js'\n\nimport { IndentDecreaseIcon } from '../../../lexical/ui/icons/IndentDecrease/index.js'\nimport { IndentIncreaseIcon } from '../../../lexical/ui/icons/IndentIncrease/index.js'\nimport { createClientFeature } from '../../../utilities/createClientFeature.js'\nimport { IndentPlugin } from './plugins/index.js'\nimport { toolbarIndentGroupWithItems } from './toolbarIndentGroup.js'\n\nconst toolbarGroups: ToolbarGroup[] = [\n  toolbarIndentGroupWithItems([\n    {\n      ChildComponent: IndentDecreaseIcon,\n      isActive: () => false,\n      isEnabled: ({ selection }) => {\n        if (!selection || !selection?.getNodes()?.length) {\n          return false\n        }\n        for (const node of selection.getNodes()) {\n          const parent = node.getParentOrThrow()\n          // If at least one node is indented, this should be active\n          if (\n            ('__indent' in node && (node.__indent as number) > 0) ||\n            ('__indent' in parent && parent.__indent > 0)\n          ) {\n            return true\n          }\n        }\n        return false\n      },\n      key: 'indentDecrease',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:indent:decreaseLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined)\n      },\n      order: 1,\n    },\n    {\n      ChildComponent: IndentIncreaseIcon,\n      isActive: () => false,\n      key: 'indentIncrease',\n      label: ({ i18n }) => {\n        return i18n.t('lexical:indent:increaseLabel')\n      },\n      onSelect: ({ editor }) => {\n        editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined)\n      },\n      order: 2,\n    },\n  ]),\n]\n\nexport const IndentFeatureClient = createClientFeature({\n  plugins: [\n    {\n      Component: IndentPlugin,\n      position: 'normal',\n    },\n  ],\n  toolbarFixed: {\n    groups: toolbarGroups,\n  },\n  toolbarInline: {\n    groups: toolbarGroups,\n  },\n})\n"],"mappings":"AAAA;;AAEA,SAASA,sBAAsB,EAAEC,uBAAuB,QAAQ;AAIhE,SAASC,kBAAkB,QAAQ;AACnC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,YAAY,QAAQ;AAC7B,SAASC,2BAA2B,QAAQ;AAE5C,MAAMC,aAAA,GAAgC,CACpCD,2BAAA,CAA4B,CAC1B;EACEE,cAAA,EAAgBN,kBAAA;EAChBO,QAAA,EAAUA,CAAA,KAAM;EAChBC,SAAA,EAAWA,CAAC;IAAEC;EAAS,CAAE;IACvB,IAAI,CAACA,SAAA,IAAa,CAACA,SAAA,EAAWC,QAAA,IAAYC,MAAA,EAAQ;MAChD,OAAO;IACT;IACA,KAAK,MAAMC,IAAA,IAAQH,SAAA,CAAUC,QAAQ,IAAI;MACvC,MAAMG,MAAA,GAASD,IAAA,CAAKE,gBAAgB;MACpC;MACA,IACE,UAAC,IAAcF,IAAA,IAAQA,IAAC,CAAKG,QAAQ,GAAc,KAClD,cAAcF,MAAA,IAAUA,MAAA,CAAOE,QAAQ,GAAG,GAC3C;QACA,OAAO;MACT;IACF;IACA,OAAO;EACT;EACAC,GAAA,EAAK;EACLC,KAAA,EAAOA,CAAC;IAAEC;EAAI,CAAE;IACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;EAChB;EACAC,QAAA,EAAUA,CAAC;IAAEC;EAAM,CAAE;IACnBA,MAAA,CAAOC,eAAe,CAACvB,uBAAA,EAAyBwB,SAAA;EAClD;EACAC,KAAA,EAAO;AACT,GACA;EACElB,cAAA,EAAgBL,kBAAA;EAChBM,QAAA,EAAUA,CAAA,KAAM;EAChBS,GAAA,EAAK;EACLC,KAAA,EAAOA,CAAC;IAAEC;EAAI,CAAE;IACd,OAAOA,IAAA,CAAKC,CAAC,CAAC;EAChB;EACAC,QAAA,EAAUA,CAAC;IAAEC;EAAM,CAAE;IACnBA,MAAA,CAAOC,eAAe,CAACxB,sBAAA,EAAwByB,SAAA;EACjD;EACAC,KAAA,EAAO;AACT,EACD,EACF;AAED,OAAO,MAAMC,mBAAA,GAAsBvB,mBAAA,CAAoB;EACrDwB,OAAA,EAAS,CACP;IACEC,SAAA,EAAWxB,YAAA;IACXyB,QAAA,EAAU;EACZ,EACD;EACDC,YAAA,EAAc;IACZC,MAAA,EAAQzB;EACV;EACA0B,aAAA,EAAe;IACbD,MAAA,EAAQzB;EACV;AACF","ignoreList":[]}

package/dist/features/indent/client/plugins/index.d.ts

@@ -0,0 +1,3 @@
+import type { PluginComponent } from '../../../typesClient.js';
+export declare const IndentPlugin: PluginComponent<undefined>;
+//# sourceMappingURL=index.d.ts.map

package/dist/features/indent/client/plugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/indent/client/plugins/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAE9D,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,SAAS,CAkDnD,CAAA"}

package/dist/features/indent/client/plugins/index.js

@@ -0,0 +1,73 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
+import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin';
+import { mergeRegister } from '@lexical/utils';
+import { COMMAND_PRIORITY_NORMAL, FOCUS_COMMAND, KEY_ESCAPE_COMMAND } from 'lexical';
+import { useEffect, useState } from 'react';
+export const IndentPlugin = () => {
+  const $ = _c(8);
+  const [editor] = useLexicalComposerContext();
+  const [firefoxFlag, setFirefoxFlag] = useState(false);
+  let t0;
+  let t1;
+  if ($[0] !== editor) {
+    t0 = () => mergeRegister(editor.registerCommand(FOCUS_COMMAND, () => {
+      setFirefoxFlag(false);
+      return true;
+    }, COMMAND_PRIORITY_NORMAL), editor.registerCommand(KEY_ESCAPE_COMMAND, () => {
+      setFirefoxFlag(true);
+      editor.getRootElement()?.blur();
+      return true;
+    }, COMMAND_PRIORITY_NORMAL));
+    t1 = [editor, setFirefoxFlag];
+    $[0] = editor;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  let t2;
+  let t3;
+  if ($[3] !== firefoxFlag || $[4] !== editor) {
+    t2 = () => {
+      if (!firefoxFlag) {
+        return;
+      }
+      const handleKeyDown = e => {
+        if (!["Escape", "Shift"].includes(e.key)) {
+          setFirefoxFlag(false);
+        }
+        if (e.shiftKey && e.key === "Tab") {
+          editor.getRootElement()?.parentElement?.focus();
+        }
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+      };
+    };
+    t3 = [editor, firefoxFlag];
+    $[3] = firefoxFlag;
+    $[4] = editor;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = _jsx(TabIndentationPlugin, {});
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  return t4;
+};
+//# sourceMappingURL=index.js.map

package/dist/features/indent/client/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","TabIndentationPlugin","mergeRegister","COMMAND_PRIORITY_NORMAL","FOCUS_COMMAND","KEY_ESCAPE_COMMAND","useEffect","useState","IndentPlugin","$","editor","firefoxFlag","setFirefoxFlag","t0","t1","registerCommand","getRootElement","blur","t2","t3","handleKeyDown","e","includes","key","shiftKey","parentElement","focus","document","addEventListener","removeEventListener","t4","Symbol","for","_jsx"],"sources":["../../../../../src/features/indent/client/plugins/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin'\nimport { mergeRegister } from '@lexical/utils'\nimport { COMMAND_PRIORITY_NORMAL, FOCUS_COMMAND, KEY_ESCAPE_COMMAND } from 'lexical'\nimport { useEffect, useState } from 'react'\n\nimport type { PluginComponent } from '../../../typesClient.js'\n\nexport const IndentPlugin: PluginComponent<undefined> = () => {\n  const [editor] = useLexicalComposerContext()\n\n  const [firefoxFlag, setFirefoxFlag] = useState<boolean>(false)\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand<MouseEvent>(\n        FOCUS_COMMAND,\n        () => {\n          setFirefoxFlag(false)\n          return true\n        },\n        COMMAND_PRIORITY_NORMAL,\n      ),\n      editor.registerCommand(\n        KEY_ESCAPE_COMMAND,\n        () => {\n          setFirefoxFlag(true)\n          editor.getRootElement()?.blur()\n          return true\n        },\n        COMMAND_PRIORITY_NORMAL,\n      ),\n    )\n  }, [editor, setFirefoxFlag])\n\n  useEffect(() => {\n    if (!firefoxFlag) {\n      return\n    }\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (!['Escape', 'Shift'].includes(e.key)) {\n        setFirefoxFlag(false)\n      }\n      // Pressing Shift+Tab after blurring refocuses the editor in Firefox\n      // we focus parent to allow exiting the editor\n      if (e.shiftKey && e.key === 'Tab') {\n        editor.getRootElement()?.parentElement?.focus()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [editor, firefoxFlag])\n\n  return <TabIndentationPlugin />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,uBAAuB,EAAEC,aAAa,EAAEC,kBAAkB,QAAQ;AAC3E,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAIpC,OAAO,MAAMC,YAAA,GAA2CA,CAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACtD,OAAAW,MAAA,IAAiBV,yBAAA;EAEjB,OAAAW,WAAA,EAAAC,cAAA,IAAsCL,QAAA,MAAkB;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAC,MAAA;IAE9CG,EAAA,GAAAA,CAAA,KACDX,aAAA,CACLQ,MAAA,CAAAK,eAAA,CAAAX,aAAA;MAGIQ,cAAA,MAAe;MAAA;IAAA,GAAAT,uBAGjB,GAEFO,MAAA,CAAAK,eAAA,CAAAV,kBAAA;MAGIO,cAAA,KAAe;MACfF,MAAA,CAAAM,cAAA,CAAqB,GAAAC,IAAA;MAAA;IAAA,GAAAd,uBAGvB;IAGHW,EAAA,IAACJ,MAAA,EAAQE,cAAA;IAAeH,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EApB3BH,SAAA,CAAUO,EAoBV,EAAGC,EAAwB;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAC,MAAA;IAEjBQ,EAAA,GAAAA,CAAA;MAAA,KACHP,WAAA;QAAA;MAAA;MAIL,MAAAS,aAAA,GAAAC,CAAA;QAAA,KACO,CAAC,UAAU,SAAAC,QAAA,CAAkBD,CAAA,CAAAE,GAAK;UACrCX,cAAA,MAAe;QAAA;QAAA,IAIbS,CAAA,CAAAG,QAAA,IAAcH,CAAA,CAAAE,GAAA,KAAU;UAC1Bb,MAAA,CAAAM,cAAA,CAAqB,GAAAS,aAAA,EAAAC,KAAA;QAAA;MAAA;MAIzBC,QAAA,CAAAC,gBAAA,CAA0B,WAAWR,aAAA;MAAA;QAEnCO,QAAA,CAAAE,mBAAA,CAA6B,WAAWT,aAAA;MAAA;IAAA;IAEzCD,EAAA,IAACT,MAAA,EAAQC,WAAA;IAAYF,CAAA,MAAAE,WAAA;IAAAF,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EApBxBH,SAAA,CAAUY,EAoBV,EAAGC,EAAqB;EAAA,IAAAW,EAAA;EAAA,IAAArB,CAAA,QAAAsB,MAAA,CAAAC,GAAA;IAEjBF,EAAA,GAAAG,IAAA,CAAAhC,oBAAA,IAAC;IAAAQ,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAAA,OAADqB,EAAC;AAAA,CACV","ignoreList":[]}

package/dist/lexical/LexicalEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LexicalEditor.d.ts","sourceRoot":"","sources":["../../src/lexical/LexicalEditor.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAIhE,OAAO,sBAAsB,CAAA;AAQ7B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC;IACE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC3D,GAAG,IAAI,CAAC,oBAAoB,EAAE,cAAc,GAAG,UAAU,CAAC,CA6K5D,CAAA"}
+{"version":3,"file":"LexicalEditor.d.ts","sourceRoot":"","sources":["../../src/lexical/LexicalEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAIhE,OAAO,sBAAsB,CAAA;AAQ7B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC;IACE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC3D,GAAG,IAAI,CAAC,oBAAoB,EAAE,cAAc,GAAG,UAAU,CAAC,CA2K5D,CAAA"}

package/dist/lexical/LexicalEditor.js

@@ -7,7 +7,6 @@ import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary.js';
 import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin.js';
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin.js';
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin.js';
-import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin.js';
 import { BLUR_COMMAND, COMMAND_PRIORITY_LOW, FOCUS_COMMAND } from 'lexical';
 import * as React from 'react';
 import { useEffect, useState } from 'react';
@@ -165,6 +164,7 @@ export const LexicalEditor = props => {
             children: _jsx("div", {
               className: "editor",
               ref: onRef,
+              tabIndex: -1,
               children: _jsx(LexicalContentEditable, {})
             })
           }),
@@ -176,7 +176,7 @@ export const LexicalEditor = props => {
           onChange: t6
         }), t7, editor.isEditable() && _jsxs(React.Fragment, {
           children: [_jsx(HistoryPlugin, {}), editorConfig?.features?.markdownTransformers?.length > 0 && _jsx(MarkdownShortcutPlugin, {})]
-        }), _jsx(TabIndentationPlugin, {}), editorConfig.features.plugins?.map(_temp3), editorConfig.features.plugins?.map(_temp4)]
+        }), editorConfig.features.plugins?.map(_temp3), editorConfig.features.plugins?.map(_temp4)]
       }), editorConfig.features.plugins?.map(_temp5)]
     });
     $[8] = editorConfig.features;

package/dist/lexical/LexicalEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"LexicalEditor.js","names":["c","_c","useLexicalComposerContext","LexicalErrorBoundary","HistoryPlugin","OnChangePlugin","RichTextPlugin","TabIndentationPlugin","BLUR_COMMAND","COMMAND_PRIORITY_LOW","FOCUS_COMMAND","React","useEffect","useState","useEditorConfigContext","EditorPlugin","AddBlockHandlePlugin","DraggableBlockPlugin","MarkdownShortcutPlugin","SlashMenuPlugin","TextPlugin","LexicalContentEditable","LexicalEditor","props","$","editorConfig","editorContainerRef","onChange","editorConfigContext","editor","floatingAnchorElem","setFloatingAnchorElem","t0","Symbol","for","_floatingAnchorElem","onRef","t1","t2","uuid","console","error","parentEditor","registerChild","handleFocus","focusEditor","handleBlur","blurEditor","unregisterFocus","registerCommand","unregisterBlur","unregisterChild","isSmallWidthViewport","setIsSmallWidthViewport","t3","t4","updateViewPortWidth","isNextSmallWidthViewport","window","matchMedia","matches","addEventListener","removeEventListener","t5","features","t6","editorState","editor_0","tags","has","size","t7","_jsxs","Fragment","children","isEditable","_jsx","anchorElem","plugins","map","plugin_1","plugin","position","desktopOnly","clientProps","key","_temp","className","ref","_temp2","contentEditable","ignoreSelectionChange","markdownTransformers","length","_temp3","_temp4","_temp5","plugin_0","plugin_2","plugin_3","plugin_4"],"sources":["../../src/lexical/LexicalEditor.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary.js'\nimport { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin.js'\nimport { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin.js'\nimport { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin.js'\nimport { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin.js'\nimport { BLUR_COMMAND, COMMAND_PRIORITY_LOW, FOCUS_COMMAND } from 'lexical'\nimport * as React from 'react'\nimport { useEffect, useState } from 'react'\n\nimport type { LexicalProviderProps } from './LexicalProvider.js'\n\nimport { useEditorConfigContext } from './config/client/EditorConfigProvider.js'\nimport { EditorPlugin } from './EditorPlugin.js'\nimport './LexicalEditor.scss'\nimport { AddBlockHandlePlugin } from './plugins/handles/AddBlockHandlePlugin/index.js'\nimport { DraggableBlockPlugin } from './plugins/handles/DraggableBlockPlugin/index.js'\nimport { MarkdownShortcutPlugin } from './plugins/MarkdownShortcut/index.js'\nimport { SlashMenuPlugin } from './plugins/SlashMenu/index.js'\nimport { TextPlugin } from './plugins/TextPlugin/index.js'\nimport { LexicalContentEditable } from './ui/ContentEditable.js'\n\nexport const LexicalEditor: React.FC<\n  {\n    editorContainerRef: React.RefObject<HTMLDivElement | null>\n  } & Pick<LexicalProviderProps, 'editorConfig' | 'onChange'>\n> = (props) => {\n  const { editorConfig, editorContainerRef, onChange } = props\n  const editorConfigContext = useEditorConfigContext()\n  const [editor] = useLexicalComposerContext()\n\n  const [floatingAnchorElem, setFloatingAnchorElem] = useState<HTMLDivElement | null>(null)\n  const onRef = (_floatingAnchorElem: HTMLDivElement) => {\n    if (_floatingAnchorElem !== null) {\n      setFloatingAnchorElem(_floatingAnchorElem)\n    }\n  }\n\n  useEffect(() => {\n    if (!editorConfigContext?.uuid) {\n      console.error('Lexical Editor must be used within an EditorConfigProvider')\n      return\n    }\n    if (editorConfigContext?.parentEditor?.uuid) {\n      editorConfigContext.parentEditor?.registerChild(editorConfigContext.uuid, editorConfigContext)\n    }\n\n    const handleFocus = () => {\n      editorConfigContext.focusEditor(editorConfigContext)\n    }\n\n    const handleBlur = () => {\n      editorConfigContext.blurEditor(editorConfigContext)\n    }\n\n    const unregisterFocus = editor.registerCommand<MouseEvent>(\n      FOCUS_COMMAND,\n      () => {\n        handleFocus()\n        return true\n      },\n      COMMAND_PRIORITY_LOW,\n    )\n\n    const unregisterBlur = editor.registerCommand<MouseEvent>(\n      BLUR_COMMAND,\n      () => {\n        handleBlur()\n        return true\n      },\n      COMMAND_PRIORITY_LOW,\n    )\n\n    return () => {\n      unregisterFocus()\n      unregisterBlur()\n      editorConfigContext.parentEditor?.unregisterChild?.(editorConfigContext.uuid)\n    }\n  }, [editor, editorConfigContext])\n\n  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState<boolean>(false)\n\n  useEffect(() => {\n    const updateViewPortWidth = () => {\n      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches\n\n      if (isNextSmallWidthViewport !== isSmallWidthViewport) {\n        setIsSmallWidthViewport(isNextSmallWidthViewport)\n      }\n    }\n    updateViewPortWidth()\n    window.addEventListener('resize', updateViewPortWidth)\n\n    return () => {\n      window.removeEventListener('resize', updateViewPortWidth)\n    }\n  }, [isSmallWidthViewport])\n\n  return (\n    <React.Fragment>\n      {editorConfig.features.plugins?.map((plugin) => {\n        if (plugin.position === 'aboveContainer') {\n          return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n        }\n      })}\n      <div className=\"editor-container\" ref={editorContainerRef}>\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'top') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n        <RichTextPlugin\n          contentEditable={\n            <div className=\"editor-scroller\">\n              <div className=\"editor\" ref={onRef}>\n                <LexicalContentEditable />\n              </div>\n            </div>\n          }\n          ErrorBoundary={LexicalErrorBoundary}\n        />\n        <TextPlugin features={editorConfig.features} />\n        <OnChangePlugin\n          // Selection changes can be ignored here, reducing the\n          // frequency that the FieldComponent and Payload receive updates.\n          // Selection changes are only needed if you are saving selection state\n          ignoreSelectionChange\n          onChange={(editorState, editor, tags) => {\n            // Ignore any onChange event triggered by focus only\n            if (!tags.has('focus') || tags.size > 1) {\n              if (onChange != null) {\n                onChange(editorState, editor, tags)\n              }\n            }\n          }}\n        />\n        {floatingAnchorElem && (\n          <React.Fragment>\n            {!isSmallWidthViewport && editor.isEditable() && (\n              <React.Fragment>\n                <DraggableBlockPlugin anchorElem={floatingAnchorElem} />\n                <AddBlockHandlePlugin anchorElem={floatingAnchorElem} />\n              </React.Fragment>\n            )}\n            {editorConfig.features.plugins?.map((plugin) => {\n              if (\n                plugin.position === 'floatingAnchorElem' &&\n                !(plugin.desktopOnly === true && isSmallWidthViewport)\n              ) {\n                return (\n                  <EditorPlugin\n                    anchorElem={floatingAnchorElem}\n                    clientProps={plugin.clientProps}\n                    key={plugin.key}\n                    plugin={plugin}\n                  />\n                )\n              }\n            })}\n            {editor.isEditable() && (\n              <React.Fragment>\n                <SlashMenuPlugin anchorElem={floatingAnchorElem} />\n              </React.Fragment>\n            )}\n          </React.Fragment>\n        )}\n        {editor.isEditable() && (\n          <React.Fragment>\n            <HistoryPlugin />\n            {editorConfig?.features?.markdownTransformers?.length > 0 && <MarkdownShortcutPlugin />}\n          </React.Fragment>\n        )}\n\n        <TabIndentationPlugin />\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'normal') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'bottom') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n      </div>\n      {editorConfig.features.plugins?.map((plugin) => {\n        if (plugin.position === 'belowContainer') {\n          return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n        }\n      })}\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,YAAY,EAAEC,oBAAoB,EAAEC,aAAa,QAAQ;AAClE,YAAYC,KAAA,MAAW;AACvB,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAIpC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,YAAY,QAAQ;AAE7B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,MAAMC,aAAA,GAITC,KAAA;EAAA,MAAAC,CAAA,GAAAvB,EAAA;EACF;IAAAwB,YAAA;IAAAC,kBAAA;IAAAC;EAAA,IAAuDJ,KAAA;EACvD,MAAAK,mBAAA,GAA4Bd,sBAAA;EAC5B,OAAAe,MAAA,IAAiB3B,yBAAA;EAEjB,OAAA4B,kBAAA,EAAAC,qBAAA,IAAoDlB,QAAA,KAAgC;EAAA,IAAAmB,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACtEF,EAAA,GAAAG,mBAAA;MAAA,IACRA,mBAAA,SAAwB;QAC1BJ,qBAAA,CAAsBI,mBAAA;MAAA;IAAA;IAE1BX,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAJA,MAAAY,KAAA,GAAcJ,EAId;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAI,mBAAA,IAAAJ,CAAA,QAAAK,MAAA;IAEUQ,EAAA,GAAAA,CAAA;MAAA,KACHT,mBAAA,EAAAW,IAAA;QACHC,OAAA,CAAAC,KAAA,CAAc;QAAA;MAAA;MAAA,IAGZb,mBAAA,EAAAc,YAAA,EAAAH,IAAA;QACFX,mBAAA,CAAAc,YAAA,EAAAC,aAAA,CAAgDf,mBAAA,CAAAW,IAAA,EAA0BX,mBAAA;MAAA;MAG5E,MAAAgB,WAAA,GAAAA,CAAA;QACEhB,mBAAA,CAAAiB,WAAA,CAAgCjB,mBAAA;MAAA;MAGlC,MAAAkB,UAAA,GAAAA,CAAA;QACElB,mBAAA,CAAAmB,UAAA,CAA+BnB,mBAAA;MAAA;MAGjC,MAAAoB,eAAA,GAAwBnB,MAAA,CAAAoB,eAAA,CAAAvC,aAAA;QAGpBkC,WAAA;QAAA;MAAA,GAAAnC,oBAGF;MAGF,MAAAyC,cAAA,GAAuBrB,MAAA,CAAAoB,eAAA,CAAAzC,YAAA;QAGnBsC,UAAA;QAAA;MAAA,GAAArC,oBAGF;MAAA;QAIAuC,eAAA;QACAE,cAAA;QACAtB,mBAAA,CAAAc,YAAA,EAAAS,eAAA,GAAoDvB,mBAAA,CAAAW,IAAA;MAAA;IAAA;IAErDD,EAAA,IAACT,MAAA,EAAQD,mBAAA;IAAoBJ,CAAA,MAAAI,mBAAA;IAAAJ,CAAA,MAAAK,MAAA;IAAAL,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAD,EAAA,GAAAb,CAAA;IAAAc,EAAA,GAAAd,CAAA;EAAA;EAxChCZ,SAAA,CAAUyB,EAwCV,EAAGC,EAA6B;EAEhC,OAAAc,oBAAA,EAAAC,uBAAA,IAAwDxC,QAAA,MAAkB;EAAA,IAAAyC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA/B,CAAA,QAAA4B,oBAAA;IAEhEE,EAAA,GAAAA,CAAA;MACR,MAAAE,mBAAA,GAAAA,CAAA;QACE,MAAAC,wBAAA,GAAiCC,MAAA,CAAAC,UAAA,CAAkB,sBAAAC,OAAA;QAA6B,IAE5EH,wBAAA,KAA6BL,oBAAA;UAC/BC,uBAAA,CAAwBI,wBAAA;QAAA;MAAA;MAG5BD,mBAAA;MACAE,MAAA,CAAAG,gBAAA,CAAwB,UAAUL,mBAAA;MAAA;QAGhCE,MAAA,CAAAI,mBAAA,CAA2B,UAAUN,mBAAA;MAAA;IAAA;IAEtCD,EAAA,IAACH,oBAAA;IAAqB5B,CAAA,MAAA4B,oBAAA;IAAA5B,CAAA,MAAA8B,EAAA;IAAA9B,CAAA,MAAA+B,EAAA;EAAA;IAAAD,EAAA,GAAA9B,CAAA;IAAA+B,EAAA,GAAA/B,CAAA;EAAA;EAdzBZ,SAAA,CAAU0C,EAcV,EAAGC,EAAsB;EAAA,IAAAQ,EAAA;EAAA,IAAAvC,CAAA,QAAAC,YAAA,CAAAuC,QAAA,IAAAxC,CAAA,QAAAG,QAAA,IAAAH,CAAA,SAAAM,kBAAA,IAAAN,CAAA,SAAA4B,oBAAA,IAAA5B,CAAA,SAAAK,MAAA,IAAAL,CAAA,SAAAE,kBAAA;IAAA,IAAAuC,EAAA;IAAA,IAAAzC,CAAA,SAAAG,QAAA;MAiCPsC,EAAA,GAAAA,CAAAC,WAAA,EAAAC,QAAA,EAAAC,IAAA;QAAA,IAEJ,CAACA,IAAA,CAAAC,GAAA,CAAS,YAAYD,IAAA,CAAAE,IAAA,IAAY;UAAA,IAChC3C,QAAA,QAAY;YACdA,QAAA,CAASuC,WAAA,EAAarC,QAAA,EAAQuC,IAAA;UAAA;QAAA;MAAA;MAGpC5C,CAAA,OAAAG,QAAA;MAAAH,CAAA,OAAAyC,EAAA;IAAA;MAAAA,EAAA,GAAAzC,CAAA;IAAA;IAAA,IAAA+C,EAAA;IAAA,IAAA/C,CAAA,SAAAM,kBAAA,IAAAN,CAAA,SAAA4B,oBAAA,IAAA5B,CAAA,SAAAK,MAAA,IAAAL,CAAA,SAAAC,YAAA;MAED8C,EAAA,GAAAzC,kBAAA,IACC0C,KAAA,CAAA7D,KAAA,CAAA8D,QAAA;QAAAC,QAAA,GACG,CAACtB,oBAAA,IAAwBvB,MAAA,CAAA8C,UAAA,CAAiB,KACzCH,KAAA,CAAA7D,KAAA,CAAA8D,QAAA;UAAAC,QAAA,GACEE,IAAA,CAAA3D,oBAAA;YAAA4D,UAAA,EAAkC/C;UAAA,C,GAClC8C,IAAA,CAAA5D,oBAAA;YAAA6D,UAAA,EAAkC/C;UAAA,C;YAGrCL,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAC,QAAA;UAAA,IAEGC,QAAA,CAAAC,QAAA,KAAoB,0BAClBD,QAAA,CAAAE,WAAA,SAAuB,IAAQ/B,oBAAmB;YAAA,OAGlDwB,IAAA,CAAA7D,YAAA;cAAA8D,UAAA,EACc/C,kBAAA;cAAAsD,WAAA,EACCH,QAAA,CAAAG,WAAA;cAAAH,MAAA,EAELA;YAAA,GADHA,QAAA,CAAAI,GAAU;UAAA;QAAA,IAMtBxD,MAAA,CAAA8C,UAAA,CAAiB,KAChBC,IAAA,CAAAjE,KAAA,CAAA8D,QAAA;UAAAC,QAAA,EACEE,IAAA,CAAAzD,eAAA;YAAA0D,UAAA,EAA6B/C;UAAA,C;;;;;;;;;;;IAhEzCiC,EAAA,GAAAS,KAAA,CAAA7D,KAAA,CAAA8D,QAAA;MAAAC,QAAA,GACGjD,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAO,KAAA,GAKDd,KAAA,CAAC;QAAAe,SAAA,EAAc;QAAAC,GAAA,EAAwB9D,kBAAA;QAAAgD,QAAA,GACpCjD,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAU,MAAA,GAODb,IAAA,CAAAtE,cAAA;UAAAoF,eAAA,EAEId,IAAA,CAAC;YAAAW,SAAA,EAAc;YAAAb,QAAA,EACbE,IAAA,CAAC;cAAAW,SAAA,EAAc;cAAAC,GAAA,EAAcpD,KAAA;cAAAsC,QAAA,EAC3BE,IAAA,CAAAvD,sBAAA,IAAC;YAAA,C;;;YAMTuD,IAAA,CAAAxD,UAAA;UAAA4C,QAAA,EAAsBvC,YAAA,CAAAuC;QAAA,C,GACtBY,IAAA,CAAAvE,cAAA;UAAAsF,qBAAA;UAAAhE,QAAA,EAKYsC;QAOV,C,GAEDM,E,EA8BA1C,MAAA,CAAA8C,UAAA,CAAiB,KAChBH,KAAA,CAAA7D,KAAA,CAAA8D,QAAA;UAAAC,QAAA,GACEE,IAAA,CAAAxE,aAAA,IAAC,GACAqB,YAAA,EAAAuC,QAAA,EAAA4B,oBAAA,EAAAC,MAAA,IAAuD,IAAKjB,IAAA,CAAA1D,sBAAA,IAAC;QAAA,C,GAIlE0D,IAAA,CAAArE,oBAAA,IAAC,GACAkB,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAe,MAAA,GAOArE,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAgB,MAAA;MAAA,C,GAQFtE,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAiB,MAAA;IAAA,C;;;;;;;;;;;SA5FHjC,E;CAmGJ;AA5KI,SAAAuB,MAAAL,MAAA;EAAA,IA2EQA,MAAA,CAAAC,QAAA,KAAoB;IAAA,OACfN,IAAA,CAAA7D,YAAA;MAAAqE,WAAA,EAA2BH,MAAA,CAAAG,WAAA;MAAAH;IAAA,GAAyBA,MAAA,CAAAI,GAAU;EAAA;AAAA;AA5E3E,SAAAI,OAAAQ,QAAA;EAAA,IAiFUhB,QAAA,CAAAC,QAAA,KAAoB;IAAA,OAEpBN,IAAA,CAAA7D,YAAA;MAAAqE,WAAA,EAA2BH,QAAA,CAAAG,WAAA;MAAAH,MAAA,EAA6CA;IAAA,GAApBA,QAAA,CAAAI,GAAU;EAAA;AAAA;AAnFxE,SAAAS,OAAAI,QAAA;EAAA,IAuJUjB,QAAA,CAAAC,QAAA,KAAoB;IAAA,OAEpBN,IAAA,CAAA7D,YAAA;MAAAqE,WAAA,EAA2BH,QAAA,CAAAG,WAAA;MAAAH,MAAA,EAA6CA;IAAA,GAApBA,QAAA,CAAAI,GAAU;EAAA;AAAA;AAzJxE,SAAAU,OAAAI,QAAA;EAAA,IA8JUlB,QAAA,CAAAC,QAAA,KAAoB;IAAA,OAEpBN,IAAA,CAAA7D,YAAA;MAAAqE,WAAA,EAA2BH,QAAA,CAAAG,WAAA;MAAAH,MAAA,EAA6CA;IAAA,GAApBA,QAAA,CAAAI,GAAU;EAAA;AAAA;AAhKxE,SAAAW,OAAAI,QAAA;EAAA,IAsKQnB,QAAA,CAAAC,QAAA,KAAoB;IAAA,OACfN,IAAA,CAAA7D,YAAA;MAAAqE,WAAA,EAA2BH,QAAA,CAAAG,WAAA;MAAAH,MAAA,EAA6CA;IAAA,GAApBA,QAAA,CAAAI,GAAU;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"LexicalEditor.js","names":["c","_c","useLexicalComposerContext","LexicalErrorBoundary","HistoryPlugin","OnChangePlugin","RichTextPlugin","BLUR_COMMAND","COMMAND_PRIORITY_LOW","FOCUS_COMMAND","React","useEffect","useState","useEditorConfigContext","EditorPlugin","AddBlockHandlePlugin","DraggableBlockPlugin","MarkdownShortcutPlugin","SlashMenuPlugin","TextPlugin","LexicalContentEditable","LexicalEditor","props","$","editorConfig","editorContainerRef","onChange","editorConfigContext","editor","floatingAnchorElem","setFloatingAnchorElem","t0","Symbol","for","_floatingAnchorElem","onRef","t1","t2","uuid","console","error","parentEditor","registerChild","handleFocus","focusEditor","handleBlur","blurEditor","unregisterFocus","registerCommand","unregisterBlur","unregisterChild","isSmallWidthViewport","setIsSmallWidthViewport","t3","t4","updateViewPortWidth","isNextSmallWidthViewport","window","matchMedia","matches","addEventListener","removeEventListener","t5","features","t6","editorState","editor_0","tags","has","size","t7","_jsxs","Fragment","children","isEditable","_jsx","anchorElem","plugins","map","plugin_1","plugin","position","desktopOnly","clientProps","key","_temp","className","ref","_temp2","contentEditable","tabIndex","ignoreSelectionChange","markdownTransformers","length","_temp3","_temp4","_temp5","plugin_0","plugin_2","plugin_3","plugin_4"],"sources":["../../src/lexical/LexicalEditor.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary.js'\nimport { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin.js'\nimport { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin.js'\nimport { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin.js'\nimport { BLUR_COMMAND, COMMAND_PRIORITY_LOW, FOCUS_COMMAND } from 'lexical'\nimport * as React from 'react'\nimport { useEffect, useState } from 'react'\n\nimport type { LexicalProviderProps } from './LexicalProvider.js'\n\nimport { useEditorConfigContext } from './config/client/EditorConfigProvider.js'\nimport { EditorPlugin } from './EditorPlugin.js'\nimport './LexicalEditor.scss'\nimport { AddBlockHandlePlugin } from './plugins/handles/AddBlockHandlePlugin/index.js'\nimport { DraggableBlockPlugin } from './plugins/handles/DraggableBlockPlugin/index.js'\nimport { MarkdownShortcutPlugin } from './plugins/MarkdownShortcut/index.js'\nimport { SlashMenuPlugin } from './plugins/SlashMenu/index.js'\nimport { TextPlugin } from './plugins/TextPlugin/index.js'\nimport { LexicalContentEditable } from './ui/ContentEditable.js'\n\nexport const LexicalEditor: React.FC<\n  {\n    editorContainerRef: React.RefObject<HTMLDivElement | null>\n  } & Pick<LexicalProviderProps, 'editorConfig' | 'onChange'>\n> = (props) => {\n  const { editorConfig, editorContainerRef, onChange } = props\n  const editorConfigContext = useEditorConfigContext()\n  const [editor] = useLexicalComposerContext()\n\n  const [floatingAnchorElem, setFloatingAnchorElem] = useState<HTMLDivElement | null>(null)\n  const onRef = (_floatingAnchorElem: HTMLDivElement) => {\n    if (_floatingAnchorElem !== null) {\n      setFloatingAnchorElem(_floatingAnchorElem)\n    }\n  }\n\n  useEffect(() => {\n    if (!editorConfigContext?.uuid) {\n      console.error('Lexical Editor must be used within an EditorConfigProvider')\n      return\n    }\n    if (editorConfigContext?.parentEditor?.uuid) {\n      editorConfigContext.parentEditor?.registerChild(editorConfigContext.uuid, editorConfigContext)\n    }\n\n    const handleFocus = () => {\n      editorConfigContext.focusEditor(editorConfigContext)\n    }\n\n    const handleBlur = () => {\n      editorConfigContext.blurEditor(editorConfigContext)\n    }\n\n    const unregisterFocus = editor.registerCommand<MouseEvent>(\n      FOCUS_COMMAND,\n      () => {\n        handleFocus()\n        return true\n      },\n      COMMAND_PRIORITY_LOW,\n    )\n\n    const unregisterBlur = editor.registerCommand<MouseEvent>(\n      BLUR_COMMAND,\n      () => {\n        handleBlur()\n        return true\n      },\n      COMMAND_PRIORITY_LOW,\n    )\n\n    return () => {\n      unregisterFocus()\n      unregisterBlur()\n      editorConfigContext.parentEditor?.unregisterChild?.(editorConfigContext.uuid)\n    }\n  }, [editor, editorConfigContext])\n\n  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState<boolean>(false)\n\n  useEffect(() => {\n    const updateViewPortWidth = () => {\n      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches\n\n      if (isNextSmallWidthViewport !== isSmallWidthViewport) {\n        setIsSmallWidthViewport(isNextSmallWidthViewport)\n      }\n    }\n    updateViewPortWidth()\n    window.addEventListener('resize', updateViewPortWidth)\n\n    return () => {\n      window.removeEventListener('resize', updateViewPortWidth)\n    }\n  }, [isSmallWidthViewport])\n\n  return (\n    <React.Fragment>\n      {editorConfig.features.plugins?.map((plugin) => {\n        if (plugin.position === 'aboveContainer') {\n          return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n        }\n      })}\n      <div className=\"editor-container\" ref={editorContainerRef}>\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'top') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n        <RichTextPlugin\n          contentEditable={\n            <div className=\"editor-scroller\">\n              <div className=\"editor\" ref={onRef} tabIndex={-1}>\n                <LexicalContentEditable />\n              </div>\n            </div>\n          }\n          ErrorBoundary={LexicalErrorBoundary}\n        />\n        <TextPlugin features={editorConfig.features} />\n        <OnChangePlugin\n          // Selection changes can be ignored here, reducing the\n          // frequency that the FieldComponent and Payload receive updates.\n          // Selection changes are only needed if you are saving selection state\n          ignoreSelectionChange\n          onChange={(editorState, editor, tags) => {\n            // Ignore any onChange event triggered by focus only\n            if (!tags.has('focus') || tags.size > 1) {\n              if (onChange != null) {\n                onChange(editorState, editor, tags)\n              }\n            }\n          }}\n        />\n        {floatingAnchorElem && (\n          <React.Fragment>\n            {!isSmallWidthViewport && editor.isEditable() && (\n              <React.Fragment>\n                <DraggableBlockPlugin anchorElem={floatingAnchorElem} />\n                <AddBlockHandlePlugin anchorElem={floatingAnchorElem} />\n              </React.Fragment>\n            )}\n            {editorConfig.features.plugins?.map((plugin) => {\n              if (\n                plugin.position === 'floatingAnchorElem' &&\n                !(plugin.desktopOnly === true && isSmallWidthViewport)\n              ) {\n                return (\n                  <EditorPlugin\n                    anchorElem={floatingAnchorElem}\n                    clientProps={plugin.clientProps}\n                    key={plugin.key}\n                    plugin={plugin}\n                  />\n                )\n              }\n            })}\n            {editor.isEditable() && (\n              <React.Fragment>\n                <SlashMenuPlugin anchorElem={floatingAnchorElem} />\n              </React.Fragment>\n            )}\n          </React.Fragment>\n        )}\n        {editor.isEditable() && (\n          <React.Fragment>\n            <HistoryPlugin />\n            {editorConfig?.features?.markdownTransformers?.length > 0 && <MarkdownShortcutPlugin />}\n          </React.Fragment>\n        )}\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'normal') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n        {editorConfig.features.plugins?.map((plugin) => {\n          if (plugin.position === 'bottom') {\n            return (\n              <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n            )\n          }\n        })}\n      </div>\n      {editorConfig.features.plugins?.map((plugin) => {\n        if (plugin.position === 'belowContainer') {\n          return <EditorPlugin clientProps={plugin.clientProps} key={plugin.key} plugin={plugin} />\n        }\n      })}\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,YAAY,EAAEC,oBAAoB,EAAEC,aAAa,QAAQ;AAClE,YAAYC,KAAA,MAAW;AACvB,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAIpC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,YAAY,QAAQ;AAE7B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,MAAMC,aAAA,GAITC,KAAA;EAAA,MAAAC,CAAA,GAAAtB,EAAA;EACF;IAAAuB,YAAA;IAAAC,kBAAA;IAAAC;EAAA,IAAuDJ,KAAA;EACvD,MAAAK,mBAAA,GAA4Bd,sBAAA;EAC5B,OAAAe,MAAA,IAAiB1B,yBAAA;EAEjB,OAAA2B,kBAAA,EAAAC,qBAAA,IAAoDlB,QAAA,KAAgC;EAAA,IAAAmB,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACtEF,EAAA,GAAAG,mBAAA;MAAA,IACRA,mBAAA,SAAwB;QAC1BJ,qBAAA,CAAsBI,mBAAA;MAAA;IAAA;IAE1BX,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAJA,MAAAY,KAAA,GAAcJ,EAId;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAI,mBAAA,IAAAJ,CAAA,QAAAK,MAAA;IAEUQ,EAAA,GAAAA,CAAA;MAAA,KACHT,mBAAA,EAAAW,IAAA;QACHC,OAAA,CAAAC,KAAA,CAAc;QAAA;MAAA;MAAA,IAGZb,mBAAA,EAAAc,YAAA,EAAAH,IAAA;QACFX,mBAAA,CAAAc,YAAA,EAAAC,aAAA,CAAgDf,mBAAA,CAAAW,IAAA,EAA0BX,mBAAA;MAAA;MAG5E,MAAAgB,WAAA,GAAAA,CAAA;QACEhB,mBAAA,CAAAiB,WAAA,CAAgCjB,mBAAA;MAAA;MAGlC,MAAAkB,UAAA,GAAAA,CAAA;QACElB,mBAAA,CAAAmB,UAAA,CAA+BnB,mBAAA;MAAA;MAGjC,MAAAoB,eAAA,GAAwBnB,MAAA,CAAAoB,eAAA,CAAAvC,aAAA;QAGpBkC,WAAA;QAAA;MAAA,GAAAnC,oBAGF;MAGF,MAAAyC,cAAA,GAAuBrB,MAAA,CAAAoB,eAAA,CAAAzC,YAAA;QAGnBsC,UAAA;QAAA;MAAA,GAAArC,oBAGF;MAAA;QAIAuC,eAAA;QACAE,cAAA;QACAtB,mBAAA,CAAAc,YAAA,EAAAS,eAAA,GAAoDvB,mBAAA,CAAAW,IAAA;MAAA;IAAA;IAErDD,EAAA,IAACT,MAAA,EAAQD,mBAAA;IAAoBJ,CAAA,MAAAI,mBAAA;IAAAJ,CAAA,MAAAK,MAAA;IAAAL,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAD,EAAA,GAAAb,CAAA;IAAAc,EAAA,GAAAd,CAAA;EAAA;EAxChCZ,SAAA,CAAUyB,EAwCV,EAAGC,EAA6B;EAEhC,OAAAc,oBAAA,EAAAC,uBAAA,IAAwDxC,QAAA,MAAkB;EAAA,IAAAyC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA/B,CAAA,QAAA4B,oBAAA;IAEhEE,EAAA,GAAAA,CAAA;MACR,MAAAE,mBAAA,GAAAA,CAAA;QACE,MAAAC,wBAAA,GAAiCC,MAAA,CAAAC,UAAA,CAAkB,sBAAAC,OAAA;QAA6B,IAE5EH,wBAAA,KAA6BL,oBAAA;UAC/BC,uBAAA,CAAwBI,wBAAA;QAAA;MAAA;MAG5BD,mBAAA;MACAE,MAAA,CAAAG,gBAAA,CAAwB,UAAUL,mBAAA;MAAA;QAGhCE,MAAA,CAAAI,mBAAA,CAA2B,UAAUN,mBAAA;MAAA;IAAA;IAEtCD,EAAA,IAACH,oBAAA;IAAqB5B,CAAA,MAAA4B,oBAAA;IAAA5B,CAAA,MAAA8B,EAAA;IAAA9B,CAAA,MAAA+B,EAAA;EAAA;IAAAD,EAAA,GAAA9B,CAAA;IAAA+B,EAAA,GAAA/B,CAAA;EAAA;EAdzBZ,SAAA,CAAU0C,EAcV,EAAGC,EAAsB;EAAA,IAAAQ,EAAA;EAAA,IAAAvC,CAAA,QAAAC,YAAA,CAAAuC,QAAA,IAAAxC,CAAA,QAAAG,QAAA,IAAAH,CAAA,SAAAM,kBAAA,IAAAN,CAAA,SAAA4B,oBAAA,IAAA5B,CAAA,SAAAK,MAAA,IAAAL,CAAA,SAAAE,kBAAA;IAAA,IAAAuC,EAAA;IAAA,IAAAzC,CAAA,SAAAG,QAAA;MAiCPsC,EAAA,GAAAA,CAAAC,WAAA,EAAAC,QAAA,EAAAC,IAAA;QAAA,IAEJ,CAACA,IAAA,CAAAC,GAAA,CAAS,YAAYD,IAAA,CAAAE,IAAA,IAAY;UAAA,IAChC3C,QAAA,QAAY;YACdA,QAAA,CAASuC,WAAA,EAAarC,QAAA,EAAQuC,IAAA;UAAA;QAAA;MAAA;MAGpC5C,CAAA,OAAAG,QAAA;MAAAH,CAAA,OAAAyC,EAAA;IAAA;MAAAA,EAAA,GAAAzC,CAAA;IAAA;IAAA,IAAA+C,EAAA;IAAA,IAAA/C,CAAA,SAAAM,kBAAA,IAAAN,CAAA,SAAA4B,oBAAA,IAAA5B,CAAA,SAAAK,MAAA,IAAAL,CAAA,SAAAC,YAAA;MAED8C,EAAA,GAAAzC,kBAAA,IACC0C,KAAA,CAAA7D,KAAA,CAAA8D,QAAA;QAAAC,QAAA,GACG,CAACtB,oBAAA,IAAwBvB,MAAA,CAAA8C,UAAA,CAAiB,KACzCH,KAAA,CAAA7D,KAAA,CAAA8D,QAAA;UAAAC,QAAA,GACEE,IAAA,CAAA3D,oBAAA;YAAA4D,UAAA,EAAkC/C;UAAA,C,GAClC8C,IAAA,CAAA5D,oBAAA;YAAA6D,UAAA,EAAkC/C;UAAA,C;YAGrCL,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAC,QAAA;UAAA,IAEGC,QAAA,CAAAC,QAAA,KAAoB,0BAClBD,QAAA,CAAAE,WAAA,SAAuB,IAAQ/B,oBAAmB;YAAA,OAGlDwB,IAAA,CAAA7D,YAAA;cAAA8D,UAAA,EACc/C,kBAAA;cAAAsD,WAAA,EACCH,QAAA,CAAAG,WAAA;cAAAH,MAAA,EAELA;YAAA,GADHA,QAAA,CAAAI,GAAU;UAAA;QAAA,IAMtBxD,MAAA,CAAA8C,UAAA,CAAiB,KAChBC,IAAA,CAAAjE,KAAA,CAAA8D,QAAA;UAAAC,QAAA,EACEE,IAAA,CAAAzD,eAAA;YAAA0D,UAAA,EAA6B/C;UAAA,C;;;;;;;;;;;IAhEzCiC,EAAA,GAAAS,KAAA,CAAA7D,KAAA,CAAA8D,QAAA;MAAAC,QAAA,GACGjD,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAO,KAAA,GAKDd,KAAA,CAAC;QAAAe,SAAA,EAAc;QAAAC,GAAA,EAAwB9D,kBAAA;QAAAgD,QAAA,GACpCjD,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAU,MAAA,GAODb,IAAA,CAAArE,cAAA;UAAAmF,eAAA,EAEId,IAAA,CAAC;YAAAW,SAAA,EAAc;YAAAb,QAAA,EACbE,IAAA,CAAC;cAAAW,SAAA,EAAc;cAAAC,GAAA,EAAcpD,KAAA;cAAAuD,QAAA;cAAAjB,QAAA,EAC3BE,IAAA,CAAAvD,sBAAA,IAAC;YAAA,C;;;YAMTuD,IAAA,CAAAxD,UAAA;UAAA4C,QAAA,EAAsBvC,YAAA,CAAAuC;QAAA,C,GACtBY,IAAA,CAAAtE,cAAA;UAAAsF,qBAAA;UAAAjE,QAAA,EAKYsC;QAOV,C,GAEDM,E,EA8BA1C,MAAA,CAAA8C,UAAA,CAAiB,KAChBH,KAAA,CAAA7D,KAAA,CAAA8D,QAAA;UAAAC,QAAA,GACEE,IAAA,CAAAvE,aAAA,IAAC,GACAoB,YAAA,EAAAuC,QAAA,EAAA6B,oBAAA,EAAAC,MAAA,IAAuD,IAAKlB,IAAA,CAAA1D,sBAAA,IAAC;QAAA,C,GAGjEO,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAgB,MAAA,GAOAtE,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAiB,MAAA;MAAA,C,GAQFvE,YAAA,CAAAuC,QAAA,CAAAc,OAAA,EAAAC,GAAA,CAAAkB,MAAA;IAAA,C;;;;;;;;;;;SA1FHlC,E;CAiGJ;AA1KI,SAAAuB,MAAAL,MAAA;EAAA,IA2EQA,MAAA,CAAAC,QAAA,KAAoB;IAAA,OACfN,IAAA,CAAA7D,YAAA;MAAAqE,WAAA,EAA2BH,MAAA,CAAAG,WAAA;MAAAH;IAAA,GAAyBA,MAAA,CAAAI,GAAU;EAAA;AAAA;AA5E3E,SAAAI,OAAAS,QAAA;EAAA,IAiFUjB,QAAA,CAAAC,QAAA,KAAoB;IAAA,OAEpBN,IAAA,CAAA7D,YAAA;MAAAqE,WAAA,EAA2BH,QAAA,CAAAG,WAAA;MAAAH,MAAA,EAA6CA;IAAA,GAApBA,QAAA,CAAAI,GAAU;EAAA;AAAA;AAnFxE,SAAAU,OAAAI,QAAA;EAAA,IAqJUlB,QAAA,CAAAC,QAAA,KAAoB;IAAA,OAEpBN,IAAA,CAAA7D,YAAA;MAAAqE,WAAA,EAA2BH,QAAA,CAAAG,WAAA;MAAAH,MAAA,EAA6CA;IAAA,GAApBA,QAAA,CAAAI,GAAU;EAAA;AAAA;AAvJxE,SAAAW,OAAAI,QAAA;EAAA,IA4JUnB,QAAA,CAAAC,QAAA,KAAoB;IAAA,OAEpBN,IAAA,CAAA7D,YAAA;MAAAqE,WAAA,EAA2BH,QAAA,CAAAG,WAAA;MAAAH,MAAA,EAA6CA;IAAA,GAApBA,QAAA,CAAAI,GAAU;EAAA;AAAA;AA9JxE,SAAAY,OAAAI,QAAA;EAAA,IAoKQpB,QAAA,CAAAC,QAAA,KAAoB;IAAA,OACfN,IAAA,CAAA7D,YAAA;MAAAqE,WAAA,EAA2BH,QAAA,CAAAG,WAAA;MAAAH,MAAA,EAA6CA;IAAA,GAApBA,QAAA,CAAAI,GAAU;EAAA;AAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-lexical",
-  "version": "3.2.2-canary.6fb5cd8",
+  "version": "3.2.2-canary.a11698b",
   "description": "The officially supported Lexical richtext adapter for Payload",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -342,11 +342,11 @@
     "mdast-util-from-markdown": "2.0.2",
     "mdast-util-mdx-jsx": "3.1.3",
     "micromark-extension-mdx-jsx": "3.0.1",
-    "react-error-boundary": "4.1.1",
+    "react-error-boundary": "4.1.2",
     "ts-essentials": "10.0.3",
     "uuid": "10.0.0",
-    "@payloadcms/translations": "3.2.2-canary.6fb5cd8",
-    "@payloadcms/ui": "3.2.2-canary.6fb5cd8"
+    "@payloadcms/ui": "3.2.2-canary.a11698b",
+    "@payloadcms/translations": "3.2.2-canary.a11698b"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.5",
@@ -367,7 +367,7 @@
     "eslint-plugin-react-compiler": "19.0.0-beta-a7bf2bd-20241110",
     "swc-plugin-transform-remove-imports": "1.15.0",
     "@payloadcms/eslint-config": "3.0.0",
-    "payload": "3.2.2-canary.6fb5cd8"
+    "payload": "3.2.2-canary.a11698b"
   },
   "peerDependencies": {
     "@faceless-ui/modal": "3.0.0-beta.2",
@@ -384,8 +384,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.2.2-canary.6fb5cd8",
-    "payload": "3.2.2-canary.6fb5cd8"
+    "@payloadcms/next": "3.2.2-canary.a11698b",
+    "payload": "3.2.2-canary.a11698b"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"

package/dist/exports/client/Field-4JYUMYYH.js

@@ -1,2 +0,0 @@
-"use client";import{c as ue,g as H,h as B,j as fe,k as pe,l as ge,m as he,n as ye}from"./chunk-2L2Z4JHF.js";import{a as de,b as R}from"./chunk-CUIBIFW2.js";import{jsx as ie,jsxs as re}from"react/jsx-runtime";import{FieldLabel as eo,useEditDepth as to,useField as oo,withCondition as no}from"@payloadcms/ui";import{mergeFieldStyles as ro}from"@payloadcms/ui/shared";import{useCallback as Xe,useMemo as io}from"react";import{ErrorBoundary as so}from"react-error-boundary";import{jsx as A}from"react/jsx-runtime";import{LexicalComposer as Xt}from"@lexical/react/LexicalComposer.js";import*as qe from"react";import{useMemo as Zt}from"react";import{c as _t}from"react/compiler-runtime";import{jsx as P,jsxs as q}from"react/jsx-runtime";import{useLexicalComposerContext as $t}from"@lexical/react/LexicalComposerContext.js";import{LexicalErrorBoundary as Ht}from"@lexical/react/LexicalErrorBoundary.js";import{HistoryPlugin as jt}from"@lexical/react/LexicalHistoryPlugin.js";import{OnChangePlugin as zt}from"@lexical/react/LexicalOnChangePlugin.js";import{RichTextPlugin as Kt}from"@lexical/react/LexicalRichTextPlugin.js";import{TabIndentationPlugin as Gt}from"@lexical/react/LexicalTabIndentationPlugin.js";import{BLUR_COMMAND as Wt,COMMAND_PRIORITY_LOW as We,FOCUS_COMMAND as Yt}from"lexical";import*as W from"react";import{useEffect as Ye,useState as Ue}from"react";import{jsx as xe}from"react/jsx-runtime";import"react";var D=({anchorElem:t,clientProps:e,plugin:o})=>o.position==="floatingAnchorElem"&&t?o.Component&&xe(o.Component,{anchorElem:t,clientProps:e}):o.Component&&xe(o.Component,{clientProps:e});import{jsx as le}from"react/jsx-runtime";import{useLexicalComposerContext as it}from"@lexical/react/LexicalComposerContext.js";import{$createParagraphNode as st}from"lexical";import*as Ne from"react";import{useCallback as lt,useEffect as Ce,useRef as at,useState as ct}from"react";import{createPortal as mt}from"react-dom";var j=(t,e,o,n,r=50,m=25)=>{let l=0;if(t&&!t.contains(n)){let{bottom:a,left:u,right:g,top:y}=t.getBoundingClientRect(),s=y+window.scrollY,i=a+window.scrollY;if(o<s-m||o>i+m||e<u-r||e>g+r)return-1;(e<u||e>g)&&(l=e<u?e-u:e-g)}return l};import{$getNodeByKey as Q}from"lexical";function z(t){let e=t.getBoundingClientRect(),o=getComputedStyle(t).getPropertyValue("transform");if(!o||o==="none")return e;let n=o.split(",").pop();return e.y=e.y-Number(n?.replace(")","")),e}function J(t){let e=(u,g)=>u?parseFloat(window.getComputedStyle(u)[g]):0,{marginBottom:o,marginTop:n}=window.getComputedStyle(t),r=e(t.previousElementSibling,"marginBottom"),m=e(t.nextElementSibling,"marginTop"),l=Math.max(parseFloat(n),r);return{marginBottom:Math.max(parseFloat(o),m),marginTop:l}}import{$getRoot as et}from"lexical";function O(t){return t.getEditorState().read(()=>et().getChildrenKeys())}var tt=1,ot=-1,Ee=0,v={props:null,result:null};function nt(t,e,o=20){let n=t.x-e.x,r=t.y-e.y;return n*n+r*r<=o*o}function K(t){let{anchorElem:e,cache_threshold:o=20,editor:n,fuzzy:r=!1,horizontalOffset:m=0,point:{x:l,y:a},startIndex:u=0,useEdgeAsDefault:g=!1}=t;if(o>0&&v.props&&v.result&&v.props.fuzzy===t.fuzzy&&v.props.horizontalOffset===t.horizontalOffset&&v.props.useEdgeAsDefault===t.useEdgeAsDefault&&nt(v.props.point,t.point,o))return v.result;let y=e.getBoundingClientRect(),s=O(n),i={blockElem:null,blockNode:null,distance:1/0,foundAtIndex:-1,isFoundNodeEmptyParagraph:!1};return n.getEditorState().read(()=>{if(g){let[p,h]=[n.getElementByKey(s[0]),n.getElementByKey(s[s.length-1])];if(p&&h){let[f,c]=[z(p),z(h)];if(a<f.top?(i.blockElem=p,i.distance=f.top-a,i.blockNode=Q(s[0]),i.foundAtIndex=0):a>c.bottom&&(i.distance=a-c.bottom,i.blockNode=Q(s[s.length-1]),i.blockElem=h,i.foundAtIndex=s.length-1),i?.blockElem)return{blockElem:null,isFoundNodeEmptyParagraph:!1}}}let d=u,x=Ee;for(;d>=0&&d<s.length;){let p=s[d],h=n.getElementByKey(p);if(h===null)break;let f=new B(l+m,a),c=he.fromDOMRect(z(h)),{marginBottom:E,marginTop:b}=J(h),T=c.generateNewRect({bottom:c.bottom+E,left:y.left,right:y.right,top:c.top-b}),{distance:C,isOnBottomSide:k,isOnTopSide:N}=T.distanceFromPoint(f);if(C===0){i.blockElem=h,i.blockNode=Q(p),i.foundAtIndex=d,i.distance=C,i.blockNode&&i.blockNode.getType()==="paragraph"&&i.blockNode.getTextContent()===""&&(!r&&!t.returnEmptyParagraphs&&(i.blockElem=null,i.blockNode=null),i.isFoundNodeEmptyParagraph=!0);break}else r&&C<i.distance&&(i.blockElem=h,i.blockNode=Q(p),i.distance=C,i.foundAtIndex=d);x===Ee&&(N?x=ot:k?x=tt:x=1/0),d+=x}}),v.props=t,v.result={blockElem:i.blockElem,blockNode:i.blockNode,foundAtIndex:i.foundAtIndex,isFoundNodeEmptyParagraph:i.isFoundNodeEmptyParagraph},{blockElem:i.blockElem,blockNode:i.blockNode,foundAtIndex:i.foundAtIndex,isFoundNodeEmptyParagraph:i.isFoundNodeEmptyParagraph}}function X(t,e){return!!t.closest(`.${e}`)}var rt=["IMG","INPUT","TEXTAREA","SELECT","BUTTON","VIDEO","OBJECT","EMBED","IFRAME","HR"];function be(t){if(!t||rt.includes(t.tagName)||t.offsetHeight===0||t.offsetWidth===0)return!1;let e=window.getComputedStyle(t);return!(e.display==="table-cell"||e.position==="absolute"||e.visibility==="hidden"||e.opacity==="0")}function Z(t,e,o,n=0){if(!t){e.style.opacity="0",e.style.transform="translate(-10000px, -10000px)";return}let r=t.getBoundingClientRect(),m=window.getComputedStyle(t),l=e.getBoundingClientRect(),a=o.getBoundingClientRect(),u;if(["lexical-block","lexical-upload","lexical-relationship"].some(s=>t.firstElementChild?.classList.contains(s)))u=r.top+8-a.top;else{let s=be(t)?parseInt(m.lineHeight,10):0;u=r.top+(s-l.height)/2-a.top}let y=n;e.style.opacity="1",e.style.transform=`translate(${y}px, ${u}px)`}var dt="add-block-menu",ee=1/0;function ut(t){return t===0?1/0:ee>=0&&ee<t?ee:Math.floor(t/2)}function ft(t,e,o){let n=e.parentElement,{editorConfig:r}=R(),m=r?.admin?.hideGutter?-24:12,l=at(null),[a,u]=ct(null);Ce(()=>{function y(s){let i=s.target;if(!H(i))return;let d=j(n,s.pageX,s.pageY,i);if(d===-1){u(null);return}if(X(i,dt))return;let x=O(t),{blockElem:p,blockNode:h,foundAtIndex:f}=K({anchorElem:e,cache_threshold:0,editor:t,horizontalOffset:-d,point:new B(s.x,s.y),returnEmptyParagraphs:!0,startIndex:ut(x.length),useEdgeAsDefault:!1});ee=f,p&&h&&(a?.node!==h||a?.elem!==p)&&u({elem:p,node:h})}return document?.addEventListener("mousemove",y),()=>{document?.removeEventListener("mousemove",y)}},[n,e,t,a]),Ce(()=>{l.current&&a?.node&&Z(a?.elem,l.current,e,m)},[e,a,m]);let g=lt(y=>{let s=a;s?.node&&(t.update(()=>{let i=!0;if((s?.node.getType()!=="paragraph"||s.node.getTextContent()!=="")&&(i=!1),!i){let d=st();s?.node.insertAfter(d),setTimeout(()=>{s={elem:t.getElementByKey(d.getKey()),node:d},u(s)},0)}}),setTimeout(()=>{t.update(()=>{t.focus(),s?.node&&"select"in s.node&&typeof s.node.select=="function"&&s.node.select()})},1),setTimeout(()=>{t.dispatchCommand(pe,{node:s?.node})},2),y.stopPropagation(),y.preventDefault())},[t,a]);return mt(le(Ne.Fragment,{children:le("button",{"aria-label":"Add block",className:"icon add-block-menu",onClick:y=>{g(y)},ref:l,type:"button",children:le("div",{className:o?"icon":""})})}),e)}function Pe(t){let{anchorElem:e}=t,o=e===void 0?document.body:e,[n]=it();return ft(n,o,n._editable)}import{jsx as te,jsxs as gt}from"react/jsx-runtime";import{useLexicalComposerContext as ht}from"@lexical/react/LexicalComposerContext.js";import{eventFiles as Re}from"@lexical/rich-text";import{$getNearestNodeFromDOMNode as ke,$getNodeByKey as yt}from"lexical";import*as Be from"react";import{useEffect as ae,useRef as oe,useState as Se}from"react";import{createPortal as xt}from"react-dom";var Te=0,pt=-24;var _=0;function we(t,e,o,n,r,m,l,a,u,g=!1){let{height:y,top:s}=n.getBoundingClientRect(),{top:i,width:d}=l.getBoundingClientRect(),{marginBottom:x,marginTop:p}=J(n),h=s,f=m>=s+y/2+window.scrollY,c=!1;if(r?.elem)if(n!==r?.elem)(f&&r?.elem&&r?.elem===n.nextElementSibling||!f&&r?.elem&&r?.elem===n.previousElementSibling)&&(_++,_<200&&(c=!0));else{_++;let C=r?.boundingBox?.y,k=n.getBoundingClientRect().y;(f===r?.isBelow&&C===k||_<200)&&(c=!1)}if(c)return{isBelow:f,willStayInSamePosition:c};g?h+=y/2:f?h+=y+x/2:h-=p/2;let E=0;g||(f?E=-Te:E=Te);let b=h-i+E,T=pt-e;return o.style.width=`calc(${d}px - ${t})`,o.style.opacity=".8",o.style.transform=`translate(${T}px, calc(${b}px - 2px))`,r?.elem&&(r.elem.style.opacity="",r?.elem===n?f?r.elem.style.marginTop="":r.elem.style.marginBottom="":(r.elem.style.marginBottom="",r.elem.style.marginTop="")),_=0,{isBelow:f,willStayInSamePosition:c}}var Et="draggable-block-menu",ve="application/x-lexical-drag-block",V=1/0;function Me(t){return t===0?1/0:V>=0&&V<t?V:Math.floor(t/2)}function bt(t,e){let{transform:o}=e.style;t.setDragImage(e,0,0),setTimeout(()=>{e.style.transform=o})}function Le(t,e){t&&(t.style.opacity="0"),e&&(e.style.opacity="",e.style.marginBottom="",e.style.marginTop="")}function Ct(t,e,o){let n=e.parentElement,r=oe(null),m=oe(null),l=oe(null),a=oe(!1),[u,g]=Se(null),[y,s]=Se(null),{editorConfig:i}=R(),d=i?.admin?.hideGutter?-44:-8;ae(()=>{function h(f){let c=f.target;if(!H(c))return;let E=j(n,f.pageX,f.pageY,c);if(E===-1){g(null);return}if(X(c,Et))return;let b=O(t),{blockElem:T,foundAtIndex:C,isFoundNodeEmptyParagraph:k}=K({anchorElem:e,cache_threshold:0,editor:t,horizontalOffset:-E,point:new B(f.x,f.y),startIndex:Me(b.length),useEdgeAsDefault:!1,verbose:!1});V=C,!(!T&&!k)&&u!==T&&g(T)}return document?.addEventListener("mousemove",h),()=>{document?.removeEventListener("mousemove",h)}},[n,e,t,u]),ae(()=>{r.current&&Z(u,r.current,e,d)},[e,u,d]),ae(()=>{function h(c){if(!a.current)return!1;let[E]=Re(c);if(E)return!1;let{pageY:b,target:T}=c;if(!H(T))return!1;let C=j(n,c.pageX,c.pageY,T,100,50),k=O(t),{blockElem:N,foundAtIndex:Y,isFoundNodeEmptyParagraph:I}=K({anchorElem:e,editor:t,fuzzy:!0,horizontalOffset:-C,point:new B(c.x,c.y),startIndex:Me(k.length),useEdgeAsDefault:!0,verbose:!0});V=Y;let L=m.current;if(N===null||L===null)return!1;if(u!==N){let{isBelow:S,willStayInSamePosition:$}=we(i?.admin?.hideGutter?"0px":"3rem",d+(i?.admin?.hideGutter?r?.current?.getBoundingClientRect()?.width??0:-(r?.current?.getBoundingClientRect()?.width??0)),L,N,y,b,e,c,l,I);c.preventDefault(),$||s({boundingBox:N.getBoundingClientRect(),elem:N,isBelow:S})}else y?.elem&&(Le(L,y.elem),s({boundingBox:N.getBoundingClientRect(),elem:N,isBelow:!1}));return!0}function f(c){if(!a.current)return!1;let[E]=Re(c);if(E)return!1;let{dataTransfer:b,pageY:T,target:C}=c,k=b?.getData(ve)||"";return t.update(()=>{let N=yt(k);if(!N||!H(C))return!1;let Y=j(n,c.pageX,c.pageY,C,100,50),{blockElem:I,isFoundNodeEmptyParagraph:L}=K({anchorElem:e,editor:t,fuzzy:!0,horizontalOffset:-Y,point:new B(c.x,c.y),useEdgeAsDefault:!0});if(!I)return!1;let S=ke(I);if(!S)return!1;if(S===N)return!0;let{height:$,top:se}=z(I),U=T>=se+$/2+window.scrollY;L?(S.insertBefore(N),S.remove()):U?S.insertAfter(N):S.insertBefore(N),u!==null&&g(null),document.querySelectorAll(".lexical-block-highlighter").forEach(F=>{F.remove()});let Ze=t.getElementByKey(N.getKey());setTimeout(()=>{let F=Ze?.getBoundingClientRect();if(!F)return;let w=document.createElement("div");w.className="lexical-block-highlighter",w.style.backgroundColor="var(--theme-elevation-1000",w.style.transition="opacity 0.5s ease-in-out",w.style.zIndex="1",w.style.pointerEvents="none",w.style.boxSizing="border-box",w.style.borderRadius="4px",w.style.position="absolute",document.body.appendChild(w),w.style.opacity="0.1",w.style.height=`${F.height+8}px`,w.style.width=`${F.width+8}px`,w.style.top=`${F.top+window.scrollY-4}px`,w.style.left=`${F.left-4}px`,setTimeout(()=>{w.style.opacity="0",setTimeout(()=>{w.remove()},500)},1e3)},120)}),!0}return document.addEventListener("dragover",h),document.addEventListener("drop",f),()=>{document.removeEventListener("dragover",h),document.removeEventListener("drop",f)}},[n,d,e,t,y,u,i?.admin?.hideGutter]);function x(h){let f=h.dataTransfer;if(!f||!u)return;bt(f,u);let c="";t.update(()=>{let E=ke(u);E&&(c=E.getKey())}),a.current=!0,f.setData(ve,c)}function p(){a.current=!1,y?.elem&&Le(m.current,y?.elem)}return xt(gt(Be.Fragment,{children:[te("div",{className:"icon draggable-block-menu",draggable:!0,onDragEnd:p,onDragStart:x,ref:r,children:te("div",{className:o?"icon":""})}),te("div",{className:"draggable-block-target-line",ref:m}),te("div",{className:"debug-highlight",ref:l})]}),e)}function Ae(t){let{anchorElem:e}=t,o=e===void 0?document.body:e,[n]=ht();return Ct(n,o,n._editable)}import{c as Nt}from"react/compiler-runtime";import{useLexicalComposerContext as Pt}from"@lexical/react/LexicalComposerContext";import*as Ie from"react";var Fe=()=>{let t=Nt(4),{editorConfig:e}=R(),[o]=Pt(),n,r;return t[0]!==o||t[1]!==e.features.markdownTransformers?(n=()=>ue(o,e.features.markdownTransformers??[]),r=[o,e.features.markdownTransformers],t[0]=o,t[1]=e.features.markdownTransformers,t[2]=n,t[3]=r):(n=t[2],r=t[3]),Ie.useEffect(n,r),null};import{jsx as G,jsxs as Oe}from"react/jsx-runtime";import{useLexicalComposerContext as wt}from"@lexical/react/LexicalComposerContext.js";import{useTranslation as _e}from"@payloadcms/ui";import{useCallback as Rt,useMemo as kt,useState as St}from"react";import"react";import*as $e from"react-dom";import{c as Tt}from"react/compiler-runtime";import"react";function De(t,e){let o=Tt(4),{maxLength:n,minLength:r}=e,m=n===void 0?75:n,l=r===void 0?1:r,a;return o[0]!==t||o[1]!==m||o[2]!==l?(a=u=>{let{query:g}=u,y="[^"+t+fe+"\\s]",i=new RegExp("(^|\\s|\\()(["+t+"]((?:"+y+"){0,"+m+"}))$").exec(g);if(i!==null){let d=i[1],x=i[3];if(x.length>=l)return{leadOffset:i.index+d.length,matchingString:x,replaceableString:i[2]}}return null},o[0]=t,o[1]=m,o[2]=l,o[3]=a):a=o[3],a}var M="slash-menu-popup";function vt({isSelected:t,item:e,onClick:o,onMouseEnter:n,ref:r}){let{fieldProps:{featureClientSchemaMap:m,schemaPath:l}}=R(),{i18n:a}=_e(),u=`${M}__item ${M}__item-${e.key}`;t&&(u+=` ${M}__item--selected`);let g=e.key;return e.label&&(g=typeof e.label=="function"?e.label({featureClientSchemaMap:m,i18n:a,schemaPath:l}):e.label),g.length>25&&(g=g.substring(0,25)+"..."),Oe("button",{"aria-selected":t,className:u,id:M+"__item-"+e.key,onClick:o,onMouseEnter:n,ref:r,role:"option",tabIndex:-1,type:"button",children:[e?.Icon&&G(e.Icon,{}),G("span",{className:`${M}__item-text`,children:g})]},e.key)}function He({anchorElem:t=document.body}){let[e]=wt(),[o,n]=St(null),{editorConfig:r}=R(),{i18n:m}=_e(),{fieldProps:{featureClientSchemaMap:l,schemaPath:a}}=R(),u=De("/",{minLength:0}),g=Rt(()=>{let s=[];for(let i of r.features.slashMenu.dynamicGroups)if(o){let d=i({editor:e,queryString:o});s=s.concat(d)}return s},[e,o,r?.features]),y=kt(()=>{let s=[];for(let i of r?.features.slashMenu.groups??[])s.push(i);if(o){s=s.map(d=>{let x=d.items.filter(p=>{let h=p.key;return p.label&&(h=typeof p.label=="function"?p.label({featureClientSchemaMap:l,i18n:m,schemaPath:a}):p.label),new RegExp(o,"gi").exec(h)?!0:p.keywords!=null?p.keywords.some(f=>new RegExp(o,"gi").exec(f)):!1});return x.length?{...d,items:x}:null}),s=s.filter(d=>d!=null);let i=g();for(let d of i){let x=s.find(p=>p.key===d.key);x?s=s.filter(p=>p.key!==d.key):x={...d,items:[]},x?.items?.length&&(x.items=x.items.concat(x.items)),s.push(x)}}return s},[o,r?.features.slashMenu.groups,g,l,m,a]);return G(ge,{anchorElem:t,groups:y,menuRenderFn:(s,{selectedItemKey:i,selectItemAndCleanUp:d,setSelectedItemKey:x})=>s.current&&y.length?$e.createPortal(G("div",{className:M,children:y.map(p=>{let h=p.key;return p.label&&l&&(h=typeof p.label=="function"?p.label({featureClientSchemaMap:l,i18n:m,schemaPath:a}):p.label),Oe("div",{className:`${M}__group ${M}__group-${p.key}`,children:[G("div",{className:`${M}__group-title`,children:h}),p.items.map((f,c)=>G(vt,{index:c,isSelected:i===f.key,item:f,onClick:()=>{x(f.key),d(f)},onMouseEnter:()=>{x(f.key)},ref:E=>{f.ref={current:E}}},f.key))]},p.key)})}),s.current):null,onQueryChange:n,triggerFn:u})}import{c as Mt}from"react/compiler-runtime";import{useLexicalComposerContext as Lt}from"@lexical/react/LexicalComposerContext";import{TEXT_TYPE_TO_FORMAT as je,TextNode as Bt}from"lexical";import{useEffect as At}from"react";function ze(t){let e=Mt(6),{features:o}=t,[n]=Lt(),r;e[0]!==o.enabledFormats||e[1]!==n?(r=()=>{let l=It(o.enabledFormats);if(l.length!==0)return n.registerNodeTransform(Bt,a=>{l.forEach(u=>{a.hasFormat(u)&&a.toggleFormat(u)})})},e[0]=o.enabledFormats,e[1]=n,e[2]=r):r=e[2];let m;return e[3]!==n||e[4]!==o?(m=[n,o],e[3]=n,e[4]=o,e[5]=m):m=e[5],At(r,m),null}function It(t){delete je.highlight;let e=Object.keys(je),o=new Set(t);return e.filter(n=>!o.has(n))}import{c as Ft}from"react/compiler-runtime";import{jsx as Ke}from"react/jsx-runtime";import{ContentEditable as Dt}from"@lexical/react/LexicalContentEditable.js";import{useTranslation as Ot}from"@payloadcms/ui";import"react";function Ge(t){let e=Ft(3),{className:o}=t,{t:n}=Ot(),r;return e[0]!==n||e[1]!==o?(r=Ke(Dt,{"aria-placeholder":n("lexical:general:placeholder"),className:o??"ContentEditable__root",placeholder:Ke("p",{className:"editor-placeholder",children:n("lexical:general:placeholder")})}),e[0]=n,e[1]=o,e[2]=r):r=e[2],r}var Ve=t=>{let e=_t(22),{editorConfig:o,editorContainerRef:n,onChange:r}=t,m=R(),[l]=$t(),[a,u]=Ue(null),g;e[0]===Symbol.for("react.memo_cache_sentinel")?(g=c=>{c!==null&&u(c)},e[0]=g):g=e[0];let y=g,s,i;e[1]!==m||e[2]!==l?(s=()=>{if(!m?.uuid){console.error("Lexical Editor must be used within an EditorConfigProvider");return}m?.parentEditor?.uuid&&m.parentEditor?.registerChild(m.uuid,m);let c=()=>{m.focusEditor(m)},E=()=>{m.blurEditor(m)},b=l.registerCommand(Yt,()=>(c(),!0),We),T=l.registerCommand(Wt,()=>(E(),!0),We);return()=>{b(),T(),m.parentEditor?.unregisterChild?.(m.uuid)}},i=[l,m],e[1]=m,e[2]=l,e[3]=s,e[4]=i):(s=e[3],i=e[4]),Ye(s,i);let[d,x]=Ue(!1),p,h;e[5]!==d?(p=()=>{let c=()=>{let E=window.matchMedia("(max-width: 768px)").matches;E!==d&&x(E)};return c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}},h=[d],e[5]=d,e[6]=p,e[7]=h):(p=e[6],h=e[7]),Ye(p,h);let f;if(e[8]!==o.features||e[9]!==r||e[10]!==a||e[11]!==d||e[12]!==l||e[13]!==n){let c;e[15]!==r?(c=(b,T,C)=>{(!C.has("focus")||C.size>1)&&r?.(b,T,C)},e[15]=r,e[16]=c):c=e[16];let E;e[17]!==a||e[18]!==d||e[19]!==l||e[20]!==o?(E=a&&q(W.Fragment,{children:[!d&&l.isEditable()&&q(W.Fragment,{children:[P(Ae,{anchorElem:a}),P(Pe,{anchorElem:a})]}),o.features.plugins?.map(b=>{if(b.position==="floatingAnchorElem"&&!(b.desktopOnly===!0&&d))return P(D,{anchorElem:a,clientProps:b.clientProps,plugin:b},b.key)}),l.isEditable()&&P(W.Fragment,{children:P(He,{anchorElem:a})})]}),e[17]=a,e[18]=d,e[19]=l,e[20]=o,e[21]=E):E=e[21],f=q(W.Fragment,{children:[o.features.plugins?.map(Ut),q("div",{className:"editor-container",ref:n,children:[o.features.plugins?.map(Vt),P(Kt,{contentEditable:P("div",{className:"editor-scroller",children:P("div",{className:"editor",ref:y,children:P(Ge,{})})}),ErrorBoundary:Ht}),P(ze,{features:o.features}),P(zt,{ignoreSelectionChange:!0,onChange:c}),E,l.isEditable()&&q(W.Fragment,{children:[P(jt,{}),o?.features?.markdownTransformers?.length>0&&P(Fe,{})]}),P(Gt,{}),o.features.plugins?.map(qt),o.features.plugins?.map(Jt)]}),o.features.plugins?.map(Qt)]}),e[8]=o.features,e[9]=r,e[10]=a,e[11]=d,e[12]=l,e[13]=n,e[14]=f}else f=e[14];return f};function Ut(t){if(t.position==="aboveContainer")return P(D,{clientProps:t.clientProps,plugin:t},t.key)}function Vt(t){if(t.position==="top")return P(D,{clientProps:t.clientProps,plugin:t},t.key)}function qt(t){if(t.position==="normal")return P(D,{clientProps:t.clientProps,plugin:t},t.key)}function Jt(t){if(t.position==="bottom")return P(D,{clientProps:t.clientProps,plugin:t},t.key)}function Qt(t){if(t.position==="belowContainer")return P(D,{clientProps:t.clientProps,plugin:t},t.key)}var Je=({children:t,providers:e})=>{if(!e?.length)return t;let o=e[0];return e.length>1?A(o,{children:A(Je,{providers:e.slice(1),children:t})}):A(o,{children:t})},Qe=t=>{let{composerKey:e,editorConfig:o,fieldProps:n,onChange:r,readOnly:m,value:l}=t,a=R(),u=qe.useRef(null),g=Zt(()=>{if(l&&typeof l!="object")throw new Error("The value passed to the Lexical editor is not an object. This is not supported. Please remove the data from the field and start again. This is the value that was passed in: "+JSON.stringify(l));if(l&&Array.isArray(l)&&!("root"in l))throw new Error("You have tried to pass in data from the old Slate editor to the new Lexical editor. The data structure is different, thus you will have to migrate your data. We offer a one-line migration script which migrates all your rich text fields: https://payloadcms.com/docs/lexical/migration#migration-via-migration-script-recommended");if(l&&"jsonContent"in l)throw new Error("You have tried to pass in data from payload-plugin-lexical. The data structure is different, thus you will have to migrate your data. Migration guide: https://payloadcms.com/docs/lexical/migration#migrating-from-payload-plugin-lexical");return{editable:m!==!0,editorState:l!=null?JSON.stringify(l):void 0,namespace:o.lexical.namespace,nodes:ye({editorConfig:o}),onError:y=>{throw y},theme:o.lexical.theme}},[o]);return g?A(Xt,{initialConfig:g,children:A(de,{editorConfig:o,editorContainerRef:u,fieldProps:n,parentContext:a,children:A(Je,{providers:o.features.providers,children:A(Ve,{editorConfig:o,editorContainerRef:u,onChange:r})})})},e+g.editable):A("p",{children:"Loading..."})};import"./bundled.css";var ne="rich-text-lexical",lo=t=>{let{editorConfig:e,field:o,field:{name:n,admin:{className:r,readOnly:m}={},label:l,localized:a,required:u},path:g,readOnly:y,validate:s}=t,i=y||m,d=g??n,x=to(),p=Xe((U,me)=>typeof s=="function"?s(U,{...me,required:u}):!0,[s,u]),{customComponents:{AfterInput:h,BeforeInput:f,Description:c,Error:E,Label:b}={},formInitializing:T,formProcessing:C,initialValue:k,setValue:N,showError:Y,value:I}=oo({path:d,validate:p}),L=i||C||T,S=[ne,"field-type",r,Y&&"error",L&&`${ne}--read-only`,e?.admin?.hideGutter!==!0?`${ne}--show-gutter`:null].filter(Boolean).join(" "),$=`${d}.${x}`,se=Xe(U=>{N(U.toJSON())},[N]),ce=io(()=>ro(o),[o]);return re("div",{className:S,style:ce,children:[E,b||ie(eo,{label:l,localized:a,required:u}),re("div",{className:`${ne}__wrap`,children:[re(so,{fallbackRender:ao,onReset:()=>{},children:[f,ie(Qe,{composerKey:$,editorConfig:e,fieldProps:t,onChange:se,readOnly:L,value:I},JSON.stringify({initialValue:k,path:d})),h]}),c]})]},$)};function ao({error:t}){return re("div",{className:"errorBoundary",role:"alert",children:[ie("p",{children:"Something went wrong:"}),ie("pre",{style:{color:"red"},children:t.message})]})}var Cr=no(lo);export{Cr as RichText};
-//# sourceMappingURL=Field-4JYUMYYH.js.map