@payloadcms/richtext-slate 3.0.0-canary.ff8c8fd → 3.0.0

package/dist/field/index.scss

@@ -1,212 +1,213 @@
 @import '../scss/styles.scss';
+@layer payload-default {
+  .rich-text {
+    margin-bottom: base(2);
+    display: flex;
+    flex-direction: column;
+    isolation: isolate;
 
-.rich-text {
-  margin-bottom: base(2);
-  display: flex;
-  flex-direction: column;
-  isolation: isolate;
-
-  &__toolbar {
-    @include blur-bg(var(--theme-elevation-0));
-    margin-bottom: $baseline;
-    border: $style-stroke-width-s solid var(--theme-elevation-150);
-    position: sticky;
-    z-index: 1;
-    top: var(--doc-controls-height);
-  }
+    &__toolbar {
+      @include blur-bg(var(--theme-elevation-0));
+      margin-bottom: $baseline;
+      border: $style-stroke-width-s solid var(--theme-elevation-150);
+      position: sticky;
+      z-index: 1;
+      top: var(--doc-controls-height);
+    }
+
+    &__toolbar-wrap {
+      padding: base(0.25);
+      display: flex;
+      flex-wrap: wrap;
+      align-items: stretch;
+      position: relative;
+      z-index: 1;
 
-  &__toolbar-wrap {
-    padding: base(0.25);
-    display: flex;
-    flex-wrap: wrap;
-    align-items: stretch;
-    position: relative;
-    z-index: 1;
-
-    &:after {
-      content: ' ';
-      opacity: 0.8;
-      position: absolute;
-      top: calc(100% + 1px);
-      background: linear-gradient(var(--theme-elevation-0), transparent);
-      display: block;
-      left: -1px;
-      right: -1px;
-      height: base(1);
+      &:after {
+        content: ' ';
+        opacity: 0.8;
+        position: absolute;
+        top: calc(100% + 1px);
+        background: linear-gradient(var(--theme-elevation-0), transparent);
+        display: block;
+        left: -1px;
+        right: -1px;
+        height: base(1);
+      }
     }
-  }
-
-  &__editor {
-    font-family: var(--font-serif);
-    font-size: base(0.8);
-    line-height: 1.5;
 
-    *[data-slate-node='element'] {
-      margin-top: 0.75em;
-      position: relative;
+    &__editor {
+      font-family: var(--font-serif);
+      font-size: base(0.8);
       line-height: 1.5;
-      letter-spacing: normal;
-    }
 
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      font-weight: 700;
-      letter-spacing: normal;
-    }
+      *[data-slate-node='element'] {
+        margin-top: 0.75em;
+        position: relative;
+        line-height: 1.5;
+        letter-spacing: normal;
+      }
 
-    h1[data-slate-node='element'] {
-      font-size: base(1.4);
-      margin-block: 0.5em 0.4em;
-      line-height: base(1.2);
-      letter-spacing: normal;
-    }
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        font-weight: 700;
+        letter-spacing: normal;
+      }
 
-    h2[data-slate-node='element'] {
-      font-size: base(1.25);
-      margin-block: 0.55em 0.4em;
-      line-height: base(1.2);
-      letter-spacing: normal;
-    }
+      h1[data-slate-node='element'] {
+        font-size: base(1.4);
+        margin-block: 0.5em 0.4em;
+        line-height: base(1.2);
+        letter-spacing: normal;
+      }
 
-    h3[data-slate-node='element'] {
-      font-size: base(1.1);
-      margin-block: 0.6em 0.4em;
-      line-height: base(1.3);
-      letter-spacing: normal;
-    }
+      h2[data-slate-node='element'] {
+        font-size: base(1.25);
+        margin-block: 0.55em 0.4em;
+        line-height: base(1.2);
+        letter-spacing: normal;
+      }
 
-    h4[data-slate-node='element'] {
-      font-size: base(1);
-      margin-block: 0.65em 0.4em;
-      line-height: base(1.4);
-      letter-spacing: normal;
+      h3[data-slate-node='element'] {
+        font-size: base(1.1);
+        margin-block: 0.6em 0.4em;
+        line-height: base(1.3);
+        letter-spacing: normal;
+      }
+
+      h4[data-slate-node='element'] {
+        font-size: base(1);
+        margin-block: 0.65em 0.4em;
+        line-height: base(1.4);
+        letter-spacing: normal;
+      }
+
+      h5[data-slate-node='element'] {
+        font-size: base(0.9);
+        margin-block: 0.7em 0.4em;
+        line-height: base(1.5);
+        letter-spacing: normal;
+      }
+
+      h6[data-slate-node='element'] {
+        font-size: base(0.8);
+        margin-block: 0.75em 0.4em;
+        line-height: base(1.5);
+      }
     }
 
-    h5[data-slate-node='element'] {
-      font-size: base(0.9);
-      margin-block: 0.7em 0.4em;
-      line-height: base(1.5);
-      letter-spacing: normal;
+    &--gutter {
+      .rich-text__editor {
+        padding-left: $baseline;
+        border-left: 1px solid var(--theme-elevation-100);
+      }
     }
 
-    h6[data-slate-node='element'] {
-      font-size: base(0.8);
-      margin-block: 0.75em 0.4em;
-      line-height: base(1.5);
+    &__input {
+      min-height: base(10);
     }
-  }
 
-  &--gutter {
-    .rich-text__editor {
-      padding-left: $baseline;
-      border-left: 1px solid var(--theme-elevation-100);
+    &__wrap {
+      width: 100%;
+      position: relative;
     }
-  }
 
-  &__input {
-    min-height: base(10);
-  }
+    &__wrapper {
+      width: 100%;
+    }
 
-  &__wrap {
-    width: 100%;
-    position: relative;
-  }
+    &--read-only {
+      .rich-text__editor {
+        background: var(--theme-elevation-200);
+        color: var(--theme-elevation-450);
+        padding: base(0.5);
 
-  &__wrapper {
-    width: 100%;
-  }
+        .popup button {
+          display: none;
+        }
+      }
 
-  &--read-only {
-    .rich-text__editor {
-      background: var(--theme-elevation-200);
-      color: var(--theme-elevation-450);
-      padding: base(0.5);
+      .rich-text__toolbar {
+        pointer-events: none;
+        position: relative;
+        top: 0;
 
-      .popup button {
-        display: none;
+        &::after {
+          content: ' ';
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background-color: var(--theme-elevation-200);
+          opacity: 0.85;
+          z-index: 2;
+          backdrop-filter: unset;
+        }
       }
     }
 
-    .rich-text__toolbar {
-      pointer-events: none;
-      position: relative;
-      top: 0;
+    &__button {
+      @extend %btn-reset;
+      padding: base(0.25);
 
-      &::after {
-        content: ' ';
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background-color: var(--theme-elevation-200);
-        opacity: 0.85;
-        z-index: 2;
-        backdrop-filter: unset;
+      svg {
+        @include color-svg(var(--theme-elevation-800));
+        width: base(0.75);
+        height: base(0.75);
       }
-    }
-  }
 
-  &__button {
-    @extend %btn-reset;
-    padding: base(0.25);
+      &:hover {
+        background-color: var(--theme-elevation-100);
+      }
 
-    svg {
-      @include color-svg(var(--theme-elevation-800));
-      width: base(0.75);
-      height: base(0.75);
+      &__button--active,
+      &__button--active:hover {
+        background-color: var(--theme-elevation-150);
+      }
     }
 
-    &:hover {
-      background-color: var(--theme-elevation-100);
+    &__drawerIsOpen {
+      top: base(1);
     }
 
-    &__button--active,
-    &__button--active:hover {
-      background-color: var(--theme-elevation-150);
-    }
-  }
-
-  &__drawerIsOpen {
-    top: base(1);
-  }
-
-  @include mid-break {
-    &__toolbar {
-      top: base(3);
-    }
+    @include mid-break {
+      &__toolbar {
+        top: base(3);
+      }
 
-    &__drawerIsOpen {
-      top: base(1);
+      &__drawerIsOpen {
+        top: base(1);
+      }
     }
   }
-}
 
-[data-slate-node='element'] {
-  margin-bottom: base(0.25);
-}
+  [data-slate-node='element'] {
+    margin-bottom: base(0.25);
+  }
 
-html[data-theme='light'] {
-  .rich-text {
-    &.error {
-      .rich-text__editor,
-      .rich-text__toolbar {
-        @include lightInputError;
+  html[data-theme='light'] {
+    .rich-text {
+      &.error {
+        .rich-text__editor,
+        .rich-text__toolbar {
+          @include lightInputError;
+        }
       }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .rich-text {
-    &.error {
-      .rich-text__editor,
-      .rich-text__toolbar {
-        @include darkInputError;
+  html[data-theme='dark'] {
+    .rich-text {
+      &.error {
+        .rich-text__editor,
+        .rich-text__toolbar {
+          @include darkInputError;
+        }
       }
     }
   }

package/dist/field/rscEntry.d.ts

@@ -0,0 +1,7 @@
+import type { ClientComponentProps, FieldPaths, ServerComponentProps } from 'payload';
+import React from 'react';
+import type { AdapterArguments } from '../types.js';
+export declare const RscEntrySlateField: React.FC<{
+    args: AdapterArguments;
+} & ClientComponentProps & Pick<FieldPaths, 'path'> & ServerComponentProps>;
+//# sourceMappingURL=rscEntry.d.ts.map

package/dist/field/rscEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rscEntry.d.ts","sourceRoot":"","sources":["../../src/field/rscEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAGpB,UAAU,EAEX,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAItC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAA6C,MAAM,aAAa,CAAA;AAQ9F,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACvC;IACE,IAAI,EAAE,gBAAgB,CAAA;CACvB,GAAG,oBAAoB,GACtB,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,GACxB,oBAAoB,CA8KvB,CAAA"}

package/dist/field/rscEntry.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import { createClientFields, deepCopyObjectSimple } from 'payload';
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir
+import { RichTextField } from '../exports/client/index.js';
+import { elements as elementTypes } from '../field/elements/index.js';
+import { defaultLeaves as leafTypes } from '../field/leaves/index.js';
+import { linkFieldsSchemaPath } from './elements/link/shared.js';
+import { uploadFieldsSchemaPath } from './elements/upload/shared.js';
+export const RscEntrySlateField = ({ args, clientField, forceRender, i18n, path, payload, readOnly, renderedBlocks, schemaPath })=>{
+    const componentMap = new Map();
+    const clientProps = {
+        schemaPath
+    };
+    (args?.admin?.leaves || Object.values(leafTypes)).forEach((leaf)=>{
+        let leafObject;
+        if (typeof leaf === 'object' && leaf !== null) {
+            leafObject = leaf;
+        } else if (typeof leaf === 'string' && leafTypes[leaf]) {
+            leafObject = leafTypes[leaf];
+        }
+        if (leafObject) {
+            const LeafButton = leafObject.Button;
+            const LeafComponent = leafObject.Leaf;
+            componentMap.set(`leaf.button.${leafObject.name}`, /*#__PURE__*/ _jsx(RenderServerComponent, {
+                clientProps: clientProps,
+                Component: LeafButton,
+                importMap: payload.importMap
+            }));
+            componentMap.set(`leaf.component.${leafObject.name}`, /*#__PURE__*/ _jsx(RenderServerComponent, {
+                clientProps: clientProps,
+                Component: LeafComponent,
+                importMap: payload.importMap
+            }));
+            if (Array.isArray(leafObject.plugins)) {
+                leafObject.plugins.forEach((Plugin, i)=>{
+                    componentMap.set(`leaf.plugin.${leafObject.name}.${i}`, /*#__PURE__*/ _jsx(RenderServerComponent, {
+                        clientProps: clientProps,
+                        Component: Plugin,
+                        importMap: payload.importMap
+                    }));
+                });
+            }
+        }
+    });
+    (args?.admin?.elements || Object.values(elementTypes)).forEach((el)=>{
+        let element;
+        if (typeof el === 'object' && el !== null) {
+            element = el;
+        } else if (typeof el === 'string' && elementTypes[el]) {
+            element = elementTypes[el];
+        }
+        if (element) {
+            const ElementButton = element.Button;
+            const ElementComponent = element.Element;
+            if (ElementButton) {
+                componentMap.set(`element.button.${element.name}`, /*#__PURE__*/ _jsx(RenderServerComponent, {
+                    clientProps: clientProps,
+                    Component: ElementButton,
+                    importMap: payload.importMap
+                }));
+            }
+            componentMap.set(`element.component.${element.name}`, /*#__PURE__*/ _jsx(RenderServerComponent, {
+                clientProps: clientProps,
+                Component: ElementComponent,
+                importMap: payload.importMap
+            }));
+            if (Array.isArray(element.plugins)) {
+                element.plugins.forEach((Plugin, i)=>{
+                    componentMap.set(`element.plugin.${element.name}.${i}`, /*#__PURE__*/ _jsx(RenderServerComponent, {
+                        clientProps: clientProps,
+                        Component: Plugin,
+                        importMap: payload.importMap
+                    }));
+                });
+            }
+            switch(element.name){
+                case 'link':
+                    {
+                        let clientFields = deepCopyObjectSimple(args.admin?.link?.fields);
+                        clientFields = createClientFields({
+                            clientFields,
+                            defaultIDType: payload.config.db.defaultIDType,
+                            fields: args.admin?.link?.fields,
+                            i18n,
+                            importMap: payload.importMap
+                        });
+                        componentMap.set(linkFieldsSchemaPath, clientFields);
+                        break;
+                    }
+                case 'relationship':
+                    break;
+                case 'upload':
+                    {
+                        const uploadEnabledCollections = payload.config.collections.filter(({ admin: { enableRichTextRelationship, hidden }, upload })=>{
+                            if (hidden === true) {
+                                return false;
+                            }
+                            return enableRichTextRelationship && Boolean(upload) === true;
+                        });
+                        uploadEnabledCollections.forEach((collection)=>{
+                            if (args?.admin?.upload?.collections[collection.slug]?.fields) {
+                                let clientFields = deepCopyObjectSimple(args?.admin?.upload?.collections[collection.slug]?.fields);
+                                clientFields = createClientFields({
+                                    clientFields,
+                                    defaultIDType: payload.config.db.defaultIDType,
+                                    fields: args?.admin?.upload?.collections[collection.slug]?.fields,
+                                    i18n,
+                                    importMap: payload.importMap
+                                });
+                                componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, clientFields);
+                            }
+                        });
+                        break;
+                    }
+            }
+        }
+    });
+    return /*#__PURE__*/ _jsx(RichTextField, {
+        componentMap: Object.fromEntries(componentMap),
+        field: clientField,
+        forceRender: forceRender,
+        path: path,
+        readOnly: readOnly,
+        renderedBlocks: renderedBlocks,
+        schemaPath: schemaPath
+    });
+};
+
+//# sourceMappingURL=rscEntry.js.map

package/dist/field/rscEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/field/rscEntry.tsx"],"sourcesContent":["import type {\n  ClientComponentProps,\n  ClientField,\n  Field,\n  FieldPaths,\n  RichTextFieldClient,\n ServerComponentProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { createClientFields, deepCopyObjectSimple } from 'payload'\nimport React from 'react'\n\nimport type { AdapterArguments, RichTextCustomElement, RichTextCustomLeaf } from '../types.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { RichTextField } from '../exports/client/index.js'\nimport { elements as elementTypes } from '../field/elements/index.js'\nimport { defaultLeaves as leafTypes } from '../field/leaves/index.js'\nimport { linkFieldsSchemaPath } from './elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './elements/upload/shared.js'\nexport const RscEntrySlateField: React.FC<\n  {\n    args: AdapterArguments\n  } & ClientComponentProps &\n    Pick<FieldPaths, 'path'> &\n    ServerComponentProps\n> = ({\n  args,\n  clientField,\n  forceRender,\n  i18n,\n  path,\n  payload,\n  readOnly,\n  renderedBlocks,\n  schemaPath,\n}) => {\n  const componentMap: Map<string, ClientField[] | React.ReactNode> = new Map()\n\n  const clientProps = {\n    schemaPath,\n  }\n\n  ;(args?.admin?.leaves || Object.values(leafTypes)).forEach((leaf) => {\n    let leafObject: RichTextCustomLeaf\n\n    if (typeof leaf === 'object' && leaf !== null) {\n      leafObject = leaf\n    } else if (typeof leaf === 'string' && leafTypes[leaf]) {\n      leafObject = leafTypes[leaf]\n    }\n\n    if (leafObject) {\n      const LeafButton = leafObject.Button\n      const LeafComponent = leafObject.Leaf\n\n      componentMap.set(\n        `leaf.button.${leafObject.name}`,\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={LeafButton}\n          importMap={payload.importMap}\n        />,\n      )\n\n      componentMap.set(\n        `leaf.component.${leafObject.name}`,\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={LeafComponent}\n          importMap={payload.importMap}\n        />,\n      )\n\n      if (Array.isArray(leafObject.plugins)) {\n        leafObject.plugins.forEach((Plugin, i) => {\n          componentMap.set(\n            `leaf.plugin.${leafObject.name}.${i}`,\n            <RenderServerComponent\n              clientProps={clientProps}\n              Component={Plugin}\n              importMap={payload.importMap}\n            />,\n          )\n        })\n      }\n    }\n  })\n  ;(args?.admin?.elements || Object.values(elementTypes)).forEach((el) => {\n    let element: RichTextCustomElement\n\n    if (typeof el === 'object' && el !== null) {\n      element = el\n    } else if (typeof el === 'string' && elementTypes[el]) {\n      element = elementTypes[el]\n    }\n\n    if (element) {\n      const ElementButton = element.Button\n      const ElementComponent = element.Element\n\n      if (ElementButton) {\n        componentMap.set(\n          `element.button.${element.name}`,\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={ElementButton}\n            importMap={payload.importMap}\n          />,\n        )\n      }\n      componentMap.set(\n        `element.component.${element.name}`,\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={ElementComponent}\n          importMap={payload.importMap}\n        />,\n      )\n\n      if (Array.isArray(element.plugins)) {\n        element.plugins.forEach((Plugin, i) => {\n          componentMap.set(\n            `element.plugin.${element.name}.${i}`,\n            <RenderServerComponent\n              clientProps={clientProps}\n              Component={Plugin}\n              importMap={payload.importMap}\n            />,\n          )\n        })\n      }\n\n      switch (element.name) {\n        case 'link': {\n          let clientFields = deepCopyObjectSimple(\n            args.admin?.link?.fields,\n          ) as unknown as ClientField[]\n          clientFields = createClientFields({\n            clientFields,\n            defaultIDType: payload.config.db.defaultIDType,\n            fields: args.admin?.link?.fields as Field[],\n            i18n,\n            importMap: payload.importMap,\n          })\n\n          componentMap.set(linkFieldsSchemaPath, clientFields)\n\n          break\n        }\n\n        case 'relationship':\n          break\n\n        case 'upload': {\n          const uploadEnabledCollections = payload.config.collections.filter(\n            ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n              if (hidden === true) {\n                return false\n              }\n\n              return enableRichTextRelationship && Boolean(upload) === true\n            },\n          )\n\n          uploadEnabledCollections.forEach((collection) => {\n            if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n              let clientFields = deepCopyObjectSimple(\n                args?.admin?.upload?.collections[collection.slug]?.fields,\n              ) as unknown as ClientField[]\n              clientFields = createClientFields({\n                clientFields,\n                defaultIDType: payload.config.db.defaultIDType,\n                fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n                i18n,\n                importMap: payload.importMap,\n              })\n\n              componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, clientFields)\n            }\n          })\n\n          break\n        }\n      }\n    }\n  })\n\n  return (\n    <RichTextField\n      componentMap={Object.fromEntries(componentMap)}\n      field={clientField as RichTextFieldClient}\n      forceRender={forceRender}\n      path={path}\n      readOnly={readOnly}\n      renderedBlocks={renderedBlocks}\n      schemaPath={schemaPath}\n    />\n  )\n}\n"],"names":["RenderServerComponent","createClientFields","deepCopyObjectSimple","React","RichTextField","elements","elementTypes","defaultLeaves","leafTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","RscEntrySlateField","args","clientField","forceRender","i18n","path","payload","readOnly","renderedBlocks","schemaPath","componentMap","Map","clientProps","admin","leaves","Object","values","forEach","leaf","leafObject","LeafButton","Button","LeafComponent","Leaf","set","name","Component","importMap","Array","isArray","plugins","Plugin","i","el","element","ElementButton","ElementComponent","Element","clientFields","link","fields","defaultIDType","config","db","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug","fromEntries","field"],"mappings":"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"}

package/dist/field/types.d.ts

@@ -1,21 +1,20 @@
-import type { MappedComponent } from 'payload';
 import type { RichTextPlugin, SlateFieldProps } from '../types.js';
 export type EnabledFeatures = {
     elements: {
         [name: string]: {
-            Button: MappedComponent;
-            Element: MappedComponent;
+            Button: React.ReactNode;
+            Element: React.ReactNode;
             name: string;
         };
     };
     leaves: {
         [name: string]: {
-            Button: MappedComponent;
-            Leaf: MappedComponent;
+            Button: React.ReactNode;
+            Leaf: React.ReactNode;
             name: string;
         };
     };
-    plugins: MappedComponent[];
+    plugins: React.ReactNode[];
 };
 export type LoadedSlateFieldProps = {
     elements: EnabledFeatures['elements'];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAElE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE;QACR,CAAC,IAAI,EAAE,MAAM,GAAG;YACd,MAAM,EAAE,eAAe,CAAA;YACvB,OAAO,EAAE,eAAe,CAAA;YACxB,IAAI,EAAE,MAAM,CAAA;SACb,CAAA;KACF,CAAA;IACD,MAAM,EAAE;QACN,CAAC,IAAI,EAAE,MAAM,GAAG;YACd,MAAM,EAAE,eAAe,CAAA;YACvB,IAAI,EAAE,eAAe,CAAA;YACrB,IAAI,EAAE,MAAM,CAAA;SACb,CAAA;KACF,CAAA;IACD,OAAO,EAAE,eAAe,EAAE,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IACjC,OAAO,EAAE,cAAc,EAAE,CAAA;CAC1B,GAAG,eAAe,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAElE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE;QACR,CAAC,IAAI,EAAE,MAAM,GAAG;YACd,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;YACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;YACxB,IAAI,EAAE,MAAM,CAAA;SACb,CAAA;KACF,CAAA;IACD,MAAM,EAAE;QACN,CAAC,IAAI,EAAE,MAAM,GAAG;YACd,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;YACvB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;YACrB,IAAI,EAAE,MAAM,CAAA;SACb,CAAA;KACF,CAAA;IACD,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IACjC,OAAO,EAAE,cAAc,EAAE,CAAA;CAC1B,GAAG,eAAe,CAAA"}

package/dist/field/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/types.ts"],"sourcesContent":["import type { MappedComponent } from 'payload'\n\nimport type { RichTextPlugin, SlateFieldProps } from '../types.js'\n\nexport type EnabledFeatures = {\n  elements: {\n    [name: string]: {\n      Button: MappedComponent\n      Element: MappedComponent\n      name: string\n    }\n  }\n  leaves: {\n    [name: string]: {\n      Button: MappedComponent\n      Leaf: MappedComponent\n      name: string\n    }\n  }\n  plugins: MappedComponent[]\n}\n\nexport type LoadedSlateFieldProps = {\n  elements: EnabledFeatures['elements']\n  leaves: EnabledFeatures['leaves']\n  plugins: RichTextPlugin[]\n} & SlateFieldProps\n"],"names":[],"mappings":"AAsBA,WAImB"}
+{"version":3,"sources":["../../src/field/types.ts"],"sourcesContent":["import type { RichTextPlugin, SlateFieldProps } from '../types.js'\n\nexport type EnabledFeatures = {\n  elements: {\n    [name: string]: {\n      Button: React.ReactNode\n      Element: React.ReactNode\n      name: string\n    }\n  }\n  leaves: {\n    [name: string]: {\n      Button: React.ReactNode\n      Leaf: React.ReactNode\n      name: string\n    }\n  }\n  plugins: React.ReactNode[]\n}\n\nexport type LoadedSlateFieldProps = {\n  elements: EnabledFeatures['elements']\n  leaves: EnabledFeatures['leaves']\n  plugins: RichTextPlugin[]\n} & SlateFieldProps\n"],"names":[],"mappings":"AAoBA,WAImB"}

package/dist/generateSchemaMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateSchemaMap.d.ts","sourceRoot":"","sources":["../src/generateSchemaMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,eAAe,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAK,EAAE,gBAAgB,EAAyB,MAAM,YAAY,CAAA;AAMzE,eAAO,MAAM,oBAAoB,SACxB,gBAAgB,KAAG,eAAe,CAAC,mBAAmB,CAoD5D,CAAA"}
+{"version":3,"file":"generateSchemaMap.d.ts","sourceRoot":"","sources":["../src/generateSchemaMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,eAAe,EAAE,MAAM,SAAS,CAAA;AAIrD,OAAO,KAAK,EAAE,gBAAgB,EAAyB,MAAM,YAAY,CAAA;AAMzE,eAAO,MAAM,oBAAoB,SACxB,gBAAgB,KAAG,eAAe,CAAC,mBAAmB,CAwE5D,CAAA"}

package/dist/generateSchemaMap.js

@@ -1,7 +1,8 @@
+import { traverseFields } from '@payloadcms/ui/utilities/buildFieldSchemaMap/traverseFields';
 import { elements as elementTypes } from './field/elements/index.js';
 import { linkFieldsSchemaPath } from './field/elements/link/shared.js';
 import { uploadFieldsSchemaPath } from './field/elements/upload/shared.js';
-export const getGenerateSchemaMap = (args)=>({ config, schemaMap, schemaPath })=>{
+export const getGenerateSchemaMap = (args)=>({ config, i18n, schemaMap, schemaPath })=>{
         (args?.admin?.elements || Object.values(elementTypes)).forEach((el)=>{
             let element;
             if (typeof el === 'object' && el !== null) {
@@ -13,9 +14,24 @@ export const getGenerateSchemaMap = (args)=>({ config, schemaMap, schemaPath })=
                 switch(element.name){
                     case 'link':
                         {
-                            schemaMap.set(`${schemaPath}.${linkFieldsSchemaPath}`, args.admin?.link?.fields);
+                            if (args.admin?.link?.fields) {
+                                schemaMap.set(`${schemaPath}.${linkFieldsSchemaPath}`, {
+                                    fields: args.admin?.link?.fields
+                                });
+                                // generate schema map entries for sub-fields using traverseFields
+                                traverseFields({
+                                    config,
+                                    fields: args.admin?.link?.fields,
+                                    i18n,
+                                    parentIndexPath: '',
+                                    parentSchemaPath: `${schemaPath}.${linkFieldsSchemaPath}`,
+                                    schemaMap
+                                });
+                            }
                             break;
                         }
+                    case 'relationship':
+                        break;
                     case 'upload':
                         {
                             const uploadEnabledCollections = config.collections.filter(({ admin: { enableRichTextRelationship, hidden }, upload })=>{
@@ -26,13 +42,22 @@ export const getGenerateSchemaMap = (args)=>({ config, schemaMap, schemaPath })=
                             });
                             uploadEnabledCollections.forEach((collection)=>{
                                 if (args?.admin?.upload?.collections[collection.slug]?.fields) {
-                                    schemaMap.set(`${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`, args?.admin?.upload?.collections[collection.slug]?.fields);
+                                    schemaMap.set(`${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`, {
+                                        fields: args?.admin?.upload?.collections[collection.slug]?.fields
+                                    });
+                                    // generate schema map entries for sub-fields using traverseFields
+                                    traverseFields({
+                                        config,
+                                        fields: args?.admin?.upload?.collections[collection.slug]?.fields,
+                                        i18n,
+                                        parentIndexPath: '',
+                                        parentSchemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`,
+                                        schemaMap
+                                    });
                                 }
                             });
                             break;
                         }
-                    case 'relationship':
-                        break;
                 }
             }
         });