@payloadcms/richtext-lexical 4.0.0-internal.38b7f1d → 4.0.0-internal.c2b57ce

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 (90) hide show
  1. package/dist/exports/client/{Field-PJW7KUJG.js → Field-VMNLDBRS.js} +2 -2
  2. package/dist/exports/client/Field-VMNLDBRS.js.map +7 -0
  3. package/dist/exports/client/{RelationshipComponent-5RONAYJM.js → RelationshipComponent-RZL743CS.js} +2 -2
  4. package/dist/exports/client/{RelationshipComponent-5RONAYJM.js.map → RelationshipComponent-RZL743CS.js.map} +2 -2
  5. package/dist/exports/client/bundled.css +1 -1
  6. package/dist/exports/client/{chunk-44G3K3W7.js → chunk-74RUDY7K.js} +2 -2
  7. package/dist/exports/client/{chunk-44G3K3W7.js.map → chunk-74RUDY7K.js.map} +2 -2
  8. package/dist/exports/client/component-2ZTDKRVK.js +2 -0
  9. package/dist/exports/client/{component-53Y3RYR5.js.map → component-2ZTDKRVK.js.map} +2 -2
  10. package/dist/exports/client/componentInline-JYKBUUPZ.js +2 -0
  11. package/dist/exports/client/index.js +4 -4
  12. package/dist/exports/client/index.js.map +3 -3
  13. package/dist/features/align/client/toolbarAlignGroup.d.ts.map +1 -1
  14. package/dist/features/blocks/client/component/index.js +2 -2
  15. package/dist/features/blocks/client/component/index.js.map +1 -1
  16. package/dist/features/blocks/client/componentInline/components/InlineBlockContainer.d.ts.map +1 -1
  17. package/dist/features/blocks/client/componentInline/index.js +2 -2
  18. package/dist/features/blocks/client/componentInline/index.js.map +1 -1
  19. package/dist/features/blocks/client/markdown/markdownTransformer.d.ts.map +1 -1
  20. package/dist/features/blocks/server/graphQLPopulationPromise.d.ts.map +1 -1
  21. package/dist/features/blocks/server/markdown/markdownTransformer.d.ts.map +1 -1
  22. package/dist/features/blocks/server/validate.d.ts.map +1 -1
  23. package/dist/features/converters/htmlToLexical/index.d.ts.map +1 -1
  24. package/dist/features/converters/lexicalToHtml/async/converters/table.js +1 -1
  25. package/dist/features/converters/lexicalToHtml/async/converters/table.js.map +1 -1
  26. package/dist/features/converters/lexicalToHtml/async/converters/upload.js.map +1 -1
  27. package/dist/features/converters/lexicalToHtml/shared/cssColors.d.ts.map +1 -1
  28. package/dist/features/converters/lexicalToHtml/sync/converters/table.js +1 -1
  29. package/dist/features/converters/lexicalToHtml/sync/converters/table.js.map +1 -1
  30. package/dist/features/converters/lexicalToHtml/sync/converters/upload.js.map +1 -1
  31. package/dist/features/converters/lexicalToJSX/converter/converters/upload.js.map +1 -1
  32. package/dist/features/converters/lexicalToMarkdown/index.d.ts.map +1 -1
  33. package/dist/features/converters/markdownToLexical/index.d.ts.map +1 -1
  34. package/dist/features/format/shared/toolbarFormatGroup.d.ts.map +1 -1
  35. package/dist/features/indent/client/toolbarIndentGroup.d.ts.map +1 -1
  36. package/dist/features/link/client/plugins/autoLink/index.d.ts.map +1 -1
  37. package/dist/features/link/markdownTransformer.d.ts.map +1 -1
  38. package/dist/features/link/server/baseFields.d.ts.map +1 -1
  39. package/dist/features/link/server/graphQLPopulationPromise.d.ts.map +1 -1
  40. package/dist/features/link/server/validate.d.ts.map +1 -1
  41. package/dist/features/lists/shared/markdown.d.ts.map +1 -1
  42. package/dist/features/relationship/client/components/RelationshipComponent.js +2 -2
  43. package/dist/features/relationship/client/components/RelationshipComponent.js.map +1 -1
  44. package/dist/features/relationship/client/components/index.css +2 -2
  45. package/dist/features/relationship/client/drawer/index.d.ts.map +1 -1
  46. package/dist/features/relationship/client/utils/useEnabledRelationships.d.ts.map +1 -1
  47. package/dist/features/relationship/server/graphQLPopulationPromise.d.ts.map +1 -1
  48. package/dist/features/shared/toolbar/addDropdownGroup.d.ts.map +1 -1
  49. package/dist/features/shared/toolbar/featureButtonsGroup.d.ts.map +1 -1
  50. package/dist/features/shared/toolbar/textDropdownGroup.d.ts.map +1 -1
  51. package/dist/features/toolbars/shared/ToolbarButton/index.d.ts.map +1 -1
  52. package/dist/features/toolbars/shared/ToolbarDropdown/DropDown.d.ts.map +1 -1
  53. package/dist/features/toolbars/shared/ToolbarDropdown/DropDown.js +1 -2
  54. package/dist/features/toolbars/shared/ToolbarDropdown/DropDown.js.map +1 -1
  55. package/dist/features/toolbars/shared/ToolbarDropdown/index.d.ts.map +1 -1
  56. package/dist/features/upload/client/component/index.css +4 -2
  57. package/dist/features/upload/client/component/index.js +3 -3
  58. package/dist/features/upload/client/component/index.js.map +1 -1
  59. package/dist/features/upload/client/drawer/index.d.ts.map +1 -1
  60. package/dist/features/upload/server/graphQLPopulationPromise.d.ts.map +1 -1
  61. package/dist/features/upload/server/validate.d.ts.map +1 -1
  62. package/dist/field/Field.d.ts.map +1 -1
  63. package/dist/field/Field.js +3 -4
  64. package/dist/field/Field.js.map +1 -1
  65. package/dist/field/bundled.css +1 -1
  66. package/dist/lexical/config/client/EditorConfigProvider.d.ts.map +1 -1
  67. package/dist/lexical/config/client/sanitize.d.ts.map +1 -1
  68. package/dist/lexical/config/server/sanitize.d.ts.map +1 -1
  69. package/dist/lexical/plugins/handles/DraggableBlockPlugin/debounce.d.ts.map +1 -1
  70. package/dist/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.d.ts.map +1 -1
  71. package/dist/lexical/theme/EditorTheme.css +2 -2
  72. package/dist/lexical/utils/markdown/createBlockNode.d.ts.map +1 -1
  73. package/dist/populateGraphQL/populateLexicalPopulationPromises.d.ts.map +1 -1
  74. package/dist/populateGraphQL/recursivelyPopulateFieldsForGraphQL.d.ts.map +1 -1
  75. package/dist/utilities/editorConfigFactory.d.ts.map +1 -1
  76. package/dist/utilities/fieldsDrawer/useLexicalDocumentDrawer.d.ts.map +1 -1
  77. package/dist/utilities/fieldsDrawer/useLexicalDrawer.d.ts.map +1 -1
  78. package/dist/utilities/fieldsDrawer/useLexicalListDrawer.d.ts.map +1 -1
  79. package/dist/utilities/generateImportMap.d.ts.map +1 -1
  80. package/dist/utilities/generateSchemaMap.d.ts.map +1 -1
  81. package/dist/utilities/getDefaultSanitizedEditorConfig.d.ts.map +1 -1
  82. package/dist/utilities/recurseNodeTree.d.ts.map +1 -1
  83. package/dist/utilities/upgradeLexicalData/upgradeDocumentFieldsRecursively.d.ts.map +1 -1
  84. package/dist/utilities/useLexicalFeature.d.ts.map +1 -1
  85. package/dist/validate/index.d.ts.map +1 -1
  86. package/package.json +12 -12
  87. package/dist/exports/client/Field-PJW7KUJG.js.map +0 -7
  88. package/dist/exports/client/component-53Y3RYR5.js +0 -2
  89. package/dist/exports/client/componentInline-PM4PLNUK.js +0 -2
  90. /package/dist/exports/client/{componentInline-PM4PLNUK.js.map → componentInline-JYKBUUPZ.js.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"toolbarAlignGroup.d.ts","sourceRoot":"","sources":["../../../../src/features/align/client/toolbarAlignGroup.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAI7E,eAAO,MAAM,0BAA0B,UAAW,gBAAgB,EAAE,KAAG,YAStE,CAAA"}
1
+ {"version":3,"file":"toolbarAlignGroup.d.ts","sourceRoot":"","sources":["../../../../src/features/align/client/toolbarAlignGroup.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAI7E,eAAO,MAAM,0BAA0B,GAAI,OAAO,gBAAgB,EAAE,KAAG,YAStE,CAAA"}
@@ -357,7 +357,7 @@ export const BlockComponent = props => {
357
357
  });
358
358
  }, [getDocPreferences, parentLexicalRichTextField.name, setDocFieldPreferences, formData.id]);
359
359
  const EditButton = useMemo(() => () => /*#__PURE__*/_jsx(Button, {
360
- buttonStyle: "icon-label",
360
+ buttonStyle: "ghost",
361
361
  className: `${baseClass}__editButton`,
362
362
  disabled: !isEditable,
363
363
  el: "button",
@@ -380,7 +380,7 @@ export const BlockComponent = props => {
380
380
  })
381
381
  }), [baseClass, isEditable, t, blockDisplayName, toggleDrawer]);
