@payloadcms/richtext-lexical 3.80.0-internal-debug.cd99b1f → 3.80.0-internal-debug.4c84b90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/features/blocks/client/component/index.d.ts.map +1 -1
  2. package/dist/features/blocks/client/component/index.js +50 -23
  3. package/dist/features/blocks/client/component/index.js.map +1 -1
  4. package/dist/features/blocks/client/componentInline/index.d.ts.map +1 -1
  5. package/dist/features/blocks/client/componentInline/index.js +53 -22
  6. package/dist/features/blocks/client/componentInline/index.js.map +1 -1
  7. package/package.json +6 -6
package/dist/features/blocks/client/component/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAGtE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,OAAO,cAAc,CAAA;AAWrB,MAAM,MAAM,mBAAmB,CAAC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,IAAI;IACzF;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2nBxD,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/component/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAGtE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,OAAO,cAAc,CAAA;AAWrB,MAAM,MAAM,mBAAmB,CAAC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,WAAW,IAAI;IACzF;;;;OAIG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAA;IAC3D;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkpBxD,CAAA"}
package/dist/features/blocks/client/component/index.js CHANGED
@@ -257,10 +257,36 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
257
257
  });
258
258
  }, 0);
259
259
  if (submit) {
260
- if (!CustomLabelFromProps) {
260
+ if (CustomLabelFromProps) {
261
+ setCustomLabel(/*#__PURE__*/ _jsxDEV(CustomLabelFromProps, {
262
+ className: baseClass,
263
+ formData: newFormStateData,
264
+ isEditor: true,
265
+ isJSXConverter: false,
266
+ nodeKey: nodeKey,
267
+ useBlockComponentContext: useBlockComponentContext
268
+ }, void 0, false, {
269
+ fileName: "src/features/blocks/client/component/index.tsx",
270
+ lineNumber: 370,
271
+ columnNumber: 13
272
+ }, this));
273
+ } else {
261
274
  setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined);
262
275
  }
263
- if (!CustomBlockFromProps) {
276
+ if (CustomBlockFromProps) {
277
+ setCustomBlock(/*#__PURE__*/ _jsxDEV(CustomBlockFromProps, {
278
+ className: baseClass,
279
+ formData: newFormStateData,
280
+ isEditor: true,
281
+ isJSXConverter: false,
282
+ nodeKey: nodeKey,
283
+ useBlockComponentContext: useBlockComponentContext
284
+ }, void 0, false, {
285
+ fileName: "src/features/blocks/client/component/index.tsx",
286
+ lineNumber: 384,
287
+ columnNumber: 13
288
+ }, this));
289
+ } else {
264
290
  setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined);
265
291
  }
266
292
  let rowErrorCount = 0;
@@ -284,6 +310,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
284
310
  isEditable,
285
311
  editor,
286
312
  nodeKey,
313
+ baseClass,
287
314
  CustomBlockFromProps,
288
315
  CustomLabelFromProps
289
316
  ]);
@@ -350,7 +377,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
350
377
  })
351
378
  }, void 0, false, {
352
379
  fileName: "src/features/blocks/client/component/index.tsx",
353
- lineNumber: 452,
380
+ lineNumber: 475,
354
381
  columnNumber: 7
355
382
  }, this), [
356
383
  baseClass,
@@ -372,7 +399,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
372
399
  tooltip: "Remove Block"
373
400
  }, void 0, false, {
374
401
  fileName: "src/features/blocks/client/component/index.tsx",
375
- lineNumber: 479,
402
+ lineNumber: 502,
376
403
  columnNumber: 7
377
404
  }, this), [
378
405
  baseClass,
@@ -402,7 +429,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
402
429
  children: blockDisplayName ?? blockType
403
430
  }, void 0, false, {
404
431
  fileName: "src/features/blocks/client/component/index.tsx",
405
- lineNumber: 532,
432
+ lineNumber: 555,
406
433
  columnNumber: 25
407
434
  }, void 0),
408
435
  !disableBlockName && !clientBlock?.admin?.disableBlockName && /*#__PURE__*/ _jsxDEV(SectionTitle, {
@@ -410,7 +437,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
410
437
  readOnly: !isEditable
411
438
  }, void 0, false, {
412
439
  fileName: "src/features/blocks/client/component/index.tsx",
413
- lineNumber: 541,
440
+ lineNumber: 564,
414
441
  columnNumber: 25
415
442
  }, void 0),
416
443
  fieldHasErrors && /*#__PURE__*/ _jsxDEV(ErrorPill, {
@@ -419,13 +446,13 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
419
446
  withMessage: true
420
447
  }, void 0, false, {
421
448
  fileName: "src/features/blocks/client/component/index.tsx",
422
- lineNumber: 545,
449
+ lineNumber: 568,
423
450
  columnNumber: 25
424
451
  }, void 0)
425
452
  ]
426
453
  }, void 0, true, {
427
454
  fileName: "src/features/blocks/client/component/index.tsx",
428
- lineNumber: 528,
455
+ lineNumber: 551,
429
456
  columnNumber: 21
430
457
  }, void 0),
431
458
  /*#__PURE__*/ _jsxDEV("div", {
@@ -434,25 +461,25 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
434
461
  children: [
435
462
  CustomBlock && editButton !== false || !CustomBlock && editButton ? /*#__PURE__*/ _jsxDEV(EditButton, {}, void 0, false, {
436
463
  fileName: "src/features/blocks/client/component/index.tsx",
437
- lineNumber: 556,
464
+ lineNumber: 579,
438
465
  columnNumber: 27
439
466
  }, void 0) : null,
440
467
  removeButton !== false && isEditable ? /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
441
468
  fileName: "src/features/blocks/client/component/index.tsx",
442
- lineNumber: 558,
469
+ lineNumber: 581,
443
470
  columnNumber: 65
444
471
  }, void 0) : null
445
472
  ]
446
473
  }, void 0, true)
447
474
  }, void 0, false, {
448
475
  fileName: "src/features/blocks/client/component/index.tsx",
449
- lineNumber: 550,
476
+ lineNumber: 573,
450
477
  columnNumber: 19
451
478
  }, void 0)
452
479
  ]
453
480
  }, void 0, true, {
454
481
  fileName: "src/features/blocks/client/component/index.tsx",
455
- lineNumber: 522,
482
+ lineNumber: 545,
456
483
  columnNumber: 17
457
484
  }, void 0),
458
485
  isCollapsed: isCollapsed,
@@ -464,12 +491,12 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
464
491
  children: children
465
492
  }, 0, false, {
466
493
  fileName: "src/features/blocks/client/component/index.tsx",
467
- lineNumber: 512,
494
+ lineNumber: 535,
468
495
  columnNumber: 13
469
496
  }, this)
470
497
  }, void 0, false, {
471
498
  fileName: "src/features/blocks/client/component/index.tsx",
472
- lineNumber: 511,
499
+ lineNumber: 534,
473
500
  columnNumber: 11
474
501
  }, this);
475
502
  }, [
@@ -507,7 +534,7 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
507
534
  readOnly: !isEditable
508
535
  }, void 0, false, {
509
536
  fileName: "src/features/blocks/client/component/index.tsx",
510
- lineNumber: 607,
537
+ lineNumber: 630,
511
538
  columnNumber: 15
512
539
  }, this),
513
540
  /*#__PURE__*/ _jsxDEV(FormSubmit, {
@@ -515,19 +542,19 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
515
542
  children: t('fields:saveChanges')
516
543
  }, void 0, false, {
517
544
  fileName: "src/features/blocks/client/component/index.tsx",
518
- lineNumber: 616,
545
+ lineNumber: 639,
519
546
  columnNumber: 15
520
547
  }, this)
521
548
  ]
522
549
  }, void 0, true) : null
