@payloadcms/richtext-slate 3.0.0-canary.95fcd13 → 3.0.0-canary.96477cf

package/dist/field/types.d.ts

@@ -1,18 +1,25 @@
+import type { MappedComponent } from 'payload';
+import type { RichTextPlugin, SlateFieldProps } from '../types.js';
 export type EnabledFeatures = {
     elements: {
         [name: string]: {
-            Button: React.ReactNode;
-            Element: React.ReactNode;
+            Button: MappedComponent;
+            Element: MappedComponent;
             name: string;
         };
     };
     leaves: {
         [name: string]: {
-            Button: React.ReactNode;
-            Leaf: React.ReactNode;
+            Button: MappedComponent;
+            Leaf: MappedComponent;
             name: string;
         };
     };
-    plugins: React.ReactNode[];
+    plugins: MappedComponent[];
 };
+export type LoadedSlateFieldProps = {
+    elements: EnabledFeatures['elements'];
+    leaves: EnabledFeatures['leaves'];
+    plugins: RichTextPlugin[];
+} & SlateFieldProps;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/field/types.ts"],"names":[],"mappings":"AAAA,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"}
+{"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"}

package/dist/field/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/types.ts"],"sourcesContent":["export 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"],"names":[],"mappings":"AAAA,WAgBC"}
+{"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"}

package/dist/generateComponentMap.d.ts

@@ -1,4 +1,4 @@
-import type { RichTextAdapter } from 'payload';
+import type { RichTextGenerateComponentMap } from 'payload';
 import type { AdapterArguments } from './types.js';
-export declare const getGenerateComponentMap: (args: AdapterArguments) => RichTextAdapter["generateComponentMap"];
+export declare const getGenerateComponentMap: (args: AdapterArguments) => RichTextGenerateComponentMap;
 //# sourceMappingURL=generateComponentMap.d.ts.map

