@payloadcms/richtext-slate 3.0.0-beta.7 → 3.0.0-beta.71

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

@@ -1,18 +1,9 @@
 'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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 } from '@payloadcms/ui/shared';
+import { deepCopyObject, reduceFieldsToValues } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
 import { Editor, Node, Transforms } from 'slate';
 import { ReactEditor, useSlate } from 'slate-react';
@@ -53,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);
@@ -108,92 +98,109 @@ export const LinkElement = ()=>{
         id,
         fieldMapPath
     ]);
-    return /*#__PURE__*/ React.createElement("span", {
+    return /*#__PURE__*/ _jsxs("span", {
         className: baseClass,
-        ...attributes
-    }, /*#__PURE__*/ React.createElement("span", {
-        contentEditable: false,
-        style: {
-            userSelect: 'none'
-        }
-    }, renderModal && /*#__PURE__*/ React.createElement(LinkDrawer, {
-        drawerSlug: drawerSlug,
-        fieldMap: Array.isArray(fieldMap) ? fieldMap : [],
-        handleClose: ()=>{
-            toggleModal(drawerSlug);
-            setRenderModal(false);
-        },
-        handleModalSubmit: (fields)=>{
-            insertChange(editor, fields);
-            closeModal(drawerSlug);
-            setRenderModal(false);
-        },
-        initialState: initialState
-    }), /*#__PURE__*/ React.createElement(Popup, {
-        boundingRef: editorRef,
-        buttonType: "none",
-        forceOpen: renderPopup,
-        horizontalAlign: "left",
-        onToggleOpen: handleTogglePopup,
-        render: ()=>/*#__PURE__*/ React.createElement("div", {
-                className: `${baseClass}__popup`
-            }, element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && /*#__PURE__*/ React.createElement(Translation, {
-                elements: {
-                    '0': ({ children })=>/*#__PURE__*/ React.createElement("a", {
-                            className: `${baseClass}__link-label`,
-                            href: `${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`,
-                            rel: "noreferrer",
-                            target: "_blank",
-                            title: `${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`
-                        }, children)
-                },
-                i18nKey: "fields:linkedTo",
-                t: t,
-                variables: {
-                    label: getTranslation(config.collections.find(({ slug })=>slug === element.doc.relationTo)?.labels?.singular, i18n)
-                }
-            }), (element.linkType === 'custom' || !element.linkType) && /*#__PURE__*/ React.createElement("a", {
-                className: `${baseClass}__link-label`,
-                href: element.url,
-                rel: "noreferrer",
-                target: "_blank",
-                title: element.url
-            }, element.url), /*#__PURE__*/ React.createElement(Button, {
-                buttonStyle: "icon-label",
-                className: `${baseClass}__link-edit`,
-                icon: "edit",
-                onClick: (e)=>{
-                    e.preventDefault();
-                    setRenderPopup(false);
-                    openModal(drawerSlug);
-                    setRenderModal(true);
+        ...attributes,
+        children: [
+            /*#__PURE__*/ _jsxs("span", {
+                contentEditable: false,
+                style: {
+                    userSelect: 'none'
                 },
-                round: true,
-                tooltip: t('general:edit')
-            }), /*#__PURE__*/ React.createElement(Button, {
-                buttonStyle: "icon-label",
-                className: `${baseClass}__link-close`,
-                icon: "x",
-                onClick: (e)=>{
-                    e.preventDefault();
-                    unwrapLink(editor);
+                children: [
+                    renderModal && /*#__PURE__*/ _jsx(LinkDrawer, {
+                        drawerSlug: drawerSlug,
+                        fieldMap: Array.isArray(fieldMap) ? fieldMap : [],
+                        handleClose: ()=>{
+                            toggleModal(drawerSlug);
+                            setRenderModal(false);
+                        },
+                        handleModalSubmit: (fields)=>{
+                            insertChange(editor, fields);
+                            closeModal(drawerSlug);
+                            setRenderModal(false);
+                        },
+                        initialState: initialState
+                    }),
+                    /*#__PURE__*/ _jsx(Popup, {
+                        boundingRef: editorRef,
+                        buttonType: "none",
+                        forceOpen: renderPopup,
+                        horizontalAlign: "left",
+                        onToggleOpen: handleTogglePopup,
+                        render: ()=>/*#__PURE__*/ _jsxs("div", {
+                                className: `${baseClass}__popup`,
+                                children: [
+                                    element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && /*#__PURE__*/ _jsx(Translation, {
+                                        elements: {
+                                            '0': ({ children })=>/*#__PURE__*/ _jsx("a", {
+                                                    className: `${baseClass}__link-label`,
+                                                    href: `${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`,
+                                                    rel: "noreferrer",
+                                                    target: "_blank",
+                                                    title: `${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`,
+                                                    children: children
+                                                })
+                                        },
+                                        i18nKey: "fields:linkedTo",
+                                        t: t,
+                                        variables: {
+                                            label: getTranslation(config.collections.find(({ slug })=>slug === element.doc.relationTo)?.labels?.singular, i18n)
+                                        }
+                                    }),
+                                    (element.linkType === 'custom' || !element.linkType) && /*#__PURE__*/ _jsx("a", {
+                                        className: `${baseClass}__link-label`,
+                                        href: element.url,
+                                        rel: "noreferrer",
+                                        target: "_blank",
+                                        title: element.url,
+                                        children: element.url
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        buttonStyle: "icon-label",
+                                        className: `${baseClass}__link-edit`,
+                                        icon: "edit",
+                                        onClick: (e)=>{
+                                            e.preventDefault();
+                                            setRenderPopup(false);
+                                            openModal(drawerSlug);
+                                            setRenderModal(true);
+                                        },
+                                        round: true,
+                                        tooltip: t('general:edit')
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        buttonStyle: "icon-label",
+                                        className: `${baseClass}__link-close`,
+                                        icon: "x",
+                                        onClick: (e)=>{
+                                            e.preventDefault();
+                                            unwrapLink(editor);
+                                        },
+                                        round: true,
+                                        tooltip: t('general:remove')
+                                    })
+                                ]
+                            }),
+                        size: "fit-content",
+                        verticalAlign: "bottom"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: [
+                    `${baseClass}__popup-toggler`
+                ].filter(Boolean).join(' '),
+                onClick: ()=>setRenderPopup(true),
+                onKeyDown: (e)=>{
+                    if (e.key === 'Enter') setRenderPopup(true);
                 },
-                round: true,
-                tooltip: t('general:remove')
-            })),
-        size: "fit-content",
-        verticalAlign: "bottom"
-    })), /*#__PURE__*/ React.createElement("span", {
-        className: [
-            `${baseClass}__popup-toggler`
-        ].filter(Boolean).join(' '),
-        onClick: ()=>setRenderPopup(true),
-        onKeyDown: (e)=>{
-            if (e.key === 'Enter') setRenderPopup(true);
-        },
-        role: "button",
-        tabIndex: 0
-    }, children));
+                role: "button",
+                tabIndex: 0,
+                children: children
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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":"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"}
+{"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 } from '@payloadcms/ui/shared'\nimport { deepCopyObject, reduceFieldsToValues } 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","deepCopyObject","reduceFieldsToValues","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"],"mappings":"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"}

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

@@ -1,4 +1,3 @@
-import type { Config } from 'payload/config';
-import type { Field } from 'payload/types';
-export declare const getBaseFields: (config: Config) => Field[];
+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,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,eAAO,MAAM,aAAa,WAAY,MAAM,KAAG,KAAK,EAmEnD,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 { Config } from 'payload/config'\nimport type { Field } from 'payload/types'\n\nexport const getBaseFields = (config: Config): 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,SAA4B;QACxD;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"],"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,15 +1,7 @@
 'use client';
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
@@ -37,27 +29,32 @@ export const LinkDrawer = ({ drawerSlug, fieldMap, handleModalSubmit, initialSta
         fieldMapPath,
         id
     ]);
-    return /*#__PURE__*/ React.createElement(Drawer, {
+    return /*#__PURE__*/ _jsx(Drawer, {
         className: baseClass,
         slug: drawerSlug,
-        title: t('fields:editLink')
-    }, /*#__PURE__*/ React.createElement(Form, {
-        beforeSubmit: [
-            onChange
-        ],
-        disableValidationOnSubmit: true,
-        initialState: initialState,
-        onChange: [
-            onChange
-        ],
-        onSubmit: handleModalSubmit
-    }, /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: fieldMap,
-        forceRender: true,
-        path: "",
-        readOnly: false,
-        schemaPath: ""
-    }), /*#__PURE__*/ React.createElement(LinkSubmit, null)));
+        title: t('fields:editLink'),
+        children: /*#__PURE__*/ _jsxs(Form, {
+            beforeSubmit: [
+                onChange
+            ],
+            disableValidationOnSubmit: true,
+            initialState: initialState,
+            onChange: [
+                onChange
+            ],
+            onSubmit: handleModalSubmit,
+            children: [
+                /*#__PURE__*/ _jsx(RenderFields, {
+                    fieldMap: fieldMap,
+                    forceRender: true,
+                    path: "",
+                    readOnly: false,
+                    schemaPath: ""
+                }),
+                /*#__PURE__*/ _jsx(LinkSubmit, {})
+            ]
+        })
+    });
 };
 const LinkSubmit = ()=>{
     const { t } = useTranslation();
@@ -76,9 +73,10 @@ const LinkSubmit = ()=>{
             ref.current.click();
         }
     });
-    return /*#__PURE__*/ React.createElement(FormSubmit, {
-        ref: ref
-    }, t('general:submit'));
+    return /*#__PURE__*/ _jsx(FormSubmit, {
+        ref: ref,
+        children: t('general:submit')
+    });
 };
 
 //# sourceMappingURL=index.js.map

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,oBAACxB;QAAOmC,WAAWpB;QAAWqB,MAAMnB;QAAYoB,OAAOhB,EAAE;qBACvD,oBAACnB;QACCoC,cAAc;YAACZ;SAAS;QACxBa,2BAAAA;QACAnB,cAAcA;QACdM,UAAU;YAACA;SAAS;QACpBc,UAAUrB;qBAEV,oBAAChB;QAAae,UAAUA;QAAUuB,aAAAA;QAAYC,MAAK;QAAGC,UAAU;QAAOrB,YAAW;sBAClF,oBAACsB;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,oBAACjD;QAAWyC,KAAKA;OAAMxB,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"],"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,4 @@
-import type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap';
-import type { FormState } from 'payload/types';
+import type { FieldMap, 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,SAAS,EAAE,MAAM,SAAS,CAAA;AAElD,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, 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":[],"mappings":"AAEA,WAMC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/link/WithLinks.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\nimport type { Editor } from 'slate'\n\nimport { useSlatePlugin } from '../../../utilities/useSlatePlugin.js'\n\nconst plugin = (incomingEditor: Editor): Editor => {\n  const editor = incomingEditor\n  const { isInline } = editor\n\n  editor.isInline = (element) => {\n    if (element.type === 'link') {\n      return true\n    }\n\n    return isInline(element)\n  }\n\n  return editor\n}\n\nexport const WithLinks: React.FC = () => {\n  useSlatePlugin('withLinks', plugin)\n  return null\n}\n"],"names":["useSlatePlugin","plugin","incomingEditor","editor","isInline","element","type","WithLinks"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA;AAKA,SAASA,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,SAAS,CAACC;IACd,MAAMC,SAASD;IACf,MAAM,EAAEE,QAAQ,EAAE,GAAGD;IAErBA,OAAOC,QAAQ,GAAG,CAACC;QACjB,IAAIA,QAAQC,IAAI,KAAK,QAAQ;YAC3B,OAAO;QACT;QAEA,OAAOF,SAASC;IAClB;IAEA,OAAOF;AACT;AAEA,OAAO,MAAMI,YAAsB;IACjCP,eAAe,aAAaC;IAC5B,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/link/WithLinks.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\nimport type { Editor } from 'slate'\n\nimport { useSlatePlugin } from '../../../utilities/useSlatePlugin.js'\n\nconst plugin = (incomingEditor: Editor): Editor => {\n  const editor = incomingEditor\n  const { isInline } = editor\n\n  editor.isInline = (element) => {\n    if (element.type === 'link') {\n      return true\n    }\n\n    return isInline(element)\n  }\n\n  return editor\n}\n\nexport const WithLinks: React.FC = () => {\n  useSlatePlugin('withLinks', plugin)\n  return null\n}\n"],"names":["useSlatePlugin","plugin","incomingEditor","editor","isInline","element","type","WithLinks"],"mappings":"AAAA;AAKA,SAASA,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,SAAS,CAACC;IACd,MAAMC,SAASD;IACf,MAAM,EAAEE,QAAQ,EAAE,GAAGD;IAErBA,OAAOC,QAAQ,GAAG,CAACC;QACjB,IAAIA,QAAQC,IAAI,KAAK,QAAQ;YAC3B,OAAO;QACT;QAEA,OAAOF,SAASC;IAClB;IAEA,OAAOF;AACT;AAEA,OAAO,MAAMI,YAAsB;IACjCP,eAAe,aAAaC;IAC5B,OAAO;AACT,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/link/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { LinkButton } from './Button/index.js'\nimport { LinkElement } from './Element/index.js'\nimport { WithLinks } from './WithLinks.js'\n\nexport const link: RichTextCustomElement = {\n  name: 'link',\n  Button: LinkButton,\n  Element: LinkElement,\n  plugins: [WithLinks],\n}\n"],"names":["LinkButton","LinkElement","WithLinks","link","name","Button","Element","plugins"],"rangeMappings":";;;;;;;;;;","mappings":"AAEA,SAASA,UAAU,QAAQ,oBAAmB;AAC9C,SAASC,WAAW,QAAQ,qBAAoB;AAChD,SAASC,SAAS,QAAQ,iBAAgB;AAE1C,OAAO,MAAMC,OAA8B;IACzCC,MAAM;IACNC,QAAQL;IACRM,SAASL;IACTM,SAAS;QAACL;KAAU;AACtB,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/link/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { LinkButton } from './Button/index.js'\nimport { LinkElement } from './Element/index.js'\nimport { WithLinks } from './WithLinks.js'\n\nexport const link: RichTextCustomElement = {\n  name: 'link',\n  Button: LinkButton,\n  Element: LinkElement,\n  plugins: [WithLinks],\n}\n"],"names":["LinkButton","LinkElement","WithLinks","link","name","Button","Element","plugins"],"mappings":"AAEA,SAASA,UAAU,QAAQ,oBAAmB;AAC9C,SAASC,WAAW,QAAQ,qBAAoB;AAChD,SAASC,SAAS,QAAQ,iBAAgB;AAE1C,OAAO,MAAMC,OAA8B;IACzCC,MAAM;IACNC,QAAQL;IACRM,SAASL;IACTM,SAAS;QAACL;KAAU;AACtB,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/link/shared.ts"],"sourcesContent":["export const modalSlug = 'rich-text-link-modal'\nexport const linkFieldsSchemaPath = 'link.fields'\n"],"names":["modalSlug","linkFieldsSchemaPath"],"rangeMappings":";","mappings":"AAAA,OAAO,MAAMA,YAAY,uBAAsB;AAC/C,OAAO,MAAMC,uBAAuB,cAAa"}
+{"version":3,"sources":["../../../../src/field/elements/link/shared.ts"],"sourcesContent":["export const modalSlug = 'rich-text-link-modal'\nexport const linkFieldsSchemaPath = 'link.fields'\n"],"names":["modalSlug","linkFieldsSchemaPath"],"mappings":"AAAA,OAAO,MAAMA,YAAY,uBAAsB;AAC/C,OAAO,MAAMC,uBAAuB,cAAa"}

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

