@payloadcms/richtext-slate 3.0.0-canary.6041f49 → 3.0.0-canary.c13f9ba

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,eAAe,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,GAAG,EAAE,CAAC,CAKnE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,GAAG,EAAE,CAAC,CAMnE,CAAA"}

package/dist/cell/index.js

@@ -1,9 +1,14 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTableCell } from '@payloadcms/ui/elements/Table';
 import React from 'react';
-export const RichTextCell = ({ cellData })=>{
+export const RichTextCell = ()=>{
+    const { cellData } = useTableCell();
     const flattenedText = cellData?.map((i)=>i?.children?.map((c)=>c.text)).join(' ');
     // Limiting the number of characters shown is done in a CSS rule
-    return /*#__PURE__*/ React.createElement("span", null, flattenedText);
+    return /*#__PURE__*/ _jsx("span", {
+        children: flattenedText
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/cell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/cell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload/types'\n\nimport React from 'react'\n\nexport const RichTextCell: React.FC<DefaultCellComponentProps<any[]>> = ({ cellData }) => {\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":["React","RichTextCell","cellData","flattenedText","map","i","children","c","text","join","span"],"rangeMappings":";;;;;;","mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,eAA2D,CAAC,EAAEC,QAAQ,EAAE;IACnF,MAAMC,gBAAgBD,UAAUE,IAAI,CAACC,IAAMA,GAAGC,UAAUF,IAAI,CAACG,IAAMA,EAAEC,IAAI,GAAGC,KAAK;IAEjF,gEAAgE;IAChE,qBAAO,oBAACC,cAAMP;AAChB,EAAC"}
+{"version":3,"sources":["../../src/cell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload/types'\n\nimport { useTableCell } from '@payloadcms/ui/elements/Table'\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"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,gCAA+B;AAC5D,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"}

package/dist/data/richTextRelationshipPromise.d.ts

@@ -1,6 +1,6 @@
 import type { PayloadRequestWithData, RichTextAdapter, RichTextField } from 'payload/types';
 import type { AdapterArguments } from '../types.js';
-export type Args = Parameters<RichTextAdapter<any[], AdapterArguments>['populationPromises']>[0];
+export type Args = Parameters<RichTextAdapter<any[], AdapterArguments>['graphQLPopulationPromises']>[0];
 type RecurseRichTextArgs = {
     children: unknown[];
     currentDepth: number;

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,sBAAsB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAKnD,MAAM,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,CAAC,GAAG,EAAE,EAAE,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAEhG,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,sBAAsB,CAAA;IAC3B,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,sBAAsB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE3F,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,sBAAsB,CAAA;IAC3B,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 { PayloadRequestWithData, RichTextAdapter, RichTextField } from 'payload/types'\n\nimport type { AdapterArguments } from '../types.js'\n\nimport { populate } from './populate.js'\nimport { recurseNestedFields } from './recurseNestedFields.js'\n\nexport type Args = Parameters<RichTextAdapter<any[], AdapterArguments>['populationPromises']>[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: PayloadRequestWithData\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,QAAQ,QAAQ,gBAAe;AACxC,SAASC,mBAAmB,QAAQ,2BAA0B;AAgB9D,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 { PayloadRequestWithData, RichTextAdapter, RichTextField } from 'payload/types'\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: PayloadRequestWithData\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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/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,8BAA8B,CAAA;AAEjE,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;AAY9C,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,WAAW,GAAG,aAAa,CAAA;QAChD,OAAO,EAAE,WAAW,CAAA;QACpB,IAAI,EAAE,QAAQ,CAAA;KACf;CACF;AAiaD,eAAO,MAAM,QAAQ;cA7ZP,eAAe,CAAC,UAAU,CAAC;YAC7B,eAAe,CAAC,QAAQ,CAAC;UAC3B,MAAM;kBACE,MAAM;aACX,cAAc,EAAE;0BACH,IAAI,MAAM,EAAE,MAAM,SAAS,CAAC;YAC1C,MAAM;EAuZkC,CAAA"}
+{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../src/field/RichText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAEjE,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;AAY9C,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,WAAW,GAAG,aAAa,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,IAAI,MAAM,EAAE,MAAM,SAAS,CAAC;YAC1C,MAAM;EA4ZkC,CAAA"}

package/dist/field/RichText.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
 import { FieldError } from '@payloadcms/ui/forms/FieldError';
@@ -8,7 +9,7 @@ import { useField } from '@payloadcms/ui/forms/useField';
 import { withCondition } from '@payloadcms/ui/forms/withCondition';
 import { useEditDepth } from '@payloadcms/ui/providers/EditDepth';
 import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import isHotkey from 'is-hotkey';
+import { isHotkey } from 'is-hotkey';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { Node, Element as SlateElement, Text, Transforms, createEditor } from 'slate';
 import { withHistory } from 'slate-history';
@@ -27,7 +28,7 @@ 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, required, style, validate = richTextValidate, width } = 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 { i18n } = useTranslation();
     const editorRef = useRef(null);
     const toolbarRef = useRef(null);
@@ -48,11 +49,12 @@ const RichTextField = (props)=>{
         required,
         i18n
     ]);
-    const { path: pathFromContext } = useFieldProps();
-    const { initialValue, path, schemaPath, setValue, showError, value } = useField({
+    const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
+    const { formInitializing, initialValue, path, schemaPath, setValue, showError, value } = useField({
         path: pathFromContext || pathFromProps || name,
         validate: memoizedValidate
     });
+    const disabled = readOnlyFromProps || readOnlyFromContext || formInitializing;
     const editor = useMemo(()=>{
         let CreatedEditor = withEnterBreakOut(withHistory(withReact(createEditor())));
         CreatedEditor = withHTML(CreatedEditor);
@@ -151,18 +153,22 @@ const RichTextField = (props)=>{
             }
         }
         if (Element) {
-            const el = /*#__PURE__*/ React.createElement(ElementProvider, {
+            const el = /*#__PURE__*/ _jsx(ElementProvider, {
                 attributes: attr,
                 childNodes: children,
                 editorRef: editorRef,
                 element: element,
                 fieldProps: props,
                 path: path,
-                schemaPath: schemaPath
-            }, Element);
+                schemaPath: schemaPath,
+                children: Element
+            });
             return el;
         }
-        return /*#__PURE__*/ React.createElement("div", attr, children);
+        return /*#__PURE__*/ _jsx("div", {
+            ...attr,
+            children: children
+        });
     }, [
         elements,
         path,
@@ -175,21 +181,27 @@ const RichTextField = (props)=>{
             return matchedLeaves.reduce((result, [, leafConfig], i)=>{
                 if (leafConfig?.Leaf) {
                     const Leaf = leafConfig.Leaf;
-                    return /*#__PURE__*/ React.createElement(LeafProvider, {
+                    return /*#__PURE__*/ _jsx(LeafProvider, {
                         attributes: attributes,
                         editorRef: editorRef,
                         fieldProps: props,
-                        key: i,
                         leaf: leaf,
                         path: path,
                         result: result,
-                        schemaPath: schemaPath
-                    }, Leaf);
+                        schemaPath: schemaPath,
+                        children: Leaf
+                    }, i);
                 }
                 return result;
-            }, /*#__PURE__*/ React.createElement("span", attributes, children));
+            }, /*#__PURE__*/ _jsx("span", {
+                ...attributes,
+                children: children
+            }));
         }
-        return /*#__PURE__*/ React.createElement("span", attributes, children);
+        return /*#__PURE__*/ _jsx("span", {
+            ...attributes,
+            children: children
+        });
     }, [
         path,
         props,
@@ -208,13 +220,13 @@ const RichTextField = (props)=>{
             return false;
         });
         if (ops && Array.isArray(ops) && ops.length > 0) {
-            if (!readOnly && val !== defaultRichTextValue && val !== value) {
+            if (!disabled && val !== defaultRichTextValue && val !== value) {
                 setValue(val);
             }
         }
     }, [
         editor?.operations,
-        readOnly,
+        disabled,
         setValue,
         value
     ]);
@@ -229,16 +241,16 @@ const RichTextField = (props)=>{
                 if (isButton) child.setAttribute('disabled', isDisabling ? 'disabled' : null);
             });
         }
-        if (readOnly) {
+        if (disabled) {
             setClickableState('disabled');
         }
         return ()=>{
-            if (readOnly) {
+            if (disabled) {
                 setClickableState('enabled');
             }
         };
     }, [
-        readOnly
+        disabled
     ]);
     // useEffect(() => {
     //   // If there is a change to the initial value, we need to reset Slate history
@@ -254,7 +266,7 @@ const RichTextField = (props)=>{
         'field-type',
         className,
         showError && 'error',
-        readOnly && `${baseClass}--read-only`
+        disabled && `${baseClass}--read-only`
     ].filter(Boolean).join(' ');
     let valueToRender = value;
     if (typeof valueToRender === 'string') {
@@ -266,130 +278,152 @@ const RichTextField = (props)=>{
         }
     }
     if (!valueToRender) valueToRender = defaultRichTextValue;
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: classes,
         style: {
             ...style,
             width
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement(FieldError, {
-        CustomError: CustomError,
-        path: path,
-        ...errorProps || {}
-    }), /*#__PURE__*/ React.createElement(FieldLabel, {
-        CustomLabel: CustomLabel,
-        label: label,
-        required: required,
-        ...labelProps || {}
-    }), /*#__PURE__*/ React.createElement(Slate, {
-        editor: editor,
-        key: JSON.stringify({
-            initialValue,
-            path
-        }),
-        onChange: handleChange,
-        value: valueToRender
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrapper`
-    }, Object.keys(elements)?.length + Object.keys(leaves)?.length > 0 && /*#__PURE__*/ React.createElement("div", {
-        className: [
-            `${baseClass}__toolbar`,
-            drawerIsOpen && `${baseClass}__drawerIsOpen`
-        ].filter(Boolean).join(' '),
-        ref: toolbarRef
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__toolbar-wrap`
-    }, Object.values(elements).map((element)=>{
-        const Button = element?.Button;
-        if (Button) {
-            return /*#__PURE__*/ React.createElement(ElementButtonProvider, {
-                fieldProps: props,
-                key: element.name,
-                path: path,
-                schemaPath: schemaPath
-            }, Button);
-        }
-        return null;
-    }), Object.values(leaves).map((leaf)=>{
-        const Button = leaf?.Button;
-        if (Button) {
-            return /*#__PURE__*/ React.createElement(LeafButtonProvider, {
-                fieldProps: props,
-                key: leaf.name,
-                path: path,
-                schemaPath: schemaPath
-            }, Button);
-        }
-        return null;
-    }))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__editor`,
-        ref: editorRef
-    }, /*#__PURE__*/ React.createElement(Editable, {
-        className: `${baseClass}__input`,
-        id: `field-${path.replace(/\./g, '__')}`,
-        onKeyDown: (event)=>{
-            if (event.key === 'Enter') {
-                if (event.shiftKey) {
-                    event.preventDefault();
-                    editor.insertText('\n');
-                } else {
-                    const selectedElement = Node.descendant(editor, editor.selection.anchor.path.slice(0, -1));
-                    if (SlateElement.isElement(selectedElement)) {
-                        // Allow hard enter to "break out" of certain elements
-                        if (editor.shouldBreakOutOnEnter(selectedElement)) {
-                            event.preventDefault();
-                            const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path);
-                            if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === editor.selection.anchor.offset) {
-                                Transforms.insertNodes(editor, {
-                                    children: [
-                                        {
-                                            text: ''
-                                        }
-                                    ]
-                                });
-                            } else {
-                                Transforms.splitNodes(editor);
-                                Transforms.setNodes(editor, {});
-                            }
-                        }
-                    }
-                }
-            }
-            if (event.key === 'Backspace') {
-                const selectedElement = Node.descendant(editor, editor.selection.anchor.path.slice(0, -1));
-                if (SlateElement.isElement(selectedElement) && selectedElement.type === 'li') {
-                    const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path);
-                    if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {
-                        event.preventDefault();
-                        Transforms.unwrapNodes(editor, {
-                            match: (n)=>SlateElement.isElement(n) && listTypes.includes(n.type),
-                            mode: 'lowest',
-                            split: true
-                        });
-                        Transforms.setNodes(editor, {
-                            type: undefined
-                        });
-                    }
-                } else if (editor.isVoid(selectedElement)) {
-                    Transforms.removeNodes(editor);
-                }
-            }
-            Object.keys(hotkeys).forEach((hotkey)=>{
-                if (isHotkey(hotkey, event)) {
-                    event.preventDefault();
-                    const mark = hotkeys[hotkey];
-                    toggleLeaf(editor, mark);
-                }
-            });
         },
-        placeholder: getTranslation(placeholder, i18n),
-        readOnly: readOnly,
-        renderElement: renderElement,
-        renderLeaf: renderLeaf,
-        spellCheck: true
-    })))), CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {})));
+        children: [
+            /*#__PURE__*/ _jsx(FieldLabel, {
+                CustomLabel: CustomLabel,
+                label: label,
+                required: required,
+                ...labelProps || {}
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsx(FieldError, {
+                        CustomError: CustomError,
+                        path: path,
+                        ...errorProps || {}
+                    }),
+                    /*#__PURE__*/ _jsx(Slate, {
+                        editor: editor,
+                        onChange: handleChange,
+                        value: valueToRender,
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__wrapper`,
+                            children: [
+                                Object.keys(elements)?.length + Object.keys(leaves)?.length > 0 && /*#__PURE__*/ _jsx("div", {
+                                    className: [
+                                        `${baseClass}__toolbar`,
+                                        drawerIsOpen && `${baseClass}__drawerIsOpen`
+                                    ].filter(Boolean).join(' '),
+                                    ref: toolbarRef,
+                                    children: /*#__PURE__*/ _jsxs("div", {
+                                        className: `${baseClass}__toolbar-wrap`,
+                                        children: [
+                                            Object.values(elements).map((element)=>{
+                                                const Button = element?.Button;
+                                                if (Button) {
+                                                    return /*#__PURE__*/ _jsx(ElementButtonProvider, {
+                                                        disabled: disabled,
+                                                        fieldProps: props,
+                                                        path: path,
+                                                        schemaPath: schemaPath,
+                                                        children: Button
+                                                    }, element.name);
+                                                }
+                                                return null;
+                                            }),
+                                            Object.values(leaves).map((leaf)=>{
+                                                const Button = leaf?.Button;
+                                                if (Button) {
+                                                    return /*#__PURE__*/ _jsx(LeafButtonProvider, {
+                                                        fieldProps: props,
+                                                        path: path,
+                                                        schemaPath: schemaPath,
+                                                        children: Button
+                                                    }, leaf.name);
+                                                }
+                                                return null;
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: `${baseClass}__editor`,
+                                    ref: editorRef,
+                                    children: /*#__PURE__*/ _jsx(Editable, {
+                                        className: `${baseClass}__input`,
+                                        id: `field-${path.replace(/\./g, '__')}`,
+                                        onKeyDown: (event)=>{
+                                            if (event.key === 'Enter') {
+                                                if (event.shiftKey) {
+                                                    event.preventDefault();
+                                                    editor.insertText('\n');
+                                                } else {
+                                                    const selectedElement = Node.descendant(editor, editor.selection.anchor.path.slice(0, -1));
+                                                    if (SlateElement.isElement(selectedElement)) {
+                                                        // Allow hard enter to "break out" of certain elements
+                                                        if (editor.shouldBreakOutOnEnter(selectedElement)) {
+                                                            event.preventDefault();
+                                                            const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path);
+                                                            if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === editor.selection.anchor.offset) {
+                                                                Transforms.insertNodes(editor, {
+                                                                    children: [
+                                                                        {
+                                                                            text: ''
+                                                                        }
+                                                                    ]
+                                                                });
+                                                            } else {
+                                                                Transforms.splitNodes(editor);
+                                                                Transforms.setNodes(editor, {});
+                                                            }
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                            if (event.key === 'Backspace') {
+                                                const selectedElement = Node.descendant(editor, editor.selection.anchor.path.slice(0, -1));
+                                                if (SlateElement.isElement(selectedElement) && selectedElement.type === 'li') {
+                                                    const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path);
+                                                    if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {
+                                                        event.preventDefault();
+                                                        Transforms.unwrapNodes(editor, {
+                                                            match: (n)=>SlateElement.isElement(n) && listTypes.includes(n.type),
+                                                            mode: 'lowest',
+                                                            split: true
+                                                        });
+                                                        Transforms.setNodes(editor, {
+                                                            type: undefined
+                                                        });
+                                                    }
+                                                } else if (editor.isVoid(selectedElement)) {
+                                                    Transforms.removeNodes(editor);
+                                                }
+                                            }
+                                            Object.keys(hotkeys).forEach((hotkey)=>{
+                                                if (isHotkey(hotkey, event)) {
+                                                    event.preventDefault();
+                                                    const mark = hotkeys[hotkey];
+                                                    toggleLeaf(editor, mark);
+                                                }
+                                            });
+                                        },
+                                        placeholder: getTranslation(placeholder, i18n),
+                                        readOnly: disabled,
+                                        renderElement: renderElement,
+                                        renderLeaf: renderLeaf,
+                                        spellCheck: true
+                                    })
+                                })
+                            ]
+                        })
+                    }, JSON.stringify({
+                        initialValue,
+                        path
+                    })),
+                    CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
+                        ...descriptionProps || {}
+                    })
+                ]
+            })
+        ]
+    });
 };
 export const RichText = withCondition(RichTextField);