package/dist/generateComponentMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateComponentMap.d.ts","sourceRoot":"","sources":["../src/generateComponentMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,eAAe,EAAE,MAAM,SAAS,CAAA;AAKrD,OAAO,KAAK,EAAE,gBAAgB,EAA6C,MAAM,YAAY,CAAA;AAO7F,eAAO,MAAM,uBAAuB,SAC3B,gBAAgB,KAAG,eAAe,CAAC,sBAAsB,CAmG/D,CAAA"}
+{"version":3,"file":"generateComponentMap.d.ts","sourceRoot":"","sources":["../src/generateComponentMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAuC,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAKhG,OAAO,KAAK,EAAE,gBAAgB,EAA6C,MAAM,YAAY,CAAA;AAO7F,eAAO,MAAM,uBAAuB,SAC3B,gBAAgB,KAAG,4BAgIzB,CAAA"}

package/dist/generateComponentMap.js

@@ -1,11 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { mapFields } from '@payloadcms/ui/utilities/buildComponentMap';
-import React from 'react';
+import { createClientFields } from '@payloadcms/ui/utilities/createClientConfig';
+import { deepCopyObjectSimple } from 'payload';
 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';
 import { defaultLeaves as leafTypes } from './field/leaves/index.js';
-export const getGenerateComponentMap = (args)=>({ WithServerSideProps, config, i18n })=>{
+export const getGenerateComponentMap = (args)=>({ createMappedComponent, i18n, importMap, payload })=>{
         const componentMap = new Map();
         (args?.admin?.leaves || Object.values(leafTypes)).forEach((leaf)=>{
             let leafObject;
@@ -17,11 +16,11 @@ export const getGenerateComponentMap = (args)=>({ WithServerSideProps, config, i
             if (leafObject) {
                 const LeafButton = leafObject.Button;
                 const LeafComponent = leafObject.Leaf;
-                componentMap.set(`leaf.button.${leafObject.name}`, /*#__PURE__*/ _jsx(LeafButton, {}));
-                componentMap.set(`leaf.component.${leafObject.name}`, /*#__PURE__*/ _jsx(LeafComponent, {}));
+                componentMap.set(`leaf.button.${leafObject.name}`, createMappedComponent(LeafButton, undefined, undefined, 'slate-LeafButton'));
+                componentMap.set(`leaf.component.${leafObject.name}`, createMappedComponent(LeafComponent, undefined, undefined, 'slate-LeafComponent'));
                 if (Array.isArray(leafObject.plugins)) {
                     leafObject.plugins.forEach((Plugin, i)=>{
-                        componentMap.set(`leaf.plugin.${leafObject.name}.${i}`, /*#__PURE__*/ _jsx(Plugin, {}));
+                        componentMap.set(`leaf.plugin.${leafObject.name}.${i}`, createMappedComponent(Plugin, undefined, undefined, 'slate-LeafPlugin'));
                     });
                 }
             }
@@ -36,29 +35,33 @@ export const getGenerateComponentMap = (args)=>({ WithServerSideProps, config, i
             if (element) {
                 const ElementButton = element.Button;
                 const ElementComponent = element.Element;
-                if (ElementButton) componentMap.set(`element.button.${element.name}`, /*#__PURE__*/ _jsx(ElementButton, {}));
-                componentMap.set(`element.component.${element.name}`, /*#__PURE__*/ _jsx(ElementComponent, {}));
+                if (ElementButton) {
+                    componentMap.set(`element.button.${element.name}`, createMappedComponent(ElementButton, undefined, undefined, 'slate-ElementButton'));
+                }
+                componentMap.set(`element.component.${element.name}`, createMappedComponent(ElementComponent, undefined, undefined, 'slate-ElementComponent'));
                 if (Array.isArray(element.plugins)) {
                     element.plugins.forEach((Plugin, i)=>{
-                        componentMap.set(`element.plugin.${element.name}.${i}`, /*#__PURE__*/ _jsx(Plugin, {}));
+                        componentMap.set(`element.plugin.${element.name}.${i}`, createMappedComponent(Plugin, undefined, undefined, 'slate-ElementPlugin'));
                     });
                 }
                 switch(element.name){
                     case 'link':
                         {
-                            const mappedFields = mapFields({
-                                WithServerSideProps,
-                                config,
-                                fieldSchema: args.admin?.link?.fields,
+                            let clientFields = deepCopyObjectSimple(args.admin?.link?.fields);
+                            clientFields = createClientFields({
+                                clientFields,
+                                createMappedComponent,
+                                fields: args.admin?.link?.fields,
                                 i18n,
-                                readOnly: false
+                                importMap,
+                                payload
                             });
-                            componentMap.set(linkFieldsSchemaPath, mappedFields);
+                            componentMap.set(linkFieldsSchemaPath, clientFields);
                             break;
                         }
                     case 'upload':
                         {
-                            const uploadEnabledCollections = config.collections.filter(({ admin: { enableRichTextRelationship, hidden }, upload })=>{
+                            const uploadEnabledCollections = payload.config.collections.filter(({ admin: { enableRichTextRelationship, hidden }, upload })=>{
                                 if (hidden === true) {
                                     return false;
                                 }
@@ -66,14 +69,16 @@ export const getGenerateComponentMap = (args)=>({ WithServerSideProps, config, i
                             });
                             uploadEnabledCollections.forEach((collection)=>{
                                 if (args?.admin?.upload?.collections[collection.slug]?.fields) {
-                                    const mappedFields = mapFields({
-                                        WithServerSideProps,
-                                        config,
-                                        fieldSchema: args?.admin?.upload?.collections[collection.slug]?.fields,
+                                    let clientFields = deepCopyObjectSimple(args?.admin?.upload?.collections[collection.slug]?.fields);
+                                    clientFields = createClientFields({
+                                        clientFields,
+                                        createMappedComponent,
+                                        fields: args?.admin?.upload?.collections[collection.slug]?.fields,
                                         i18n,
-                                        readOnly: false
+                                        importMap,
+                                        payload
                                     });
-                                    componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, mappedFields);
+                                    componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, clientFields);
                                 }
                             });
                             break;

package/dist/generateComponentMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/generateComponentMap.tsx"],"sourcesContent":["import type { Field, RichTextAdapter } from 'payload'\n\nimport { mapFields } from '@payloadcms/ui/utilities/buildComponentMap'\nimport React from 'react'\n\nimport type { AdapterArguments, RichTextCustomElement, RichTextCustomLeaf } from './types.js'\n\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { linkFieldsSchemaPath } from './field/elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './field/elements/upload/shared.js'\nimport { defaultLeaves as leafTypes } from './field/leaves/index.js'\n\nexport const getGenerateComponentMap =\n  (args: AdapterArguments): RichTextAdapter['generateComponentMap'] =>\n  ({ WithServerSideProps, config, i18n }) => {\n    const componentMap = new Map()\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(`leaf.button.${leafObject.name}`, <LeafButton />)\n        componentMap.set(`leaf.component.${leafObject.name}`, <LeafComponent />)\n\n        if (Array.isArray(leafObject.plugins)) {\n          leafObject.plugins.forEach((Plugin, i) => {\n            componentMap.set(`leaf.plugin.${leafObject.name}.${i}`, <Plugin />)\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) componentMap.set(`element.button.${element.name}`, <ElementButton />)\n        componentMap.set(`element.component.${element.name}`, <ElementComponent />)\n\n        if (Array.isArray(element.plugins)) {\n          element.plugins.forEach((Plugin, i) => {\n            componentMap.set(`element.plugin.${element.name}.${i}`, <Plugin />)\n          })\n        }\n\n        switch (element.name) {\n          case 'link': {\n            const mappedFields = mapFields({\n              WithServerSideProps,\n              config,\n              fieldSchema: args.admin?.link?.fields as Field[],\n              i18n,\n              readOnly: false,\n            })\n\n            componentMap.set(linkFieldsSchemaPath, mappedFields)\n\n            break\n          }\n\n          case 'upload': {\n            const uploadEnabledCollections = 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                const mappedFields = mapFields({\n                  WithServerSideProps,\n                  config,\n                  fieldSchema: args?.admin?.upload?.collections[collection.slug]?.fields,\n                  i18n,\n                  readOnly: false,\n                })\n\n                componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, mappedFields)\n              }\n            })\n\n            break\n          }\n\n          case 'relationship':\n            break\n        }\n      }\n    })\n\n    return componentMap\n  }\n"],"names":["mapFields","React","elements","elementTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","defaultLeaves","leafTypes","getGenerateComponentMap","args","WithServerSideProps","config","i18n","componentMap","Map","admin","leaves","Object","values","forEach","leaf","leafObject","LeafButton","Button","LeafComponent","Leaf","set","name","Array","isArray","plugins","Plugin","i","el","element","ElementButton","ElementComponent","Element","mappedFields","fieldSchema","link","fields","readOnly","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug"],"mappings":"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"}
+{"version":3,"sources":["../src/generateComponentMap.tsx"],"sourcesContent":["import type { ClientField, Field, MappedComponent, RichTextGenerateComponentMap } from 'payload'\n\nimport { createClientFields } from '@payloadcms/ui/utilities/createClientConfig'\nimport { deepCopyObjectSimple } from 'payload'\n\nimport type { AdapterArguments, RichTextCustomElement, RichTextCustomLeaf } from './types.js'\n\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { linkFieldsSchemaPath } from './field/elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './field/elements/upload/shared.js'\nimport { defaultLeaves as leafTypes } from './field/leaves/index.js'\n\nexport const getGenerateComponentMap =\n  (args: AdapterArguments): RichTextGenerateComponentMap =>\n  ({ createMappedComponent, i18n, importMap, payload }) => {\n    const componentMap: Map<string, ClientField[] | MappedComponent> = new Map()\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          createMappedComponent(LeafButton, undefined, undefined, 'slate-LeafButton'),\n        )\n\n        componentMap.set(\n          `leaf.component.${leafObject.name}`,\n          createMappedComponent(LeafComponent, undefined, undefined, 'slate-LeafComponent'),\n        )\n\n        if (Array.isArray(leafObject.plugins)) {\n          leafObject.plugins.forEach((Plugin, i) => {\n            componentMap.set(\n              `leaf.plugin.${leafObject.name}.${i}`,\n              createMappedComponent(Plugin, undefined, undefined, 'slate-LeafPlugin'),\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            createMappedComponent(ElementButton, undefined, undefined, 'slate-ElementButton'),\n          )\n        }\n        componentMap.set(\n          `element.component.${element.name}`,\n          createMappedComponent(ElementComponent, undefined, undefined, 'slate-ElementComponent'),\n        )\n\n        if (Array.isArray(element.plugins)) {\n          element.plugins.forEach((Plugin, i) => {\n            componentMap.set(\n              `element.plugin.${element.name}.${i}`,\n              createMappedComponent(Plugin, undefined, undefined, 'slate-ElementPlugin'),\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              createMappedComponent,\n              fields: args.admin?.link?.fields as Field[],\n              i18n,\n              importMap,\n              payload,\n            })\n\n            componentMap.set(linkFieldsSchemaPath, clientFields)\n\n            break\n          }\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                  createMappedComponent,\n                  fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n                  i18n,\n                  importMap,\n                  payload,\n                })\n\n                componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, clientFields)\n              }\n            })\n\n            break\n          }\n\n          case 'relationship':\n            break\n        }\n      }\n    })\n\n    return componentMap\n  }\n"],"names":["createClientFields","deepCopyObjectSimple","elements","elementTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","defaultLeaves","leafTypes","getGenerateComponentMap","args","createMappedComponent","i18n","importMap","payload","componentMap","Map","admin","leaves","Object","values","forEach","leaf","leafObject","LeafButton","Button","LeafComponent","Leaf","set","name","undefined","Array","isArray","plugins","Plugin","i","el","element","ElementButton","ElementComponent","Element","clientFields","link","fields","uploadEnabledCollections","config","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,10 +1,6 @@
 import type { RichTextAdapterProvider } from 'payload';
 import type { AdapterArguments } from './types.js';
 export declare function slateEditor(args: AdapterArguments): RichTextAdapterProvider<any[], AdapterArguments, any>;
-export { ElementButton } from './field/elements/Button.js';
-export { toggleElement } from './field/elements/toggle.js';
-export { LeafButton } from './field/leaves/Button.js';
-export { useLeaf } from './field/providers/LeafProvider.js';
-export type { AdapterArguments, ElementNode, FieldProps, RichTextCustomElement, RichTextCustomLeaf, RichTextElement, RichTextLeaf, TextNode, } from './types.js';
+export type { AdapterArguments, ElementNode, RichTextCustomElement, RichTextCustomLeaf, RichTextElement, RichTextLeaf, RichTextPlugin, RichTextPluginComponent, SlateFieldProps, TextNode, } from './types.js';
 export { nodeIsTextNode } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAI9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAUlD,wBAAgB,WAAW,CACzB,IAAI,EAAE,gBAAgB,GACrB,uBAAuB,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,GAAG,CAAC,CAiIvD;AAED,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAE3D,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,QAAQ,GACT,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAI9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AASlD,wBAAgB,WAAW,CACzB,IAAI,EAAE,gBAAgB,GACrB,uBAAuB,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,GAAG,CAAC,CA6LvD;AAED,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,uBAAuB,EACvB,eAAe,EACf,QAAQ,GACT,MAAM,YAAY,CAAA;AAEnB,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -1,10 +1,9 @@
 import { sanitizeFields, withNullableJSONSchemaType } from 'payload';
-import { RichTextCell } from './cell/index.js';
 import { richTextRelationshipPromise } from './data/richTextRelationshipPromise.js';
 import { richTextValidate } from './data/validation.js';
+import { elements as elementTypes } from './field/elements/index.js';
 import { transformExtraFields } from './field/elements/link/utilities.js';
-import { RichTextField } from './field/index.js';
-import { getGenerateComponentMap } from './generateComponentMap.js';
+import { defaultLeaves as leafTypes } from './field/leaves/index.js';
 import { getGenerateSchemaMap } from './generateSchemaMap.js';
 export function slateEditor(args) {
     return async ({ config })=>{
@@ -21,6 +20,7 @@ export function slateEditor(args) {
         args.admin.link.fields = await sanitizeFields({
             config: config,
             fields: transformExtraFields(args.admin?.link?.fields, config),
+            parentIsLocalized: false,
             validRelationships
         });
         if (args?.admin?.upload?.collections) {
@@ -29,15 +29,72 @@ export function slateEditor(args) {
                     args.admin.upload.collections[collection].fields = await sanitizeFields({
                         config: config,
                         fields: args.admin?.upload?.collections[collection]?.fields,
+                        parentIsLocalized: false,
                         validRelationships
                     });
                 }
             }
         }
         return {
-            CellComponent: RichTextCell,
-            FieldComponent: RichTextField,
-            generateComponentMap: getGenerateComponentMap(args),
+            CellComponent: '@payloadcms/richtext-slate/client#RichTextCell',
+            FieldComponent: '@payloadcms/richtext-slate/client#RichTextField',
+            generateComponentMap: {
+                path: '@payloadcms/richtext-slate/generateComponentMap#getGenerateComponentMap',
+                serverProps: args
+            },
+            generateImportMap: ({ addToImportMap })=>{
+                addToImportMap('@payloadcms/richtext-slate/client#RichTextCell');
+                addToImportMap('@payloadcms/richtext-slate/client#RichTextField');
+                addToImportMap('@payloadcms/richtext-slate/generateComponentMap#getGenerateComponentMap');
+                Object.values(leafTypes).forEach((leaf)=>{
+                    if (leaf.Button) {
+                        addToImportMap(leaf.Button);
+                    }
+                    if (leaf.Leaf) {
+                        addToImportMap(leaf.Leaf);
+                    }
+                    if (Array.isArray(leaf.plugins) && leaf.plugins?.length) {
+                        addToImportMap(leaf.plugins);
+                    }
+                });
+                args?.admin?.leaves?.forEach((leaf)=>{
+                    if (typeof leaf === 'object') {
+                        if (leaf.Button) {
+                            addToImportMap(leaf.Button);
+                        }
+                        if (leaf.Leaf) {
+                            addToImportMap(leaf.Leaf);
+                        }
+                        if (Array.isArray(leaf.plugins) && leaf.plugins?.length) {
+                            addToImportMap(leaf.plugins);
+                        }
+                    }
+                });
+                Object.values(elementTypes).forEach((element)=>{
+                    if (element.Button) {
+                        addToImportMap(element.Button);
+                    }
+                    if (element.Element) {
+                        addToImportMap(element.Element);
+                    }
+                    if (Array.isArray(element.plugins) && element.plugins?.length) {
+                        addToImportMap(element.plugins);
+                    }
+                });
+                args?.admin?.elements?.forEach((element)=>{
+                    if (typeof element === 'object') {
+                        if (element.Button) {
+                            addToImportMap(element.Button);
+                        }
+                        if (element.Element) {
+                            addToImportMap(element.Element);
+                        }
+                        if (Array.isArray(element.plugins) && element.plugins?.length) {
+                            addToImportMap(element.plugins);
+                        }
+                    }
+                });
+            },
             generateSchemaMap: getGenerateSchemaMap(args),
             graphQLPopulationPromises ({ context, currentDepth, depth, draft, field, fieldPromises, findMany, flattenLocales, overrideAccess, populationPromises, req, showHiddenFields, siblingDoc }) {
                 if (field.admin?.elements?.includes('relationship') || field.admin?.elements?.includes('upload') || field.admin?.elements?.includes('link') || !field?.admin?.elements) {
@@ -95,10 +152,6 @@ export function slateEditor(args) {
         };
     };
 }
-export { ElementButton } from './field/elements/Button.js';
-export { toggleElement } from './field/elements/toggle.js';
-export { LeafButton } from './field/leaves/Button.js';
-export { useLeaf } from './field/providers/LeafProvider.js';
 export { nodeIsTextNode } from './types.js';
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import type { Config, RichTextAdapterProvider } from 'payload'\n\nimport { sanitizeFields, withNullableJSONSchemaType } from 'payload'\n\nimport type { AdapterArguments } from './types.js'\n\nimport { RichTextCell } from './cell/index.js'\nimport { richTextRelationshipPromise } from './data/richTextRelationshipPromise.js'\nimport { richTextValidate } from './data/validation.js'\nimport { transformExtraFields } from './field/elements/link/utilities.js'\nimport { RichTextField } from './field/index.js'\nimport { getGenerateComponentMap } from './generateComponentMap.js'\nimport { getGenerateSchemaMap } from './generateSchemaMap.js'\n\nexport function slateEditor(\n  args: AdapterArguments,\n): RichTextAdapterProvider<any[], AdapterArguments, any> {\n  return async ({ config }) => {\n    const validRelationships = config.collections.map((c) => c.slug) || []\n\n    if (!args.admin) {\n      args.admin = {}\n    }\n    if (!args.admin.link) {\n      args.admin.link = {}\n    }\n    if (!args.admin.link.fields) {\n      args.admin.link.fields = []\n    }\n    args.admin.link.fields = await sanitizeFields({\n      config: config as unknown as Config,\n      fields: transformExtraFields(args.admin?.link?.fields, config),\n      validRelationships,\n    })\n\n    if (args?.admin?.upload?.collections) {\n      for (const collection of Object.keys(args.admin.upload.collections)) {\n        if (args?.admin?.upload?.collections[collection]?.fields) {\n          args.admin.upload.collections[collection].fields = await sanitizeFields({\n            config: config as unknown as Config,\n            fields: args.admin?.upload?.collections[collection]?.fields,\n            validRelationships,\n          })\n        }\n      }\n    }\n\n    return {\n      CellComponent: RichTextCell,\n      FieldComponent: RichTextField,\n      generateComponentMap: getGenerateComponentMap(args),\n      generateSchemaMap: getGenerateSchemaMap(args),\n      graphQLPopulationPromises({\n        context,\n        currentDepth,\n        depth,\n        draft,\n        field,\n        fieldPromises,\n        findMany,\n        flattenLocales,\n        overrideAccess,\n        populationPromises,\n        req,\n        showHiddenFields,\n        siblingDoc,\n      }) {\n        if (\n          field.admin?.elements?.includes('relationship') ||\n          field.admin?.elements?.includes('upload') ||\n          field.admin?.elements?.includes('link') ||\n          !field?.admin?.elements\n        ) {\n          richTextRelationshipPromise({\n            context,\n            currentDepth,\n            depth,\n            draft,\n            field,\n            fieldPromises,\n            findMany,\n            flattenLocales,\n            overrideAccess,\n            populationPromises,\n            req,\n            showHiddenFields,\n            siblingDoc,\n          })\n        }\n      },\n      hooks: {\n        afterRead: [\n          ({\n            context: _context,\n            currentDepth,\n            depth,\n            draft,\n            field: _field,\n            fieldPromises,\n            findMany,\n            flattenLocales,\n            overrideAccess,\n            populationPromises,\n            req,\n            showHiddenFields,\n            siblingData,\n          }) => {\n            const context: any = _context\n            const field = _field as any\n            if (\n              field.admin?.elements?.includes('relationship') ||\n              field.admin?.elements?.includes('upload') ||\n              field.admin?.elements?.includes('link') ||\n              !field?.admin?.elements\n            ) {\n              richTextRelationshipPromise({\n                context,\n                currentDepth,\n                depth,\n                draft,\n                field,\n                fieldPromises,\n                findMany,\n                flattenLocales,\n                overrideAccess,\n                populationPromises,\n                req,\n                showHiddenFields,\n                siblingDoc: siblingData,\n              })\n            }\n          },\n        ],\n      },\n      outputSchema: ({ isRequired }) => {\n        return {\n          type: withNullableJSONSchemaType('array', isRequired),\n          items: {\n            type: 'object',\n          },\n        }\n      },\n      validate: richTextValidate,\n    }\n  }\n}\n\nexport { ElementButton } from './field/elements/Button.js'\n\nexport { toggleElement } from './field/elements/toggle.js'\nexport { LeafButton } from './field/leaves/Button.js'\nexport { useLeaf } from './field/providers/LeafProvider.js'\n\nexport type {\n  AdapterArguments,\n  ElementNode,\n  FieldProps,\n  RichTextCustomElement,\n  RichTextCustomLeaf,\n  RichTextElement,\n  RichTextLeaf,\n  TextNode,\n} from './types.js'\n\nexport { nodeIsTextNode } from './types.js'\n"],"names":["sanitizeFields","withNullableJSONSchemaType","RichTextCell","richTextRelationshipPromise","richTextValidate","transformExtraFields","RichTextField","getGenerateComponentMap","getGenerateSchemaMap","slateEditor","args","config","validRelationships","collections","map","c","slug","admin","link","fields","upload","collection","Object","keys","CellComponent","FieldComponent","generateComponentMap","generateSchemaMap","graphQLPopulationPromises","context","currentDepth","depth","draft","field","fieldPromises","findMany","flattenLocales","overrideAccess","populationPromises","req","showHiddenFields","siblingDoc","elements","includes","hooks","afterRead","_context","_field","siblingData","outputSchema","isRequired","type","items","validate","ElementButton","toggleElement","LeafButton","useLeaf","nodeIsTextNode"],"mappings":"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"}
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import type { Config, RichTextAdapterProvider } from 'payload'\n\nimport { sanitizeFields, withNullableJSONSchemaType } from 'payload'\n\nimport type { AdapterArguments } from './types.js'\n\nimport { richTextRelationshipPromise } from './data/richTextRelationshipPromise.js'\nimport { richTextValidate } from './data/validation.js'\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { transformExtraFields } from './field/elements/link/utilities.js'\nimport { defaultLeaves as leafTypes } from './field/leaves/index.js'\nimport { getGenerateSchemaMap } from './generateSchemaMap.js'\n\nexport function slateEditor(\n  args: AdapterArguments,\n): RichTextAdapterProvider<any[], AdapterArguments, any> {\n  return async ({ config }) => {\n    const validRelationships = config.collections.map((c) => c.slug) || []\n\n    if (!args.admin) {\n      args.admin = {}\n    }\n    if (!args.admin.link) {\n      args.admin.link = {}\n    }\n    if (!args.admin.link.fields) {\n      args.admin.link.fields = []\n    }\n    args.admin.link.fields = await sanitizeFields({\n      config: config as unknown as Config,\n      fields: transformExtraFields(args.admin?.link?.fields, config),\n      parentIsLocalized: false,\n      validRelationships,\n    })\n\n    if (args?.admin?.upload?.collections) {\n      for (const collection of Object.keys(args.admin.upload.collections)) {\n        if (args?.admin?.upload?.collections[collection]?.fields) {\n          args.admin.upload.collections[collection].fields = await sanitizeFields({\n            config: config as unknown as Config,\n            fields: args.admin?.upload?.collections[collection]?.fields,\n            parentIsLocalized: false,\n            validRelationships,\n          })\n        }\n      }\n    }\n\n    return {\n      CellComponent: '@payloadcms/richtext-slate/client#RichTextCell',\n      FieldComponent: '@payloadcms/richtext-slate/client#RichTextField',\n      generateComponentMap: {\n        path: '@payloadcms/richtext-slate/generateComponentMap#getGenerateComponentMap',\n        serverProps: args,\n      },\n      generateImportMap: ({ addToImportMap }) => {\n        addToImportMap('@payloadcms/richtext-slate/client#RichTextCell')\n        addToImportMap('@payloadcms/richtext-slate/client#RichTextField')\n        addToImportMap('@payloadcms/richtext-slate/generateComponentMap#getGenerateComponentMap')\n        Object.values(leafTypes).forEach((leaf) => {\n          if (leaf.Button) {\n            addToImportMap(leaf.Button)\n          }\n          if (leaf.Leaf) {\n            addToImportMap(leaf.Leaf)\n          }\n          if (Array.isArray(leaf.plugins) && leaf.plugins?.length) {\n            addToImportMap(leaf.plugins)\n          }\n        })\n        args?.admin?.leaves?.forEach((leaf) => {\n          if (typeof leaf === 'object') {\n            if (leaf.Button) {\n              addToImportMap(leaf.Button)\n            }\n            if (leaf.Leaf) {\n              addToImportMap(leaf.Leaf)\n            }\n            if (Array.isArray(leaf.plugins) && leaf.plugins?.length) {\n              addToImportMap(leaf.plugins)\n            }\n          }\n        })\n\n        Object.values(elementTypes).forEach((element) => {\n          if (element.Button) {\n            addToImportMap(element.Button)\n          }\n          if (element.Element) {\n            addToImportMap(element.Element)\n          }\n          if (Array.isArray(element.plugins) && element.plugins?.length) {\n            addToImportMap(element.plugins)\n          }\n        })\n\n        args?.admin?.elements?.forEach((element) => {\n          if (typeof element === 'object') {\n            if (element.Button) {\n              addToImportMap(element.Button)\n            }\n            if (element.Element) {\n              addToImportMap(element.Element)\n            }\n            if (Array.isArray(element.plugins) && element.plugins?.length) {\n              addToImportMap(element.plugins)\n            }\n          }\n        })\n      },\n      generateSchemaMap: getGenerateSchemaMap(args),\n      graphQLPopulationPromises({\n        context,\n        currentDepth,\n        depth,\n        draft,\n        field,\n        fieldPromises,\n        findMany,\n        flattenLocales,\n        overrideAccess,\n        populationPromises,\n        req,\n        showHiddenFields,\n        siblingDoc,\n      }) {\n        if (\n          field.admin?.elements?.includes('relationship') ||\n          field.admin?.elements?.includes('upload') ||\n          field.admin?.elements?.includes('link') ||\n          !field?.admin?.elements\n        ) {\n          richTextRelationshipPromise({\n            context,\n            currentDepth,\n            depth,\n            draft,\n            field,\n            fieldPromises,\n            findMany,\n            flattenLocales,\n            overrideAccess,\n            populationPromises,\n            req,\n            showHiddenFields,\n            siblingDoc,\n          })\n        }\n      },\n      hooks: {\n        afterRead: [\n          ({\n            context: _context,\n            currentDepth,\n            depth,\n            draft,\n            field: _field,\n            fieldPromises,\n            findMany,\n            flattenLocales,\n            overrideAccess,\n            populationPromises,\n            req,\n            showHiddenFields,\n            siblingData,\n          }) => {\n            const context: any = _context\n            const field = _field as any\n            if (\n              field.admin?.elements?.includes('relationship') ||\n              field.admin?.elements?.includes('upload') ||\n              field.admin?.elements?.includes('link') ||\n              !field?.admin?.elements\n            ) {\n              richTextRelationshipPromise({\n                context,\n                currentDepth,\n                depth,\n                draft,\n                field,\n                fieldPromises,\n                findMany,\n                flattenLocales,\n                overrideAccess,\n                populationPromises,\n                req,\n                showHiddenFields,\n                siblingDoc: siblingData,\n              })\n            }\n          },\n        ],\n      },\n      outputSchema: ({ isRequired }) => {\n        return {\n          type: withNullableJSONSchemaType('array', isRequired),\n          items: {\n            type: 'object',\n          },\n        }\n      },\n      validate: richTextValidate,\n    }\n  }\n}\n\nexport type {\n  AdapterArguments,\n  ElementNode,\n  RichTextCustomElement,\n  RichTextCustomLeaf,\n  RichTextElement,\n  RichTextLeaf,\n  RichTextPlugin,\n  RichTextPluginComponent,\n  SlateFieldProps,\n  TextNode,\n} from './types.js'\n\nexport { nodeIsTextNode } from './types.js'\n"],"names":["sanitizeFields","withNullableJSONSchemaType","richTextRelationshipPromise","richTextValidate","elements","elementTypes","transformExtraFields","defaultLeaves","leafTypes","getGenerateSchemaMap","slateEditor","args","config","validRelationships","collections","map","c","slug","admin","link","fields","parentIsLocalized","upload","collection","Object","keys","CellComponent","FieldComponent","generateComponentMap","path","serverProps","generateImportMap","addToImportMap","values","forEach","leaf","Button","Leaf","Array","isArray","plugins","length","leaves","element","Element","generateSchemaMap","graphQLPopulationPromises","context","currentDepth","depth","draft","field","fieldPromises","findMany","flattenLocales","overrideAccess","populationPromises","req","showHiddenFields","siblingDoc","includes","hooks","afterRead","_context","_field","siblingData","outputSchema","isRequired","type","items","validate","nodeIsTextNode"],"mappings":"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"}

package/dist/scss/app.scss

@@ -21,8 +21,8 @@
   --theme-baseline-body-size: #{$baseline-body-size};
   --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
     sans-serif;
-  --font-serif: Georgia, 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
-  --font-mono: monospace;
+  --font-serif: 'Georgia', 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
+  --font-mono: 'SF Mono', Menlo, Consolas, Monaco, monospace;
 
   --style-radius-s: #{$style-radius-s};
   --style-radius-m: #{$style-radius-m};
@@ -38,19 +38,19 @@
 
   --gutter-h: #{base(3)};
   --spacing-view-bottom: var(--gutter-h);
-  --app-header-height: calc(var(--base) * 3);
-  --doc-controls-height: calc(var(--base) * 3);
+  --doc-controls-height: calc(var(--base) * 2.8);
+  --app-header-height: calc(var(--base) * 2.8);
   --nav-width: 275px;
   --nav-trans-time: 150ms;
 
   @include mid-break {
     --gutter-h: #{base(2)};
-    --app-header-height: calc(var(--base) * 2);
-    --doc-controls-height: calc(var(--base) * 2.5);
+    --app-header-height: calc(var(--base) * 2.4);
+    --doc-controls-height: calc(var(--base) * 2.4);
   }
 
   @include small-break {
-    --gutter-h: #{base(0.5)};
+    --gutter-h: #{base(0.8)};
     --spacing-view-bottom: calc(var(--base) * 2);
     --nav-width: 100vw;
   }
@@ -146,13 +146,13 @@ h6 {
 }
 
 p {
-  margin: 0 0 $baseline;
+  margin: 0;
 }
 
 ul,
 ol {
   padding-left: $baseline;
-  margin: 0 0 $baseline;
+  margin: 0;
 }
 
 :focus-visible {

package/dist/scss/toasts.scss

@@ -8,7 +8,7 @@
     position: absolute;
     order: 3;
     left: unset;
-    inset-inline-end: base(0.5);
+    inset-inline-end: base(0.8);
     top: 50%;
     transform: translateY(-50%);
     color: var(--theme-elevation-600);
@@ -16,8 +16,8 @@
     border: none;
 
     svg {
-      width: base(0.75);
-      height: base(0.75);
+      width: base(0.8);
+      height: base(0.8);
     }
 
     &:hover {
@@ -33,10 +33,11 @@
 
   .toast-title {
     line-height: base(1);
+    margin-right: base(1);
   }
 
   .payload-toast-item {
-    padding: base(0.5);
+    padding: base(0.8);
     color: var(--theme-elevation-800);
     font-style: normal;
     font-weight: 600;
@@ -69,8 +70,8 @@
     }
 
     .toast-icon {
-      width: base(1);
-      height: base(1);
+      width: base(0.8);
+      height: base(0.8);
       margin: 0;
       display: flex;
       align-items: center;
@@ -84,8 +85,8 @@
 
     &.toast-warning {
       color: var(--theme-warning-800);
-      border-color: var(--theme-warning-150);
-      background-color: var(--theme-warning-50);
+      border-color: var(--theme-warning-250);
+      background-color: var(--theme-warning-100);
 
       .payload-toast-close-button {
         color: var(--theme-warning-600);
@@ -98,8 +99,8 @@
 
     &.toast-error {
       color: var(--theme-error-800);
-      border-color: var(--theme-error-150);
-      background-color: var(--theme-error-50);
+      border-color: var(--theme-error-250);
+      background-color: var(--theme-error-100);
 
       .payload-toast-close-button {
         color: var(--theme-error-600);
@@ -112,8 +113,8 @@
 
     &.toast-success {
       color: var(--theme-success-800);
-      border-color: var(--theme-success-150);
-      background-color: var(--theme-success-50);
+      border-color: var(--theme-success-250);
+      background-color: var(--theme-success-100);
 
       .payload-toast-close-button {
         color: var(--theme-success-600);
@@ -126,8 +127,8 @@
 
     &.toast-info {
       color: var(--theme-elevation-800);
-      border-color: var(--theme-elevation-150);
-      background-color: var(--theme-elevation-50);
+      border-color: var(--theme-elevation-250);
+      background-color: var(--theme-elevation-100);
 
       .payload-toast-close-button {
         color: var(--theme-elevation-600);

package/dist/scss/type.scss

@@ -16,7 +16,7 @@
 }
 
 %h1 {
-  margin: 0 0 base(1);
+  margin: 0;
   font-size: base(1.6);
   line-height: base(1.8);
 
@@ -27,7 +27,7 @@
 }
 
 %h2 {
-  margin: 0 0 base(1);
+  margin: 0;
   font-size: base(1.3);
   line-height: base(1.6);
 
@@ -37,7 +37,7 @@
 }
 
 %h3 {
-  margin: 0 0 base(1);
+  margin: 0;
   font-size: base(1);
   line-height: base(1.2);
 
@@ -48,7 +48,7 @@
 }
 
 %h4 {
-  margin: 0 0 $baseline;
+  margin: 0;
   font-size: base(0.8);
   line-height: base(1);
   letter-spacing: -0.375px;
@@ -96,6 +96,7 @@
   font-size: $baseline-body-size;
   line-height: $baseline-px;
   font-weight: normal;
+  font-family: var(--font-body);
 }
 
 %code {

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import type { Field, RichTextFieldProps, SanitizedConfig } from 'payload';
+import type { Field, PayloadComponent, RichTextFieldClientProps, SanitizedConfig } from 'payload';
 import type { Editor } from 'slate';
 export type TextNode = {
     [x: string]: unknown;
@@ -9,17 +9,17 @@ export type ElementNode = {
     type?: string;
 };
 export declare function nodeIsTextNode(node: ElementNode | TextNode): node is TextNode;
-export type RichTextPluginComponent = React.ComponentType;
+export type RichTextPluginComponent = PayloadComponent;
 export type RichTextPlugin = (editor: Editor) => Editor;
 export type RichTextCustomElement = {
-    Button?: React.ComponentType<any>;
-    Element: React.ComponentType<any>;
+    Button?: PayloadComponent;
+    Element: PayloadComponent;
     name: string;
     plugins?: RichTextPluginComponent[];
 };
 export type RichTextCustomLeaf = {
-    Button: React.ComponentType<any>;
-    Leaf: React.ComponentType<any>;
+    Button: PayloadComponent;
+    Leaf: PayloadComponent;
     name: string;
     plugins?: RichTextPluginComponent[];
 };
@@ -47,5 +47,5 @@ export type AdapterArguments = {
         };
     };
 };
-export type FieldProps = RichTextFieldProps<any[], AdapterArguments, AdapterArguments>;
+export type SlateFieldProps = RichTextFieldClientProps<any[], AdapterArguments, AdapterArguments>;
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEnC,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE7D,MAAM,MAAM,WAAW,GAAG;IAAE,QAAQ,EAAE,CAAC,WAAW,GAAG,QAAQ,CAAC,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,IAAI,QAAQ,CAE7E;AAED,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAA;AACzD,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACjC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAChC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,eAAe,GACvB,YAAY,GACZ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,cAAc,GACd,WAAW,GACX,IAAI,GACJ,QAAQ,GACR,qBAAqB,CAAA;AACzB,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,MAAM,GACN,QAAQ,GACR,eAAe,GACf,WAAW,GACX,kBAAkB,CAAA;AAEtB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;QAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;QACvB,IAAI,CAAC,EAAE;YACL,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;gBAAE,MAAM,EAAE,eAAe,CAAC;gBAAC,aAAa,EAAE,KAAK,EAAE,CAAA;aAAE,KAAK,KAAK,EAAE,CAAC,GAAG,KAAK,EAAE,CAAA;SAC5F,CAAA;QACD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;QAC7C,GAAG,CAAC,EAAE,OAAO,CAAA;QACb,MAAM,CAAC,EAAE;YACP,WAAW,EAAE;gBACX,CAAC,UAAU,EAAE,MAAM,GAAG;oBACpB,MAAM,EAAE,KAAK,EAAE,CAAA;iBAChB,CAAA;aACF,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,kBAAkB,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACjG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEnC,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE7D,MAAM,MAAM,WAAW,GAAG;IAAE,QAAQ,EAAE,CAAC,WAAW,GAAG,QAAQ,CAAC,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,IAAI,QAAQ,CAE7E;AAED,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAA;AACtD,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,OAAO,EAAE,gBAAgB,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,CAAA;IACxB,IAAI,EAAE,gBAAgB,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,eAAe,GACvB,YAAY,GACZ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,cAAc,GACd,WAAW,GACX,IAAI,GACJ,QAAQ,GACR,qBAAqB,CAAA;AACzB,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,MAAM,GACN,QAAQ,GACR,eAAe,GACf,WAAW,GACX,kBAAkB,CAAA;AAEtB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;QAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;QACvB,IAAI,CAAC,EAAE;YACL,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;gBAAE,MAAM,EAAE,eAAe,CAAC;gBAAC,aAAa,EAAE,KAAK,EAAE,CAAA;aAAE,KAAK,KAAK,EAAE,CAAC,GAAG,KAAK,EAAE,CAAA;SAC5F,CAAA;QACD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;QAC7C,GAAG,CAAC,EAAE,OAAO,CAAA;QACb,MAAM,CAAC,EAAE;YACP,WAAW,EAAE;gBACX,CAAC,UAAU,EAAE,MAAM,GAAG;oBACpB,MAAM,EAAE,KAAK,EAAE,CAAA;iBAChB,CAAA;aACF,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAA"}

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { Field, RichTextFieldProps, SanitizedConfig } from 'payload'\nimport type { Editor } from 'slate'\n\nexport type TextNode = { [x: string]: unknown; text: string }\n\nexport type ElementNode = { children: (ElementNode | TextNode)[]; type?: string }\n\nexport function nodeIsTextNode(node: ElementNode | TextNode): node is TextNode {\n  return 'text' in node\n}\n\nexport type RichTextPluginComponent = React.ComponentType\nexport type RichTextPlugin = (editor: Editor) => Editor\n\nexport type RichTextCustomElement = {\n  Button?: React.ComponentType<any>\n  Element: React.ComponentType<any>\n  name: string\n  plugins?: RichTextPluginComponent[]\n}\n\nexport type RichTextCustomLeaf = {\n  Button: React.ComponentType<any>\n  Leaf: React.ComponentType<any>\n  name: string\n  plugins?: RichTextPluginComponent[]\n}\n\nexport type RichTextElement =\n  | 'blockquote'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'indent'\n  | 'link'\n  | 'ol'\n  | 'relationship'\n  | 'textAlign'\n  | 'ul'\n  | 'upload'\n  | RichTextCustomElement\nexport type RichTextLeaf =\n  | 'bold'\n  | 'code'\n  | 'italic'\n  | 'strikethrough'\n  | 'underline'\n  | RichTextCustomLeaf\n\nexport type AdapterArguments = {\n  admin?: {\n    elements?: RichTextElement[]\n    hideGutter?: boolean\n    leaves?: RichTextLeaf[]\n    link?: {\n      fields?: ((args: { config: SanitizedConfig; defaultFields: Field[] }) => Field[]) | Field[]\n    }\n    placeholder?: Record<string, string> | string\n    rtl?: boolean\n    upload?: {\n      collections: {\n        [collection: string]: {\n          fields: Field[]\n        }\n      }\n    }\n  }\n}\n\nexport type FieldProps = RichTextFieldProps<any[], AdapterArguments, AdapterArguments>\n"],"names":["nodeIsTextNode","node"],"mappings":"AAOA,OAAO,SAASA,eAAeC,IAA4B;IACzD,OAAO,UAAUA;AACnB"}
+{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { Field, PayloadComponent, RichTextFieldClientProps, SanitizedConfig } from 'payload'\nimport type { Editor } from 'slate'\n\nexport type TextNode = { [x: string]: unknown; text: string }\n\nexport type ElementNode = { children: (ElementNode | TextNode)[]; type?: string }\n\nexport function nodeIsTextNode(node: ElementNode | TextNode): node is TextNode {\n  return 'text' in node\n}\n\nexport type RichTextPluginComponent = PayloadComponent\nexport type RichTextPlugin = (editor: Editor) => Editor\n\nexport type RichTextCustomElement = {\n  Button?: PayloadComponent\n  Element: PayloadComponent\n  name: string\n  plugins?: RichTextPluginComponent[]\n}\n\nexport type RichTextCustomLeaf = {\n  Button: PayloadComponent\n  Leaf: PayloadComponent\n  name: string\n  plugins?: RichTextPluginComponent[]\n}\n\nexport type RichTextElement =\n  | 'blockquote'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'indent'\n  | 'link'\n  | 'ol'\n  | 'relationship'\n  | 'textAlign'\n  | 'ul'\n  | 'upload'\n  | RichTextCustomElement\nexport type RichTextLeaf =\n  | 'bold'\n  | 'code'\n  | 'italic'\n  | 'strikethrough'\n  | 'underline'\n  | RichTextCustomLeaf\n\nexport type AdapterArguments = {\n  admin?: {\n    elements?: RichTextElement[]\n    hideGutter?: boolean\n    leaves?: RichTextLeaf[]\n    link?: {\n      fields?: ((args: { config: SanitizedConfig; defaultFields: Field[] }) => Field[]) | Field[]\n    }\n    placeholder?: Record<string, string> | string\n    rtl?: boolean\n    upload?: {\n      collections: {\n        [collection: string]: {\n          fields: Field[]\n        }\n      }\n    }\n  }\n}\n\nexport type SlateFieldProps = RichTextFieldClientProps<any[], AdapterArguments, AdapterArguments>\n"],"names":["nodeIsTextNode","node"],"mappings":"AAOA,OAAO,SAASA,eAAeC,IAA4B;IACzD,OAAO,UAAUA;AACnB"}