@payloadcms/richtext-lexical 3.22.0 → 3.23.0-canary.597254e

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAUtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAInE,OAAO,cAAc,CAAA;AAKrB,KAAK,KAAK,GAAG;IACX;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAA;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+f1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAUtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAInE,OAAO,cAAc,CAAA;AAKrB,KAAK,KAAK,GAAG;IACX;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAA;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0hB1C,CAAA"}

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

@@ -63,17 +63,28 @@ export const BlockComponent = props => {
     getFormState
   } = useServerFunctions();
   const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${formData.blockType}.fields`;
-  const [initialState, setInitialState] = React.useState(initialLexicalFormState?.[formData.id]?.formState ? {
-    ...initialLexicalFormState?.[formData.id]?.formState,
-    blockName: {
-      initialValue: formData.blockName,
-      passesCondition: true,
-      valid: true,
-      value: formData.blockName
-    }
-  } : false);
+  const [initialState, setInitialState] = React.useState(() => {
+    return initialLexicalFormState?.[formData.id]?.formState ? {
+      ...initialLexicalFormState?.[formData.id]?.formState,
+      blockName: {
+        initialValue: formData.blockName,
+        passesCondition: true,
+        valid: true,
+        value: formData.blockName
+      }
+    } : false;
+  });
+  const hasMounted = useRef(false);
+  const prevCacheBuster = useRef(cacheBuster);
   useEffect(() => {
-    setInitialState(false);
+    if (hasMounted.current) {
+      if (prevCacheBuster.current !== cacheBuster) {
+        setInitialState(false);
+      }
+      prevCacheBuster.current = cacheBuster;
+    } else {
+      hasMounted.current = true;
+    }
   }, [cacheBuster]);
   const [CustomLabel, setCustomLabel] = React.useState(
   // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve
@@ -115,6 +126,16 @@ export const BlockComponent = props => {
           valid: true,
           value: formData.blockName
         };
+        const newFormStateData = reduceFieldsToValues(deepCopyObjectSimpleWithoutReactComponents(state), true);
+        // Things like default values may come back from the server => update the node with the new data
+        editor.update(() => {
+          const node = $getNodeByKey(nodeKey);
+          if (node && $isBlockNode(node)) {
+            const newData = newFormStateData;
+            newData.blockType = formData.blockType;
+            node.setFields(newData, true);
+          }
+        });
         setInitialState(state);
         setCustomLabel(state._components?.customComponents?.BlockLabel);
         setCustomBlock(state._components?.customComponents?.Block);
@@ -126,7 +147,7 @@ export const BlockComponent = props => {
     return () => {
       abortAndIgnore(abortController);
     };
-  }, [getFormState, schemaFieldsPath, id, formData, initialState, collectionSlug, globalSlug, getDocPreferences, parentDocumentFields]);
+  }, [getFormState, schemaFieldsPath, id, formData, editor, nodeKey, initialState, collectionSlug, globalSlug, getDocPreferences, parentDocumentFields]);
   const [isCollapsed, setIsCollapsed] = React.useState(initialLexicalFormState?.[formData.id]?.collapsed ?? false);
   const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${formData.blockType}`;
   const clientSchemaMap = featureClientSchemaMap['blocks'];