523
550
  }, void 0, false, {
524
551
  fileName: "src/features/blocks/client/component/index.tsx",
525
- lineNumber: 598,
552
+ lineNumber: 621,
526
553
  columnNumber: 9
527
554
  }, this)
528
555
  }, void 0, false, {
529
556
  fileName: "src/features/blocks/client/component/index.tsx",
530
- lineNumber: 597,
557
+ lineNumber: 620,
531
558
  columnNumber: 7
532
559
  }, this), [
533
560
  initialState,
@@ -593,17 +620,17 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
593
620
  RemoveButton: RemoveButton
594
621
  }, void 0, false, {
595
622
  fileName: "src/features/blocks/client/component/index.tsx",
596
- lineNumber: 667,
623
+ lineNumber: 690,
597
624
  columnNumber: 11
598
625
  }, this)
599
626
  }, void 0, false, {
600
627
  fileName: "src/features/blocks/client/component/index.tsx",
601
- lineNumber: 642,
628
+ lineNumber: 665,
602
629
  columnNumber: 9
603
630
  }, this)
604
631
  }, void 0, false, {
605
632
  fileName: "src/features/blocks/client/component/index.tsx",
606
- lineNumber: 641,
633
+ lineNumber: 664,
607
634
  columnNumber: 7
608
635
  }, this);
609
636
  }, [
@@ -639,12 +666,12 @@ import { removeEmptyArrayValues } from './removeEmptyArrayValues.js';
639
666
  ]
640
667
  }, void 0, true, {
641
668
  fileName: "src/features/blocks/client/component/index.tsx",
642
- lineNumber: 707,
669
+ lineNumber: 730,
643
670
  columnNumber: 9
644
671
  }, this)
645
672
  }, void 0, false, {
646
673
  fileName: "src/features/blocks/client/component/index.tsx",
647
- lineNumber: 706,
674
+ lineNumber: 729,
648
675
  columnNumber: 7
649
676
  }, this);
650
677
  }