382
382
  const RemoveButton = useMemo(() => () => /*#__PURE__*/_jsx(Button, {
383
- buttonStyle: "icon-label",
383
+ buttonStyle: "ghost",
384
384
  className: `${baseClass}__removeButton`,
385
385
  disabled: !isEditable,
386
386
  icon: "x",
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","FormSubmit","MoreIcon","Pill","Popup","PopupList","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","XIcon","abortAndIgnore","$getNodeByKey","$getRoot","SKIP_DOM_SELECTION_TAG","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","formUuid","setCustomLabel","undefined","customComponents","BlockLabel","setCustomBlock","Block","resolvedCustomBlock","_jsx","isEditor","isJSXConverter","resolvedCustomLabel","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","newFormStateData","update","node","newData","setFields","tag","_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","rowIndex","setRowIndex","updateIndex","getEditorState","read","root","children","getChildren","blockCount","child","getKey","registerUpdateListener","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","collapsibleProps","disableBlockName","editButton","fieldHasErrors","Label","CustomPill","removeButton","showDragHandle","showRowNumber","actions","button","buttonClassName","caret","horizontalAlign","render","close","_jsxs","ButtonGroup","buttonSize","filter","Boolean","join","collapsibleStyle","dragHandleProps","attributes","role","tabIndex","listeners","header","String","padStart","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","style","display","beforeSubmit","onSubmit","formSchema"],"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 MoreIcon,\n Pill,\n Popup,\n PopupList,\n RenderFields,\n SectionTitle,\n useConfig,\n useDocumentForm,\n useDocumentInfo,\n useEditDepth,\n useFormSubmitted,\n useServerFunctions,\n useTranslation,\n XIcon,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey, $getRoot, SKIP_DOM_SELECTION_TAG } 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.css'\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 [formUuid] = React.useState(() => uuid())\n\n // Server-rendered custom components (from admin.components, NOT viewMap).\n // When viewMap components exist (CustomBlockFromProps/CustomLabelFromProps),\n // we render them directly with formData instead, so these states are unused.\n const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n if (CustomLabelFromProps) {\n return undefined\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 undefined\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 // When viewMap components exist, render directly with formData (always current from\n // the lexical node). When they don't, fall back to server-rendered state.\n const resolvedCustomBlock = useMemo(() => {\n if (CustomBlockFromProps) {\n return (\n <CustomBlockFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n useBlockComponentContext={useBlockComponentContext}\n />\n )\n }\n return CustomBlock\n }, [CustomBlockFromProps, baseClass, formData, nodeKey, CustomBlock])\n\n const resolvedCustomLabel = useMemo(() => {\n if (CustomLabelFromProps) {\n return (\n <CustomLabelFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n useBlockComponentContext={useBlockComponentContext}\n />\n )\n }\n return CustomLabel\n }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\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 () => {\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 // Without this, the outer editor's reconciler resets DOM selection\n // back into its own root, kicking focus out of any nested richText.\n { tag: SKIP_DOM_SELECTION_TAG },\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 () => {\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 // Without this, the outer editor's reconciler resets DOM selection\n // back into its own root, kicking focus out of any nested richText.\n { tag: SKIP_DOM_SELECTION_TAG },\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 [rowIndex, setRowIndex] = React.useState<number>(0)\n\n useEffect(() => {\n const updateIndex = () => {\n editor.getEditorState().read(() => {\n const root = $getRoot()\n const children = root.getChildren()\n let blockCount = 0\n for (const child of children) {\n if ($isBlockNode(child)) {\n if (child.getKey() === nodeKey) {\n setRowIndex(blockCount)\n return\n }\n blockCount++\n }\n }\n })\n }\n updateIndex()\n return editor.registerUpdateListener(() => {\n updateIndex()\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=\"medium\"\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 showDragHandle = true,\n showRowNumber = true,\n }: BlockCollapsibleWithErrorProps) => {\n return (\n <div className={`${baseClass}__container ${baseClass}-${blockType}`}>\n <Collapsible\n actions={\n typeof Actions !== 'undefined' ? (\n Actions\n ) : isEditable ? (\n <Popup\n button={<MoreIcon />}\n buttonClassName={`${baseClass}__actions-button`}\n caret={false}\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.ButtonGroup buttonSize=\"medium\">\n {((resolvedCustomBlock && editButton !== false) ||\n (!resolvedCustomBlock && editButton)) && (\n <PopupList.Button\n onClick={() => {\n toggleDrawer()\n close()\n }}\n >\n {t('general:edit')}\n </PopupList.Button>\n )}\n {removeButton !== false && (\n <PopupList.Button\n onClick={() => {\n removeBlock()\n close()\n }}\n >\n <XIcon />\n {t('general:remove')}\n </PopupList.Button>\n )}\n </PopupList.ButtonGroup>\n )}\n size=\"large\"\n />\n ) : null\n }\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 dragHandleProps={\n showDragHandle\n ? {\n id: nodeKey,\n attributes: { role: 'button', tabIndex: 0 },\n listeners: {},\n }\n : undefined\n }\n header={\n <div className={`${baseClass}__block-header`}>\n {typeof Label !== 'undefined' ? (\n Label\n ) : typeof resolvedCustomLabel !== 'undefined' ? (\n resolvedCustomLabel\n ) : (\n <div className={`${baseClass}__block-label`}>\n {showRowNumber && (\n <span className={`${baseClass}__block-number`}>\n {String(rowIndex + 1).padStart(2, '0')}\n </span>\n )}\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 </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 resolvedCustomBlock,\n resolvedCustomLabel,\n blockDisplayName,\n baseClass,\n clientBlock?.admin?.disableBlockName,\n blockType,\n i18n,\n isCollapsed,\n onCollapsedChange,\n isEditable,\n nodeKey,\n removeBlock,\n rowIndex,\n t,\n toggleDrawer,\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 () => {\n const node = $getNodeByKey(nodeKey)\n if (node && $isBlockNode(node)) {\n node.setFields(newData as BlockFields, true)\n }\n },\n // Without this, the outer editor's reconciler resets DOM selection\n // back into its own root, kicking focus out of any nested richText.\n { tag: SKIP_DOM_SELECTION_TAG },\n )\n toggleDrawer()\n }}\n submitted={submitted}\n uuid={formUuid}\n >\n <BlockContent\n baseClass={baseClass}\n BlockDrawer={BlockDrawer}\n Collapsible={BlockCollapsible}\n CustomBlock={resolvedCustomBlock}\n CustomLabel={resolvedCustomLabel}\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 resolvedCustomBlock,\n resolvedCustomLabel,\n blockType,\n drawerSlug,\n RemoveButton,\n EditButton,\n baseClass,\n editor,\n errorCount,\n toggleDrawer,\n clientBlock?.fields,\n formUuid,\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"],"mappings":"AAAA;;;AAEA,SAASA,yBAAyB,QAAQ;AAC1C,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SACEC,MAAM,EACNC,WAAW,EACXC,MAAM,EACNC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,EACJC,gBAAgB,EAChBC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,YAAY,EACZC,SAAS,EACTC,eAAe,EACfC,eAAe,EACfC,YAAY,EACZC,gBAAgB,EAChBC,kBAAkB,EAClBC,cAAc,EACdC,KAAK,QACA;AACP,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,EAAEC,QAAQ,EAAEC,sBAAsB,QAAQ;AAOhE,SAASC,0CAA0C,EAAEC,oBAAoB,QAAQ;AACjF,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ;AAC/D,SAASC,EAAA,IAAMC,IAAI,QAAQ;AAK3B,OAAO;AACP,SAASC,sBAAsB,QAAQ;AACvC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,YAAY,QAAQ;AAC7B,SAEEC,YAAY,EACZC,wBAAwB,QACnB;AACP,SAASC,sBAAsB,QAAQ;AA8BvC,OAAO,MAAMC,cAAA,GAAiDC,KAAA;EAC5D,MAAM;IACJC,WAAW;IACXC,SAAA,EAAWC,SAAS;IACpBC,WAAA,EAAaC,oBAAoB;IACjCC,WAAA,EAAaC,oBAAoB;IACjCC,QAAQ;IACRC;EAAO,CACR,GAAGT,KAAA;EAEJ,MAAMU,SAAA,GAAYlC,gBAAA;EAClB,MAAM;IAAEmC,EAAE;IAAEC,cAAc;IAAEC;EAAU,CAAE,GAAGvC,eAAA;EAC3C,MAAM;IACJwC,UAAA,EAAY;MACVC,sBAAsB;MACtBC,KAAA,EAAOC,0BAA0B;MACjCC,uBAAuB;MACvBC;IAAU,CACX;IACD3B,IAAA,EAAM4B;EAAe,CACtB,GAAG3B,sBAAA;EAEJ,MAAM;IAAE4B,MAAA,EAAQC;EAAoB,CAAE,GAAGjD,eAAA;EACzC,MAAMkD,0BAAA,GAA6BjC,MAAA,CAAO,IAAIkC,eAAA;EAC9C,MAAMC,SAAA,GAAYlD,YAAA;EAClB,MAAM,CAACmD,UAAA,EAAYC,aAAA,CAAc,GAAGzC,KAAA,CAAM0C,QAAQ,CAAC;EAEnD,MAAM;IAAEC;EAAM,CAAE,GAAGzD,SAAA;EAEnB,MAAM0D,UAAA,GAAalE,gBAAA,CAAiB;IAClCmE,IAAA,EAAM,yBAAyBX,eAAA,IAAmBZ,QAAA,CAASG,EAAE,EAAE;IAC/DqB,KAAA,EAAOP;EACT;EACA,MAAM;IAAEQ;EAAY,CAAE,GAAGvC,gBAAA,CAAiBoC,UAAA;EAE1C;EACA;EACA;EACA,MAAM;IAAEI,iBAAiB;IAAEC;EAAsB,CAAE,GAAG7D,eAAA;EACtD,MAAM,CAAC8D,MAAA,CAAO,GAAGjF,yBAAA;EACjB,MAAMkF,UAAA,GAAajF,kBAAA;EAEnB,MAAMkF,SAAA,GAAY9B,QAAA,CAAS8B,SAAS;EAEpC,MAAM;IAAEC;EAAY,CAAE,GAAG9D,kBAAA;EACzB,MAAM+D,gBAAA,GAAmB,GAAGrB,UAAA,mDAA6DmB,SAAA,SAAkB;EAE3G,MAAM,CAACG,YAAA,EAAcC,eAAA,CAAgB,GAAGxD,KAAA,CAAM0C,QAAQ,CAAgC;IACpF;IACA,MAAMe,eAAA,GAAkBzB,uBAAA,GAA0BV,QAAA,CAASG,EAAE,CAAC,EAAEiC,SAAA;IAChE,IAAI,CAACD,eAAA,EAAiB;MACpB,OAAO;IACT;IAEA;IACA;IACA,MAAME,WAAA,GAAcC,MAAA,CAAOC,WAAW,CACpCD,MAAA,CAAOE,OAAO,CAACL,eAAA,EAAiBM,GAAG,CAAC,CAAC,CAACC,SAAA,EAAWC,UAAA,CAAW,KAAK,CAC/DD,SAAA,EACAA,SAAA,IAAa1C,QAAA,GACT;MACE,GAAG2C,UAAU;MACbC,YAAA,EAAc5C,QAAQ,CAAC0C,SAAA,CAAU;MACjCG,KAAA,EAAO7C,QAAQ,CAAC0C,SAAA;IAClB,IACAC,UAAA,CACL;IAGH;IACAN,WAAA,CAAYS,SAAS,GAAG;MACtBF,YAAA,EAAc5C,QAAA,CAAS8C,SAAS;MAChCC,eAAA,EAAiB;MACjBC,KAAA,EAAO;MACPH,KAAA,EAAO7C,QAAA,CAAS8C;IAClB;IAEA,OAAOT,WAAA;EACT;EAEA,MAAMY,UAAA,GAAanE,MAAA,CAAO;EAC1B,MAAMoE,eAAA,GAAkBpE,MAAA,CAAOW,WAAA;EAC/Bb,SAAA,CAAU;IACR,IAAIqE,UAAA,CAAWE,OAAO,EAAE;MACtB,IAAID,eAAA,CAAgBC,OAAO,KAAK1D,WAAA,EAAa;QAC3CyC,eAAA,CAAgB;MAClB;MACAgB,eAAA,CAAgBC,OAAO,GAAG1D,WAAA;IAC5B,OAAO;MACLwD,UAAA,CAAWE,OAAO,GAAG;IACvB;EACF,GAAG,CAAC1D,WAAA,CAAY;EAEhB,MAAM,CAAC2D,QAAA,CAAS,GAAG1E,KAAA,CAAM0C,QAAQ,CAAC,MAAMpC,IAAA;EAExC;EACA;EACA;EACA,MAAM,CAACc,WAAA,EAAauD,cAAA,CAAe,GAAG3E,KAAA,CAAM0C,QAAQ,CAA8B;IAChF,IAAIrB,oBAAA,EAAsB;MACxB,OAAOuD,SAAA;IACT;IACA;IACA,OAAOrB,YAAA,GAAe,cAAc,EAAEsB,gBAAA,EAAkBC,UAAA,IAAcF,SAAA;EACxE;EAEA,MAAM,CAAC1D,WAAA,EAAa6D,cAAA,CAAe,GAAG/E,KAAA,CAAM0C,QAAQ,CAA8B;IAChF,IAAIvB,oBAAA,EAAsB;MACxB,OAAOyD,SAAA;IACT;IACA;IACA,OAAOrB,YAAA,GAAe,cAAc,EAAEsB,gBAAA,EAAkBG,KAAA,IAASJ,SAAA;EACnE;EAEA;EACA;EACA,MAAMK,mBAAA,GAAsB9E,OAAA,CAAQ;IAClC,IAAIgB,oBAAA,EAAsB;MACxB,oBACE+D,IAAA,CAAC/D,oBAAA;QACCH,SAAA,EAAWC,SAAA;QACXK,QAAA,EAAUA,QAAA;QACV6D,QAAA,EAAU;QACVC,cAAA,EAAgB;QAChB7D,OAAA,EAASA,OAAA;QACT;QACAZ,wBAAA,EAA0BA;;IAGhC;IACA,OAAOO,WAAA;EACT,GAAG,CAACC,oBAAA,EAAsBF,SAAA,EAAWK,QAAA,EAAUC,OAAA,EAASL,WAAA,CAAY;EAEpE,MAAMmE,mBAAA,GAAsBlF,OAAA,CAAQ;IAClC,IAAIkB,oBAAA,EAAsB;MACxB,oBACE6D,IAAA,CAAC7D,oBAAA;QACCL,SAAA,EAAWC,SAAA;QACXK,QAAA,EAAUA,QAAA;QACV6D,QAAA,EAAU;QACVC,cAAA,EAAgB;QAChB7D,OAAA,EAASA,OAAA;QACT;QACAZ,wBAAA,EAA0BA;;IAGhC;IACA,OAAOS,WAAA;EACT,GAAG,CAACC,oBAAA,EAAsBJ,SAAA,EAAWK,QAAA,EAAUC,OAAA,EAASH,WAAA,CAAY;EAEpE;EACAlB,SAAA,CAAU;IACR,MAAMoF,eAAA,GAAkB,IAAIhD,eAAA;IAE5B,MAAMiD,iBAAA,GAAoB,MAAAA,CAAA;MACxB;;;;;MAKA,MAAM;QAAEC;MAAK,CAAE,GAAG,MAAMnC,YAAA,CAAa;QACnC5B,EAAA;QACAC,cAAA;QACA+D,IAAA,EAAMnE,QAAA;QACNoE,cAAA,EAAgB;UAAEvD,MAAA,EAAQ;QAAK;QAC/BwD,cAAA,EAAgB,MAAM3C,iBAAA;QACtB4C,iBAAA,EAAmB9F,0CAAA,CAA2CsC,oBAAA,EAAsB;UAClFyD,YAAA,EAAc;QAChB;QACAlE,UAAA;QACAmE,gBAAA,EAAkBxE,QAAA;QAClByE,SAAA,EAAW;QACXC,QAAA,EAAU,CAAC7C,UAAA;QACX8C,eAAA,EAAiB;QACjBhE,UAAA,EAAYqB,gBAAA;QACZ4C,MAAA,EAAQZ,eAAA,CAAgBY;MAC1B;MAEA,IAAIV,KAAA,EAAO;QACTA,KAAA,CAAMpB,SAAS,GAAG;UAChBF,YAAA,EAAc5C,QAAA,CAAS8C,SAAS;UAChCC,eAAA,EAAiB;UACjBC,KAAA,EAAO;UACPH,KAAA,EAAO7C,QAAA,CAAS8C;QAClB;QAEA,MAAM+B,gBAAA,GAAgCpG,oBAAA,CACpCD,0CAAA,CAA2C0F,KAAA,EAAO;UAAEK,YAAA,EAAc;QAAK,IACvE;QAGF;QACA3C,MAAA,CAAOkD,MAAM,CACX;UACE,MAAMC,IAAA,GAAO1G,aAAA,CAAc4B,OAAA;UAC3B,IAAI8E,IAAA,IAAQ5F,YAAA,CAAa4F,IAAA,GAAO;YAC9B,MAAMC,OAAA,GAAUH,gBAAA;YAChBG,OAAA,CAAQlD,SAAS,GAAGA,SAAA;YAEpBiD,IAAA,CAAKE,SAAS,CAACD,OAAA,EAAS;UAC1B;QACF;QACA;QACA;QACA;UAAEE,GAAA,EAAK3G;QAAuB;QAGhC2D,eAAA,CAAgBgC,KAAA;QAChB,IAAI,CAACnE,oBAAA,EAAsB;UACzBsD,cAAA,CAAea,KAAA,CAAMiB,WAAW,EAAE5B,gBAAA,EAAkBC,UAAA,IAAcF,SAAA;QACpE;QACA,IAAI,CAACzD,oBAAA,EAAsB;UACzB4D,cAAA,CAAeS,KAAA,CAAMiB,WAAW,EAAE5B,gBAAA,EAAkBG,KAAA,IAASJ,SAAA;QAC/D;MACF;IACF;IAEA,IAAItD,QAAA,IAAY,CAACiC,YAAA,EAAc;MAC7B,KAAKgC,iBAAA;IACP;IAEA,OAAO;MACL7F,cAAA,CAAe4F,eAAA;IACjB;EACF,GAAG,CACDjC,YAAA,EACAC,gBAAA,EACAH,UAAA,EACA1B,EAAA,EACAJ,oBAAA,EACAF,oBAAA,EACAG,QAAA,EACA4B,MAAA,EACA3B,OAAA,EACAgC,YAAA,EACA7B,cAAA,EACAC,UAAA,EACAqB,iBAAA,EACAZ,oBAAA,EACAgB,SAAA,CACD;EAED,MAAM,CAACsD,WAAA,EAAaC,cAAA,CAAe,GAAG3G,KAAA,CAAM0C,QAAQ,CAClDV,uBAAA,GAA0BV,QAAA,CAASG,EAAE,CAAC,EAAEmF,SAAA,IAAa;EAGvD,MAAMC,6BAAA,GAAgC,GAAG5E,UAAA,mDAA6DmB,SAAA,EAAW;EAEjH,MAAM0D,eAAA,GAAkBjF,sBAAsB,CAAC,SAAS;EAExD,MAAMkF,WAAA,GAA6CD,eAAA,GACjDD,6BAAA,CACD,GAAG,EAAE;EAEN,MAAMG,WAAA,GAAuCD,WAAA,CAAYE,eAAe,GACpE,OAAOF,WAAA,EAAaE,eAAA,GAAkB,EAAE,KAAK,WAC3CtE,MAAA,CAAOuE,SAAS,CAACH,WAAA,EAAaE,eAAA,GAAkB,EAAE,CAAC,GACnDF,WAAA,EAAaE,eAAA,GAAkB,EAAE,GACnCF,WAAA,EAAaI,MAAA,GAAS,EAAE;EAE5B,MAAM;IAAEC,IAAI;IAAEC;EAAC,CAAE,GAAG7H,cAAA;EAEpB,MAAM8H,QAAA,GAAWrH,WAAA,CACf,OAAO;IAAEyD,SAAA,EAAW6D,aAAa;IAAEC;EAAM,CAA8C;IACrF9H,cAAA,CAAe2C,0BAAA,CAA2BoC,OAAO;IAEjD,MAAMgD,UAAA,GAAa,IAAInF,eAAA;IACvBD,0BAAA,CAA2BoC,OAAO,GAAGgD,UAAA;IAErC,MAAM;MAAEjC,KAAA,EAAOkC;IAAY,CAAE,GAAG,MAAMrE,YAAA,CAAa;MACjD5B,EAAA;MACAC,cAAA;MACAgE,cAAA,EAAgB;QACdvD,MAAA,EAAQ;MACV;MACAwD,cAAA,EAAgB,MAAM3C,iBAAA;MACtB4C,iBAAA,EAAmB9F,0CAAA,CAA2CsC,oBAAA,EAAsB;QAClFyD,YAAA,EAAc;MAChB;MACAnC,SAAA,EAAW6D,aAAA;MACX5F,UAAA;MACAgG,qBAAA,EAAuBJ,aAAA;MACvBxB,SAAA,EAAW;MACXC,QAAA,EAAU,CAAC7C,UAAA;MACX8C,eAAA,EAAiBuB,MAAA,GAAS,OAAO;MACjCvF,UAAA,EAAYqB,gBAAA;MACZ4C,MAAA,EAAQuB,UAAA,CAAWvB;IACrB;IAEA,IAAI,CAACwB,YAAA,EAAc;MACjB,OAAOH,aAAA;IACT;IAEA,IAAIA,aAAA,CAAcnD,SAAS,EAAE;MAC3BsD,YAAA,CAAatD,SAAS,GAAGmD,aAAA,CAAcnD,SAAS;IAClD;IAEA,MAAM+B,kBAAA,GAAgCpG,oBAAA,CACpCa,sBAAA,CAAuB;MACrBuB,MAAA,EAAQrC,0CAAA,CAA2C4H,YAAA,EAAc;QAAE7B,YAAA,EAAc;MAAK;IACxF,IACA;IAGF+B,UAAA,CAAW;MACT1E,MAAA,CAAOkD,MAAM,CACX;QACE,MAAMC,MAAA,GAAO1G,aAAA,CAAc4B,OAAA;QAC3B,IAAI8E,MAAA,IAAQ5F,YAAA,CAAa4F,MAAA,GAAO;UAC9B,MAAMC,SAAA,GAAUH,kBAAA;UAChBG,SAAA,CAAQlD,SAAS,GAAGA,SAAA;UACpBiD,MAAA,CAAKE,SAAS,CAACD,SAAA,EAAS;QAC1B;MACF;MACA;MACA;MACA;QAAEE,GAAA,EAAK3G;MAAuB;IAElC,GAAG;IAEH,IAAI2H,MAAA,EAAQ;MACV,IAAI,CAACnG,oBAAA,EAAsB;QACzBsD,cAAA,CAAe+C,YAAA,CAAajB,WAAW,EAAE5B,gBAAA,EAAkBC,UAAA,IAAcF,SAAA;MAC3E;MACA,IAAI,CAACzD,oBAAA,EAAsB;QACzB4D,cAAA,CAAe2C,YAAA,CAAajB,WAAW,EAAE5B,gBAAA,EAAkBG,KAAA,IAASJ,SAAA;MACtE;MAEA,IAAIiD,aAAA,GAAgB;MACpB,KAAK,MAAMC,SAAA,IAAalE,MAAA,CAAOmE,MAAM,CAACL,YAAA,GAAe;QACnD,IAAII,SAAA,EAAWxD,KAAA,KAAU,OAAO;UAC9BuD,aAAA;QACF;MACF;MACApF,aAAA,CAAcoF,aAAA;IAChB;IAEA,OAAOH,YAAA;EACT,GAEA,CACErE,YAAA,EACA5B,EAAA,EACAC,cAAA,EACAsB,iBAAA,EACArB,UAAA,EACA2B,gBAAA,EACAF,SAAA,EACAhB,oBAAA,EACAe,UAAA,EACAD,MAAA,EACA3B,OAAA,EACAJ,oBAAA,EACAE,oBAAA,CACD;EAGHnB,SAAA,CAAU;IACR,OAAO;MACLR,cAAA,CAAe2C,0BAAA,CAA2BoC,OAAO;IACnD;EACF,GAAG,EAAE;EAEL,MAAMuD,WAAA,GAAc/H,WAAA,CAAY;IAC9BiD,MAAA,CAAOkD,MAAM,CAAC;MACZzG,aAAA,CAAc4B,OAAA,GAAU0G,MAAA;IAC1B;EACF,GAAG,CAAC/E,MAAA,EAAQ3B,OAAA,CAAQ;EAEpB,MAAM,CAAC2G,QAAA,EAAUC,WAAA,CAAY,GAAGnI,KAAA,CAAM0C,QAAQ,CAAS;EAEvDxC,SAAA,CAAU;IACR,MAAMkI,WAAA,GAAcA,CAAA;MAClBlF,MAAA,CAAOmF,cAAc,GAAGC,IAAI,CAAC;QAC3B,MAAMC,IAAA,GAAO3I,QAAA;QACb,MAAM4I,QAAA,GAAWD,IAAA,CAAKE,WAAW;QACjC,IAAIC,UAAA,GAAa;QACjB,KAAK,MAAMC,KAAA,IAASH,QAAA,EAAU;UAC5B,IAAI/H,YAAA,CAAakI,KAAA,GAAQ;YACvB,IAAIA,KAAA,CAAMC,MAAM,OAAOrH,OAAA,EAAS;cAC9B4G,WAAA,CAAYO,UAAA;cACZ;YACF;YACAA,UAAA;UACF;QACF;MACF;IACF;IACAN,WAAA;IACA,OAAOlF,MAAA,CAAO2F,sBAAsB,CAAC;MACnCT,WAAA;IACF;EACF,GAAG,CAAClF,MAAA,EAAQ3B,OAAA,CAAQ;EAEpB,MAAMuH,gBAAA,GAAmB9B,WAAA,EAAa+B,MAAA,EAAQC,QAAA,GAC1C7K,cAAA,CAAe6I,WAAA,CAAY+B,MAAM,CAACC,QAAQ,EAAE5B,IAAA,IAC5CJ,WAAA,EAAanE,IAAA;EAEjB,MAAMoG,iBAAA,GAAoBhJ,WAAA,CACvBiJ,gBAAA;IACC,KAAKlG,iBAAA,GAAoBmG,IAAI,CAAEC,qBAAA;MAC7B,MAAMC,uBAAA,GACJD,qBAAA,EAAuBjH,MAAA,GAASJ,0BAAA,CAA2BuH,IAAI,CAAC;MAElE,MAAMC,cAAA,GAAiBF,uBAAA,EAAyBzC,SAAA;MAEhD,MAAM4C,YAAA,GACJD,cAAA,IAAkBA,cAAA,EAAgBE,MAAA,GAASF,cAAA,GAAiB,EAAE;MAEhE,IAAIL,gBAAA,EAAkB;QACpB,IAAI,CAACM,YAAA,CAAaE,QAAQ,CAACpI,QAAA,CAASG,EAAE,GAAG;UACvC+H,YAAA,CAAaG,IAAI,CAACrI,QAAA,CAASG,EAAE;QAC/B;MACF,OAAO;QACL,IAAI+H,YAAA,CAAaE,QAAQ,CAACpI,QAAA,CAASG,EAAE,GAAG;UACtC+H,YAAA,CAAaI,MAAM,CAACJ,YAAA,CAAaK,OAAO,CAACvI,QAAA,CAASG,EAAE,GAAG;QACzD;MACF;MAEAwB,sBAAA,CAAuBlB,0BAAA,CAA2BuH,IAAI,EAAE;QACtD1C,SAAA,EAAW4C,YAAA;QACXM,KAAA,EAAO;MACT;IACF;EACF,GACA,CAAC9G,iBAAA,EAAmBjB,0BAAA,CAA2BuH,IAAI,EAAErG,sBAAA,EAAwB3B,QAAA,CAASG,EAAE,CAAC;EAG3F,MAAMsI,UAAA,GAAa5J,OAAA,CACjB,MAAM,mBACJ+E,IAAA,CAAC9G,MAAA;IACC4L,WAAA,EAAY;IACZhJ,SAAA,EAAW,GAAGC,SAAA,cAAuB;IACrCgJ,QAAA,EAAU,CAAC9G,UAAA;IACX+G,EAAA,EAAG;IACHC,IAAA,EAAK;IACLC,OAAA,EAAUC,CAAA;MACRA,CAAA,CAAEC,cAAc;MAChBD,CAAA,CAAEE,eAAe;MACjBxH,YAAA;MACA,OAAO;IACT;IACAyH,WAAA,EAAcH,GAAA;MACZ;MACA;MACAA,GAAA,CAAEC,cAAc;IAClB;IACAG,KAAK;IACLC,IAAA,EAAK;IACLC,OAAA,EAAStD,CAAA,CAAE,oCAAoC;MAAEuD,KAAA,EAAO9B;IAAiB;MAG7E,CAAC7H,SAAA,EAAWkC,UAAA,EAAYkE,CAAA,EAAGyB,gBAAA,EAAkB/F,YAAA,CAAa;EAG5D,MAAM8H,YAAA,GAAe1K,OAAA,CACnB,MAAM,mBACJ+E,IAAA,CAAC9G,MAAA;IACC4L,WAAA,EAAY;IACZhJ,SAAA,EAAW,GAAGC,SAAA,gBAAyB;IACvCgJ,QAAA,EAAU,CAAC9G,UAAA;IACXgH,IAAA,EAAK;IACLC,OAAA,EAAUC,GAAA;MACRA,GAAA,CAAEC,cAAc;MAChBtC,WAAA;IACF;IACAyC,KAAK;IACLE,OAAA,EAAQ;MAGZ,CAAC1J,SAAA,EAAWkC,UAAA,EAAY6E,WAAA,CAAY;EAGtC,MAAM8C,gBAAA,GAAmB3K,OAAA,CACvB,MACE,CAAC;IACC4K,OAAO;IACPvC,QAAQ,EAARA,UAAQ;IACRxH,SAAS;IACTgK,gBAAgB;IAChBC,gBAAgB;IAChBC,UAAU;IACV1I,UAAU,EAAVA,YAAU;IACV2I,cAAc;IACdC,KAAK;IACLvM,IAAA,EAAMwM,UAAU;IAChBC,YAAY;IACZC,cAAA,GAAiB,IAAI;IACrBC,aAAA,GAAgB;EAAI,CACW;IAC/B,oBACEtG,IAAA,CAAC;MAAIlE,SAAA,EAAW,GAAGC,SAAA,eAAwBA,SAAA,IAAamC,SAAA,EAAW;gBACjE,aAAA8B,IAAA,CAAC7G,WAAA;QACCoN,OAAA,EACE,OAAOV,OAAA,KAAY,cACjBA,OAAA,GACE5H,UAAA,gBACF+B,IAAA,CAACpG,KAAA;UACC4M,MAAA,eAAQxG,IAAA,CAACtG,QAAA;UACT+M,eAAA,EAAiB,GAAG1K,SAAA,kBAA2B;UAC/C2K,KAAA,EAAO;UACPC,eAAA,EAAgB;UAChBC,MAAA,EAAQA,CAAC;YAAEC;UAAK,CAAE,kBAChBC,KAAA,CAACjN,SAAA,CAAUkN,WAAW;YAACC,UAAA,EAAW;uBAC9B,CAAAjH,mBAAC,IAAuBiG,UAAA,KAAe,SACtC,CAACjG,mBAAA,IAAuBiG,UAAU,kBACnChG,IAAA,CAACnG,SAAA,CAAUX,MAAM;cACfgM,OAAA,EAASA,CAAA;gBACPrH,YAAA;gBACAgJ,KAAA;cACF;wBAEC1E,CAAA,CAAE;gBAGNiE,YAAA,KAAiB,sBAChBU,KAAA,CAACjN,SAAA,CAAUX,MAAM;cACfgM,OAAA,EAASA,CAAA;gBACPpC,WAAA;gBACA+D,KAAA;cACF;sCAEA7G,IAAA,CAACzF,KAAA,OACA4H,CAAA,CAAE;;;UAKXqD,IAAA,EAAK;aAEL;QAEN1J,SAAA,EAAW,CACT,GAAGC,SAAA,OAAgB,EACnBkK,cAAA,GAAiB,GAAGlK,SAAA,mBAA4B,GAAG,GAAGA,SAAA,kBAA2B,EACjFD,SAAA,CACD,CACEmL,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;QACRC,gBAAA,EAAkBnB,cAAA,GAAiB,UAAU;QAC7CoB,eAAA,EACEhB,cAAA,GACI;UACE9J,EAAA,EAAIF,OAAA;UACJiL,UAAA,EAAY;YAAEC,IAAA,EAAM;YAAUC,QAAA,EAAU;UAAE;UAC1CC,SAAA,EAAW,CAAC;QACd,IACA/H,SAAA;QAENgI,MAAA,eACE1H,IAAA,CAAC;UAAIlE,SAAA,EAAW,GAAGC,SAAA,gBAAyB;oBACzC,OAAOmK,KAAA,KAAU,cAChBA,KAAA,GACE,OAAO/F,mBAAA,KAAwB,cACjCA,mBAAA,gBAEA2G,KAAA,CAAC;YAAIhL,SAAA,EAAW,GAAGC,SAAA,eAAwB;uBACxCuK,aAAA,iBACCtG,IAAA,CAAC;cAAKlE,SAAA,EAAW,GAAGC,SAAA,gBAAyB;wBAC1C4L,MAAA,CAAO3E,QAAA,GAAW,GAAG4E,QAAQ,CAAC,GAAG;gBAGrC,OAAOzB,UAAA,KAAe,cACrBA,UAAA,gBAEAnG,IAAA,CAACrG,IAAA;cACCmC,SAAA,EAAW,GAAGC,SAAA,gBAAyBA,SAAA,gBAAyBmC,SAAA,EAAW;cAC3E2J,SAAA,EAAU;cACVrC,IAAA,EAAK;wBAEJ5B,gBAAA,IAAoB1F;gBAGxB,CAAC6H,gBAAA,IAAoB,CAACjE,WAAA,EAAagG,KAAA,EAAO/B,gBAAA,iBACzC/F,IAAA,CAACjG,YAAA;cAAagO,IAAA,EAAK;cAAYjH,QAAA,EAAU,CAAC7C;gBAG3CgI,cAAA,iBACCjG,IAAA,CAAC1G,SAAA;cAAU0O,KAAA,EAAO1K,YAAA,IAAc;cAAG4E,IAAA,EAAMA,IAAA;cAAM+F,WAAW;;;;QAMpEzG,WAAA,EAAaA,WAAA;QAEb0G,QAAA,EAAWC,sBAAA;UACTpE,iBAAA,CAAkBoE,sBAAA;UAClB1G,cAAA,CAAe0G,sBAAA;QACjB;QACC,IAAIrC,gBAAA,IAAoB,CAAC,CAAC;kBAE1BxC;SAPI;;EAWb,GACF,CACEvD,mBAAA,EACAI,mBAAA,EACAyD,gBAAA,EACA7H,SAAA,EACA+F,WAAA,EAAagG,KAAA,EAAO/B,gBAAA,EACpB7H,SAAA,EACAgE,IAAA,EACAV,WAAA,EACAuC,iBAAA,EACA9F,UAAA,EACA5B,OAAA,EACAyG,WAAA,EACAE,QAAA,EACAb,CAAA,EACAtE,YAAA,CACD;EAGH,MAAMuK,OAAA,GAAUhM,QAAA,EAAUG,EAAA;EAE1B,MAAM8L,WAAA,GAAcpN,OAAA,CAClB,MAAM,mBACJ+E,IAAA,CAAC3G,iBAAA;cACC,aAAA2G,IAAA,CAAC5G,MAAA;MACC0C,SAAA,EAAW;MACX6B,IAAA,EAAMD,UAAA;MACN4K,KAAA,EAAOnG,CAAA,CAAE,+BAA+BiG,OAAA,GAAU,SAAS,UAAU,EAAE;QACrE1C,KAAA,EAAO9B,gBAAA,IAAoBzB,CAAA,CAAE;MAC/B;gBAEC9D,YAAA,gBACCyI,KAAA,CAAAyB,SAAA;gCACEvI,IAAA,CAAClG,YAAA;UACCmD,MAAA,EAAQ6E,WAAA,EAAa7E,MAAA,IAAU,EAAE;UACjCuL,WAAW;UACXC,eAAA,EAAgB;UAChBC,UAAA,EAAW;UACXC,gBAAA,EAAkBvK,gBAAA;UAClBwK,WAAA,EAAa;UACb9H,QAAA,EAAU,CAAC7C;yBAEb+B,IAAA,CAACvG,UAAA;UAAWoP,kBAAA,EAAoB;oBAAO1G,CAAA,CAAE;;WAEzC;;MAIV,CACE9D,YAAA,EACAX,UAAA,EACA0K,OAAA,EACAxE,gBAAA,EACAzB,CAAA,EACAlE,UAAA,EACA6D,WAAA,EAAa7E,MAAA,EACbmB,gBAAA,CAED;EAGH;EACA,MAAM0B,KAAA,GAAQ7E,OAAA,CAAQ;IACpB,IAAI,CAACoD,YAAA,EAAc;MACjB,OAAO;IACT;IACA,oBACE2B,IAAA,CAAC;MAAI,0BAAwBtC,UAAA;MAAYoL,KAAA,EAAO;QAAEC,OAAA,EAAS;MAAW;gBACpE,aAAA/I,IAAA,CAACzG,IAAA;QACCyP,YAAA,EAAc,CACZ,OAAO;UAAExK;QAAS,CAAE;UAClB;UACA,OAAO,MAAM4D,QAAA,CAAS;YAAE5D,SAAA;YAAW8D,MAAA,EAAQ;UAAK;QAClD,EACD;QACD0C,EAAA,EAAG;QACH/H,MAAA,EAAQ6E,WAAA,EAAa7E,MAAA,IAAU,EAAE;QACjCoB,YAAA,EAAcA,YAAA;QACd+D,QAAA,EAAU,CAACA,QAAA,CAAS;QACpB6G,QAAA,EAAUA,CAACzK,WAAA,EAAW4C,SAAA;UACpB;UACAA,SAAA,CAAQlD,SAAS,GAAGA,SAAA;UACpBF,MAAA,CAAOkD,MAAM,CACX;YACE,MAAMC,MAAA,GAAO1G,aAAA,CAAc4B,OAAA;YAC3B,IAAI8E,MAAA,IAAQ5F,YAAA,CAAa4F,MAAA,GAAO;cAC9BA,MAAA,CAAKE,SAAS,CAACD,SAAA,EAAwB;YACzC;UACF;UACA;UACA;UACA;YAAEE,GAAA,EAAK3G;UAAuB;UAEhCkD,YAAA;QACF;QACAvB,SAAA,EAAWA,SAAA;QACXlB,IAAA,EAAMoE,QAAA;kBAEN,aAAAQ,IAAA,CAACxE,YAAA;UACCO,SAAA,EAAWA,SAAA;UACXsM,WAAA,EAAaA,WAAA;UACblP,WAAA,EAAayM,gBAAA;UACb5J,WAAA,EAAa+D,mBAAA;UACb7D,WAAA,EAAaiE,mBAAA;UACb0E,UAAA,EAAYA,UAAA;UACZvH,UAAA,EAAYA,UAAA;UACZ4L,UAAA,EAAYpH,WAAA,EAAa7E,MAAA,IAAU,EAAE;UACrCoB,YAAA,EAAcA,YAAA;UACdhC,OAAA,EAASA,OAAA;UACTsJ,YAAA,EAAcA;;;;EAKxB,GAAG,CACDC,gBAAA,EACAyC,WAAA,EACAtI,mBAAA,EACAI,mBAAA,EACAjC,SAAA,EACAR,UAAA,EACAiI,YAAA,EACAd,UAAA,EACA9I,SAAA,EACAiC,MAAA,EACAV,UAAA,EACAO,YAAA,EACAiE,WAAA,EAAa7E,MAAA,EACbuC,QAAA,EACAnB,YAAA,EACAhC,OAAA,EACA+F,QAAA,EACA9F,SAAA,CACD;EAED,IAAI,CAACwF,WAAA,EAAa;IAChB,oBACE9B,IAAA,CAAC4F,gBAAA;MAAiBG,gBAAA,EAAkB;MAAME,cAAA,EAAgB;gBACxD,aAAAa,KAAA,CAAC;QAAIhL,SAAA,EAAW,GAAGC,SAAA,YAAqB;mBAAE,kBACzBmC,SAAA,EAAU;;;EAIjC;EAEA,OAAO4B,KAAA;AACT","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Collapsible","Drawer","EditDepthProvider","ErrorPill","Form","formatDrawerSlug","FormSubmit","MoreIcon","Pill","Popup","PopupList","RenderFields","SectionTitle","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useFormSubmitted","useServerFunctions","useTranslation","XIcon","abortAndIgnore","$getNodeByKey","$getRoot","SKIP_DOM_SELECTION_TAG","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","formUuid","setCustomLabel","undefined","customComponents","BlockLabel","setCustomBlock","Block","resolvedCustomBlock","_jsx","isEditor","isJSXConverter","resolvedCustomLabel","abortController","awaitInitialState","state","data","docPermissions","docPreferences","documentFormState","excludeFiles","initialBlockData","operation","readOnly","renderAllFields","signal","newFormStateData","update","node","newData","setFields","tag","_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","rowIndex","setRowIndex","updateIndex","getEditorState","read","root","children","getChildren","blockCount","child","getKey","registerUpdateListener","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","collapsibleProps","disableBlockName","editButton","fieldHasErrors","Label","CustomPill","removeButton","showDragHandle","showRowNumber","actions","button","buttonClassName","caret","horizontalAlign","render","close","_jsxs","ButtonGroup","buttonSize","filter","Boolean","join","collapsibleStyle","dragHandleProps","attributes","role","tabIndex","listeners","header","String","padStart","pillStyle","admin","path","count","withMessage","onToggle","incomingCollapsedState","blockID","BlockDrawer","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","style","display","beforeSubmit","onSubmit","formSchema"],"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 MoreIcon,\n Pill,\n Popup,\n PopupList,\n RenderFields,\n SectionTitle,\n useConfig,\n useDocumentForm,\n useDocumentInfo,\n useEditDepth,\n useFormSubmitted,\n useServerFunctions,\n useTranslation,\n XIcon,\n} from '@payloadcms/ui'\nimport { abortAndIgnore } from '@payloadcms/ui/shared'\nimport { $getNodeByKey, $getRoot, SKIP_DOM_SELECTION_TAG } 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.css'\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 [formUuid] = React.useState(() => uuid())\n\n // Server-rendered custom components (from admin.components, NOT viewMap).\n // When viewMap components exist (CustomBlockFromProps/CustomLabelFromProps),\n // we render them directly with formData instead, so these states are unused.\n const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n if (CustomLabelFromProps) {\n return undefined\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 undefined\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 // When viewMap components exist, render directly with formData (always current from\n // the lexical node). When they don't, fall back to server-rendered state.\n const resolvedCustomBlock = useMemo(() => {\n if (CustomBlockFromProps) {\n return (\n <CustomBlockFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n useBlockComponentContext={useBlockComponentContext}\n />\n )\n }\n return CustomBlock\n }, [CustomBlockFromProps, baseClass, formData, nodeKey, CustomBlock])\n\n const resolvedCustomLabel = useMemo(() => {\n if (CustomLabelFromProps) {\n return (\n <CustomLabelFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n useBlockComponentContext={useBlockComponentContext}\n />\n )\n }\n return CustomLabel\n }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\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 () => {\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 // Without this, the outer editor's reconciler resets DOM selection\n // back into its own root, kicking focus out of any nested richText.\n { tag: SKIP_DOM_SELECTION_TAG },\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 () => {\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 // Without this, the outer editor's reconciler resets DOM selection\n // back into its own root, kicking focus out of any nested richText.\n { tag: SKIP_DOM_SELECTION_TAG },\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 [rowIndex, setRowIndex] = React.useState<number>(0)\n\n useEffect(() => {\n const updateIndex = () => {\n editor.getEditorState().read(() => {\n const root = $getRoot()\n const children = root.getChildren()\n let blockCount = 0\n for (const child of children) {\n if ($isBlockNode(child)) {\n if (child.getKey() === nodeKey) {\n setRowIndex(blockCount)\n return\n }\n blockCount++\n }\n }\n })\n }\n updateIndex()\n return editor.registerUpdateListener(() => {\n updateIndex()\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=\"ghost\"\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=\"medium\"\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=\"ghost\"\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 showDragHandle = true,\n showRowNumber = true,\n }: BlockCollapsibleWithErrorProps) => {\n return (\n <div className={`${baseClass}__container ${baseClass}-${blockType}`}>\n <Collapsible\n actions={\n typeof Actions !== 'undefined' ? (\n Actions\n ) : isEditable ? (\n <Popup\n button={<MoreIcon />}\n buttonClassName={`${baseClass}__actions-button`}\n caret={false}\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.ButtonGroup buttonSize=\"medium\">\n {((resolvedCustomBlock && editButton !== false) ||\n (!resolvedCustomBlock && editButton)) && (\n <PopupList.Button\n onClick={() => {\n toggleDrawer()\n close()\n }}\n >\n {t('general:edit')}\n </PopupList.Button>\n )}\n {removeButton !== false && (\n <PopupList.Button\n onClick={() => {\n removeBlock()\n close()\n }}\n >\n <XIcon />\n {t('general:remove')}\n </PopupList.Button>\n )}\n </PopupList.ButtonGroup>\n )}\n size=\"large\"\n />\n ) : null\n }\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 dragHandleProps={\n showDragHandle\n ? {\n id: nodeKey,\n attributes: { role: 'button', tabIndex: 0 },\n listeners: {},\n }\n : undefined\n }\n header={\n <div className={`${baseClass}__block-header`}>\n {typeof Label !== 'undefined' ? (\n Label\n ) : typeof resolvedCustomLabel !== 'undefined' ? (\n resolvedCustomLabel\n ) : (\n <div className={`${baseClass}__block-label`}>\n {showRowNumber && (\n <span className={`${baseClass}__block-number`}>\n {String(rowIndex + 1).padStart(2, '0')}\n </span>\n )}\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 </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 resolvedCustomBlock,\n resolvedCustomLabel,\n blockDisplayName,\n baseClass,\n clientBlock?.admin?.disableBlockName,\n blockType,\n i18n,\n isCollapsed,\n onCollapsedChange,\n isEditable,\n nodeKey,\n removeBlock,\n rowIndex,\n t,\n toggleDrawer,\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 () => {\n const node = $getNodeByKey(nodeKey)\n if (node && $isBlockNode(node)) {\n node.setFields(newData as BlockFields, true)\n }\n },\n // Without this, the outer editor's reconciler resets DOM selection\n // back into its own root, kicking focus out of any nested richText.\n { tag: SKIP_DOM_SELECTION_TAG },\n )\n toggleDrawer()\n }}\n submitted={submitted}\n uuid={formUuid}\n >\n <BlockContent\n baseClass={baseClass}\n BlockDrawer={BlockDrawer}\n Collapsible={BlockCollapsible}\n CustomBlock={resolvedCustomBlock}\n CustomLabel={resolvedCustomLabel}\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 resolvedCustomBlock,\n resolvedCustomLabel,\n blockType,\n drawerSlug,\n RemoveButton,\n EditButton,\n baseClass,\n editor,\n errorCount,\n toggleDrawer,\n clientBlock?.fields,\n formUuid,\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"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"InlineBlockContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/features/blocks/client/componentInline/components/InlineBlockContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,oBAAoB,iBAAkB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,6BAI/E,CAAA"}
1
+ {"version":3,"file":"InlineBlockContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/features/blocks/client/componentInline/components/InlineBlockContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,6BAI/E,CAAA"}
@@ -305,7 +305,7 @@ export const InlineBlockComponent = props => {
305
305
  });
306
306
  }, [editor, nodeKey, formData]);
307
307
  const RemoveButton = useMemo(() => () => /*#__PURE__*/_jsx(Button, {
308
- buttonStyle: "icon-label",
308
+ buttonStyle: "ghost",
309
309
  className: `${baseClass}__removeButton`,
310
310
  disabled: !isEditable,
311
311
  icon: "x",
@@ -321,7 +321,7 @@ export const InlineBlockComponent = props => {
321
321
  })
322
322
  }), [baseClass, blockDisplayName, isEditable, removeInlineBlock, t]);