@@ -1,9 +1,9 @@
 import type { Element } from 'slate';
-export type LinkElementType = Element & {
+export type LinkElementType = {
     doc: Record<string, unknown>;
     fields: Record<string, unknown>;
     linkType: string;
     newTab: boolean;
     url: string;
-};
+} & Element;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEpC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEpC,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,OAAO,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/link/types.ts"],"sourcesContent":["import type { Element } from 'slate'\n\nexport type LinkElementType = Element & {\n  doc: Record<string, unknown>\n  fields: Record<string, unknown>\n  linkType: string\n  newTab: boolean\n  url: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAMC"}
+{"version":3,"sources":["../../../../src/field/elements/link/types.ts"],"sourcesContent":["import type { Element } from 'slate'\n\nexport type LinkElementType = {\n  doc: Record<string, unknown>\n  fields: Record<string, unknown>\n  linkType: string\n  newTab: boolean\n  url: string\n} & Element\n"],"names":[],"mappings":"AAEA,WAMW"}

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

@@ -1,6 +1,4 @@
-import type { I18n } from '@payloadcms/translations';
-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;
@@ -10,6 +8,5 @@ export declare const wrapLink: (editor: Editor) => void;
 export declare function transformExtraFields(customFieldSchema: ((args: {
     config: SanitizedConfig;
     defaultFields: Field[];
-    i18n: I18n;
-}) => Field[]) | Field[], config: SanitizedConfig, i18n: I18n): Field[];
+}) => Field[]) | Field[], config: SanitizedConfig): Field[];
 //# sourceMappingURL=utilities.d.ts.map

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,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,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,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,KAAK,KAAK,EAAE,CAAC,GACpF,KAAK,EAAE,EACX,MAAM,EAAE,eAAe,EACvB,IAAI,EAAE,IAAI,GACT,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