package/dist/features/blocks/client/component/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/features/blocks/client/component/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n Collapsible,\n Drawer,\n EditDepthProvider,\n ErrorPill,\n Form,\n formatDrawerSlug,\n FormSubmit,\n Pill,\n RenderFields,\n SectionTitle,\n useConfig,\n useDocumentForm,\n useDocumentInfo,\n useEditDepth,\n useFormSubmitted,\n useServerFunctions,\n useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\nimport {\n type BlocksFieldClient,\n type ClientBlock,\n type CollapsedPreferences,\n type FormState,\n} from 'payload'\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapBlockComponentProps } from '../../../../types.js'\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport './index.scss'\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport {\n type BlockCollapsibleWithErrorProps,\n BlockContent,\n useBlockComponentContext,\n} from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\nexport type BlockComponentProps<TFormData extends Record<string, unknown> = BlockFields> = {\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 className: string\n /**\n * Custom block component from view map\n * Will be rendered with useBlockComponentContext hook.\n */\n readonly CustomBlock?: React.FC<ViewMapBlockComponentProps>\n /**\n * Custom block label from view map\n * Will be rendered with useBlockComponentContext hook.\n */\n readonly CustomLabel?: React.FC<ViewMapBlockComponentProps>\n /**\n * The block's form data (field values).\n */\n readonly formData: TFormData\n /**\n * The unique key identifying this block node in the current editor instance.\n */\n readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<BlockComponentProps> = (props) => {\n const {\n cacheBuster,\n className: baseClass,\n CustomBlock: CustomBlockFromProps,\n CustomLabel: CustomLabelFromProps,\n formData,\n nodeKey,\n } = props\n\n const submitted = useFormSubmitted()\n const { id, collectionSlug, globalSlug } = useDocumentInfo()\n const {\n fieldProps: {\n featureClientSchemaMap,\n field: parentLexicalRichTextField,\n initialLexicalFormState,\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 { config } = useConfig()\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 const isEditable = useLexicalEditable()\n\n const blockType = formData.blockType\n\n const { getFormState } = useServerFunctions()\n const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}.fields`\n\n const [initialState, setInitialState] = React.useState<false | FormState | undefined>(() => {\n // Initial form state that was calculated server-side. May have stale values\n const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n if (!cachedFormState) {\n return false\n }\n\n // Merge current formData values into the cached form state\n // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n const mergedState = Object.fromEntries(\n Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n fieldName,\n fieldName in formData\n ? {\n ...fieldState,\n initialValue: formData[fieldName],\n value: formData[fieldName],\n }\n : fieldState,\n ]),\n )\n\n // Manually add blockName, as it's not part of cachedFormState\n mergedState.blockName = {\n initialValue: formData.blockName,\n passesCondition: true,\n valid: true,\n value: formData.blockName,\n }\n\n return mergedState\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 if (CustomLabelFromProps) {\n return (\n <CustomLabelFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useBlockComponentContext={useBlockComponentContext}\n />\n )\n }\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n })\n\n const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n if (CustomBlockFromProps) {\n return (\n <CustomBlockFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useBlockComponentContext={useBlockComponentContext}\n />\n )\n }\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n return initialState?.['_components']?.customComponents?.Block ?? undefined\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 excludeFiles: true,\n }),\n globalSlug,\n initialBlockData: formData,\n operation: 'update',\n readOnly: !isEditable,\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, { excludeFiles: true }),\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 = blockType\n\n node.setFields(newData, true)\n }\n })\n\n setInitialState(state)\n if (!CustomLabelFromProps) {\n setCustomLabel(state._components?.customComponents?.BlockLabel ?? undefined)\n }\n if (!CustomBlockFromProps) {\n setCustomBlock(state._components?.customComponents?.Block ?? undefined)\n }\n }\n }\n\n if (formData && !initialState) {\n void awaitInitialState()\n }\n\n return () => {\n abortAndIgnore(abortController)\n }\n }, [\n getFormState,\n schemaFieldsPath,\n isEditable,\n id,\n CustomLabelFromProps,\n CustomBlockFromProps,\n formData,\n editor,\n nodeKey,\n initialState,\n collectionSlug,\n globalSlug,\n getDocPreferences,\n parentDocumentFields,\n blockType,\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.${blockType}`\n\n const clientSchemaMap = featureClientSchemaMap['blocks']\n\n const blocksField: BlocksFieldClient | undefined = clientSchemaMap?.[\n componentMapRenderedBlockPath\n ]?.[0] as BlocksFieldClient\n\n const clientBlock: ClientBlock | undefined = blocksField.blockReferences\n ? typeof blocksField?.blockReferences?.[0] === 'string'\n ? config.blocksMap[blocksField?.blockReferences?.[0]]\n : blocksField?.blockReferences?.[0]\n : 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 excludeFiles: true,\n }),\n formState: prevFormState,\n globalSlug,\n initialBlockFormState: prevFormState,\n operation: 'update',\n readOnly: !isEditable,\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, { excludeFiles: true }),\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 = blockType\n node.setFields(newData, true)\n }\n })\n }, 0)\n\n if (submit) {\n if (!CustomLabelFromProps) {\n setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined)\n }\n if (!CustomBlockFromProps) {\n setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined)\n }\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 blockType,\n parentDocumentFields,\n isEditable,\n editor,\n nodeKey,\n CustomBlockFromProps,\n CustomLabelFromProps,\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={!isEditable}\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 [baseClass, isEditable, t, blockDisplayName, toggleDrawer],\n )\n\n const RemoveButton = useMemo(\n () => () => (\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__removeButton`}\n disabled={!isEditable}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n removeBlock()\n }}\n round\n tooltip=\"Remove Block\"\n />\n ),\n [baseClass, isEditable, removeBlock],\n )\n\n const BlockCollapsible = useMemo(\n () =>\n ({\n Actions,\n children,\n className,\n collapsibleProps,\n disableBlockName,\n editButton,\n errorCount,\n fieldHasErrors,\n Label,\n Pill: CustomPill,\n removeButton,\n }: BlockCollapsibleWithErrorProps) => {\n return (\n <div className={`${baseClass}__container ${baseClass}-${blockType}`}>\n <Collapsible\n className={[\n `${baseClass}__row`,\n fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n header={\n <div className={`${baseClass}__block-header`}>\n {typeof Label !== 'undefined' ? (\n Label\n ) : typeof CustomLabel !== 'undefined' ? (\n CustomLabel\n ) : (\n <div className={`${baseClass}__block-label`}>\n {typeof CustomPill !== 'undefined' ? (\n CustomPill\n ) : (\n <Pill\n className={`${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`}\n pillStyle=\"white\"\n size=\"small\"\n >\n {blockDisplayName ?? blockType}\n </Pill>\n )}\n {!disableBlockName && !clientBlock?.admin?.disableBlockName && (\n <SectionTitle path=\"blockName\" readOnly={!isEditable} />\n )}\n\n {fieldHasErrors && (\n <ErrorPill count={errorCount ?? 0} i18n={i18n} withMessage />\n )}\n </div>\n )}\n\n <div className={`${baseClass}__block-actions`}>\n {typeof Actions !== 'undefined' ? (\n Actions\n ) : (\n <>\n {(CustomBlock && editButton !== false) || (!CustomBlock && editButton) ? (\n <EditButton />\n ) : null}\n {removeButton !== false && isEditable ? <RemoveButton /> : null}\n </>\n )}\n </div>\n </div>\n }\n isCollapsed={isCollapsed}\n key={0}\n onToggle={(incomingCollapsedState) => {\n onCollapsedChange(incomingCollapsedState)\n setIsCollapsed(incomingCollapsedState)\n }}\n {...(collapsibleProps || {})}\n >\n {children}\n </Collapsible>\n </div>\n )\n },\n [\n CustomBlock,\n CustomLabel,\n EditButton,\n RemoveButton,\n blockDisplayName,\n baseClass,\n clientBlock?.admin?.disableBlockName,\n blockType,\n i18n,\n isCollapsed,\n onCollapsedChange,\n isEditable,\n ],\n )\n\n const blockID = formData?.id\n\n const BlockDrawer = useMemo(\n () => () => (\n <EditDepthProvider>\n <Drawer\n className={''}\n slug={drawerSlug}\n title={t(`lexical:blocks:inlineBlocks:${blockID ? '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={true}\n readOnly={!isEditable}\n />\n <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n </>\n ) : null}\n </Drawer>\n </EditDepthProvider>\n ),\n [\n initialState,\n drawerSlug,\n blockID,\n blockDisplayName,\n t,\n isEditable,\n clientBlock?.fields,\n schemaFieldsPath,\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 <div data-block-drawer-slug={drawerSlug} style={{ display: 'contents' }}>\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 el=\"div\"\n fields={clientBlock?.fields ?? []}\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 = 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 CustomLabel={CustomLabel}\n EditButton={EditButton}\n errorCount={errorCount}\n formSchema={clientBlock?.fields ?? []}\n initialState={initialState}\n nodeKey={nodeKey}\n RemoveButton={RemoveButton}\n />\n </Form>\n </div>\n )\n }, [\n BlockCollapsible,\n BlockDrawer,\n CustomBlock,\n CustomLabel,\n blockType,\n drawerSlug,\n RemoveButton,\n EditButton,\n baseClass,\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={`${baseClass}-not-found`}>\n Error: Block '{blockType}' not found in the config but exists in the lexical data\n </div>\n </BlockCollapsible>\n )\n }\n\n return Block\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","FormSubmit","Pill","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isBlockNode","BlockContent","useBlockComponentContext","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","submitted","id","collectionSlug","globalSlug","fieldProps","featureClientSchemaMap","field","parentLexicalRichTextField","initialLexicalFormState","schemaPath","uuidFromContext","fields","parentDocumentFields","onChangeAbortControllerRef","AbortController","editDepth","errorCount","setErrorCount","useState","config","drawerSlug","slug","depth","toggleDrawer","getDocPreferences","setDocFieldPreferences","editor","isEditable","blockType","getFormState","schemaFieldsPath","initialState","setInitialState","cachedFormState","formState","mergedState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","blockName","passesCondition","valid","hasMounted","prevCacheBuster","current","setCustomLabel","isEditor","isJSXConverter","customComponents","BlockLabel","undefined","setCustomBlock","Block","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","newFormStateData","update","node","newData","setFields","_components","isCollapsed","setIsCollapsed","collapsed","componentMapRenderedBlockPath","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","i18n","t","onChange","prevFormState","submit","controller","newFormState","initialBlockFormState","setTimeout","rowErrorCount","formField","values","removeBlock","remove","blockDisplayName","labels","singular","onCollapsedChange","changedCollapsed","then","currentDocPreferences","currentFieldPreferences","name","collapsedArray","newCollapsed","length","includes","push","splice","indexOf","hello","EditButton","buttonStyle","disabled","el","icon","onClick","e","preventDefault","stopPropagation","onMouseDown","round","size","tooltip","label","RemoveButton","BlockCollapsible","Actions","children","collapsibleProps","disableBlockName","editButton","fieldHasErrors","Label","CustomPill","removeButton","div","filter","Boolean","join","collapsibleStyle","header","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","data-block-drawer-slug","style","display","beforeSubmit","onSubmit","formSchema"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../../src/features/blocks/client/component/index.tsx"],"sourcesContent":["'use client'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n Collapsible,\n Drawer,\n EditDepthProvider,\n ErrorPill,\n Form,\n formatDrawerSlug,\n FormSubmit,\n Pill,\n RenderFields,\n SectionTitle,\n useConfig,\n useDocumentForm,\n useDocumentInfo,\n useEditDepth,\n useFormSubmitted,\n useServerFunctions,\n useTranslation,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey } from 'lexical'\nimport {\n type BlocksFieldClient,\n type ClientBlock,\n type CollapsedPreferences,\n type FormState,\n} from 'payload'\nimport { deepCopyObjectSimpleWithoutReactComponents, reduceFieldsToValues } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapBlockComponentProps } from '../../../../types.js'\nimport type { BlockFields } from '../../server/nodes/BlocksNode.js'\n\nimport './index.scss'\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isBlockNode } from '../nodes/BlocksNode.js'\nimport {\n type BlockCollapsibleWithErrorProps,\n BlockContent,\n useBlockComponentContext,\n} from './BlockContent.js'\nimport { removeEmptyArrayValues } from './removeEmptyArrayValues.js'\n\nexport type BlockComponentProps<TFormData extends Record<string, unknown> = BlockFields> = {\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 className: string\n /**\n * Custom block component from view map\n * Will be rendered with useBlockComponentContext hook.\n */\n readonly CustomBlock?: React.FC<ViewMapBlockComponentProps>\n /**\n * Custom block label from view map\n * Will be rendered with useBlockComponentContext hook.\n */\n readonly CustomLabel?: React.FC<ViewMapBlockComponentProps>\n /**\n * The block's form data (field values).\n */\n readonly formData: TFormData\n /**\n * The unique key identifying this block node in the current editor instance.\n */\n readonly nodeKey: string\n}\n\nexport const BlockComponent: React.FC<BlockComponentProps> = (props) => {\n const {\n cacheBuster,\n className: baseClass,\n CustomBlock: CustomBlockFromProps,\n CustomLabel: CustomLabelFromProps,\n formData,\n nodeKey,\n } = props\n\n const submitted = useFormSubmitted()\n const { id, collectionSlug, globalSlug } = useDocumentInfo()\n const {\n fieldProps: {\n featureClientSchemaMap,\n field: parentLexicalRichTextField,\n initialLexicalFormState,\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 { config } = useConfig()\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 const isEditable = useLexicalEditable()\n\n const blockType = formData.blockType\n\n const { getFormState } = useServerFunctions()\n const schemaFieldsPath = `${schemaPath}.lexical_internal_feature.blocks.lexical_blocks.${blockType}.fields`\n\n const [initialState, setInitialState] = React.useState<false | FormState | undefined>(() => {\n // Initial form state that was calculated server-side. May have stale values\n const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n if (!cachedFormState) {\n return false\n }\n\n // Merge current formData values into the cached form state\n // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n const mergedState = Object.fromEntries(\n Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n fieldName,\n fieldName in formData\n ? {\n ...fieldState,\n initialValue: formData[fieldName],\n value: formData[fieldName],\n }\n : fieldState,\n ]),\n )\n\n // Manually add blockName, as it's not part of cachedFormState\n mergedState.blockName = {\n initialValue: formData.blockName,\n passesCondition: true,\n valid: true,\n value: formData.blockName,\n }\n\n return mergedState\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 if (CustomLabelFromProps) {\n return (\n <CustomLabelFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useBlockComponentContext={useBlockComponentContext}\n />\n )\n }\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n })\n\n const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n if (CustomBlockFromProps) {\n return (\n <CustomBlockFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useBlockComponentContext={useBlockComponentContext}\n />\n )\n }\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n return initialState?.['_components']?.customComponents?.Block ?? undefined\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 excludeFiles: true,\n }),\n globalSlug,\n initialBlockData: formData,\n operation: 'update',\n readOnly: !isEditable,\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, { excludeFiles: true }),\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 = blockType\n\n node.setFields(newData, true)\n }\n })\n\n setInitialState(state)\n if (!CustomLabelFromProps) {\n setCustomLabel(state._components?.customComponents?.BlockLabel ?? undefined)\n }\n if (!CustomBlockFromProps) {\n setCustomBlock(state._components?.customComponents?.Block ?? undefined)\n }\n }\n }\n\n if (formData && !initialState) {\n void awaitInitialState()\n }\n\n return () => {\n abortAndIgnore(abortController)\n }\n }, [\n getFormState,\n schemaFieldsPath,\n isEditable,\n id,\n CustomLabelFromProps,\n CustomBlockFromProps,\n formData,\n editor,\n nodeKey,\n initialState,\n collectionSlug,\n globalSlug,\n getDocPreferences,\n parentDocumentFields,\n blockType,\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.${blockType}`\n\n const clientSchemaMap = featureClientSchemaMap['blocks']\n\n const blocksField: BlocksFieldClient | undefined = clientSchemaMap?.[\n componentMapRenderedBlockPath\n ]?.[0] as BlocksFieldClient\n\n const clientBlock: ClientBlock | undefined = blocksField.blockReferences\n ? typeof blocksField?.blockReferences?.[0] === 'string'\n ? config.blocksMap[blocksField?.blockReferences?.[0]]\n : blocksField?.blockReferences?.[0]\n : 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 excludeFiles: true,\n }),\n formState: prevFormState,\n globalSlug,\n initialBlockFormState: prevFormState,\n operation: 'update',\n readOnly: !isEditable,\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, { excludeFiles: true }),\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 = blockType\n node.setFields(newData, true)\n }\n })\n }, 0)\n\n if (submit) {\n if (CustomLabelFromProps) {\n setCustomLabel(\n <CustomLabelFromProps\n className={baseClass}\n formData={newFormStateData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useBlockComponentContext={useBlockComponentContext}\n />,\n )\n } else {\n setCustomLabel(newFormState._components?.customComponents?.BlockLabel ?? undefined)\n }\n if (CustomBlockFromProps) {\n setCustomBlock(\n <CustomBlockFromProps\n className={baseClass}\n formData={newFormStateData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useBlockComponentContext={useBlockComponentContext}\n />,\n )\n } else {\n setCustomBlock(newFormState._components?.customComponents?.Block ?? undefined)\n }\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 blockType,\n parentDocumentFields,\n isEditable,\n editor,\n nodeKey,\n baseClass,\n CustomBlockFromProps,\n CustomLabelFromProps,\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={!isEditable}\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 [baseClass, isEditable, t, blockDisplayName, toggleDrawer],\n )\n\n const RemoveButton = useMemo(\n () => () => (\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__removeButton`}\n disabled={!isEditable}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n removeBlock()\n }}\n round\n tooltip=\"Remove Block\"\n />\n ),\n [baseClass, isEditable, removeBlock],\n )\n\n const BlockCollapsible = useMemo(\n () =>\n ({\n Actions,\n children,\n className,\n collapsibleProps,\n disableBlockName,\n editButton,\n errorCount,\n fieldHasErrors,\n Label,\n Pill: CustomPill,\n removeButton,\n }: BlockCollapsibleWithErrorProps) => {\n return (\n <div className={`${baseClass}__container ${baseClass}-${blockType}`}>\n <Collapsible\n className={[\n `${baseClass}__row`,\n fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n header={\n <div className={`${baseClass}__block-header`}>\n {typeof Label !== 'undefined' ? (\n Label\n ) : typeof CustomLabel !== 'undefined' ? (\n CustomLabel\n ) : (\n <div className={`${baseClass}__block-label`}>\n {typeof CustomPill !== 'undefined' ? (\n CustomPill\n ) : (\n <Pill\n className={`${baseClass}__block-pill ${baseClass}__block-pill-${blockType}`}\n pillStyle=\"white\"\n size=\"small\"\n >\n {blockDisplayName ?? blockType}\n </Pill>\n )}\n {!disableBlockName && !clientBlock?.admin?.disableBlockName && (\n <SectionTitle path=\"blockName\" readOnly={!isEditable} />\n )}\n\n {fieldHasErrors && (\n <ErrorPill count={errorCount ?? 0} i18n={i18n} withMessage />\n )}\n </div>\n )}\n\n <div className={`${baseClass}__block-actions`}>\n {typeof Actions !== 'undefined' ? (\n Actions\n ) : (\n <>\n {(CustomBlock && editButton !== false) || (!CustomBlock && editButton) ? (\n <EditButton />\n ) : null}\n {removeButton !== false && isEditable ? <RemoveButton /> : null}\n </>\n )}\n </div>\n </div>\n }\n isCollapsed={isCollapsed}\n key={0}\n onToggle={(incomingCollapsedState) => {\n onCollapsedChange(incomingCollapsedState)\n setIsCollapsed(incomingCollapsedState)\n }}\n {...(collapsibleProps || {})}\n >\n {children}\n </Collapsible>\n </div>\n )\n },\n [\n CustomBlock,\n CustomLabel,\n EditButton,\n RemoveButton,\n blockDisplayName,\n baseClass,\n clientBlock?.admin?.disableBlockName,\n blockType,\n i18n,\n isCollapsed,\n onCollapsedChange,\n isEditable,\n ],\n )\n\n const blockID = formData?.id\n\n const BlockDrawer = useMemo(\n () => () => (\n <EditDepthProvider>\n <Drawer\n className={''}\n slug={drawerSlug}\n title={t(`lexical:blocks:inlineBlocks:${blockID ? '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={true}\n readOnly={!isEditable}\n />\n <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n </>\n ) : null}\n </Drawer>\n </EditDepthProvider>\n ),\n [\n initialState,\n drawerSlug,\n blockID,\n blockDisplayName,\n t,\n isEditable,\n clientBlock?.fields,\n schemaFieldsPath,\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 <div data-block-drawer-slug={drawerSlug} style={{ display: 'contents' }}>\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 el=\"div\"\n fields={clientBlock?.fields ?? []}\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 = 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 CustomLabel={CustomLabel}\n EditButton={EditButton}\n errorCount={errorCount}\n formSchema={clientBlock?.fields ?? []}\n initialState={initialState}\n nodeKey={nodeKey}\n RemoveButton={RemoveButton}\n />\n </Form>\n </div>\n )\n }, [\n BlockCollapsible,\n BlockDrawer,\n CustomBlock,\n CustomLabel,\n blockType,\n drawerSlug,\n RemoveButton,\n EditButton,\n baseClass,\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={`${baseClass}-not-found`}>\n Error: Block '{blockType}' not found in the config but exists in the lexical data\n </div>\n </BlockCollapsible>\n )\n }\n\n return Block\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","FormSubmit","Pill","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isBlockNode","BlockContent","useBlockComponentContext","removeEmptyArrayValues","BlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","submitted","id","collectionSlug","globalSlug","fieldProps","featureClientSchemaMap","field","parentLexicalRichTextField","initialLexicalFormState","schemaPath","uuidFromContext","fields","parentDocumentFields","onChangeAbortControllerRef","AbortController","editDepth","errorCount","setErrorCount","useState","config","drawerSlug","slug","depth","toggleDrawer","getDocPreferences","setDocFieldPreferences","editor","isEditable","blockType","getFormState","schemaFieldsPath","initialState","setInitialState","cachedFormState","formState","mergedState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","blockName","passesCondition","valid","hasMounted","prevCacheBuster","current","setCustomLabel","isEditor","isJSXConverter","customComponents","BlockLabel","undefined","setCustomBlock","Block","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","newFormStateData","update","node","newData","setFields","_components","isCollapsed","setIsCollapsed","collapsed","componentMapRenderedBlockPath","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","i18n","t","onChange","prevFormState","submit","controller","newFormState","initialBlockFormState","setTimeout","rowErrorCount","formField","values","removeBlock","remove","blockDisplayName","labels","singular","onCollapsedChange","changedCollapsed","then","currentDocPreferences","currentFieldPreferences","name","collapsedArray","newCollapsed","length","includes","push","splice","indexOf","hello","EditButton","buttonStyle","disabled","el","icon","onClick","e","preventDefault","stopPropagation","onMouseDown","round","size","tooltip","label","RemoveButton","BlockCollapsible","Actions","children","collapsibleProps","disableBlockName","editButton","fieldHasErrors","Label","CustomPill","removeButton","div","filter","Boolean","join","collapsibleStyle","header","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","data-block-drawer-slug","style","display","beforeSubmit","onSubmit","formSchema"],"mappings":"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"}
package/dist/features/blocks/client/componentInline/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwC,SAAS,EAAE,MAAM,SAAS,CAAA;AAwB9E,OAAO,cAAc,CAAA;AAGrB,OAAO,KAAiE,MAAM,OAAO,CAAA;AAGrF,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAMhE,MAAM,MAAM,yBAAyB,CACnC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,iBAAiB,IAC3D;IACF,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;IACjE,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;CAClE,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAA;AAE9F,MAAM,MAAM,+BAA+B,GAAG;IAC5C,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,uCAA+C,CAAA;AAE1F,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,CAodvF,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwC,SAAS,EAAE,MAAM,SAAS,CAAA;AAwB9E,OAAO,cAAc,CAAA;AAGrB,OAAO,KAAiE,MAAM,OAAO,CAAA;AAGrF,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAMhE,MAAM,MAAM,yBAAyB,CACnC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,iBAAiB,IAC3D;IACF,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;IACjE,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAA;CAClE,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAA;AAE9F,MAAM,MAAM,+BAA+B,GAAG;IAC5C,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,uCAA+C,CAAA;AAE1F,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,CAifvF,CAAA"}
package/dist/features/blocks/client/componentInline/index.js CHANGED
@@ -237,10 +237,39 @@ export const InlineBlockComponent = (props)=>{
237
237
  return prevFormState;
238
238
  }
239
239
  if (submit) {
240
- if (!CustomLabelFromProps) {
240
+ const newFormStateData = reduceFieldsToValues(deepCopyObjectSimpleWithoutReactComponents(state, {
241
+ excludeFiles: true
242
+ }), true);
243
+ if (CustomLabelFromProps) {
244
+ setCustomLabel(/*#__PURE__*/ _jsxDEV(CustomLabelFromProps, {
245
+ className: baseClass,
246
+ formData: newFormStateData,
247
+ isEditor: true,
248
+ isJSXConverter: false,
249
+ nodeKey: nodeKey,
250
+ useInlineBlockComponentContext: useInlineBlockComponentContext
251
+ }, void 0, false, {
252
+ fileName: "src/features/blocks/client/componentInline/index.tsx",
253
+ lineNumber: 334,
254
+ columnNumber: 13
255
+ }, this));
256
+ } else {
241
257
  setCustomLabel(state['_components']?.customComponents?.BlockLabel);
242
258
  }
243
- if (!CustomBlockFromProps) {
259
+ if (CustomBlockFromProps) {
260
+ setCustomBlock(/*#__PURE__*/ _jsxDEV(CustomBlockFromProps, {
261
+ className: baseClass,
262
+ formData: newFormStateData,
263
+ isEditor: true,
264
+ isJSXConverter: false,
265
+ nodeKey: nodeKey,
266
+ useInlineBlockComponentContext: useInlineBlockComponentContext
267
+ }, void 0, false, {
268
+ fileName: "src/features/blocks/client/componentInline/index.tsx",
269
+ lineNumber: 348,
270
+ columnNumber: 13
271
+ }, this));
272
+ } else {
244
273
  setCustomBlock(state['_components']?.customComponents?.Block);
245
274
  }
246
275
  }
@@ -254,6 +283,8 @@ export const InlineBlockComponent = (props)=>{
254
283
  globalSlug,
255
284
  isEditable,
256
285
  schemaFieldsPath,
286
+ baseClass,
287
+ nodeKey,
257
288
  CustomBlockFromProps,
258
289
  CustomLabelFromProps
259
290
  ]);
@@ -306,7 +337,7 @@ export const InlineBlockComponent = (props)=>{
306
337
  })
307
338
  }, void 0, false, {
308
339
  fileName: "src/features/blocks/client/componentInline/index.tsx",
309
- lineNumber: 388,
340
+ lineNumber: 417,
310
341
  columnNumber: 7
311
342
  }, this), [
312
343
  baseClass,
@@ -331,7 +362,7 @@ export const InlineBlockComponent = (props)=>{
331
362
  })
332
363
  }, void 0, false, {
333
364
  fileName: "src/features/blocks/client/componentInline/index.tsx",
334
- lineNumber: 407,
365
+ lineNumber: 436,
335
366
  columnNumber: 7
336
367
  }, this), [
337
368
  baseClass,
@@ -350,7 +381,7 @@ export const InlineBlockComponent = (props)=>{
350
381
  children: children
351
382
  }, void 0, false, {
352
383
  fileName: "src/features/blocks/client/componentInline/index.tsx",
353
- lineNumber: 427,
384
+ lineNumber: 456,
354
385
  columnNumber: 9
355
386
  }, this), [
356
387
  baseClass,
@@ -364,7 +395,7 @@ export const InlineBlockComponent = (props)=>{
364
395
  children: clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''
365
396
  }, void 0, false, {
366
397
  fileName: "src/features/blocks/client/componentInline/index.tsx",
367
- lineNumber: 444,
398
+ lineNumber: 473,
368
399
  columnNumber: 9
369
400
  }, this);
370
401
  }
@@ -385,25 +416,25 @@ export const InlineBlockComponent = (props)=>{
385
416
  ]
386
417
  }, void 0, true, {
387
418
  fileName: "src/features/blocks/client/componentInline/index.tsx",
388
- lineNumber: 452,
419
+ lineNumber: 481,
389
420
  columnNumber: 9
390
421
  }, this),
391
422
  isEditable ? /*#__PURE__*/ _jsxDEV("div", {
392
423
  className: `${baseClass}__actions`,
393
424
  children: /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
394
425
  fileName: "src/features/blocks/client/componentInline/index.tsx",
395
- lineNumber: 455,
426
+ lineNumber: 484,
396
427
  columnNumber: 13
397
428
  }, this)
398
429
  }, void 0, false, {
399
430
  fileName: "src/features/blocks/client/componentInline/index.tsx",
400
- lineNumber: 454,
431
+ lineNumber: 483,
401
432
  columnNumber: 11
402
433
  }, this) : null
