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

package/dist/features/link/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["escapeHTML","sanitizeFields","createServerFeature","convertLexicalNodesToHTML","createNode","createLinkMarkdownTransformer","AutoLinkNode","LinkNode","linkPopulationPromiseHOC","i18n","transformExtraFields","linkValidation","LinkFeature","feature","config","_config","isRoot","parentIsLocalized","props","validRelationships","collections","map","c","slug","_transformedFields","fields","enabledCollections","disabledCollections","maxDepth","sanitizedFields","requireFieldLevelRichTextEditor","sanitizedFieldsWithoutText","filter","field","name","linkTypeField","linkURLField","defaultLinkType","defaultValue","undefined","defaultLinkURL","ClientFeature","clientFeatureProps","disableAutoLinks","generateSchemaMap","Array","isArray","length","schemaMap","Map","set","markdownTransformers","internalDocToHref","nodes","converters","html","converter","currentDepth","depth","draft","node","overrideAccess","parent","req","showHiddenFields","childrenText","lexicalNodes","children","href","url","linkType","doc","value","String","id","newTab","nodeTypes","getType","validations","getSubFields","getSubFieldsData","graphQLPopulationPromises","Boolean","sanitizedServerFeatureProps","key"],"sources":["../../../../src/features/link/server/index.ts"],"sourcesContent":["import type {\n  CollectionSlug,\n  Config,\n  Field,\n  FieldAffectingData,\n  FieldSchemaMap,\n  SanitizedConfig,\n} from 'payload'\n\nimport escapeHTML from 'escape-html'\nimport { sanitizeFields } from 'payload'\n\nimport type { NodeWithHooks } from '../../typesServer.js'\nimport type { ClientProps } from '../client/index.js'\nimport type { SerializedLinkNode } from '../nodes/types.js'\n\nimport { createServerFeature } from '../../../utilities/createServerFeature.js'\nimport { convertLexicalNodesToHTML } from '../../converters/lexicalToHtml_deprecated/converter/index.js'\nimport { createNode } from '../../typeUtilities.js'\nimport { createLinkMarkdownTransformer } from '../markdownTransformer.js'\nimport { AutoLinkNode } from '../nodes/AutoLinkNode.js'\nimport { LinkNode } from '../nodes/LinkNode.js'\nimport { linkPopulationPromiseHOC } from './graphQLPopulationPromise.js'\nimport { i18n } from './i18n.js'\nimport { transformExtraFields } from './transformExtraFields.js'\nimport { linkValidation } from './validate.js'\n\nexport type ExclusiveLinkCollectionsProps =\n  | {\n      /**\n       * The collections that should be disabled for internal linking. Overrides the `enableRichTextLink` property in the collection config.\n       * When this property is set, `enabledCollections` will not be available.\n       **/\n      disabledCollections?: CollectionSlug[]\n\n      // Ensures that enabledCollections is not available when disabledCollections is set\n      enabledCollections?: never\n    }\n  | {\n      // Ensures that disabledCollections is not available when enabledCollections is set\n      disabledCollections?: never\n\n      /**\n       * The collections that should be enabled for internal linking. Overrides the `enableRichTextLink` property in the collection config\n       * When this property is set, `disabledCollections` will not be available.\n       **/\n      enabledCollections?: CollectionSlug[]\n    }\n\nexport type LinkFeatureServerProps = {\n  /**\n   * Disables the automatic creation of links from URLs pasted into the editor, as well\n   * as auto link nodes.\n   *\n   * If set to 'creationOnly', only the creation of new auto link nodes will be disabled.\n   * Existing auto link nodes will still be editable.\n   *\n   * @default false\n   */\n  disableAutoLinks?: 'creationOnly' | true\n  /**\n   * A function or array defining additional fields for the link feature. These will be\n   * displayed in the link editor drawer.\n   */\n  fields?:\n    | ((args: {\n        config: SanitizedConfig\n        defaultFields: FieldAffectingData[]\n      }) => (Field | FieldAffectingData)[])\n    | Field[]\n  /**\n   * Resolves an internal link node to a URL string for use in the markdown converter.\n   * Internal links store a doc reference rather than a URL, so without this the markdown\n   * output will have an empty href: `[link text]()`.\n   */\n  internalDocToHref?: (args: { linkNode: SerializedLinkNode }) => string\n  /**\n   * Sets a maximum population depth for the internal doc default field of link, regardless of the remaining depth when the field is reached.\n   * This behaves exactly like the maxDepth properties of relationship and upload fields.\n   *\n   * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}\n   */\n  maxDepth?: number\n} & ExclusiveLinkCollectionsProps\n\nexport const LinkFeature = createServerFeature<\n  LinkFeatureServerProps,\n  LinkFeatureServerProps,\n  ClientProps\n>({\n  feature: async ({ config: _config, isRoot, parentIsLocalized, props }) => {\n    if (!props) {\n      props = {}\n    }\n    const validRelationships = _config.collections.map((c) => c.slug) || []\n\n    const _transformedFields = transformExtraFields(\n      props.fields ? props.fields : null,\n      _config,\n      props.enabledCollections,\n      props.disabledCollections,\n      props.maxDepth,\n    )\n\n    const sanitizedFields = await sanitizeFields({\n      config: _config as unknown as Config,\n      fields: _transformedFields,\n      parentIsLocalized,\n      requireFieldLevelRichTextEditor: isRoot,\n      validRelationships,\n    })\n    props.fields = sanitizedFields\n\n    // the text field is not included in the node data.\n    // Thus, for tasks like validation, we do not want to pass it a text field in the schema which will never have data.\n    // Otherwise, it will cause a validation error (field is required).\n    const sanitizedFieldsWithoutText = sanitizedFields.filter(\n      (field) => !('name' in field) || field.name !== 'text',\n    )\n\n    let linkTypeField: Field | null = null\n    let linkURLField: Field | null = null\n\n    for (const field of sanitizedFields) {\n      if ('name' in field && field.name === 'linkType') {\n        linkTypeField = field\n      }\n\n      if ('name' in field && field.name === 'url') {\n        linkURLField = field\n      }\n    }\n\n    const defaultLinkType = linkTypeField\n      ? 'defaultValue' in linkTypeField && typeof linkTypeField.defaultValue === 'string'\n        ? linkTypeField.defaultValue\n        : 'custom'\n      : undefined\n\n    const defaultLinkURL = linkURLField\n      ? 'defaultValue' in linkURLField && typeof linkURLField.defaultValue === 'string'\n        ? linkURLField.defaultValue\n        : 'https://'\n      : undefined\n\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#LinkFeatureClient',\n      clientFeatureProps: {\n        defaultLinkType,\n        defaultLinkURL,\n        disableAutoLinks: props.disableAutoLinks,\n        disabledCollections: props.disabledCollections,\n        enabledCollections: props.enabledCollections,\n      } as ClientProps,\n      generateSchemaMap: () => {\n        if (!sanitizedFields || !Array.isArray(sanitizedFields) || sanitizedFields.length === 0) {\n          return null\n        }\n\n        const schemaMap: FieldSchemaMap = new Map()\n        schemaMap.set('fields', {\n          fields: sanitizedFields,\n        })\n\n        return schemaMap\n      },\n      i18n,\n      markdownTransformers: [\n        createLinkMarkdownTransformer({ internalDocToHref: props.internalDocToHref }),\n      ],\n      nodes: [\n        props?.disableAutoLinks === true\n          ? null\n          : createNode({\n              converters: {\n                html: {\n                  converter: async ({\n                    converters,\n                    currentDepth,\n                    depth,\n                    draft,\n                    node,\n                    overrideAccess,\n                    parent,\n                    req,\n                    showHiddenFields,\n                  }) => {\n                    const childrenText = await convertLexicalNodesToHTML({\n                      converters,\n                      currentDepth,\n                      depth,\n                      draft,\n                      lexicalNodes: node.children,\n                      overrideAccess,\n                      parent: {\n                        ...node,\n                        parent,\n                      },\n                      req,\n                      showHiddenFields,\n                    })\n\n                    let href: string = node.fields.url ?? ''\n                    if (node.fields.linkType === 'internal') {\n                      href =\n                        typeof node.fields.doc?.value !== 'object'\n                          ? String(node.fields.doc?.value)\n                          : String(node.fields.doc?.value?.id)\n                    }\n\n                    return `<a href=\"${href}\"${node.fields.newTab ? ' rel=\"noopener noreferrer\" target=\"_blank\"' : ''}>${childrenText}</a>`\n                  },\n                  nodeTypes: [AutoLinkNode.getType()],\n                },\n              },\n              node: AutoLinkNode,\n              // Since AutoLinkNodes are just internal links, they need no hooks or graphQL population promises\n              validations: [linkValidation(props, sanitizedFieldsWithoutText)],\n            }),\n        createNode({\n          converters: {\n            html: {\n              converter: async ({\n                converters,\n                currentDepth,\n                depth,\n                draft,\n                node,\n                overrideAccess,\n                parent,\n                req,\n                showHiddenFields,\n              }) => {\n                const childrenText = await convertLexicalNodesToHTML({\n                  converters,\n                  currentDepth,\n                  depth,\n                  draft,\n                  lexicalNodes: node.children,\n                  overrideAccess,\n                  parent: {\n                    ...node,\n                    parent,\n                  },\n                  req,\n                  showHiddenFields,\n                })\n\n                const href: string =\n                  node.fields.linkType === 'custom'\n                    ? escapeHTML(node.fields.url)\n                    : (node.fields.doc?.value as string)\n\n                return `<a href=\"${href}\"${node.fields.newTab ? ' rel=\"noopener noreferrer\" target=\"_blank\"' : ''}>${childrenText}</a>`\n              },\n              nodeTypes: [LinkNode.getType()],\n            },\n          },\n          getSubFields: () => {\n            return sanitizedFieldsWithoutText\n          },\n          getSubFieldsData: ({ node }) => {\n            return node?.fields\n          },\n          graphQLPopulationPromises: [linkPopulationPromiseHOC(props)],\n          node: LinkNode,\n          validations: [linkValidation(props, sanitizedFieldsWithoutText)],\n        }),\n      ].filter(Boolean) as Array<NodeWithHooks>,\n      sanitizedServerFeatureProps: props,\n    }\n  },\n  key: 'link',\n})\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["sanitizeFields","createServerFeature","createNode","createLinkMarkdownTransformer","AutoLinkNode","LinkNode","linkPopulationPromiseHOC","i18n","transformExtraFields","linkValidation","LinkFeature","feature","config","_config","isRoot","parentIsLocalized","props","validRelationships","collections","map","c","slug","_transformedFields","fields","enabledCollections","disabledCollections","maxDepth","sanitizedFields","requireFieldLevelRichTextEditor","sanitizedFieldsWithoutText","filter","field","name","linkTypeField","linkURLField","defaultLinkType","defaultValue","undefined","defaultLinkURL","ClientFeature","clientFeatureProps","disableAutoLinks","generateSchemaMap","Array","isArray","length","schemaMap","Map","set","markdownTransformers","internalDocToHref","nodes","node","validations","getSubFields","getSubFieldsData","graphQLPopulationPromises","Boolean","sanitizedServerFeatureProps","key"],"sources":["../../../../src/features/link/server/index.ts"],"sourcesContent":["import type {\n  CollectionSlug,\n  Config,\n  Field,\n  FieldAffectingData,\n  FieldSchemaMap,\n  SanitizedConfig,\n} from 'payload'\n\nimport { sanitizeFields } from 'payload'\n\nimport type { NodeWithHooks } from '../../typesServer.js'\nimport type { ClientProps } from '../client/index.js'\nimport type { SerializedLinkNode } from '../nodes/types.js'\n\nimport { createServerFeature } from '../../../utilities/createServerFeature.js'\nimport { createNode } from '../../typeUtilities.js'\nimport { createLinkMarkdownTransformer } from '../markdownTransformer.js'\nimport { AutoLinkNode } from '../nodes/AutoLinkNode.js'\nimport { LinkNode } from '../nodes/LinkNode.js'\nimport { linkPopulationPromiseHOC } from './graphQLPopulationPromise.js'\nimport { i18n } from './i18n.js'\nimport { transformExtraFields } from './transformExtraFields.js'\nimport { linkValidation } from './validate.js'\n\nexport type ExclusiveLinkCollectionsProps =\n  | {\n      /**\n       * The collections that should be disabled for internal linking. Overrides the `enableRichTextLink` property in the collection config.\n       * When this property is set, `enabledCollections` will not be available.\n       **/\n      disabledCollections?: CollectionSlug[]\n\n      // Ensures that enabledCollections is not available when disabledCollections is set\n      enabledCollections?: never\n    }\n  | {\n      // Ensures that disabledCollections is not available when enabledCollections is set\n      disabledCollections?: never\n\n      /**\n       * The collections that should be enabled for internal linking. Overrides the `enableRichTextLink` property in the collection config\n       * When this property is set, `disabledCollections` will not be available.\n       **/\n      enabledCollections?: CollectionSlug[]\n    }\n\nexport type LinkFeatureServerProps = {\n  /**\n   * Disables the automatic creation of links from URLs pasted into the editor, as well\n   * as auto link nodes.\n   *\n   * If set to 'creationOnly', only the creation of new auto link nodes will be disabled.\n   * Existing auto link nodes will still be editable.\n   *\n   * @default false\n   */\n  disableAutoLinks?: 'creationOnly' | true\n  /**\n   * A function or array defining additional fields for the link feature. These will be\n   * displayed in the link editor drawer.\n   */\n  fields?:\n    | ((args: {\n        config: SanitizedConfig\n        defaultFields: FieldAffectingData[]\n      }) => (Field | FieldAffectingData)[])\n    | Field[]\n  /**\n   * Resolves an internal link node to a URL string for use in the markdown converter.\n   * Internal links store a doc reference rather than a URL, so without this the markdown\n   * output will have an empty href: `[link text]()`.\n   */\n  internalDocToHref?: (args: { linkNode: SerializedLinkNode }) => string\n  /**\n   * Sets a maximum population depth for the internal doc default field of link, regardless of the remaining depth when the field is reached.\n   * This behaves exactly like the maxDepth properties of relationship and upload fields.\n   *\n   * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}\n   */\n  maxDepth?: number\n} & ExclusiveLinkCollectionsProps\n\nexport const LinkFeature = createServerFeature<\n  LinkFeatureServerProps,\n  LinkFeatureServerProps,\n  ClientProps\n>({\n  feature: async ({ config: _config, isRoot, parentIsLocalized, props }) => {\n    if (!props) {\n      props = {}\n    }\n    const validRelationships = _config.collections.map((c) => c.slug) || []\n\n    const _transformedFields = transformExtraFields(\n      props.fields ? props.fields : null,\n      _config,\n      props.enabledCollections,\n      props.disabledCollections,\n      props.maxDepth,\n    )\n\n    const sanitizedFields = await sanitizeFields({\n      config: _config as unknown as Config,\n      fields: _transformedFields,\n      parentIsLocalized,\n      requireFieldLevelRichTextEditor: isRoot,\n      validRelationships,\n    })\n    props.fields = sanitizedFields\n\n    // the text field is not included in the node data.\n    // Thus, for tasks like validation, we do not want to pass it a text field in the schema which will never have data.\n    // Otherwise, it will cause a validation error (field is required).\n    const sanitizedFieldsWithoutText = sanitizedFields.filter(\n      (field) => !('name' in field) || field.name !== 'text',\n    )\n\n    let linkTypeField: Field | null = null\n    let linkURLField: Field | null = null\n\n    for (const field of sanitizedFields) {\n      if ('name' in field && field.name === 'linkType') {\n        linkTypeField = field\n      }\n\n      if ('name' in field && field.name === 'url') {\n        linkURLField = field\n      }\n    }\n\n    const defaultLinkType = linkTypeField\n      ? 'defaultValue' in linkTypeField && typeof linkTypeField.defaultValue === 'string'\n        ? linkTypeField.defaultValue\n        : 'custom'\n      : undefined\n\n    const defaultLinkURL = linkURLField\n      ? 'defaultValue' in linkURLField && typeof linkURLField.defaultValue === 'string'\n        ? linkURLField.defaultValue\n        : 'https://'\n      : undefined\n\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#LinkFeatureClient',\n      clientFeatureProps: {\n        defaultLinkType,\n        defaultLinkURL,\n        disableAutoLinks: props.disableAutoLinks,\n        disabledCollections: props.disabledCollections,\n        enabledCollections: props.enabledCollections,\n      } as ClientProps,\n      generateSchemaMap: () => {\n        if (!sanitizedFields || !Array.isArray(sanitizedFields) || sanitizedFields.length === 0) {\n          return null\n        }\n\n        const schemaMap: FieldSchemaMap = new Map()\n        schemaMap.set('fields', {\n          fields: sanitizedFields,\n        })\n\n        return schemaMap\n      },\n      i18n,\n      markdownTransformers: [\n        createLinkMarkdownTransformer({ internalDocToHref: props.internalDocToHref }),\n      ],\n      nodes: [\n        props?.disableAutoLinks === true\n          ? null\n          : createNode({\n              node: AutoLinkNode,\n              // Since AutoLinkNodes are just internal links, they need no hooks or graphQL population promises\n              validations: [linkValidation(props, sanitizedFieldsWithoutText)],\n            }),\n        createNode({\n          getSubFields: () => {\n            return sanitizedFieldsWithoutText\n          },\n          getSubFieldsData: ({ node }) => {\n            return node?.fields\n          },\n          graphQLPopulationPromises: [linkPopulationPromiseHOC(props)],\n          node: LinkNode,\n          validations: [linkValidation(props, sanitizedFieldsWithoutText)],\n        }),\n      ].filter(Boolean) as Array<NodeWithHooks>,\n      sanitizedServerFeatureProps: props,\n    }\n  },\n  key: 'link',\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/features/lists/checklist/server/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/lists/checklist/server/index.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,kGAyB3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/lists/checklist/server/index.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,kGAmB3B,CAAA"}

package/dist/features/lists/checklist/server/index.js

@@ -1,7 +1,6 @@
 import { ListItemNode, ListNode } from '@lexical/list';
 import { createServerFeature } from '../../../../utilities/createServerFeature.js';
 import { createNode } from '../../../typeUtilities.js';
-import { ListHTMLConverter, ListItemHTMLConverter } from '../../htmlConverter.js';
 import { shouldRegisterListBaseNodes } from '../../shared/shouldRegisterListBaseNodes.js';
 import { CHECK_LIST } from '../markdownTransformers.js';
 import { i18n } from './i18n.js';
@@ -14,14 +13,8 @@ export const ChecklistFeature = createServerFeature({
       i18n,
       markdownTransformers: [CHECK_LIST],
       nodes: shouldRegisterListBaseNodes('checklist', featureProviderMap) ? [createNode({
-        converters: {
-          html: ListHTMLConverter
-        },
         node: ListNode
       }), createNode({
-        converters: {
-          html: ListItemHTMLConverter
-        },
         node: ListItemNode
       })] : []
     };

package/dist/features/lists/checklist/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListItemNode","ListNode","createServerFeature","createNode","ListHTMLConverter","ListItemHTMLConverter","shouldRegisterListBaseNodes","CHECK_LIST","i18n","ChecklistFeature","feature","featureProviderMap","ClientFeature","markdownTransformers","nodes","converters","html","node","key"],"sources":["../../../../../src/features/lists/checklist/server/index.ts"],"sourcesContent":["import { ListItemNode, ListNode } from '@lexical/list'\n\nimport { createServerFeature } from '../../../../utilities/createServerFeature.js'\nimport { createNode } from '../../../typeUtilities.js'\nimport { ListHTMLConverter, ListItemHTMLConverter } from '../../htmlConverter.js'\nimport { shouldRegisterListBaseNodes } from '../../shared/shouldRegisterListBaseNodes.js'\nimport { CHECK_LIST } from '../markdownTransformers.js'\nimport { i18n } from './i18n.js'\n\nexport const ChecklistFeature = createServerFeature({\n  feature: ({ featureProviderMap }) => {\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#ChecklistFeatureClient',\n      i18n,\n      markdownTransformers: [CHECK_LIST],\n      nodes: shouldRegisterListBaseNodes('checklist', featureProviderMap)\n        ? [\n            createNode({\n              converters: {\n                html: ListHTMLConverter as any, // ListHTMLConverter uses a different generic type than ListNode[exportJSON], thus we need to cast as any\n              },\n              node: ListNode,\n            }),\n            createNode({\n              converters: {\n                html: ListItemHTMLConverter as any,\n              },\n              node: ListItemNode,\n            }),\n          ]\n        : [],\n    }\n  },\n  key: 'checklist',\n})\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,QAAQ,QAAQ;AAEvC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,iBAAiB,EAAEC,qBAAqB,QAAQ;AACzD,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,UAAU,QAAQ;AAC3B,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,gBAAA,GAAmBP,mBAAA,CAAoB;EAClDQ,OAAA,EAASA,CAAC;IAAEC;EAAkB,CAAE;IAC9B,OAAO;MACLC,aAAA,EAAe;MACfJ,IAAA;MACAK,oBAAA,EAAsB,CAACN,UAAA,CAAW;MAClCO,KAAA,EAAOR,2BAAA,CAA4B,aAAaK,kBAAA,IAC5C,CACER,UAAA,CAAW;QACTY,UAAA,EAAY;UACVC,IAAA,EAAMZ;QACR;QACAa,IAAA,EAAMhB;MACR,IACAE,UAAA,CAAW;QACTY,UAAA,EAAY;UACVC,IAAA,EAAMX;QACR;QACAY,IAAA,EAAMjB;MACR,GACD,GACD;IACN;EACF;EACAkB,GAAA,EAAK;AACP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ListItemNode","ListNode","createServerFeature","createNode","shouldRegisterListBaseNodes","CHECK_LIST","i18n","ChecklistFeature","feature","featureProviderMap","ClientFeature","markdownTransformers","nodes","node","key"],"sources":["../../../../../src/features/lists/checklist/server/index.ts"],"sourcesContent":["import { ListItemNode, ListNode } from '@lexical/list'\n\nimport { createServerFeature } from '../../../../utilities/createServerFeature.js'\nimport { createNode } from '../../../typeUtilities.js'\nimport { shouldRegisterListBaseNodes } from '../../shared/shouldRegisterListBaseNodes.js'\nimport { CHECK_LIST } from '../markdownTransformers.js'\nimport { i18n } from './i18n.js'\n\nexport const ChecklistFeature = createServerFeature({\n  feature: ({ featureProviderMap }) => {\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#ChecklistFeatureClient',\n      i18n,\n      markdownTransformers: [CHECK_LIST],\n      nodes: shouldRegisterListBaseNodes('checklist', featureProviderMap)\n        ? [\n            createNode({\n              node: ListNode,\n            }),\n            createNode({\n              node: ListItemNode,\n            }),\n          ]\n        : [],\n    }\n  },\n  key: 'checklist',\n})\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,QAAQ,QAAQ;AAEvC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,UAAU,QAAQ;AAC3B,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,gBAAA,GAAmBL,mBAAA,CAAoB;EAClDM,OAAA,EAASA,CAAC;IAAEC;EAAkB,CAAE;IAC9B,OAAO;MACLC,aAAA,EAAe;MACfJ,IAAA;MACAK,oBAAA,EAAsB,CAACN,UAAA,CAAW;MAClCO,KAAA,EAAOR,2BAAA,CAA4B,aAAaK,kBAAA,IAC5C,CACEN,UAAA,CAAW;QACTU,IAAA,EAAMZ;MACR,IACAE,UAAA,CAAW;QACTU,IAAA,EAAMb;MACR,GACD,GACD;IACN;EACF;EACAc,GAAA,EAAK;AACP","ignoreList":[]}

package/dist/features/lists/orderedList/server/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/lists/orderedList/server/index.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,kBAAkB,kGAyB7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/lists/orderedList/server/index.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB,kGAmB7B,CAAA"}

package/dist/features/lists/orderedList/server/index.js

@@ -1,7 +1,6 @@
 import { ListItemNode, ListNode } from '@lexical/list';
 import { createServerFeature } from '../../../../utilities/createServerFeature.js';
 import { createNode } from '../../../typeUtilities.js';
-import { ListHTMLConverter, ListItemHTMLConverter } from '../../htmlConverter.js';
 import { shouldRegisterListBaseNodes } from '../../shared/shouldRegisterListBaseNodes.js';
 import { ORDERED_LIST } from '../markdownTransformer.js';
 import { i18n } from './i18n.js';
@@ -14,14 +13,8 @@ export const OrderedListFeature = createServerFeature({
       i18n,
       markdownTransformers: [ORDERED_LIST],
       nodes: shouldRegisterListBaseNodes('ordered', featureProviderMap) ? [createNode({
-        converters: {
-          html: ListHTMLConverter
-        },
         node: ListNode
       }), createNode({
-        converters: {
-          html: ListItemHTMLConverter
-        },
         node: ListItemNode
       })] : []
     };

package/dist/features/lists/orderedList/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListItemNode","ListNode","createServerFeature","createNode","ListHTMLConverter","ListItemHTMLConverter","shouldRegisterListBaseNodes","ORDERED_LIST","i18n","OrderedListFeature","feature","featureProviderMap","ClientFeature","markdownTransformers","nodes","converters","html","node","key"],"sources":["../../../../../src/features/lists/orderedList/server/index.ts"],"sourcesContent":["import { ListItemNode, ListNode } from '@lexical/list'\n\nimport { createServerFeature } from '../../../../utilities/createServerFeature.js'\nimport { createNode } from '../../../typeUtilities.js'\nimport { ListHTMLConverter, ListItemHTMLConverter } from '../../htmlConverter.js'\nimport { shouldRegisterListBaseNodes } from '../../shared/shouldRegisterListBaseNodes.js'\nimport { ORDERED_LIST } from '../markdownTransformer.js'\nimport { i18n } from './i18n.js'\n\nexport const OrderedListFeature = createServerFeature({\n  feature: ({ featureProviderMap }) => {\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#OrderedListFeatureClient',\n      i18n,\n      markdownTransformers: [ORDERED_LIST],\n      nodes: shouldRegisterListBaseNodes('ordered', featureProviderMap)\n        ? [\n            createNode({\n              converters: {\n                html: ListHTMLConverter as any, // ListHTMLConverter uses a different generic type than ListNode[exportJSON], thus we need to cast as any\n              },\n              node: ListNode,\n            }),\n            createNode({\n              converters: {\n                html: ListItemHTMLConverter as any,\n              },\n              node: ListItemNode,\n            }),\n          ]\n        : [],\n    }\n  },\n  key: 'orderedList',\n})\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,QAAQ,QAAQ;AAEvC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,iBAAiB,EAAEC,qBAAqB,QAAQ;AACzD,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,YAAY,QAAQ;AAC7B,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,kBAAA,GAAqBP,mBAAA,CAAoB;EACpDQ,OAAA,EAASA,CAAC;IAAEC;EAAkB,CAAE;IAC9B,OAAO;MACLC,aAAA,EAAe;MACfJ,IAAA;MACAK,oBAAA,EAAsB,CAACN,YAAA,CAAa;MACpCO,KAAA,EAAOR,2BAAA,CAA4B,WAAWK,kBAAA,IAC1C,CACER,UAAA,CAAW;QACTY,UAAA,EAAY;UACVC,IAAA,EAAMZ;QACR;QACAa,IAAA,EAAMhB;MACR,IACAE,UAAA,CAAW;QACTY,UAAA,EAAY;UACVC,IAAA,EAAMX;QACR;QACAY,IAAA,EAAMjB;MACR,GACD,GACD;IACN;EACF;EACAkB,GAAA,EAAK;AACP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ListItemNode","ListNode","createServerFeature","createNode","shouldRegisterListBaseNodes","ORDERED_LIST","i18n","OrderedListFeature","feature","featureProviderMap","ClientFeature","markdownTransformers","nodes","node","key"],"sources":["../../../../../src/features/lists/orderedList/server/index.ts"],"sourcesContent":["import { ListItemNode, ListNode } from '@lexical/list'\n\nimport { createServerFeature } from '../../../../utilities/createServerFeature.js'\nimport { createNode } from '../../../typeUtilities.js'\nimport { shouldRegisterListBaseNodes } from '../../shared/shouldRegisterListBaseNodes.js'\nimport { ORDERED_LIST } from '../markdownTransformer.js'\nimport { i18n } from './i18n.js'\n\nexport const OrderedListFeature = createServerFeature({\n  feature: ({ featureProviderMap }) => {\n    return {\n      ClientFeature: '@payloadcms/richtext-lexical/client#OrderedListFeatureClient',\n      i18n,\n      markdownTransformers: [ORDERED_LIST],\n      nodes: shouldRegisterListBaseNodes('ordered', featureProviderMap)\n        ? [\n            createNode({\n              node: ListNode,\n            }),\n            createNode({\n              node: ListItemNode,\n            }),\n          ]\n        : [],\n    }\n  },\n  key: 'orderedList',\n})\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,QAAQ,QAAQ;AAEvC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,YAAY,QAAQ;AAC7B,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,kBAAA,GAAqBL,mBAAA,CAAoB;EACpDM,OAAA,EAASA,CAAC;IAAEC;EAAkB,CAAE;IAC9B,OAAO;MACLC,aAAA,EAAe;MACfJ,IAAA;MACAK,oBAAA,EAAsB,CAACN,YAAA,CAAa;MACpCO,KAAA,EAAOR,2BAAA,CAA4B,WAAWK,kBAAA,IAC1C,CACEN,UAAA,CAAW;QACTU,IAAA,EAAMZ;MACR,IACAE,UAAA,CAAW;QACTU,IAAA,EAAMb;MACR,GACD,GACD;IACN;EACF;EACAc,GAAA,EAAK;AACP","ignoreList":[]}

package/dist/features/lists/unorderedList/server/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/lists/unorderedList/server/index.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,kGAqB/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/lists/unorderedList/server/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB,kGAe/B,CAAA"}

package/dist/features/lists/unorderedList/server/index.js

@@ -1,7 +1,6 @@
 import { ListItemNode, ListNode } from '@lexical/list';
 import { createServerFeature } from '../../../../utilities/createServerFeature.js';
 import { createNode } from '../../../typeUtilities.js';
-import { ListHTMLConverter, ListItemHTMLConverter } from '../../htmlConverter.js';
 import { UNORDERED_LIST } from '../markdownTransformer.js';
 import { i18n } from './i18n.js';
 export const UnorderedListFeature = createServerFeature({
@@ -10,14 +9,8 @@ export const UnorderedListFeature = createServerFeature({
     i18n,
     markdownTransformers: [UNORDERED_LIST],
     nodes: [createNode({
-      converters: {
-        html: ListHTMLConverter
-      },
       node: ListNode
     }), createNode({
-      converters: {
-        html: ListItemHTMLConverter
-      },
       node: ListItemNode
     })]
   },

package/dist/features/lists/unorderedList/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListItemNode","ListNode","createServerFeature","createNode","ListHTMLConverter","ListItemHTMLConverter","UNORDERED_LIST","i18n","UnorderedListFeature","feature","ClientFeature","markdownTransformers","nodes","converters","html","node","key"],"sources":["../../../../../src/features/lists/unorderedList/server/index.ts"],"sourcesContent":["import { ListItemNode, ListNode } from '@lexical/list'\n\nimport { createServerFeature } from '../../../../utilities/createServerFeature.js'\nimport { createNode } from '../../../typeUtilities.js'\nimport { ListHTMLConverter, ListItemHTMLConverter } from '../../htmlConverter.js'\nimport { UNORDERED_LIST } from '../markdownTransformer.js'\nimport { i18n } from './i18n.js'\n\nexport const UnorderedListFeature = createServerFeature({\n  feature: {\n    ClientFeature: '@payloadcms/richtext-lexical/client#UnorderedListFeatureClient',\n    i18n,\n    markdownTransformers: [UNORDERED_LIST],\n    nodes: [\n      createNode({\n        converters: {\n          html: ListHTMLConverter as any, // ListHTMLConverter uses a different generic type than ListNode[exportJSON], thus we need to cast as any\n        },\n        node: ListNode,\n      }),\n      createNode({\n        converters: {\n          html: ListItemHTMLConverter as any,\n        },\n        node: ListItemNode,\n      }),\n    ],\n  },\n  key: 'unorderedList',\n})\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,QAAQ,QAAQ;AAEvC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,iBAAiB,EAAEC,qBAAqB,QAAQ;AACzD,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,oBAAA,GAAuBN,mBAAA,CAAoB;EACtDO,OAAA,EAAS;IACPC,aAAA,EAAe;IACfH,IAAA;IACAI,oBAAA,EAAsB,CAACL,cAAA,CAAe;IACtCM,KAAA,EAAO,CACLT,UAAA,CAAW;MACTU,UAAA,EAAY;QACVC,IAAA,EAAMV;MACR;MACAW,IAAA,EAAMd;IACR,IACAE,UAAA,CAAW;MACTU,UAAA,EAAY;QACVC,IAAA,EAAMT;MACR;MACAU,IAAA,EAAMf;IACR;EAEJ;EACAgB,GAAA,EAAK;AACP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ListItemNode","ListNode","createServerFeature","createNode","UNORDERED_LIST","i18n","UnorderedListFeature","feature","ClientFeature","markdownTransformers","nodes","node","key"],"sources":["../../../../../src/features/lists/unorderedList/server/index.ts"],"sourcesContent":["import { ListItemNode, ListNode } from '@lexical/list'\n\nimport { createServerFeature } from '../../../../utilities/createServerFeature.js'\nimport { createNode } from '../../../typeUtilities.js'\nimport { UNORDERED_LIST } from '../markdownTransformer.js'\nimport { i18n } from './i18n.js'\n\nexport const UnorderedListFeature = createServerFeature({\n  feature: {\n    ClientFeature: '@payloadcms/richtext-lexical/client#UnorderedListFeatureClient',\n    i18n,\n    markdownTransformers: [UNORDERED_LIST],\n    nodes: [\n      createNode({\n        node: ListNode,\n      }),\n      createNode({\n        node: ListItemNode,\n      }),\n    ],\n  },\n  key: 'unorderedList',\n})\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,QAAQ,QAAQ;AAEvC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,oBAAA,GAAuBJ,mBAAA,CAAoB;EACtDK,OAAA,EAAS;IACPC,aAAA,EAAe;IACfH,IAAA;IACAI,oBAAA,EAAsB,CAACL,cAAA,CAAe;IACtCM,KAAA,EAAO,CACLP,UAAA,CAAW;MACTQ,IAAA,EAAMV;IACR,IACAE,UAAA,CAAW;MACTQ,IAAA,EAAMX;IACR;EAEJ;EACAY,GAAA,EAAK;AACP","ignoreList":[]}

package/dist/features/relationship/client/components/RelationshipComponent.d.ts

@@ -1,7 +1,7 @@
 import type { ElementFormatType } from 'lexical';
 import React from 'react';
 import type { RelationshipData } from '../../server/nodes/RelationshipNode.js';
-import './index.scss';
+import './index.css';
 type Props = {
     className: string;
     data: RelationshipData;

package/dist/features/relationship/client/components/RelationshipComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RelationshipComponent.d.ts","sourceRoot":"","sources":["../../../../../src/features/relationship/client/components/RelationshipComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAQhD,OAAO,KAAoD,MAAM,OAAO,CAAA;AAExE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAE9E,OAAO,cAAc,CAAA;AAQrB,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2GjD,CAAA"}
+{"version":3,"file":"RelationshipComponent.d.ts","sourceRoot":"","sources":["../../../../../src/features/relationship/client/components/RelationshipComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAQhD,OAAO,KAA+D,MAAM,OAAO,CAAA;AAEnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAE9E,OAAO,aAAa,CAAA;AAQpB,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqIjD,CAAA"}

package/dist/features/relationship/client/components/RelationshipComponent.js

@@ -5,9 +5,10 @@ import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { getTranslation } from '@payloadcms/translations';
 import { Button, useConfig, usePayloadAPI, useTranslation } from '@payloadcms/ui';
-import { $getNodeByKey } from 'lexical';
+import { $getNodeByKey, $getSelection, $isNodeSelection, $isRangeSelection } from 'lexical';
 import { formatAdminURL } from 'payload/shared';
-import React, { useCallback, useReducer, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useReducer, useRef, useState } from 'react';
+import './index.css';
 import { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js';
 import { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from '../drawer/commands.js';
 const initialParams = {
@@ -28,6 +29,7 @@ export const RelationshipComponent = props => {
   const relationshipElemRef = useRef(null);
   const [editor] = useLexicalComposerContext();
   const isEditable = useLexicalEditable();
+  const [isSelected, setIsSelected] = useState(false);
   const {
     config: {
       routes: {
@@ -64,6 +66,29 @@ export const RelationshipComponent = props => {
     id: value,
     collectionSlug: relatedCollection.slug
   });
+  useEffect(() => {
+    return editor.registerUpdateListener(({
+      editorState
+    }) => {
+      editorState.read(() => {
+        const selection = $getSelection();
+        if ($isNodeSelection(selection)) {
+          setIsSelected(selection.has(nodeKey));
+        } else if ($isRangeSelection(selection)) {
+          const nodes = selection.getNodes();
+          setIsSelected(nodes.some(node => node.getKey() === nodeKey));
+        } else {
+          setIsSelected(false);
+        }
+      });
+    });
+  }, [editor, nodeKey]);
+  useEffect(() => {
+    const outerEl = relationshipElemRef.current?.closest(`.${baseClass}`);
+    if (outerEl) {
+      outerEl.classList.toggle(`${baseClass}--selected`, isSelected);
+    }
+  }, [isSelected, baseClass]);
   const removeRelationship = useCallback(() => {
     editor.update(() => {
       $getNodeByKey(nodeKey)?.remove();

package/dist/features/relationship/client/components/RelationshipComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelationshipComponent.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","useConfig","usePayloadAPI","useTranslation","$getNodeByKey","formatAdminURL","React","useCallback","useReducer","useRef","useState","useLexicalDocumentDrawer","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","initialParams","depth","RelationshipComponent","props","className","baseClass","data","relationTo","value","nodeKey","Error","relationshipElemRef","editor","isEditable","config","routes","api","serverURL","getEntityConfig","relatedCollection","collectionSlug","i18n","t","cacheBust","dispatchCacheBust","state","setParams","apiRoute","path","slug","closeDocumentDrawer","DocumentDrawer","DocumentDrawerToggler","id","removeRelationship","update","remove","updateRelationship","_jsxs","contentEditable","ref","_jsx","label","labels","singular","admin","useAsTitle","buttonStyle","disabled","el","icon","onClick","dispatchCommand","replace","round","tooltip","e","preventDefault","onSave"],"sources":["../../../../../src/features/relationship/client/components/RelationshipComponent.tsx"],"sourcesContent":["'use client'\nimport type { ElementFormatType } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, useConfig, usePayloadAPI, useTranslation } from '@payloadcms/ui'\nimport { $getNodeByKey } from 'lexical'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useReducer, useRef, useState } from 'react'\n\nimport type { RelationshipData } from '../../server/nodes/RelationshipNode.js'\n\nimport './index.scss'\nimport { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js'\nimport { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\n\nconst initialParams = {\n  depth: 0,\n}\n\ntype Props = {\n  className: string\n  data: RelationshipData\n  format?: ElementFormatType\n  nodeKey?: string\n}\n\nexport const RelationshipComponent: React.FC<Props> = (props) => {\n  const {\n    className: baseClass,\n    data: { relationTo, value },\n    nodeKey,\n  } = props\n\n  if (typeof value === 'object') {\n    throw new Error(\n      'Relationship value should be a string or number. The Lexical Relationship component should not receive the populated value object.',\n    )\n  }\n\n  const relationshipElemRef = useRef<HTMLDivElement | null>(null)\n\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const [relatedCollection] = useState(() => getEntityConfig({ collectionSlug: relationTo }))\n\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [{ data }, { setParams }] = usePayloadAPI(\n    formatAdminURL({ apiRoute: api, path: `/${relatedCollection.slug}/${value}`, serverURL }),\n    { initialParams },\n  )\n\n  const { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({\n    id: value,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  const removeRelationship = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey!)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const updateRelationship = React.useCallback(() => {\n    setParams({\n      ...initialParams,\n      cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n    })\n\n    closeDocumentDrawer()\n    dispatchCacheBust()\n  }, [cacheBust, setParams, closeDocumentDrawer])\n\n  return (\n    <div className={`${baseClass}__contents`} contentEditable={false} ref={relationshipElemRef}>\n      <div className={`${baseClass}__wrap`}>\n        <p className={`${baseClass}__label`}>\n          {t('fields:labelRelationship', {\n            label: relatedCollection.labels?.singular\n              ? getTranslation(relatedCollection.labels?.singular, i18n)\n              : relatedCollection.slug,\n          })}\n        </p>\n        <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n          <p className={`${baseClass}__title`}>\n            {data ? data[relatedCollection?.admin?.useAsTitle || 'id'] : value}\n          </p>\n        </DocumentDrawerToggler>\n      </div>\n      {isEditable && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__swapButton`}\n            disabled={!isEditable}\n            el=\"button\"\n            icon=\"swap\"\n            onClick={() => {\n              if (nodeKey) {\n                editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {\n                  replace: { nodeKey },\n                })\n              }\n            }}\n            round\n            tooltip={t('fields:swapRelationship')}\n          />\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__removeButton`}\n            disabled={!isEditable}\n            icon=\"x\"\n            onClick={(e) => {\n              e.preventDefault()\n              removeRelationship()\n            }}\n            round\n            tooltip={t('fields:removeRelationship')}\n          />\n        </div>\n      )}\n\n      {!!value && <DocumentDrawer onSave={updateRelationship} />}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RelationshipComponent.js","names":["useLexicalComposerContext","useLexicalEditable","getTranslation","Button","useConfig","usePayloadAPI","useTranslation","$getNodeByKey","$getSelection","$isNodeSelection","$isRangeSelection","formatAdminURL","React","useCallback","useEffect","useReducer","useRef","useState","useLexicalDocumentDrawer","INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND","initialParams","depth","RelationshipComponent","props","className","baseClass","data","relationTo","value","nodeKey","Error","relationshipElemRef","editor","isEditable","isSelected","setIsSelected","config","routes","api","serverURL","getEntityConfig","relatedCollection","collectionSlug","i18n","t","cacheBust","dispatchCacheBust","state","setParams","apiRoute","path","slug","closeDocumentDrawer","DocumentDrawer","DocumentDrawerToggler","id","registerUpdateListener","editorState","read","selection","has","nodes","getNodes","some","node","getKey","outerEl","current","closest","classList","toggle","removeRelationship","update","remove","updateRelationship","_jsxs","contentEditable","ref","_jsx","label","labels","singular","admin","useAsTitle","buttonStyle","disabled","el","icon","onClick","dispatchCommand","replace","round","tooltip","e","preventDefault","onSave"],"sources":["../../../../../src/features/relationship/client/components/RelationshipComponent.tsx"],"sourcesContent":["'use client'\nimport type { ElementFormatType } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, useConfig, usePayloadAPI, useTranslation } from '@payloadcms/ui'\nimport { $getNodeByKey, $getSelection, $isNodeSelection, $isRangeSelection } from 'lexical'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\n\nimport type { RelationshipData } from '../../server/nodes/RelationshipNode.js'\n\nimport './index.css'\nimport { useLexicalDocumentDrawer } from '../../../../utilities/fieldsDrawer/useLexicalDocumentDrawer.js'\nimport { INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND } from '../drawer/commands.js'\n\nconst initialParams = {\n  depth: 0,\n}\n\ntype Props = {\n  className: string\n  data: RelationshipData\n  format?: ElementFormatType\n  nodeKey?: string\n}\n\nexport const RelationshipComponent: React.FC<Props> = (props) => {\n  const {\n    className: baseClass,\n    data: { relationTo, value },\n    nodeKey,\n  } = props\n\n  if (typeof value === 'object') {\n    throw new Error(\n      'Relationship value should be a string or number. The Lexical Relationship component should not receive the populated value object.',\n    )\n  }\n\n  const relationshipElemRef = useRef<HTMLDivElement | null>(null)\n\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n  const [isSelected, setIsSelected] = useState(false)\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const [relatedCollection] = useState(() => getEntityConfig({ collectionSlug: relationTo }))\n\n  const { i18n, t } = useTranslation()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [{ data }, { setParams }] = usePayloadAPI(\n    formatAdminURL({ apiRoute: api, path: `/${relatedCollection.slug}/${value}`, serverURL }),\n    { initialParams },\n  )\n\n  const { closeDocumentDrawer, DocumentDrawer, DocumentDrawerToggler } = useLexicalDocumentDrawer({\n    id: value,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  useEffect(() => {\n    return editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection()\n\n        if ($isNodeSelection(selection)) {\n          setIsSelected(selection.has(nodeKey!))\n        } else if ($isRangeSelection(selection)) {\n          const nodes = selection.getNodes()\n          setIsSelected(nodes.some((node) => node.getKey() === nodeKey))\n        } else {\n          setIsSelected(false)\n        }\n      })\n    })\n  }, [editor, nodeKey])\n\n  useEffect(() => {\n    const outerEl = relationshipElemRef.current?.closest(`.${baseClass}`)\n\n    if (outerEl) {\n      outerEl.classList.toggle(`${baseClass}--selected`, isSelected)\n    }\n  }, [isSelected, baseClass])\n\n  const removeRelationship = useCallback(() => {\n    editor.update(() => {\n      $getNodeByKey(nodeKey!)?.remove()\n    })\n  }, [editor, nodeKey])\n\n  const updateRelationship = React.useCallback(() => {\n    setParams({\n      ...initialParams,\n      cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n    })\n\n    closeDocumentDrawer()\n    dispatchCacheBust()\n  }, [cacheBust, setParams, closeDocumentDrawer])\n\n  return (\n    <div className={`${baseClass}__contents`} contentEditable={false} ref={relationshipElemRef}>\n      <div className={`${baseClass}__wrap`}>\n        <p className={`${baseClass}__label`}>\n          {t('fields:labelRelationship', {\n            label: relatedCollection.labels?.singular\n              ? getTranslation(relatedCollection.labels?.singular, i18n)\n              : relatedCollection.slug,\n          })}\n        </p>\n        <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n          <p className={`${baseClass}__title`}>\n            {data ? data[relatedCollection?.admin?.useAsTitle || 'id'] : value}\n          </p>\n        </DocumentDrawerToggler>\n      </div>\n      {isEditable && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__swapButton`}\n            disabled={!isEditable}\n            el=\"button\"\n            icon=\"swap\"\n            onClick={() => {\n              if (nodeKey) {\n                editor.dispatchCommand(INSERT_RELATIONSHIP_WITH_DRAWER_COMMAND, {\n                  replace: { nodeKey },\n                })\n              }\n            }}\n            round\n            tooltip={t('fields:swapRelationship')}\n          />\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__removeButton`}\n            disabled={!isEditable}\n            icon=\"x\"\n            onClick={(e) => {\n              e.preventDefault()\n              removeRelationship()\n            }}\n            round\n            tooltip={t('fields:removeRelationship')}\n          />\n        </div>\n      )}\n\n      {!!value && <DocumentDrawer onSave={updateRelationship} />}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/relationship/client/components/index.css

@@ -0,0 +1,112 @@
+@layer payload-default {
+  .LexicalEditorTheme__relationship {
+    --relationship-width: 15rem;
+    --relationship-max-width: 20rem;
+    display: flex;
+    width: var(--relationship-width);
+    max-width: var(--relationship-max-width);
+    padding: var(--spacer-2-5);
+    align-items: center;
+    gap: var(--spacer-2);
+    background: var(--color-bg);
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-medium);
+    font-family: var(--font-body);
+    margin-block: var(--spacer-2);
+    color: var(--color-text);
+
+    &:hover {
+      outline: var(--stroke-width-small) solid var(--color-border-selected);
+      outline-offset: calc(var(--stroke-width-small) * -1);
+    }
+  }
+
+  .LexicalEditorTheme__relationship--selected {
+    outline: var(--stroke-width-small) solid var(--color-border-selected);
+    outline-offset: calc(var(--stroke-width-small) * -1);
+  }
+
+  .LexicalEditorTheme__relationship__contents {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    flex: 1 0 0;
+    justify-content: space-between;
+    min-width: 0;
+  }
+
+  .LexicalEditorTheme__relationship__wrap {
+    flex: 1 0 0;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .LexicalEditorTheme__relationship__label {
+    font-family: var(--text-body-small-font-family);
+    font-size: var(--text-body-small-font-size);
+    font-weight: var(--text-body-small-font-weight);
+    line-height: var(--text-body-small-line-height);
+    letter-spacing: var(--text-body-small-letter-spacing);
+    color: var(--color-text-secondary);
+    margin: 0;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .LexicalEditorTheme__relationship__title {
+    font-family: var(--text-body-medium-strong-font-family);
+    font-size: var(--text-body-medium-strong-font-size);
+    font-weight: var(--font-weight-strong);
+    line-height: var(--text-body-medium-strong-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+    color: var(--color-text);
+    margin: 0;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .LexicalEditorTheme__relationship__doc-drawer-toggler {
+    text-decoration: none;
+    pointer-events: all;
+    display: block;
+    overflow: hidden;
+
+    & > * {
+      margin: 0;
+    }
+  }
+
+  .LexicalEditorTheme__relationship__swapButton.btn,
+  .LexicalEditorTheme__relationship__removeButton.btn {
+    margin: 0;
+    width: var(--spacer-4);
+    height: var(--spacer-4);
+    min-width: var(--spacer-4);
+    min-height: var(--spacer-4);
+    padding: 0;
+  }
+
+  .LexicalEditorTheme__relationship__doc-drawer-toggler,
+  .LexicalEditorTheme__relationship__swapButton {
+    &:disabled {
+      color: var(--color-text-disabled);
+      pointer-events: none;
+    }
+  }
+
+  .LexicalEditorTheme__relationship__actions {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    gap: var(--spacer-2);
+  }
+
+  .LexicalEditorTheme__relationship__removeButton.btn {
+    &:disabled {
+      color: var(--color-text-disabled);
+      pointer-events: none;
+    }
+  }
+}

package/dist/features/toolbars/fixed/client/Toolbar/index.css

@@ -0,0 +1,87 @@
+@layer payload-default {
+  .fixed-toolbar.fixed-toolbar--hide {
+    visibility: hidden;
+    pointer-events: none;
+    user-select: none;
+  }
+
+  .fixed-toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    padding: 0 var(--spacer-2);
+    gap: var(--spacer-2);
+    vertical-align: middle;
+    position: sticky;
+    z-index: 2;
+    top: var(--doc-controls-height);
+    border: var(--stroke-width-small) solid var(--lexical-border-color);
+    border-collapse: unset;
+    border-radius: var(--radius-medium) var(--radius-medium) 0 0;
+    transform: translateY(var(--stroke-width-small));
+
+    min-height: var(--spacer-6);
+
+    &:before,
+    &:after {
+      content: ' ';
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      border-radius: inherit;
+    }
+
+    &:before {
+      background: var(--color-bg);
+      opacity: 0.75;
+    }
+
+    &:after {
+      backdrop-filter: blur(8px);
+    }
+
+    + .editor-container {
+      border-radius: 0 0 var(--radius-medium) var(--radius-medium) !important;
+
+      > .editor-scroller > .editor {
+        > .ContentEditable__root {
+          padding-top: var(--spacer-2);
+        }
+      }
+
+      > .editor-scroller > .editor > div > .LexicalEditorTheme__placeholder {
+        top: var(--spacer-4);
+      }
+    }
+  }
+
+  .fixed-toolbar__group {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--spacer-2);
+    align-self: stretch;
+    z-index: 1;
+
+    .divider {
+      width: var(--stroke-width-small);
+      align-self: stretch;
+      background-color: var(--lexical-border-color);
+    }
+  }
+
+  .rich-text-lexical--show-gutter {
+    .fixed-toolbar {
+      + .editor-container {
+        > .editor-scroller > .editor {
+          > .ContentEditable__root::before {
+            top: var(--spacer-4) !important;
+            height: calc(100% - var(--spacer-4) - 8px) !important;
+          }
+        }
+      }
+    }
+  }
+}

package/dist/features/toolbars/fixed/client/Toolbar/index.d.ts

@@ -1,5 +1,5 @@
 import type { PluginComponent } from '../../../../typesClient.js';
 import type { FixedToolbarFeatureProps } from '../../server/index.js';
-import './index.scss';
+import './index.css';
 export declare const FixedToolbarPlugin: PluginComponent<FixedToolbarFeatureProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/features/toolbars/fixed/client/Toolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/toolbars/fixed/client/Toolbar/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAGjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAMrE,OAAO,cAAc,CAAA;AA2PrB,eAAO,MAAM,kBAAkB,EAAE,eAAe,CAAC,wBAAwB,CAuCxE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/toolbars/fixed/client/Toolbar/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAGjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAMrE,OAAO,aAAa,CAAA;AA2PpB,eAAO,MAAM,kBAAkB,EAAE,eAAe,CAAC,wBAAwB,CAuCxE,CAAA"}

package/dist/features/toolbars/fixed/client/Toolbar/index.js

@@ -11,6 +11,7 @@ import { useEditorConfigContext } from '../../../../../lexical/config/client/Edi
 import { ToolbarButton } from '../../../shared/ToolbarButton/index.js';
 import { ToolbarDropdown } from '../../../shared/ToolbarDropdown/index.js';
 import { useToolbarStates } from '../../../shared/useToolbarStates.js';
+import './index.css';
 function ButtonGroupItem({
   active,
   anchorElem,