@payloadcms/richtext-slate 3.0.0-canary.cee5702 → 3.0.0-canary.ee0375f

package/dist/field/elements/indent/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/indent/Button.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { useCallback } from 'react'\nimport { Editor, Element, Text, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { ElementNode } from '../../../types.js'\n\nimport { IndentLeft } from '../../icons/IndentLeft/index.js'\nimport { IndentRight } from '../../icons/IndentRight/index.js'\nimport { baseClass } from '../Button.js'\nimport { getCommonBlock } from '../getCommonBlock.js'\nimport { isElementActive } from '../isActive.js'\nimport { isBlockElement } from '../isBlockElement.js'\nimport { listTypes } from '../listTypes.js'\nimport { unwrapList } from '../unwrapList.js'\nimport { indentType } from './shared.js'\n\nexport const IndentButton: React.FC = () => {\n  const editor = useSlate()\n  const handleIndent = useCallback(\n    (e, dir) => {\n      e.preventDefault()\n\n      if (dir === 'left') {\n        if (isElementActive(editor, 'li')) {\n          const [, listPath] = getCommonBlock(\n            editor,\n            (n) => Element.isElement(n) && listTypes.includes(n.type),\n          )\n\n          const matchedParentList = Editor.above(editor, {\n            at: listPath,\n            match: (n: ElementNode) => !Editor.isEditor(n) && isBlockElement(editor, n),\n          })\n\n          if (matchedParentList) {\n            const [parentListItem, parentListItemPath] = matchedParentList\n\n            if (parentListItem.children.length > 1) {\n              // Remove nested list\n              Transforms.unwrapNodes(editor, {\n                at: parentListItemPath,\n                match: (node, path) => {\n                  const matches =\n                    !Editor.isEditor(node) &&\n                    Element.isElement(node) &&\n                    listTypes.includes(node.type) &&\n                    path.length === parentListItemPath.length + 1\n\n                  return matches\n                },\n              })\n\n              // Set li type on any children that don't have a type\n              Transforms.setNodes(\n                editor,\n                { type: 'li' },\n                {\n                  at: parentListItemPath,\n                  match: (node, path) => {\n                    const matches =\n                      !Editor.isEditor(node) &&\n                      Element.isElement(node) &&\n                      node.type !== 'li' &&\n                      path.length === parentListItemPath.length + 1\n\n                    return matches\n                  },\n                },\n              )\n\n              // Parent list item path has changed at this point\n              // so we need to re-fetch the parent node\n              const [newParentNode] = Editor.node(editor, parentListItemPath)\n\n              // If the parent node is an li,\n              // lift all li nodes within\n              if (Element.isElement(newParentNode) && newParentNode.type === 'li') {\n                // Lift the nested lis\n                Transforms.liftNodes(editor, {\n                  at: parentListItemPath,\n                  match: (node, path) => {\n                    const matches =\n                      !Editor.isEditor(node) &&\n                      Element.isElement(node) &&\n                      path.length === parentListItemPath.length + 1 &&\n                      node.type === 'li'\n\n                    return matches\n                  },\n                })\n              }\n            } else {\n              Transforms.unwrapNodes(editor, {\n                at: parentListItemPath,\n                match: (node, path) => {\n                  return (\n                    Element.isElement(node) &&\n                    node.type === 'li' &&\n                    path.length === parentListItemPath.length\n                  )\n                },\n              })\n\n              Transforms.unwrapNodes(editor, {\n                match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n              })\n            }\n          } else {\n            unwrapList(editor, listPath)\n          }\n        } else {\n          Transforms.unwrapNodes(editor, {\n            match: (n) => Element.isElement(n) && n.type === indentType,\n            mode: 'lowest',\n            split: true,\n          })\n        }\n      }\n\n      if (dir === 'right') {\n        const isCurrentlyOL = isElementActive(editor, 'ol')\n        const isCurrentlyUL = isElementActive(editor, 'ul')\n\n        if (isCurrentlyOL || isCurrentlyUL) {\n          // Get the path of the first selected li -\n          // Multiple lis could be selected\n          // and the selection may start in the middle of the first li\n          const [[, firstSelectedLIPath]] = Array.from(\n            Editor.nodes(editor, {\n              match: (node) => Element.isElement(node) && node.type === 'li',\n              mode: 'lowest',\n            }),\n          )\n\n          // Is the first selected li the first in its list?\n          const hasPrecedingLI = firstSelectedLIPath[firstSelectedLIPath.length - 1] > 0\n\n          // If the first selected li is NOT the first in its list,\n          // we need to inject it into the prior li\n          if (hasPrecedingLI) {\n            const [, precedingLIPath] = Editor.previous(editor, {\n              at: firstSelectedLIPath,\n            })\n\n            const [precedingLIChildren] = Editor.node(editor, [...precedingLIPath, 0])\n            const precedingLIChildrenIsText = Text.isText(precedingLIChildren)\n\n            if (precedingLIChildrenIsText) {\n              // Wrap the prior li text content so that it can be nested next to a list\n              Transforms.wrapNodes(editor, { children: [] }, { at: [...precedingLIPath, 0] })\n            }\n\n            // Move the selected lis after the prior li contents\n            Transforms.moveNodes(editor, {\n              match: (node) => Element.isElement(node) && node.type === 'li',\n              mode: 'lowest',\n              to: [...precedingLIPath, 1],\n            })\n\n            // Wrap the selected lis in a new list\n            Transforms.wrapNodes(\n              editor,\n              {\n                type: isCurrentlyOL ? 'ol' : 'ul',\n                children: [],\n              },\n              {\n                match: (node) => Element.isElement(node) && node.type === 'li',\n                mode: 'lowest',\n              },\n            )\n          } else {\n            // Otherwise, just wrap the node in a list / li\n            Transforms.wrapNodes(\n              editor,\n              {\n                type: isCurrentlyOL ? 'ol' : 'ul',\n                children: [{ type: 'li', children: [] }],\n              },\n              {\n                match: (node) => Element.isElement(node) && node.type === 'li',\n                mode: 'lowest',\n              },\n            )\n          }\n        } else {\n          Transforms.wrapNodes(editor, { type: indentType, children: [] })\n        }\n      }\n\n      ReactEditor.focus(editor)\n    },\n    [editor],\n  )\n\n  const canDeIndent = isElementActive(editor, 'li') || isElementActive(editor, indentType)\n\n  return (\n    <React.Fragment>\n      <button\n        className={[baseClass, !canDeIndent && `${baseClass}--disabled`].filter(Boolean).join(' ')}\n        onClick={canDeIndent ? (e) => handleIndent(e, 'left') : undefined}\n        type=\"button\"\n      >\n        <IndentLeft />\n      </button>\n      <button className={baseClass} onClick={(e) => handleIndent(e, 'right')} type=\"button\">\n        <IndentRight />\n      </button>\n    </React.Fragment>\n  )\n}\n"],"names":["React","useCallback","Editor","Element","Text","Transforms","ReactEditor","useSlate","IndentLeft","IndentRight","baseClass","getCommonBlock","isElementActive","isBlockElement","listTypes","unwrapList","indentType","IndentButton","editor","handleIndent","e","dir","preventDefault","listPath","n","isElement","includes","type","matchedParentList","above","at","match","isEditor","parentListItem","parentListItemPath","children","length","unwrapNodes","node","path","matches","setNodes","newParentNode","liftNodes","mode","split","isCurrentlyOL","isCurrentlyUL","firstSelectedLIPath","Array","from","nodes","hasPrecedingLI","precedingLIPath","previous","precedingLIChildren","precedingLIChildrenIsText","isText","wrapNodes","moveNodes","to","focus","canDeIndent","Fragment","button","className","filter","Boolean","join","onClick","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/field/elements/indent/Button.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\nimport { Editor, Element, Text, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { ElementNode } from '../../../types.js'\n\nimport { IndentLeft } from '../../icons/IndentLeft/index.js'\nimport { IndentRight } from '../../icons/IndentRight/index.js'\nimport { baseClass } from '../Button.js'\nimport { getCommonBlock } from '../getCommonBlock.js'\nimport { isElementActive } from '../isActive.js'\nimport { isBlockElement } from '../isBlockElement.js'\nimport { listTypes } from '../listTypes.js'\nimport { unwrapList } from '../unwrapList.js'\nimport { indentType } from './shared.js'\n\nexport const IndentButton: React.FC = () => {\n  const editor = useSlate()\n  const handleIndent = useCallback(\n    (e, dir) => {\n      e.preventDefault()\n\n      if (dir === 'left') {\n        if (isElementActive(editor, 'li')) {\n          const [, listPath] = getCommonBlock(\n            editor,\n            (n) => Element.isElement(n) && listTypes.includes(n.type),\n          )\n\n          const matchedParentList = Editor.above(editor, {\n            at: listPath,\n            match: (n: ElementNode) => !Editor.isEditor(n) && isBlockElement(editor, n),\n          })\n\n          if (matchedParentList) {\n            const [parentListItem, parentListItemPath] = matchedParentList\n\n            if (parentListItem.children.length > 1) {\n              // Remove nested list\n              Transforms.unwrapNodes(editor, {\n                at: parentListItemPath,\n                match: (node, path) => {\n                  const matches =\n                    !Editor.isEditor(node) &&\n                    Element.isElement(node) &&\n                    listTypes.includes(node.type) &&\n                    path.length === parentListItemPath.length + 1\n\n                  return matches\n                },\n              })\n\n              // Set li type on any children that don't have a type\n              Transforms.setNodes(\n                editor,\n                { type: 'li' },\n                {\n                  at: parentListItemPath,\n                  match: (node, path) => {\n                    const matches =\n                      !Editor.isEditor(node) &&\n                      Element.isElement(node) &&\n                      node.type !== 'li' &&\n                      path.length === parentListItemPath.length + 1\n\n                    return matches\n                  },\n                },\n              )\n\n              // Parent list item path has changed at this point\n              // so we need to re-fetch the parent node\n              const [newParentNode] = Editor.node(editor, parentListItemPath)\n\n              // If the parent node is an li,\n              // lift all li nodes within\n              if (Element.isElement(newParentNode) && newParentNode.type === 'li') {\n                // Lift the nested lis\n                Transforms.liftNodes(editor, {\n                  at: parentListItemPath,\n                  match: (node, path) => {\n                    const matches =\n                      !Editor.isEditor(node) &&\n                      Element.isElement(node) &&\n                      path.length === parentListItemPath.length + 1 &&\n                      node.type === 'li'\n\n                    return matches\n                  },\n                })\n              }\n            } else {\n              Transforms.unwrapNodes(editor, {\n                at: parentListItemPath,\n                match: (node, path) => {\n                  return (\n                    Element.isElement(node) &&\n                    node.type === 'li' &&\n                    path.length === parentListItemPath.length\n                  )\n                },\n              })\n\n              Transforms.unwrapNodes(editor, {\n                match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n              })\n            }\n          } else {\n            unwrapList(editor, listPath)\n          }\n        } else {\n          Transforms.unwrapNodes(editor, {\n            match: (n) => Element.isElement(n) && n.type === indentType,\n            mode: 'lowest',\n            split: true,\n          })\n        }\n      }\n\n      if (dir === 'right') {\n        const isCurrentlyOL = isElementActive(editor, 'ol')\n        const isCurrentlyUL = isElementActive(editor, 'ul')\n\n        if (isCurrentlyOL || isCurrentlyUL) {\n          // Get the path of the first selected li -\n          // Multiple lis could be selected\n          // and the selection may start in the middle of the first li\n          const [[, firstSelectedLIPath]] = Array.from(\n            Editor.nodes(editor, {\n              match: (node) => Element.isElement(node) && node.type === 'li',\n              mode: 'lowest',\n            }),\n          )\n\n          // Is the first selected li the first in its list?\n          const hasPrecedingLI = firstSelectedLIPath[firstSelectedLIPath.length - 1] > 0\n\n          // If the first selected li is NOT the first in its list,\n          // we need to inject it into the prior li\n          if (hasPrecedingLI) {\n            const [, precedingLIPath] = Editor.previous(editor, {\n              at: firstSelectedLIPath,\n            })\n\n            const [precedingLIChildren] = Editor.node(editor, [...precedingLIPath, 0])\n            const precedingLIChildrenIsText = Text.isText(precedingLIChildren)\n\n            if (precedingLIChildrenIsText) {\n              // Wrap the prior li text content so that it can be nested next to a list\n              Transforms.wrapNodes(editor, { children: [] }, { at: [...precedingLIPath, 0] })\n            }\n\n            // Move the selected lis after the prior li contents\n            Transforms.moveNodes(editor, {\n              match: (node) => Element.isElement(node) && node.type === 'li',\n              mode: 'lowest',\n              to: [...precedingLIPath, 1],\n            })\n\n            // Wrap the selected lis in a new list\n            Transforms.wrapNodes(\n              editor,\n              {\n                type: isCurrentlyOL ? 'ol' : 'ul',\n                children: [],\n              },\n              {\n                match: (node) => Element.isElement(node) && node.type === 'li',\n                mode: 'lowest',\n              },\n            )\n          } else {\n            // Otherwise, just wrap the node in a list / li\n            Transforms.wrapNodes(\n              editor,\n              {\n                type: isCurrentlyOL ? 'ol' : 'ul',\n                children: [{ type: 'li', children: [] }],\n              },\n              {\n                match: (node) => Element.isElement(node) && node.type === 'li',\n                mode: 'lowest',\n              },\n            )\n          }\n        } else {\n          Transforms.wrapNodes(editor, { type: indentType, children: [] })\n        }\n      }\n\n      ReactEditor.focus(editor)\n    },\n    [editor],\n  )\n\n  const canDeIndent = isElementActive(editor, 'li') || isElementActive(editor, indentType)\n\n  return (\n    <React.Fragment>\n      <button\n        className={[baseClass, !canDeIndent && `${baseClass}--disabled`].filter(Boolean).join(' ')}\n        onClick={canDeIndent ? (e) => handleIndent(e, 'left') : undefined}\n        type=\"button\"\n      >\n        <IndentLeft />\n      </button>\n      <button className={baseClass} onClick={(e) => handleIndent(e, 'right')} type=\"button\">\n        <IndentRight />\n      </button>\n    </React.Fragment>\n  )\n}\n"],"names":["React","useCallback","Editor","Element","Text","Transforms","ReactEditor","useSlate","IndentLeft","IndentRight","baseClass","getCommonBlock","isElementActive","isBlockElement","listTypes","unwrapList","indentType","IndentButton","editor","handleIndent","e","dir","preventDefault","listPath","n","isElement","includes","type","matchedParentList","above","at","match","isEditor","parentListItem","parentListItemPath","children","length","unwrapNodes","node","path","matches","setNodes","newParentNode","liftNodes","mode","split","isCurrentlyOL","isCurrentlyUL","firstSelectedLIPath","Array","from","nodes","hasPrecedingLI","precedingLIPath","previous","precedingLIChildren","precedingLIChildrenIsText","isText","wrapNodes","moveNodes","to","focus","canDeIndent","Fragment","button","className","filter","Boolean","join","onClick","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/field/elements/isBlockElement.d.ts

@@ -1,9 +1,9 @@
-import { Editor } from 'slate';
+import { Editor, Element } from 'slate';
 /**
  * Returns true, if the provided node is a Block Element.
  * Note: Using Editor.isBlock() is not sufficient, as since slate 0.90 it returns `true` for Text nodes and the editor as well.
  *
  * Related Issue: https://github.com/ianstormtaylor/slate/issues/5287
  */
-export declare const isBlockElement: (editor: Editor, node: any) => node is import("../../types.js").ElementNode;
+export declare const isBlockElement: (editor: Editor, node: any) => node is Element;
 //# sourceMappingURL=isBlockElement.d.ts.map

package/dist/field/elements/isBlockElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isBlockElement.d.ts","sourceRoot":"","sources":["../../../src/field/elements/isBlockElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAW,MAAM,OAAO,CAAA;AAkBvC;;;;;GAKG;AAEH,eAAO,MAAM,cAAc,WAAY,MAAM,QAAQ,GAAG,iDACP,CAAA"}
+{"version":3,"file":"isBlockElement.d.ts","sourceRoot":"","sources":["../../../src/field/elements/isBlockElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAkBvC;;;;;GAKG;AAEH,eAAO,MAAM,cAAc,WAAY,MAAM,QAAQ,GAAG,KAAG,IAAI,IAAI,OAClB,CAAA"}

package/dist/field/elements/link/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Button/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAkDjD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAgE9B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Button/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAkDjD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EA8D9B,CAAA"}

package/dist/field/elements/link/Button/index.js

@@ -1,12 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as facelessUIImport from '@faceless-ui/modal';
-import { useDrawerSlug } from '@payloadcms/ui/elements/Drawer';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { getFormState } from '@payloadcms/ui/utilities/getFormState';
-import { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues';
+import { useConfig, useDrawerSlug, useFieldProps, useModal, useTranslation } from '@payloadcms/ui';
+import { getFormState, reduceFieldsToValues } from '@payloadcms/ui/shared';
 import React, { Fragment, useState } from 'react';
 import { Editor, Range, Transforms } from 'slate';
 import { ReactEditor, useSlate } from 'slate-react';
@@ -65,7 +60,6 @@ import { unwrapLink } from '../utilities.js';
     ReactEditor.focus(editor);
 };
 export const LinkButton = ()=>{
-    const { useModal } = facelessUIImport;
     const { fieldProps } = useElementButton();
     const [initialState, setInitialState] = useState({});
     const { t } = useTranslation();

package/dist/field/elements/link/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/link/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { useDrawerSlug } from '@payloadcms/ui/elements/Drawer'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { getFormState } from '@payloadcms/ui/utilities/getFormState'\nimport { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues'\nimport React, { Fragment, useState } from 'react'\nimport { Editor, Range, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport { LinkIcon } from '../../../icons/Link/index.js'\nimport { useElementButton } from '../../../providers/ElementButtonProvider.js'\nimport { ElementButton } from '../../Button.js'\nimport { isElementActive } from '../../isActive.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\n\n/**\n * This function is called when a new link is created - not when an existing link is edited.\n */\nconst insertLink = (editor, fields) => {\n  const isCollapsed = editor.selection && Range.isCollapsed(editor.selection)\n  const data = reduceFieldsToValues(fields, true)\n\n  const newLink = {\n    type: 'link',\n    children: [],\n    doc: data.doc,\n    fields: data.fields, // Any custom user-added fields are part of data.fields\n    linkType: data.linkType,\n    newTab: data.newTab,\n    url: data.url,\n  }\n\n  if (isCollapsed || !editor.selection) {\n    // If selection anchor and focus are the same,\n    // Just inject a new node with children already set\n    Transforms.insertNodes(editor, {\n      ...newLink,\n      children: [{ text: String(data.text) }],\n    })\n  } else if (editor.selection) {\n    // Otherwise we need to wrap the selected node in a link,\n    // Delete its old text,\n    // Move the selection one position forward into the link,\n    // And insert the text back into the new link\n    Transforms.wrapNodes(editor, newLink, { split: true })\n    Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'word' })\n    Transforms.move(editor, { distance: 1, unit: 'offset' })\n    Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n  }\n\n  ReactEditor.focus(editor)\n}\n\nexport const LinkButton: React.FC = () => {\n  const { useModal } = facelessUIImport\n\n  const { fieldProps } = useElementButton()\n  const [initialState, setInitialState] = useState<FormState>({})\n\n  const { t } = useTranslation()\n  const editor = useSlate()\n  const config = useConfig()\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('rich-text-link')\n  const { schemaPath } = useFieldProps()\n\n  const { richTextComponentMap } = fieldProps\n\n  const fieldMap = richTextComponentMap.get(linkFieldsSchemaPath)\n\n  return (\n    <Fragment>\n      <ElementButton\n        className=\"link\"\n        format=\"link\"\n        onClick={async () => {\n          if (isElementActive(editor, 'link')) {\n            unwrapLink(editor)\n          } else {\n            openModal(drawerSlug)\n            const isCollapsed = editor.selection && Range.isCollapsed(editor.selection)\n            if (!isCollapsed) {\n              const data = {\n                text: editor.selection ? Editor.string(editor, editor.selection) : '',\n              }\n              const state = await getFormState({\n                apiRoute: config.routes.api,\n                body: {\n                  data,\n                  operation: 'update',\n                  schemaPath: `${schemaPath}.${linkFieldsSchemaPath}`,\n                },\n                serverURL: config.serverURL,\n              })\n              setInitialState(state)\n            }\n          }\n        }}\n        tooltip={t('fields:addLink')}\n      >\n        <LinkIcon />\n      </ElementButton>\n      <LinkDrawer\n        drawerSlug={drawerSlug}\n        fieldMap={Array.isArray(fieldMap) ? fieldMap : []}\n        handleClose={() => {\n          closeModal(drawerSlug)\n        }}\n        handleModalSubmit={(fields) => {\n          insertLink(editor, fields)\n          closeModal(drawerSlug)\n        }}\n        initialState={initialState}\n      />\n    </Fragment>\n  )\n}\n"],"names":["facelessUIImport","useDrawerSlug","useFieldProps","useConfig","useTranslation","getFormState","reduceFieldsToValues","React","Fragment","useState","Editor","Range","Transforms","ReactEditor","useSlate","LinkIcon","useElementButton","ElementButton","isElementActive","LinkDrawer","linkFieldsSchemaPath","unwrapLink","insertLink","editor","fields","isCollapsed","selection","data","newLink","type","children","doc","linkType","newTab","url","insertNodes","text","String","wrapNodes","split","delete","at","focus","path","unit","move","distance","insertText","LinkButton","useModal","fieldProps","initialState","setInitialState","t","config","closeModal","openModal","drawerSlug","schemaPath","richTextComponentMap","fieldMap","get","className","format","onClick","string","state","apiRoute","routes","api","body","operation","serverURL","tooltip","Array","isArray","handleClose","handleModalSubmit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../src/field/elements/link/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState } from 'payload'\n\nimport { useConfig, useDrawerSlug, useFieldProps, useModal, useTranslation } from '@payloadcms/ui'\nimport { getFormState, reduceFieldsToValues } from '@payloadcms/ui/shared'\nimport React, { Fragment, useState } from 'react'\nimport { Editor, Range, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport { LinkIcon } from '../../../icons/Link/index.js'\nimport { useElementButton } from '../../../providers/ElementButtonProvider.js'\nimport { ElementButton } from '../../Button.js'\nimport { isElementActive } from '../../isActive.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\n\n/**\n * This function is called when a new link is created - not when an existing link is edited.\n */\nconst insertLink = (editor, fields) => {\n  const isCollapsed = editor.selection && Range.isCollapsed(editor.selection)\n  const data = reduceFieldsToValues(fields, true)\n\n  const newLink = {\n    type: 'link',\n    children: [],\n    doc: data.doc,\n    fields: data.fields, // Any custom user-added fields are part of data.fields\n    linkType: data.linkType,\n    newTab: data.newTab,\n    url: data.url,\n  }\n\n  if (isCollapsed || !editor.selection) {\n    // If selection anchor and focus are the same,\n    // Just inject a new node with children already set\n    Transforms.insertNodes(editor, {\n      ...newLink,\n      children: [{ text: String(data.text) }],\n    })\n  } else if (editor.selection) {\n    // Otherwise we need to wrap the selected node in a link,\n    // Delete its old text,\n    // Move the selection one position forward into the link,\n    // And insert the text back into the new link\n    Transforms.wrapNodes(editor, newLink, { split: true })\n    Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'word' })\n    Transforms.move(editor, { distance: 1, unit: 'offset' })\n    Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n  }\n\n  ReactEditor.focus(editor)\n}\n\nexport const LinkButton: React.FC = () => {\n  const { fieldProps } = useElementButton()\n  const [initialState, setInitialState] = useState<FormState>({})\n\n  const { t } = useTranslation()\n  const editor = useSlate()\n  const config = useConfig()\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('rich-text-link')\n  const { schemaPath } = useFieldProps()\n\n  const { richTextComponentMap } = fieldProps\n\n  const fieldMap = richTextComponentMap.get(linkFieldsSchemaPath)\n\n  return (\n    <Fragment>\n      <ElementButton\n        className=\"link\"\n        format=\"link\"\n        onClick={async () => {\n          if (isElementActive(editor, 'link')) {\n            unwrapLink(editor)\n          } else {\n            openModal(drawerSlug)\n            const isCollapsed = editor.selection && Range.isCollapsed(editor.selection)\n            if (!isCollapsed) {\n              const data = {\n                text: editor.selection ? Editor.string(editor, editor.selection) : '',\n              }\n              const state = await getFormState({\n                apiRoute: config.routes.api,\n                body: {\n                  data,\n                  operation: 'update',\n                  schemaPath: `${schemaPath}.${linkFieldsSchemaPath}`,\n                },\n                serverURL: config.serverURL,\n              })\n              setInitialState(state)\n            }\n          }\n        }}\n        tooltip={t('fields:addLink')}\n      >\n        <LinkIcon />\n      </ElementButton>\n      <LinkDrawer\n        drawerSlug={drawerSlug}\n        fieldMap={Array.isArray(fieldMap) ? fieldMap : []}\n        handleClose={() => {\n          closeModal(drawerSlug)\n        }}\n        handleModalSubmit={(fields) => {\n          insertLink(editor, fields)\n          closeModal(drawerSlug)\n        }}\n        initialState={initialState}\n      />\n    </Fragment>\n  )\n}\n"],"names":["useConfig","useDrawerSlug","useFieldProps","useModal","useTranslation","getFormState","reduceFieldsToValues","React","Fragment","useState","Editor","Range","Transforms","ReactEditor","useSlate","LinkIcon","useElementButton","ElementButton","isElementActive","LinkDrawer","linkFieldsSchemaPath","unwrapLink","insertLink","editor","fields","isCollapsed","selection","data","newLink","type","children","doc","linkType","newTab","url","insertNodes","text","String","wrapNodes","split","delete","at","focus","path","unit","move","distance","insertText","LinkButton","fieldProps","initialState","setInitialState","t","config","closeModal","openModal","drawerSlug","schemaPath","richTextComponentMap","fieldMap","get","className","format","onClick","string","state","apiRoute","routes","api","body","operation","serverURL","tooltip","Array","isArray","handleClose","handleModalSubmit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/field/elements/link/Element/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Element/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,cAAc,CAAA;AA+BrB,eAAO,MAAM,WAAW,+CAqKvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/Element/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,cAAc,CAAA;AA+BrB,eAAO,MAAM,WAAW,+CAoKvB,CAAA"}

package/dist/field/elements/link/Element/index.js

@@ -1,19 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as facelessUIImport from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
-import { Button } from '@payloadcms/ui/elements/Button';
-import { useDrawerSlug } from '@payloadcms/ui/elements/Drawer';
-import { Popup } from '@payloadcms/ui/elements/Popup';
-import { Translation } from '@payloadcms/ui/elements/Translation';
-import { useAuth } from '@payloadcms/ui/providers/Auth';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { getFormState } from '@payloadcms/ui/utilities/getFormState';
-import { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues';
-import { deepCopyObject } from 'payload/utilities';
+import { Button, Popup, Translation, useAuth, useConfig, useDocumentInfo, useDrawerSlug, useLocale, useModal, useTranslation } from '@payloadcms/ui';
+import { getFormState, reduceFieldsToValues } from '@payloadcms/ui/shared';
+import { deepCopyObject } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
 import { Editor, Node, Transforms } from 'slate';
 import { ReactEditor, useSlate } from 'slate-react';
@@ -54,7 +44,6 @@ const baseClass = 'rich-text-link';
 };
 export const LinkElement = ()=>{
     const { attributes, children, editorRef, element, fieldProps, schemaPath } = useElement();
-    const { useModal } = facelessUIImport;
     const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`;
     const { richTextComponentMap } = fieldProps;
     const fieldMap = richTextComponentMap.get(linkFieldsSchemaPath);

package/dist/field/elements/link/Element/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/link/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormState } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { useDrawerSlug } from '@payloadcms/ui/elements/Drawer'\nimport { Popup } from '@payloadcms/ui/elements/Popup'\nimport { Translation } from '@payloadcms/ui/elements/Translation'\nimport { useAuth } from '@payloadcms/ui/providers/Auth'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { getFormState } from '@payloadcms/ui/utilities/getFormState'\nimport { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues'\nimport { deepCopyObject } from 'payload/utilities'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Editor, Node, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { LinkElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link'\n\n/**\n * This function is called when an existing link is edited.\n * When a link is first created, another function is called: {@link ../Button/index.tsx#insertLink}\n */\nconst insertChange = (editor, fields) => {\n  const data = reduceFieldsToValues(fields, true)\n\n  const [, parentPath] = Editor.above(editor)\n\n  const newNode: Record<string, unknown> = {\n    doc: data.doc,\n    linkType: data.linkType,\n    newTab: data.newTab,\n    url: data.url,\n  }\n\n  if (data.fields) newNode.fields = data.fields\n\n  Transforms.setNodes(editor, newNode, { at: parentPath })\n\n  Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' })\n  Transforms.move(editor, { distance: 1, unit: 'offset' })\n  Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n\n  ReactEditor.focus(editor)\n}\n\nexport const LinkElement = () => {\n  const { attributes, children, editorRef, element, fieldProps, schemaPath } =\n    useElement<LinkElementType>()\n  const { useModal } = facelessUIImport\n\n  const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n  const { richTextComponentMap } = fieldProps\n  const fieldMap = richTextComponentMap.get(linkFieldsSchemaPath)\n\n  const editor = useSlate()\n  const config = useConfig()\n  const { user } = useAuth()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal, toggleModal } = useModal()\n  const [renderModal, setRenderModal] = useState(false)\n  const [renderPopup, setRenderPopup] = useState(false)\n  const [initialState, setInitialState] = useState<FormState>({})\n  const { id, collectionSlug } = useDocumentInfo()\n\n  const drawerSlug = useDrawerSlug('rich-text-link')\n\n  const handleTogglePopup = useCallback((render) => {\n    if (!render) {\n      setRenderPopup(render)\n    }\n  }, [])\n\n  useEffect(() => {\n    const awaitInitialState = async () => {\n      const data = {\n        doc: element.doc,\n        fields: deepCopyObject(element.fields),\n        linkType: element.linkType,\n        newTab: element.newTab,\n        text: Node.string(element),\n        url: element.url,\n      }\n\n      const state = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          data,\n          operation: 'update',\n          schemaPath: fieldMapPath,\n        },\n        serverURL: config.serverURL,\n      })\n\n      setInitialState(state)\n    }\n\n    if (renderModal) {\n      void awaitInitialState()\n    }\n  }, [renderModal, element, user, locale, t, collectionSlug, config, id, fieldMapPath])\n\n  return (\n    <span className={baseClass} {...attributes}>\n      <span contentEditable={false} style={{ userSelect: 'none' }}>\n        {renderModal && (\n          <LinkDrawer\n            drawerSlug={drawerSlug}\n            fieldMap={Array.isArray(fieldMap) ? fieldMap : []}\n            handleClose={() => {\n              toggleModal(drawerSlug)\n              setRenderModal(false)\n            }}\n            handleModalSubmit={(fields) => {\n              insertChange(editor, fields)\n              closeModal(drawerSlug)\n              setRenderModal(false)\n            }}\n            initialState={initialState}\n          />\n        )}\n        <Popup\n          boundingRef={editorRef}\n          buttonType=\"none\"\n          forceOpen={renderPopup}\n          horizontalAlign=\"left\"\n          onToggleOpen={handleTogglePopup}\n          render={() => (\n            <div className={`${baseClass}__popup`}>\n              {element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && (\n                <Translation\n                  elements={{\n                    '0': ({ children }) => (\n                      <a\n                        className={`${baseClass}__link-label`}\n                        href={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                        title={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n                      >\n                        {children}\n                      </a>\n                    ),\n                  }}\n                  i18nKey=\"fields:linkedTo\"\n                  t={t}\n                  variables={{\n                    label: getTranslation(\n                      config.collections.find(({ slug }) => slug === element.doc.relationTo)?.labels\n                        ?.singular,\n                      i18n,\n                    ),\n                  }}\n                />\n              )}\n              {(element.linkType === 'custom' || !element.linkType) && (\n                <a\n                  className={`${baseClass}__link-label`}\n                  href={element.url}\n                  rel=\"noreferrer\"\n                  target=\"_blank\"\n                  title={element.url}\n                >\n                  {element.url}\n                </a>\n              )}\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__link-edit`}\n                icon=\"edit\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  setRenderPopup(false)\n                  openModal(drawerSlug)\n                  setRenderModal(true)\n                }}\n                round\n                tooltip={t('general:edit')}\n              />\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__link-close`}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  unwrapLink(editor)\n                }}\n                round\n                tooltip={t('general:remove')}\n              />\n            </div>\n          )}\n          size=\"fit-content\"\n          verticalAlign=\"bottom\"\n        />\n      </span>\n      <span\n        className={[`${baseClass}__popup-toggler`].filter(Boolean).join(' ')}\n        onClick={() => setRenderPopup(true)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') setRenderPopup(true)\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"names":["facelessUIImport","getTranslation","Button","useDrawerSlug","Popup","Translation","useAuth","useConfig","useDocumentInfo","useLocale","useTranslation","getFormState","reduceFieldsToValues","deepCopyObject","React","useCallback","useEffect","useState","Editor","Node","Transforms","ReactEditor","useSlate","useElement","LinkDrawer","linkFieldsSchemaPath","unwrapLink","baseClass","insertChange","editor","fields","data","parentPath","above","newNode","doc","linkType","newTab","url","setNodes","at","delete","selection","focus","path","unit","move","distance","insertText","String","text","LinkElement","attributes","children","editorRef","element","fieldProps","schemaPath","useModal","fieldMapPath","richTextComponentMap","fieldMap","get","config","user","code","locale","i18n","t","closeModal","openModal","toggleModal","renderModal","setRenderModal","renderPopup","setRenderPopup","initialState","setInitialState","id","collectionSlug","drawerSlug","handleTogglePopup","render","awaitInitialState","string","state","apiRoute","routes","api","body","operation","serverURL","span","className","contentEditable","style","userSelect","Array","isArray","handleClose","handleModalSubmit","boundingRef","buttonType","forceOpen","horizontalAlign","onToggleOpen","div","relationTo","value","elements","a","href","admin","rel","target","title","i18nKey","variables","label","collections","find","slug","labels","singular","buttonStyle","icon","onClick","e","preventDefault","round","tooltip","size","verticalAlign","filter","Boolean","join","onKeyDown","key","role","tabIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,YAAYA,sBAAsB,qBAAoB;AACtD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,KAAK,QAAQ,gCAA+B;AACrD,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,oBAAoB,QAAQ,gDAA+C;AACpF,SAASC,cAAc,QAAQ,oBAAmB;AAClD,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC/D,SAASC,MAAM,EAAEC,IAAI,EAAEC,UAAU,QAAQ,QAAO;AAChD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,cAAa;AAInD,SAASC,UAAU,QAAQ,wCAAuC;AAClE,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,oBAAoB,QAAQ,eAAc;AACnD,SAASC,UAAU,QAAQ,kBAAiB;AAC5C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB;;;CAGC,GACD,MAAMC,eAAe,CAACC,QAAQC;IAC5B,MAAMC,OAAOnB,qBAAqBkB,QAAQ;IAE1C,MAAM,GAAGE,WAAW,GAAGd,OAAOe,KAAK,CAACJ;IAEpC,MAAMK,UAAmC;QACvCC,KAAKJ,KAAKI,GAAG;QACbC,UAAUL,KAAKK,QAAQ;QACvBC,QAAQN,KAAKM,MAAM;QACnBC,KAAKP,KAAKO,GAAG;IACf;IAEA,IAAIP,KAAKD,MAAM,EAAEI,QAAQJ,MAAM,GAAGC,KAAKD,MAAM;IAE7CV,WAAWmB,QAAQ,CAACV,QAAQK,SAAS;QAAEM,IAAIR;IAAW;IAEtDZ,WAAWqB,MAAM,CAACZ,QAAQ;QAAEW,IAAIX,OAAOa,SAAS,CAACC,KAAK,CAACC,IAAI;QAAEC,MAAM;IAAQ;IAC3EzB,WAAW0B,IAAI,CAACjB,QAAQ;QAAEkB,UAAU;QAAGF,MAAM;IAAS;IACtDzB,WAAW4B,UAAU,CAACnB,QAAQoB,OAAOlB,KAAKmB,IAAI,GAAG;QAAEV,IAAIX,OAAOa,SAAS,CAACC,KAAK,CAACC,IAAI;IAAC;IAEnFvB,YAAYsB,KAAK,CAACd;AACpB;AAEA,OAAO,MAAMsB,cAAc;IACzB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAEC,UAAU,EAAEC,UAAU,EAAE,GACxElC;IACF,MAAM,EAAEmC,QAAQ,EAAE,GAAG1D;IAErB,MAAM2D,eAAe,CAAC,EAAEF,WAAW,CAAC,EAAEhC,qBAAqB,CAAC;IAE5D,MAAM,EAAEmC,oBAAoB,EAAE,GAAGJ;IACjC,MAAMK,WAAWD,qBAAqBE,GAAG,CAACrC;IAE1C,MAAMI,SAASP;IACf,MAAMyC,SAASxD;IACf,MAAM,EAAEyD,IAAI,EAAE,GAAG1D;IACjB,MAAM,EAAE2D,MAAMC,MAAM,EAAE,GAAGzD;IACzB,MAAM,EAAE0D,IAAI,EAAEC,CAAC,EAAE,GAAG1D;IACpB,MAAM,EAAE2D,UAAU,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAGb;IAC/C,MAAM,CAACc,aAAaC,eAAe,GAAGxD,SAAS;IAC/C,MAAM,CAACyD,aAAaC,eAAe,GAAG1D,SAAS;IAC/C,MAAM,CAAC2D,cAAcC,gBAAgB,GAAG5D,SAAoB,CAAC;IAC7D,MAAM,EAAE6D,EAAE,EAAEC,cAAc,EAAE,GAAGvE;IAE/B,MAAMwE,aAAa7E,cAAc;IAEjC,MAAM8E,oBAAoBlE,YAAY,CAACmE;QACrC,IAAI,CAACA,QAAQ;YACXP,eAAeO;QACjB;IACF,GAAG,EAAE;IAELlE,UAAU;QACR,MAAMmE,oBAAoB;YACxB,MAAMpD,OAAO;gBACXI,KAAKoB,QAAQpB,GAAG;gBAChBL,QAAQjB,eAAe0C,QAAQzB,MAAM;gBACrCM,UAAUmB,QAAQnB,QAAQ;gBAC1BC,QAAQkB,QAAQlB,MAAM;gBACtBa,MAAM/B,KAAKiE,MAAM,CAAC7B;gBAClBjB,KAAKiB,QAAQjB,GAAG;YAClB;YAEA,MAAM+C,QAAQ,MAAM1E,aAAa;gBAC/B2E,UAAUvB,OAAOwB,MAAM,CAACC,GAAG;gBAC3BC,MAAM;oBACJ1D;oBACA2D,WAAW;oBACXjC,YAAYE;gBACd;gBACAgC,WAAW5B,OAAO4B,SAAS;YAC7B;YAEAd,gBAAgBQ;QAClB;QAEA,IAAIb,aAAa;YACf,KAAKW;QACP;IACF,GAAG;QAACX;QAAajB;QAASS;QAAME;QAAQE;QAAGW;QAAgBhB;QAAQe;QAAInB;KAAa;IAEpF,qBACE,MAACiC;QAAKC,WAAWlE;QAAY,GAAGyB,UAAU;;0BACxC,MAACwC;gBAAKE,iBAAiB;gBAAOC,OAAO;oBAAEC,YAAY;gBAAO;;oBACvDxB,6BACC,KAAChD;wBACCwD,YAAYA;wBACZnB,UAAUoC,MAAMC,OAAO,CAACrC,YAAYA,WAAW,EAAE;wBACjDsC,aAAa;4BACX5B,YAAYS;4BACZP,eAAe;wBACjB;wBACA2B,mBAAmB,CAACtE;4BAClBF,aAAaC,QAAQC;4BACrBuC,WAAWW;4BACXP,eAAe;wBACjB;wBACAG,cAAcA;;kCAGlB,KAACxE;wBACCiG,aAAa/C;wBACbgD,YAAW;wBACXC,WAAW7B;wBACX8B,iBAAgB;wBAChBC,cAAcxB;wBACdC,QAAQ,kBACN,MAACwB;gCAAIb,WAAW,CAAC,EAAElE,UAAU,OAAO,CAAC;;oCAClC4B,QAAQnB,QAAQ,KAAK,cAAcmB,QAAQpB,GAAG,EAAEwE,cAAcpD,QAAQpB,GAAG,EAAEyE,uBAC1E,KAACvG;wCACCwG,UAAU;4CACR,KAAK,CAAC,EAAExD,QAAQ,EAAE,iBAChB,KAACyD;oDACCjB,WAAW,CAAC,EAAElE,UAAU,YAAY,CAAC;oDACrCoF,MAAM,CAAC,EAAEhD,OAAOwB,MAAM,CAACyB,KAAK,CAAC,aAAa,EAAEzD,QAAQpB,GAAG,CAACwE,UAAU,CAAC,CAAC,EAAEpD,QAAQpB,GAAG,CAACyE,KAAK,CAAC,CAAC;oDACzFK,KAAI;oDACJC,QAAO;oDACPC,OAAO,CAAC,EAAEpD,OAAOwB,MAAM,CAACyB,KAAK,CAAC,aAAa,EAAEzD,QAAQpB,GAAG,CAACwE,UAAU,CAAC,CAAC,EAAEpD,QAAQpB,GAAG,CAACyE,KAAK,CAAC,CAAC;8DAEzFvD;;wCAGP;wCACA+D,SAAQ;wCACRhD,GAAGA;wCACHiD,WAAW;4CACTC,OAAOrH,eACL8D,OAAOwD,WAAW,CAACC,IAAI,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA,SAASlE,QAAQpB,GAAG,CAACwE,UAAU,GAAGe,QACpEC,UACJxD;wCAEJ;;oCAGFZ,CAAAA,QAAQnB,QAAQ,KAAK,YAAY,CAACmB,QAAQnB,QAAQ,AAAD,mBACjD,KAAC0E;wCACCjB,WAAW,CAAC,EAAElE,UAAU,YAAY,CAAC;wCACrCoF,MAAMxD,QAAQjB,GAAG;wCACjB2E,KAAI;wCACJC,QAAO;wCACPC,OAAO5D,QAAQjB,GAAG;kDAEjBiB,QAAQjB,GAAG;;kDAGhB,KAACpC;wCACC0H,aAAY;wCACZ/B,WAAW,CAAC,EAAElE,UAAU,WAAW,CAAC;wCACpCkG,MAAK;wCACLC,SAAS,CAACC;4CACRA,EAAEC,cAAc;4CAChBrD,eAAe;4CACfL,UAAUU;4CACVP,eAAe;wCACjB;wCACAwD,KAAK;wCACLC,SAAS9D,EAAE;;kDAEb,KAAClE;wCACC0H,aAAY;wCACZ/B,WAAW,CAAC,EAAElE,UAAU,YAAY,CAAC;wCACrCkG,MAAK;wCACLC,SAAS,CAACC;4CACRA,EAAEC,cAAc;4CAChBtG,WAAWG;wCACb;wCACAoG,KAAK;wCACLC,SAAS9D,EAAE;;;;wBAIjB+D,MAAK;wBACLC,eAAc;;;;0BAGlB,KAACxC;gBACCC,WAAW;oBAAC,CAAC,EAAElE,UAAU,eAAe,CAAC;iBAAC,CAAC0G,MAAM,CAACC,SAASC,IAAI,CAAC;gBAChET,SAAS,IAAMnD,eAAe;gBAC9B6D,WAAW,CAACT;oBACV,IAAIA,EAAEU,GAAG,KAAK,SAAS9D,eAAe;gBACxC;gBACA+D,MAAK;gBACLC,UAAU;0BAETtF;;;;AAIT,EAAC"}
+{"version":3,"sources":["../../../../../src/field/elements/link/Element/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  Popup,\n  Translation,\n  useAuth,\n  useConfig,\n  useDocumentInfo,\n  useDrawerSlug,\n  useLocale,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState, reduceFieldsToValues } from '@payloadcms/ui/shared'\nimport { deepCopyObject } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Editor, Node, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { LinkElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link'\n\n/**\n * This function is called when an existing link is edited.\n * When a link is first created, another function is called: {@link ../Button/index.tsx#insertLink}\n */\nconst insertChange = (editor, fields) => {\n  const data = reduceFieldsToValues(fields, true)\n\n  const [, parentPath] = Editor.above(editor)\n\n  const newNode: Record<string, unknown> = {\n    doc: data.doc,\n    linkType: data.linkType,\n    newTab: data.newTab,\n    url: data.url,\n  }\n\n  if (data.fields) newNode.fields = data.fields\n\n  Transforms.setNodes(editor, newNode, { at: parentPath })\n\n  Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' })\n  Transforms.move(editor, { distance: 1, unit: 'offset' })\n  Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n\n  ReactEditor.focus(editor)\n}\n\nexport const LinkElement = () => {\n  const { attributes, children, editorRef, element, fieldProps, schemaPath } =\n    useElement<LinkElementType>()\n\n  const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n  const { richTextComponentMap } = fieldProps\n  const fieldMap = richTextComponentMap.get(linkFieldsSchemaPath)\n\n  const editor = useSlate()\n  const config = useConfig()\n  const { user } = useAuth()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal, toggleModal } = useModal()\n  const [renderModal, setRenderModal] = useState(false)\n  const [renderPopup, setRenderPopup] = useState(false)\n  const [initialState, setInitialState] = useState<FormState>({})\n  const { id, collectionSlug } = useDocumentInfo()\n\n  const drawerSlug = useDrawerSlug('rich-text-link')\n\n  const handleTogglePopup = useCallback((render) => {\n    if (!render) {\n      setRenderPopup(render)\n    }\n  }, [])\n\n  useEffect(() => {\n    const awaitInitialState = async () => {\n      const data = {\n        doc: element.doc,\n        fields: deepCopyObject(element.fields),\n        linkType: element.linkType,\n        newTab: element.newTab,\n        text: Node.string(element),\n        url: element.url,\n      }\n\n      const state = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          data,\n          operation: 'update',\n          schemaPath: fieldMapPath,\n        },\n        serverURL: config.serverURL,\n      })\n\n      setInitialState(state)\n    }\n\n    if (renderModal) {\n      void awaitInitialState()\n    }\n  }, [renderModal, element, user, locale, t, collectionSlug, config, id, fieldMapPath])\n\n  return (\n    <span className={baseClass} {...attributes}>\n      <span contentEditable={false} style={{ userSelect: 'none' }}>\n        {renderModal && (\n          <LinkDrawer\n            drawerSlug={drawerSlug}\n            fieldMap={Array.isArray(fieldMap) ? fieldMap : []}\n            handleClose={() => {\n              toggleModal(drawerSlug)\n              setRenderModal(false)\n            }}\n            handleModalSubmit={(fields) => {\n              insertChange(editor, fields)\n              closeModal(drawerSlug)\n              setRenderModal(false)\n            }}\n            initialState={initialState}\n          />\n        )}\n        <Popup\n          boundingRef={editorRef}\n          buttonType=\"none\"\n          forceOpen={renderPopup}\n          horizontalAlign=\"left\"\n          onToggleOpen={handleTogglePopup}\n          render={() => (\n            <div className={`${baseClass}__popup`}>\n              {element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && (\n                <Translation\n                  elements={{\n                    '0': ({ children }) => (\n                      <a\n                        className={`${baseClass}__link-label`}\n                        href={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n                        rel=\"noreferrer\"\n                        target=\"_blank\"\n                        title={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n                      >\n                        {children}\n                      </a>\n                    ),\n                  }}\n                  i18nKey=\"fields:linkedTo\"\n                  t={t}\n                  variables={{\n                    label: getTranslation(\n                      config.collections.find(({ slug }) => slug === element.doc.relationTo)?.labels\n                        ?.singular,\n                      i18n,\n                    ),\n                  }}\n                />\n              )}\n              {(element.linkType === 'custom' || !element.linkType) && (\n                <a\n                  className={`${baseClass}__link-label`}\n                  href={element.url}\n                  rel=\"noreferrer\"\n                  target=\"_blank\"\n                  title={element.url}\n                >\n                  {element.url}\n                </a>\n              )}\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__link-edit`}\n                icon=\"edit\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  setRenderPopup(false)\n                  openModal(drawerSlug)\n                  setRenderModal(true)\n                }}\n                round\n                tooltip={t('general:edit')}\n              />\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__link-close`}\n                icon=\"x\"\n                onClick={(e) => {\n                  e.preventDefault()\n                  unwrapLink(editor)\n                }}\n                round\n                tooltip={t('general:remove')}\n              />\n            </div>\n          )}\n          size=\"fit-content\"\n          verticalAlign=\"bottom\"\n        />\n      </span>\n      <span\n        className={[`${baseClass}__popup-toggler`].filter(Boolean).join(' ')}\n        onClick={() => setRenderPopup(true)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') setRenderPopup(true)\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"names":["getTranslation","Button","Popup","Translation","useAuth","useConfig","useDocumentInfo","useDrawerSlug","useLocale","useModal","useTranslation","getFormState","reduceFieldsToValues","deepCopyObject","React","useCallback","useEffect","useState","Editor","Node","Transforms","ReactEditor","useSlate","useElement","LinkDrawer","linkFieldsSchemaPath","unwrapLink","baseClass","insertChange","editor","fields","data","parentPath","above","newNode","doc","linkType","newTab","url","setNodes","at","delete","selection","focus","path","unit","move","distance","insertText","String","text","LinkElement","attributes","children","editorRef","element","fieldProps","schemaPath","fieldMapPath","richTextComponentMap","fieldMap","get","config","user","code","locale","i18n","t","closeModal","openModal","toggleModal","renderModal","setRenderModal","renderPopup","setRenderPopup","initialState","setInitialState","id","collectionSlug","drawerSlug","handleTogglePopup","render","awaitInitialState","string","state","apiRoute","routes","api","body","operation","serverURL","span","className","contentEditable","style","userSelect","Array","isArray","handleClose","handleModalSubmit","boundingRef","buttonType","forceOpen","horizontalAlign","onToggleOpen","div","relationTo","value","elements","a","href","admin","rel","target","title","i18nKey","variables","label","collections","find","slug","labels","singular","buttonStyle","icon","onClick","e","preventDefault","round","tooltip","size","verticalAlign","filter","Boolean","join","onKeyDown","key","role","tabIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/field/elements/link/LinkDrawer/baseFields.d.ts

@@ -1,4 +1,3 @@
-import type { SanitizedConfig } from 'payload/config';
-import type { Field } from 'payload/types';
+import type { Field, SanitizedConfig } from 'payload';
 export declare const getBaseFields: (config: SanitizedConfig) => Field[];
 //# sourceMappingURL=baseFields.d.ts.map

package/dist/field/elements/link/LinkDrawer/baseFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"baseFields.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/baseFields.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,eAAO,MAAM,aAAa,WAAY,eAAe,KAAG,KAAK,EAmE5D,CAAA"}
+{"version":3,"file":"baseFields.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/baseFields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAQ,MAAM,SAAS,CAAA;AAE3D,eAAO,MAAM,aAAa,WAAY,eAAe,KAAG,KAAK,EAmE5D,CAAA"}

package/dist/field/elements/link/LinkDrawer/baseFields.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/baseFields.ts"],"sourcesContent":["import type { User } from 'payload/auth'\nimport type { SanitizedConfig } from 'payload/config'\nimport type { Field } from 'payload/types'\n\nexport const getBaseFields = (config: SanitizedConfig): Field[] => [\n  {\n    name: 'text',\n    type: 'text',\n    label: ({ t }) => t('fields:textToDisplay'),\n    required: true,\n  },\n  {\n    name: 'linkType',\n    type: 'radio',\n    admin: {\n      description: ({ t }) => t('fields:chooseBetweenCustomTextOrDocument'),\n    },\n    defaultValue: 'custom',\n    label: ({ t }) => t('fields:linkType'),\n    options: [\n      {\n        label: ({ t }) => t('fields:customURL'),\n        value: 'custom',\n      },\n      {\n        label: ({ t }) => t('fields:internalLink'),\n        value: 'internal',\n      },\n    ],\n    required: true,\n  },\n  {\n    name: 'url',\n    type: 'text',\n    admin: {\n      condition: ({ linkType }) => linkType !== 'internal',\n    },\n    label: ({ t }) => t('fields:enterURL'),\n    required: true,\n  },\n  {\n    name: 'doc',\n    admin: {\n      condition: ({ linkType }) => {\n        return linkType === 'internal'\n      },\n    },\n    // when admin.hidden is a function we need to dynamically call hidden with the user to know if the collection should be shown\n    type: 'relationship',\n    filterOptions: ({ relationTo, user }) => {\n      const hidden = config.collections.find(({ slug }) => slug === relationTo).admin.hidden\n      if (typeof hidden === 'function' && hidden({ user } as { user: User })) {\n        return false\n      }\n    },\n    label: ({ t }) => t('fields:chooseDocumentToLink'),\n    relationTo: config.collections\n      .filter(({ admin: { enableRichTextLink, hidden } }) => {\n        if (typeof hidden !== 'function' && hidden) {\n          return false\n        }\n        return enableRichTextLink\n      })\n      .map(({ slug }) => slug),\n    required: true,\n  },\n  {\n    name: 'newTab',\n    type: 'checkbox',\n    label: ({ t }) => t('fields:openInNewTab'),\n  },\n]\n"],"names":["getBaseFields","config","name","type","label","t","required","admin","description","defaultValue","options","value","condition","linkType","filterOptions","relationTo","user","hidden","collections","find","slug","filter","enableRichTextLink","map"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,OAAO,MAAMA,gBAAgB,CAACC,SAAqC;QACjE;YACEC,MAAM;YACNC,MAAM;YACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNI,OAAO;gBACLC,aAAa,CAAC,EAAEH,CAAC,EAAE,GAAKA,EAAE;YAC5B;YACAI,cAAc;YACdL,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBK,SAAS;gBACP;oBACEN,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;oBACpBM,OAAO;gBACT;gBACA;oBACEP,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;oBACpBM,OAAO;gBACT;aACD;YACDL,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNI,OAAO;gBACLK,WAAW,CAAC,EAAEC,QAAQ,EAAE,GAAKA,aAAa;YAC5C;YACAT,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNK,OAAO;gBACLK,WAAW,CAAC,EAAEC,QAAQ,EAAE;oBACtB,OAAOA,aAAa;gBACtB;YACF;YACA,6HAA6H;YAC7HV,MAAM;YACNW,eAAe,CAAC,EAAEC,UAAU,EAAEC,IAAI,EAAE;gBAClC,MAAMC,SAAShB,OAAOiB,WAAW,CAACC,IAAI,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA,SAASL,YAAYR,KAAK,CAACU,MAAM;gBACtF,IAAI,OAAOA,WAAW,cAAcA,OAAO;oBAAED;gBAAK,IAAsB;oBACtE,OAAO;gBACT;YACF;YACAZ,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBU,YAAYd,OAAOiB,WAAW,CAC3BG,MAAM,CAAC,CAAC,EAAEd,OAAO,EAAEe,kBAAkB,EAAEL,MAAM,EAAE,EAAE;gBAChD,IAAI,OAAOA,WAAW,cAAcA,QAAQ;oBAC1C,OAAO;gBACT;gBACA,OAAOK;YACT,GACCC,GAAG,CAAC,CAAC,EAAEH,IAAI,EAAE,GAAKA;YACrBd,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;QACtB;KACD,CAAA"}
+{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/baseFields.ts"],"sourcesContent":["import type { Field, SanitizedConfig, User } from 'payload'\n\nexport const getBaseFields = (config: SanitizedConfig): Field[] => [\n  {\n    name: 'text',\n    type: 'text',\n    label: ({ t }) => t('fields:textToDisplay'),\n    required: true,\n  },\n  {\n    name: 'linkType',\n    type: 'radio',\n    admin: {\n      description: ({ t }) => t('fields:chooseBetweenCustomTextOrDocument'),\n    },\n    defaultValue: 'custom',\n    label: ({ t }) => t('fields:linkType'),\n    options: [\n      {\n        label: ({ t }) => t('fields:customURL'),\n        value: 'custom',\n      },\n      {\n        label: ({ t }) => t('fields:internalLink'),\n        value: 'internal',\n      },\n    ],\n    required: true,\n  },\n  {\n    name: 'url',\n    type: 'text',\n    admin: {\n      condition: ({ linkType }) => linkType !== 'internal',\n    },\n    label: ({ t }) => t('fields:enterURL'),\n    required: true,\n  },\n  {\n    name: 'doc',\n    admin: {\n      condition: ({ linkType }) => {\n        return linkType === 'internal'\n      },\n    },\n    // when admin.hidden is a function we need to dynamically call hidden with the user to know if the collection should be shown\n    type: 'relationship',\n    filterOptions: ({ relationTo, user }) => {\n      const hidden = config.collections.find(({ slug }) => slug === relationTo).admin.hidden\n      if (typeof hidden === 'function' && hidden({ user } as { user: User })) {\n        return false\n      }\n    },\n    label: ({ t }) => t('fields:chooseDocumentToLink'),\n    relationTo: config.collections\n      .filter(({ admin: { enableRichTextLink, hidden } }) => {\n        if (typeof hidden !== 'function' && hidden) {\n          return false\n        }\n        return enableRichTextLink\n      })\n      .map(({ slug }) => slug),\n    required: true,\n  },\n  {\n    name: 'newTab',\n    type: 'checkbox',\n    label: ({ t }) => t('fields:openInNewTab'),\n  },\n]\n"],"names":["getBaseFields","config","name","type","label","t","required","admin","description","defaultValue","options","value","condition","linkType","filterOptions","relationTo","user","hidden","collections","find","slug","filter","enableRichTextLink","map"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAO,MAAMA,gBAAgB,CAACC,SAAqC;QACjE;YACEC,MAAM;YACNC,MAAM;YACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNI,OAAO;gBACLC,aAAa,CAAC,EAAEH,CAAC,EAAE,GAAKA,EAAE;YAC5B;YACAI,cAAc;YACdL,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBK,SAAS;gBACP;oBACEN,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;oBACpBM,OAAO;gBACT;gBACA;oBACEP,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;oBACpBM,OAAO;gBACT;aACD;YACDL,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNI,OAAO;gBACLK,WAAW,CAAC,EAAEC,QAAQ,EAAE,GAAKA,aAAa;YAC5C;YACAT,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBC,UAAU;QACZ;QACA;YACEJ,MAAM;YACNK,OAAO;gBACLK,WAAW,CAAC,EAAEC,QAAQ,EAAE;oBACtB,OAAOA,aAAa;gBACtB;YACF;YACA,6HAA6H;YAC7HV,MAAM;YACNW,eAAe,CAAC,EAAEC,UAAU,EAAEC,IAAI,EAAE;gBAClC,MAAMC,SAAShB,OAAOiB,WAAW,CAACC,IAAI,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA,SAASL,YAAYR,KAAK,CAACU,MAAM;gBACtF,IAAI,OAAOA,WAAW,cAAcA,OAAO;oBAAED;gBAAK,IAAsB;oBACtE,OAAO;gBACT;YACF;YACAZ,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;YACpBU,YAAYd,OAAOiB,WAAW,CAC3BG,MAAM,CAAC,CAAC,EAAEd,OAAO,EAAEe,kBAAkB,EAAEL,MAAM,EAAE,EAAE;gBAChD,IAAI,OAAOA,WAAW,cAAcA,QAAQ;oBAC1C,OAAO;gBACT;gBACA,OAAOK;YACT,GACCC,GAAG,CAAC,CAAC,EAAEH,IAAI,EAAE,GAAKA;YACrBd,UAAU;QACZ;QACA;YACEJ,MAAM;YACNC,MAAM;YACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;QACtB;KACD,CAAA"}

package/dist/field/elements/link/LinkDrawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2CtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2CtC,CAAA"}

package/dist/field/elements/link/LinkDrawer/index.js

@@ -1,16 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Drawer } from '@payloadcms/ui/elements/Drawer';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
-import { Form } from '@payloadcms/ui/forms/Form';
-import { RenderFields } from '@payloadcms/ui/forms/RenderFields';
-import { FormSubmit } from '@payloadcms/ui/forms/Submit';
-import { useHotkey } from '@payloadcms/ui/hooks/useHotkey';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useEditDepth } from '@payloadcms/ui/providers/EditDepth';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { getFormState } from '@payloadcms/ui/utilities/getFormState';
+import { Drawer, Form, FormSubmit, RenderFields, useConfig, useDocumentInfo, useEditDepth, useFieldProps, useHotkey, useTranslation } from '@payloadcms/ui';
+import { getFormState } from '@payloadcms/ui/shared';
 import React, { useCallback, useRef } from 'react';
 import { linkFieldsSchemaPath } from '../shared.js';
 import './index.scss';

package/dist/field/elements/link/LinkDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui/forms/Form'\n\nimport { Drawer } from '@payloadcms/ui/elements/Drawer'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { RenderFields } from '@payloadcms/ui/forms/RenderFields'\nimport { FormSubmit } from '@payloadcms/ui/forms/Submit'\nimport { useHotkey } from '@payloadcms/ui/hooks/useHotkey'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useEditDepth } from '@payloadcms/ui/providers/EditDepth'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { getFormState } from '@payloadcms/ui/utilities/getFormState'\nimport React, { useCallback, useRef } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link-edit-modal'\n\nexport const LinkDrawer: React.FC<Props> = ({\n  drawerSlug,\n  fieldMap,\n  handleModalSubmit,\n  initialState,\n}) => {\n  const { t } = useTranslation()\n  const { schemaPath } = useFieldProps()\n  const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n  const { id } = useDocumentInfo()\n  const config = useConfig()\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      return await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: fieldMapPath,\n        },\n        serverURL: config.serverURL,\n      })\n    },\n\n    [config.routes.api, config.serverURL, fieldMapPath, id],\n  )\n\n  return (\n    <Drawer className={baseClass} slug={drawerSlug} title={t('fields:editLink')}>\n      <Form\n        beforeSubmit={[onChange]}\n        disableValidationOnSubmit\n        initialState={initialState}\n        onChange={[onChange]}\n        onSubmit={handleModalSubmit}\n      >\n        <RenderFields fieldMap={fieldMap} forceRender path=\"\" readOnly={false} schemaPath=\"\" />\n        <LinkSubmit />\n      </Form>\n    </Drawer>\n  )\n}\n\nconst LinkSubmit: React.FC = () => {\n  const { t } = useTranslation()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return <FormSubmit ref={ref}>{t('general:submit')}</FormSubmit>\n}\n"],"names":["Drawer","useFieldProps","Form","RenderFields","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useTranslation","getFormState","React","useCallback","useRef","linkFieldsSchemaPath","baseClass","LinkDrawer","drawerSlug","fieldMap","handleModalSubmit","initialState","t","schemaPath","fieldMapPath","id","config","onChange","formState","prevFormState","apiRoute","routes","api","body","operation","serverURL","className","slug","title","beforeSubmit","disableValidationOnSubmit","onSubmit","forceRender","path","readOnly","LinkSubmit","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,SAASA,MAAM,QAAQ,iCAAgC;AACvD,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,iCAAgC;AAC1D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,OAAOC,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAIlD,SAASC,oBAAoB,QAAQ,eAAc;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAA8B,CAAC,EAC1CC,UAAU,EACVC,QAAQ,EACRC,iBAAiB,EACjBC,YAAY,EACb;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IACd,MAAM,EAAEa,UAAU,EAAE,GAAGrB;IACvB,MAAMsB,eAAe,CAAC,EAAED,WAAW,CAAC,EAAER,qBAAqB,CAAC;IAC5D,MAAM,EAAEU,EAAE,EAAE,GAAGjB;IACf,MAAMkB,SAASnB;IAEf,MAAMoB,WAAqCd,YACzC,OAAO,EAAEe,WAAWC,aAAa,EAAE;QACjC,OAAO,MAAMlB,aAAa;YACxBmB,UAAUJ,OAAOK,MAAM,CAACC,GAAG;YAC3BC,MAAM;gBACJR;gBACAG,WAAWC;gBACXK,WAAW;gBACXX,YAAYC;YACd;YACAW,WAAWT,OAAOS,SAAS;QAC7B;IACF,GAEA;QAACT,OAAOK,MAAM,CAACC,GAAG;QAAEN,OAAOS,SAAS;QAAEX;QAAcC;KAAG;IAGzD,qBACE,KAACxB;QAAOmC,WAAWpB;QAAWqB,MAAMnB;QAAYoB,OAAOhB,EAAE;kBACvD,cAAA,MAACnB;YACCoC,cAAc;gBAACZ;aAAS;YACxBa,yBAAyB;YACzBnB,cAAcA;YACdM,UAAU;gBAACA;aAAS;YACpBc,UAAUrB;;8BAEV,KAAChB;oBAAae,UAAUA;oBAAUuB,WAAW;oBAACC,MAAK;oBAAGC,UAAU;oBAAOrB,YAAW;;8BAClF,KAACsB;;;;AAIT,EAAC;AAED,MAAMA,aAAuB;IAC3B,MAAM,EAAEvB,CAAC,EAAE,GAAGZ;IACd,MAAMoC,MAAMhC,OAA0B;IACtC,MAAMiC,YAAYtC;IAElBH,UAAU;QAAE0C,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3DA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBAAO,KAACjD;QAAWyC,KAAKA;kBAAMxB,EAAE;;AAClC"}
+{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\n\nimport {\n  Drawer,\n  Form,\n  FormSubmit,\n  RenderFields,\n  useConfig,\n  useDocumentInfo,\n  useEditDepth,\n  useFieldProps,\n  useHotkey,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport React, { useCallback, useRef } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link-edit-modal'\n\nexport const LinkDrawer: React.FC<Props> = ({\n  drawerSlug,\n  fieldMap,\n  handleModalSubmit,\n  initialState,\n}) => {\n  const { t } = useTranslation()\n  const { schemaPath } = useFieldProps()\n  const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n  const { id } = useDocumentInfo()\n  const config = useConfig()\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      return await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          id,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: fieldMapPath,\n        },\n        serverURL: config.serverURL,\n      })\n    },\n\n    [config.routes.api, config.serverURL, fieldMapPath, id],\n  )\n\n  return (\n    <Drawer className={baseClass} slug={drawerSlug} title={t('fields:editLink')}>\n      <Form\n        beforeSubmit={[onChange]}\n        disableValidationOnSubmit\n        initialState={initialState}\n        onChange={[onChange]}\n        onSubmit={handleModalSubmit}\n      >\n        <RenderFields fieldMap={fieldMap} forceRender path=\"\" readOnly={false} schemaPath=\"\" />\n        <LinkSubmit />\n      </Form>\n    </Drawer>\n  )\n}\n\nconst LinkSubmit: React.FC = () => {\n  const { t } = useTranslation()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return <FormSubmit ref={ref}>{t('general:submit')}</FormSubmit>\n}\n"],"names":["Drawer","Form","FormSubmit","RenderFields","useConfig","useDocumentInfo","useEditDepth","useFieldProps","useHotkey","useTranslation","getFormState","React","useCallback","useRef","linkFieldsSchemaPath","baseClass","LinkDrawer","drawerSlug","fieldMap","handleModalSubmit","initialState","t","schemaPath","fieldMapPath","id","config","onChange","formState","prevFormState","apiRoute","routes","api","body","operation","serverURL","className","slug","title","beforeSubmit","disableValidationOnSubmit","onSubmit","forceRender","path","readOnly","LinkSubmit","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,SACEA,MAAM,EACNC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,aAAa,EACbC,SAAS,EACTC,cAAc,QACT,iBAAgB;AACvB,SAASC,YAAY,QAAQ,wBAAuB;AACpD,OAAOC,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAIlD,SAASC,oBAAoB,QAAQ,eAAc;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAA8B,CAAC,EAC1CC,UAAU,EACVC,QAAQ,EACRC,iBAAiB,EACjBC,YAAY,EACb;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IACd,MAAM,EAAEa,UAAU,EAAE,GAAGf;IACvB,MAAMgB,eAAe,CAAC,EAAED,WAAW,CAAC,EAAER,qBAAqB,CAAC;IAC5D,MAAM,EAAEU,EAAE,EAAE,GAAGnB;IACf,MAAMoB,SAASrB;IAEf,MAAMsB,WAAqCd,YACzC,OAAO,EAAEe,WAAWC,aAAa,EAAE;QACjC,OAAO,MAAMlB,aAAa;YACxBmB,UAAUJ,OAAOK,MAAM,CAACC,GAAG;YAC3BC,MAAM;gBACJR;gBACAG,WAAWC;gBACXK,WAAW;gBACXX,YAAYC;YACd;YACAW,WAAWT,OAAOS,SAAS;QAC7B;IACF,GAEA;QAACT,OAAOK,MAAM,CAACC,GAAG;QAAEN,OAAOS,SAAS;QAAEX;QAAcC;KAAG;IAGzD,qBACE,KAACxB;QAAOmC,WAAWpB;QAAWqB,MAAMnB;QAAYoB,OAAOhB,EAAE;kBACvD,cAAA,MAACpB;YACCqC,cAAc;gBAACZ;aAAS;YACxBa,yBAAyB;YACzBnB,cAAcA;YACdM,UAAU;gBAACA;aAAS;YACpBc,UAAUrB;;8BAEV,KAAChB;oBAAae,UAAUA;oBAAUuB,WAAW;oBAACC,MAAK;oBAAGC,UAAU;oBAAOrB,YAAW;;8BAClF,KAACsB;;;;AAIT,EAAC;AAED,MAAMA,aAAuB;IAC3B,MAAM,EAAEvB,CAAC,EAAE,GAAGZ;IACd,MAAMoC,MAAMhC,OAA0B;IACtC,MAAMiC,YAAYxC;IAElBE,UAAU;QAAEuC,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3DA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBAAO,KAACnD;QAAW2C,KAAKA;kBAAMxB,EAAE;;AAClC"}

package/dist/field/elements/link/LinkDrawer/types.d.ts

@@ -1,5 +1,5 @@
-import type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap';
-import type { FormState } from 'payload/types';
+import type { FieldMap } from '@payloadcms/ui';
+import type { FormState } from 'payload';
 export type Props = {
     drawerSlug: string;
     fieldMap: FieldMap;

package/dist/field/elements/link/LinkDrawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,iBAAiB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAC7E,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/link/LinkDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,iBAAiB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAC7E,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA"}

package/dist/field/elements/link/LinkDrawer/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/types.ts"],"sourcesContent":["import type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { FormState } from 'payload/types'\n\nexport type Props = {\n  drawerSlug: string\n  fieldMap: FieldMap\n  handleClose: () => void\n  handleModalSubmit: (fields: FormState, data: Record<string, unknown>) => void\n  initialState?: FormState\n}\n"],"names":[],"rangeMappings":"","mappings":"AAGA,WAMC"}
+{"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/types.ts"],"sourcesContent":["import type { FieldMap } from '@payloadcms/ui'\nimport type { FormState } from 'payload'\n\nexport type Props = {\n  drawerSlug: string\n  fieldMap: FieldMap\n  handleClose: () => void\n  handleModalSubmit: (fields: FormState, data: Record<string, unknown>) => void\n  initialState?: FormState\n}\n"],"names":[],"rangeMappings":"","mappings":"AAGA,WAMC"}

package/dist/field/elements/link/utilities.d.ts

@@ -1,5 +1,4 @@
-import type { SanitizedConfig } from 'payload/config';
-import type { Field } from 'payload/types';
+import type { Field, SanitizedConfig } from 'payload';
 import type { Editor } from 'slate';
 export declare const unwrapLink: (editor: Editor) => void;
 export declare const wrapLink: (editor: Editor) => void;

package/dist/field/elements/link/utilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/utilities.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAMnC,eAAO,MAAM,UAAU,WAAY,MAAM,KAAG,IAE3C,CAAA;AAED,eAAO,MAAM,QAAQ,WAAY,MAAM,KAAG,IAiBzC,CAAA;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,iBAAiB,EACb,CAAC,CAAC,IAAI,EAAE;IAAE,MAAM,EAAE,eAAe,CAAC;IAAC,aAAa,EAAE,KAAK,EAAE,CAAA;CAAE,KAAK,KAAK,EAAE,CAAC,GACxE,KAAK,EAAE,EACX,MAAM,EAAE,eAAe,GACtB,KAAK,EAAE,CA4CT"}
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/utilities.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAMnC,eAAO,MAAM,UAAU,WAAY,MAAM,KAAG,IAE3C,CAAA;AAED,eAAO,MAAM,QAAQ,WAAY,MAAM,KAAG,IAiBzC,CAAA;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,iBAAiB,EACb,CAAC,CAAC,IAAI,EAAE;IAAE,MAAM,EAAE,eAAe,CAAC;IAAC,aAAa,EAAE,KAAK,EAAE,CAAA;CAAE,KAAK,KAAK,EAAE,CAAC,GACxE,KAAK,EAAE,EACX,MAAM,EAAE,eAAe,GACtB,KAAK,EAAE,CA4CT"}

package/dist/field/elements/link/utilities.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/link/utilities.tsx"],"sourcesContent":["import type { SanitizedConfig } from 'payload/config'\nimport type { Field } from 'payload/types'\nimport type { Editor } from 'slate'\n\nimport { Element, Range, Transforms } from 'slate'\n\nimport { getBaseFields } from './LinkDrawer/baseFields.js'\n\nexport const unwrapLink = (editor: Editor): void => {\n  Transforms.unwrapNodes(editor, { match: (n) => Element.isElement(n) && n.type === 'link' })\n}\n\nexport const wrapLink = (editor: Editor): void => {\n  const { selection } = editor\n  const isCollapsed = selection && Range.isCollapsed(selection)\n\n  const link = {\n    type: 'link',\n    children: isCollapsed ? [{ text: '' }] : [],\n    newTab: false,\n    url: undefined,\n  }\n\n  if (isCollapsed) {\n    Transforms.insertNodes(editor, link)\n  } else {\n    Transforms.wrapNodes(editor, link, { split: true })\n    Transforms.collapse(editor, { edge: 'end' })\n  }\n}\n\n/**\n * This function is run to enrich the basefields which every link has with potential, custom user-added fields.\n */\nexport function transformExtraFields(\n  customFieldSchema:\n    | ((args: { config: SanitizedConfig; defaultFields: Field[] }) => Field[])\n    | Field[],\n  config: SanitizedConfig,\n): Field[] {\n  const baseFields: Field[] = getBaseFields(config)\n\n  const fields =\n    typeof customFieldSchema === 'function'\n      ? customFieldSchema({ config, defaultFields: baseFields })\n      : baseFields\n\n  // Wrap fields which are not part of the base schema in a group named 'fields' - otherwise they will be rendered but not saved\n  const extraFields = []\n  for (let i = fields.length - 1; i >= 0; i--) {\n    const field = fields[i]\n\n    if ('name' in field) {\n      if (\n        !baseFields.find((baseField) => !('name' in baseField) || baseField.name === field.name)\n      ) {\n        if (field.name !== 'fields' && field.type !== 'group') {\n          extraFields.push(field)\n          // Remove from fields from now, as they need to be part of the fields group below\n          fields.splice(fields.indexOf(field), 1)\n        }\n      }\n    }\n  }\n\n  if ((Array.isArray(customFieldSchema) && customFieldSchema?.length) || extraFields?.length) {\n    fields.push({\n      name: 'fields',\n      type: 'group',\n      admin: {\n        style: {\n          borderBottom: 0,\n          borderTop: 0,\n          margin: 0,\n          padding: 0,\n        },\n      },\n      fields: Array.isArray(customFieldSchema)\n        ? customFieldSchema.concat(extraFields)\n        : extraFields,\n    })\n  }\n  return fields\n}\n"],"names":["Element","Range","Transforms","getBaseFields","unwrapLink","editor","unwrapNodes","match","n","isElement","type","wrapLink","selection","isCollapsed","link","children","text","newTab","url","undefined","insertNodes","wrapNodes","split","collapse","edge","transformExtraFields","customFieldSchema","config","baseFields","fields","defaultFields","extraFields","i","length","field","find","baseField","name","push","splice","indexOf","Array","isArray","admin","style","borderBottom","borderTop","margin","padding","concat"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,OAAO,EAAEC,KAAK,EAAEC,UAAU,QAAQ,QAAO;AAElD,SAASC,aAAa,QAAQ,6BAA4B;AAE1D,OAAO,MAAMC,aAAa,CAACC;IACzBH,WAAWI,WAAW,CAACD,QAAQ;QAAEE,OAAO,CAACC,IAAMR,QAAQS,SAAS,CAACD,MAAMA,EAAEE,IAAI,KAAK;IAAO;AAC3F,EAAC;AAED,OAAO,MAAMC,WAAW,CAACN;IACvB,MAAM,EAAEO,SAAS,EAAE,GAAGP;IACtB,MAAMQ,cAAcD,aAAaX,MAAMY,WAAW,CAACD;IAEnD,MAAME,OAAO;QACXJ,MAAM;QACNK,UAAUF,cAAc;YAAC;gBAAEG,MAAM;YAAG;SAAE,GAAG,EAAE;QAC3CC,QAAQ;QACRC,KAAKC;IACP;IAEA,IAAIN,aAAa;QACfX,WAAWkB,WAAW,CAACf,QAAQS;IACjC,OAAO;QACLZ,WAAWmB,SAAS,CAAChB,QAAQS,MAAM;YAAEQ,OAAO;QAAK;QACjDpB,WAAWqB,QAAQ,CAAClB,QAAQ;YAAEmB,MAAM;QAAM;IAC5C;AACF,EAAC;AAED;;CAEC,GACD,OAAO,SAASC,qBACdC,iBAEW,EACXC,MAAuB;IAEvB,MAAMC,aAAsBzB,cAAcwB;IAE1C,MAAME,SACJ,OAAOH,sBAAsB,aACzBA,kBAAkB;QAAEC;QAAQG,eAAeF;IAAW,KACtDA;IAEN,8HAA8H;IAC9H,MAAMG,cAAc,EAAE;IACtB,IAAK,IAAIC,IAAIH,OAAOI,MAAM,GAAG,GAAGD,KAAK,GAAGA,IAAK;QAC3C,MAAME,QAAQL,MAAM,CAACG,EAAE;QAEvB,IAAI,UAAUE,OAAO;YACnB,IACE,CAACN,WAAWO,IAAI,CAAC,CAACC,YAAc,CAAE,CAAA,UAAUA,SAAQ,KAAMA,UAAUC,IAAI,KAAKH,MAAMG,IAAI,GACvF;gBACA,IAAIH,MAAMG,IAAI,KAAK,YAAYH,MAAMxB,IAAI,KAAK,SAAS;oBACrDqB,YAAYO,IAAI,CAACJ;oBACjB,iFAAiF;oBACjFL,OAAOU,MAAM,CAACV,OAAOW,OAAO,CAACN,QAAQ;gBACvC;YACF;QACF;IACF;IAEA,IAAI,AAACO,MAAMC,OAAO,CAAChB,sBAAsBA,mBAAmBO,UAAWF,aAAaE,QAAQ;QAC1FJ,OAAOS,IAAI,CAAC;YACVD,MAAM;YACN3B,MAAM;YACNiC,OAAO;gBACLC,OAAO;oBACLC,cAAc;oBACdC,WAAW;oBACXC,QAAQ;oBACRC,SAAS;gBACX;YACF;YACAnB,QAAQY,MAAMC,OAAO,CAAChB,qBAClBA,kBAAkBuB,MAAM,CAAClB,eACzBA;QACN;IACF;IACA,OAAOF;AACT"}
+{"version":3,"sources":["../../../../src/field/elements/link/utilities.tsx"],"sourcesContent":["import type { Field, SanitizedConfig } from 'payload'\nimport type { Editor } from 'slate'\n\nimport { Element, Range, Transforms } from 'slate'\n\nimport { getBaseFields } from './LinkDrawer/baseFields.js'\n\nexport const unwrapLink = (editor: Editor): void => {\n  Transforms.unwrapNodes(editor, { match: (n) => Element.isElement(n) && n.type === 'link' })\n}\n\nexport const wrapLink = (editor: Editor): void => {\n  const { selection } = editor\n  const isCollapsed = selection && Range.isCollapsed(selection)\n\n  const link = {\n    type: 'link',\n    children: isCollapsed ? [{ text: '' }] : [],\n    newTab: false,\n    url: undefined,\n  }\n\n  if (isCollapsed) {\n    Transforms.insertNodes(editor, link)\n  } else {\n    Transforms.wrapNodes(editor, link, { split: true })\n    Transforms.collapse(editor, { edge: 'end' })\n  }\n}\n\n/**\n * This function is run to enrich the basefields which every link has with potential, custom user-added fields.\n */\nexport function transformExtraFields(\n  customFieldSchema:\n    | ((args: { config: SanitizedConfig; defaultFields: Field[] }) => Field[])\n    | Field[],\n  config: SanitizedConfig,\n): Field[] {\n  const baseFields: Field[] = getBaseFields(config)\n\n  const fields =\n    typeof customFieldSchema === 'function'\n      ? customFieldSchema({ config, defaultFields: baseFields })\n      : baseFields\n\n  // Wrap fields which are not part of the base schema in a group named 'fields' - otherwise they will be rendered but not saved\n  const extraFields = []\n  for (let i = fields.length - 1; i >= 0; i--) {\n    const field = fields[i]\n\n    if ('name' in field) {\n      if (\n        !baseFields.find((baseField) => !('name' in baseField) || baseField.name === field.name)\n      ) {\n        if (field.name !== 'fields' && field.type !== 'group') {\n          extraFields.push(field)\n          // Remove from fields from now, as they need to be part of the fields group below\n          fields.splice(fields.indexOf(field), 1)\n        }\n      }\n    }\n  }\n\n  if ((Array.isArray(customFieldSchema) && customFieldSchema?.length) || extraFields?.length) {\n    fields.push({\n      name: 'fields',\n      type: 'group',\n      admin: {\n        style: {\n          borderBottom: 0,\n          borderTop: 0,\n          margin: 0,\n          padding: 0,\n        },\n      },\n      fields: Array.isArray(customFieldSchema)\n        ? customFieldSchema.concat(extraFields)\n        : extraFields,\n    })\n  }\n  return fields\n}\n"],"names":["Element","Range","Transforms","getBaseFields","unwrapLink","editor","unwrapNodes","match","n","isElement","type","wrapLink","selection","isCollapsed","link","children","text","newTab","url","undefined","insertNodes","wrapNodes","split","collapse","edge","transformExtraFields","customFieldSchema","config","baseFields","fields","defaultFields","extraFields","i","length","field","find","baseField","name","push","splice","indexOf","Array","isArray","admin","style","borderBottom","borderTop","margin","padding","concat"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,SAASA,OAAO,EAAEC,KAAK,EAAEC,UAAU,QAAQ,QAAO;AAElD,SAASC,aAAa,QAAQ,6BAA4B;AAE1D,OAAO,MAAMC,aAAa,CAACC;IACzBH,WAAWI,WAAW,CAACD,QAAQ;QAAEE,OAAO,CAACC,IAAMR,QAAQS,SAAS,CAACD,MAAMA,EAAEE,IAAI,KAAK;IAAO;AAC3F,EAAC;AAED,OAAO,MAAMC,WAAW,CAACN;IACvB,MAAM,EAAEO,SAAS,EAAE,GAAGP;IACtB,MAAMQ,cAAcD,aAAaX,MAAMY,WAAW,CAACD;IAEnD,MAAME,OAAO;QACXJ,MAAM;QACNK,UAAUF,cAAc;YAAC;gBAAEG,MAAM;YAAG;SAAE,GAAG,EAAE;QAC3CC,QAAQ;QACRC,KAAKC;IACP;IAEA,IAAIN,aAAa;QACfX,WAAWkB,WAAW,CAACf,QAAQS;IACjC,OAAO;QACLZ,WAAWmB,SAAS,CAAChB,QAAQS,MAAM;YAAEQ,OAAO;QAAK;QACjDpB,WAAWqB,QAAQ,CAAClB,QAAQ;YAAEmB,MAAM;QAAM;IAC5C;AACF,EAAC;AAED;;CAEC,GACD,OAAO,SAASC,qBACdC,iBAEW,EACXC,MAAuB;IAEvB,MAAMC,aAAsBzB,cAAcwB;IAE1C,MAAME,SACJ,OAAOH,sBAAsB,aACzBA,kBAAkB;QAAEC;QAAQG,eAAeF;IAAW,KACtDA;IAEN,8HAA8H;IAC9H,MAAMG,cAAc,EAAE;IACtB,IAAK,IAAIC,IAAIH,OAAOI,MAAM,GAAG,GAAGD,KAAK,GAAGA,IAAK;QAC3C,MAAME,QAAQL,MAAM,CAACG,EAAE;QAEvB,IAAI,UAAUE,OAAO;YACnB,IACE,CAACN,WAAWO,IAAI,CAAC,CAACC,YAAc,CAAE,CAAA,UAAUA,SAAQ,KAAMA,UAAUC,IAAI,KAAKH,MAAMG,IAAI,GACvF;gBACA,IAAIH,MAAMG,IAAI,KAAK,YAAYH,MAAMxB,IAAI,KAAK,SAAS;oBACrDqB,YAAYO,IAAI,CAACJ;oBACjB,iFAAiF;oBACjFL,OAAOU,MAAM,CAACV,OAAOW,OAAO,CAACN,QAAQ;gBACvC;YACF;QACF;IACF;IAEA,IAAI,AAACO,MAAMC,OAAO,CAAChB,sBAAsBA,mBAAmBO,UAAWF,aAAaE,QAAQ;QAC1FJ,OAAOS,IAAI,CAAC;YACVD,MAAM;YACN3B,MAAM;YACNiC,OAAO;gBACLC,OAAO;oBACLC,cAAc;oBACdC,WAAW;oBACXC,QAAQ;oBACRC,SAAS;gBACX;YACF;YACAnB,QAAQY,MAAMC,OAAO,CAAChB,qBAClBA,kBAAkBuB,MAAM,CAAClB,eACzBA;QACN;IACF;IACA,OAAOF;AACT"}

package/dist/field/elements/relationship/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/relationship/Button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAOzE,OAAO,cAAc,CAAA;AAmBrB,KAAK,KAAK,GAAG;IACX,sBAAsB,EAAE,MAAM,EAAE,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAmDD,eAAO,MAAM,MAAM,UAAW,KAAK,KAAG,MAAM,SAM3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/relationship/Button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqD,MAAM,OAAO,CAAA;AAOzE,OAAO,cAAc,CAAA;AAmBrB,KAAK,KAAK,GAAG;IACX,sBAAsB,EAAE,MAAM,EAAE,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAmDD,eAAO,MAAM,MAAM,UAAW,KAAK,KAAG,KAAK,CAAC,SAM3C,CAAA"}

package/dist/field/elements/relationship/Button/index.js

@@ -1,7 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useListDrawer } from '@payloadcms/ui/elements/ListDrawer';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { useListDrawer, useTranslation } from '@payloadcms/ui';
 import React, { Fragment, useCallback, useEffect, useState } from 'react';
 import { ReactEditor, useSlate } from 'slate-react';
 import { RelationshipIcon } from '../../../icons/Relationship/index.js';

package/dist/field/elements/relationship/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/relationship/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport { useListDrawer } from '@payloadcms/ui/elements/ListDrawer'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport { RelationshipIcon } from '../../../icons/Relationship/index.js'\nimport { ElementButton } from '../../Button.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { injectVoidElement } from '../../injectVoid.js'\nimport './index.scss'\n\nconst baseClass = 'relationship-rich-text-button'\n\nconst insertRelationship = (editor, { relationTo, value }) => {\n  const text = { text: ' ' }\n\n  const relationship = {\n    type: 'relationship',\n    children: [text],\n    relationTo,\n    value,\n  }\n\n  injectVoidElement(editor, relationship)\n\n  ReactEditor.focus(editor)\n}\n\ntype Props = {\n  enabledCollectionSlugs: string[]\n  path: string\n}\nconst RelationshipButton: React.FC<Props> = ({ enabledCollectionSlugs }) => {\n  const { t } = useTranslation()\n  const editor = useSlate()\n  const [selectedCollectionSlug, setSelectedCollectionSlug] = useState(\n    () => enabledCollectionSlugs[0],\n  )\n  const [ListDrawer, ListDrawerToggler, { closeDrawer, isDrawerOpen }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    selectedCollection: selectedCollectionSlug,\n  })\n\n  const onSelect = useCallback(\n    ({ collectionSlug, docID }) => {\n      insertRelationship(editor, {\n        relationTo: collectionSlug,\n        value: {\n          id: docID,\n        },\n      })\n      closeDrawer()\n    },\n    [editor, closeDrawer],\n  )\n\n  useEffect(() => {\n    // always reset back to first option\n    // TODO: this is not working, see the ListDrawer component\n    setSelectedCollectionSlug(enabledCollectionSlugs[0])\n  }, [isDrawerOpen, enabledCollectionSlugs])\n\n  return (\n    <Fragment>\n      <ListDrawerToggler>\n        <ElementButton\n          className={baseClass}\n          el=\"div\"\n          format=\"relationship\"\n          onClick={() => {\n            // do nothing\n          }}\n          tooltip={t('fields:addRelationship')}\n        >\n          <RelationshipIcon />\n        </ElementButton>\n      </ListDrawerToggler>\n      <ListDrawer onSelect={onSelect} />\n    </Fragment>\n  )\n}\n\nexport const Button = (props: Props): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props}>\n      <RelationshipButton {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["useListDrawer","useTranslation","React","Fragment","useCallback","useEffect","useState","ReactEditor","useSlate","RelationshipIcon","ElementButton","EnabledRelationshipsCondition","injectVoidElement","baseClass","insertRelationship","editor","relationTo","value","text","relationship","type","children","focus","RelationshipButton","enabledCollectionSlugs","t","selectedCollectionSlug","setSelectedCollectionSlug","ListDrawer","ListDrawerToggler","closeDrawer","isDrawerOpen","collectionSlugs","selectedCollection","onSelect","collectionSlug","docID","id","className","el","format","onClick","tooltip","Button","props"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AACzE,SAASC,WAAW,EAAEC,QAAQ,QAAQ,cAAa;AAEnD,SAASC,gBAAgB,QAAQ,uCAAsC;AACvE,SAASC,aAAa,QAAQ,kBAAiB;AAC/C,SAASC,6BAA6B,QAAQ,yCAAwC;AACtF,SAASC,iBAAiB,QAAQ,sBAAqB;AACvD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,qBAAqB,CAACC,QAAQ,EAAEC,UAAU,EAAEC,KAAK,EAAE;IACvD,MAAMC,OAAO;QAAEA,MAAM;IAAI;IAEzB,MAAMC,eAAe;QACnBC,MAAM;QACNC,UAAU;YAACH;SAAK;QAChBF;QACAC;IACF;IAEAL,kBAAkBG,QAAQI;IAE1BZ,YAAYe,KAAK,CAACP;AACpB;AAMA,MAAMQ,qBAAsC,CAAC,EAAEC,sBAAsB,EAAE;IACrE,MAAM,EAAEC,CAAC,EAAE,GAAGxB;IACd,MAAMc,SAASP;IACf,MAAM,CAACkB,wBAAwBC,0BAA0B,GAAGrB,SAC1D,IAAMkB,sBAAsB,CAAC,EAAE;IAEjC,MAAM,CAACI,YAAYC,mBAAmB,EAAEC,WAAW,EAAEC,YAAY,EAAE,CAAC,GAAG/B,cAAc;QACnFgC,iBAAiBR;QACjBS,oBAAoBP;IACtB;IAEA,MAAMQ,WAAW9B,YACf,CAAC,EAAE+B,cAAc,EAAEC,KAAK,EAAE;QACxBtB,mBAAmBC,QAAQ;YACzBC,YAAYmB;YACZlB,OAAO;gBACLoB,IAAID;YACN;QACF;QACAN;IACF,GACA;QAACf;QAAQe;KAAY;IAGvBzB,UAAU;QACR,oCAAoC;QACpC,0DAA0D;QAC1DsB,0BAA0BH,sBAAsB,CAAC,EAAE;IACrD,GAAG;QAACO;QAAcP;KAAuB;IAEzC,qBACE,MAACrB;;0BACC,KAAC0B;0BACC,cAAA,KAACnB;oBACC4B,WAAWzB;oBACX0B,IAAG;oBACHC,QAAO;oBACPC,SAAS;oBACP,aAAa;oBACf;oBACAC,SAASjB,EAAE;8BAEX,cAAA,KAAChB;;;0BAGL,KAACmB;gBAAWM,UAAUA;;;;AAG5B;AAEA,OAAO,MAAMS,SAAS,CAACC;IACrB,qBACE,KAACjC;QAA+B,GAAGiC,KAAK;kBACtC,cAAA,KAACrB;YAAoB,GAAGqB,KAAK;;;AAGnC,EAAC"}
+{"version":3,"sources":["../../../../../src/field/elements/relationship/Button/index.tsx"],"sourcesContent":["'use client'\n\nimport { useListDrawer, useTranslation } from '@payloadcms/ui'\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport { RelationshipIcon } from '../../../icons/Relationship/index.js'\nimport { ElementButton } from '../../Button.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { injectVoidElement } from '../../injectVoid.js'\nimport './index.scss'\n\nconst baseClass = 'relationship-rich-text-button'\n\nconst insertRelationship = (editor, { relationTo, value }) => {\n  const text = { text: ' ' }\n\n  const relationship = {\n    type: 'relationship',\n    children: [text],\n    relationTo,\n    value,\n  }\n\n  injectVoidElement(editor, relationship)\n\n  ReactEditor.focus(editor)\n}\n\ntype Props = {\n  enabledCollectionSlugs: string[]\n  path: string\n}\nconst RelationshipButton: React.FC<Props> = ({ enabledCollectionSlugs }) => {\n  const { t } = useTranslation()\n  const editor = useSlate()\n  const [selectedCollectionSlug, setSelectedCollectionSlug] = useState(\n    () => enabledCollectionSlugs[0],\n  )\n  const [ListDrawer, ListDrawerToggler, { closeDrawer, isDrawerOpen }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    selectedCollection: selectedCollectionSlug,\n  })\n\n  const onSelect = useCallback(\n    ({ collectionSlug, docID }) => {\n      insertRelationship(editor, {\n        relationTo: collectionSlug,\n        value: {\n          id: docID,\n        },\n      })\n      closeDrawer()\n    },\n    [editor, closeDrawer],\n  )\n\n  useEffect(() => {\n    // always reset back to first option\n    // TODO: this is not working, see the ListDrawer component\n    setSelectedCollectionSlug(enabledCollectionSlugs[0])\n  }, [isDrawerOpen, enabledCollectionSlugs])\n\n  return (\n    <Fragment>\n      <ListDrawerToggler>\n        <ElementButton\n          className={baseClass}\n          el=\"div\"\n          format=\"relationship\"\n          onClick={() => {\n            // do nothing\n          }}\n          tooltip={t('fields:addRelationship')}\n        >\n          <RelationshipIcon />\n        </ElementButton>\n      </ListDrawerToggler>\n      <ListDrawer onSelect={onSelect} />\n    </Fragment>\n  )\n}\n\nexport const Button = (props: Props): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props}>\n      <RelationshipButton {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["useListDrawer","useTranslation","React","Fragment","useCallback","useEffect","useState","ReactEditor","useSlate","RelationshipIcon","ElementButton","EnabledRelationshipsCondition","injectVoidElement","baseClass","insertRelationship","editor","relationTo","value","text","relationship","type","children","focus","RelationshipButton","enabledCollectionSlugs","t","selectedCollectionSlug","setSelectedCollectionSlug","ListDrawer","ListDrawerToggler","closeDrawer","isDrawerOpen","collectionSlugs","selectedCollection","onSelect","collectionSlug","docID","id","className","el","format","onClick","tooltip","Button","props"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,aAAa,EAAEC,cAAc,QAAQ,iBAAgB;AAC9D,OAAOC,SAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AACzE,SAASC,WAAW,EAAEC,QAAQ,QAAQ,cAAa;AAEnD,SAASC,gBAAgB,QAAQ,uCAAsC;AACvE,SAASC,aAAa,QAAQ,kBAAiB;AAC/C,SAASC,6BAA6B,QAAQ,yCAAwC;AACtF,SAASC,iBAAiB,QAAQ,sBAAqB;AACvD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,qBAAqB,CAACC,QAAQ,EAAEC,UAAU,EAAEC,KAAK,EAAE;IACvD,MAAMC,OAAO;QAAEA,MAAM;IAAI;IAEzB,MAAMC,eAAe;QACnBC,MAAM;QACNC,UAAU;YAACH;SAAK;QAChBF;QACAC;IACF;IAEAL,kBAAkBG,QAAQI;IAE1BZ,YAAYe,KAAK,CAACP;AACpB;AAMA,MAAMQ,qBAAsC,CAAC,EAAEC,sBAAsB,EAAE;IACrE,MAAM,EAAEC,CAAC,EAAE,GAAGxB;IACd,MAAMc,SAASP;IACf,MAAM,CAACkB,wBAAwBC,0BAA0B,GAAGrB,SAC1D,IAAMkB,sBAAsB,CAAC,EAAE;IAEjC,MAAM,CAACI,YAAYC,mBAAmB,EAAEC,WAAW,EAAEC,YAAY,EAAE,CAAC,GAAG/B,cAAc;QACnFgC,iBAAiBR;QACjBS,oBAAoBP;IACtB;IAEA,MAAMQ,WAAW9B,YACf,CAAC,EAAE+B,cAAc,EAAEC,KAAK,EAAE;QACxBtB,mBAAmBC,QAAQ;YACzBC,YAAYmB;YACZlB,OAAO;gBACLoB,IAAID;YACN;QACF;QACAN;IACF,GACA;QAACf;QAAQe;KAAY;IAGvBzB,UAAU;QACR,oCAAoC;QACpC,0DAA0D;QAC1DsB,0BAA0BH,sBAAsB,CAAC,EAAE;IACrD,GAAG;QAACO;QAAcP;KAAuB;IAEzC,qBACE,MAACrB;;0BACC,KAAC0B;0BACC,cAAA,KAACnB;oBACC4B,WAAWzB;oBACX0B,IAAG;oBACHC,QAAO;oBACPC,SAAS;oBACP,aAAa;oBACf;oBACAC,SAASjB,EAAE;8BAEX,cAAA,KAAChB;;;0BAGL,KAACmB;gBAAWM,UAAUA;;;;AAG5B;AAEA,OAAO,MAAMS,SAAS,CAACC;IACrB,qBACE,KAACjC;QAA+B,GAAGiC,KAAK;kBACtC,cAAA,KAACrB;YAAoB,GAAGqB,KAAK;;;AAGnC,EAAC"}

package/dist/field/elements/relationship/Element/index.d.ts

@@ -1,4 +1,4 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { FormFieldBase } from '@payloadcms/ui';
 import React from 'react';
 import './index.scss';
 type Props = FormFieldBase & {

package/dist/field/elements/relationship/Element/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/relationship/Element/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AASjE,OAAO,KAA4C,MAAM,OAAO,CAAA;AAQhE,OAAO,cAAc,CAAA;AAQrB,KAAK,KAAK,GAAG,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CACnD,CAAA;AAkKD,eAAO,MAAM,OAAO,UAAW,KAAK,KAAG,MAAM,SAM5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/relationship/Element/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAWnD,OAAO,KAA4C,MAAM,OAAO,CAAA;AAQhE,OAAO,cAAc,CAAA;AAQrB,KAAK,KAAK,GAAG,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;CACnD,CAAA;AAkKD,eAAO,MAAM,OAAO,UAAW,KAAK,KAAG,KAAK,CAAC,SAM5C,CAAA"}

package/dist/field/elements/relationship/Element/index.js

@@ -1,12 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button } from '@payloadcms/ui/elements/Button';
-import { useDocumentDrawer } from '@payloadcms/ui/elements/DocumentDrawer';
-import { useListDrawer } from '@payloadcms/ui/elements/ListDrawer';
-import usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { Button, useConfig, useDocumentDrawer, useListDrawer, usePayloadAPI, useTranslation } from '@payloadcms/ui';
 import React, { useCallback, useReducer, useState } from 'react';
 import { Transforms } from 'slate';
 import { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react';

package/dist/field/elements/relationship/Element/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/field/elements/relationship/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui/fields/shared'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { useDocumentDrawer } from '@payloadcms/ui/elements/DocumentDrawer'\nimport { useListDrawer } from '@payloadcms/ui/elements/ListDrawer'\nimport usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { RelationshipElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-relationship'\n\nconst initialParams = {\n  depth: 0,\n}\n\ntype Props = FormFieldBase & {\n  name: string\n  richTextComponentMap: Map<string, React.ReactNode>\n}\n\nconst RelationshipElement: React.FC<Props> = () => {\n  const {\n    attributes,\n    children,\n    element,\n    element: { relationTo, value },\n    fieldProps,\n  } = useElement<RelationshipElementType>()\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const [enabledCollectionSlugs] = useState(() =>\n    collections\n      .filter(({ admin: { enableRichTextRelationship } }) => enableRichTextRelationship)\n      .map(({ slug }) => slug),\n  )\n  const [relatedCollection, setRelatedCollection] = useState(() =>\n    collections.find((coll) => coll.slug === relationTo),\n  )\n\n  const selected = useSelected()\n  const focused = useFocused()\n  const { i18n, t } = useTranslation()\n  const editor = useSlateStatic()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [{ data }, { setParams }] = usePayloadAPI(\n    `${serverURL}${api}/${relatedCollection.slug}/${value?.id}`,\n    { initialParams },\n  )\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: value?.id,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    selectedCollection: relatedCollection.slug,\n  })\n\n  const removeRelationship = useCallback(() => {\n    const elementPath = ReactEditor.findPath(editor, element)\n\n    Transforms.removeNodes(editor, { at: elementPath })\n  }, [editor, element])\n\n  const updateRelationship = React.useCallback(\n    ({ doc }) => {\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(\n        editor,\n        {\n          type: 'relationship',\n          children: [{ text: ' ' }],\n          relationTo: relatedCollection.slug,\n          value: { id: doc.id },\n        },\n        { at: elementPath },\n      )\n\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      closeDrawer()\n      dispatchCacheBust()\n    },\n    [editor, element, relatedCollection, cacheBust, setParams, closeDrawer],\n  )\n\n  const swapRelationship = React.useCallback(\n    ({ collectionSlug, docID }) => {\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(\n        editor,\n        {\n          type: 'relationship',\n          children: [{ text: ' ' }],\n          relationTo: collectionSlug,\n          value: { id: docID },\n        },\n        { at: elementPath },\n      )\n\n      setRelatedCollection(collections.find((coll) => coll.slug === collectionSlug))\n\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      closeListDrawer()\n      dispatchCacheBust()\n    },\n    [closeListDrawer, editor, element, cacheBust, setParams, collections],\n  )\n\n  return (\n    <div\n      className={[baseClass, selected && focused && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      contentEditable={false}\n      {...attributes}\n    >\n      <div className={`${baseClass}__wrap`}>\n        <p className={`${baseClass}__label`}>\n          {t('fields:labelRelationship', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n        </p>\n        <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n          <p className={`${baseClass}__title`}>\n            {data[relatedCollection?.admin?.useAsTitle || 'id']}\n          </p>\n        </DocumentDrawerToggler>\n      </div>\n      <div className={`${baseClass}__actions`}>\n        <ListDrawerToggler\n          className={`${baseClass}__list-drawer-toggler`}\n          disabled={fieldProps?.readOnly}\n        >\n          <Button\n            buttonStyle=\"icon-label\"\n            disabled={fieldProps?.readOnly}\n            el=\"div\"\n            icon=\"swap\"\n            onClick={() => {\n              // do nothing\n            }}\n            round\n            tooltip={t('fields:swapRelationship')}\n          />\n        </ListDrawerToggler>\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__removeButton`}\n          disabled={fieldProps?.readOnly}\n          icon=\"x\"\n          onClick={(e) => {\n            e.preventDefault()\n            removeRelationship()\n          }}\n          round\n          tooltip={t('fields:removeRelationship')}\n        />\n      </div>\n      {value?.id && <DocumentDrawer onSave={updateRelationship} />}\n      <ListDrawer onSelect={swapRelationship} />\n      {children}\n    </div>\n  )\n}\n\nexport const Element = (props: Props): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props}>\n      <RelationshipElement {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["getTranslation","Button","useDocumentDrawer","useListDrawer","usePayloadAPI","useConfig","useTranslation","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","baseClass","initialParams","depth","RelationshipElement","attributes","children","element","relationTo","value","fieldProps","collections","routes","api","serverURL","enabledCollectionSlugs","filter","admin","enableRichTextRelationship","map","slug","relatedCollection","setRelatedCollection","find","coll","selected","focused","i18n","t","editor","cacheBust","dispatchCacheBust","state","data","setParams","id","DocumentDrawer","DocumentDrawerToggler","closeDrawer","collectionSlug","ListDrawer","ListDrawerToggler","closeListDrawer","collectionSlugs","selectedCollection","removeRelationship","elementPath","findPath","removeNodes","at","updateRelationship","doc","setNodes","type","text","swapRelationship","docID","div","className","Boolean","join","contentEditable","p","label","labels","singular","useAsTitle","disabled","readOnly","buttonStyle","el","icon","onClick","round","tooltip","e","preventDefault","onSave","onSelect","Element","props"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,iBAAiB,QAAQ,yCAAwC;AAC1E,SAASC,aAAa,QAAQ,qCAAoC;AAClE,OAAOC,mBAAmB,qCAAoC;AAC9D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAO;AAChE,SAASC,UAAU,QAAQ,QAAO;AAClC,SAASC,WAAW,EAAEC,UAAU,EAAEC,WAAW,EAAEC,cAAc,QAAQ,cAAa;AAIlF,SAASC,UAAU,QAAQ,wCAAuC;AAClE,SAASC,6BAA6B,QAAQ,yCAAwC;AACtF,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAgB;IACpBC,OAAO;AACT;AAOA,MAAMC,sBAAuC;IAC3C,MAAM,EACJC,UAAU,EACVC,QAAQ,EACRC,OAAO,EACPA,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC9BC,UAAU,EACX,GAAGX;IAEJ,MAAM,EACJY,WAAW,EACXC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG1B;IACJ,MAAM,CAAC2B,uBAAuB,GAAGtB,SAAS,IACxCkB,YACGK,MAAM,CAAC,CAAC,EAAEC,OAAO,EAAEC,0BAA0B,EAAE,EAAE,GAAKA,4BACtDC,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA;IAEvB,MAAM,CAACC,mBAAmBC,qBAAqB,GAAG7B,SAAS,IACzDkB,YAAYY,IAAI,CAAC,CAACC,OAASA,KAAKJ,IAAI,KAAKZ;IAG3C,MAAMiB,WAAW5B;IACjB,MAAM6B,UAAU9B;IAChB,MAAM,EAAE+B,IAAI,EAAEC,CAAC,EAAE,GAAGvC;IACpB,MAAMwC,SAAS/B;IACf,MAAM,CAACgC,WAAWC,kBAAkB,GAAGvC,WAAW,CAACwC,QAAUA,QAAQ,GAAG;IACxE,MAAM,CAAC,EAAEC,IAAI,EAAE,EAAE,EAAEC,SAAS,EAAE,CAAC,GAAG/C,cAChC,CAAC,EAAE2B,UAAU,EAAED,IAAI,CAAC,EAAEQ,kBAAkBD,IAAI,CAAC,CAAC,EAAEX,OAAO0B,GAAG,CAAC,EAC3D;QAAEjC;IAAc;IAGlB,MAAM,CAACkC,gBAAgBC,uBAAuB,EAAEC,WAAW,EAAE,CAAC,GAAGrD,kBAAkB;QACjFkD,IAAI1B,OAAO0B;QACXI,gBAAgBlB,kBAAkBD,IAAI;IACxC;IAEA,MAAM,CAACoB,YAAYC,mBAAmB,EAAEH,aAAaI,eAAe,EAAE,CAAC,GAAGxD,cAAc;QACtFyD,iBAAiB5B;QACjB6B,oBAAoBvB,kBAAkBD,IAAI;IAC5C;IAEA,MAAMyB,qBAAqBtD,YAAY;QACrC,MAAMuD,cAAcnD,YAAYoD,QAAQ,CAAClB,QAAQtB;QAEjDb,WAAWsD,WAAW,CAACnB,QAAQ;YAAEoB,IAAIH;QAAY;IACnD,GAAG;QAACjB;QAAQtB;KAAQ;IAEpB,MAAM2C,qBAAqB5D,MAAMC,WAAW,CAC1C,CAAC,EAAE4D,GAAG,EAAE;QACN,MAAML,cAAcnD,YAAYoD,QAAQ,CAAClB,QAAQtB;QAEjDb,WAAW0D,QAAQ,CACjBvB,QACA;YACEwB,MAAM;YACN/C,UAAU;gBAAC;oBAAEgD,MAAM;gBAAI;aAAE;YACzB9C,YAAYa,kBAAkBD,IAAI;YAClCX,OAAO;gBAAE0B,IAAIgB,IAAIhB,EAAE;YAAC;QACtB,GACA;YAAEc,IAAIH;QAAY;QAGpBZ,UAAU;YACR,GAAGhC,aAAa;YAChB4B;QACF;QAEAQ;QACAP;IACF,GACA;QAACF;QAAQtB;QAASc;QAAmBS;QAAWI;QAAWI;KAAY;IAGzE,MAAMiB,mBAAmBjE,MAAMC,WAAW,CACxC,CAAC,EAAEgD,cAAc,EAAEiB,KAAK,EAAE;QACxB,MAAMV,cAAcnD,YAAYoD,QAAQ,CAAClB,QAAQtB;QAEjDb,WAAW0D,QAAQ,CACjBvB,QACA;YACEwB,MAAM;YACN/C,UAAU;gBAAC;oBAAEgD,MAAM;gBAAI;aAAE;YACzB9C,YAAY+B;YACZ9B,OAAO;gBAAE0B,IAAIqB;YAAM;QACrB,GACA;YAAEP,IAAIH;QAAY;QAGpBxB,qBAAqBX,YAAYY,IAAI,CAAC,CAACC,OAASA,KAAKJ,IAAI,KAAKmB;QAE9DL,UAAU;YACR,GAAGhC,aAAa;YAChB4B;QACF;QAEAY;QACAX;IACF,GACA;QAACW;QAAiBb;QAAQtB;QAASuB;QAAWI;QAAWvB;KAAY;IAGvE,qBACE,MAAC8C;QACCC,WAAW;YAACzD;YAAWwB,YAAYC,WAAW,CAAC,EAAEzB,UAAU,UAAU,CAAC;SAAC,CACpEe,MAAM,CAAC2C,SACPC,IAAI,CAAC;QACRC,iBAAiB;QAChB,GAAGxD,UAAU;;0BAEd,MAACoD;gBAAIC,WAAW,CAAC,EAAEzD,UAAU,MAAM,CAAC;;kCAClC,KAAC6D;wBAAEJ,WAAW,CAAC,EAAEzD,UAAU,OAAO,CAAC;kCAChC2B,EAAE,4BAA4B;4BAC7BmC,OAAOhF,eAAesC,kBAAkB2C,MAAM,CAACC,QAAQ,EAAEtC;wBAC3D;;kCAEF,KAACU;wBAAsBqB,WAAW,CAAC,EAAEzD,UAAU,oBAAoB,CAAC;kCAClE,cAAA,KAAC6D;4BAAEJ,WAAW,CAAC,EAAEzD,UAAU,OAAO,CAAC;sCAChCgC,IAAI,CAACZ,mBAAmBJ,OAAOiD,cAAc,KAAK;;;;;0BAIzD,MAACT;gBAAIC,WAAW,CAAC,EAAEzD,UAAU,SAAS,CAAC;;kCACrC,KAACwC;wBACCiB,WAAW,CAAC,EAAEzD,UAAU,qBAAqB,CAAC;wBAC9CkE,UAAUzD,YAAY0D;kCAEtB,cAAA,KAACpF;4BACCqF,aAAY;4BACZF,UAAUzD,YAAY0D;4BACtBE,IAAG;4BACHC,MAAK;4BACLC,SAAS;4BACP,aAAa;4BACf;4BACAC,KAAK;4BACLC,SAAS9C,EAAE;;;kCAGf,KAAC5C;wBACCqF,aAAY;wBACZX,WAAW,CAAC,EAAEzD,UAAU,cAAc,CAAC;wBACvCkE,UAAUzD,YAAY0D;wBACtBG,MAAK;wBACLC,SAAS,CAACG;4BACRA,EAAEC,cAAc;4BAChB/B;wBACF;wBACA4B,KAAK;wBACLC,SAAS9C,EAAE;;;;YAGdnB,OAAO0B,oBAAM,KAACC;gBAAeyC,QAAQ3B;;0BACtC,KAACV;gBAAWsC,UAAUvB;;YACrBjD;;;AAGP;AAEA,OAAO,MAAMyE,UAAU,CAACC;IACtB,qBACE,KAAChF;QAA+B,GAAGgF,KAAK;kBACtC,cAAA,KAAC5E;YAAqB,GAAG4E,KAAK;;;AAGpC,EAAC"}
+{"version":3,"sources":["../../../../../src/field/elements/relationship/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  useConfig,\n  useDocumentDrawer,\n  useListDrawer,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { RelationshipElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-relationship'\n\nconst initialParams = {\n  depth: 0,\n}\n\ntype Props = FormFieldBase & {\n  name: string\n  richTextComponentMap: Map<string, React.ReactNode>\n}\n\nconst RelationshipElement: React.FC<Props> = () => {\n  const {\n    attributes,\n    children,\n    element,\n    element: { relationTo, value },\n    fieldProps,\n  } = useElement<RelationshipElementType>()\n\n  const {\n    collections,\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const [enabledCollectionSlugs] = useState(() =>\n    collections\n      .filter(({ admin: { enableRichTextRelationship } }) => enableRichTextRelationship)\n      .map(({ slug }) => slug),\n  )\n  const [relatedCollection, setRelatedCollection] = useState(() =>\n    collections.find((coll) => coll.slug === relationTo),\n  )\n\n  const selected = useSelected()\n  const focused = useFocused()\n  const { i18n, t } = useTranslation()\n  const editor = useSlateStatic()\n  const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n  const [{ data }, { setParams }] = usePayloadAPI(\n    `${serverURL}${api}/${relatedCollection.slug}/${value?.id}`,\n    { initialParams },\n  )\n\n  const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n    id: value?.id,\n    collectionSlug: relatedCollection.slug,\n  })\n\n  const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n    collectionSlugs: enabledCollectionSlugs,\n    selectedCollection: relatedCollection.slug,\n  })\n\n  const removeRelationship = useCallback(() => {\n    const elementPath = ReactEditor.findPath(editor, element)\n\n    Transforms.removeNodes(editor, { at: elementPath })\n  }, [editor, element])\n\n  const updateRelationship = React.useCallback(\n    ({ doc }) => {\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(\n        editor,\n        {\n          type: 'relationship',\n          children: [{ text: ' ' }],\n          relationTo: relatedCollection.slug,\n          value: { id: doc.id },\n        },\n        { at: elementPath },\n      )\n\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      closeDrawer()\n      dispatchCacheBust()\n    },\n    [editor, element, relatedCollection, cacheBust, setParams, closeDrawer],\n  )\n\n  const swapRelationship = React.useCallback(\n    ({ collectionSlug, docID }) => {\n      const elementPath = ReactEditor.findPath(editor, element)\n\n      Transforms.setNodes(\n        editor,\n        {\n          type: 'relationship',\n          children: [{ text: ' ' }],\n          relationTo: collectionSlug,\n          value: { id: docID },\n        },\n        { at: elementPath },\n      )\n\n      setRelatedCollection(collections.find((coll) => coll.slug === collectionSlug))\n\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      closeListDrawer()\n      dispatchCacheBust()\n    },\n    [closeListDrawer, editor, element, cacheBust, setParams, collections],\n  )\n\n  return (\n    <div\n      className={[baseClass, selected && focused && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      contentEditable={false}\n      {...attributes}\n    >\n      <div className={`${baseClass}__wrap`}>\n        <p className={`${baseClass}__label`}>\n          {t('fields:labelRelationship', {\n            label: getTranslation(relatedCollection.labels.singular, i18n),\n          })}\n        </p>\n        <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n          <p className={`${baseClass}__title`}>\n            {data[relatedCollection?.admin?.useAsTitle || 'id']}\n          </p>\n        </DocumentDrawerToggler>\n      </div>\n      <div className={`${baseClass}__actions`}>\n        <ListDrawerToggler\n          className={`${baseClass}__list-drawer-toggler`}\n          disabled={fieldProps?.readOnly}\n        >\n          <Button\n            buttonStyle=\"icon-label\"\n            disabled={fieldProps?.readOnly}\n            el=\"div\"\n            icon=\"swap\"\n            onClick={() => {\n              // do nothing\n            }}\n            round\n            tooltip={t('fields:swapRelationship')}\n          />\n        </ListDrawerToggler>\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__removeButton`}\n          disabled={fieldProps?.readOnly}\n          icon=\"x\"\n          onClick={(e) => {\n            e.preventDefault()\n            removeRelationship()\n          }}\n          round\n          tooltip={t('fields:removeRelationship')}\n        />\n      </div>\n      {value?.id && <DocumentDrawer onSave={updateRelationship} />}\n      <ListDrawer onSelect={swapRelationship} />\n      {children}\n    </div>\n  )\n}\n\nexport const Element = (props: Props): React.ReactNode => {\n  return (\n    <EnabledRelationshipsCondition {...props}>\n      <RelationshipElement {...props} />\n    </EnabledRelationshipsCondition>\n  )\n}\n"],"names":["getTranslation","Button","useConfig","useDocumentDrawer","useListDrawer","usePayloadAPI","useTranslation","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","baseClass","initialParams","depth","RelationshipElement","attributes","children","element","relationTo","value","fieldProps","collections","routes","api","serverURL","enabledCollectionSlugs","filter","admin","enableRichTextRelationship","map","slug","relatedCollection","setRelatedCollection","find","coll","selected","focused","i18n","t","editor","cacheBust","dispatchCacheBust","state","data","setParams","id","DocumentDrawer","DocumentDrawerToggler","closeDrawer","collectionSlug","ListDrawer","ListDrawerToggler","closeListDrawer","collectionSlugs","selectedCollection","removeRelationship","elementPath","findPath","removeNodes","at","updateRelationship","doc","setNodes","type","text","swapRelationship","docID","div","className","Boolean","join","contentEditable","p","label","labels","singular","useAsTitle","disabled","readOnly","buttonStyle","el","icon","onClick","round","tooltip","e","preventDefault","onSave","onSelect","Element","props"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}