403
434
  ]
404
435
  }, void 0, true, {
405
436
  fileName: "src/features/blocks/client/componentInline/index.tsx",
406
- lineNumber: 451,
437
+ lineNumber: 480,
407
438
  columnNumber: 7
408
439
  }, this);
409
440
  }
@@ -450,7 +481,7 @@ export const InlineBlockComponent = (props)=>{
450
481
  readOnly: !isEditable
451
482
  }, void 0, false, {
452
483
  fileName: "src/features/blocks/client/componentInline/index.tsx",
453
- lineNumber: 491,
484
+ lineNumber: 520,
454
485
  columnNumber: 15
455
486
  }, this),
456
487
  /*#__PURE__*/ _jsxDEV(FormSubmit, {
@@ -458,19 +489,19 @@ export const InlineBlockComponent = (props)=>{
458
489
  children: t('fields:saveChanges')
459
490
  }, void 0, false, {
460
491
  fileName: "src/features/blocks/client/componentInline/index.tsx",
461
- lineNumber: 500,
492
+ lineNumber: 529,
462
493
  columnNumber: 15
463
494
  }, this)
464
495
  ]
465
496
  }, void 0, true) : null
466
497
  }, void 0, false, {
467
498
  fileName: "src/features/blocks/client/componentInline/index.tsx",
468
- lineNumber: 482,
499
+ lineNumber: 511,
469
500
  columnNumber: 9
470
501
  }, this)