@@ -31,12 +31,11 @@ export const wrapLink = (editor)=>{
 };
 /**
  * This function is run to enrich the basefields which every link has with potential, custom user-added fields.
- */ export function transformExtraFields(customFieldSchema, config, i18n) {
+ */ export function transformExtraFields(customFieldSchema, config) {
     const baseFields = getBaseFields(config);
     const fields = typeof customFieldSchema === 'function' ? customFieldSchema({
         config,
-        defaultFields: baseFields,
-        i18n
+        defaultFields: baseFields
     }) : baseFields;
     // Wrap fields which are not part of the base schema in a group named 'fields' - otherwise they will be rendered but not saved
     const extraFields = [];
@@ -52,7 +51,7 @@ export const wrapLink = (editor)=>{
             }
         }
     }
-    if (Array.isArray(customFieldSchema) || fields.length > 0) {
+    if (Array.isArray(customFieldSchema) && customFieldSchema?.length || extraFields?.length) {
         fields.push({
             name: 'fields',
             type: 'group',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/link/utilities.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport 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[]; i18n: I18n }) => Field[])\n    | Field[],\n  config: SanitizedConfig,\n  i18n: I18n,\n): Field[] {\n  const baseFields: Field[] = getBaseFields(config)\n\n  const fields =\n    typeof customFieldSchema === 'function'\n      ? customFieldSchema({ config, defaultFields: baseFields, i18n })\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) || fields.length > 0) {\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","i18n","baseFields","fields","defaultFields","extraFields","i","length","field","find","baseField","name","push","splice","indexOf","Array","isArray","admin","style","borderBottom","borderTop","margin","padding","concat"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAKA,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,EACvBC,IAAU;IAEV,MAAMC,aAAsB1B,cAAcwB;IAE1C,MAAMG,SACJ,OAAOJ,sBAAsB,aACzBA,kBAAkB;QAAEC;QAAQI,eAAeF;QAAYD;IAAK,KAC5DC;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,MAAMzB,IAAI,KAAK,SAAS;oBACrDsB,YAAYO,IAAI,CAACJ;oBACjB,iFAAiF;oBACjFL,OAAOU,MAAM,CAACV,OAAOW,OAAO,CAACN,QAAQ;gBACvC;YACF;QACF;IACF;IAEA,IAAIO,MAAMC,OAAO,CAACjB,sBAAsBI,OAAOI,MAAM,GAAG,GAAG;QACzDJ,OAAOS,IAAI,CAAC;YACVD,MAAM;YACN5B,MAAM;YACNkC,OAAO;gBACLC,OAAO;oBACLC,cAAc;oBACdC,WAAW;oBACXC,QAAQ;oBACRC,SAAS;gBACX;YACF;YACAnB,QAAQY,MAAMC,OAAO,CAACjB,qBAClBA,kBAAkBwB,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"],"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/listTypes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/field/elements/listTypes.tsx"],"sourcesContent":["export const listTypes = ['ol', 'ul']\n"],"names":["listTypes"],"rangeMappings":";;;","mappings":"AAAA,OAAO,MAAMA,YAAY;IAAC;IAAM;CAAK,CAAA"}
+{"version":3,"sources":["../../../src/field/elements/listTypes.tsx"],"sourcesContent":["export const listTypes = ['ol', 'ul']\n"],"names":["listTypes"],"mappings":"AAAA,OAAO,MAAMA,YAAY;IAAC;IAAM;CAAK,CAAA"}