@payloadcms/richtext-slate 3.0.0-beta.13 → 3.0.0-beta.130

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

@@ -1,63 +1,66 @@
 '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, EditDepthProvider, Form, FormSubmit, RenderFields, useDocumentInfo, useEditDepth, useHotkey, useServerFunctions, useTranslation } from '@payloadcms/ui';
 import React, { useCallback, useRef } from 'react';
 import { linkFieldsSchemaPath } from '../shared.js';
 import './index.scss';
 const baseClass = 'rich-text-link-edit-modal';
-export const LinkDrawer = ({ drawerSlug, fieldMap, handleModalSubmit, initialState })=>{
+export const LinkDrawer = ({ drawerSlug, fields, handleModalSubmit, initialState, schemaPath })=>{
     const { t } = useTranslation();
-    const { schemaPath } = useFieldProps();
     const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`;
-    const { id } = useDocumentInfo();
-    const config = useConfig();
+    const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo();
+    const { getFormState } = useServerFunctions();
     const onChange = useCallback(async ({ formState: prevFormState })=>{
-        return await getFormState({
-            apiRoute: config.routes.api,
-            body: {
-                id,
-                formState: prevFormState,
-                operation: 'update',
-                schemaPath: fieldMapPath
-            },
-            serverURL: config.serverURL
+        const { state } = await getFormState({
+            id,
+            collectionSlug,
+            docPermissions,
+            docPreferences: await getDocPreferences(),
+            formState: prevFormState,
+            globalSlug,
+            operation: 'update',
+            schemaPath: fieldMapPath ?? ''
         });
+        return state;
     }, [
-        config.routes.api,
-        config.serverURL,
-        fieldMapPath,
-        id
+        getFormState,
+        id,
+        collectionSlug,
+        getDocPreferences,
+        docPermissions,
+        globalSlug,
+        fieldMapPath
     ]);
-    return /*#__PURE__*/ React.createElement(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)));
+    return /*#__PURE__*/ _jsx(EditDepthProvider, {
+        children: /*#__PURE__*/ _jsx(Drawer, {
+            className: baseClass,
+            slug: drawerSlug,
+            title: t('fields:editLink'),
+            children: /*#__PURE__*/ _jsxs(Form, {
+                beforeSubmit: [
+                    onChange
+                ],
+                disableValidationOnSubmit: true,
+                initialState: initialState,
+                onChange: [
+                    onChange
+                ],
+                onSubmit: handleModalSubmit,
+                children: [
+                    /*#__PURE__*/ _jsx(RenderFields, {
+                        fields: fields,
+                        forceRender: true,
+                        parentIndexPath: "",
+                        parentPath: '',
+                        parentSchemaPath: "",
+                        permissions: docPermissions.fields,
+                        readOnly: false
+                    }),
+                    /*#__PURE__*/ _jsx(LinkSubmit, {})
+                ]
+            })
+        })
+    });
 };
 const LinkSubmit = ()=>{
     const { t } = useTranslation();
@@ -76,9 +79,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  EditDepthProvider,\n  Form,\n  FormSubmit,\n  RenderFields,\n  useDocumentInfo,\n  useEditDepth,\n  useHotkey,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\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  fields,\n  handleModalSubmit,\n  initialState,\n  schemaPath,\n}) => {\n  const { t } = useTranslation()\n  const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n  const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const { getFormState } = useServerFunctions()\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const { state } = await getFormState({\n        id,\n        collectionSlug,\n        docPermissions,\n        docPreferences: await getDocPreferences(),\n        formState: prevFormState,\n        globalSlug,\n        operation: 'update',\n        schemaPath: fieldMapPath ?? '',\n      })\n\n      return state\n    },\n\n    [getFormState, id, collectionSlug, getDocPreferences, docPermissions, globalSlug, fieldMapPath],\n  )\n\n  return (\n    <EditDepthProvider>\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\n            fields={fields}\n            forceRender\n            parentIndexPath=\"\"\n            parentPath={''}\n            parentSchemaPath=\"\"\n            permissions={docPermissions.fields}\n            readOnly={false}\n          />\n          <LinkSubmit />\n        </Form>\n      </Drawer>\n    </EditDepthProvider>\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","EditDepthProvider","Form","FormSubmit","RenderFields","useDocumentInfo","useEditDepth","useHotkey","useServerFunctions","useTranslation","React","useCallback","useRef","linkFieldsSchemaPath","baseClass","LinkDrawer","drawerSlug","fields","handleModalSubmit","initialState","schemaPath","t","fieldMapPath","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","getFormState","onChange","formState","prevFormState","state","docPreferences","operation","className","slug","title","beforeSubmit","disableValidationOnSubmit","onSubmit","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","LinkSubmit","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click"],"mappings":"AAAA;;AAIA,SACEA,MAAM,EACNC,iBAAiB,EACjBC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,eAAe,EACfC,YAAY,EACZC,SAAS,EACTC,kBAAkB,EAClBC,cAAc,QACT,iBAAgB;AACvB,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,MAAM,EACNC,iBAAiB,EACjBC,YAAY,EACZC,UAAU,EACX;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IACd,MAAMa,eAAe,CAAC,EAAEF,WAAW,CAAC,EAAEP,qBAAqB,CAAC;IAE5D,MAAM,EAAEU,EAAE,EAAEC,cAAc,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,UAAU,EAAE,GAAGtB;IAE9E,MAAM,EAAEuB,YAAY,EAAE,GAAGpB;IAEzB,MAAMqB,WAAqClB,YACzC,OAAO,EAAEmB,WAAWC,aAAa,EAAE;QACjC,MAAM,EAAEC,KAAK,EAAE,GAAG,MAAMJ,aAAa;YACnCL;YACAC;YACAC;YACAQ,gBAAgB,MAAMP;YACtBI,WAAWC;YACXJ;YACAO,WAAW;YACXd,YAAYE,gBAAgB;QAC9B;QAEA,OAAOU;IACT,GAEA;QAACJ;QAAcL;QAAIC;QAAgBE;QAAmBD;QAAgBE;QAAYL;KAAa;IAGjG,qBACE,KAACrB;kBACC,cAAA,KAACD;YAAOmC,WAAWrB;YAAWsB,MAAMpB;YAAYqB,OAAOhB,EAAE;sBACvD,cAAA,MAACnB;gBACCoC,cAAc;oBAACT;iBAAS;gBACxBU,yBAAyB;gBACzBpB,cAAcA;gBACdU,UAAU;oBAACA;iBAAS;gBACpBW,UAAUtB;;kCAEV,KAACd;wBACCa,QAAQA;wBACRwB,WAAW;wBACXC,iBAAgB;wBAChBC,YAAY;wBACZC,kBAAiB;wBACjBC,aAAapB,eAAeR,MAAM;wBAClC6B,UAAU;;kCAEZ,KAACC;;;;;AAKX,EAAC;AAED,MAAMA,aAAuB;IAC3B,MAAM,EAAE1B,CAAC,EAAE,GAAGZ;IACd,MAAMuC,MAAMpC,OAA0B;IACtC,MAAMqC,YAAY3C;IAElBC,UAAU;QAAE2C,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,KAACrD;QAAW6C,KAAKA;kBAAM3B,EAAE;;AAClC"}

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

@@ -1,49 +1,51 @@
 @import '../../../../scss/styles.scss';
 
-.rich-text-link-edit-modal {
-  &__template {
-    position: relative;
-    z-index: 1;
-    padding-top: base(1);
-    padding-bottom: base(2);
-  }
+@layer payload-default {
+  .rich-text-link-edit-modal {
+    &__template {
+      position: relative;
+      z-index: 1;
+      padding-top: base(1);
+      padding-bottom: base(2);
+    }
 
-  &__header {
-    width: 100%;
-    margin-bottom: $baseline;
-    display: flex;
-    justify-content: space-between;
-    margin-top: base(2.5);
-    margin-bottom: base(1);
+    &__header {
+      width: 100%;
+      margin-bottom: $baseline;
+      display: flex;
+      justify-content: space-between;
+      margin-top: base(2.5);
+      margin-bottom: base(1);
 
-    @include mid-break {
-      margin-top: base(1.5);
+      @include mid-break {
+        margin-top: base(1.5);
+      }
     }
-  }
 
-  &__header-text {
-    margin: 0;
-  }
+    &__header-text {
+      margin: 0;
+    }
 
-  &__header-close {
-    border: 0;
-    background-color: transparent;
-    padding: 0;
-    cursor: pointer;
-    overflow: hidden;
-    width: base(1);
-    height: base(1);
+    &__header-close {
+      border: 0;
+      background-color: transparent;
+      padding: 0;
+      cursor: pointer;
+      overflow: hidden;
+      width: base(1);
+      height: base(1);
 
-    svg {
-      width: base(2.75);
-      height: base(2.75);
-      position: relative;
-      left: base(-0.825);
-      top: base(-0.825);
+      svg {
+        width: base(2);
+        height: base(2);
+        position: relative;
+        inset-inline-start: base(-0.5);
+        top: base(-0.5);
 
-      .stroke {
-        stroke-width: 2px;
-        vector-effect: non-scaling-stroke;
+        .stroke {
+          stroke-width: 2px;
+          vector-effect: non-scaling-stroke;
+        }
       }
     }
   }

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

@@ -1,10 +1,10 @@
-import type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap';
-import type { FormState } from 'payload/types';
+import type { ClientField, FormState } from 'payload';
 export type Props = {
-    drawerSlug: string;
-    fieldMap: FieldMap;
-    handleClose: () => void;
-    handleModalSubmit: (fields: FormState, data: Record<string, unknown>) => void;
-    initialState?: FormState;
+    readonly drawerSlug: string;
+    readonly fields: ClientField[];
+    readonly handleClose: () => void;
+    readonly handleModalSubmit: (fields: FormState, data: Record<string, unknown>) => void;
+    readonly initialState?: FormState;
+    readonly schemaPath: string;
 };
 //# sourceMappingURL=types.d.ts.map

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,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAErD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACtF,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,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 { ClientField, FormState } from 'payload'\n\nexport type Props = {\n  readonly drawerSlug: string\n  readonly fields: ClientField[]\n  readonly handleClose: () => void\n  readonly handleModalSubmit: (fields: FormState, data: Record<string, unknown>) => void\n  readonly initialState?: FormState\n  readonly schemaPath: string\n}\n"],"names":[],"mappings":"AAEA,WAOC"}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAM9D,eAAO,MAAM,IAAI,EAAE,qBAKlB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAE9D,eAAO,MAAM,IAAI,EAAE,qBAKlB,CAAA"}

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

@@ -1,12 +1,9 @@
-import { LinkButton } from './Button/index.js';
-import { LinkElement } from './Element/index.js';
-import { WithLinks } from './WithLinks.js';
 export const link = {
     name: 'link',
-    Button: LinkButton,
-    Element: LinkElement,
+    Button: '@payloadcms/richtext-slate/client#LinkButton',
+    Element: '@payloadcms/richtext-slate/client#LinkElement',
     plugins: [
-        WithLinks
+        '@payloadcms/richtext-slate/client#WithLinks'
     ]
 };
 

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\nexport const link: RichTextCustomElement = {\n  name: 'link',\n  Button: '@payloadcms/richtext-slate/client#LinkButton',\n  Element: '@payloadcms/richtext-slate/client#LinkElement',\n  plugins: ['@payloadcms/richtext-slate/client#WithLinks'],\n}\n"],"names":["link","name","Button","Element","plugins"],"mappings":"AAEA,OAAO,MAAMA,OAA8B;IACzCC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,SAAS;QAAC;KAA8C;AAC1D,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"}

package/dist/field/elements/ol/Button.d.ts

@@ -0,0 +1,4 @@
+export declare const OLElementButton: ({ format }: {
+    format: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/field/elements/ol/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ol/Button.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,eAAgB;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,4CAI7D,CAAA"}

package/dist/field/elements/ol/Button.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { OLIcon } from '../../icons/OrderedList/index.js';
+import { ListButton } from '../ListButton.js';
+export const OLElementButton = ({ format })=>/*#__PURE__*/ _jsx(ListButton, {
+        format: format,
+        children: /*#__PURE__*/ _jsx(OLIcon, {})
+    });
+
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/ol/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { OLIcon } from '../../icons/OrderedList/index.js'\nimport { ListButton } from '../ListButton.js'\n\nexport const OLElementButton = ({ format }: { format: string }) => (\n  <ListButton format={format}>\n    <OLIcon />\n  </ListButton>\n)\n"],"names":["React","OLIcon","ListButton","OLElementButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,UAAU,QAAQ,mBAAkB;AAE7C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAsB,iBAC5D,KAACF;QAAWE,QAAQA;kBAClB,cAAA,KAACH;OAEJ"}

package/dist/field/elements/ol/OrderedList.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.scss';
-export declare const OrderedList: React.FC;
+export declare const OrderedListElement: React.FC;
 //# sourceMappingURL=OrderedList.d.ts.map

package/dist/field/elements/ol/OrderedList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ol/OrderedList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAQ/B,CAAA"}
+{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ol/OrderedList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAQtC,CAAA"}

package/dist/field/elements/ol/OrderedList.js

@@ -1,13 +1,15 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useElement } from '../../providers/ElementProvider.js';
 import './index.scss';
-export const OrderedList = ()=>{
+export const OrderedListElement = ()=>{
     const { attributes, children } = useElement();
-    return /*#__PURE__*/ React.createElement("ol", {
+    return /*#__PURE__*/ _jsx("ol", {
         className: "rich-text-ol",
-        ...attributes
-    }, children);
+        ...attributes,
+        children: children
+    });
 };
 
 //# sourceMappingURL=OrderedList.js.map

package/dist/field/elements/ol/OrderedList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/ol/OrderedList.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const OrderedList: React.FC = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <ol className=\"rich-text-ol\" {...attributes}>\n      {children}\n    </ol>\n  )\n}\n"],"names":["React","useElement","OrderedList","attributes","children","ol","className"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,oBAACI;QAAGC,WAAU;QAAgB,GAAGH,UAAU;OACxCC;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/ol/OrderedList.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const OrderedListElement: React.FC = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <ol className=\"rich-text-ol\" {...attributes}>\n      {children}\n    </ol>\n  )\n}\n"],"names":["React","useElement","OrderedListElement","attributes","children","ol","className"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,qBAA+B;IAC1C,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,KAACI;QAAGC,WAAU;QAAgB,GAAGH,UAAU;kBACxCC;;AAGP,EAAC"}

package/dist/field/elements/ol/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ol/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAQ9D,eAAO,MAAM,EAAE,EAAE,qBAQhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ol/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,EAAE,EAAE,qBAShB,CAAA"}

package/dist/field/elements/ol/index.js

@@ -1,14 +1,13 @@
-import React from 'react';
-import { OLIcon } from '../../icons/OrderedList/index.js';
-import { ListButton } from '../ListButton.js';
-import { OrderedList } from './OrderedList.js';
 const name = 'ol';
 export const ol = {
     name,
-    Button: ()=>/*#__PURE__*/ React.createElement(ListButton, {
+    Button: {
+        clientProps: {
             format: name
-        }, /*#__PURE__*/ React.createElement(OLIcon, null)),
-    Element: OrderedList
+        },
+        path: '@payloadcms/richtext-slate/client#OLElementButton'
+    },
+    Element: '@payloadcms/richtext-slate/client#OrderedListElement'
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/field/elements/ol/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { RichTextCustomElement } from '../../../types.js'\n\nimport { OLIcon } from '../../icons/OrderedList/index.js'\nimport { ListButton } from '../ListButton.js'\nimport { OrderedList } from './OrderedList.js'\n\nconst name = 'ol'\n\nexport const ol: RichTextCustomElement = {\n  name,\n  Button: () => (\n    <ListButton format={name}>\n      <OLIcon />\n    </ListButton>\n  ),\n  Element: OrderedList,\n}\n"],"names":["React","OLIcon","ListButton","OrderedList","name","ol","Button","format","Element"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,MAAM,QAAQ,mCAAkC;AACzD,SAASC,UAAU,QAAQ,mBAAkB;AAC7C,SAASC,WAAW,QAAQ,mBAAkB;AAE9C,MAAMC,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ,kBACN,oBAACJ;YAAWK,QAAQH;yBAClB,oBAACH;IAGLO,SAASL;AACX,EAAC"}
+{"version":3,"sources":["../../../../src/field/elements/ol/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'ol'\n\nexport const ol: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@payloadcms/richtext-slate/client#OLElementButton',\n  },\n  Element: '@payloadcms/richtext-slate/client#OrderedListElement',\n}\n"],"names":["name","ol","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

package/dist/field/elements/ol/index.scss

@@ -1,7 +1,9 @@
 @import '../../../scss/styles.scss';
 
-.rich-text-ol {
-  &[data-slate-node='element'] {
-    margin: base(0.625) 0;
+@layer payload-default {
+  .rich-text-ol {
+    &[data-slate-node='element'] {
+      margin: base(0.625) 0;
+    }
   }
 }

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

@@ -4,6 +4,6 @@ type Props = {
     enabledCollectionSlugs: string[];
     path: string;
 };
-export declare const Button: (props: Props) => React.ReactNode;
+export declare const RelationshipButton: (props: Props) => React.ReactNode;
 export {};
 //# sourceMappingURL=index.d.ts.map

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,kBAAkB,UAAW,KAAK,KAAG,KAAK,CAAC,SAMvD,CAAA"}