471
502
  }, void 0, false, {
472
503
  fileName: "src/features/blocks/client/componentInline/index.tsx",
473
- lineNumber: 481,
504
+ lineNumber: 510,
474
505
  columnNumber: 7
475
506
  }, this),
476
507
  CustomBlock ? /*#__PURE__*/ _jsxDEV(InlineBlockComponentContext, {
@@ -485,20 +516,20 @@ export const InlineBlockComponent = (props)=>{
485
516
  children: CustomBlock
486
517
  }, void 0, false, {
487
518
  fileName: "src/features/blocks/client/componentInline/index.tsx",
488
- lineNumber: 506,
519
+ lineNumber: 535,
489
520
  columnNumber: 9
490
521
  }, this) : /*#__PURE__*/ _jsxDEV(InlineBlockContainer, {
491
522
  children: [
492
523
  initialState ? /*#__PURE__*/ _jsxDEV(Label, {}, void 0, false, {
493
524
  fileName: "src/features/blocks/client/componentInline/index.tsx",
494
- lineNumber: 520,
525
+ lineNumber: 549,
495
526
  columnNumber: 27
496
527
  }, this) : /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
497
528
  height: "15px",
498
529
  width: "40px"
499
530
  }, void 0, false, {
500
531
  fileName: "src/features/blocks/client/componentInline/index.tsx",
501
- lineNumber: 520,
532
+ lineNumber: 549,
502
533
  columnNumber: 39
503
534
  }, this),
504
535
  isEditable ? /*#__PURE__*/ _jsxDEV("div", {
@@ -506,30 +537,30 @@ export const InlineBlockComponent = (props)=>{
506
537
  children: [
507
538
  /*#__PURE__*/ _jsxDEV(EditButton, {}, void 0, false, {
508
539
  fileName: "src/features/blocks/client/componentInline/index.tsx",
509
- lineNumber: 523,
540
+ lineNumber: 552,
510
541
  columnNumber: 15
511
542
  }, this),
512
543
  /*#__PURE__*/ _jsxDEV(RemoveButton, {}, void 0, false, {
513
544
  fileName: "src/features/blocks/client/componentInline/index.tsx",
514
- lineNumber: 524,
545
+ lineNumber: 553,
515
546
  columnNumber: 15
516
547
  }, this)
517
548
  ]
518
549
  }, void 0, true, {
519
550
  fileName: "src/features/blocks/client/componentInline/index.tsx",
520
- lineNumber: 522,
551
+ lineNumber: 551,
521
552
  columnNumber: 13
522
553
  }, this) : null
523
554
  ]
524
555
  }, void 0, true, {
525
556
  fileName: "src/features/blocks/client/componentInline/index.tsx",
526
- lineNumber: 519,
557
+ lineNumber: 548,
527
558
  columnNumber: 9
528
559
  }, this)