323
323
  const EditButton = useMemo(() => () => /*#__PURE__*/_jsx(Button, {
324
- buttonStyle: "icon-label",
324
+ buttonStyle: "ghost",
325
325
  className: `${baseClass}__editButton`,
326
326
  disabled: !isEditable,
327
327
  el: "button",
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","SKIP_DOM_SELECTION_TAG","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","formUuid","setCustomLabel","undefined","customComponents","BlockLabel","setCustomBlock","Block","resolvedCustomBlock","_jsx","isEditor","isJSXConverter","resolvedCustomLabel","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","tag","onChange","prevFormState","submit","controller","isStateOutOfSync","keys","some","key","onFormSubmit","RemoveButton","buttonStyle","disabled","icon","onClick","e","preventDefault","stopPropagation","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","filter","Boolean","join","onKeyDown","role","tabIndex","ref","Label","_jsxs","beforeSubmit","disableValidationOnSubmit","onSubmit","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","height","width"],"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, SKIP_DOM_SELECTION_TAG } from 'lexical'\n\nimport './index.css'\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 [formUuid] = React.useState(() => uuid())\n\n // Server-rendered custom components (from admin.components, NOT viewMap).\n // When viewMap components exist, we render them directly with formData instead.\n const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n if (CustomLabelFromProps) {\n return undefined\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 undefined\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 resolvedCustomBlock = useMemo(() => {\n if (CustomBlockFromProps) {\n return (\n <CustomBlockFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n useInlineBlockComponentContext={useInlineBlockComponentContext}\n />\n )\n }\n return CustomBlock\n }, [CustomBlockFromProps, baseClass, formData, nodeKey, CustomBlock])\n\n const resolvedCustomLabel = useMemo(() => {\n if (CustomLabelFromProps) {\n return (\n <CustomLabelFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n useInlineBlockComponentContext={useInlineBlockComponentContext}\n />\n )\n }\n return CustomLabel\n }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\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 () => {\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 // Without this, the outer editor's reconciler resets DOM selection\n // back into its own root, kicking focus out of any nested richText.\n { tag: SKIP_DOM_SELECTION_TAG },\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 () => {\n const node = $getNodeByKey(nodeKey)\n if (node && $isInlineBlockNode(node)) {\n node.setFields(newData as InlineBlockFields, true)\n }\n },\n // Without this, the outer editor's reconciler resets DOM selection\n // back into its own root, kicking focus out of any nested richText.\n { tag: SKIP_DOM_SELECTION_TAG },\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 e.stopPropagation()\n removeInlineBlock()\n }}\n round\n size=\"medium\"\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=\"medium\"\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 {...(isEditable\n ? {\n onClick: () => toggleDrawer(),\n onKeyDown: (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault()\n toggleDrawer()\n }\n },\n role: 'button',\n tabIndex: 0,\n }\n : {})}\n ref={inlineBlockElemElemRef}\n >\n {children}\n </div>\n ),\n [baseClass, formData.blockType, isEditable, toggleDrawer],\n )\n\n const Label = useMemo(() => {\n if (resolvedCustomLabel) {\n return () => resolvedCustomLabel\n } else {\n return () => (\n <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n )\n }\n }, [resolvedCustomLabel, 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={formUuid}\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 {resolvedCustomBlock ? (\n <InlineBlockComponentContext\n value={{\n EditButton,\n initialState,\n InlineBlockContainer,\n Label,\n nodeKey,\n RemoveButton,\n }}\n >\n {resolvedCustomBlock}\n </InlineBlockComponentContext>\n ) : (\n <InlineBlockContainer>\n {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n {isEditable ? (\n <div className={`${baseClass}__actions`}>\n <RemoveButton />\n </div>\n ) : null}\n </InlineBlockContainer>\n )}\n </Form>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","Drawer","EditDepthProvider","Form","formatDrawerSlug","FormSubmit","RenderFields","ShimmerEffect","useConfig","useDocumentForm","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","abortAndIgnore","$getNodeByKey","SKIP_DOM_SELECTION_TAG","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","formUuid","setCustomLabel","undefined","customComponents","BlockLabel","setCustomBlock","Block","resolvedCustomBlock","_jsx","isEditor","isJSXConverter","resolvedCustomLabel","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","tag","onChange","prevFormState","submit","controller","isStateOutOfSync","keys","some","key","onFormSubmit","RemoveButton","buttonStyle","disabled","icon","onClick","e","preventDefault","stopPropagation","round","size","tooltip","label","EditButton","el","InlineBlockContainer","children","filter","Boolean","join","onKeyDown","role","tabIndex","ref","Label","_jsxs","beforeSubmit","disableValidationOnSubmit","onSubmit","title","_Fragment","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","programmaticSubmit","height","width"],"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, SKIP_DOM_SELECTION_TAG } from 'lexical'\n\nimport './index.css'\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 [formUuid] = React.useState(() => uuid())\n\n // Server-rendered custom components (from admin.components, NOT viewMap).\n // When viewMap components exist, we render them directly with formData instead.\n const [CustomLabel, setCustomLabel] = React.useState<React.ReactNode | undefined>(() => {\n if (CustomLabelFromProps) {\n return undefined\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 undefined\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 resolvedCustomBlock = useMemo(() => {\n if (CustomBlockFromProps) {\n return (\n <CustomBlockFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n useInlineBlockComponentContext={useInlineBlockComponentContext}\n />\n )\n }\n return CustomBlock\n }, [CustomBlockFromProps, baseClass, formData, nodeKey, CustomBlock])\n\n const resolvedCustomLabel = useMemo(() => {\n if (CustomLabelFromProps) {\n return (\n <CustomLabelFromProps\n className={baseClass}\n formData={formData}\n isEditor={true}\n isJSXConverter={false}\n nodeKey={nodeKey}\n // eslint-disable-next-line react-compiler/react-compiler -- intentionally passed as a prop for custom block components to call\n useInlineBlockComponentContext={useInlineBlockComponentContext}\n />\n )\n }\n return CustomLabel\n }, [CustomLabelFromProps, baseClass, formData, nodeKey, CustomLabel])\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 () => {\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 // Without this, the outer editor's reconciler resets DOM selection\n // back into its own root, kicking focus out of any nested richText.\n { tag: SKIP_DOM_SELECTION_TAG },\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 () => {\n const node = $getNodeByKey(nodeKey)\n if (node && $isInlineBlockNode(node)) {\n node.setFields(newData as InlineBlockFields, true)\n }\n },\n // Without this, the outer editor's reconciler resets DOM selection\n // back into its own root, kicking focus out of any nested richText.\n { tag: SKIP_DOM_SELECTION_TAG },\n )\n },\n [editor, nodeKey, formData],\n )\n\n const RemoveButton = useMemo(\n () => () => (\n <Button\n buttonStyle=\"ghost\"\n className={`${baseClass}__removeButton`}\n disabled={!isEditable}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n e.stopPropagation()\n removeInlineBlock()\n }}\n round\n size=\"medium\"\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=\"ghost\"\n className={`${baseClass}__editButton`}\n disabled={!isEditable}\n el=\"button\"\n icon=\"edit\"\n onClick={() => {\n toggleDrawer()\n }}\n round\n size=\"medium\"\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 {...(isEditable\n ? {\n onClick: () => toggleDrawer(),\n onKeyDown: (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault()\n toggleDrawer()\n }\n },\n role: 'button',\n tabIndex: 0,\n }\n : {})}\n ref={inlineBlockElemElemRef}\n >\n {children}\n </div>\n ),\n [baseClass, formData.blockType, isEditable, toggleDrawer],\n )\n\n const Label = useMemo(() => {\n if (resolvedCustomLabel) {\n return () => resolvedCustomLabel\n } else {\n return () => (\n <div>{clientBlock?.labels ? getTranslation(clientBlock?.labels.singular, i18n) : ''}</div>\n )\n }\n }, [resolvedCustomLabel, 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={formUuid}\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 {resolvedCustomBlock ? (\n <InlineBlockComponentContext\n value={{\n EditButton,\n initialState,\n InlineBlockContainer,\n Label,\n nodeKey,\n RemoveButton,\n }}\n >\n {resolvedCustomBlock}\n </InlineBlockComponentContext>\n ) : (\n <InlineBlockContainer>\n {initialState ? <Label /> : <ShimmerEffect height=\"15px\" width=\"40px\" />}\n {isEditable ? (\n <div className={`${baseClass}__actions`}>\n <RemoveButton />\n </div>\n ) : null}\n </InlineBlockContainer>\n )}\n </Form>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"markdownTransformer.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/markdown/markdownTransformer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAGL,KAAK,KAAK,EACV,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAE5B,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAA;AAClF,OAAO,KAAK,EACV,2BAA2B,EAC3B,oBAAoB,EACrB,MAAM,gEAAgE,CAAA;AAqBvE,eAAO,MAAM,4BAA4B,8BAGtC;IACD,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,KAAG,CAAC,CAAC,KAAK,EAAE;IACX,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,sBAAsB,CAAC,CAAA;IAC5D,eAAe,EAAE,WAAW,EAAE,CAAA;CAC/B,KAAK,2BAA2B,GAAG,oBAAoB,CAAC,EA8BxD,CAAA"}
1
+ {"version":3,"file":"markdownTransformer.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/client/markdown/markdownTransformer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAGL,KAAK,KAAK,EACV,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAE5B,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAA;AAClF,OAAO,KAAK,EACV,2BAA2B,EAC3B,oBAAoB,EACrB,MAAM,gEAAgE,CAAA;AAqBvE,eAAO,MAAM,4BAA4B,GAAI,2BAG1C;IACD,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,KAAG,CAAC,CAAC,KAAK,EAAE;IACX,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,sBAAsB,CAAC,CAAA;IAC5D,eAAe,EAAE,WAAW,EAAE,CAAA;CAC/B,KAAK,2BAA2B,GAAG,oBAAoB,CAAC,EA8BxD,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"graphQLPopulationPromise.d.ts","sourceRoot":"","sources":["../../../../src/features/blocks/server/graphQLPopulationPromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AACpF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAIhE,eAAO,MAAM,yBAAyB,WAC5B,KAAK,EAAE,KACd,iBAAiB,CAAC,mBAAmB,GAAG,yBAAyB,CAiDnE,CAAA"}
1
+ {"version":3,"file":"graphQLPopulationPromise.d.ts","sourceRoot":"","sources":["../../../../src/features/blocks/server/graphQLPopulationPromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AACpF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAIhE,eAAO,MAAM,yBAAyB,GACpC,QAAQ,KAAK,EAAE,KACd,iBAAiB,CAAC,mBAAmB,GAAG,yBAAyB,CAiDnE,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"markdownTransformer.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/server/markdown/markdownTransformer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAG5D,OAAO,EACL,KAAK,2BAA2B,EAChC,KAAK,oBAAoB,EACzB,KAAK,WAAW,EACjB,MAAM,iDAAiD,CAAA;AAaxD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM;;;EAiB/C;AACD,eAAO,MAAM,4BAA4B,8BAGtC;IACD,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,YAAY,EAAE,KAAK,EAAE,CAAA;CACtB,KAAG,CAAC,CAAC,KAAK,EAAE;IACX,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC9B,eAAe,EAAE,WAAW,EAAE,CAAA;CAC/B,KAAK,2BAA2B,GAAG,oBAAoB,CAAC,EA+BxD,CAAA"}
1
+ {"version":3,"file":"markdownTransformer.d.ts","sourceRoot":"","sources":["../../../../../src/features/blocks/server/markdown/markdownTransformer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAG5D,OAAO,EACL,KAAK,2BAA2B,EAChC,KAAK,oBAAoB,EACzB,KAAK,WAAW,EACjB,MAAM,iDAAiD,CAAA;AAaxD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM;;;EAiB/C;AACD,eAAO,MAAM,4BAA4B,GAAI,2BAG1C;IACD,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,YAAY,EAAE,KAAK,EAAE,CAAA;CACtB,KAAG,CAAC,CAAC,KAAK,EAAE;IACX,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC9B,eAAe,EAAE,WAAW,EAAE,CAAA;CAC/B,KAAK,2BAA2B,GAAG,oBAAoB,CAAC,EA+BxD,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../../../src/features/blocks/server/validate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAe,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC7E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,WACrB,KAAK,EAAE,KACd,cAAc,CAAC,mBAAmB,GAAG,yBAAyB,CAqDhE,CAAA"}
1
+ {"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../../../src/features/blocks/server/validate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAe,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC7E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,KAAK,EAAE,KACd,cAAc,CAAC,mBAAmB,GAAG,yBAAyB,CAqDhE,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/converters/htmlToLexical/index.ts"],"names":[],"mappings":"AACA,OAAO,EAA2B,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AACnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAK/E,eAAO,MAAM,oBAAoB,GAAI,UAAU,SAAS,qBAAqB,qDAI1E;IACD,YAAY,EAAE,2BAA2B,CAAA;IACzC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,KAAK,IAAI,EAAE,MAAM,KAAK;QAC3B,MAAM,EAAE;YACN,QAAQ,EAAE,QAAQ,CAAA;SACnB,CAAA;KACF,CAAA;CACF,KAAG,gBAAgB,CAAC,UAAU,CA2B9B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/converters/htmlToLexical/index.ts"],"names":[],"mappings":"AACA,OAAO,EAA2B,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AACnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAK/E,eAAO,MAAM,oBAAoB,GAAI,UAAU,SAAS,qBAAqB,GAAG,gBAAgB,EAAE,gCAI/F;IACD,YAAY,EAAE,2BAA2B,CAAA;IACzC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,KAAK,IAAI,EAAE,MAAM,KAAK;QAC3B,MAAM,EAAE;YACN,QAAQ,EAAE,QAAQ,CAAA;SACnB,CAAA;KACF,CAAA;CACF,KAAG,gBAAgB,CAAC,UAAU,CA2B9B,CAAA"}
@@ -24,7 +24,7 @@ export const TableHTMLConverterAsync = {
24
24
  })).join('');
25
25
  const TagName = node.headerState > 0 ? 'th' : 'td';
26
26
  const headerStateClass = `lexical-table-cell-header-${node.headerState}`;
27
- let style = 'border: 1px solid #ccc; padding: 8px;' + providedCSSString;
27
+ let style = 'border: var(--stroke-width-small) solid #ccc; padding: 8px;' + providedCSSString;
28
28
  if (node.backgroundColor && isSafeCssColor(node.backgroundColor)) {
29
29
  style += ` background-color: ${node.backgroundColor};`;
30
30
  }
@@ -1 +1 @@
1
- {"version":3,"file":"table.js","names":["isSafeCssColor","TableHTMLConverterAsync","table","node","nodesToHTML","providedStyleTag","children","nodes","join","tablecell","providedCSSString","TagName","headerState","headerStateClass","style","backgroundColor","colSpanAttr","colSpan","rowSpanAttr","rowSpan","tablerow"],"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/table.ts"],"sourcesContent":["import type {\n SerializedTableCellNode,\n SerializedTableNode,\n SerializedTableRowNode,\n} from '../../../../../nodeTypes.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nimport { isSafeCssColor } from '../../shared/cssColors.js'\n\nexport const TableHTMLConverterAsync: HTMLConvertersAsync<\n SerializedTableCellNode | SerializedTableNode | SerializedTableRowNode\n> = {\n table: async ({ node, nodesToHTML, providedStyleTag }) => {\n const children = (\n await nodesToHTML({\n nodes: node.children,\n })\n ).join('')\n\n return `<div${providedStyleTag} class=\"lexical-table-container\">\n <table class=\"lexical-table\" style=\"border-collapse: collapse;\">\n <tbody>${children}</tbody>\n </table>\n </div>`\n },\n\n tablecell: async ({ node, nodesToHTML, providedCSSString }) => {\n const children = (\n await nodesToHTML({\n nodes: node.children,\n })\n ).join('')\n\n const TagName = node.headerState > 0 ? 'th' : 'td'\n const headerStateClass = `lexical-table-cell-header-${node.headerState}`\n\n let style = 'border: 1px solid #ccc; padding: 8px;' + providedCSSString\n if (node.backgroundColor && isSafeCssColor(node.backgroundColor)) {\n style += ` background-color: ${node.backgroundColor};`\n }\n\n const colSpanAttr = node.colSpan && node.colSpan > 1 ? ` colspan=\"${node.colSpan}\"` : ''\n const rowSpanAttr = node.rowSpan && node.rowSpan > 1 ? ` rowspan=\"${node.rowSpan}\"` : ''\n\n return `<${TagName}\n class=\"lexical-table-cell ${headerStateClass}\"\n ${colSpanAttr}\n ${rowSpanAttr}\n style=\"${style}\"\n >\n ${children}\n </${TagName}>\n `\n },\n\n tablerow: async ({ node, nodesToHTML, providedStyleTag }) => {\n const children = (\n await nodesToHTML({\n nodes: node.children,\n })\n ).join('')\n\n return `<tr${providedStyleTag} class=\"lexical-table-row\">\n ${children}\n </tr>`\n },\n}\n"],"mappings":"AAOA,SAASA,cAAc,QAAQ;AAE/B,OAAO,MAAMC,uBAAA,GAET;EACFC,KAAA,EAAO,MAAAA,CAAO;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAgB,CAAE;IACnD,MAAMC,QAAA,GAAW,CACf,MAAMF,WAAA,CAAY;MAChBG,KAAA,EAAOJ,IAAA,CAAKG;IACd,EAAC,EACDE,IAAI,CAAC;IAEP,OAAO,OAAOH,gBAAA;;mBAECC,QAAA;;aAEN;EACX;EAEAG,SAAA,EAAW,MAAAA,CAAO;IAAEN,IAAI;IAAEC,WAAW;IAAEM;EAAiB,CAAE;IACxD,MAAMJ,QAAA,GAAW,CACf,MAAMF,WAAA,CAAY;MAChBG,KAAA,EAAOJ,IAAA,CAAKG;IACd,EAAC,EACDE,IAAI,CAAC;IAEP,MAAMG,OAAA,GAAUR,IAAA,CAAKS,WAAW,GAAG,IAAI,OAAO;IAC9C,MAAMC,gBAAA,GAAmB,6BAA6BV,IAAA,CAAKS,WAAW,EAAE;IAExE,IAAIE,KAAA,GAAQ,0CAA0CJ,iBAAA;IACtD,IAAIP,IAAA,CAAKY,eAAe,IAAIf,cAAA,CAAeG,IAAA,CAAKY,eAAe,GAAG;MAChED,KAAA,IAAS,sBAAsBX,IAAA,CAAKY,eAAe,GAAG;IACxD;IAEA,MAAMC,WAAA,GAAcb,IAAA,CAAKc,OAAO,IAAId,IAAA,CAAKc,OAAO,GAAG,IAAI,aAAad,IAAA,CAAKc,OAAO,GAAG,GAAG;IACtF,MAAMC,WAAA,GAAcf,IAAA,CAAKgB,OAAO,IAAIhB,IAAA,CAAKgB,OAAO,GAAG,IAAI,aAAahB,IAAA,CAAKgB,OAAO,GAAG,GAAG;IAEtF,OAAO,IAAIR,OAAA;oCACqBE,gBAAA;UAC1BG,WAAA;UACAE,WAAA;iBACOJ,KAAA;;UAEPR,QAAA;UACAK,OAAA;KACL;EACH;EAEAS,QAAA,EAAU,MAAAA,CAAO;IAAEjB,IAAI;IAAEC,WAAW;IAAEC;EAAgB,CAAE;IACtD,MAAMC,QAAA,GAAW,CACf,MAAMF,WAAA,CAAY;MAChBG,KAAA,EAAOJ,IAAA,CAAKG;IACd,EAAC,EACDE,IAAI,CAAC;IAEP,OAAO,MAAMH,gBAAA;UACPC,QAAA;YACE;EACV;AACF","ignoreList":[]}
1
+ {"version":3,"file":"table.js","names":["isSafeCssColor","TableHTMLConverterAsync","table","node","nodesToHTML","providedStyleTag","children","nodes","join","tablecell","providedCSSString","TagName","headerState","headerStateClass","style","backgroundColor","colSpanAttr","colSpan","rowSpanAttr","rowSpan","tablerow"],"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/table.ts"],"sourcesContent":["import type {\n SerializedTableCellNode,\n SerializedTableNode,\n SerializedTableRowNode,\n} from '../../../../../nodeTypes.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nimport { isSafeCssColor } from '../../shared/cssColors.js'\n\nexport const TableHTMLConverterAsync: HTMLConvertersAsync<\n SerializedTableCellNode | SerializedTableNode | SerializedTableRowNode\n> = {\n table: async ({ node, nodesToHTML, providedStyleTag }) => {\n const children = (\n await nodesToHTML({\n nodes: node.children,\n })\n ).join('')\n\n return `<div${providedStyleTag} class=\"lexical-table-container\">\n <table class=\"lexical-table\" style=\"border-collapse: collapse;\">\n <tbody>${children}</tbody>\n </table>\n </div>`\n },\n\n tablecell: async ({ node, nodesToHTML, providedCSSString }) => {\n const children = (\n await nodesToHTML({\n nodes: node.children,\n })\n ).join('')\n\n const TagName = node.headerState > 0 ? 'th' : 'td'\n const headerStateClass = `lexical-table-cell-header-${node.headerState}`\n\n let style = 'border: var(--stroke-width-small) solid #ccc; padding: 8px;' + providedCSSString\n if (node.backgroundColor && isSafeCssColor(node.backgroundColor)) {\n style += ` background-color: ${node.backgroundColor};`\n }\n\n const colSpanAttr = node.colSpan && node.colSpan > 1 ? ` colspan=\"${node.colSpan}\"` : ''\n const rowSpanAttr = node.rowSpan && node.rowSpan > 1 ? ` rowspan=\"${node.rowSpan}\"` : ''\n\n return `<${TagName}\n class=\"lexical-table-cell ${headerStateClass}\"\n ${colSpanAttr}\n ${rowSpanAttr}\n style=\"${style}\"\n >\n ${children}\n </${TagName}>\n `\n },\n\n tablerow: async ({ node, nodesToHTML, providedStyleTag }) => {\n const children = (\n await nodesToHTML({\n nodes: node.children,\n })\n ).join('')\n\n return `<tr${providedStyleTag} class=\"lexical-table-row\">\n ${children}\n </tr>`\n },\n}\n"],"mappings":"AAOA,SAASA,cAAc,QAAQ;AAE/B,OAAO,MAAMC,uBAAA,GAET;EACFC,KAAA,EAAO,MAAAA,CAAO;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAgB,CAAE;IACnD,MAAMC,QAAA,GAAW,CACf,MAAMF,WAAA,CAAY;MAChBG,KAAA,EAAOJ,IAAA,CAAKG;IACd,EAAC,EACDE,IAAI,CAAC;IAEP,OAAO,OAAOH,gBAAA;;mBAECC,QAAA;;aAEN;EACX;EAEAG,SAAA,EAAW,MAAAA,CAAO;IAAEN,IAAI;IAAEC,WAAW;IAAEM;EAAiB,CAAE;IACxD,MAAMJ,QAAA,GAAW,CACf,MAAMF,WAAA,CAAY;MAChBG,KAAA,EAAOJ,IAAA,CAAKG;IACd,EAAC,EACDE,IAAI,CAAC;IAEP,MAAMG,OAAA,GAAUR,IAAA,CAAKS,WAAW,GAAG,IAAI,OAAO;IAC9C,MAAMC,gBAAA,GAAmB,6BAA6BV,IAAA,CAAKS,WAAW,EAAE;IAExE,IAAIE,KAAA,GAAQ,gEAAgEJ,iBAAA;IAC5E,IAAIP,IAAA,CAAKY,eAAe,IAAIf,cAAA,CAAeG,IAAA,CAAKY,eAAe,GAAG;MAChED,KAAA,IAAS,sBAAsBX,IAAA,CAAKY,eAAe,GAAG;IACxD;IAEA,MAAMC,WAAA,GAAcb,IAAA,CAAKc,OAAO,IAAId,IAAA,CAAKc,OAAO,GAAG,IAAI,aAAad,IAAA,CAAKc,OAAO,GAAG,GAAG;IACtF,MAAMC,WAAA,GAAcf,IAAA,CAAKgB,OAAO,IAAIhB,IAAA,CAAKgB,OAAO,GAAG,IAAI,aAAahB,IAAA,CAAKgB,OAAO,GAAG,GAAG;IAEtF,OAAO,IAAIR,OAAA;oCACqBE,gBAAA;UAC1BG,WAAA;UACAE,WAAA;iBACOJ,KAAA;;UAEPR,QAAA;UACAK,OAAA;KACL;EACH;EAEAS,QAAA,EAAU,MAAAA,CAAO;IAAEjB,IAAI;IAAEC,WAAW;IAAEC;EAAgB,CAAE;IACtD,MAAMC,QAAA,GAAW,CACf,MAAMF,WAAA,CAAY;MAChBG,KAAA,EAAOJ,IAAA,CAAKG;IACd,EAAC,EACDE,IAAI,CAAC;IAEP,OAAO,MAAMH,gBAAA;UACPC,QAAA;YACE;EACV;AACF","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"upload.js","names":["escapeHTML","UploadHTMLConverterAsync","upload","node","populate","providedStyleTag","uploadNode","uploadDoc","undefined","value","id","collectionSlug","relationTo","alt","fields","url","mimeType","startsWith","filename","sizes","Object","keys","length","String","height","width","pictureHTML","size","imageSize","filesize"],"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/upload.ts"],"sourcesContent":["import type { FileData, FileSizeImproved, TypeWithID } from 'payload'\n\nimport escapeHTML from 'escape-html'\n\nimport type { SerializedUploadNode } from '../../../../../nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/nodes/UploadNode.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nexport const UploadHTMLConverterAsync: HTMLConvertersAsync<SerializedUploadNode> = {\n upload: async ({ node, populate, providedStyleTag }) => {\n const uploadNode = node as UploadDataImproved\n\n let uploadDoc: (FileData & TypeWithID) | undefined = undefined\n\n // If there's no valid upload data, populate return an empty string\n if (typeof uploadNode.value !== 'object') {\n if (!populate) {\n return ''\n }\n uploadDoc = await populate<FileData & TypeWithID>({\n id: uploadNode.value,\n collectionSlug: uploadNode.relationTo,\n })\n } else {\n uploadDoc = uploadNode.value as unknown as FileData & TypeWithID\n }\n\n if (!uploadDoc) {\n return ''\n }\n\n const alt = escapeHTML(\n (node.fields?.alt as string) || (uploadDoc as { alt?: string })?.alt || '',\n )\n\n const url = escapeHTML(uploadDoc.url ?? '')\n\n // 1) If upload is NOT an image, return a link\n if (!uploadDoc.mimeType.startsWith('image')) {\n return `<a${providedStyleTag} href=\"${url}\" rel=\"noopener noreferrer\">${escapeHTML(uploadDoc.filename ?? '')}</a>`\n }\n\n // 2) If image has no different sizes, return a simple <img />\n if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {\n return `\n <img${providedStyleTag}\n alt=\"${alt}\"\n height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n src=\"${url}\"\n width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n />\n `\n }\n\n // 3) If image has different sizes, build a <picture> element with <source> tags\n let pictureHTML = ''\n\n for (const size in uploadDoc.sizes) {\n const imageSize = uploadDoc.sizes[size] as FileSizeImproved\n\n if (\n !imageSize ||\n !imageSize.width ||\n !imageSize.height ||\n !imageSize.mimeType ||\n !imageSize.filesize ||\n !imageSize.filename ||\n !imageSize.url\n ) {\n continue\n }\n\n pictureHTML += `\n <source\n media=\"(max-width: ${escapeHTML(String(imageSize.width))}px)\"\n srcset=\"${escapeHTML(imageSize.url)}\"\n type=\"${escapeHTML(imageSize.mimeType)}\"\n />\n `\n }\n\n pictureHTML += `\n <img\n alt=\"${alt}\"\n height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n src=\"${url}\"\n width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n />\n `\n\n return `<picture${providedStyleTag}>${pictureHTML}</picture>`\n },\n}\n"],"mappings":"AAEA,OAAOA,UAAA,MAAgB;AAMvB,OAAO,MAAMC,wBAAA,GAAsE;EACjFC,MAAA,EAAQ,MAAAA,CAAO;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAgB,CAAE;IACjD,MAAMC,UAAA,GAAaH,IAAA;IAEnB,IAAII,SAAA,GAAiDC,SAAA;IAErD;IACA,IAAI,OAAOF,UAAA,CAAWG,KAAK,KAAK,UAAU;MACxC,IAAI,CAACL,QAAA,EAAU;QACb,OAAO;MACT;MACAG,SAAA,GAAY,MAAMH,QAAA,CAAgC;QAChDM,EAAA,EAAIJ,UAAA,CAAWG,KAAK;QACpBE,cAAA,EAAgBL,UAAA,CAAWM;MAC7B;IACF,OAAO;MACLL,SAAA,GAAYD,UAAA,CAAWG,KAAK;IAC9B;IAEA,IAAI,CAACF,SAAA,EAAW;MACd,OAAO;IACT;IAEA,MAAMM,GAAA,GAAMb,UAAA,CACVG,IAAC,CAAKW,MAAM,EAAED,GAAA,IAAmBN,SAAA,EAAgCM,GAAA,IAAO;IAG1E,MAAME,GAAA,GAAMf,UAAA,CAAWO,SAAA,CAAUQ,GAAG,IAAI;IAExC;IACA,IAAI,CAACR,SAAA,CAAUS,QAAQ,CAACC,UAAU,CAAC,UAAU;MAC3C,OAAO,KAAKZ,gBAAA,UAA0BU,GAAA,+BAAkCf,UAAA,CAAWO,SAAA,CAAUW,QAAQ,IAAI,SAAS;IACpH;IAEA;IACA,IAAI,CAACX,SAAA,CAAUY,KAAK,IAAI,CAACC,MAAA,CAAOC,IAAI,CAACd,SAAA,CAAUY,KAAK,EAAEG,MAAM,EAAE;MAC5D,OAAO;cACCjB,gBAAA;iBACGQ,GAAA;oBACGb,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUiB,MAAM,IAAI;iBACzCT,GAAA;mBACEf,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUkB,KAAK,IAAI;;OAEjD;IACH;IAEA;IACA,IAAIC,WAAA,GAAc;IAElB,KAAK,MAAMC,IAAA,IAAQpB,SAAA,CAAUY,KAAK,EAAE;MAClC,MAAMS,SAAA,GAAYrB,SAAA,CAAUY,KAAK,CAACQ,IAAA,CAAK;MAEvC,IACE,CAACC,SAAA,IACD,CAACA,SAAA,CAAUH,KAAK,IAChB,CAACG,SAAA,CAAUJ,MAAM,IACjB,CAACI,SAAA,CAAUZ,QAAQ,IACnB,CAACY,SAAA,CAAUC,QAAQ,IACnB,CAACD,SAAA,CAAUV,QAAQ,IACnB,CAACU,SAAA,CAAUb,GAAG,EACd;QACA;MACF;MAEAW,WAAA,IAAe;;+BAEU1B,UAAA,CAAWuB,MAAA,CAAOK,SAAA,CAAUH,KAAK;oBAC5CzB,UAAA,CAAW4B,SAAA,CAAUb,GAAG;kBAC1Bf,UAAA,CAAW4B,SAAA,CAAUZ,QAAQ;;OAExC;IACH;IAEAU,WAAA,IAAe;;eAEJb,GAAA;kBACGb,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUiB,MAAM,IAAI;eACzCT,GAAA;iBACEf,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUkB,KAAK,IAAI;;KAEjD;IAED,OAAO,WAAWpB,gBAAA,IAAoBqB,WAAA,YAAuB;EAC/D;AACF","ignoreList":[]}
1
+ {"version":3,"file":"upload.js","names":["escapeHTML","UploadHTMLConverterAsync","upload","node","populate","providedStyleTag","uploadNode","uploadDoc","undefined","value","id","collectionSlug","relationTo","alt","fields","url","mimeType","startsWith","filename","sizes","Object","keys","length","String","height","width","pictureHTML","size","imageSize","filesize"],"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/upload.ts"],"sourcesContent":["import type { FileData, FileSize, TypeWithID } from 'payload'\n\nimport escapeHTML from 'escape-html'\n\nimport type { SerializedUploadNode } from '../../../../../nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/nodes/UploadNode.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nexport const UploadHTMLConverterAsync: HTMLConvertersAsync<SerializedUploadNode> = {\n upload: async ({ node, populate, providedStyleTag }) => {\n const uploadNode = node as UploadDataImproved\n\n let uploadDoc: (FileData & TypeWithID) | undefined = undefined\n\n // If there's no valid upload data, populate return an empty string\n if (typeof uploadNode.value !== 'object') {\n if (!populate) {\n return ''\n }\n uploadDoc = await populate<FileData & TypeWithID>({\n id: uploadNode.value,\n collectionSlug: uploadNode.relationTo,\n })\n } else {\n uploadDoc = uploadNode.value as unknown as FileData & TypeWithID\n }\n\n if (!uploadDoc) {\n return ''\n }\n\n const alt = escapeHTML(\n (node.fields?.alt as string) || (uploadDoc as { alt?: string })?.alt || '',\n )\n\n const url = escapeHTML(uploadDoc.url ?? '')\n\n // 1) If upload is NOT an image, return a link\n if (!uploadDoc.mimeType.startsWith('image')) {\n return `<a${providedStyleTag} href=\"${url}\" rel=\"noopener noreferrer\">${escapeHTML(uploadDoc.filename ?? '')}</a>`\n }\n\n // 2) If image has no different sizes, return a simple <img />\n if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {\n return `\n <img${providedStyleTag}\n alt=\"${alt}\"\n height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n src=\"${url}\"\n width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n />\n `\n }\n\n // 3) If image has different sizes, build a <picture> element with <source> tags\n let pictureHTML = ''\n\n for (const size in uploadDoc.sizes) {\n const imageSize = uploadDoc.sizes[size] as FileSize\n\n if (\n !imageSize ||\n !imageSize.width ||\n !imageSize.height ||\n !imageSize.mimeType ||\n !imageSize.filesize ||\n !imageSize.filename ||\n !imageSize.url\n ) {\n continue\n }\n\n pictureHTML += `\n <source\n media=\"(max-width: ${escapeHTML(String(imageSize.width))}px)\"\n srcset=\"${escapeHTML(imageSize.url)}\"\n type=\"${escapeHTML(imageSize.mimeType)}\"\n />\n `\n }\n\n pictureHTML += `\n <img\n alt=\"${alt}\"\n height=\"${escapeHTML(String(uploadDoc.height ?? ''))}\"\n src=\"${url}\"\n width=\"${escapeHTML(String(uploadDoc.width ?? ''))}\"\n />\n `\n\n return `<picture${providedStyleTag}>${pictureHTML}</picture>`\n },\n}\n"],"mappings":"AAEA,OAAOA,UAAA,MAAgB;AAMvB,OAAO,MAAMC,wBAAA,GAAsE;EACjFC,MAAA,EAAQ,MAAAA,CAAO;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAgB,CAAE;IACjD,MAAMC,UAAA,GAAaH,IAAA;IAEnB,IAAII,SAAA,GAAiDC,SAAA;IAErD;IACA,IAAI,OAAOF,UAAA,CAAWG,KAAK,KAAK,UAAU;MACxC,IAAI,CAACL,QAAA,EAAU;QACb,OAAO;MACT;MACAG,SAAA,GAAY,MAAMH,QAAA,CAAgC;QAChDM,EAAA,EAAIJ,UAAA,CAAWG,KAAK;QACpBE,cAAA,EAAgBL,UAAA,CAAWM;MAC7B;IACF,OAAO;MACLL,SAAA,GAAYD,UAAA,CAAWG,KAAK;IAC9B;IAEA,IAAI,CAACF,SAAA,EAAW;MACd,OAAO;IACT;IAEA,MAAMM,GAAA,GAAMb,UAAA,CACVG,IAAC,CAAKW,MAAM,EAAED,GAAA,IAAmBN,SAAA,EAAgCM,GAAA,IAAO;IAG1E,MAAME,GAAA,GAAMf,UAAA,CAAWO,SAAA,CAAUQ,GAAG,IAAI;IAExC;IACA,IAAI,CAACR,SAAA,CAAUS,QAAQ,CAACC,UAAU,CAAC,UAAU;MAC3C,OAAO,KAAKZ,gBAAA,UAA0BU,GAAA,+BAAkCf,UAAA,CAAWO,SAAA,CAAUW,QAAQ,IAAI,SAAS;IACpH;IAEA;IACA,IAAI,CAACX,SAAA,CAAUY,KAAK,IAAI,CAACC,MAAA,CAAOC,IAAI,CAACd,SAAA,CAAUY,KAAK,EAAEG,MAAM,EAAE;MAC5D,OAAO;cACCjB,gBAAA;iBACGQ,GAAA;oBACGb,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUiB,MAAM,IAAI;iBACzCT,GAAA;mBACEf,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUkB,KAAK,IAAI;;OAEjD;IACH;IAEA;IACA,IAAIC,WAAA,GAAc;IAElB,KAAK,MAAMC,IAAA,IAAQpB,SAAA,CAAUY,KAAK,EAAE;MAClC,MAAMS,SAAA,GAAYrB,SAAA,CAAUY,KAAK,CAACQ,IAAA,CAAK;MAEvC,IACE,CAACC,SAAA,IACD,CAACA,SAAA,CAAUH,KAAK,IAChB,CAACG,SAAA,CAAUJ,MAAM,IACjB,CAACI,SAAA,CAAUZ,QAAQ,IACnB,CAACY,SAAA,CAAUC,QAAQ,IACnB,CAACD,SAAA,CAAUV,QAAQ,IACnB,CAACU,SAAA,CAAUb,GAAG,EACd;QACA;MACF;MAEAW,WAAA,IAAe;;+BAEU1B,UAAA,CAAWuB,MAAA,CAAOK,SAAA,CAAUH,KAAK;oBAC5CzB,UAAA,CAAW4B,SAAA,CAAUb,GAAG;kBAC1Bf,UAAA,CAAW4B,SAAA,CAAUZ,QAAQ;;OAExC;IACH;IAEAU,WAAA,IAAe;;eAEJb,GAAA;kBACGb,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUiB,MAAM,IAAI;eACzCT,GAAA;iBACEf,UAAA,CAAWuB,MAAA,CAAOhB,SAAA,CAAUkB,KAAK,IAAI;;KAEjD;IAED,OAAO,WAAWpB,gBAAA,IAAoBqB,WAAA,YAAuB;EAC/D;AACF","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"cssColors.d.ts","sourceRoot":"","sources":["../../../../../src/features/converters/lexicalToHtml/shared/cssColors.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,eAAO,MAAM,gBAAgB,aA0J3B,CAAA;AAKF,qFAAqF;AACrF,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,OAE9C,CAAA"}
1
+ {"version":3,"file":"cssColors.d.ts","sourceRoot":"","sources":["../../../../../src/features/converters/lexicalToHtml/shared/cssColors.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,eAAO,MAAM,gBAAgB,aA0J3B,CAAA;AAKF,qFAAqF;AACrF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,OAE9C,CAAA"}
@@ -24,7 +24,7 @@ export const TableHTMLConverter = {
24
24
  }).join('');
25
25
  const TagName = node.headerState > 0 ? 'th' : 'td';
26
26
  const headerStateClass = `lexical-table-cell-header-${node.headerState}`;
27
- let style = 'border: 1px solid #ccc; padding: 8px;' + providedCSSString;
27
+ let style = 'border: var(--stroke-width-small) solid #ccc; padding: 8px;' + providedCSSString;
28
28
  if (node.backgroundColor && isSafeCssColor(node.backgroundColor)) {
29
29
  style += ` background-color: ${node.backgroundColor};`;
30
30
  }