@payloadcms/richtext-slate 3.0.0-canary.6de2b29 → 3.0.0-canary.71da5b9

package/dist/cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,GAAG,EAAE,CAAC,CAMnE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAKxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,GAAG,EAAE,CAAC,CAqCnE,CAAA"}

package/dist/cell/index.js

@@ -1,10 +1,31 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useTableCell } from '@payloadcms/ui';
+import { useConfig, useTableCell } from '@payloadcms/ui';
+import { formatAdminURL } from '@payloadcms/ui/shared';
+import LinkImport from 'next/link.js';
 import React from 'react';
+const Link = LinkImport.default || LinkImport;
 export const RichTextCell = ()=>{
-    const { cellData } = useTableCell();
+    const { cellData, cellProps, columnIndex, customCellContext, rowData } = useTableCell();
     const flattenedText = cellData?.map((i)=>i?.children?.map((c)=>c.text)).join(' ');
+    const { config: { routes: { admin: adminRoute } } } = useConfig();
+    const { link } = cellProps || {};
+    let WrapElement = 'span';
+    const wrapElementProps = {};
+    const isLink = link !== undefined ? link : columnIndex === 0;
+    if (isLink) {
+        WrapElement = Link;
+        wrapElementProps.href = customCellContext?.collectionSlug ? formatAdminURL({
+            adminRoute,
+            path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`
+        }) : '';
+    }
+    if (isLink) {
+        return /*#__PURE__*/ _jsx(WrapElement, {
+            ...wrapElementProps,
+            children: flattenedText
+        });
+    }
     // Limiting the number of characters shown is done in a CSS rule
     return /*#__PURE__*/ _jsx("span", {
         children: flattenedText

package/dist/cell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/cell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport { useTableCell } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const RichTextCell: React.FC<DefaultCellComponentProps<any[]>> = () => {\n  const { cellData } = useTableCell()\n  const flattenedText = cellData?.map((i) => i?.children?.map((c) => c.text)).join(' ')\n\n  // Limiting the number of characters shown is done in a CSS rule\n  return <span>{flattenedText}</span>\n}\n"],"names":["useTableCell","React","RichTextCell","cellData","flattenedText","map","i","children","c","text","join","span"],"mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,iBAAgB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,eAA2D;IACtE,MAAM,EAAEC,QAAQ,EAAE,GAAGH;IACrB,MAAMI,gBAAgBD,UAAUE,IAAI,CAACC,IAAMA,GAAGC,UAAUF,IAAI,CAACG,IAAMA,EAAEC,IAAI,GAAGC,KAAK;IAEjF,gEAAgE;IAChE,qBAAO,KAACC;kBAAMP;;AAChB,EAAC"}
+{"version":3,"sources":["../../src/cell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport { useConfig, useTableCell } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const RichTextCell: React.FC<DefaultCellComponentProps<any[]>> = () => {\n  const { cellData, cellProps, columnIndex, customCellContext, rowData } = useTableCell()\n  const flattenedText = cellData?.map((i) => i?.children?.map((c) => c.text)).join(' ')\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { link } = cellProps || {}\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    type?: 'button'\n  } = {}\n\n  const isLink = link !== undefined ? link : columnIndex === 0\n\n  if (isLink) {\n    WrapElement = Link\n    wrapElementProps.href = customCellContext?.collectionSlug\n      ? formatAdminURL({\n          adminRoute,\n          path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`,\n        })\n      : ''\n  }\n\n  if (isLink) {\n    return <WrapElement {...wrapElementProps}>{flattenedText}</WrapElement>\n  }\n  // Limiting the number of characters shown is done in a CSS rule\n  return <span>{flattenedText}</span>\n}\n"],"names":["useConfig","useTableCell","formatAdminURL","LinkImport","React","Link","default","RichTextCell","cellData","cellProps","columnIndex","customCellContext","rowData","flattenedText","map","i","children","c","text","join","config","routes","admin","adminRoute","link","WrapElement","wrapElementProps","isLink","undefined","href","collectionSlug","path","id","span"],"mappings":"AAAA;;AAGA,SAASA,SAAS,EAAEC,YAAY,QAAQ,iBAAgB;AACxD,SAASC,cAAc,QAAQ,wBAAuB;AACtD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,OAAO,MAAMI,eAA2D;IACtE,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,iBAAiB,EAAEC,OAAO,EAAE,GAAGX;IACzE,MAAMY,gBAAgBL,UAAUM,IAAI,CAACC,IAAMA,GAAGC,UAAUF,IAAI,CAACG,IAAMA,EAAEC,IAAI,GAAGC,KAAK;IAEjF,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,EACF,GAAGvB;IAEJ,MAAM,EAAEwB,IAAI,EAAE,GAAGf,aAAa,CAAC;IAC/B,IAAIgB,cAAiD;IAErD,MAAMC,mBAKF,CAAC;IAEL,MAAMC,SAASH,SAASI,YAAYJ,OAAOd,gBAAgB;IAE3D,IAAIiB,QAAQ;QACVF,cAAcpB;QACdqB,iBAAiBG,IAAI,GAAGlB,mBAAmBmB,iBACvC5B,eAAe;YACbqB;YACAQ,MAAM,CAAC,aAAa,EAAEpB,mBAAmBmB,eAAe,CAAC,EAAElB,QAAQoB,EAAE,CAAC,CAAC;QACzE,KACA;IACN;IAEA,IAAIL,QAAQ;QACV,qBAAO,KAACF;YAAa,GAAGC,gBAAgB;sBAAGb;;IAC7C;IACA,gEAAgE;IAChE,qBAAO,KAACoB;kBAAMpB;;AAChB,EAAC"}

package/dist/data/richTextRelationshipPromise.d.ts

@@ -6,7 +6,7 @@ type RecurseRichTextArgs = {
     currentDepth: number;
     depth: number;
     draft: boolean;
-    field: RichTextField<any[], AdapterArguments, AdapterArguments>;
+    field: RichTextField<any[], any, any>;
     overrideAccess: boolean;
     populationPromises: Promise<void>[];
     req: PayloadRequest;

package/dist/data/richTextRelationshipPromise.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"richTextRelationshipPromise.d.ts","sourceRoot":"","sources":["../../src/data/richTextRelationshipPromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,MAAM,MAAM,IAAI,GAAG,UAAU,CAC3B,eAAe,CAAC,GAAG,EAAE,EAAE,gBAAgB,CAAC,CAAC,2BAA2B,CAAC,CACtE,CAAC,CAAC,CAAC,CAAA;AAEJ,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;IACd,KAAK,EAAE,aAAa,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;IAC/D,cAAc,EAAE,OAAO,CAAA;IACvB,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAA;IACnC,GAAG,EAAE,cAAc,CAAA;IACnB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,eAAe,gHAUzB,mBAAmB,KAAG,IAkGxB,CAAA;AAED,eAAO,MAAM,2BAA2B,kHAUrC,IAAI,SAYN,CAAA"}
+{"version":3,"file":"richTextRelationshipPromise.d.ts","sourceRoot":"","sources":["../../src/data/richTextRelationshipPromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,MAAM,MAAM,IAAI,GAAG,UAAU,CAC3B,eAAe,CAAC,GAAG,EAAE,EAAE,gBAAgB,CAAC,CAAC,2BAA2B,CAAC,CACtE,CAAC,CAAC,CAAC,CAAA;AAEJ,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;IACd,KAAK,EAAE,aAAa,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;IACrC,cAAc,EAAE,OAAO,CAAA;IACvB,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAA;IACnC,GAAG,EAAE,cAAc,CAAA;IACnB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,eAAe,gHAUzB,mBAAmB,KAAG,IAkGxB,CAAA;AAED,eAAO,MAAM,2BAA2B,kHAUrC,IAAI,SAYN,CAAA"}

package/dist/data/richTextRelationshipPromise.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data/richTextRelationshipPromise.ts"],"sourcesContent":["import type { PayloadRequest, RichTextAdapter, RichTextField } from 'payload'\n\nimport type { AdapterArguments } from '../types.js'\n\nimport { populate } from './populate.js'\nimport { recurseNestedFields } from './recurseNestedFields.js'\n\nexport type Args = Parameters<\n  RichTextAdapter<any[], AdapterArguments>['graphQLPopulationPromises']\n>[0]\n\ntype RecurseRichTextArgs = {\n  children: unknown[]\n  currentDepth: number\n  depth: number\n  draft: boolean\n  field: RichTextField<any[], AdapterArguments, AdapterArguments>\n  overrideAccess: boolean\n  populationPromises: Promise<void>[]\n  req: PayloadRequest\n  showHiddenFields: boolean\n}\n\nexport const recurseRichText = ({\n  children,\n  currentDepth = 0,\n  depth,\n  draft,\n  field,\n  overrideAccess = false,\n  populationPromises,\n  req,\n  showHiddenFields,\n}: RecurseRichTextArgs): void => {\n  if (depth <= 0 || currentDepth > depth) {\n    return\n  }\n\n  if (Array.isArray(children)) {\n    ;(children as any[]).forEach((element) => {\n      if ((element.type === 'relationship' || element.type === 'upload') && element?.value?.id) {\n        const collection = req.payload.collections[element?.relationTo]\n\n        if (collection) {\n          populationPromises.push(\n            populate({\n              id: element.value.id,\n              collection,\n              currentDepth,\n              data: element,\n              depth,\n              draft,\n              field,\n              key: 'value',\n              overrideAccess,\n              req,\n              showHiddenFields,\n            }),\n          )\n        }\n        if (\n          element.type === 'upload' &&\n          Array.isArray(field.admin?.upload?.collections?.[element?.relationTo]?.fields)\n        ) {\n          recurseNestedFields({\n            currentDepth,\n            data: element.fields || {},\n            depth,\n            draft,\n            fields: field.admin.upload.collections[element.relationTo].fields,\n            overrideAccess,\n            populationPromises,\n            req,\n            showHiddenFields,\n          })\n        }\n      }\n\n      if (element.type === 'link') {\n        if (element?.doc?.value && element?.doc?.relationTo) {\n          const collection = req.payload.collections[element?.doc?.relationTo]\n\n          if (collection) {\n            populationPromises.push(\n              populate({\n                id: element.doc.value,\n                collection,\n                currentDepth,\n                data: element.doc,\n                depth,\n                draft,\n                field,\n                key: 'value',\n                overrideAccess,\n                req,\n                showHiddenFields,\n              }),\n            )\n          }\n        }\n\n        if (Array.isArray(field.admin?.link?.fields)) {\n          recurseNestedFields({\n            currentDepth,\n            data: element.fields || {},\n            depth,\n            draft,\n            fields: field.admin?.link?.fields,\n            overrideAccess,\n            populationPromises,\n            req,\n            showHiddenFields,\n          })\n        }\n      }\n\n      if (element?.children) {\n        recurseRichText({\n          children: element.children,\n          currentDepth,\n          depth,\n          draft,\n          field,\n          overrideAccess,\n          populationPromises,\n          req,\n          showHiddenFields,\n        })\n      }\n    })\n  }\n}\n\nexport const richTextRelationshipPromise = ({\n  currentDepth,\n  depth,\n  draft,\n  field,\n  overrideAccess,\n  populationPromises,\n  req,\n  showHiddenFields,\n  siblingDoc,\n}: Args) => {\n  recurseRichText({\n    children: siblingDoc[field.name] as unknown[],\n    currentDepth,\n    depth,\n    draft,\n    field,\n    overrideAccess,\n    populationPromises,\n    req,\n    showHiddenFields,\n  })\n}\n"],"names":["populate","recurseNestedFields","recurseRichText","children","currentDepth","depth","draft","field","overrideAccess","populationPromises","req","showHiddenFields","Array","isArray","forEach","element","type","value","id","collection","payload","collections","relationTo","push","data","key","admin","upload","fields","doc","link","richTextRelationshipPromise","siblingDoc","name"],"mappings":"AAIA,SAASA,QAAQ,QAAQ,gBAAe;AACxC,SAASC,mBAAmB,QAAQ,2BAA0B;AAkB9D,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,eAAe,CAAC,EAChBC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,iBAAiB,KAAK,EACtBC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EACI;IACpB,IAAIN,SAAS,KAAKD,eAAeC,OAAO;QACtC;IACF;IAEA,IAAIO,MAAMC,OAAO,CAACV,WAAW;QACzBA,SAAmBW,OAAO,CAAC,CAACC;YAC5B,IAAI,AAACA,CAAAA,QAAQC,IAAI,KAAK,kBAAkBD,QAAQC,IAAI,KAAK,QAAO,KAAMD,SAASE,OAAOC,IAAI;gBACxF,MAAMC,aAAaT,IAAIU,OAAO,CAACC,WAAW,CAACN,SAASO,WAAW;gBAE/D,IAAIH,YAAY;oBACdV,mBAAmBc,IAAI,CACrBvB,SAAS;wBACPkB,IAAIH,QAAQE,KAAK,CAACC,EAAE;wBACpBC;wBACAf;wBACAoB,MAAMT;wBACNV;wBACAC;wBACAC;wBACAkB,KAAK;wBACLjB;wBACAE;wBACAC;oBACF;gBAEJ;gBACA,IACEI,QAAQC,IAAI,KAAK,YACjBJ,MAAMC,OAAO,CAACN,MAAMmB,KAAK,EAAEC,QAAQN,aAAa,CAACN,SAASO,WAAW,EAAEM,SACvE;oBACA3B,oBAAoB;wBAClBG;wBACAoB,MAAMT,QAAQa,MAAM,IAAI,CAAC;wBACzBvB;wBACAC;wBACAsB,QAAQrB,MAAMmB,KAAK,CAACC,MAAM,CAACN,WAAW,CAACN,QAAQO,UAAU,CAAC,CAACM,MAAM;wBACjEpB;wBACAC;wBACAC;wBACAC;oBACF;gBACF;YACF;YAEA,IAAII,QAAQC,IAAI,KAAK,QAAQ;gBAC3B,IAAID,SAASc,KAAKZ,SAASF,SAASc,KAAKP,YAAY;oBACnD,MAAMH,aAAaT,IAAIU,OAAO,CAACC,WAAW,CAACN,SAASc,KAAKP,WAAW;oBAEpE,IAAIH,YAAY;wBACdV,mBAAmBc,IAAI,CACrBvB,SAAS;4BACPkB,IAAIH,QAAQc,GAAG,CAACZ,KAAK;4BACrBE;4BACAf;4BACAoB,MAAMT,QAAQc,GAAG;4BACjBxB;4BACAC;4BACAC;4BACAkB,KAAK;4BACLjB;4BACAE;4BACAC;wBACF;oBAEJ;gBACF;gBAEA,IAAIC,MAAMC,OAAO,CAACN,MAAMmB,KAAK,EAAEI,MAAMF,SAAS;oBAC5C3B,oBAAoB;wBAClBG;wBACAoB,MAAMT,QAAQa,MAAM,IAAI,CAAC;wBACzBvB;wBACAC;wBACAsB,QAAQrB,MAAMmB,KAAK,EAAEI,MAAMF;wBAC3BpB;wBACAC;wBACAC;wBACAC;oBACF;gBACF;YACF;YAEA,IAAII,SAASZ,UAAU;gBACrBD,gBAAgB;oBACdC,UAAUY,QAAQZ,QAAQ;oBAC1BC;oBACAC;oBACAC;oBACAC;oBACAC;oBACAC;oBACAC;oBACAC;gBACF;YACF;QACF;IACF;AACF,EAAC;AAED,OAAO,MAAMoB,8BAA8B,CAAC,EAC1C3B,YAAY,EACZC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,cAAc,EACdC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EAChBqB,UAAU,EACL;IACL9B,gBAAgB;QACdC,UAAU6B,UAAU,CAACzB,MAAM0B,IAAI,CAAC;QAChC7B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;AACF,EAAC"}
+{"version":3,"sources":["../../src/data/richTextRelationshipPromise.ts"],"sourcesContent":["import type { PayloadRequest, RichTextAdapter, RichTextField } from 'payload'\n\nimport type { AdapterArguments } from '../types.js'\n\nimport { populate } from './populate.js'\nimport { recurseNestedFields } from './recurseNestedFields.js'\n\nexport type Args = Parameters<\n  RichTextAdapter<any[], AdapterArguments>['graphQLPopulationPromises']\n>[0]\n\ntype RecurseRichTextArgs = {\n  children: unknown[]\n  currentDepth: number\n  depth: number\n  draft: boolean\n  field: RichTextField<any[], any, any>\n  overrideAccess: boolean\n  populationPromises: Promise<void>[]\n  req: PayloadRequest\n  showHiddenFields: boolean\n}\n\nexport const recurseRichText = ({\n  children,\n  currentDepth = 0,\n  depth,\n  draft,\n  field,\n  overrideAccess = false,\n  populationPromises,\n  req,\n  showHiddenFields,\n}: RecurseRichTextArgs): void => {\n  if (depth <= 0 || currentDepth > depth) {\n    return\n  }\n\n  if (Array.isArray(children)) {\n    ;(children as any[]).forEach((element) => {\n      if ((element.type === 'relationship' || element.type === 'upload') && element?.value?.id) {\n        const collection = req.payload.collections[element?.relationTo]\n\n        if (collection) {\n          populationPromises.push(\n            populate({\n              id: element.value.id,\n              collection,\n              currentDepth,\n              data: element,\n              depth,\n              draft,\n              field,\n              key: 'value',\n              overrideAccess,\n              req,\n              showHiddenFields,\n            }),\n          )\n        }\n        if (\n          element.type === 'upload' &&\n          Array.isArray(field.admin?.upload?.collections?.[element?.relationTo]?.fields)\n        ) {\n          recurseNestedFields({\n            currentDepth,\n            data: element.fields || {},\n            depth,\n            draft,\n            fields: field.admin.upload.collections[element.relationTo].fields,\n            overrideAccess,\n            populationPromises,\n            req,\n            showHiddenFields,\n          })\n        }\n      }\n\n      if (element.type === 'link') {\n        if (element?.doc?.value && element?.doc?.relationTo) {\n          const collection = req.payload.collections[element?.doc?.relationTo]\n\n          if (collection) {\n            populationPromises.push(\n              populate({\n                id: element.doc.value,\n                collection,\n                currentDepth,\n                data: element.doc,\n                depth,\n                draft,\n                field,\n                key: 'value',\n                overrideAccess,\n                req,\n                showHiddenFields,\n              }),\n            )\n          }\n        }\n\n        if (Array.isArray(field.admin?.link?.fields)) {\n          recurseNestedFields({\n            currentDepth,\n            data: element.fields || {},\n            depth,\n            draft,\n            fields: field.admin?.link?.fields,\n            overrideAccess,\n            populationPromises,\n            req,\n            showHiddenFields,\n          })\n        }\n      }\n\n      if (element?.children) {\n        recurseRichText({\n          children: element.children,\n          currentDepth,\n          depth,\n          draft,\n          field,\n          overrideAccess,\n          populationPromises,\n          req,\n          showHiddenFields,\n        })\n      }\n    })\n  }\n}\n\nexport const richTextRelationshipPromise = ({\n  currentDepth,\n  depth,\n  draft,\n  field,\n  overrideAccess,\n  populationPromises,\n  req,\n  showHiddenFields,\n  siblingDoc,\n}: Args) => {\n  recurseRichText({\n    children: siblingDoc[field.name] as unknown[],\n    currentDepth,\n    depth,\n    draft,\n    field,\n    overrideAccess,\n    populationPromises,\n    req,\n    showHiddenFields,\n  })\n}\n"],"names":["populate","recurseNestedFields","recurseRichText","children","currentDepth","depth","draft","field","overrideAccess","populationPromises","req","showHiddenFields","Array","isArray","forEach","element","type","value","id","collection","payload","collections","relationTo","push","data","key","admin","upload","fields","doc","link","richTextRelationshipPromise","siblingDoc","name"],"mappings":"AAIA,SAASA,QAAQ,QAAQ,gBAAe;AACxC,SAASC,mBAAmB,QAAQ,2BAA0B;AAkB9D,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,eAAe,CAAC,EAChBC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,iBAAiB,KAAK,EACtBC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EACI;IACpB,IAAIN,SAAS,KAAKD,eAAeC,OAAO;QACtC;IACF;IAEA,IAAIO,MAAMC,OAAO,CAACV,WAAW;QACzBA,SAAmBW,OAAO,CAAC,CAACC;YAC5B,IAAI,AAACA,CAAAA,QAAQC,IAAI,KAAK,kBAAkBD,QAAQC,IAAI,KAAK,QAAO,KAAMD,SAASE,OAAOC,IAAI;gBACxF,MAAMC,aAAaT,IAAIU,OAAO,CAACC,WAAW,CAACN,SAASO,WAAW;gBAE/D,IAAIH,YAAY;oBACdV,mBAAmBc,IAAI,CACrBvB,SAAS;wBACPkB,IAAIH,QAAQE,KAAK,CAACC,EAAE;wBACpBC;wBACAf;wBACAoB,MAAMT;wBACNV;wBACAC;wBACAC;wBACAkB,KAAK;wBACLjB;wBACAE;wBACAC;oBACF;gBAEJ;gBACA,IACEI,QAAQC,IAAI,KAAK,YACjBJ,MAAMC,OAAO,CAACN,MAAMmB,KAAK,EAAEC,QAAQN,aAAa,CAACN,SAASO,WAAW,EAAEM,SACvE;oBACA3B,oBAAoB;wBAClBG;wBACAoB,MAAMT,QAAQa,MAAM,IAAI,CAAC;wBACzBvB;wBACAC;wBACAsB,QAAQrB,MAAMmB,KAAK,CAACC,MAAM,CAACN,WAAW,CAACN,QAAQO,UAAU,CAAC,CAACM,MAAM;wBACjEpB;wBACAC;wBACAC;wBACAC;oBACF;gBACF;YACF;YAEA,IAAII,QAAQC,IAAI,KAAK,QAAQ;gBAC3B,IAAID,SAASc,KAAKZ,SAASF,SAASc,KAAKP,YAAY;oBACnD,MAAMH,aAAaT,IAAIU,OAAO,CAACC,WAAW,CAACN,SAASc,KAAKP,WAAW;oBAEpE,IAAIH,YAAY;wBACdV,mBAAmBc,IAAI,CACrBvB,SAAS;4BACPkB,IAAIH,QAAQc,GAAG,CAACZ,KAAK;4BACrBE;4BACAf;4BACAoB,MAAMT,QAAQc,GAAG;4BACjBxB;4BACAC;4BACAC;4BACAkB,KAAK;4BACLjB;4BACAE;4BACAC;wBACF;oBAEJ;gBACF;gBAEA,IAAIC,MAAMC,OAAO,CAACN,MAAMmB,KAAK,EAAEI,MAAMF,SAAS;oBAC5C3B,oBAAoB;wBAClBG;wBACAoB,MAAMT,QAAQa,MAAM,IAAI,CAAC;wBACzBvB;wBACAC;wBACAsB,QAAQrB,MAAMmB,KAAK,EAAEI,MAAMF;wBAC3BpB;wBACAC;wBACAC;wBACAC;oBACF;gBACF;YACF;YAEA,IAAII,SAASZ,UAAU;gBACrBD,gBAAgB;oBACdC,UAAUY,QAAQZ,QAAQ;oBAC1BC;oBACAC;oBACAC;oBACAC;oBACAC;oBACAC;oBACAC;oBACAC;gBACF;YACF;QACF;IACF;AACF,EAAC;AAED,OAAO,MAAMoB,8BAA8B,CAAC,EAC1C3B,YAAY,EACZC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,cAAc,EACdC,kBAAkB,EAClBC,GAAG,EACHC,gBAAgB,EAChBqB,UAAU,EACL;IACL9B,gBAAgB;QACdC,UAAU6B,UAAU,CAACzB,MAAM0B,IAAI,CAAC;QAChC7B;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;AACF,EAAC"}

package/dist/data/validation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/data/validation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAInD,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CACrC,OAAO,EAAE,EACT,OAAO,EACP,aAAa,CAAC,GAAG,EAAE,EAAE,gBAAgB,CAAC,EACtC,aAAa,CAAC,GAAG,EAAE,EAAE,gBAAgB,CAAC,CAUvC,CAAA"}
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/data/validation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAInD,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CACrC,OAAO,EAAE,EACT,OAAO,EACP,aAAa,CAAC,GAAG,EAAE,EAAE,gBAAgB,CAAC,EACtC,aAAa,CAAC,GAAG,EAAE,EAAE,gBAAgB,CAAC,CAYvC,CAAA"}

package/dist/data/validation.js

@@ -3,7 +3,9 @@ export const richTextValidate = (value, { req, required })=>{
     const { t } = req;
     if (required) {
         const stringifiedDefaultValue = JSON.stringify(defaultRichTextValue);
-        if (value && JSON.stringify(value) !== stringifiedDefaultValue) return true;
+        if (value && JSON.stringify(value) !== stringifiedDefaultValue) {
+            return true;
+        }
         return t('validation:required');
     }
     return true;

package/dist/data/validation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data/validation.ts"],"sourcesContent":["import type { RichTextField, Validate } from 'payload'\n\nimport type { AdapterArguments } from '../types.js'\n\nimport { defaultRichTextValue } from './defaultValue.js'\n\nexport const richTextValidate: Validate<\n  unknown[],\n  unknown,\n  RichTextField<any[], AdapterArguments>,\n  RichTextField<any[], AdapterArguments>\n> = (value, { req, required }) => {\n  const { t } = req\n  if (required) {\n    const stringifiedDefaultValue = JSON.stringify(defaultRichTextValue)\n    if (value && JSON.stringify(value) !== stringifiedDefaultValue) return true\n    return t('validation:required')\n  }\n\n  return true\n}\n"],"names":["defaultRichTextValue","richTextValidate","value","req","required","t","stringifiedDefaultValue","JSON","stringify"],"mappings":"AAIA,SAASA,oBAAoB,QAAQ,oBAAmB;AAExD,OAAO,MAAMC,mBAKT,CAACC,OAAO,EAAEC,GAAG,EAAEC,QAAQ,EAAE;IAC3B,MAAM,EAAEC,CAAC,EAAE,GAAGF;IACd,IAAIC,UAAU;QACZ,MAAME,0BAA0BC,KAAKC,SAAS,CAACR;QAC/C,IAAIE,SAASK,KAAKC,SAAS,CAACN,WAAWI,yBAAyB,OAAO;QACvE,OAAOD,EAAE;IACX;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../src/data/validation.ts"],"sourcesContent":["import type { RichTextField, Validate } from 'payload'\n\nimport type { AdapterArguments } from '../types.js'\n\nimport { defaultRichTextValue } from './defaultValue.js'\n\nexport const richTextValidate: Validate<\n  unknown[],\n  unknown,\n  RichTextField<any[], AdapterArguments>,\n  RichTextField<any[], AdapterArguments>\n> = (value, { req, required }) => {\n  const { t } = req\n  if (required) {\n    const stringifiedDefaultValue = JSON.stringify(defaultRichTextValue)\n    if (value && JSON.stringify(value) !== stringifiedDefaultValue) {\n      return true\n    }\n    return t('validation:required')\n  }\n\n  return true\n}\n"],"names":["defaultRichTextValue","richTextValidate","value","req","required","t","stringifiedDefaultValue","JSON","stringify"],"mappings":"AAIA,SAASA,oBAAoB,QAAQ,oBAAmB;AAExD,OAAO,MAAMC,mBAKT,CAACC,OAAO,EAAEC,GAAG,EAAEC,QAAQ,EAAE;IAC3B,MAAM,EAAEC,CAAC,EAAE,GAAGF;IACd,IAAIC,UAAU;QACZ,MAAME,0BAA0BC,KAAKC,SAAS,CAACR;QAC/C,IAAIE,SAASK,KAAKC,SAAS,CAACN,WAAWI,yBAAyB;YAC9D,OAAO;QACT;QACA,OAAOD,EAAE;IACX;IAEA,OAAO;AACT,EAAC"}

package/dist/exports/client/index.d.ts

@@ -0,0 +1,49 @@
+export { RichTextCell } from '../../cell/index.js';
+export { BlockquoteElementButton } from '../../field/elements/blockquote/Button.js';
+export { BlockquoteElement } from '../../field/elements/blockquote/Element.js';
+export { ElementButton } from '../../field/elements/Button.js';
+export { H1ElementButton } from '../../field/elements/h1/Button.js';
+export { Heading1Element } from '../../field/elements/h1/Heading1.js';
+export { H2ElementButton } from '../../field/elements/h2/Button.js';
+export { Heading2Element } from '../../field/elements/h2/Heading2.js';
+export { H3ElementButton } from '../../field/elements/h3/Button.js';
+export { Heading3Element } from '../../field/elements/h3/Heading3.js';
+export { H4ElementButton } from '../../field/elements/h4/Button.js';
+export { Heading4Element } from '../../field/elements/h4/Heading4.js';
+export { H5ElementButton } from '../../field/elements/h5/Button.js';
+export { Heading5Element } from '../../field/elements/h5/Heading5.js';
+export { H6ElementButton } from '../../field/elements/h6/Button.js';
+export { Heading6Element } from '../../field/elements/h6/Heading6.js';
+export { IndentButton } from '../../field/elements/indent/Button.js';
+export { IndentElement } from '../../field/elements/indent/Element.js';
+export { ListItemElement } from '../../field/elements/li/ListItem.js';
+export { LinkButton } from '../../field/elements/link/Button/index.js';
+export { LinkElement } from '../../field/elements/link/Element/index.js';
+export { WithLinks } from '../../field/elements/link/WithLinks.js';
+export { OLElementButton } from '../../field/elements/ol/Button.js';
+export { OrderedListElement } from '../../field/elements/ol/OrderedList.js';
+export { RelationshipButton } from '../../field/elements/relationship/Button/index.js';
+export { RelationshipElement } from '../../field/elements/relationship/Element/index.js';
+export { WithRelationship } from '../../field/elements/relationship/plugin.js';
+export { TextAlignElementButton } from '../../field/elements/textAlign/Button.js';
+export { toggleElement } from '../../field/elements/toggle.js';
+export { ULElementButton } from '../../field/elements/ul/Button.js';
+export { UnorderedListElement } from '../../field/elements/ul/UnorderedList.js';
+export { UploadElementButton } from '../../field/elements/upload/Button/index.js';
+export { UploadElement } from '../../field/elements/upload/Element/index.js';
+export { WithUpload } from '../../field/elements/upload/plugin.js';
+export { RichTextField } from '../../field/index.js';
+export { BoldLeaf } from '../../field/leaves/bold/Bold/index.js';
+export { BoldLeafButton } from '../../field/leaves/bold/LeafButton.js';
+export { LeafButton } from '../../field/leaves/Button.js';
+export { CodeLeaf } from '../../field/leaves/code/Code/index.js';
+export { CodeLeafButton } from '../../field/leaves/code/LeafButton.js';
+export { ItalicLeaf } from '../../field/leaves/italic/Italic/index.js';
+export { ItalicLeafButton } from '../../field/leaves/italic/LeafButton.js';
+export { StrikethroughLeafButton } from '../../field/leaves/strikethrough/LeafButton.js';
+export { StrikethroughLeaf } from '../../field/leaves/strikethrough/Strikethrough/index.js';
+export { UnderlineLeafButton } from '../../field/leaves/underline/LeafButton.js';
+export { UnderlineLeaf } from '../../field/leaves/underline/Underline/index.js';
+export { useLeaf } from '../../field/providers/LeafProvider.js';
+export { useSlatePlugin } from '../../utilities/useSlatePlugin.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/exports/client/index.d.ts.map

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

package/dist/exports/client/index.js

@@ -0,0 +1,51 @@
+'use client';
+export { RichTextCell } from '../../cell/index.js';
+export { BlockquoteElementButton } from '../../field/elements/blockquote/Button.js';
+export { BlockquoteElement } from '../../field/elements/blockquote/Element.js';
+export { ElementButton } from '../../field/elements/Button.js';
+export { H1ElementButton } from '../../field/elements/h1/Button.js';
+export { Heading1Element } from '../../field/elements/h1/Heading1.js';
+export { H2ElementButton } from '../../field/elements/h2/Button.js';
+export { Heading2Element } from '../../field/elements/h2/Heading2.js';
+export { H3ElementButton } from '../../field/elements/h3/Button.js';
+export { Heading3Element } from '../../field/elements/h3/Heading3.js';
+export { H4ElementButton } from '../../field/elements/h4/Button.js';
+export { Heading4Element } from '../../field/elements/h4/Heading4.js';
+export { H5ElementButton } from '../../field/elements/h5/Button.js';
+export { Heading5Element } from '../../field/elements/h5/Heading5.js';
+export { H6ElementButton } from '../../field/elements/h6/Button.js';
+export { Heading6Element } from '../../field/elements/h6/Heading6.js';
+export { IndentButton } from '../../field/elements/indent/Button.js';
+export { IndentElement } from '../../field/elements/indent/Element.js';
+export { ListItemElement } from '../../field/elements/li/ListItem.js';
+export { LinkButton } from '../../field/elements/link/Button/index.js';
+export { LinkElement } from '../../field/elements/link/Element/index.js';
+export { WithLinks } from '../../field/elements/link/WithLinks.js';
+export { OLElementButton } from '../../field/elements/ol/Button.js';
+export { OrderedListElement } from '../../field/elements/ol/OrderedList.js';
+export { RelationshipButton } from '../../field/elements/relationship/Button/index.js';
+export { RelationshipElement } from '../../field/elements/relationship/Element/index.js';
+export { WithRelationship } from '../../field/elements/relationship/plugin.js';
+export { TextAlignElementButton } from '../../field/elements/textAlign/Button.js';
+export { toggleElement } from '../../field/elements/toggle.js';
+export { ULElementButton } from '../../field/elements/ul/Button.js';
+export { UnorderedListElement } from '../../field/elements/ul/UnorderedList.js';
+export { UploadElementButton } from '../../field/elements/upload/Button/index.js';
+export { UploadElement } from '../../field/elements/upload/Element/index.js';
+export { WithUpload } from '../../field/elements/upload/plugin.js';
+export { RichTextField } from '../../field/index.js';
+export { BoldLeaf } from '../../field/leaves/bold/Bold/index.js';
+export { BoldLeafButton } from '../../field/leaves/bold/LeafButton.js';
+export { LeafButton } from '../../field/leaves/Button.js';
+export { CodeLeaf } from '../../field/leaves/code/Code/index.js';
+export { CodeLeafButton } from '../../field/leaves/code/LeafButton.js';
+export { ItalicLeaf } from '../../field/leaves/italic/Italic/index.js';
+export { ItalicLeafButton } from '../../field/leaves/italic/LeafButton.js';
+export { StrikethroughLeafButton } from '../../field/leaves/strikethrough/LeafButton.js';
+export { StrikethroughLeaf } from '../../field/leaves/strikethrough/Strikethrough/index.js';
+export { UnderlineLeafButton } from '../../field/leaves/underline/LeafButton.js';
+export { UnderlineLeaf } from '../../field/leaves/underline/Underline/index.js';
+export { useLeaf } from '../../field/providers/LeafProvider.js';
+export { useSlatePlugin } from '../../utilities/useSlatePlugin.js';
+
+//# sourceMappingURL=index.js.map

package/dist/exports/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/exports/client/index.ts"],"sourcesContent":["'use client'\n\nexport { RichTextCell } from '../../cell/index.js'\nexport { BlockquoteElementButton } from '../../field/elements/blockquote/Button.js'\nexport { BlockquoteElement } from '../../field/elements/blockquote/Element.js'\nexport { ElementButton } from '../../field/elements/Button.js'\nexport { H1ElementButton } from '../../field/elements/h1/Button.js'\nexport { Heading1Element } from '../../field/elements/h1/Heading1.js'\nexport { H2ElementButton } from '../../field/elements/h2/Button.js'\nexport { Heading2Element } from '../../field/elements/h2/Heading2.js'\nexport { H3ElementButton } from '../../field/elements/h3/Button.js'\nexport { Heading3Element } from '../../field/elements/h3/Heading3.js'\nexport { H4ElementButton } from '../../field/elements/h4/Button.js'\nexport { Heading4Element } from '../../field/elements/h4/Heading4.js'\nexport { H5ElementButton } from '../../field/elements/h5/Button.js'\n\nexport { Heading5Element } from '../../field/elements/h5/Heading5.js'\nexport { H6ElementButton } from '../../field/elements/h6/Button.js'\n\nexport { Heading6Element } from '../../field/elements/h6/Heading6.js'\n\nexport { IndentButton } from '../../field/elements/indent/Button.js'\nexport { IndentElement } from '../../field/elements/indent/Element.js'\nexport { ListItemElement } from '../../field/elements/li/ListItem.js'\n\nexport { LinkButton } from '../../field/elements/link/Button/index.js'\n\nexport { LinkElement } from '../../field/elements/link/Element/index.js'\n\nexport { WithLinks } from '../../field/elements/link/WithLinks.js'\nexport { OLElementButton } from '../../field/elements/ol/Button.js'\nexport { OrderedListElement } from '../../field/elements/ol/OrderedList.js'\n\nexport { RelationshipButton } from '../../field/elements/relationship/Button/index.js'\n\nexport { RelationshipElement } from '../../field/elements/relationship/Element/index.js'\nexport { WithRelationship } from '../../field/elements/relationship/plugin.js'\n\nexport { TextAlignElementButton } from '../../field/elements/textAlign/Button.js'\nexport { toggleElement } from '../../field/elements/toggle.js'\nexport { ULElementButton } from '../../field/elements/ul/Button.js'\nexport { UnorderedListElement } from '../../field/elements/ul/UnorderedList.js'\nexport { UploadElementButton } from '../../field/elements/upload/Button/index.js'\nexport { UploadElement } from '../../field/elements/upload/Element/index.js'\nexport { WithUpload } from '../../field/elements/upload/plugin.js'\nexport { RichTextField } from '../../field/index.js'\nexport { BoldLeaf } from '../../field/leaves/bold/Bold/index.js'\nexport { BoldLeafButton } from '../../field/leaves/bold/LeafButton.js'\n\nexport { LeafButton } from '../../field/leaves/Button.js'\n\nexport { CodeLeaf } from '../../field/leaves/code/Code/index.js'\n\nexport { CodeLeafButton } from '../../field/leaves/code/LeafButton.js'\n\nexport { ItalicLeaf } from '../../field/leaves/italic/Italic/index.js'\nexport { ItalicLeafButton } from '../../field/leaves/italic/LeafButton.js'\nexport { StrikethroughLeafButton } from '../../field/leaves/strikethrough/LeafButton.js'\n\nexport { StrikethroughLeaf } from '../../field/leaves/strikethrough/Strikethrough/index.js'\nexport { UnderlineLeafButton } from '../../field/leaves/underline/LeafButton.js'\n\nexport { UnderlineLeaf } from '../../field/leaves/underline/Underline/index.js'\n\nexport { useLeaf } from '../../field/providers/LeafProvider.js'\nexport { useSlatePlugin } from '../../utilities/useSlatePlugin.js'\n"],"names":["RichTextCell","BlockquoteElementButton","BlockquoteElement","ElementButton","H1ElementButton","Heading1Element","H2ElementButton","Heading2Element","H3ElementButton","Heading3Element","H4ElementButton","Heading4Element","H5ElementButton","Heading5Element","H6ElementButton","Heading6Element","IndentButton","IndentElement","ListItemElement","LinkButton","LinkElement","WithLinks","OLElementButton","OrderedListElement","RelationshipButton","RelationshipElement","WithRelationship","TextAlignElementButton","toggleElement","ULElementButton","UnorderedListElement","UploadElementButton","UploadElement","WithUpload","RichTextField","BoldLeaf","BoldLeafButton","LeafButton","CodeLeaf","CodeLeafButton","ItalicLeaf","ItalicLeafButton","StrikethroughLeafButton","StrikethroughLeaf","UnderlineLeafButton","UnderlineLeaf","useLeaf","useSlatePlugin"],"mappings":"AAAA;AAEA,SAASA,YAAY,QAAQ,sBAAqB;AAClD,SAASC,uBAAuB,QAAQ,4CAA2C;AACnF,SAASC,iBAAiB,QAAQ,6CAA4C;AAC9E,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,SAASC,eAAe,QAAQ,sCAAqC;AAErE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,eAAe,QAAQ,sCAAqC;AAErE,SAASC,UAAU,QAAQ,4CAA2C;AAEtE,SAASC,WAAW,QAAQ,6CAA4C;AAExE,SAASC,SAAS,QAAQ,yCAAwC;AAClE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,kBAAkB,QAAQ,yCAAwC;AAE3E,SAASC,kBAAkB,QAAQ,oDAAmD;AAEtF,SAASC,mBAAmB,QAAQ,qDAAoD;AACxF,SAASC,gBAAgB,QAAQ,8CAA6C;AAE9E,SAASC,sBAAsB,QAAQ,2CAA0C;AACjF,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,oBAAoB,QAAQ,2CAA0C;AAC/E,SAASC,mBAAmB,QAAQ,8CAA6C;AACjF,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,UAAU,QAAQ,wCAAuC;AAClE,SAASC,aAAa,QAAQ,uBAAsB;AACpD,SAASC,QAAQ,QAAQ,wCAAuC;AAChE,SAASC,cAAc,QAAQ,wCAAuC;AAEtE,SAASC,UAAU,QAAQ,+BAA8B;AAEzD,SAASC,QAAQ,QAAQ,wCAAuC;AAEhE,SAASC,cAAc,QAAQ,wCAAuC;AAEtE,SAASC,UAAU,QAAQ,4CAA2C;AACtE,SAASC,gBAAgB,QAAQ,0CAAyC;AAC1E,SAASC,uBAAuB,QAAQ,iDAAgD;AAExF,SAASC,iBAAiB,QAAQ,0DAAyD;AAC3F,SAASC,mBAAmB,QAAQ,6CAA4C;AAEhF,SAASC,aAAa,QAAQ,kDAAiD;AAE/E,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,cAAc,QAAQ,oCAAmC"}

package/dist/field/RichText.d.ts

@@ -1,10 +1,9 @@
-import type { FormFieldBase } from '@payloadcms/ui';
 import type { BaseEditor } from 'slate';
 import type { HistoryEditor } from 'slate-history';
 import type { ReactEditor } from 'slate-react';
 import React from 'react';
-import type { ElementNode, RichTextPlugin, TextNode } from '../types.js';
-import type { EnabledFeatures } from './types.js';
+import type { ElementNode, TextNode } from '../types.js';
+import type { LoadedSlateFieldProps } from './types.js';
 import './index.scss';
 declare module 'slate' {
     interface CustomTypes {
@@ -13,13 +12,5 @@ declare module 'slate' {
         Text: TextNode;
     }
 }
-export declare const RichText: React.FC<{
-    elements: EnabledFeatures["elements"];
-    leaves: EnabledFeatures["leaves"];
-    name: string;
-    placeholder?: string;
-    plugins: RichTextPlugin[];
-    richTextComponentMap: Map<string, React.ReactNode>;
-    width?: string;
-} & FormFieldBase>;
+export declare const RichText: React.FC<LoadedSlateFieldProps>;
 //# sourceMappingURL=RichText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../src/field/RichText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAc9C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAMjD,OAAO,cAAc,CAAA;AAWrB,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,WAAW;QACnB,MAAM,EAAE,UAAU,GAAG,aAAa,GAAG,WAAW,CAAA;QAChD,OAAO,EAAE,WAAW,CAAA;QACpB,IAAI,EAAE,QAAQ,CAAA;KACf;CACF;AAsaD,eAAO,MAAM,QAAQ;cAlaP,eAAe,CAAC,UAAU,CAAC;YAC7B,eAAe,CAAC,QAAQ,CAAC;UAC3B,MAAM;kBACE,MAAM;aACX,cAAc,EAAE;0BACH,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;YAC1C,MAAM;kBA4ZkC,CAAA"}
+{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../src/field/RichText.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAe9C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAMvD,OAAO,cAAc,CAAA;AAWrB,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,WAAW;QACnB,MAAM,EAAE,UAAU,GAAG,aAAa,GAAG,WAAW,CAAA;QAChD,OAAO,EAAE,WAAW,CAAA;QACpB,IAAI,EAAE,QAAQ,CAAA;KACf;CACF;AA4ZD,eAAO,MAAM,QAAQ,iCAA+B,CAAA"}

package/dist/field/RichText.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { FieldDescription, FieldError, FieldLabel, useEditDepth, useField, useFieldProps, useTranslation, withCondition } from '@payloadcms/ui';
+import { FieldDescription, FieldError, FieldLabel, RenderComponent, useEditDepth, useField, useFieldProps, useTranslation, withCondition } from '@payloadcms/ui';
 import { isHotkey } from 'is-hotkey';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { Node, Element as SlateElement, Text, Transforms, createEditor } from 'slate';
+import { createEditor, Node, Element as SlateElement, Text, Transforms } from 'slate';
 import { withHistory } from 'slate-history';
 import { Editable, Slate, withReact } from 'slate-react';
 import { defaultRichTextValue } from '../data/defaultValue.js';
@@ -21,7 +21,8 @@ import { LeafButtonProvider } from './providers/LeafButtonProvider.js';
 import { LeafProvider } from './providers/LeafProvider.js';
 const baseClass = 'rich-text';
 const RichTextField = (props)=>{
-    const { name, CustomDescription, CustomError, CustomLabel, className, descriptionProps, elements, errorProps, label, labelProps, leaves, path: pathFromProps, placeholder, plugins, readOnly: readOnlyFromProps, required, style, validate = richTextValidate, width } = props;
+    const { descriptionProps, elements, errorProps, field, field: { name, _path: pathFromProps, admin: { className, components: { Description, Error, Label }, placeholder, readOnly: readOnlyFromAdmin, style, width } = {}, required }, labelProps, leaves, plugins, readOnly: readOnlyFromTopLevelProps, validate = richTextValidate } = props;
+    const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
     const { i18n } = useTranslation();
     const editorRef = useRef(null);
     const toolbarRef = useRef(null);
@@ -154,7 +155,9 @@ const RichTextField = (props)=>{
                 fieldProps: props,
                 path: path,
                 schemaPath: schemaPath,
-                children: Element
+                children: /*#__PURE__*/ _jsx(RenderComponent, {
+                    mappedComponent: Element
+                })
             });
             return el;
         }
@@ -182,7 +185,9 @@ const RichTextField = (props)=>{
                         path: path,
                         result: result,
                         schemaPath: schemaPath,
-                        children: Leaf
+                        children: /*#__PURE__*/ _jsx(RenderComponent, {
+                            mappedComponent: Leaf
+                        })
                     }, i);
                 }
                 return result;
@@ -231,7 +236,9 @@ const RichTextField = (props)=>{
                 const isButton = child.tagName === 'BUTTON';
                 const isDisabling = clickState === 'disabled';
                 child.setAttribute('tabIndex', isDisabling ? '-1' : '0');
-                if (isButton) child.setAttribute('disabled', isDisabling ? 'disabled' : null);
+                if (isButton) {
+                    child.setAttribute('disabled', isDisabling ? 'disabled' : null);
+                }
             });
         }
         if (disabled) {
@@ -270,7 +277,9 @@ const RichTextField = (props)=>{
             valueToRender = null;
         }
     }
-    if (!valueToRender) valueToRender = defaultRichTextValue;
+    if (!valueToRender) {
+        valueToRender = defaultRichTextValue;
+    }
     return /*#__PURE__*/ _jsxs("div", {
         className: classes,
         style: {
@@ -279,16 +288,16 @@ const RichTextField = (props)=>{
         },
         children: [
             /*#__PURE__*/ _jsx(FieldLabel, {
-                CustomLabel: CustomLabel,
-                label: label,
-                required: required,
-                ...labelProps || {}
+                Label: Label,
+                ...labelProps || {},
+                field: field
             }),
             /*#__PURE__*/ _jsxs("div", {
                 className: `${baseClass}__wrap`,
                 children: [
                     /*#__PURE__*/ _jsx(FieldError, {
-                        CustomError: CustomError,
+                        CustomError: Error,
+                        field: field,
                         path: path,
                         ...errorProps || {}
                     }),
@@ -316,7 +325,9 @@ const RichTextField = (props)=>{
                                                         fieldProps: props,
                                                         path: path,
                                                         schemaPath: schemaPath,
-                                                        children: Button
+                                                        children: /*#__PURE__*/ _jsx(RenderComponent, {
+                                                            mappedComponent: Button
+                                                        })
                                                     }, element.name);
                                                 }
                                                 return null;
@@ -328,7 +339,9 @@ const RichTextField = (props)=>{
                                                         fieldProps: props,
                                                         path: path,
                                                         schemaPath: schemaPath,
-                                                        children: Button
+                                                        children: /*#__PURE__*/ _jsx(RenderComponent, {
+                                                            mappedComponent: Button
+                                                        })
                                                     }, leaf.name);
                                                 }
                                                 return null;
@@ -410,7 +423,9 @@ const RichTextField = (props)=>{
                         initialValue,
                         path
                     })),
-                    CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
+                    /*#__PURE__*/ _jsx(FieldDescription, {
+                        Description: Description,
+                        field: field,
                         ...descriptionProps || {}
                     })
                 ]

package/dist/field/RichText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/RichText.tsx"],"sourcesContent":["'use client'\n\nimport type { FormFieldBase } from '@payloadcms/ui'\nimport type { ClientValidate } from 'payload'\nimport type { BaseEditor, BaseOperation } from 'slate'\nimport type { HistoryEditor } from 'slate-history'\nimport type { ReactEditor } from 'slate-react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  useEditDepth,\n  useField,\n  useFieldProps,\n  useTranslation,\n  withCondition,\n} from '@payloadcms/ui'\nimport { isHotkey } from 'is-hotkey'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { Node, Element as SlateElement, Text, Transforms, createEditor } from 'slate'\nimport { withHistory } from 'slate-history'\nimport { Editable, Slate, withReact } from 'slate-react'\n\nimport type { ElementNode, RichTextPlugin, TextNode } from '../types.js'\nimport type { EnabledFeatures } from './types.js'\n\nimport { defaultRichTextValue } from '../data/defaultValue.js'\nimport { richTextValidate } from '../data/validation.js'\nimport { listTypes } from './elements/listTypes.js'\nimport { hotkeys } from './hotkeys.js'\nimport './index.scss'\nimport { toggleLeaf } from './leaves/toggle.js'\nimport { withEnterBreakOut } from './plugins/withEnterBreakOut.js'\nimport { withHTML } from './plugins/withHTML.js'\nimport { ElementButtonProvider } from './providers/ElementButtonProvider.js'\nimport { ElementProvider } from './providers/ElementProvider.js'\nimport { LeafButtonProvider } from './providers/LeafButtonProvider.js'\nimport { LeafProvider } from './providers/LeafProvider.js'\n\nconst baseClass = 'rich-text'\n\ndeclare module 'slate' {\n  interface CustomTypes {\n    Editor: BaseEditor & HistoryEditor & ReactEditor\n    Element: ElementNode\n    Text: TextNode\n  }\n}\n\nconst RichTextField: React.FC<\n  {\n    elements: EnabledFeatures['elements']\n    leaves: EnabledFeatures['leaves']\n    name: string\n    placeholder?: string\n    plugins: RichTextPlugin[]\n    richTextComponentMap: Map<string, React.ReactNode>\n    width?: string\n  } & FormFieldBase\n> = (props) => {\n  const {\n    name,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    elements,\n    errorProps,\n    label,\n    labelProps,\n    leaves,\n    path: pathFromProps,\n    placeholder,\n    plugins,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate = richTextValidate,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n  const editorRef = useRef(null)\n  const toolbarRef = useRef(null)\n\n  const drawerDepth = useEditDepth()\n  const drawerIsOpen = drawerDepth > 1\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, {\n          ...validationOptions,\n          req: {\n            t: i18n.t,\n          },\n          required,\n        })\n      }\n    },\n    [validate, required, i18n],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, initialValue, path, schemaPath, setValue, showError, value } = useField(\n    {\n      path: pathFromContext ?? pathFromProps ?? name,\n      validate: memoizedValidate,\n    },\n  )\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formInitializing\n\n  const editor = useMemo(() => {\n    let CreatedEditor = withEnterBreakOut(withHistory(withReact(createEditor())))\n\n    CreatedEditor = withHTML(CreatedEditor)\n\n    if (plugins.length) {\n      CreatedEditor = plugins.reduce((editorWithPlugins, plugin) => {\n        return plugin(editorWithPlugins)\n      }, CreatedEditor)\n    }\n\n    return CreatedEditor\n  }, [plugins])\n\n  const renderElement = useCallback(\n    ({ attributes, children, element }) => {\n      // return <div {...attributes}>{children}</div>\n\n      const matchedElement = elements[element.type]\n      const Element = matchedElement?.Element\n\n      let attr = { ...attributes }\n\n      // this converts text alignment to margin when dealing with void elements\n      if (element.textAlign) {\n        if (element.type === 'relationship' || element.type === 'upload') {\n          switch (element.textAlign) {\n            case 'left':\n              attr = { ...attr, style: { marginRight: 'auto' } }\n              break\n            case 'right':\n              attr = { ...attr, style: { marginLeft: 'auto' } }\n              break\n            case 'center':\n              attr = { ...attr, style: { marginLeft: 'auto', marginRight: 'auto' } }\n              break\n            default:\n              attr = { ...attr, style: { textAlign: element.textAlign } }\n              break\n          }\n        } else if (element.type === 'li') {\n          switch (element.textAlign) {\n            case 'right':\n              attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'right' } }\n              break\n            case 'center':\n              attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'center' } }\n              break\n            case 'left':\n            default:\n              attr = { ...attr, style: { listStylePosition: 'outside', textAlign: 'left' } }\n              break\n          }\n        } else {\n          attr = { ...attr, style: { textAlign: element.textAlign } }\n        }\n      }\n\n      if (Element) {\n        const el = (\n          <ElementProvider\n            attributes={attr}\n            childNodes={children}\n            editorRef={editorRef}\n            element={element}\n            fieldProps={props}\n            path={path}\n            schemaPath={schemaPath}\n          >\n            {Element}\n          </ElementProvider>\n        )\n\n        return el\n      }\n\n      return <div {...attr}>{children}</div>\n    },\n    [elements, path, props, schemaPath],\n  )\n\n  const renderLeaf = useCallback(\n    ({ attributes, children, leaf }) => {\n      const matchedLeaves = Object.entries(leaves).filter(([leafName]) => leaf[leafName])\n\n      if (matchedLeaves.length > 0) {\n        return matchedLeaves.reduce(\n          (result, [, leafConfig], i) => {\n            if (leafConfig?.Leaf) {\n              const Leaf = leafConfig.Leaf\n\n              return (\n                <LeafProvider\n                  attributes={attributes}\n                  editorRef={editorRef}\n                  fieldProps={props}\n                  key={i}\n                  leaf={leaf}\n                  path={path}\n                  result={result}\n                  schemaPath={schemaPath}\n                >\n                  {Leaf}\n                </LeafProvider>\n              )\n            }\n\n            return result\n          },\n          <span {...attributes}>{children}</span>,\n        )\n      }\n\n      return <span {...attributes}>{children}</span>\n    },\n    [path, props, schemaPath, leaves],\n  )\n\n  // All slate changes fire the onChange event\n  // including selection changes\n  // so we will filter the set_selection operations out\n  // and only fire setValue when onChange is because of value\n  const handleChange = useCallback(\n    (val: unknown) => {\n      const ops = editor?.operations.filter((o: BaseOperation) => {\n        if (o) {\n          return o.type !== 'set_selection'\n        }\n        return false\n      })\n\n      if (ops && Array.isArray(ops) && ops.length > 0) {\n        if (!disabled && val !== defaultRichTextValue && val !== value) {\n          setValue(val)\n        }\n      }\n    },\n    [editor?.operations, disabled, setValue, value],\n  )\n\n  useEffect(() => {\n    function setClickableState(clickState: 'disabled' | 'enabled') {\n      const selectors = 'button, a, [role=\"button\"]'\n      const toolbarButtons: (HTMLAnchorElement | HTMLButtonElement)[] =\n        toolbarRef.current?.querySelectorAll(selectors)\n\n      ;(toolbarButtons || []).forEach((child) => {\n        const isButton = child.tagName === 'BUTTON'\n        const isDisabling = clickState === 'disabled'\n        child.setAttribute('tabIndex', isDisabling ? '-1' : '0')\n        if (isButton) child.setAttribute('disabled', isDisabling ? 'disabled' : null)\n      })\n    }\n\n    if (disabled) {\n      setClickableState('disabled')\n    }\n\n    return () => {\n      if (disabled) {\n        setClickableState('enabled')\n      }\n    }\n  }, [disabled])\n\n  // useEffect(() => {\n  //   // If there is a change to the initial value, we need to reset Slate history\n  //   // and clear selection because the old selection may no longer be valid\n  //   // as returned JSON may be modified in hooks and have a different shape\n  //   if (editor.selection) {\n  //     console.log('deselecting');\n  //     ReactEditor.deselect(editor);\n  //   }\n  // }, [path, editor]);\n\n  const classes = [\n    baseClass,\n    'field-type',\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let valueToRender = value\n\n  if (typeof valueToRender === 'string') {\n    try {\n      const parsedJSON = JSON.parse(valueToRender)\n      valueToRender = parsedJSON\n    } catch (err) {\n      valueToRender = null\n    }\n  }\n\n  if (!valueToRender) valueToRender = defaultRichTextValue\n\n  return (\n    <div\n      className={classes}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${baseClass}__wrap`}>\n        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n        <Slate\n          editor={editor}\n          key={JSON.stringify({ initialValue, path })} // makes sure slate is completely re-rendered when initialValue changes, bypassing the slate-internal value memoization. That way, external changes to the form will update the editor\n          onChange={handleChange}\n          value={valueToRender as any[]}\n        >\n          <div className={`${baseClass}__wrapper`}>\n            {Object.keys(elements)?.length + Object.keys(leaves)?.length > 0 && (\n              <div\n                className={[`${baseClass}__toolbar`, drawerIsOpen && `${baseClass}__drawerIsOpen`]\n                  .filter(Boolean)\n                  .join(' ')}\n                ref={toolbarRef}\n              >\n                <div className={`${baseClass}__toolbar-wrap`}>\n                  {Object.values(elements).map((element) => {\n                    const Button = element?.Button\n\n                    if (Button) {\n                      return (\n                        <ElementButtonProvider\n                          disabled={disabled}\n                          fieldProps={props}\n                          key={element.name}\n                          path={path}\n                          schemaPath={schemaPath}\n                        >\n                          {Button}\n                        </ElementButtonProvider>\n                      )\n                    }\n\n                    return null\n                  })}\n                  {Object.values(leaves).map((leaf) => {\n                    const Button = leaf?.Button\n\n                    if (Button) {\n                      return (\n                        <LeafButtonProvider\n                          fieldProps={props}\n                          key={leaf.name}\n                          path={path}\n                          schemaPath={schemaPath}\n                        >\n                          {Button}\n                        </LeafButtonProvider>\n                      )\n                    }\n\n                    return null\n                  })}\n                </div>\n              </div>\n            )}\n            <div className={`${baseClass}__editor`} ref={editorRef}>\n              <Editable\n                className={`${baseClass}__input`}\n                id={`field-${path.replace(/\\./g, '__')}`}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter') {\n                    if (event.shiftKey) {\n                      event.preventDefault()\n                      editor.insertText('\\n')\n                    } else {\n                      const selectedElement = Node.descendant(\n                        editor,\n                        editor.selection.anchor.path.slice(0, -1),\n                      )\n\n                      if (SlateElement.isElement(selectedElement)) {\n                        // Allow hard enter to \"break out\" of certain elements\n                        if (editor.shouldBreakOutOnEnter(selectedElement)) {\n                          event.preventDefault()\n                          const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n\n                          if (\n                            Text.isText(selectedLeaf) &&\n                            String(selectedLeaf.text).length === editor.selection.anchor.offset\n                          ) {\n                            Transforms.insertNodes(editor, { children: [{ text: '' }] })\n                          } else {\n                            Transforms.splitNodes(editor)\n                            Transforms.setNodes(editor, {})\n                          }\n                        }\n                      }\n                    }\n                  }\n\n                  if (event.key === 'Backspace') {\n                    const selectedElement = Node.descendant(\n                      editor,\n                      editor.selection.anchor.path.slice(0, -1),\n                    )\n\n                    if (SlateElement.isElement(selectedElement) && selectedElement.type === 'li') {\n                      const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n                      if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {\n                        event.preventDefault()\n                        Transforms.unwrapNodes(editor, {\n                          match: (n) => SlateElement.isElement(n) && listTypes.includes(n.type),\n                          mode: 'lowest',\n                          split: true,\n                        })\n\n                        Transforms.setNodes(editor, { type: undefined })\n                      }\n                    } else if (editor.isVoid(selectedElement)) {\n                      Transforms.removeNodes(editor)\n                    }\n                  }\n\n                  Object.keys(hotkeys).forEach((hotkey) => {\n                    if (isHotkey(hotkey, event as any)) {\n                      event.preventDefault()\n                      const mark = hotkeys[hotkey]\n                      toggleLeaf(editor, mark)\n                    }\n                  })\n                }}\n                placeholder={getTranslation(placeholder, i18n)}\n                readOnly={disabled}\n                renderElement={renderElement}\n                renderLeaf={renderLeaf}\n                spellCheck\n              />\n            </div>\n          </div>\n        </Slate>\n        {CustomDescription !== undefined ? (\n          CustomDescription\n        ) : (\n          <FieldDescription {...(descriptionProps || {})} />\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","useEditDepth","useField","useFieldProps","useTranslation","withCondition","isHotkey","React","useCallback","useEffect","useMemo","useRef","Node","Element","SlateElement","Text","Transforms","createEditor","withHistory","Editable","Slate","withReact","defaultRichTextValue","richTextValidate","listTypes","hotkeys","toggleLeaf","withEnterBreakOut","withHTML","ElementButtonProvider","ElementProvider","LeafButtonProvider","LeafProvider","baseClass","RichTextField","props","name","CustomDescription","CustomError","CustomLabel","className","descriptionProps","elements","errorProps","label","labelProps","leaves","path","pathFromProps","placeholder","plugins","readOnly","readOnlyFromProps","required","style","validate","width","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","req","t","pathFromContext","readOnlyFromContext","formInitializing","initialValue","schemaPath","setValue","showError","disabled","editor","CreatedEditor","length","reduce","editorWithPlugins","plugin","renderElement","attributes","children","element","matchedElement","type","attr","textAlign","marginRight","marginLeft","listStylePosition","el","childNodes","fieldProps","div","renderLeaf","leaf","matchedLeaves","Object","entries","filter","leafName","result","leafConfig","i","Leaf","span","handleChange","val","ops","operations","o","Array","isArray","setClickableState","clickState","selectors","toolbarButtons","current","querySelectorAll","forEach","child","isButton","tagName","isDisabling","setAttribute","classes","Boolean","join","valueToRender","parsedJSON","JSON","parse","err","onChange","keys","ref","values","map","Button","id","replace","onKeyDown","event","key","shiftKey","preventDefault","insertText","selectedElement","descendant","selection","anchor","slice","isElement","shouldBreakOutOnEnter","selectedLeaf","isText","String","text","offset","insertNodes","splitNodes","setNodes","unwrapNodes","match","n","includes","mode","split","undefined","isVoid","removeNodes","hotkey","mark","spellCheck","stringify","RichText"],"mappings":"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"}
+{"version":3,"sources":["../../src/field/RichText.tsx"],"sourcesContent":["'use client'\n\nimport type { PayloadRequest } from 'payload'\nimport type { BaseEditor, BaseOperation } from 'slate'\nimport type { HistoryEditor } from 'slate-history'\nimport type { ReactEditor } from 'slate-react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  RenderComponent,\n  useEditDepth,\n  useField,\n  useFieldProps,\n  useTranslation,\n  withCondition,\n} from '@payloadcms/ui'\nimport { isHotkey } from 'is-hotkey'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { createEditor, Node, Element as SlateElement, Text, Transforms } from 'slate'\nimport { withHistory } from 'slate-history'\nimport { Editable, Slate, withReact } from 'slate-react'\n\nimport type { ElementNode, TextNode } from '../types.js'\nimport type { LoadedSlateFieldProps } from './types.js'\n\nimport { defaultRichTextValue } from '../data/defaultValue.js'\nimport { richTextValidate } from '../data/validation.js'\nimport { listTypes } from './elements/listTypes.js'\nimport { hotkeys } from './hotkeys.js'\nimport './index.scss'\nimport { toggleLeaf } from './leaves/toggle.js'\nimport { withEnterBreakOut } from './plugins/withEnterBreakOut.js'\nimport { withHTML } from './plugins/withHTML.js'\nimport { ElementButtonProvider } from './providers/ElementButtonProvider.js'\nimport { ElementProvider } from './providers/ElementProvider.js'\nimport { LeafButtonProvider } from './providers/LeafButtonProvider.js'\nimport { LeafProvider } from './providers/LeafProvider.js'\n\nconst baseClass = 'rich-text'\n\ndeclare module 'slate' {\n  interface CustomTypes {\n    Editor: BaseEditor & HistoryEditor & ReactEditor\n    Element: ElementNode\n    Text: TextNode\n  }\n}\n\nconst RichTextField: React.FC<LoadedSlateFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    elements,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        components: { Description, Error, Label },\n        placeholder,\n        readOnly: readOnlyFromAdmin,\n        style,\n        width,\n      } = {},\n      required,\n    },\n    labelProps,\n    leaves,\n    plugins,\n    readOnly: readOnlyFromTopLevelProps,\n    validate = richTextValidate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { i18n } = useTranslation()\n  const editorRef = useRef(null)\n  const toolbarRef = useRef(null)\n\n  const drawerDepth = useEditDepth()\n  const drawerIsOpen = drawerDepth > 1\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, {\n          ...validationOptions,\n          req: {\n            t: i18n.t,\n          } as PayloadRequest,\n          required,\n        })\n      }\n    },\n    [validate, required, i18n],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, initialValue, path, schemaPath, setValue, showError, value } = useField(\n    {\n      path: pathFromContext ?? pathFromProps ?? name,\n      validate: memoizedValidate,\n    },\n  )\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formInitializing\n\n  const editor = useMemo(() => {\n    let CreatedEditor = withEnterBreakOut(withHistory(withReact(createEditor())))\n\n    CreatedEditor = withHTML(CreatedEditor)\n\n    if (plugins.length) {\n      CreatedEditor = plugins.reduce((editorWithPlugins, plugin) => {\n        return plugin(editorWithPlugins)\n      }, CreatedEditor)\n    }\n\n    return CreatedEditor\n  }, [plugins])\n\n  const renderElement = useCallback(\n    ({ attributes, children, element }) => {\n      // return <div {...attributes}>{children}</div>\n\n      const matchedElement = elements[element.type]\n      const Element = matchedElement?.Element\n\n      let attr = { ...attributes }\n\n      // this converts text alignment to margin when dealing with void elements\n      if (element.textAlign) {\n        if (element.type === 'relationship' || element.type === 'upload') {\n          switch (element.textAlign) {\n            case 'left':\n              attr = { ...attr, style: { marginRight: 'auto' } }\n              break\n            case 'right':\n              attr = { ...attr, style: { marginLeft: 'auto' } }\n              break\n            case 'center':\n              attr = { ...attr, style: { marginLeft: 'auto', marginRight: 'auto' } }\n              break\n            default:\n              attr = { ...attr, style: { textAlign: element.textAlign } }\n              break\n          }\n        } else if (element.type === 'li') {\n          switch (element.textAlign) {\n            case 'right':\n              attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'right' } }\n              break\n            case 'center':\n              attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'center' } }\n              break\n            case 'left':\n            default:\n              attr = { ...attr, style: { listStylePosition: 'outside', textAlign: 'left' } }\n              break\n          }\n        } else {\n          attr = { ...attr, style: { textAlign: element.textAlign } }\n        }\n      }\n\n      if (Element) {\n        const el = (\n          <ElementProvider\n            attributes={attr}\n            childNodes={children}\n            editorRef={editorRef}\n            element={element}\n            fieldProps={props}\n            path={path}\n            schemaPath={schemaPath}\n          >\n            <RenderComponent mappedComponent={Element} />\n          </ElementProvider>\n        )\n\n        return el\n      }\n\n      return <div {...attr}>{children}</div>\n    },\n    [elements, path, props, schemaPath],\n  )\n\n  const renderLeaf = useCallback(\n    ({ attributes, children, leaf }) => {\n      const matchedLeaves = Object.entries(leaves).filter(([leafName]) => leaf[leafName])\n\n      if (matchedLeaves.length > 0) {\n        return matchedLeaves.reduce(\n          (result, [, leafConfig], i) => {\n            if (leafConfig?.Leaf) {\n              const Leaf = leafConfig.Leaf\n\n              return (\n                <LeafProvider\n                  attributes={attributes}\n                  editorRef={editorRef}\n                  fieldProps={props}\n                  key={i}\n                  leaf={leaf}\n                  path={path}\n                  result={result}\n                  schemaPath={schemaPath}\n                >\n                  <RenderComponent mappedComponent={Leaf} />\n                </LeafProvider>\n              )\n            }\n\n            return result\n          },\n          <span {...attributes}>{children}</span>,\n        )\n      }\n\n      return <span {...attributes}>{children}</span>\n    },\n    [path, props, schemaPath, leaves],\n  )\n\n  // All slate changes fire the onChange event\n  // including selection changes\n  // so we will filter the set_selection operations out\n  // and only fire setValue when onChange is because of value\n  const handleChange = useCallback(\n    (val: unknown) => {\n      const ops = editor?.operations.filter((o: BaseOperation) => {\n        if (o) {\n          return o.type !== 'set_selection'\n        }\n        return false\n      })\n\n      if (ops && Array.isArray(ops) && ops.length > 0) {\n        if (!disabled && val !== defaultRichTextValue && val !== value) {\n          setValue(val)\n        }\n      }\n    },\n    [editor?.operations, disabled, setValue, value],\n  )\n\n  useEffect(() => {\n    function setClickableState(clickState: 'disabled' | 'enabled') {\n      const selectors = 'button, a, [role=\"button\"]'\n      const toolbarButtons: (HTMLAnchorElement | HTMLButtonElement)[] =\n        toolbarRef.current?.querySelectorAll(selectors)\n\n      ;(toolbarButtons || []).forEach((child) => {\n        const isButton = child.tagName === 'BUTTON'\n        const isDisabling = clickState === 'disabled'\n        child.setAttribute('tabIndex', isDisabling ? '-1' : '0')\n        if (isButton) {\n          child.setAttribute('disabled', isDisabling ? 'disabled' : null)\n        }\n      })\n    }\n\n    if (disabled) {\n      setClickableState('disabled')\n    }\n\n    return () => {\n      if (disabled) {\n        setClickableState('enabled')\n      }\n    }\n  }, [disabled])\n\n  // useEffect(() => {\n  //   // If there is a change to the initial value, we need to reset Slate history\n  //   // and clear selection because the old selection may no longer be valid\n  //   // as returned JSON may be modified in hooks and have a different shape\n  //   if (editor.selection) {\n  //     console.log('deselecting');\n  //     ReactEditor.deselect(editor);\n  //   }\n  // }, [path, editor]);\n\n  const classes = [\n    baseClass,\n    'field-type',\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let valueToRender = value\n\n  if (typeof valueToRender === 'string') {\n    try {\n      const parsedJSON = JSON.parse(valueToRender)\n      valueToRender = parsedJSON\n    } catch (err) {\n      valueToRender = null\n    }\n  }\n\n  if (!valueToRender) {\n    valueToRender = defaultRichTextValue\n  }\n\n  return (\n    <div\n      className={classes}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel Label={Label} {...(labelProps || {})} field={field} />\n      <div className={`${baseClass}__wrap`}>\n        <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\n        <Slate\n          editor={editor}\n          key={JSON.stringify({ initialValue, path })} // makes sure slate is completely re-rendered when initialValue changes, bypassing the slate-internal value memoization. That way, external changes to the form will update the editor\n          onChange={handleChange}\n          value={valueToRender as any[]}\n        >\n          <div className={`${baseClass}__wrapper`}>\n            {Object.keys(elements)?.length + Object.keys(leaves)?.length > 0 && (\n              <div\n                className={[`${baseClass}__toolbar`, drawerIsOpen && `${baseClass}__drawerIsOpen`]\n                  .filter(Boolean)\n                  .join(' ')}\n                ref={toolbarRef}\n              >\n                <div className={`${baseClass}__toolbar-wrap`}>\n                  {Object.values(elements).map((element) => {\n                    const Button = element?.Button\n\n                    if (Button) {\n                      return (\n                        <ElementButtonProvider\n                          disabled={disabled}\n                          fieldProps={props}\n                          key={element.name}\n                          path={path}\n                          schemaPath={schemaPath}\n                        >\n                          <RenderComponent mappedComponent={Button} />\n                        </ElementButtonProvider>\n                      )\n                    }\n\n                    return null\n                  })}\n                  {Object.values(leaves).map((leaf) => {\n                    const Button = leaf?.Button\n\n                    if (Button) {\n                      return (\n                        <LeafButtonProvider\n                          fieldProps={props}\n                          key={leaf.name}\n                          path={path}\n                          schemaPath={schemaPath}\n                        >\n                          <RenderComponent mappedComponent={Button} />\n                        </LeafButtonProvider>\n                      )\n                    }\n\n                    return null\n                  })}\n                </div>\n              </div>\n            )}\n            <div className={`${baseClass}__editor`} ref={editorRef}>\n              <Editable\n                className={`${baseClass}__input`}\n                id={`field-${path.replace(/\\./g, '__')}`}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter') {\n                    if (event.shiftKey) {\n                      event.preventDefault()\n                      editor.insertText('\\n')\n                    } else {\n                      const selectedElement = Node.descendant(\n                        editor,\n                        editor.selection.anchor.path.slice(0, -1),\n                      )\n\n                      if (SlateElement.isElement(selectedElement)) {\n                        // Allow hard enter to \"break out\" of certain elements\n                        if (editor.shouldBreakOutOnEnter(selectedElement)) {\n                          event.preventDefault()\n                          const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n\n                          if (\n                            Text.isText(selectedLeaf) &&\n                            String(selectedLeaf.text).length === editor.selection.anchor.offset\n                          ) {\n                            Transforms.insertNodes(editor, { children: [{ text: '' }] })\n                          } else {\n                            Transforms.splitNodes(editor)\n                            Transforms.setNodes(editor, {})\n                          }\n                        }\n                      }\n                    }\n                  }\n\n                  if (event.key === 'Backspace') {\n                    const selectedElement = Node.descendant(\n                      editor,\n                      editor.selection.anchor.path.slice(0, -1),\n                    )\n\n                    if (SlateElement.isElement(selectedElement) && selectedElement.type === 'li') {\n                      const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n                      if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {\n                        event.preventDefault()\n                        Transforms.unwrapNodes(editor, {\n                          match: (n) => SlateElement.isElement(n) && listTypes.includes(n.type),\n                          mode: 'lowest',\n                          split: true,\n                        })\n\n                        Transforms.setNodes(editor, { type: undefined })\n                      }\n                    } else if (editor.isVoid(selectedElement)) {\n                      Transforms.removeNodes(editor)\n                    }\n                  }\n\n                  Object.keys(hotkeys).forEach((hotkey) => {\n                    if (isHotkey(hotkey, event as any)) {\n                      event.preventDefault()\n                      const mark = hotkeys[hotkey]\n                      toggleLeaf(editor, mark)\n                    }\n                  })\n                }}\n                placeholder={getTranslation(placeholder, i18n)}\n                readOnly={disabled}\n                renderElement={renderElement}\n                renderLeaf={renderLeaf}\n                spellCheck\n              />\n            </div>\n          </div>\n        </Slate>\n        <FieldDescription Description={Description} field={field} {...(descriptionProps || {})} />\n      </div>\n    </div>\n  )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","RenderComponent","useEditDepth","useField","useFieldProps","useTranslation","withCondition","isHotkey","React","useCallback","useEffect","useMemo","useRef","createEditor","Node","Element","SlateElement","Text","Transforms","withHistory","Editable","Slate","withReact","defaultRichTextValue","richTextValidate","listTypes","hotkeys","toggleLeaf","withEnterBreakOut","withHTML","ElementButtonProvider","ElementProvider","LeafButtonProvider","LeafProvider","baseClass","RichTextField","props","descriptionProps","elements","errorProps","field","name","_path","pathFromProps","admin","className","components","Description","Error","Label","placeholder","readOnly","readOnlyFromAdmin","style","width","required","labelProps","leaves","plugins","readOnlyFromTopLevelProps","validate","readOnlyFromProps","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","req","t","path","pathFromContext","readOnlyFromContext","formInitializing","initialValue","schemaPath","setValue","showError","disabled","editor","CreatedEditor","length","reduce","editorWithPlugins","plugin","renderElement","attributes","children","element","matchedElement","type","attr","textAlign","marginRight","marginLeft","listStylePosition","el","childNodes","fieldProps","mappedComponent","div","renderLeaf","leaf","matchedLeaves","Object","entries","filter","leafName","result","leafConfig","i","Leaf","span","handleChange","val","ops","operations","o","Array","isArray","setClickableState","clickState","selectors","toolbarButtons","current","querySelectorAll","forEach","child","isButton","tagName","isDisabling","setAttribute","classes","Boolean","join","valueToRender","parsedJSON","JSON","parse","err","CustomError","onChange","keys","ref","values","map","Button","id","replace","onKeyDown","event","key","shiftKey","preventDefault","insertText","selectedElement","descendant","selection","anchor","slice","isElement","shouldBreakOutOnEnter","selectedLeaf","isText","String","text","offset","insertNodes","splitNodes","setNodes","unwrapNodes","match","n","includes","mode","split","undefined","isVoid","removeNodes","hotkey","mark","spellCheck","stringify","RichText"],"mappings":"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"}