529
560
  ]
530
561
  }, void 0, true, {
531
562
  fileName: "src/features/blocks/client/componentInline/index.tsx",
532
- lineNumber: 463,
563
+ lineNumber: 492,
533
564
  columnNumber: 5
534
565
  }, this);
535
566
  };
package/dist/features/blocks/client/componentInline/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BlocksFieldClient, ClientBlock, Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n Drawer,\n EditDepthProvider,\n Form,\n formatDrawerSlug,\n FormSubmit,\n RenderFields,\n ShimmerEffect,\n useConfig,\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 React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapInlineBlockComponentProps } from '../../../../types.js'\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\nimport type { BlockComponentProps } from '../component/index.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\nexport type InlineBlockComponentProps<\n TFormData extends Record<string, unknown> = InlineBlockFields,\n> = {\n readonly CustomBlock?: React.FC<ViewMapInlineBlockComponentProps>\n readonly CustomLabel?: React.FC<ViewMapInlineBlockComponentProps>\n} & Pick<BlockComponentProps<TFormData>, 'cacheBuster' | 'className' | 'formData' | 'nodeKey'>\n\nexport type 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.use(InlineBlockComponentContext)\n\nexport const InlineBlockComponent: React.FC<InlineBlockComponentProps<InlineBlockFields>> = (\n props,\n) => {\n const {\n cacheBuster,\n className: baseClass,\n CustomBlock: CustomBlockFromProps,\n CustomLabel: CustomLabelFromProps,\n formData,\n nodeKey,\n } = props\n\n const [editor] = useLexicalComposerContext()\n const isEditable = useLexicalEditable()\n const { i18n, t } = useTranslation<object, string>()\n const {\n createdInlineBlock,\n fieldProps: { featureClientSchemaMap, initialLexicalFormState, schemaPath },\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 // Initial form state that was calculated server-side. May have stale values\n const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n if (!cachedFormState) {\n return false\n }\n\n // Merge current formData values into the cached form state\n // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n return Object.fromEntries(\n Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n fieldName,\n fieldName in formData\n ? {\n ...fieldState,\n initialValue: formData[fieldName],\n value: formData[fieldName],\n }\n : fieldState,\n ]),\n )\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 if (CustomLabelFromProps) {\n return (\n <CustomLabelFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useInlineBlockComponentContext={useInlineBlockComponentContext}\n />\n )\n }\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n })\n\n const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n if (CustomBlockFromProps) {\n // Pass useInlineBlockComponentContext as useBlockComponentContext for inline blocks\n return (\n <CustomBlockFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useInlineBlockComponentContext={useInlineBlockComponentContext}\n />\n )\n }\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n return initialState?.['_components']?.customComponents?.Block ?? undefined\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 const { config } = useConfig()\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: ClientBlock | undefined = blocksField.blockReferences\n ? typeof blocksField?.blockReferences?.[0] === 'string'\n ? config.blocksMap[blocksField?.blockReferences?.[0]]\n : blocksField?.blockReferences?.[0]\n : 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 excludeFiles: true,\n }),\n globalSlug,\n initialBlockData: formData,\n initialBlockFormState: formData,\n operation: 'update',\n readOnly: !isEditable,\n renderAllFields: true,\n schemaPath: schemaFieldsPath,\n signal: abortController.signal,\n })\n\n if (state) {\n const newFormStateData: InlineBlockFields = reduceFieldsToValues(\n deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\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 if (!CustomLabelFromProps) {\n setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n }\n if (!CustomBlockFromProps) {\n setCustomBlock(state['_components']?.customComponents?.Block)\n }\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 isEditable,\n CustomLabelFromProps,\n CustomBlockFromProps,\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 excludeFiles: true,\n }),\n formState: prevFormState,\n globalSlug,\n initialBlockFormState: prevFormState,\n operation: 'update',\n readOnly: !isEditable,\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 if (!CustomLabelFromProps) {\n setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n }\n if (!CustomBlockFromProps) {\n setCustomBlock(state['_components']?.customComponents?.Block)\n }\n }\n\n return state\n },\n [\n getFormState,\n id,\n collectionSlug,\n getDocPreferences,\n parentDocumentFields,\n globalSlug,\n isEditable,\n schemaFieldsPath,\n CustomBlockFromProps,\n CustomLabelFromProps,\n ],\n )\n // cleanup effect\n useEffect(() => {\n const isStateOutOfSync = (formData: InlineBlockFields, initialState: FormState) => {\n return Object.keys(initialState).some(\n (key) => initialState[key] && formData[key] !== initialState[key].value,\n )\n }\n\n return () => {\n // If the component is unmounted (either via removeInlineBlock or via lexical itself) and the form state got changed before,\n // we need to reset the initial state to force a re-fetch of the initial state when it gets mounted again (e.g. via lexical history undo).\n // Otherwise it would use an outdated initial state.\n if (initialState && isStateOutOfSync(formData, initialState)) {\n setInitialState(false)\n }\n abortAndIgnore(onChangeAbortControllerRef.current)\n }\n }, [formData, initialState])\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={!isEditable}\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 [baseClass, blockDisplayName, isEditable, removeInlineBlock, t],\n )\n\n const EditButton = useMemo(\n () => () => (\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__editButton`}\n disabled={!isEditable}\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 [baseClass, blockDisplayName, isEditable, t, toggleDrawer],\n )\n\n const InlineBlockContainer = useMemo(\n () =>\n ({ children, className }: { children: React.ReactNode; className?: string }) => (\n <div\n className={[`${baseClass}__container`, baseClass + '-' + formData.blockType, className]\n .filter(Boolean)\n .join(' ')}\n ref={inlineBlockElemElemRef}\n >\n {children}\n </div>\n ),\n [baseClass, 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 {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 el=\"div\"\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={true}\n readOnly={!isEditable}\n />\n <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n </>\n ) : null}\n </Drawer>\n </EditDepthProvider>\n {CustomBlock ? (\n <InlineBlockComponentContext\n value={{\n EditButton,\n initialState,\n InlineBlockContainer,\n Label,\n nodeKey,\n RemoveButton,\n }}\n >\n {CustomBlock}\n </InlineBlockComponentContext>\n ) : (\n <InlineBlockContainer>\n {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n {isEditable ? (\n <div className={`${baseClass}__actions`}>\n <EditButton />\n <RemoveButton />\n </div>\n ) : null}\n </InlineBlockContainer>\n )}\n </Form>\n )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","createContext","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","use","InlineBlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","editor","isEditable","i18n","t","createdInlineBlock","fieldProps","featureClientSchemaMap","initialLexicalFormState","schemaPath","setCreatedInlineBlock","uuidFromContext","fields","parentDocumentFields","getFormState","editDepth","firstTimeDrawer","setInitialState","useState","cachedFormState","id","formState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","hasMounted","prevCacheBuster","current","setCustomLabel","isEditor","isJSXConverter","customComponents","BlockLabel","undefined","setCustomBlock","Block","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","collectionSlug","getDocPreferences","globalSlug","config","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","clientBlockFields","getKey","length","removeInlineBlock","update","remove","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","initialBlockFormState","operation","readOnly","renderAllFields","signal","newFormStateData","node","newData","setFields","onChange","prevFormState","submit","controller","isStateOutOfSync","keys","some","key","onFormSubmit","RemoveButton","buttonStyle","disabled","icon","onClick","e","preventDefault","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","div","filter","Boolean","join","ref","Label","span","beforeSubmit","disableValidationOnSubmit","onSubmit","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","height","width"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../../src/features/blocks/client/componentInline/index.tsx"],"sourcesContent":["'use client'\n\nimport type { BlocksFieldClient, ClientBlock, Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n Drawer,\n EditDepthProvider,\n Form,\n formatDrawerSlug,\n FormSubmit,\n RenderFields,\n ShimmerEffect,\n useConfig,\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 React, { createContext, useCallback, useEffect, useMemo, useRef } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport type { ViewMapInlineBlockComponentProps } from '../../../../types.js'\nimport type { InlineBlockFields } from '../../server/nodes/InlineBlocksNode.js'\nimport type { BlockComponentProps } from '../component/index.js'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useLexicalDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport { $isInlineBlockNode } from '../nodes/InlineBlocksNode.js'\n\nexport type InlineBlockComponentProps<\n TFormData extends Record<string, unknown> = InlineBlockFields,\n> = {\n readonly CustomBlock?: React.FC<ViewMapInlineBlockComponentProps>\n readonly CustomLabel?: React.FC<ViewMapInlineBlockComponentProps>\n} & Pick<BlockComponentProps<TFormData>, 'cacheBuster' | 'className' | 'formData' | 'nodeKey'>\n\nexport type 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.use(InlineBlockComponentContext)\n\nexport const InlineBlockComponent: React.FC<InlineBlockComponentProps<InlineBlockFields>> = (\n props,\n) => {\n const {\n cacheBuster,\n className: baseClass,\n CustomBlock: CustomBlockFromProps,\n CustomLabel: CustomLabelFromProps,\n formData,\n nodeKey,\n } = props\n\n const [editor] = useLexicalComposerContext()\n const isEditable = useLexicalEditable()\n const { i18n, t } = useTranslation<object, string>()\n const {\n createdInlineBlock,\n fieldProps: { featureClientSchemaMap, initialLexicalFormState, schemaPath },\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 // Initial form state that was calculated server-side. May have stale values\n const cachedFormState = initialLexicalFormState?.[formData.id]?.formState\n if (!cachedFormState) {\n return false\n }\n\n // Merge current formData values into the cached form state\n // This ensures that when the component remounts (e.g., due to view changes), we don't lose user edits\n return Object.fromEntries(\n Object.entries(cachedFormState).map(([fieldName, fieldState]) => [\n fieldName,\n fieldName in formData\n ? {\n ...fieldState,\n initialValue: formData[fieldName],\n value: formData[fieldName],\n }\n : fieldState,\n ]),\n )\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 if (CustomLabelFromProps) {\n return (\n <CustomLabelFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useInlineBlockComponentContext={useInlineBlockComponentContext}\n />\n )\n }\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n return initialState?.['_components']?.customComponents?.BlockLabel ?? undefined\n })\n\n const [CustomBlock, setCustomBlock] = React.useState<React.ReactNode | undefined>(() => {\n if (CustomBlockFromProps) {\n // Pass useInlineBlockComponentContext as useBlockComponentContext for inline blocks\n return (\n <CustomBlockFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useInlineBlockComponentContext={useInlineBlockComponentContext}\n />\n )\n }\n // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n return initialState?.['_components']?.customComponents?.Block ?? undefined\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 const { config } = useConfig()\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: ClientBlock | undefined = blocksField.blockReferences\n ? typeof blocksField?.blockReferences?.[0] === 'string'\n ? config.blocksMap[blocksField?.blockReferences?.[0]]\n : blocksField?.blockReferences?.[0]\n : 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 excludeFiles: true,\n }),\n globalSlug,\n initialBlockData: formData,\n initialBlockFormState: formData,\n operation: 'update',\n readOnly: !isEditable,\n renderAllFields: true,\n schemaPath: schemaFieldsPath,\n signal: abortController.signal,\n })\n\n if (state) {\n const newFormStateData: InlineBlockFields = reduceFieldsToValues(\n deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\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 if (!CustomLabelFromProps) {\n setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n }\n if (!CustomBlockFromProps) {\n setCustomBlock(state['_components']?.customComponents?.Block)\n }\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 isEditable,\n CustomLabelFromProps,\n CustomBlockFromProps,\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 excludeFiles: true,\n }),\n formState: prevFormState,\n globalSlug,\n initialBlockFormState: prevFormState,\n operation: 'update',\n readOnly: !isEditable,\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 const newFormStateData: InlineBlockFields = reduceFieldsToValues(\n deepCopyObjectSimpleWithoutReactComponents(state, { excludeFiles: true }),\n true,\n ) as InlineBlockFields\n\n if (CustomLabelFromProps) {\n setCustomLabel(\n <CustomLabelFromProps\n className={baseClass}\n formData={newFormStateData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useInlineBlockComponentContext={useInlineBlockComponentContext}\n />,\n )\n } else {\n setCustomLabel(state['_components']?.customComponents?.BlockLabel)\n }\n if (CustomBlockFromProps) {\n setCustomBlock(\n <CustomBlockFromProps\n className={baseClass}\n formData={newFormStateData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n useInlineBlockComponentContext={useInlineBlockComponentContext}\n />,\n )\n } else {\n setCustomBlock(state['_components']?.customComponents?.Block)\n }\n }\n\n return state\n },\n [\n getFormState,\n id,\n collectionSlug,\n getDocPreferences,\n parentDocumentFields,\n globalSlug,\n isEditable,\n schemaFieldsPath,\n baseClass,\n nodeKey,\n CustomBlockFromProps,\n CustomLabelFromProps,\n ],\n )\n // cleanup effect\n useEffect(() => {\n const isStateOutOfSync = (formData: InlineBlockFields, initialState: FormState) => {\n return Object.keys(initialState).some(\n (key) => initialState[key] && formData[key] !== initialState[key].value,\n )\n }\n\n return () => {\n // If the component is unmounted (either via removeInlineBlock or via lexical itself) and the form state got changed before,\n // we need to reset the initial state to force a re-fetch of the initial state when it gets mounted again (e.g. via lexical history undo).\n // Otherwise it would use an outdated initial state.\n if (initialState && isStateOutOfSync(formData, initialState)) {\n setInitialState(false)\n }\n abortAndIgnore(onChangeAbortControllerRef.current)\n }\n }, [formData, initialState])\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={!isEditable}\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 [baseClass, blockDisplayName, isEditable, removeInlineBlock, t],\n )\n\n const EditButton = useMemo(\n () => () => (\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__editButton`}\n disabled={!isEditable}\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 [baseClass, blockDisplayName, isEditable, t, toggleDrawer],\n )\n\n const InlineBlockContainer = useMemo(\n () =>\n ({ children, className }: { children: React.ReactNode; className?: string }) => (\n <div\n className={[`${baseClass}__container`, baseClass + '-' + formData.blockType, className]\n .filter(Boolean)\n .join(' ')}\n ref={inlineBlockElemElemRef}\n >\n {children}\n </div>\n ),\n [baseClass, 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 {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 el=\"div\"\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={true}\n readOnly={!isEditable}\n />\n <FormSubmit programmaticSubmit={true}>{t('fields:saveChanges')}</FormSubmit>\n </>\n ) : null}\n </Drawer>\n </EditDepthProvider>\n {CustomBlock ? (\n <InlineBlockComponentContext\n value={{\n EditButton,\n initialState,\n InlineBlockContainer,\n Label,\n nodeKey,\n RemoveButton,\n }}\n >\n {CustomBlock}\n </InlineBlockComponentContext>\n ) : (\n <InlineBlockContainer>\n {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n {isEditable ? (\n <div className={`${baseClass}__actions`}>\n <EditButton />\n <RemoveButton />\n </div>\n ) : null}\n </InlineBlockContainer>\n )}\n </Form>\n )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","deepCopyObjectSimpleWithoutReactComponents","reduceFieldsToValues","React","createContext","useCallback","useEffect","useMemo","useRef","v4","uuid","useEditorConfigContext","useLexicalDrawer","$isInlineBlockNode","InlineBlockComponentContext","initialState","useInlineBlockComponentContext","use","InlineBlockComponent","props","cacheBuster","className","baseClass","CustomBlock","CustomBlockFromProps","CustomLabel","CustomLabelFromProps","formData","nodeKey","editor","isEditable","i18n","t","createdInlineBlock","fieldProps","featureClientSchemaMap","initialLexicalFormState","schemaPath","setCreatedInlineBlock","uuidFromContext","fields","parentDocumentFields","getFormState","editDepth","firstTimeDrawer","setInitialState","useState","cachedFormState","id","formState","Object","fromEntries","entries","map","fieldName","fieldState","initialValue","value","hasMounted","prevCacheBuster","current","setCustomLabel","isEditor","isJSXConverter","customComponents","BlockLabel","undefined","setCustomBlock","Block","drawerSlug","slug","depth","toggleDrawer","inlineBlockElemElemRef","collectionSlug","getDocPreferences","globalSlug","config","componentMapRenderedBlockPath","blockType","clientSchemaMap","blocksField","clientBlock","blockReferences","blocksMap","blocks","clientBlockFields","getKey","length","removeInlineBlock","update","remove","blockDisplayName","labels","singular","onChangeAbortControllerRef","AbortController","schemaFieldsPath","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","initialBlockFormState","operation","readOnly","renderAllFields","signal","newFormStateData","node","newData","setFields","onChange","prevFormState","submit","controller","isStateOutOfSync","keys","some","key","onFormSubmit","RemoveButton","buttonStyle","disabled","icon","onClick","e","preventDefault","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","div","filter","Boolean","join","ref","Label","span","beforeSubmit","disableValidationOnSubmit","onSubmit","title","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","height","width"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payloadcms/richtext-lexical",
3
- "version": "3.80.0-internal-debug.cd99b1f",
3
+ "version": "3.80.0-internal-debug.4c84b90",
4
4
  "description": "The officially supported Lexical richtext adapter for Payload",
5
5
  "homepage": "https://payloadcms.com",
6
6
  "repository": {
@@ -379,8 +379,8 @@
379
379
  "react-error-boundary": "4.1.2",
380
380
  "ts-essentials": "10.0.3",
381
381
  "uuid": "10.0.0",
382
- "@payloadcms/translations": "3.80.0-internal-debug.cd99b1f",
383
- "@payloadcms/ui": "3.80.0-internal-debug.cd99b1f"
382
+ "@payloadcms/translations": "3.80.0-internal-debug.4c84b90",
383
+ "@payloadcms/ui": "3.80.0-internal-debug.4c84b90"
384
384
  },
385
385
  "devDependencies": {
386
386
  "@babel/cli": "7.27.2",
@@ -400,15 +400,15 @@
400
400
  "esbuild-sass-plugin": "3.3.1",
401
401
  "swc-plugin-transform-remove-imports": "8.3.0",
402
402
  "@payloadcms/eslint-config": "3.28.0",
403
- "payload": "3.80.0-internal-debug.cd99b1f"
403
+ "payload": "3.80.0-internal-debug.4c84b90"
404
404
  },
405
405
  "peerDependencies": {
406
406
  "@faceless-ui/modal": "3.0.0",
407
407
  "@faceless-ui/scroll-info": "2.0.0",
408
408
  "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
409
409
  "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
410
- "@payloadcms/next": "3.80.0-internal-debug.cd99b1f",
411
- "payload": "3.80.0-internal-debug.cd99b1f"
410
+ "@payloadcms/next": "3.80.0-internal-debug.4c84b90",
411
+ "payload": "3.80.0-internal-debug.4c84b90"
412
412
  },
413
413
  "engines": {
414
414
  "node": "^18.20.2 || >=20.9.0"