@@ -167,16 +188,16 @@ export const BlockComponent = props => {
     if (prevFormState.blockName) {
       newFormState.blockName = prevFormState.blockName;
     }
-    const newFormStateData = reduceFieldsToValues(removeEmptyArrayValues({
+    const newFormStateData_0 = reduceFieldsToValues(removeEmptyArrayValues({
       fields: deepCopyObjectSimpleWithoutReactComponents(newFormState)
     }), true);
     setTimeout(() => {
       editor.update(() => {
-        const node = $getNodeByKey(nodeKey);
-        if (node && $isBlockNode(node)) {
-          const newData = newFormStateData;
-          newData.blockType = formData.blockType;
-          node.setFields(newData, true);
+        const node_0 = $getNodeByKey(nodeKey);
+        if (node_0 && $isBlockNode(node_0)) {
+          const newData_0 = newFormStateData_0;
+          newData_0.blockType = formData.blockType;
+          node_0.setFields(newData_0, true);
         }
       });
     }, 0);
@@ -343,13 +364,13 @@ export const BlockComponent = props => {
       fields: clientBlockFields,
       initialState: initialState,
       onChange: [onChange],
-      onSubmit: (formState_0, newData_0) => {
+      onSubmit: (formState_0, newData_1) => {
         // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component
-        newData_0.blockType = formData.blockType;
+        newData_1.blockType = formData.blockType;
         editor.update(() => {
-          const node_0 = $getNodeByKey(nodeKey);
-          if (node_0 && $isBlockNode(node_0)) {
-            node_0.setFields(newData_0, true);
+          const node_1 = $getNodeByKey(nodeKey);
+          if (node_1 && $isBlockNode(node_1)) {
+            node_1.setFields(newData_1, true);
           }
         });
         toggleDrawer();

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","FormSubmit","Pill","RenderFields","SectionTitle","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","abortAndIgnore","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","useCallback","useEffect","useMemo","useRef","baseClass","useLexicalComposerContext","getTranslation","$getNodeByKey","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isBlockNode","BlockContent","removeEmptyArrayValues","BlockComponent","props","cacheBuster","formData","nodeKey","submitted","id","collectionSlug","globalSlug","fieldProps","featureClientSchemaMap","field","parentLexicalRichTextField","initialLexicalFormState","permissions","readOnly","schemaPath","uuidFromContext","fields","parentDocumentFields","onChangeAbortControllerRef","AbortController","editDepth","errorCount","setErrorCount","useState","drawerSlug","slug","depth","toggleDrawer","getDocPreferences","setDocFieldPreferences","editor","getFormState","schemaFieldsPath","blockType","initialState","setInitialState","formState","blockName","initialValue","passesCondition","valid","value","CustomLabel","setCustomLabel","customComponents","BlockLabel","CustomBlock","setCustomBlock","Block","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","initialBlockData","operation","renderAllFields","signal","_components","isCollapsed","setIsCollapsed","collapsed","componentMapRenderedBlockPath","clientSchemaMap","blocksField","clientBlock","blocks","i18n","t","onChange","prevFormState","submit","current","controller","newFormState","initialBlockFormState","newFormStateData","setTimeout","update","node","newData","setFields","rowErrorCount","formField","Object","values","removeBlock","remove","blockDisplayName","labels","singular","onCollapsedChange","changedCollapsed","then","currentDocPreferences","currentFieldPreferences","name","collapsedArray","newCollapsed","length","includes","push","splice","indexOf","hello","EditButton","_jsx","buttonStyle","className","disabled","el","icon","onClick","e","preventDefault","stopPropagation","onMouseDown","round","size","tooltip","label","RemoveButton","admin","BlockCollapsible","children","disableBlockName","editButton","fieldHasErrors","Label","removeButton","join","collapsibleStyle","header","_jsxs","pillStyle","path","count","withMessage","isEditable","onToggle","incomingCollapsedState","clientBlockFields","BlockDrawer","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","programmaticSubmit","beforeSubmit","onSubmit","formSchema"],"sources":["../../../../../src/features/blocks/client/component/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Button,\n  Collapsible,\n  Drawer,\n  EditDepthProvider,\n  ErrorPill,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  Pill,\n  RenderFields,\n  SectionTitle,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useFormSubmitted,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\n\nconst baseClass = 'lexical-block'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { getTranslation } from '@payloadcms/translations'\nimport { $getNodeByKey } from 'lexical'\nimport { type BlocksFieldClient, type CollapsedPreferences, type FormState } from 'payload'\nimport { v4 as uuid } from 'uuid'\n\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport './index.scss'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport { BlockContent } from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\ntype Props = {\n  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\n  readonly formData: BlockFields\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<Props> = (props) => {\n  const { cacheBuster, formData, nodeKey } = props\n  const submitted = useFormSubmitted()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const {\n    fieldProps: {\n      featureClientSchemaMap,\n      field: parentLexicalRichTextField,\n      initialLexicalFormState,\n      permissions,\n      readOnly,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n\n  const { fields: parentDocumentFields } = useDocumentForm()\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const editDepth = useEditDepth()\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-blocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug)\n\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n  const [editor] = useLexicalComposerContext()\n\n  const { getFormState } = useServerFunctions()\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${formData.blockType}.fields`\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(\n    initialLexicalFormState?.[formData.id]?.formState\n      ? {\n          ...initialLexicalFormState?.[formData.id]?.formState,\n          blockName: {\n            initialValue: formData.blockName,\n            passesCondition: true,\n            valid: true,\n            value: formData.blockName,\n          },\n        }\n      : false,\n  )\n\n  useEffect(() => {\n    setInitialState(false)\n  }, [cacheBuster])\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  // 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        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields),\n        globalSlug,\n        initialBlockData: formData,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        state.blockName = {\n          initialValue: formData.blockName,\n          passesCondition: true,\n          valid: true,\n          value: formData.blockName,\n        }\n\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    parentDocumentFields,\n  ])\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(\n    initialLexicalFormState?.[formData.id]?.collapsed ?? false,\n  )\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${formData.blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient | undefined = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient\n\n  const clientBlock = blocksField?.blocks?.[0]\n\n  const { i18n, t } = useTranslation<object, string>()\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: newFormState } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!newFormState) {\n        return prevFormState\n      }\n\n      if (prevFormState.blockName) {\n        newFormState.blockName = prevFormState.blockName\n      }\n\n      const newFormStateData: BlockFields = reduceFieldsToValues(\n        removeEmptyArrayValues({\n          fields: deepCopyObjectSimpleWithoutReactComponents(newFormState),\n        }),\n        true,\n      ) as BlockFields\n\n      setTimeout(() => {\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = formData.blockType\n            node.setFields(newData, true)\n          }\n        })\n      }, 0)\n\n      if (submit) {\n        setCustomLabel(newFormState._components?.customComponents?.BlockLabel)\n        setCustomBlock(newFormState._components?.customComponents?.Block)\n\n        let rowErrorCount = 0\n        for (const formField of Object.values(newFormState)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n\n      return newFormState\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaFieldsPath,\n      formData.blockType,\n      parentDocumentFields,\n      editor,\n      nodeKey,\n    ],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock?.slug\n\n  const onCollapsedChange = useCallback(\n    (changedCollapsed: boolean) => {\n      void getDocPreferences().then((currentDocPreferences) => {\n        const currentFieldPreferences =\n          currentDocPreferences?.fields?.[parentLexicalRichTextField.name]\n\n        const collapsedArray = currentFieldPreferences?.collapsed\n\n        const newCollapsed: CollapsedPreferences =\n          collapsedArray && collapsedArray?.length ? collapsedArray : []\n\n        if (changedCollapsed) {\n          if (!newCollapsed.includes(formData.id)) {\n            newCollapsed.push(formData.id)\n          }\n        } else {\n          if (newCollapsed.includes(formData.id)) {\n            newCollapsed.splice(newCollapsed.indexOf(formData.id), 1)\n          }\n        }\n\n        setDocFieldPreferences(parentLexicalRichTextField.name, {\n          collapsed: newCollapsed,\n          hello: 'hi',\n        })\n      })\n    },\n    [getDocPreferences, parentLexicalRichTextField.name, setDocFieldPreferences, formData.id],\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={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n          toggleDrawer()\n          return false\n        }}\n        onMouseDown={(e) => {\n          // Needed to preserve lexical selection for toggleDrawer lexical selection restore.\n          // I believe this is needed due to this button (usually) being inside of a collapsible.\n          e.preventDefault()\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 RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={parentLexicalRichTextField?.admin?.readOnly || false}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          removeBlock()\n        }}\n        round\n        tooltip=\"Remove Block\"\n      />\n    ),\n    [parentLexicalRichTextField?.admin?.readOnly, removeBlock],\n  )\n\n  const BlockCollapsible = useMemo(\n    () =>\n      ({\n        children,\n        disableBlockName,\n        editButton,\n        errorCount,\n        fieldHasErrors,\n        Label,\n        removeButton,\n      }: {\n        children?: React.ReactNode\n        disableBlockName?: boolean\n        editButton?: boolean\n        errorCount?: number\n        fieldHasErrors?: boolean\n        /**\n         * Override the default label with a custom label\n         */\n        Label?: React.ReactNode\n        removeButton?: boolean\n      }) => (\n        <div className={baseClass + ' ' + baseClass + '-' + formData.blockType}>\n          <Collapsible\n            className={[\n              `${baseClass}__row`,\n              fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n            ].join(' ')}\n            collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n            header={\n              <div className={`${baseClass}__block-header`}>\n                {(Label ?? CustomLabel) ? (\n                  (Label ?? CustomLabel)\n                ) : (\n                  <div>\n                    <Pill\n                      className={`${baseClass}__block-pill ${baseClass}__block-pill-${formData?.blockType}`}\n                      pillStyle=\"white\"\n                    >\n                      {blockDisplayName ?? formData?.blockType}\n                    </Pill>\n                    {!disableBlockName && (\n                      <SectionTitle\n                        path=\"blockName\"\n                        readOnly={parentLexicalRichTextField?.admin?.readOnly || false}\n                      />\n                    )}\n\n                    {fieldHasErrors && (\n                      <ErrorPill count={errorCount ?? 0} i18n={i18n} withMessage />\n                    )}\n                  </div>\n                )}\n\n                <div>\n                  {(CustomBlock && editButton !== false) || (!CustomBlock && editButton) ? (\n                    <EditButton />\n                  ) : null}\n                  {removeButton !== false && editor.isEditable() ? <RemoveButton /> : null}\n                </div>\n              </div>\n            }\n            isCollapsed={isCollapsed}\n            key={0}\n            onToggle={(incomingCollapsedState) => {\n              onCollapsedChange(incomingCollapsedState)\n              setIsCollapsed(incomingCollapsedState)\n            }}\n          >\n            {children}\n          </Collapsible>\n        </div>\n      ),\n    [\n      CustomBlock,\n      CustomLabel,\n      EditButton,\n      RemoveButton,\n      blockDisplayName,\n      editor,\n      formData.blockType,\n      i18n,\n      isCollapsed,\n      onCollapsedChange,\n      parentLexicalRichTextField?.admin?.readOnly,\n    ],\n  )\n\n  const clientBlockFields = clientBlock?.fields ?? []\n\n  const BlockDrawer = useMemo(\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={clientBlockFields}\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    ),\n    [\n      initialState,\n      drawerSlug,\n      blockDisplayName,\n      t,\n      clientBlock?.fields,\n      schemaFieldsPath,\n      permissions,\n      // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    ],\n  )\n\n  // Memoized Form JSX\n  const Block = useMemo(() => {\n    if (!initialState) {\n      return null\n    }\n    return (\n      <Form\n        beforeSubmit={[\n          async ({ formState }) => {\n            // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n            return await onChange({ formState, submit: true })\n          },\n        ]}\n        fields={clientBlockFields}\n        initialState={initialState}\n        onChange={[onChange]}\n        onSubmit={(formState, newData) => {\n          // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n          newData.blockType = formData.blockType\n          editor.update(() => {\n            const node = $getNodeByKey(nodeKey)\n            if (node && $isBlockNode(node)) {\n              node.setFields(newData as BlockFields, true)\n            }\n          })\n          toggleDrawer()\n        }}\n        submitted={submitted}\n        uuid={uuid()}\n      >\n        <BlockContent\n          baseClass={baseClass}\n          BlockDrawer={BlockDrawer}\n          Collapsible={BlockCollapsible}\n          CustomBlock={CustomBlock}\n          EditButton={EditButton}\n          errorCount={errorCount}\n          formSchema={clientBlockFields}\n          initialState={initialState}\n          nodeKey={nodeKey}\n          RemoveButton={RemoveButton}\n        />\n      </Form>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    CustomBlock,\n    clientBlockFields,\n    RemoveButton,\n    EditButton,\n    editor,\n    errorCount,\n    toggleDrawer,\n    clientBlock?.fields,\n    // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    initialState,\n    nodeKey,\n    onChange,\n    submitted,\n  ])\n\n  if (!clientBlock) {\n    return (\n      <BlockCollapsible disableBlockName={true} fieldHasErrors={true}>\n        <div className=\"lexical-block-not-found\">\n          Error: Block '{formData.blockType}' not found in the config but exists in the lexical data\n        </div>\n      </BlockCollapsible>\n    )\n  }\n\n  return Block\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","FormSubmit","Pill","RenderFields","SectionTitle","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","abortAndIgnore","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","useCallback","useEffect","useMemo","useRef","baseClass","useLexicalComposerContext","getTranslation","$getNodeByKey","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isBlockNode","BlockContent","removeEmptyArrayValues","BlockComponent","props","cacheBuster","formData","nodeKey","submitted","id","collectionSlug","globalSlug","fieldProps","featureClientSchemaMap","field","parentLexicalRichTextField","initialLexicalFormState","permissions","readOnly","schemaPath","uuidFromContext","fields","parentDocumentFields","onChangeAbortControllerRef","AbortController","editDepth","errorCount","setErrorCount","useState","drawerSlug","slug","depth","toggleDrawer","getDocPreferences","setDocFieldPreferences","editor","getFormState","schemaFieldsPath","blockType","initialState","setInitialState","formState","blockName","initialValue","passesCondition","valid","value","hasMounted","prevCacheBuster","current","CustomLabel","setCustomLabel","customComponents","BlockLabel","CustomBlock","setCustomBlock","Block","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","initialBlockData","operation","renderAllFields","signal","newFormStateData","update","node","newData","setFields","_components","isCollapsed","setIsCollapsed","collapsed","componentMapRenderedBlockPath","clientSchemaMap","blocksField","clientBlock","blocks","i18n","t","onChange","prevFormState","submit","controller","newFormState","initialBlockFormState","setTimeout","rowErrorCount","formField","Object","values","removeBlock","remove","blockDisplayName","labels","singular","onCollapsedChange","changedCollapsed","then","currentDocPreferences","currentFieldPreferences","name","collapsedArray","newCollapsed","length","includes","push","splice","indexOf","hello","EditButton","_jsx","buttonStyle","className","disabled","el","icon","onClick","e","preventDefault","stopPropagation","onMouseDown","round","size","tooltip","label","RemoveButton","admin","BlockCollapsible","children","disableBlockName","editButton","fieldHasErrors","Label","removeButton","join","collapsibleStyle","header","_jsxs","pillStyle","path","count","withMessage","isEditable","onToggle","incomingCollapsedState","clientBlockFields","BlockDrawer","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","programmaticSubmit","beforeSubmit","onSubmit","formSchema"],"sources":["../../../../../src/features/blocks/client/component/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Button,\n  Collapsible,\n  Drawer,\n  EditDepthProvider,\n  ErrorPill,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  Pill,\n  RenderFields,\n  SectionTitle,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useFormSubmitted,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\n\nconst baseClass = 'lexical-block'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { getTranslation } from '@payloadcms/translations'\nimport { $getNodeByKey } from 'lexical'\nimport { type BlocksFieldClient, type CollapsedPreferences, type FormState } from 'payload'\nimport { v4 as uuid } from 'uuid'\n\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport './index.scss'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport { BlockContent } from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\ntype Props = {\n  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\n  readonly formData: BlockFields\n  readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<Props> = (props) => {\n  const { cacheBuster, formData, nodeKey } = props\n  const submitted = useFormSubmitted()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const {\n    fieldProps: {\n      featureClientSchemaMap,\n      field: parentLexicalRichTextField,\n      initialLexicalFormState,\n      permissions,\n      readOnly,\n      schemaPath,\n    },\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n\n  const { fields: parentDocumentFields } = useDocumentForm()\n  const onChangeAbortControllerRef = useRef(new AbortController())\n  const editDepth = useEditDepth()\n  const [errorCount, setErrorCount] = React.useState(0)\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-blocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug)\n\n  // Used for saving collapsed to preferences (and gettin' it from there again)\n  // Remember, these preferences are scoped to the whole document, not just this form. This\n  // is important to consider for the data path used in setDocFieldPreferences\n  const { getDocPreferences, setDocFieldPreferences } = useDocumentInfo()\n  const [editor] = useLexicalComposerContext()\n\n  const { getFormState } = useServerFunctions()\n  const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${formData.blockType}.fields`\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(() => {\n    return initialLexicalFormState?.[formData.id]?.formState\n      ? {\n          ...initialLexicalFormState?.[formData.id]?.formState,\n          blockName: {\n            initialValue: formData.blockName,\n            passesCondition: true,\n            valid: true,\n            value: formData.blockName,\n          },\n        }\n      : false\n  })\n\n  const hasMounted = useRef(false)\n  const prevCacheBuster = useRef(cacheBuster)\n  useEffect(() => {\n    if (hasMounted.current) {\n      if (prevCacheBuster.current !== cacheBuster) {\n        setInitialState(false)\n      }\n      prevCacheBuster.current = cacheBuster\n    } else {\n      hasMounted.current = true\n    }\n  }, [cacheBuster])\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  // 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        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields),\n        globalSlug,\n        initialBlockData: formData,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        state.blockName = {\n          initialValue: formData.blockName,\n          passesCondition: true,\n          valid: true,\n          value: formData.blockName,\n        }\n\n        const newFormStateData: BlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state),\n          true,\n        ) as BlockFields\n\n        // Things like default values may come back from the server => update the node with the new data\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = formData.blockType\n\n            node.setFields(newData, true)\n          }\n        })\n\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    editor,\n    nodeKey,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\n  ])\n\n  const [isCollapsed, setIsCollapsed] = React.useState<boolean>(\n    initialLexicalFormState?.[formData.id]?.collapsed ?? false,\n  )\n\n  const componentMapRenderedBlockPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${formData.blockType}`\n\n  const clientSchemaMap = featureClientSchemaMap['blocks']\n\n  const blocksField: BlocksFieldClient | undefined = clientSchemaMap?.[\n    componentMapRenderedBlockPath\n  ]?.[0] as BlocksFieldClient\n\n  const clientBlock = blocksField?.blocks?.[0]\n\n  const { i18n, t } = useTranslation<object, string>()\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: newFormState } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: await getDocPreferences(),\n        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\n        operation: 'update',\n        renderAllFields: submit ? true : false,\n        schemaPath: schemaFieldsPath,\n        signal: controller.signal,\n      })\n\n      if (!newFormState) {\n        return prevFormState\n      }\n\n      if (prevFormState.blockName) {\n        newFormState.blockName = prevFormState.blockName\n      }\n\n      const newFormStateData: BlockFields = reduceFieldsToValues(\n        removeEmptyArrayValues({\n          fields: deepCopyObjectSimpleWithoutReactComponents(newFormState),\n        }),\n        true,\n      ) as BlockFields\n\n      setTimeout(() => {\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = formData.blockType\n            node.setFields(newData, true)\n          }\n        })\n      }, 0)\n\n      if (submit) {\n        setCustomLabel(newFormState._components?.customComponents?.BlockLabel)\n        setCustomBlock(newFormState._components?.customComponents?.Block)\n\n        let rowErrorCount = 0\n        for (const formField of Object.values(newFormState)) {\n          if (formField?.valid === false) {\n            rowErrorCount++\n          }\n        }\n        setErrorCount(rowErrorCount)\n      }\n\n      return newFormState\n    },\n\n    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      globalSlug,\n      schemaFieldsPath,\n      formData.blockType,\n      parentDocumentFields,\n      editor,\n      nodeKey,\n    ],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  const removeBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const blockDisplayName = clientBlock?.labels?.singular\n    ? getTranslation(clientBlock.labels.singular, i18n)\n    : clientBlock?.slug\n\n  const onCollapsedChange = useCallback(\n    (changedCollapsed: boolean) => {\n      void getDocPreferences().then((currentDocPreferences) => {\n        const currentFieldPreferences =\n          currentDocPreferences?.fields?.[parentLexicalRichTextField.name]\n\n        const collapsedArray = currentFieldPreferences?.collapsed\n\n        const newCollapsed: CollapsedPreferences =\n          collapsedArray && collapsedArray?.length ? collapsedArray : []\n\n        if (changedCollapsed) {\n          if (!newCollapsed.includes(formData.id)) {\n            newCollapsed.push(formData.id)\n          }\n        } else {\n          if (newCollapsed.includes(formData.id)) {\n            newCollapsed.splice(newCollapsed.indexOf(formData.id), 1)\n          }\n        }\n\n        setDocFieldPreferences(parentLexicalRichTextField.name, {\n          collapsed: newCollapsed,\n          hello: 'hi',\n        })\n      })\n    },\n    [getDocPreferences, parentLexicalRichTextField.name, setDocFieldPreferences, formData.id],\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={(e) => {\n          e.preventDefault()\n          e.stopPropagation()\n          toggleDrawer()\n          return false\n        }}\n        onMouseDown={(e) => {\n          // Needed to preserve lexical selection for toggleDrawer lexical selection restore.\n          // I believe this is needed due to this button (usually) being inside of a collapsible.\n          e.preventDefault()\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 RemoveButton = useMemo(\n    () => () => (\n      <Button\n        buttonStyle=\"icon-label\"\n        className={`${baseClass}__removeButton`}\n        disabled={parentLexicalRichTextField?.admin?.readOnly || false}\n        icon=\"x\"\n        onClick={(e) => {\n          e.preventDefault()\n          removeBlock()\n        }}\n        round\n        tooltip=\"Remove Block\"\n      />\n    ),\n    [parentLexicalRichTextField?.admin?.readOnly, removeBlock],\n  )\n\n  const BlockCollapsible = useMemo(\n    () =>\n      ({\n        children,\n        disableBlockName,\n        editButton,\n        errorCount,\n        fieldHasErrors,\n        Label,\n        removeButton,\n      }: {\n        children?: React.ReactNode\n        disableBlockName?: boolean\n        editButton?: boolean\n        errorCount?: number\n        fieldHasErrors?: boolean\n        /**\n         * Override the default label with a custom label\n         */\n        Label?: React.ReactNode\n        removeButton?: boolean\n      }) => (\n        <div className={baseClass + ' ' + baseClass + '-' + formData.blockType}>\n          <Collapsible\n            className={[\n              `${baseClass}__row`,\n              fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n            ].join(' ')}\n            collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n            header={\n              <div className={`${baseClass}__block-header`}>\n                {(Label ?? CustomLabel) ? (\n                  (Label ?? CustomLabel)\n                ) : (\n                  <div>\n                    <Pill\n                      className={`${baseClass}__block-pill ${baseClass}__block-pill-${formData?.blockType}`}\n                      pillStyle=\"white\"\n                    >\n                      {blockDisplayName ?? formData?.blockType}\n                    </Pill>\n                    {!disableBlockName && (\n                      <SectionTitle\n                        path=\"blockName\"\n                        readOnly={parentLexicalRichTextField?.admin?.readOnly || false}\n                      />\n                    )}\n\n                    {fieldHasErrors && (\n                      <ErrorPill count={errorCount ?? 0} i18n={i18n} withMessage />\n                    )}\n                  </div>\n                )}\n\n                <div>\n                  {(CustomBlock && editButton !== false) || (!CustomBlock && editButton) ? (\n                    <EditButton />\n                  ) : null}\n                  {removeButton !== false && editor.isEditable() ? <RemoveButton /> : null}\n                </div>\n              </div>\n            }\n            isCollapsed={isCollapsed}\n            key={0}\n            onToggle={(incomingCollapsedState) => {\n              onCollapsedChange(incomingCollapsedState)\n              setIsCollapsed(incomingCollapsedState)\n            }}\n          >\n            {children}\n          </Collapsible>\n        </div>\n      ),\n    [\n      CustomBlock,\n      CustomLabel,\n      EditButton,\n      RemoveButton,\n      blockDisplayName,\n      editor,\n      formData.blockType,\n      i18n,\n      isCollapsed,\n      onCollapsedChange,\n      parentLexicalRichTextField?.admin?.readOnly,\n    ],\n  )\n\n  const clientBlockFields = clientBlock?.fields ?? []\n\n  const BlockDrawer = useMemo(\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={clientBlockFields}\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    ),\n    [\n      initialState,\n      drawerSlug,\n      blockDisplayName,\n      t,\n      clientBlock?.fields,\n      schemaFieldsPath,\n      permissions,\n      // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    ],\n  )\n\n  // Memoized Form JSX\n  const Block = useMemo(() => {\n    if (!initialState) {\n      return null\n    }\n    return (\n      <Form\n        beforeSubmit={[\n          async ({ formState }) => {\n            // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n            return await onChange({ formState, submit: true })\n          },\n        ]}\n        fields={clientBlockFields}\n        initialState={initialState}\n        onChange={[onChange]}\n        onSubmit={(formState, newData) => {\n          // This is only called when form is submitted from drawer - usually only the case if the block has a custom Block component\n          newData.blockType = formData.blockType\n          editor.update(() => {\n            const node = $getNodeByKey(nodeKey)\n            if (node && $isBlockNode(node)) {\n              node.setFields(newData as BlockFields, true)\n            }\n          })\n          toggleDrawer()\n        }}\n        submitted={submitted}\n        uuid={uuid()}\n      >\n        <BlockContent\n          baseClass={baseClass}\n          BlockDrawer={BlockDrawer}\n          Collapsible={BlockCollapsible}\n          CustomBlock={CustomBlock}\n          EditButton={EditButton}\n          errorCount={errorCount}\n          formSchema={clientBlockFields}\n          initialState={initialState}\n          nodeKey={nodeKey}\n          RemoveButton={RemoveButton}\n        />\n      </Form>\n    )\n  }, [\n    BlockCollapsible,\n    BlockDrawer,\n    CustomBlock,\n    clientBlockFields,\n    RemoveButton,\n    EditButton,\n    editor,\n    errorCount,\n    toggleDrawer,\n    clientBlock?.fields,\n    // DO NOT ADD FORMDATA HERE! Adding formData will kick you out of sub block editors while writing.\n    initialState,\n    nodeKey,\n    onChange,\n    submitted,\n  ])\n\n  if (!clientBlock) {\n    return (\n      <BlockCollapsible disableBlockName={true} fieldHasErrors={true}>\n        <div className=\"lexical-block-not-found\">\n          Error: Block '{formData.blockType}' not found in the config but exists in the lexical data\n        </div>\n      </BlockCollapsible>\n    )\n  }\n\n  return Block\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -8,7 +8,7 @@ import { getTranslation } from '@payloadcms/translations';
 import { Button, Drawer, EditDepthProvider, Form, formatDrawerSlug, FormSubmit, RenderFields, ShimmerEffect, useDocumentForm, useDocumentInfo, useEditDepth, useServerFunctions, useTranslation } from '@payloadcms/ui';
 import { abortAndIgnore } from '@payloadcms/ui/shared';
 import { $getNodeByKey } from 'lexical';
-import { deepCopyObjectSimpleWithoutReactComponents } from 'payload/shared';
+import { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared';
 import { v4 as uuid } from 'uuid';
 import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
 import { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
@@ -50,9 +50,18 @@ export const InlineBlockComponent = props => {
   } = useServerFunctions();
   const editDepth = useEditDepth();
   const firstTimeDrawer = useRef(false);
-  const [initialState, setInitialState] = React.useState(initialLexicalFormState?.[formData.id]?.formState);
+  const [initialState, setInitialState] = React.useState(() => initialLexicalFormState?.[formData.id]?.formState);
+  const hasMounted = useRef(false);
+  const prevCacheBuster = useRef(cacheBuster);
   useEffect(() => {
-    setInitialState(false);
+    if (hasMounted.current) {
+      if (prevCacheBuster.current !== cacheBuster) {
+        setInitialState(false);
+      }
+      prevCacheBuster.current = cacheBuster;
+    } else {
+      hasMounted.current = true;
+    }
   }, [cacheBuster]);
   const [CustomLabel, setCustomLabel] = React.useState(
   // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve
@@ -127,6 +136,16 @@ export const InlineBlockComponent = props => {
         signal: abortController.signal
       });
       if (state) {
+        const newFormStateData = reduceFieldsToValues(deepCopyObjectSimpleWithoutReactComponents(state), true);
+        // Things like default values may come back from the server => update the node with the new data
+        editor.update(() => {
+          const node = $getNodeByKey(nodeKey);
+          if (node && $isInlineBlockNode(node)) {
+            const newData = newFormStateData;
+            newData.blockType = formData.blockType;
+            node.setFields(newData, true);
+          }
+        });
         setInitialState(state);
         setCustomLabel(state['_components']?.customComponents?.BlockLabel);
         setCustomBlock(state['_components']?.customComponents?.Block);
@@ -138,7 +157,7 @@ export const InlineBlockComponent = props => {
     return () => {
       abortAndIgnore(abortController);
     };
-  }, [getFormState, schemaFieldsPath, id, formData, initialState, collectionSlug, globalSlug, getDocPreferences, parentDocumentFields]);
+  }, [getFormState, editor, nodeKey, schemaFieldsPath, id, formData, initialState, collectionSlug, globalSlug, getDocPreferences, parentDocumentFields]);
   /**
   * HANDLE ONCHANGE
   */
@@ -185,12 +204,12 @@ export const InlineBlockComponent = props => {
   /**
   * HANDLE FORM SUBMIT
   */
-  const onFormSubmit = useCallback((formState, newData) => {
-    newData.blockType = formData.blockType;
+  const onFormSubmit = useCallback((formState, newData_0) => {
+    newData_0.blockType = formData.blockType;
     editor.update(() => {
-      const node = $getNodeByKey(nodeKey);
-      if (node && $isInlineBlockNode(node)) {
-        node.setFields(newData, true);
+      const node_0 = $getNodeByKey(nodeKey);
+      if (node_0 && $isInlineBlockNode(node_0)) {
+        node_0.setFields(newData_0, true);
       }
     });
   }, [editor, nodeKey, formData]);

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","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","useContext","InlineBlockComponent","props","cacheBuster","formData","nodeKey","editor","i18n","t","createdInlineBlock","fieldProps","featureClientSchemaMap","initialLexicalFormState","permissions","readOnly","schemaPath","setCreatedInlineBlock","uuidFromContext","fields","parentDocumentFields","getFormState","editDepth","firstTimeDrawer","setInitialState","useState","id","formState","CustomLabel","setCustomLabel","customComponents","BlockLabel","CustomBlock","setCustomBlock","Block","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","collectionSlug","getDocPreferences","globalSlug","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blocks","clientBlockFields","current","getKey","length","undefined","removeInlineBlock","update","remove","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","initialBlockData","initialBlockFormState","operation","renderAllFields","signal","onChange","prevFormState","submit","controller","onFormSubmit","newData","node","setFields","RemoveButton","_jsx","buttonStyle","className","disabled","icon","onClick","e","preventDefault","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","filter","Boolean","join","ref","Label","_jsxs","isEditable","beforeSubmit","disableValidationOnSubmit","onSubmit","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","programmaticSubmit","Provider","value","height","width"],"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, Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Drawer,\n  EditDepthProvider,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  ShimmerEffect,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\n\nimport './index.scss'\n\nimport { deepCopyObjectSimpleWithoutReactComponents } from 'payload/shared'\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  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\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 { cacheBuster, formData, nodeKey } = props\n\n  const [editor] = useLexicalComposerContext()\n  const { i18n, t } = useTranslation<object, string>()\n  const {\n    createdInlineBlock,\n    fieldProps: {\n      featureClientSchemaMap,\n      initialLexicalFormState,\n      permissions,\n      readOnly,\n      schemaPath,\n    },\n    setCreatedInlineBlock,\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n  const { fields: parentDocumentFields } = useDocumentForm()\n\n  const { getFormState } = useServerFunctions()\n  const editDepth = useEditDepth()\n  const firstTimeDrawer = useRef(false)\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(\n    initialLexicalFormState?.[formData.id]?.formState,\n  )\n\n  useEffect(() => {\n    setInitialState(false)\n  }, [cacheBuster])\n\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.Block,\n  )\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const { 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 clientBlockFields = clientBlock?.fields ?? []\n\n  // Open drawer on \"mount\"\n  useEffect(() => {\n    if (!firstTimeDrawer.current && createdInlineBlock?.getKey() === nodeKey) {\n      // > 2 because they always have \"id\" and \"blockName\" fields\n      if (clientBlockFields.length > 2) {\n        toggleDrawer()\n      }\n      setCreatedInlineBlock?.(undefined)\n      firstTimeDrawer.current = true\n    }\n  }, [clientBlockFields.length, createdInlineBlock, nodeKey, setCreatedInlineBlock, toggleDrawer])\n\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\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        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields),\n        globalSlug,\n        initialBlockData: formData,\n        initialBlockFormState: formData,\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    parentDocumentFields,\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        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\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    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      parentDocumentFields,\n      globalSlug,\n      schemaFieldsPath,\n    ],\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, newData: Data) => {\n      newData.blockType = formData.blockType\n\n      editor.update(() => {\n        const node = $getNodeByKey(nodeKey)\n        if (node && $isInlineBlockNode(node)) {\n          node.setFields(newData as InlineBlockFields, true)\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, className }: { children: React.ReactNode; className?: string }) => (\n        <div\n          className={[baseClass, baseClass + '-' + formData.blockType, className]\n            .filter(Boolean)\n            .join(' ')}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [formData.blockType],\n  )\n\n  const Label = useMemo(() => {\n    if (CustomLabel) {\n      return () => CustomLabel\n    } else {\n      return () => (\n        <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n      )\n    }\n  }, [CustomLabel, clientBlock?.labels, i18n])\n\n  if (!clientBlock) {\n    return (\n      <InlineBlockContainer className={`${baseClass}-not-found`}>\n        <span>Error: Block '{formData.blockType}' not found</span>\n        {editor.isEditable() ? (\n          <div className={`${baseClass}__actions`}>\n            <RemoveButton />\n          </div>\n        ) : null}\n      </InlineBlockContainer>\n    )\n  }\n\n  return (\n    <Form\n      beforeSubmit={[\n        async ({ formState }) => {\n          // This is only called when form is submitted from drawer\n          return await onChange({ formState, submit: true })\n        },\n      ]}\n      disableValidationOnSubmit\n      fields={clientBlock?.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState, data) => {\n        onFormSubmit(formState, data)\n        toggleDrawer()\n      }}\n      uuid={uuid()}\n    >\n      <EditDepthProvider>\n        <Drawer\n          className={''}\n          slug={drawerSlug}\n          title={t(`lexical:blocks:inlineBlocks:${formData?.id ? 'edit' : 'create'}`, {\n            label: blockDisplayName ?? t('lexical:blocks:inlineBlocks:label'),\n          })}\n        >\n          {initialState ? (\n            <>\n              <RenderFields\n                fields={clientBlock?.fields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\" // See Blocks feature path for details as for why this is empty\n                parentSchemaPath={schemaFieldsPath}\n                permissions={permissions}\n                readOnly={false}\n              />\n              <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n            </>\n          ) : null}\n        </Drawer>\n      </EditDepthProvider>\n      {CustomBlock ? (\n        <InlineBlockComponentContext.Provider\n          value={{\n            EditButton,\n            initialState,\n            InlineBlockContainer,\n            Label,\n            nodeKey,\n            RemoveButton,\n          }}\n        >\n          {CustomBlock}\n        </InlineBlockComponentContext.Provider>\n      ) : (\n        <InlineBlockContainer>\n          {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n          {editor.isEditable() ? (\n            <div className={`${baseClass}__actions`}>\n              <EditButton />\n              <RemoveButton />\n            </div>\n          ) : null}\n        </InlineBlockContainer>\n      )}\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","createContext","useCallback","useEffect","useMemo","useRef","baseClass","useLexicalComposerContext","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","useContext","InlineBlockComponent","props","cacheBuster","formData","nodeKey","editor","i18n","t","createdInlineBlock","fieldProps","featureClientSchemaMap","initialLexicalFormState","permissions","readOnly","schemaPath","setCreatedInlineBlock","uuidFromContext","fields","parentDocumentFields","getFormState","editDepth","firstTimeDrawer","setInitialState","useState","id","formState","hasMounted","prevCacheBuster","current","CustomLabel","setCustomLabel","customComponents","BlockLabel","CustomBlock","setCustomBlock","Block","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","collectionSlug","getDocPreferences","globalSlug","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blocks","clientBlockFields","getKey","length","undefined","removeInlineBlock","update","remove","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","initialBlockData","initialBlockFormState","operation","renderAllFields","signal","newFormStateData","node","newData","setFields","onChange","prevFormState","submit","controller","onFormSubmit","RemoveButton","_jsx","buttonStyle","className","disabled","icon","onClick","e","preventDefault","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","filter","Boolean","join","ref","Label","_jsxs","isEditable","beforeSubmit","disableValidationOnSubmit","onSubmit","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","programmaticSubmit","Provider","value","height","width"],"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, Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Drawer,\n  EditDepthProvider,\n  Form,\n  formatDrawerSlug,\n  FormSubmit,\n  RenderFields,\n  ShimmerEffect,\n  useDocumentForm,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\n\nimport './index.scss'\n\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\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  /**\n   * Can be modified by the node in order to trigger the re-fetch of the initial state based on the\n   * formData. This is useful when node.setFields() is explicitly called from outside of the form - in\n   * this case, the new field state is likely not reflected in the form state, so we need to re-fetch\n   */\n  readonly cacheBuster: number\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 { cacheBuster, formData, nodeKey } = props\n\n  const [editor] = useLexicalComposerContext()\n  const { i18n, t } = useTranslation<object, string>()\n  const {\n    createdInlineBlock,\n    fieldProps: {\n      featureClientSchemaMap,\n      initialLexicalFormState,\n      permissions,\n      readOnly,\n      schemaPath,\n    },\n    setCreatedInlineBlock,\n    uuid: uuidFromContext,\n  } = useEditorConfigContext()\n  const { fields: parentDocumentFields } = useDocumentForm()\n\n  const { getFormState } = useServerFunctions()\n  const editDepth = useEditDepth()\n  const firstTimeDrawer = useRef(false)\n\n  const [initialState, setInitialState] = React.useState<false | FormState | undefined>(\n    () => initialLexicalFormState?.[formData.id]?.formState,\n  )\n\n  const hasMounted = useRef(false)\n  const prevCacheBuster = useRef(cacheBuster)\n  useEffect(() => {\n    if (hasMounted.current) {\n      if (prevCacheBuster.current !== cacheBuster) {\n        setInitialState(false)\n      }\n      prevCacheBuster.current = cacheBuster\n    } else {\n      hasMounted.current = true\n    }\n  }, [cacheBuster])\n\n  const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.BlockLabel,\n  )\n\n  const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(\n    // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n    initialState?.['_components']?.customComponents?.Block,\n  )\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-inlineBlocks-create-${uuidFromContext}-${formData.id}`,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  const inlineBlockElemElemRef = useRef<HTMLDivElement | null>(null)\n  const { 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 clientBlockFields = clientBlock?.fields ?? []\n\n  // Open drawer on \"mount\"\n  useEffect(() => {\n    if (!firstTimeDrawer.current && createdInlineBlock?.getKey() === nodeKey) {\n      // > 2 because they always have \"id\" and \"blockName\" fields\n      if (clientBlockFields.length > 2) {\n        toggleDrawer()\n      }\n      setCreatedInlineBlock?.(undefined)\n      firstTimeDrawer.current = true\n    }\n  }, [clientBlockFields.length, createdInlineBlock, nodeKey, setCreatedInlineBlock, toggleDrawer])\n\n  const removeInlineBlock = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey)?.remove()\n    })\n  }, [editor, nodeKey])\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        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields),\n        globalSlug,\n        initialBlockData: formData,\n        initialBlockFormState: formData,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: schemaFieldsPath,\n        signal: abortController.signal,\n      })\n\n      if (state) {\n        const newFormStateData: InlineBlockFields = reduceFieldsToValues(\n          deepCopyObjectSimpleWithoutReactComponents(state),\n          true,\n        ) as InlineBlockFields\n\n        // Things like default values may come back from the server => update the node with the new data\n        editor.update(() => {\n          const node = $getNodeByKey(nodeKey)\n          if (node && $isInlineBlockNode(node)) {\n            const newData = newFormStateData\n            newData.blockType = formData.blockType\n\n            node.setFields(newData, true)\n          }\n        })\n\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    editor,\n    nodeKey,\n    schemaFieldsPath,\n    id,\n    formData,\n    initialState,\n    collectionSlug,\n    globalSlug,\n    getDocPreferences,\n    parentDocumentFields,\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        documentFormState: deepCopyObjectSimpleWithoutReactComponents(parentDocumentFields),\n        formState: prevFormState,\n        globalSlug,\n        initialBlockFormState: prevFormState,\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    [\n      getFormState,\n      id,\n      collectionSlug,\n      getDocPreferences,\n      parentDocumentFields,\n      globalSlug,\n      schemaFieldsPath,\n    ],\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, newData: Data) => {\n      newData.blockType = formData.blockType\n\n      editor.update(() => {\n        const node = $getNodeByKey(nodeKey)\n        if (node && $isInlineBlockNode(node)) {\n          node.setFields(newData as InlineBlockFields, true)\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, className }: { children: React.ReactNode; className?: string }) => (\n        <div\n          className={[baseClass, baseClass + '-' + formData.blockType, className]\n            .filter(Boolean)\n            .join(' ')}\n          ref={inlineBlockElemElemRef}\n        >\n          {children}\n        </div>\n      ),\n    [formData.blockType],\n  )\n\n  const Label = useMemo(() => {\n    if (CustomLabel) {\n      return () => CustomLabel\n    } else {\n      return () => (\n        <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n      )\n    }\n  }, [CustomLabel, clientBlock?.labels, i18n])\n\n  if (!clientBlock) {\n    return (\n      <InlineBlockContainer className={`${baseClass}-not-found`}>\n        <span>Error: Block '{formData.blockType}' not found</span>\n        {editor.isEditable() ? (\n          <div className={`${baseClass}__actions`}>\n            <RemoveButton />\n          </div>\n        ) : null}\n      </InlineBlockContainer>\n    )\n  }\n\n  return (\n    <Form\n      beforeSubmit={[\n        async ({ formState }) => {\n          // This is only called when form is submitted from drawer\n          return await onChange({ formState, submit: true })\n        },\n      ]}\n      disableValidationOnSubmit\n      fields={clientBlock?.fields}\n      initialState={initialState || {}}\n      onChange={[onChange]}\n      onSubmit={(formState, data) => {\n        onFormSubmit(formState, data)\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/experimental_table/client/plugins/TableHoverActionsPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/experimental_table/client/plugins/TableHoverActionsPlugin/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoP9B,wBAAgB,uBAAuB,CAAC,EACtC,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB,GAAG,IAAI,GAAG,KAAK,CAAC,WAAW,CAO3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/experimental_table/client/plugins/TableHoverActionsPlugin/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA+P9B,wBAAgB,uBAAuB,CAAC,EACtC,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB,GAAG,IAAI,GAAG,KAAK,CAAC,WAAW,CAO3B"}

package/dist/features/experimental_table/client/plugins/TableHoverActionsPlugin/index.js

@@ -63,38 +63,44 @@ function TableHoverActionsContainer({
     }, {
       editor
     });
-    if (tableDOMElement) {
-      const {
-        bottom: tableElemBottom,
+    if (!tableDOMElement) {
+      return;
+    }
+    // this is the scrollable div container of the table (in case of overflow)
+    const tableContainerElement = tableDOMElement.parentElement;
+    if (!tableContainerElement) {
+      return;
+    }
+    const {
+      bottom: tableElemBottom,
+      height: tableElemHeight,
+      left: tableElemLeft,
+      right: tableElemRight,
+      width: tableElemWidth,
+      y: tableElemY
+    } = tableContainerElement.getBoundingClientRect();
+    const {
+      left: editorElemLeft,
+      y: editorElemY
+    } = anchorElem.getBoundingClientRect();
+    if (hoveredRowNode) {
+      setShownColumn(false);
+      setShownRow(true);
+      setPosition({
+        height: BUTTON_WIDTH_PX,
+        left: tableElemLeft - editorElemLeft,
+        top: tableElemBottom - editorElemY + 5,
+        width: tableElemWidth
+      });
+    } else if (hoveredColumnNode) {
+      setShownColumn(true);
+      setShownRow(false);
+      setPosition({
         height: tableElemHeight,
-        left: tableElemLeft,
-        right: tableElemRight,
-        width: tableElemWidth,
-        y: tableElemY
-      } = tableDOMElement.getBoundingClientRect();
-      const {
-        left: editorElemLeft,
-        y: editorElemY
-      } = anchorElem.getBoundingClientRect();
-      if (hoveredRowNode) {
-        setShownColumn(false);
-        setShownRow(true);
-        setPosition({
-          height: BUTTON_WIDTH_PX,
-          left: tableElemLeft - editorElemLeft,
-          top: tableElemBottom - editorElemY + 5,
-          width: tableElemWidth
-        });
-      } else if (hoveredColumnNode) {
-        setShownColumn(true);
-        setShownRow(false);
-        setPosition({
-          height: tableElemHeight,
-          left: tableElemRight - editorElemLeft + 5,
-          top: tableElemY - editorElemY,
-          width: BUTTON_WIDTH_PX
-        });
-      }
+        left: tableElemRight - editorElemLeft + 5,
+        top: tableElemY - editorElemY,
+        width: BUTTON_WIDTH_PX
+      });
     }
   }, 50, 250);
   // Hide the buttons on any table dimensions change to prevent last row cells
@@ -176,6 +182,7 @@ function TableHoverActionsContainer({
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [isShownRow && /*#__PURE__*/_jsx("button", {
+      "aria-label": "Add Row",
       className: editorConfig.editorConfig.lexical.theme.tableAddRows,
       onClick: () => insertAction(true),
       style: {
@@ -183,6 +190,7 @@ function TableHoverActionsContainer({
       },
       type: "button"
     }), isShownColumn && /*#__PURE__*/_jsx("button", {
+      "aria-label": "Add Column",
       className: editorConfig.editorConfig.lexical.theme.tableAddColumns,
       onClick: () => insertAction(false),
       style: {