package/dist/field/buttons.scss

@@ -1,15 +1,16 @@
 @import '../scss/styles.scss';
+@layer payload-default {
+  .rich-text__button {
+    position: relative;
+    cursor: pointer;
 
-.rich-text__button {
-  position: relative;
-  cursor: pointer;
+    svg {
+      width: base(0.75);
+      height: base(0.75);
+    }
 
-  svg {
-    width: base(0.75);
-    height: base(0.75);
-  }
-
-  &--disabled {
-    opacity: 0.4;
+    &--disabled {
+      opacity: 0.4;
+    }
   }
 }

package/dist/field/createFeatureMap.d.ts

@@ -1,3 +1,4 @@
+import type { MappedComponent } from 'payload';
 import type { EnabledFeatures } from './types.js';
-export declare const createFeatureMap: (richTextComponentMap: Map<string, React.ReactNode>) => EnabledFeatures;
+export declare const createFeatureMap: (richTextComponentMap: Map<string, MappedComponent>) => EnabledFeatures;
 //# sourceMappingURL=createFeatureMap.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"createFeatureMap.d.ts","sourceRoot":"","sources":["../../src/field/createFeatureMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAEjD,eAAO,MAAM,gBAAgB,yBACL,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,KACjD,eA4CF,CAAA"}
+{"version":3,"file":"createFeatureMap.d.ts","sourceRoot":"","sources":["../../src/field/createFeatureMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAEjD,eAAO,MAAM,gBAAgB,yBACL,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,KACjD,eAoDF,CAAA"}