npm - @payloadcms/richtext-slate - Versions diffs - 3.2.3-canary.673b4b5 → 3.4.0 - Mend

@payloadcms/richtext-slate 3.2.3-canary.673b4b5 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/cell/rscEntry.js.map +1 -1
package/dist/data/richTextRelationshipPromise.js +1 -0
package/dist/data/richTextRelationshipPromise.js.map +1 -1
package/dist/field/RichText.js.map +1 -1
package/dist/field/elements/Button.js.map +1 -1
package/dist/field/elements/ListButton.js.map +1 -1
package/dist/field/elements/indent/Button.js.map +1 -1
package/dist/field/elements/link/Element/index.js.map +1 -1
package/dist/field/elements/link/LinkDrawer/index.js.map +1 -1
package/dist/field/elements/relationship/Element/index.js.map +1 -1
package/dist/field/elements/upload/Element/UploadDrawer/index.js.map +1 -1
package/dist/field/elements/upload/Element/index.js.map +1 -1
package/dist/field/leaves/Button.js.map +1 -1
package/dist/field/plugins/withHTML.js +1 -0
package/dist/field/plugins/withHTML.js.map +1 -1
package/dist/field/rscEntry.js.map +1 -1
package/dist/generateSchemaMap.js +1 -0
package/dist/generateSchemaMap.js.map +1 -1
package/dist/utilities/useSlatePlugin.js.map +1 -1
package/package.json +5 -5

package/dist/cell/rscEntry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/cell/rscEntry.tsx"],"sourcesContent":["import type { DefaultCellComponentProps, Payload } from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\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 RscEntrySlateCell: React.FC<\n {\n i18n: I18nClient\n payload: Payload\n } & DefaultCellComponentProps\n> = (props) => {\n const {\n cellData,\n className: classNameFromProps,\n collectionConfig,\n field: { admin },\n field,\n i18n,\n link,\n onClick: onClickFromProps,\n payload,\n rowData,\n } = props\n\n const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n const className =\n classNameFromProps \|\|\n (field.admin && 'className' in field.admin ? field.admin.className : null) \|\|\n classNameFromConfigContext\n const adminRoute = payload.config.routes.admin\n\n const onClick = onClickFromProps\n\n let WrapElement: React.ComponentType<any> \| string = 'span'\n\n const wrapElementProps: {\n className?: string\n href?: string\n onClick?: () => void\n prefetch?: false\n type?: 'button'\n } = {\n className,\n }\n\n if (link) {\n wrapElementProps.prefetch = false\n WrapElement = Link\n wrapElementProps.href = collectionConfig?.slug\n ? formatAdminURL({\n adminRoute,\n path: `/collections/${collectionConfig?.slug}/${rowData.id}`,\n })\n : ''\n }\n\n if (typeof onClick === 'function') {\n WrapElement = 'button'\n wrapElementProps.type = 'button'\n wrapElementProps.onClick = () => {\n onClick({\n cellData,\n collectionSlug: collectionConfig?.slug,\n rowData,\n })\n }\n }\n\n let textContent = ''\n\n if (cellData) {\n textContent = cellData?.map((i) => i?.children?.map((c) => c.text)).join(' ')\n }\n\n if (!cellData \|\| !textContent?.length) {\n textContent = i18n.t('general:noLabel', {\n label: getTranslation(('label' in field ? field.label : null) \|\| 'data', i18n),\n })\n }\n\n return <WrapElement {...wrapElementProps}>{textContent}</WrapElement>\n}\n"],"names":["getTranslation","formatAdminURL","LinkImport","React","Link","default","RscEntrySlateCell","props","cellData","className","classNameFromProps","collectionConfig","field","admin","i18n","link","onClick","onClickFromProps","payload","rowData","classNameFromConfigContext","undefined","adminRoute","config","routes","WrapElement","wrapElementProps","prefetch","href","slug","path","id","type","collectionSlug","textContent","map","i","children","c","text","join","length","t","label"],"mappings":";AAEA,SAASA,cAAc,QAAyB,2BAA0B;AAC1E,SAASC,cAAc,QAAQ,wBAAuB;AACtD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,OAAO,MAAMI,oBAKT,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,WAAWC,kBAAkB,EAC7BC,gBAAgB,EAChBC,OAAO,EAAEC,KAAK,EAAE,EAChBD,KAAK,EACLE,IAAI,EACJC,IAAI,EACJC,SAASC,gBAAgB,EACzBC,OAAO,EACPC,OAAO,EACR,GAAGZ;IAEJ,MAAMa,6BAA6BP,SAAS,eAAeA,QAAQA,MAAMJ,SAAS,GAAGY;IAErF,MAAMZ,YACJC,sBACCE,CAAAA,MAAMC,KAAK,IAAI,eAAeD,MAAMC,KAAK,GAAGD,MAAMC,KAAK,CAACJ,SAAS,GAAG,IAAG,KACxEW;IACF,MAAME,aAAaJ,QAAQK,MAAM,CAACC,MAAM,CAACX,KAAK;IAE9C,MAAMG,UAAUC;IAEhB,IAAIQ,cAAiD;IAErD,MAAMC,mBAMF;QACFjB;IACF;IAEA,IAAIM,MAAM;QACRW,iBAAiBC,QAAQ,GAAG;QAC5BF,cAAcrB;QACdsB,iBAAiBE,IAAI,GAAGjB,kBAAkBkB,OACtC5B,eAAe;YACbqB;YACAQ,MAAM,CAAC,aAAa,EAAEnB,kBAAkBkB,KAAK,CAAC,EAAEV,QAAQY,EAAE,~~CAAC,CAAC~~;QAC9D,KACA;IACN;IAEA,IAAI,OAAOf,YAAY,YAAY;QACjCS,cAAc;QACdC,iBAAiBM,IAAI,GAAG;QACxBN,iBAAiBV,OAAO,GAAG;YACzBA,QAAQ;gBACNR;gBACAyB,gBAAgBtB,kBAAkBkB;gBAClCV;YACF;QACF;IACF;IAEA,IAAIe,cAAc;IAElB,IAAI1B,UAAU;QACZ0B,cAAc1B,UAAU2B,IAAI,CAACC,IAAMA,GAAGC,UAAUF,IAAI,CAACG,IAAMA,EAAEC,IAAI,GAAGC,KAAK;IAC3E;IAEA,IAAI,CAAChC,YAAY,CAAC0B,aAAaO,QAAQ;QACrCP,cAAcpB,KAAK4B,CAAC,CAAC,mBAAmB;YACtCC,OAAO3C,eAAe,AAAC,CAAA,WAAWY,QAAQA,MAAM+B,KAAK,GAAG,IAAG,KAAM,QAAQ7B;QAC3E;IACF;IAEA,qBAAO,KAACW;QAAa,GAAGC,gBAAgB;kBAAGQ;;AAC7C,EAAC"}
1	+ {"version":3,"sources":["../../src/cell/rscEntry.tsx"],"sourcesContent":["import type { DefaultCellComponentProps, Payload } from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\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 RscEntrySlateCell: React.FC<\n {\n i18n: I18nClient\n payload: Payload\n } & DefaultCellComponentProps\n> = (props) => {\n const {\n cellData,\n className: classNameFromProps,\n collectionConfig,\n field: { admin },\n field,\n i18n,\n link,\n onClick: onClickFromProps,\n payload,\n rowData,\n } = props\n\n const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n const className =\n classNameFromProps \|\|\n (field.admin && 'className' in field.admin ? field.admin.className : null) \|\|\n classNameFromConfigContext\n const adminRoute = payload.config.routes.admin\n\n const onClick = onClickFromProps\n\n let WrapElement: React.ComponentType<any> \| string = 'span'\n\n const wrapElementProps: {\n className?: string\n href?: string\n onClick?: () => void\n prefetch?: false\n type?: 'button'\n } = {\n className,\n }\n\n if (link) {\n wrapElementProps.prefetch = false\n WrapElement = Link\n wrapElementProps.href = collectionConfig?.slug\n ? formatAdminURL({\n adminRoute,\n path: `/collections/${collectionConfig?.slug}/${rowData.id}`,\n })\n : ''\n }\n\n if (typeof onClick === 'function') {\n WrapElement = 'button'\n wrapElementProps.type = 'button'\n wrapElementProps.onClick = () => {\n onClick({\n cellData,\n collectionSlug: collectionConfig?.slug,\n rowData,\n })\n }\n }\n\n let textContent = ''\n\n if (cellData) {\n textContent = cellData?.map((i) => i?.children?.map((c) => c.text)).join(' ')\n }\n\n if (!cellData \|\| !textContent?.length) {\n textContent = i18n.t('general:noLabel', {\n label: getTranslation(('label' in field ? field.label : null) \|\| 'data', i18n),\n })\n }\n\n return <WrapElement {...wrapElementProps}>{textContent}</WrapElement>\n}\n"],"names":["getTranslation","formatAdminURL","LinkImport","React","Link","default","RscEntrySlateCell","props","cellData","className","classNameFromProps","collectionConfig","field","admin","i18n","link","onClick","onClickFromProps","payload","rowData","classNameFromConfigContext","undefined","adminRoute","config","routes","WrapElement","wrapElementProps","prefetch","href","slug","path","id","type","collectionSlug","textContent","map","i","children","c","text","join","length","t","label"],"mappings":";AAEA,SAASA,cAAc,QAAyB,2BAA0B;AAC1E,SAASC,cAAc,QAAQ,wBAAuB;AACtD,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAEzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,OAAO,MAAMI,oBAKT,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,WAAWC,kBAAkB,EAC7BC,gBAAgB,EAChBC,OAAO,EAAEC,KAAK,EAAE,EAChBD,KAAK,EACLE,IAAI,EACJC,IAAI,EACJC,SAASC,gBAAgB,EACzBC,OAAO,EACPC,OAAO,EACR,GAAGZ;IAEJ,MAAMa,6BAA6BP,SAAS,eAAeA,QAAQA,MAAMJ,SAAS,GAAGY;IAErF,MAAMZ,YACJC,sBACCE,CAAAA,MAAMC,KAAK,IAAI,eAAeD,MAAMC,KAAK,GAAGD,MAAMC,KAAK,CAACJ,SAAS,GAAG,IAAG,KACxEW;IACF,MAAME,aAAaJ,QAAQK,MAAM,CAACC,MAAM,CAACX,KAAK;IAE9C,MAAMG,UAAUC;IAEhB,IAAIQ,cAAiD;IAErD,MAAMC,mBAMF;QACFjB;IACF;IAEA,IAAIM,MAAM;QACRW,iBAAiBC,QAAQ,GAAG;QAC5BF,cAAcrB;QACdsB,iBAAiBE,IAAI,GAAGjB,kBAAkBkB,OACtC5B,eAAe;YACbqB;YACAQ,MAAM,CAAC,aAAa,EAAEnB,kBAAkBkB,KAAK,CAAC,EAAEV,QAAQY,EAAE,EAAE;QAC9D,KACA;IACN;IAEA,IAAI,OAAOf,YAAY,YAAY;QACjCS,cAAc;QACdC,iBAAiBM,IAAI,GAAG;QACxBN,iBAAiBV,OAAO,GAAG;YACzBA,QAAQ;gBACNR;gBACAyB,gBAAgBtB,kBAAkBkB;gBAClCV;YACF;QACF;IACF;IAEA,IAAIe,cAAc;IAElB,IAAI1B,UAAU;QACZ0B,cAAc1B,UAAU2B,IAAI,CAACC,IAAMA,GAAGC,UAAUF,IAAI,CAACG,IAAMA,EAAEC,IAAI,GAAGC,KAAK;IAC3E;IAEA,IAAI,CAAChC,YAAY,CAAC0B,aAAaO,QAAQ;QACrCP,cAAcpB,KAAK4B,CAAC,CAAC,mBAAmB;YACtCC,OAAO3C,eAAe,AAAC,CAAA,WAAWY,QAAQA,MAAM+B,KAAK,GAAG,IAAG,KAAM,QAAQ7B;QAC3E;IACF;IAEA,qBAAO,KAACW;QAAa,GAAGC,gBAAgB;kBAAGQ;;AAC7C,EAAC"}

package/dist/data/richTextRelationshipPromise.js CHANGED Viewed

@@ -5,6 +5,7 @@ export const recurseRichText = ({ children, currentDepth = 0, depth, draft, fiel
         return;
     }
     if (Array.isArray(children)) {
+        ;
         children.forEach((element)=>{
             if ((element.type === 'relationship' || element.type === 'upload') && element?.value?.id) {
                 const collection = req.payload.collections[element?.relationTo];

package/dist/data/richTextRelationshipPromise.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/data/richTextRelationshipPromise.ts"],"sourcesContent":["import type {\n CollectionConfig,\n PayloadRequest,\n PopulateType,\n RichTextAdapter,\n RichTextField,\n} 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 populateArg?: PopulateType\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 populateArg,\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 select:\n req.payloadAPI !== 'GraphQL'\n ? (populateArg?.[collection.config.slug] ?? collection.config.defaultPopulate)\n : undefined,\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 populateArg,\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 select:\n req.payloadAPI !== 'GraphQL'\n ? (populateArg?.[collection.config.slug] ?? collection.config.defaultPopulate)\n : undefined,\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 populateArg,\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 populateArg,\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 populateArg,\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 populateArg,\n populationPromises,\n req,\n showHiddenFields,\n })\n}\n"],"names":["populate","recurseNestedFields","recurseRichText","children","currentDepth","depth","draft","field","overrideAccess","populateArg","populationPromises","req","showHiddenFields","Array","isArray","forEach","element","type","value","id","collection","payload","collections","relationTo","push","data","key","select","payloadAPI","config","slug","defaultPopulate","undefined","admin","upload","fields","doc","link","richTextRelationshipPromise","siblingDoc","name"],"mappings":"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"}
1	+ {"version":3,"sources":["../../src/data/richTextRelationshipPromise.ts"],"sourcesContent":["import type {\n CollectionConfig,\n PayloadRequest,\n PopulateType,\n RichTextAdapter,\n RichTextField,\n} 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 populateArg?: PopulateType\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 populateArg,\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 select:\n req.payloadAPI !== 'GraphQL'\n ? (populateArg?.[collection.config.slug] ?? collection.config.defaultPopulate)\n : undefined,\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 populateArg,\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 select:\n req.payloadAPI !== 'GraphQL'\n ? (populateArg?.[collection.config.slug] ?? collection.config.defaultPopulate)\n : undefined,\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 populateArg,\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 populateArg,\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 populateArg,\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 populateArg,\n populationPromises,\n req,\n showHiddenFields,\n })\n}\n"],"names":["populate","recurseNestedFields","recurseRichText","children","currentDepth","depth","draft","field","overrideAccess","populateArg","populationPromises","req","showHiddenFields","Array","isArray","forEach","element","type","value","id","collection","payload","collections","relationTo","push","data","key","select","payloadAPI","config","slug","defaultPopulate","undefined","admin","upload","fields","doc","link","richTextRelationshipPromise","siblingDoc","name"],"mappings":"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"}

package/dist/field/RichText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 { FieldLabel, useEditDepth, useField, useTranslation, withCondition } from '@payloadcms/ui'\nimport { mergeFieldStyles } from '@payloadcms/ui/shared'\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 './index.scss'\nimport { hotkeys } from './hotkeys.js'\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 elements,\n field,\n field: {\n name,\n admin: { className, placeholder, readOnly: readOnlyFromAdmin } = {},\n label,\n required,\n },\n leaves,\n path: pathFromProps,\n plugins,\n readOnly: readOnlyFromTopLevelProps,\n schemaPath: schemaPathFromProps,\n validate = richTextValidate,\n } = props\n\n const path = pathFromProps ?? name\n const schemaPath = schemaPathFromProps ?? name\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 {\n customComponents: { Description, Error, Label } = {},\n formInitializing,\n initialValue,\n setValue,\n showError,\n value,\n } = useField({\n path,\n validate: memoizedValidate,\n })\n\n const disabled = readOnlyFromProps \|\| 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 'center':\n attr = { ...attr, style: { marginLeft: 'auto', marginRight: 'auto' } }\n break\n case 'left':\n attr = { ...attr, style: { marginRight: 'auto' } }\n break\n case 'right':\n attr = { ...attr, style: { marginLeft: '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 'center':\n attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'center' } }\n break\n case 'right':\n attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'right' } }\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) {\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 styles = useMemo(() => mergeFieldStyles(field), [field])\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 className={classes} style={styles}>\n {Label \|\| <FieldLabel label={label} required={required} />}\n <div className={`${baseClass}__wrap`}>\n {Error}\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 {Description}\n </div>\n </div>\n )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldLabel","useEditDepth","useField","useTranslation","withCondition","mergeFieldStyles","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","elements","field","name","admin","className","placeholder","readOnly","readOnlyFromAdmin","label","required","leaves","path","pathFromProps","plugins","readOnlyFromTopLevelProps","schemaPath","schemaPathFromProps","validate","readOnlyFromProps","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","req","t","customComponents","Description","Error","Label","formInitializing","initialValue","setValue","showError","disabled","editor","CreatedEditor","length","reduce","editorWithPlugins","plugin","renderElement","attributes","children","element","matchedElement","type","attr","textAlign","style","marginLeft","marginRight","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","styles","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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"}
1	+ {"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 { FieldLabel, useEditDepth, useField, useTranslation, withCondition } from '@payloadcms/ui'\nimport { mergeFieldStyles } from '@payloadcms/ui/shared'\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 './index.scss'\nimport { hotkeys } from './hotkeys.js'\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 elements,\n field,\n field: {\n name,\n admin: { className, placeholder, readOnly: readOnlyFromAdmin } = {},\n label,\n required,\n },\n leaves,\n path: pathFromProps,\n plugins,\n readOnly: readOnlyFromTopLevelProps,\n schemaPath: schemaPathFromProps,\n validate = richTextValidate,\n } = props\n\n const path = pathFromProps ?? name\n const schemaPath = schemaPathFromProps ?? name\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 {\n customComponents: { Description, Error, Label } = {},\n formInitializing,\n initialValue,\n setValue,\n showError,\n value,\n } = useField({\n path,\n validate: memoizedValidate,\n })\n\n const disabled = readOnlyFromProps \|\| 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 'center':\n attr = { ...attr, style: { marginLeft: 'auto', marginRight: 'auto' } }\n break\n case 'left':\n attr = { ...attr, style: { marginRight: 'auto' } }\n break\n case 'right':\n attr = { ...attr, style: { marginLeft: '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 'center':\n attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'center' } }\n break\n case 'right':\n attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'right' } }\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) {\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 styles = useMemo(() => mergeFieldStyles(field), [field])\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 className={classes} style={styles}>\n {Label \|\| <FieldLabel label={label} required={required} />}\n <div className={`${baseClass}__wrap`}>\n {Error}\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 {Description}\n </div>\n </div>\n )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldLabel","useEditDepth","useField","useTranslation","withCondition","mergeFieldStyles","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","elements","field","name","admin","className","placeholder","readOnly","readOnlyFromAdmin","label","required","leaves","path","pathFromProps","plugins","readOnlyFromTopLevelProps","schemaPath","schemaPathFromProps","validate","readOnlyFromProps","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","req","t","customComponents","Description","Error","Label","formInitializing","initialValue","setValue","showError","disabled","editor","CreatedEditor","length","reduce","editorWithPlugins","plugin","renderElement","attributes","children","element","matchedElement","type","attr","textAlign","style","marginLeft","marginRight","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","styles","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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"}

package/dist/field/elements/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/field/elements/Button.tsx"],"sourcesContent":["'use client'\nimport type { ElementType } from 'react'\n\nimport { Tooltip } from '@payloadcms/ui'\nimport React, { useCallback, useState } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { useElementButton } from '../providers/ElementButtonProvider.js'\nimport { isElementActive } from './isActive.js'\nimport { toggleElement } from './toggle.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ElementButton: React.FC<ButtonProps> = (props) => {\n const {\n type = 'type',\n children,\n className,\n disabled: disabledFromProps,\n el = 'button',\n format,\n onClick,\n tooltip,\n } = props\n\n const editor = useSlate()\n const { disabled: disabledFromContext } = useElementButton()\n const [showTooltip, setShowTooltip] = useState(false)\n\n const defaultOnClick = useCallback(\n (event) => {\n event.preventDefault()\n setShowTooltip(false)\n toggleElement(editor, format, type)\n },\n [editor, format, type],\n )\n\n const Tag: ElementType = el\n\n const disabled = disabledFromProps \|\| disabledFromContext\n\n return (\n <Tag\n {...(el === 'button' && { type: 'button', disabled })}\n className={[\n baseClass,\n className,\n isElementActive(editor, format, type) && `${baseClass}__button--active`,\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onClick \|\| defaultOnClick}\n onPointerEnter={() => setShowTooltip(true)}\n onPointerLeave={() => setShowTooltip(false)}\n >\n {tooltip && <Tooltip show={showTooltip}>{tooltip}</Tooltip>}\n {children}\n </Tag>\n )\n}\n"],"names":["Tooltip","React","useCallback","useState","useSlate","useElementButton","isElementActive","toggleElement","baseClass","ElementButton","props","type","children","className","disabled","disabledFromProps","el","format","onClick","tooltip","editor","disabledFromContext","showTooltip","setShowTooltip","defaultOnClick","event","preventDefault","Tag","filter","Boolean","join","onPointerEnter","onPointerLeave","show"],"mappings":"AAAA;;AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,eAAe,QAAQ,gBAAe;AAC/C,SAASC,aAAa,QAAQ,cAAa;AAE3C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,gBAAuC,CAACC;IACnD,MAAM,EACJC,OAAO,MAAM,EACbC,QAAQ,EACRC,SAAS,EACTC,UAAUC,iBAAiB,EAC3BC,KAAK,QAAQ,EACbC,MAAM,EACNC,OAAO,EACPC,OAAO,EACR,GAAGT;IAEJ,MAAMU,SAAShB;IACf,MAAM,EAAEU,UAAUO,mBAAmB,EAAE,GAAGhB;IAC1C,MAAM,CAACiB,aAAaC,eAAe,GAAGpB,SAAS;IAE/C,MAAMqB,iBAAiBtB,YACrB,CAACuB;QACCA,MAAMC,cAAc;QACpBH,eAAe;QACfhB,cAAca,QAAQH,QAAQN;IAChC,GACA;QAACS;QAAQH;QAAQN;KAAK;IAGxB,MAAMgB,MAAmBX;IAEzB,MAAMF,WAAWC,qBAAqBM;IAEtC,qBACE,MAACM;QACE,GAAIX,OAAO,YAAY;YAAEL,MAAM;YAAUG;QAAS,CAAC;QACpDD,WAAW;YACTL;YACAK;YACAP,gBAAgBc,QAAQH,QAAQN,SAAS,~~CAAC~~,~~EAAEH,~~UAAU,gBAAgB,CAAC;SACxE,CACEoB,MAAM,CAACC,SACPC,IAAI,CAAC;QACRZ,SAASA,WAAWM;QACpBO,gBAAgB,IAAMR,eAAe;QACrCS,gBAAgB,IAAMT,eAAe;;YAEpCJ,yBAAW,KAACnB;gBAAQiC,MAAMX;0BAAcH;;YACxCP;;;AAGP,EAAC"}
1	+ {"version":3,"sources":["../../../src/field/elements/Button.tsx"],"sourcesContent":["'use client'\nimport type { ElementType } from 'react'\n\nimport { Tooltip } from '@payloadcms/ui'\nimport React, { useCallback, useState } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { useElementButton } from '../providers/ElementButtonProvider.js'\nimport { isElementActive } from './isActive.js'\nimport { toggleElement } from './toggle.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ElementButton: React.FC<ButtonProps> = (props) => {\n const {\n type = 'type',\n children,\n className,\n disabled: disabledFromProps,\n el = 'button',\n format,\n onClick,\n tooltip,\n } = props\n\n const editor = useSlate()\n const { disabled: disabledFromContext } = useElementButton()\n const [showTooltip, setShowTooltip] = useState(false)\n\n const defaultOnClick = useCallback(\n (event) => {\n event.preventDefault()\n setShowTooltip(false)\n toggleElement(editor, format, type)\n },\n [editor, format, type],\n )\n\n const Tag: ElementType = el\n\n const disabled = disabledFromProps \|\| disabledFromContext\n\n return (\n <Tag\n {...(el === 'button' && { type: 'button', disabled })}\n className={[\n baseClass,\n className,\n isElementActive(editor, format, type) && `${baseClass}__button--active`,\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onClick \|\| defaultOnClick}\n onPointerEnter={() => setShowTooltip(true)}\n onPointerLeave={() => setShowTooltip(false)}\n >\n {tooltip && <Tooltip show={showTooltip}>{tooltip}</Tooltip>}\n {children}\n </Tag>\n )\n}\n"],"names":["Tooltip","React","useCallback","useState","useSlate","useElementButton","isElementActive","toggleElement","baseClass","ElementButton","props","type","children","className","disabled","disabledFromProps","el","format","onClick","tooltip","editor","disabledFromContext","showTooltip","setShowTooltip","defaultOnClick","event","preventDefault","Tag","filter","Boolean","join","onPointerEnter","onPointerLeave","show"],"mappings":"AAAA;;AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AACpD,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,eAAe,QAAQ,gBAAe;AAC/C,SAASC,aAAa,QAAQ,cAAa;AAE3C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,gBAAuC,CAACC;IACnD,MAAM,EACJC,OAAO,MAAM,EACbC,QAAQ,EACRC,SAAS,EACTC,UAAUC,iBAAiB,EAC3BC,KAAK,QAAQ,EACbC,MAAM,EACNC,OAAO,EACPC,OAAO,EACR,GAAGT;IAEJ,MAAMU,SAAShB;IACf,MAAM,EAAEU,UAAUO,mBAAmB,EAAE,GAAGhB;IAC1C,MAAM,CAACiB,aAAaC,eAAe,GAAGpB,SAAS;IAE/C,MAAMqB,iBAAiBtB,YACrB,CAACuB;QACCA,MAAMC,cAAc;QACpBH,eAAe;QACfhB,cAAca,QAAQH,QAAQN;IAChC,GACA;QAACS;QAAQH;QAAQN;KAAK;IAGxB,MAAMgB,MAAmBX;IAEzB,MAAMF,WAAWC,qBAAqBM;IAEtC,qBACE,MAACM;QACE,GAAIX,OAAO,YAAY;YAAEL,MAAM;YAAUG;QAAS,CAAC;QACpDD,WAAW;YACTL;YACAK;YACAP,gBAAgBc,QAAQH,QAAQN,SAAS,GAAGH,UAAU,gBAAgB,CAAC;SACxE,CACEoB,MAAM,CAACC,SACPC,IAAI,CAAC;QACRZ,SAASA,WAAWM;QACpBO,gBAAgB,IAAMR,eAAe;QACrCS,gBAAgB,IAAMT,eAAe;;YAEpCJ,yBAAW,KAACnB;gBAAQiC,MAAMX;0BAAcH;;YACxCP;;;AAGP,EAAC"}

package/dist/field/elements/ListButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/field/elements/ListButton.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { isListActive } from './isListActive.js'\nimport { toggleList } from './toggleList.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ListButton: React.FC<ButtonProps> = ({ children, className, format, onClick }) => {\n const editor = useSlate()\n\n const defaultOnClick = useCallback(\n (event) => {\n event.preventDefault()\n toggleList(editor, format)\n },\n [editor, format],\n )\n\n return (\n <button\n className={[\n baseClass,\n className,\n isListActive(editor, format) && `${baseClass}__button--active`,\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onClick \|\| defaultOnClick}\n type=\"button\"\n >\n {children}\n </button>\n )\n}\n"],"names":["React","useCallback","useSlate","isListActive","toggleList","baseClass","ListButton","children","className","format","onClick","editor","defaultOnClick","event","preventDefault","button","filter","Boolean","join","type"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAC1C,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,aAAoC,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAE;IACxF,MAAMC,SAAST;IAEf,MAAMU,iBAAiBX,YACrB,CAACY;QACCA,MAAMC,cAAc;QACpBV,WAAWO,QAAQF;IACrB,GACA;QAACE;QAAQF;KAAO;IAGlB,qBACE,KAACM;QACCP,WAAW;YACTH;YACAG;YACAL,aAAaQ,QAAQF,WAAW,~~CAAC~~,~~EAAEJ,~~UAAU,gBAAgB,CAAC;SAC/D,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;QACRR,SAASA,WAAWE;QACpBO,MAAK;kBAEJZ;;AAGP,EAAC"}
1	+ {"version":3,"sources":["../../../src/field/elements/ListButton.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\nimport { useSlate } from 'slate-react'\n\nimport type { ButtonProps } from './types.js'\n\nimport '../buttons.scss'\nimport { isListActive } from './isListActive.js'\nimport { toggleList } from './toggleList.js'\n\nexport const baseClass = 'rich-text__button'\n\nexport const ListButton: React.FC<ButtonProps> = ({ children, className, format, onClick }) => {\n const editor = useSlate()\n\n const defaultOnClick = useCallback(\n (event) => {\n event.preventDefault()\n toggleList(editor, format)\n },\n [editor, format],\n )\n\n return (\n <button\n className={[\n baseClass,\n className,\n isListActive(editor, format) && `${baseClass}__button--active`,\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onClick \|\| defaultOnClick}\n type=\"button\"\n >\n {children}\n </button>\n )\n}\n"],"names":["React","useCallback","useSlate","isListActive","toggleList","baseClass","ListButton","children","className","format","onClick","editor","defaultOnClick","event","preventDefault","button","filter","Boolean","join","type"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAC1C,SAASC,QAAQ,QAAQ,cAAa;AAItC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,OAAO,MAAMC,YAAY,oBAAmB;AAE5C,OAAO,MAAMC,aAAoC,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAE;IACxF,MAAMC,SAAST;IAEf,MAAMU,iBAAiBX,YACrB,CAACY;QACCA,MAAMC,cAAc;QACpBV,WAAWO,QAAQF;IACrB,GACA;QAACE;QAAQF;KAAO;IAGlB,qBACE,KAACM;QACCP,WAAW;YACTH;YACAG;YACAL,aAAaQ,QAAQF,WAAW,GAAGJ,UAAU,gBAAgB,CAAC;SAC/D,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;QACRR,SAASA,WAAWE;QACpBO,MAAK;kBAEJZ;;AAGP,EAAC"}

package/dist/field/elements/indent/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/field/elements/indent/Button.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\nimport { Editor, Element, Text, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { ElementNode } from '../../../types.js'\n\nimport { IndentLeft } from '../../icons/IndentLeft/index.js'\nimport { IndentRight } from '../../icons/IndentRight/index.js'\nimport { baseClass } from '../Button.js'\nimport { getCommonBlock } from '../getCommonBlock.js'\nimport { isElementActive } from '../isActive.js'\nimport { isBlockElement } from '../isBlockElement.js'\nimport { listTypes } from '../listTypes.js'\nimport { unwrapList } from '../unwrapList.js'\nimport { indentType } from './shared.js'\n\nexport const IndentButton: React.FC = () => {\n const editor = useSlate()\n const handleIndent = useCallback(\n (e, dir) => {\n e.preventDefault()\n\n if (dir === 'left') {\n if (isElementActive(editor, 'li')) {\n const [, listPath] = getCommonBlock(\n editor,\n (n) => Element.isElement(n) && listTypes.includes(n.type),\n )\n\n const matchedParentList = Editor.above(editor, {\n at: listPath,\n match: (n: ElementNode) => !Editor.isEditor(n) && isBlockElement(editor, n),\n })\n\n if (matchedParentList) {\n const [parentListItem, parentListItemPath] = matchedParentList\n\n if (parentListItem.children.length > 1) {\n // Remove nested list\n Transforms.unwrapNodes(editor, {\n at: parentListItemPath,\n match: (node, path) => {\n const matches =\n !Editor.isEditor(node) &&\n Element.isElement(node) &&\n listTypes.includes(node.type) &&\n path.length === parentListItemPath.length + 1\n\n return matches\n },\n })\n\n // Set li type on any children that don't have a type\n Transforms.setNodes(\n editor,\n { type: 'li' },\n {\n at: parentListItemPath,\n match: (node, path) => {\n const matches =\n !Editor.isEditor(node) &&\n Element.isElement(node) &&\n node.type !== 'li' &&\n path.length === parentListItemPath.length + 1\n\n return matches\n },\n },\n )\n\n // Parent list item path has changed at this point\n // so we need to re-fetch the parent node\n const [newParentNode] = Editor.node(editor, parentListItemPath)\n\n // If the parent node is an li,\n // lift all li nodes within\n if (Element.isElement(newParentNode) && newParentNode.type === 'li') {\n // Lift the nested lis\n Transforms.liftNodes(editor, {\n at: parentListItemPath,\n match: (node, path) => {\n const matches =\n !Editor.isEditor(node) &&\n Element.isElement(node) &&\n path.length === parentListItemPath.length + 1 &&\n node.type === 'li'\n\n return matches\n },\n })\n }\n } else {\n Transforms.unwrapNodes(editor, {\n at: parentListItemPath,\n match: (node, path) => {\n return (\n Element.isElement(node) &&\n node.type === 'li' &&\n path.length === parentListItemPath.length\n )\n },\n })\n\n Transforms.unwrapNodes(editor, {\n match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n })\n }\n } else {\n unwrapList(editor, listPath)\n }\n } else {\n Transforms.unwrapNodes(editor, {\n match: (n) => Element.isElement(n) && n.type === indentType,\n mode: 'lowest',\n split: true,\n })\n }\n }\n\n if (dir === 'right') {\n const isCurrentlyOL = isElementActive(editor, 'ol')\n const isCurrentlyUL = isElementActive(editor, 'ul')\n\n if (isCurrentlyOL \|\| isCurrentlyUL) {\n // Get the path of the first selected li -\n // Multiple lis could be selected\n // and the selection may start in the middle of the first li\n const [[, firstSelectedLIPath]] = Array.from(\n Editor.nodes(editor, {\n match: (node) => Element.isElement(node) && node.type === 'li',\n mode: 'lowest',\n }),\n )\n\n // Is the first selected li the first in its list?\n const hasPrecedingLI = firstSelectedLIPath[firstSelectedLIPath.length - 1] > 0\n\n // If the first selected li is NOT the first in its list,\n // we need to inject it into the prior li\n if (hasPrecedingLI) {\n const [, precedingLIPath] = Editor.previous(editor, {\n at: firstSelectedLIPath,\n })\n\n const [precedingLIChildren] = Editor.node(editor, [...precedingLIPath, 0])\n const precedingLIChildrenIsText = Text.isText(precedingLIChildren)\n\n if (precedingLIChildrenIsText) {\n // Wrap the prior li text content so that it can be nested next to a list\n Transforms.wrapNodes(editor, { children: [] }, { at: [...precedingLIPath, 0] })\n }\n\n // Move the selected lis after the prior li contents\n Transforms.moveNodes(editor, {\n match: (node) => Element.isElement(node) && node.type === 'li',\n mode: 'lowest',\n to: [...precedingLIPath, 1],\n })\n\n // Wrap the selected lis in a new list\n Transforms.wrapNodes(\n editor,\n {\n type: isCurrentlyOL ? 'ol' : 'ul',\n children: [],\n },\n {\n match: (node) => Element.isElement(node) && node.type === 'li',\n mode: 'lowest',\n },\n )\n } else {\n // Otherwise, just wrap the node in a list / li\n Transforms.wrapNodes(\n editor,\n {\n type: isCurrentlyOL ? 'ol' : 'ul',\n children: [{ type: 'li', children: [] }],\n },\n {\n match: (node) => Element.isElement(node) && node.type === 'li',\n mode: 'lowest',\n },\n )\n }\n } else {\n Transforms.wrapNodes(editor, { type: indentType, children: [] })\n }\n }\n\n ReactEditor.focus(editor)\n },\n [editor],\n )\n\n const canDeIndent = isElementActive(editor, 'li') \|\| isElementActive(editor, indentType)\n\n return (\n <React.Fragment>\n <button\n className={[baseClass, !canDeIndent && `${baseClass}--disabled`].filter(Boolean).join(' ')}\n onClick={canDeIndent ? (e) => handleIndent(e, 'left') : undefined}\n type=\"button\"\n >\n <IndentLeft />\n </button>\n <button className={baseClass} onClick={(e) => handleIndent(e, 'right')} type=\"button\">\n <IndentRight />\n </button>\n </React.Fragment>\n )\n}\n"],"names":["React","useCallback","Editor","Element","Text","Transforms","ReactEditor","useSlate","IndentLeft","IndentRight","baseClass","getCommonBlock","isElementActive","isBlockElement","listTypes","unwrapList","indentType","IndentButton","editor","handleIndent","e","dir","preventDefault","listPath","n","isElement","includes","type","matchedParentList","above","at","match","isEditor","parentListItem","parentListItemPath","children","length","unwrapNodes","node","path","matches","setNodes","newParentNode","liftNodes","mode","split","isCurrentlyOL","isCurrentlyUL","firstSelectedLIPath","Array","from","nodes","hasPrecedingLI","precedingLIPath","previous","precedingLIChildren","precedingLIChildrenIsText","isText","wrapNodes","moveNodes","to","focus","canDeIndent","Fragment","button","className","filter","Boolean","join","onClick","undefined"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/field/elements/indent/Button.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback } from 'react'\nimport { Editor, Element, Text, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { ElementNode } from '../../../types.js'\n\nimport { IndentLeft } from '../../icons/IndentLeft/index.js'\nimport { IndentRight } from '../../icons/IndentRight/index.js'\nimport { baseClass } from '../Button.js'\nimport { getCommonBlock } from '../getCommonBlock.js'\nimport { isElementActive } from '../isActive.js'\nimport { isBlockElement } from '../isBlockElement.js'\nimport { listTypes } from '../listTypes.js'\nimport { unwrapList } from '../unwrapList.js'\nimport { indentType } from './shared.js'\n\nexport const IndentButton: React.FC = () => {\n const editor = useSlate()\n const handleIndent = useCallback(\n (e, dir) => {\n e.preventDefault()\n\n if (dir === 'left') {\n if (isElementActive(editor, 'li')) {\n const [, listPath] = getCommonBlock(\n editor,\n (n) => Element.isElement(n) && listTypes.includes(n.type),\n )\n\n const matchedParentList = Editor.above(editor, {\n at: listPath,\n match: (n: ElementNode) => !Editor.isEditor(n) && isBlockElement(editor, n),\n })\n\n if (matchedParentList) {\n const [parentListItem, parentListItemPath] = matchedParentList\n\n if (parentListItem.children.length > 1) {\n // Remove nested list\n Transforms.unwrapNodes(editor, {\n at: parentListItemPath,\n match: (node, path) => {\n const matches =\n !Editor.isEditor(node) &&\n Element.isElement(node) &&\n listTypes.includes(node.type) &&\n path.length === parentListItemPath.length + 1\n\n return matches\n },\n })\n\n // Set li type on any children that don't have a type\n Transforms.setNodes(\n editor,\n { type: 'li' },\n {\n at: parentListItemPath,\n match: (node, path) => {\n const matches =\n !Editor.isEditor(node) &&\n Element.isElement(node) &&\n node.type !== 'li' &&\n path.length === parentListItemPath.length + 1\n\n return matches\n },\n },\n )\n\n // Parent list item path has changed at this point\n // so we need to re-fetch the parent node\n const [newParentNode] = Editor.node(editor, parentListItemPath)\n\n // If the parent node is an li,\n // lift all li nodes within\n if (Element.isElement(newParentNode) && newParentNode.type === 'li') {\n // Lift the nested lis\n Transforms.liftNodes(editor, {\n at: parentListItemPath,\n match: (node, path) => {\n const matches =\n !Editor.isEditor(node) &&\n Element.isElement(node) &&\n path.length === parentListItemPath.length + 1 &&\n node.type === 'li'\n\n return matches\n },\n })\n }\n } else {\n Transforms.unwrapNodes(editor, {\n at: parentListItemPath,\n match: (node, path) => {\n return (\n Element.isElement(node) &&\n node.type === 'li' &&\n path.length === parentListItemPath.length\n )\n },\n })\n\n Transforms.unwrapNodes(editor, {\n match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n })\n }\n } else {\n unwrapList(editor, listPath)\n }\n } else {\n Transforms.unwrapNodes(editor, {\n match: (n) => Element.isElement(n) && n.type === indentType,\n mode: 'lowest',\n split: true,\n })\n }\n }\n\n if (dir === 'right') {\n const isCurrentlyOL = isElementActive(editor, 'ol')\n const isCurrentlyUL = isElementActive(editor, 'ul')\n\n if (isCurrentlyOL \|\| isCurrentlyUL) {\n // Get the path of the first selected li -\n // Multiple lis could be selected\n // and the selection may start in the middle of the first li\n const [[, firstSelectedLIPath]] = Array.from(\n Editor.nodes(editor, {\n match: (node) => Element.isElement(node) && node.type === 'li',\n mode: 'lowest',\n }),\n )\n\n // Is the first selected li the first in its list?\n const hasPrecedingLI = firstSelectedLIPath[firstSelectedLIPath.length - 1] > 0\n\n // If the first selected li is NOT the first in its list,\n // we need to inject it into the prior li\n if (hasPrecedingLI) {\n const [, precedingLIPath] = Editor.previous(editor, {\n at: firstSelectedLIPath,\n })\n\n const [precedingLIChildren] = Editor.node(editor, [...precedingLIPath, 0])\n const precedingLIChildrenIsText = Text.isText(precedingLIChildren)\n\n if (precedingLIChildrenIsText) {\n // Wrap the prior li text content so that it can be nested next to a list\n Transforms.wrapNodes(editor, { children: [] }, { at: [...precedingLIPath, 0] })\n }\n\n // Move the selected lis after the prior li contents\n Transforms.moveNodes(editor, {\n match: (node) => Element.isElement(node) && node.type === 'li',\n mode: 'lowest',\n to: [...precedingLIPath, 1],\n })\n\n // Wrap the selected lis in a new list\n Transforms.wrapNodes(\n editor,\n {\n type: isCurrentlyOL ? 'ol' : 'ul',\n children: [],\n },\n {\n match: (node) => Element.isElement(node) && node.type === 'li',\n mode: 'lowest',\n },\n )\n } else {\n // Otherwise, just wrap the node in a list / li\n Transforms.wrapNodes(\n editor,\n {\n type: isCurrentlyOL ? 'ol' : 'ul',\n children: [{ type: 'li', children: [] }],\n },\n {\n match: (node) => Element.isElement(node) && node.type === 'li',\n mode: 'lowest',\n },\n )\n }\n } else {\n Transforms.wrapNodes(editor, { type: indentType, children: [] })\n }\n }\n\n ReactEditor.focus(editor)\n },\n [editor],\n )\n\n const canDeIndent = isElementActive(editor, 'li') \|\| isElementActive(editor, indentType)\n\n return (\n <React.Fragment>\n <button\n className={[baseClass, !canDeIndent && `${baseClass}--disabled`].filter(Boolean).join(' ')}\n onClick={canDeIndent ? (e) => handleIndent(e, 'left') : undefined}\n type=\"button\"\n >\n <IndentLeft />\n </button>\n <button className={baseClass} onClick={(e) => handleIndent(e, 'right')} type=\"button\">\n <IndentRight />\n </button>\n </React.Fragment>\n )\n}\n"],"names":["React","useCallback","Editor","Element","Text","Transforms","ReactEditor","useSlate","IndentLeft","IndentRight","baseClass","getCommonBlock","isElementActive","isBlockElement","listTypes","unwrapList","indentType","IndentButton","editor","handleIndent","e","dir","preventDefault","listPath","n","isElement","includes","type","matchedParentList","above","at","match","isEditor","parentListItem","parentListItemPath","children","length","unwrapNodes","node","path","matches","setNodes","newParentNode","liftNodes","mode","split","isCurrentlyOL","isCurrentlyUL","firstSelectedLIPath","Array","from","nodes","hasPrecedingLI","precedingLIPath","previous","precedingLIChildren","precedingLIChildrenIsText","isText","wrapNodes","moveNodes","to","focus","canDeIndent","Fragment","button","className","filter","Boolean","join","onClick","undefined"],"mappings":"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"}

package/dist/field/elements/link/Element/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/field/elements/link/Element/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n Popup,\n Translation,\n useConfig,\n useDocumentInfo,\n useDrawerSlug,\n useLocale,\n useModal,\n useServerFunctions,\n useTranslation,\n} from '@payloadcms/ui'\nimport { deepCopyObject, reduceFieldsToValues } from 'payload/shared'\nimport { useCallback, useEffect, useState } from 'react'\nimport { Editor, Node, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { LinkElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link'\n\n/*\n This function is called when an existing link is edited.\n * When a link is first created, another function is called: {@link ../Button/index.tsx#insertLink}\n */\nconst insertChange = (editor, fields) => {\n const data = reduceFieldsToValues(fields, true)\n\n const [, parentPath] = Editor.above(editor)\n\n const newNode: Record<string, unknown> = {\n doc: data.doc,\n linkType: data.linkType,\n newTab: data.newTab,\n url: data.url,\n }\n\n if (data.fields) {\n newNode.fields = data.fields\n }\n\n Transforms.setNodes(editor, newNode, { at: parentPath })\n\n Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' })\n Transforms.move(editor, { distance: 1, unit: 'offset' })\n Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n\n ReactEditor.focus(editor)\n}\n\nexport const LinkElement = () => {\n const { attributes, children, editorRef, element, fieldProps, schemaPath } =\n useElement<LinkElementType>()\n\n const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n const { componentMap } = fieldProps\n const fields = componentMap[linkFieldsSchemaPath]\n const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n const editor = useSlate()\n const { config } = useConfig()\n const { code: locale } = useLocale()\n const { i18n, t } = useTranslation()\n const { closeModal, openModal, toggleModal } = useModal()\n const [renderModal, setRenderModal] = useState(false)\n const [renderPopup, setRenderPopup] = useState(false)\n const [initialState, setInitialState] = useState<FormState>({})\n\n const { getFormState } = useServerFunctions()\n\n const drawerSlug = useDrawerSlug('rich-text-link')\n\n const handleTogglePopup = useCallback((render) => {\n if (!render) {\n setRenderPopup(render)\n }\n }, [])\n\n useEffect(() => {\n const awaitInitialState = async () => {\n const data = {\n doc: element.doc,\n fields: deepCopyObject(element.fields),\n linkType: element.linkType,\n newTab: element.newTab,\n text: Node.string(element),\n url: element.url,\n }\n\n const { state } = await getFormState({\n collectionSlug,\n data,\n docPermissions,\n docPreferences: await getDocPreferences(),\n globalSlug,\n operation: 'update',\n renderAllFields: true,\n schemaPath: fieldMapPath ?? '',\n })\n\n setInitialState(state)\n }\n\n if (renderModal) {\n void awaitInitialState()\n }\n }, [\n renderModal,\n element,\n locale,\n t,\n collectionSlug,\n config,\n id,\n fieldMapPath,\n getFormState,\n globalSlug,\n getDocPreferences,\n docPermissions,\n ])\n\n return (\n <span className={baseClass} {...attributes}>\n <span contentEditable={false} style={{ userSelect: 'none' }}>\n {renderModal && (\n <LinkDrawer\n drawerSlug={drawerSlug}\n fields={Array.isArray(fields) ? fields : []}\n handleClose={() => {\n toggleModal(drawerSlug)\n setRenderModal(false)\n }}\n handleModalSubmit={(fields) => {\n insertChange(editor, fields)\n closeModal(drawerSlug)\n setRenderModal(false)\n }}\n initialState={initialState}\n schemaPath={schemaPath}\n />\n )}\n <Popup\n boundingRef={editorRef}\n buttonType=\"none\"\n forceOpen={renderPopup}\n horizontalAlign=\"left\"\n onToggleOpen={handleTogglePopup}\n render={() => (\n <div className={`${baseClass}__popup`}>\n {element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && (\n <Translation\n elements={{\n '0': ({ children }) => (\n <a\n className={`${baseClass}__link-label`}\n href={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n rel=\"noreferrer\"\n target=\"_blank\"\n title={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n >\n {children}\n </a>\n ),\n }}\n i18nKey=\"fields:linkedTo\"\n t={t}\n variables={{\n label: getTranslation(\n config.collections.find(({ slug }) => slug === element.doc.relationTo)?.labels\n ?.singular,\n i18n,\n ),\n }}\n />\n )}\n {(element.linkType === 'custom' \|\| !element.linkType) && (\n <a\n className={`${baseClass}__link-label`}\n href={element.url}\n rel=\"noreferrer\"\n target=\"_blank\"\n title={element.url}\n >\n {element.url}\n </a>\n )}\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__link-edit`}\n icon=\"edit\"\n onClick={(e) => {\n e.preventDefault()\n setRenderPopup(false)\n openModal(drawerSlug)\n setRenderModal(true)\n }}\n round\n tooltip={t('general:edit')}\n />\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__link-close`}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n unwrapLink(editor)\n }}\n round\n tooltip={t('general:remove')}\n />\n </div>\n )}\n size=\"fit-content\"\n verticalAlign=\"bottom\"\n />\n </span>\n <span\n className={[`${baseClass}__popup-toggler`].filter(Boolean).join(' ')}\n onClick={() => setRenderPopup(true)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n setRenderPopup(true)\n }\n }}\n role=\"button\"\n tabIndex={0}\n >\n {children}\n </span>\n </span>\n )\n}\n"],"names":["getTranslation","Button","Popup","Translation","useConfig","useDocumentInfo","useDrawerSlug","useLocale","useModal","useServerFunctions","useTranslation","deepCopyObject","reduceFieldsToValues","useCallback","useEffect","useState","Editor","Node","Transforms","ReactEditor","useSlate","useElement","LinkDrawer","linkFieldsSchemaPath","unwrapLink","baseClass","insertChange","editor","fields","data","parentPath","above","newNode","doc","linkType","newTab","url","setNodes","at","delete","selection","focus","path","unit","move","distance","insertText","String","text","LinkElement","attributes","children","editorRef","element","fieldProps","schemaPath","fieldMapPath","componentMap","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","config","code","locale","i18n","t","closeModal","openModal","toggleModal","renderModal","setRenderModal","renderPopup","setRenderPopup","initialState","setInitialState","getFormState","drawerSlug","handleTogglePopup","render","awaitInitialState","string","state","docPreferences","operation","renderAllFields","span","className","contentEditable","style","userSelect","Array","isArray","handleClose","handleModalSubmit","boundingRef","buttonType","forceOpen","horizontalAlign","onToggleOpen","div","relationTo","value","elements","a","href","routes","admin","rel","target","title","i18nKey","variables","label","collections","find","slug","labels","singular","buttonStyle","icon","onClick","e","preventDefault","round","tooltip","size","verticalAlign","filter","Boolean","join","onKeyDown","key","role","tabIndex"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../src/field/elements/link/Element/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n Popup,\n Translation,\n useConfig,\n useDocumentInfo,\n useDrawerSlug,\n useLocale,\n useModal,\n useServerFunctions,\n useTranslation,\n} from '@payloadcms/ui'\nimport { deepCopyObject, reduceFieldsToValues } from 'payload/shared'\nimport { useCallback, useEffect, useState } from 'react'\nimport { Editor, Node, Transforms } from 'slate'\nimport { ReactEditor, useSlate } from 'slate-react'\n\nimport type { LinkElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { LinkDrawer } from '../LinkDrawer/index.js'\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport { unwrapLink } from '../utilities.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link'\n\n/*\n This function is called when an existing link is edited.\n * When a link is first created, another function is called: {@link ../Button/index.tsx#insertLink}\n */\nconst insertChange = (editor, fields) => {\n const data = reduceFieldsToValues(fields, true)\n\n const [, parentPath] = Editor.above(editor)\n\n const newNode: Record<string, unknown> = {\n doc: data.doc,\n linkType: data.linkType,\n newTab: data.newTab,\n url: data.url,\n }\n\n if (data.fields) {\n newNode.fields = data.fields\n }\n\n Transforms.setNodes(editor, newNode, { at: parentPath })\n\n Transforms.delete(editor, { at: editor.selection.focus.path, unit: 'block' })\n Transforms.move(editor, { distance: 1, unit: 'offset' })\n Transforms.insertText(editor, String(data.text), { at: editor.selection.focus.path })\n\n ReactEditor.focus(editor)\n}\n\nexport const LinkElement = () => {\n const { attributes, children, editorRef, element, fieldProps, schemaPath } =\n useElement<LinkElementType>()\n\n const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n const { componentMap } = fieldProps\n const fields = componentMap[linkFieldsSchemaPath]\n const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n const editor = useSlate()\n const { config } = useConfig()\n const { code: locale } = useLocale()\n const { i18n, t } = useTranslation()\n const { closeModal, openModal, toggleModal } = useModal()\n const [renderModal, setRenderModal] = useState(false)\n const [renderPopup, setRenderPopup] = useState(false)\n const [initialState, setInitialState] = useState<FormState>({})\n\n const { getFormState } = useServerFunctions()\n\n const drawerSlug = useDrawerSlug('rich-text-link')\n\n const handleTogglePopup = useCallback((render) => {\n if (!render) {\n setRenderPopup(render)\n }\n }, [])\n\n useEffect(() => {\n const awaitInitialState = async () => {\n const data = {\n doc: element.doc,\n fields: deepCopyObject(element.fields),\n linkType: element.linkType,\n newTab: element.newTab,\n text: Node.string(element),\n url: element.url,\n }\n\n const { state } = await getFormState({\n collectionSlug,\n data,\n docPermissions,\n docPreferences: await getDocPreferences(),\n globalSlug,\n operation: 'update',\n renderAllFields: true,\n schemaPath: fieldMapPath ?? '',\n })\n\n setInitialState(state)\n }\n\n if (renderModal) {\n void awaitInitialState()\n }\n }, [\n renderModal,\n element,\n locale,\n t,\n collectionSlug,\n config,\n id,\n fieldMapPath,\n getFormState,\n globalSlug,\n getDocPreferences,\n docPermissions,\n ])\n\n return (\n <span className={baseClass} {...attributes}>\n <span contentEditable={false} style={{ userSelect: 'none' }}>\n {renderModal && (\n <LinkDrawer\n drawerSlug={drawerSlug}\n fields={Array.isArray(fields) ? fields : []}\n handleClose={() => {\n toggleModal(drawerSlug)\n setRenderModal(false)\n }}\n handleModalSubmit={(fields) => {\n insertChange(editor, fields)\n closeModal(drawerSlug)\n setRenderModal(false)\n }}\n initialState={initialState}\n schemaPath={schemaPath}\n />\n )}\n <Popup\n boundingRef={editorRef}\n buttonType=\"none\"\n forceOpen={renderPopup}\n horizontalAlign=\"left\"\n onToggleOpen={handleTogglePopup}\n render={() => (\n <div className={`${baseClass}__popup`}>\n {element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && (\n <Translation\n elements={{\n '0': ({ children }) => (\n <a\n className={`${baseClass}__link-label`}\n href={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n rel=\"noreferrer\"\n target=\"_blank\"\n title={`${config.routes.admin}/collections/${element.doc.relationTo}/${element.doc.value}`}\n >\n {children}\n </a>\n ),\n }}\n i18nKey=\"fields:linkedTo\"\n t={t}\n variables={{\n label: getTranslation(\n config.collections.find(({ slug }) => slug === element.doc.relationTo)?.labels\n ?.singular,\n i18n,\n ),\n }}\n />\n )}\n {(element.linkType === 'custom' \|\| !element.linkType) && (\n <a\n className={`${baseClass}__link-label`}\n href={element.url}\n rel=\"noreferrer\"\n target=\"_blank\"\n title={element.url}\n >\n {element.url}\n </a>\n )}\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__link-edit`}\n icon=\"edit\"\n onClick={(e) => {\n e.preventDefault()\n setRenderPopup(false)\n openModal(drawerSlug)\n setRenderModal(true)\n }}\n round\n tooltip={t('general:edit')}\n />\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__link-close`}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n unwrapLink(editor)\n }}\n round\n tooltip={t('general:remove')}\n />\n </div>\n )}\n size=\"fit-content\"\n verticalAlign=\"bottom\"\n />\n </span>\n <span\n className={[`${baseClass}__popup-toggler`].filter(Boolean).join(' ')}\n onClick={() => setRenderPopup(true)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n setRenderPopup(true)\n }\n }}\n role=\"button\"\n tabIndex={0}\n >\n {children}\n </span>\n </span>\n )\n}\n"],"names":["getTranslation","Button","Popup","Translation","useConfig","useDocumentInfo","useDrawerSlug","useLocale","useModal","useServerFunctions","useTranslation","deepCopyObject","reduceFieldsToValues","useCallback","useEffect","useState","Editor","Node","Transforms","ReactEditor","useSlate","useElement","LinkDrawer","linkFieldsSchemaPath","unwrapLink","baseClass","insertChange","editor","fields","data","parentPath","above","newNode","doc","linkType","newTab","url","setNodes","at","delete","selection","focus","path","unit","move","distance","insertText","String","text","LinkElement","attributes","children","editorRef","element","fieldProps","schemaPath","fieldMapPath","componentMap","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","config","code","locale","i18n","t","closeModal","openModal","toggleModal","renderModal","setRenderModal","renderPopup","setRenderPopup","initialState","setInitialState","getFormState","drawerSlug","handleTogglePopup","render","awaitInitialState","string","state","docPreferences","operation","renderAllFields","span","className","contentEditable","style","userSelect","Array","isArray","handleClose","handleModalSubmit","boundingRef","buttonType","forceOpen","horizontalAlign","onToggleOpen","div","relationTo","value","elements","a","href","routes","admin","rel","target","title","i18nKey","variables","label","collections","find","slug","labels","singular","buttonStyle","icon","onClick","e","preventDefault","round","tooltip","size","verticalAlign","filter","Boolean","join","onKeyDown","key","role","tabIndex"],"mappings":"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"}

package/dist/field/elements/link/LinkDrawer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\n\nimport {\n Drawer,\n EditDepthProvider,\n Form,\n FormSubmit,\n RenderFields,\n useDocumentInfo,\n useEditDepth,\n useHotkey,\n useServerFunctions,\n useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useRef } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link-edit-modal'\n\nexport const LinkDrawer: React.FC<Props> = ({\n drawerSlug,\n fields,\n handleModalSubmit,\n initialState,\n schemaPath,\n}) => {\n const { t } = useTranslation()\n const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n const { getFormState } = useServerFunctions()\n\n const onChange: FormProps['onChange'][0] = useCallback(\n async ({ formState: prevFormState }) => {\n const { state } = await getFormState({\n id,\n collectionSlug,\n docPermissions,\n docPreferences: await getDocPreferences(),\n formState: prevFormState,\n globalSlug,\n operation: 'update',\n schemaPath: fieldMapPath ?? '',\n })\n\n return state\n },\n\n [getFormState, id, collectionSlug, getDocPreferences, docPermissions, globalSlug, fieldMapPath],\n )\n\n return (\n <EditDepthProvider>\n <Drawer className={baseClass} slug={drawerSlug} title={t('fields:editLink')}>\n <Form\n beforeSubmit={[onChange]}\n disableValidationOnSubmit\n initialState={initialState}\n onChange={[onChange]}\n onSubmit={handleModalSubmit}\n >\n <RenderFields\n fields={fields}\n forceRender\n parentIndexPath=\"\"\n parentPath={''}\n parentSchemaPath=\"\"\n permissions={docPermissions.fields}\n readOnly={false}\n />\n <LinkSubmit />\n </Form>\n </Drawer>\n </EditDepthProvider>\n )\n}\n\nconst LinkSubmit: React.FC = () => {\n const { t } = useTranslation()\n const ref = useRef<HTMLButtonElement>(null)\n const editDepth = useEditDepth()\n\n useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n e.preventDefault()\n e.stopPropagation()\n if (ref?.current) {\n ref.current.click()\n }\n })\n\n return <FormSubmit ref={ref}>{t('general:submit')}</FormSubmit>\n}\n"],"names":["Drawer","EditDepthProvider","Form","FormSubmit","RenderFields","useDocumentInfo","useEditDepth","useHotkey","useServerFunctions","useTranslation","React","useCallback","useRef","linkFieldsSchemaPath","baseClass","LinkDrawer","drawerSlug","fields","handleModalSubmit","initialState","schemaPath","t","fieldMapPath","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","getFormState","onChange","formState","prevFormState","state","docPreferences","operation","className","slug","title","beforeSubmit","disableValidationOnSubmit","onSubmit","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","LinkSubmit","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click"],"mappings":"AAAA;;AAIA,SACEA,MAAM,EACNC,iBAAiB,EACjBC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,eAAe,EACfC,YAAY,EACZC,SAAS,EACTC,kBAAkB,EAClBC,cAAc,QACT,iBAAgB;AACvB,OAAOC,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAIlD,SAASC,oBAAoB,QAAQ,eAAc;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAA8B,CAAC,EAC1CC,UAAU,EACVC,MAAM,EACNC,iBAAiB,EACjBC,YAAY,EACZC,UAAU,EACX;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IACd,MAAMa,eAAe,~~CAAC~~,~~EAAEF,~~WAAW,CAAC,EAAEP,~~qBAAqB,CAAC~~;IAE5D,MAAM,EAAEU,EAAE,EAAEC,cAAc,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,UAAU,EAAE,GAAGtB;IAE9E,MAAM,EAAEuB,YAAY,EAAE,GAAGpB;IAEzB,MAAMqB,WAAqClB,YACzC,OAAO,EAAEmB,WAAWC,aAAa,EAAE;QACjC,MAAM,EAAEC,KAAK,EAAE,GAAG,MAAMJ,aAAa;YACnCL;YACAC;YACAC;YACAQ,gBAAgB,MAAMP;YACtBI,WAAWC;YACXJ;YACAO,WAAW;YACXd,YAAYE,gBAAgB;QAC9B;QAEA,OAAOU;IACT,GAEA;QAACJ;QAAcL;QAAIC;QAAgBE;QAAmBD;QAAgBE;QAAYL;KAAa;IAGjG,qBACE,KAACrB;kBACC,cAAA,KAACD;YAAOmC,WAAWrB;YAAWsB,MAAMpB;YAAYqB,OAAOhB,EAAE;sBACvD,cAAA,MAACnB;gBACCoC,cAAc;oBAACT;iBAAS;gBACxBU,yBAAyB;gBACzBpB,cAAcA;gBACdU,UAAU;oBAACA;iBAAS;gBACpBW,UAAUtB;;kCAEV,KAACd;wBACCa,QAAQA;wBACRwB,WAAW;wBACXC,iBAAgB;wBAChBC,YAAY;wBACZC,kBAAiB;wBACjBC,aAAapB,eAAeR,MAAM;wBAClC6B,UAAU;;kCAEZ,KAACC;;;;;AAKX,EAAC;AAED,MAAMA,aAAuB;IAC3B,MAAM,EAAE1B,CAAC,EAAE,GAAGZ;IACd,MAAMuC,MAAMpC,OAA0B;IACtC,MAAMqC,YAAY3C;IAElBC,UAAU;QAAE2C,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3DA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBAAO,KAACrD;QAAW6C,KAAKA;kBAAM3B,EAAE;;AAClC"}
1	+ {"version":3,"sources":["../../../../../src/field/elements/link/LinkDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\n\nimport {\n Drawer,\n EditDepthProvider,\n Form,\n FormSubmit,\n RenderFields,\n useDocumentInfo,\n useEditDepth,\n useHotkey,\n useServerFunctions,\n useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useRef } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { linkFieldsSchemaPath } from '../shared.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-link-edit-modal'\n\nexport const LinkDrawer: React.FC<Props> = ({\n drawerSlug,\n fields,\n handleModalSubmit,\n initialState,\n schemaPath,\n}) => {\n const { t } = useTranslation()\n const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`\n\n const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n const { getFormState } = useServerFunctions()\n\n const onChange: FormProps['onChange'][0] = useCallback(\n async ({ formState: prevFormState }) => {\n const { state } = await getFormState({\n id,\n collectionSlug,\n docPermissions,\n docPreferences: await getDocPreferences(),\n formState: prevFormState,\n globalSlug,\n operation: 'update',\n schemaPath: fieldMapPath ?? '',\n })\n\n return state\n },\n\n [getFormState, id, collectionSlug, getDocPreferences, docPermissions, globalSlug, fieldMapPath],\n )\n\n return (\n <EditDepthProvider>\n <Drawer className={baseClass} slug={drawerSlug} title={t('fields:editLink')}>\n <Form\n beforeSubmit={[onChange]}\n disableValidationOnSubmit\n initialState={initialState}\n onChange={[onChange]}\n onSubmit={handleModalSubmit}\n >\n <RenderFields\n fields={fields}\n forceRender\n parentIndexPath=\"\"\n parentPath={''}\n parentSchemaPath=\"\"\n permissions={docPermissions.fields}\n readOnly={false}\n />\n <LinkSubmit />\n </Form>\n </Drawer>\n </EditDepthProvider>\n )\n}\n\nconst LinkSubmit: React.FC = () => {\n const { t } = useTranslation()\n const ref = useRef<HTMLButtonElement>(null)\n const editDepth = useEditDepth()\n\n useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n e.preventDefault()\n e.stopPropagation()\n if (ref?.current) {\n ref.current.click()\n }\n })\n\n return <FormSubmit ref={ref}>{t('general:submit')}</FormSubmit>\n}\n"],"names":["Drawer","EditDepthProvider","Form","FormSubmit","RenderFields","useDocumentInfo","useEditDepth","useHotkey","useServerFunctions","useTranslation","React","useCallback","useRef","linkFieldsSchemaPath","baseClass","LinkDrawer","drawerSlug","fields","handleModalSubmit","initialState","schemaPath","t","fieldMapPath","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","getFormState","onChange","formState","prevFormState","state","docPreferences","operation","className","slug","title","beforeSubmit","disableValidationOnSubmit","onSubmit","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","LinkSubmit","ref","editDepth","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click"],"mappings":"AAAA;;AAIA,SACEA,MAAM,EACNC,iBAAiB,EACjBC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,eAAe,EACfC,YAAY,EACZC,SAAS,EACTC,kBAAkB,EAClBC,cAAc,QACT,iBAAgB;AACvB,OAAOC,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAIlD,SAASC,oBAAoB,QAAQ,eAAc;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAA8B,CAAC,EAC1CC,UAAU,EACVC,MAAM,EACNC,iBAAiB,EACjBC,YAAY,EACZC,UAAU,EACX;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGZ;IACd,MAAMa,eAAe,GAAGF,WAAW,CAAC,EAAEP,sBAAsB;IAE5D,MAAM,EAAEU,EAAE,EAAEC,cAAc,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,UAAU,EAAE,GAAGtB;IAE9E,MAAM,EAAEuB,YAAY,EAAE,GAAGpB;IAEzB,MAAMqB,WAAqClB,YACzC,OAAO,EAAEmB,WAAWC,aAAa,EAAE;QACjC,MAAM,EAAEC,KAAK,EAAE,GAAG,MAAMJ,aAAa;YACnCL;YACAC;YACAC;YACAQ,gBAAgB,MAAMP;YACtBI,WAAWC;YACXJ;YACAO,WAAW;YACXd,YAAYE,gBAAgB;QAC9B;QAEA,OAAOU;IACT,GAEA;QAACJ;QAAcL;QAAIC;QAAgBE;QAAmBD;QAAgBE;QAAYL;KAAa;IAGjG,qBACE,KAACrB;kBACC,cAAA,KAACD;YAAOmC,WAAWrB;YAAWsB,MAAMpB;YAAYqB,OAAOhB,EAAE;sBACvD,cAAA,MAACnB;gBACCoC,cAAc;oBAACT;iBAAS;gBACxBU,yBAAyB;gBACzBpB,cAAcA;gBACdU,UAAU;oBAACA;iBAAS;gBACpBW,UAAUtB;;kCAEV,KAACd;wBACCa,QAAQA;wBACRwB,WAAW;wBACXC,iBAAgB;wBAChBC,YAAY;wBACZC,kBAAiB;wBACjBC,aAAapB,eAAeR,MAAM;wBAClC6B,UAAU;;kCAEZ,KAACC;;;;;AAKX,EAAC;AAED,MAAMA,aAAuB;IAC3B,MAAM,EAAE1B,CAAC,EAAE,GAAGZ;IACd,MAAMuC,MAAMpC,OAA0B;IACtC,MAAMqC,YAAY3C;IAElBC,UAAU;QAAE2C,YAAY;QAAMD;QAAWE,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3DA,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIN,KAAKO,SAAS;YAChBP,IAAIO,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBAAO,KAACrD;QAAW6C,KAAKA;kBAAM3B,EAAE;;AAClC"}

package/dist/field/elements/relationship/Element/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/field/elements/relationship/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n useConfig,\n useDocumentDrawer,\n useListDrawer,\n usePayloadAPI,\n useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { RelationshipElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-relationship'\n\nconst initialParams = {\n depth: 0,\n}\n\nconst RelationshipElementComponent: React.FC = () => {\n const {\n attributes,\n children,\n element,\n element: { relationTo, value },\n fieldProps,\n } = useElement<RelationshipElementType>()\n\n const {\n config: {\n collections,\n routes: { api },\n serverURL,\n },\n } = useConfig()\n const [enabledCollectionSlugs] = useState(() =>\n collections\n .filter(({ admin: { enableRichTextRelationship } }) => enableRichTextRelationship)\n .map(({ slug }) => slug),\n )\n const [relatedCollection, setRelatedCollection] = useState(() =>\n collections.find((coll) => coll.slug === relationTo),\n )\n\n const selected = useSelected()\n const focused = useFocused()\n const { i18n, t } = useTranslation()\n const editor = useSlateStatic()\n const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n const [{ data }, { setParams }] = usePayloadAPI(\n `${serverURL}${api}/${relatedCollection.slug}/${value?.id}`,\n { initialParams },\n )\n\n const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n id: value?.id,\n collectionSlug: relatedCollection.slug,\n })\n\n const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n collectionSlugs: enabledCollectionSlugs,\n selectedCollection: relatedCollection.slug,\n })\n\n const removeRelationship = useCallback(() => {\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.removeNodes(editor, { at: elementPath })\n }, [editor, element])\n\n const updateRelationship = React.useCallback(\n ({ doc }) => {\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.setNodes(\n editor,\n {\n type: 'relationship',\n children: [{ text: ' ' }],\n relationTo: relatedCollection.slug,\n value: { id: doc.id },\n },\n { at: elementPath },\n )\n\n setParams({\n ...initialParams,\n cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n })\n\n closeDrawer()\n dispatchCacheBust()\n },\n [editor, element, relatedCollection, cacheBust, setParams, closeDrawer],\n )\n\n const swapRelationship = React.useCallback(\n ({ collectionSlug, docID }) => {\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.setNodes(\n editor,\n {\n type: 'relationship',\n children: [{ text: ' ' }],\n relationTo: collectionSlug,\n value: { id: docID },\n },\n { at: elementPath },\n )\n\n setRelatedCollection(collections.find((coll) => coll.slug === collectionSlug))\n\n setParams({\n ...initialParams,\n cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n })\n\n closeListDrawer()\n dispatchCacheBust()\n },\n [closeListDrawer, editor, element, cacheBust, setParams, collections],\n )\n\n return (\n <div\n className={[baseClass, selected && focused && `${baseClass}--selected`]\n .filter(Boolean)\n .join(' ')}\n contentEditable={false}\n {...attributes}\n >\n <div className={`${baseClass}__wrap`}>\n <p className={`${baseClass}__label`}>\n {t('fields:labelRelationship', {\n label: getTranslation(relatedCollection.labels.singular, i18n),\n })}\n </p>\n <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n <p className={`${baseClass}__title`}>\n {data[relatedCollection?.admin?.useAsTitle \|\| 'id']}\n </p>\n </DocumentDrawerToggler>\n </div>\n <div className={`${baseClass}__actions`}>\n <ListDrawerToggler\n className={`${baseClass}__list-drawer-toggler`}\n disabled={fieldProps?.field?.admin?.readOnly}\n >\n <Button\n buttonStyle=\"icon-label\"\n disabled={fieldProps?.field?.admin?.readOnly}\n el=\"div\"\n icon=\"swap\"\n onClick={() => {\n // do nothing\n }}\n round\n tooltip={t('fields:swapRelationship')}\n />\n </ListDrawerToggler>\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__removeButton`}\n disabled={fieldProps?.field?.admin?.readOnly}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n removeRelationship()\n }}\n round\n tooltip={t('fields:removeRelationship')}\n />\n </div>\n {value?.id && <DocumentDrawer onSave={updateRelationship} />}\n <ListDrawer onSelect={swapRelationship} />\n {children}\n </div>\n )\n}\n\nexport const RelationshipElement = (props: any): React.ReactNode => {\n return (\n <EnabledRelationshipsCondition {...props}>\n <RelationshipElementComponent {...props} />\n </EnabledRelationshipsCondition>\n )\n}\n"],"names":["getTranslation","Button","useConfig","useDocumentDrawer","useListDrawer","usePayloadAPI","useTranslation","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","baseClass","initialParams","depth","RelationshipElementComponent","attributes","children","element","relationTo","value","fieldProps","config","collections","routes","api","serverURL","enabledCollectionSlugs","filter","admin","enableRichTextRelationship","map","slug","relatedCollection","setRelatedCollection","find","coll","selected","focused","i18n","t","editor","cacheBust","dispatchCacheBust","state","data","setParams","id","DocumentDrawer","DocumentDrawerToggler","closeDrawer","collectionSlug","ListDrawer","ListDrawerToggler","closeListDrawer","collectionSlugs","selectedCollection","removeRelationship","elementPath","findPath","removeNodes","at","updateRelationship","doc","setNodes","type","text","swapRelationship","docID","div","className","Boolean","join","contentEditable","p","label","labels","singular","useAsTitle","disabled","field","readOnly","buttonStyle","el","icon","onClick","round","tooltip","e","preventDefault","onSave","onSelect","RelationshipElement","props"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../src/field/elements/relationship/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n useConfig,\n useDocumentDrawer,\n useListDrawer,\n usePayloadAPI,\n useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { RelationshipElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport './index.scss'\n\nconst baseClass = 'rich-text-relationship'\n\nconst initialParams = {\n depth: 0,\n}\n\nconst RelationshipElementComponent: React.FC = () => {\n const {\n attributes,\n children,\n element,\n element: { relationTo, value },\n fieldProps,\n } = useElement<RelationshipElementType>()\n\n const {\n config: {\n collections,\n routes: { api },\n serverURL,\n },\n } = useConfig()\n const [enabledCollectionSlugs] = useState(() =>\n collections\n .filter(({ admin: { enableRichTextRelationship } }) => enableRichTextRelationship)\n .map(({ slug }) => slug),\n )\n const [relatedCollection, setRelatedCollection] = useState(() =>\n collections.find((coll) => coll.slug === relationTo),\n )\n\n const selected = useSelected()\n const focused = useFocused()\n const { i18n, t } = useTranslation()\n const editor = useSlateStatic()\n const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n const [{ data }, { setParams }] = usePayloadAPI(\n `${serverURL}${api}/${relatedCollection.slug}/${value?.id}`,\n { initialParams },\n )\n\n const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n id: value?.id,\n collectionSlug: relatedCollection.slug,\n })\n\n const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n collectionSlugs: enabledCollectionSlugs,\n selectedCollection: relatedCollection.slug,\n })\n\n const removeRelationship = useCallback(() => {\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.removeNodes(editor, { at: elementPath })\n }, [editor, element])\n\n const updateRelationship = React.useCallback(\n ({ doc }) => {\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.setNodes(\n editor,\n {\n type: 'relationship',\n children: [{ text: ' ' }],\n relationTo: relatedCollection.slug,\n value: { id: doc.id },\n },\n { at: elementPath },\n )\n\n setParams({\n ...initialParams,\n cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n })\n\n closeDrawer()\n dispatchCacheBust()\n },\n [editor, element, relatedCollection, cacheBust, setParams, closeDrawer],\n )\n\n const swapRelationship = React.useCallback(\n ({ collectionSlug, docID }) => {\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.setNodes(\n editor,\n {\n type: 'relationship',\n children: [{ text: ' ' }],\n relationTo: collectionSlug,\n value: { id: docID },\n },\n { at: elementPath },\n )\n\n setRelatedCollection(collections.find((coll) => coll.slug === collectionSlug))\n\n setParams({\n ...initialParams,\n cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n })\n\n closeListDrawer()\n dispatchCacheBust()\n },\n [closeListDrawer, editor, element, cacheBust, setParams, collections],\n )\n\n return (\n <div\n className={[baseClass, selected && focused && `${baseClass}--selected`]\n .filter(Boolean)\n .join(' ')}\n contentEditable={false}\n {...attributes}\n >\n <div className={`${baseClass}__wrap`}>\n <p className={`${baseClass}__label`}>\n {t('fields:labelRelationship', {\n label: getTranslation(relatedCollection.labels.singular, i18n),\n })}\n </p>\n <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n <p className={`${baseClass}__title`}>\n {data[relatedCollection?.admin?.useAsTitle \|\| 'id']}\n </p>\n </DocumentDrawerToggler>\n </div>\n <div className={`${baseClass}__actions`}>\n <ListDrawerToggler\n className={`${baseClass}__list-drawer-toggler`}\n disabled={fieldProps?.field?.admin?.readOnly}\n >\n <Button\n buttonStyle=\"icon-label\"\n disabled={fieldProps?.field?.admin?.readOnly}\n el=\"div\"\n icon=\"swap\"\n onClick={() => {\n // do nothing\n }}\n round\n tooltip={t('fields:swapRelationship')}\n />\n </ListDrawerToggler>\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__removeButton`}\n disabled={fieldProps?.field?.admin?.readOnly}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n removeRelationship()\n }}\n round\n tooltip={t('fields:removeRelationship')}\n />\n </div>\n {value?.id && <DocumentDrawer onSave={updateRelationship} />}\n <ListDrawer onSelect={swapRelationship} />\n {children}\n </div>\n )\n}\n\nexport const RelationshipElement = (props: any): React.ReactNode => {\n return (\n <EnabledRelationshipsCondition {...props}>\n <RelationshipElementComponent {...props} />\n </EnabledRelationshipsCondition>\n )\n}\n"],"names":["getTranslation","Button","useConfig","useDocumentDrawer","useListDrawer","usePayloadAPI","useTranslation","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","baseClass","initialParams","depth","RelationshipElementComponent","attributes","children","element","relationTo","value","fieldProps","config","collections","routes","api","serverURL","enabledCollectionSlugs","filter","admin","enableRichTextRelationship","map","slug","relatedCollection","setRelatedCollection","find","coll","selected","focused","i18n","t","editor","cacheBust","dispatchCacheBust","state","data","setParams","id","DocumentDrawer","DocumentDrawerToggler","closeDrawer","collectionSlug","ListDrawer","ListDrawerToggler","closeListDrawer","collectionSlugs","selectedCollection","removeRelationship","elementPath","findPath","removeNodes","at","updateRelationship","doc","setNodes","type","text","swapRelationship","docID","div","className","Boolean","join","contentEditable","p","label","labels","singular","useAsTitle","disabled","field","readOnly","buttonStyle","el","icon","onClick","round","tooltip","e","preventDefault","onSave","onSelect","RelationshipElement","props"],"mappings":"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"}

package/dist/field/elements/upload/Element/UploadDrawer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/field/elements/upload/Element/UploadDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Drawer,\n EditDepthProvider,\n Form,\n FormSubmit,\n RenderFields,\n useConfig,\n useDocumentInfo,\n useLocale,\n useModal,\n useServerFunctions,\n useTranslation,\n} from '@payloadcms/ui'\nimport { deepCopyObject } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useSlateStatic } from 'slate-react'\n\nimport type { LoadedSlateFieldProps } from '../../../../types.js'\nimport type { UploadElementType } from '../../types.js'\n\nimport { uploadFieldsSchemaPath } from '../../shared.js'\n\nexport const UploadDrawer: React.FC<{\n readonly drawerSlug: string\n readonly element: UploadElementType\n readonly fieldProps: LoadedSlateFieldProps\n readonly relatedCollection: ClientCollectionConfig\n readonly schemaPath: string\n}> = (props) => {\n const editor = useSlateStatic()\n\n const { drawerSlug, element, fieldProps, relatedCollection, schemaPath } = props\n\n const { i18n, t } = useTranslation()\n const { code: locale } = useLocale()\n const { closeModal } = useModal()\n const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n const { getFormState } = useServerFunctions()\n\n const [initialState, setInitialState] = useState({})\n const { componentMap } = fieldProps\n\n const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n const fields = componentMap[relatedFieldSchemaPath]\n\n const { config } = useConfig()\n\n const handleUpdateEditData = useCallback(\n (_, data) => {\n const newNode = {\n fields: data,\n }\n\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.setNodes(editor, newNode, { at: elementPath })\n closeModal(drawerSlug)\n },\n [closeModal, editor, element, drawerSlug],\n )\n\n useEffect(() => {\n const data = deepCopyObject(element?.fields \|\| {})\n\n const awaitInitialState = async () => {\n const { state } = await getFormState({\n id,\n collectionSlug,\n data,\n docPermissions,\n docPreferences: await getDocPreferences(),\n globalSlug,\n operation: 'update',\n renderAllFields: true,\n schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n })\n\n setInitialState(state)\n }\n\n void awaitInitialState()\n }, [\n config,\n element?.fields,\n locale,\n t,\n collectionSlug,\n id,\n schemaPath,\n relatedCollection.slug,\n getFormState,\n globalSlug,\n getDocPreferences,\n docPermissions,\n ])\n\n const onChange: FormProps['onChange'][0] = useCallback(\n async ({ formState: prevFormState }) => {\n const { state } = await getFormState({\n id,\n collectionSlug,\n docPermissions,\n docPreferences: await getDocPreferences(),\n formState: prevFormState,\n globalSlug,\n operation: 'update',\n schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n })\n\n return state\n },\n\n [\n getFormState,\n id,\n collectionSlug,\n docPermissions,\n getDocPreferences,\n globalSlug,\n schemaPath,\n relatedCollection.slug,\n ],\n )\n\n return (\n <EditDepthProvider>\n <Drawer\n slug={drawerSlug}\n title={t('general:editLabel', {\n label: getTranslation(relatedCollection.labels.singular, i18n),\n })}\n >\n <Form\n beforeSubmit={[onChange]}\n disableValidationOnSubmit\n initialState={initialState}\n onChange={[onChange]}\n onSubmit={handleUpdateEditData}\n >\n <RenderFields\n fields={Array.isArray(fields) ? fields : []}\n parentIndexPath=\"\"\n parentPath=\"\"\n parentSchemaPath=\"\"\n permissions={docPermissions.fields}\n readOnly={false}\n />\n <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n </Form>\n </Drawer>\n </EditDepthProvider>\n )\n}\n"],"names":["getTranslation","Drawer","EditDepthProvider","Form","FormSubmit","RenderFields","useConfig","useDocumentInfo","useLocale","useModal","useServerFunctions","useTranslation","deepCopyObject","React","useCallback","useEffect","useState","Transforms","ReactEditor","useSlateStatic","uploadFieldsSchemaPath","UploadDrawer","props","editor","drawerSlug","element","fieldProps","relatedCollection","schemaPath","i18n","t","code","locale","closeModal","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","getFormState","initialState","setInitialState","componentMap","relatedFieldSchemaPath","slug","fields","config","handleUpdateEditData","_","data","newNode","elementPath","findPath","setNodes","at","awaitInitialState","state","docPreferences","operation","renderAllFields","onChange","formState","prevFormState","title","label","labels","singular","beforeSubmit","disableValidationOnSubmit","onSubmit","Array","isArray","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"AAAA;;AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SACEC,MAAM,EACNC,iBAAiB,EACjBC,IAAI,EACJC,UAAU,EACVC,YAAY,EACZC,SAAS,EACTC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,kBAAkB,EAClBC,cAAc,QACT,iBAAgB;AACvB,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC/D,SAASC,UAAU,QAAQ,QAAO;AAClC,SAASC,WAAW,EAAEC,cAAc,QAAQ,cAAa;AAKzD,SAASC,sBAAsB,QAAQ,kBAAiB;AAExD,OAAO,MAAMC,eAMR,CAACC;IACJ,MAAMC,SAASJ;IAEf,MAAM,EAAEK,UAAU,EAAEC,OAAO,EAAEC,UAAU,EAAEC,iBAAiB,EAAEC,UAAU,EAAE,GAAGN;IAE3E,MAAM,EAAEO,IAAI,EAAEC,CAAC,EAAE,GAAGnB;IACpB,MAAM,EAAEoB,MAAMC,MAAM,EAAE,GAAGxB;IACzB,MAAM,EAAEyB,UAAU,EAAE,GAAGxB;IACvB,MAAM,EAAEyB,EAAE,EAAEC,cAAc,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,UAAU,EAAE,GAAG/B;IAE9E,MAAM,EAAEgC,YAAY,EAAE,GAAG7B;IAEzB,MAAM,CAAC8B,cAAcC,gBAAgB,GAAGzB,SAAS,CAAC;IAClD,MAAM,EAAE0B,YAAY,EAAE,GAAGhB;IAEzB,MAAMiB,yBAAyB,~~CAAC~~,~~EAAEvB,~~uBAAuB,CAAC,EAAEO,kBAAkBiB,IAAI,~~CAAC,CAAC~~;IACpF,MAAMC,SAASH,YAAY,CAACC,uBAAuB;IAEnD,MAAM,EAAEG,MAAM,EAAE,GAAGxC;IAEnB,MAAMyC,uBAAuBjC,YAC3B,CAACkC,GAAGC;QACF,MAAMC,UAAU;YACdL,QAAQI;QACV;QAEA,MAAME,cAAcjC,YAAYkC,QAAQ,CAAC7B,QAAQE;QAEjDR,WAAWoC,QAAQ,CAAC9B,QAAQ2B,SAAS;YAAEI,IAAIH;QAAY;QACvDlB,WAAWT;IACb,GACA;QAACS;QAAYV;QAAQE;QAASD;KAAW;IAG3CT,UAAU;QACR,MAAMkC,OAAOrC,eAAea,SAASoB,UAAU,CAAC;QAEhD,MAAMU,oBAAoB;YACxB,MAAM,EAAEC,KAAK,EAAE,GAAG,MAAMjB,aAAa;gBACnCL;gBACAC;gBACAc;gBACAb;gBACAqB,gBAAgB,MAAMpB;gBACtBC;gBACAoB,WAAW;gBACXC,iBAAiB;gBACjB/B,YAAY,~~CAAC~~,~~EAAEA,~~WAAW,CAAC,EAAER,uBAAuB,CAAC,EAAEO,kBAAkBiB,IAAI,~~CAAC,CAAC~~;YACjF;YAEAH,gBAAgBe;QAClB;QAEA,KAAKD;IACP,GAAG;QACDT;QACArB,SAASoB;QACTb;QACAF;QACAK;QACAD;QACAN;QACAD,kBAAkBiB,IAAI;QACtBL;QACAD;QACAD;QACAD;KACD;IAED,MAAMwB,WAAqC9C,YACzC,OAAO,EAAE+C,WAAWC,aAAa,EAAE;QACjC,MAAM,EAAEN,KAAK,EAAE,GAAG,MAAMjB,aAAa;YACnCL;YACAC;YACAC;YACAqB,gBAAgB,MAAMpB;YACtBwB,WAAWC;YACXxB;YACAoB,WAAW;YACX9B,YAAY,~~CAAC~~,~~EAAEA,~~WAAW,CAAC,EAAER,uBAAuB,CAAC,EAAEO,kBAAkBiB,IAAI,~~CAAC,CAAC~~;QACjF;QAEA,OAAOY;IACT,GAEA;QACEjB;QACAL;QACAC;QACAC;QACAC;QACAC;QACAV;QACAD,kBAAkBiB,IAAI;KACvB;IAGH,qBACE,KAAC1C;kBACC,cAAA,KAACD;YACC2C,MAAMpB;YACNuC,OAAOjC,EAAE,qBAAqB;gBAC5BkC,OAAOhE,eAAe2B,kBAAkBsC,MAAM,CAACC,QAAQ,EAAErC;YAC3D;sBAEA,cAAA,MAAC1B;gBACCgE,cAAc;oBAACP;iBAAS;gBACxBQ,yBAAyB;gBACzB5B,cAAcA;gBACdoB,UAAU;oBAACA;iBAAS;gBACpBS,UAAUtB;;kCAEV,KAAC1C;wBACCwC,QAAQyB,MAAMC,OAAO,CAAC1B,UAAUA,SAAS,EAAE;wBAC3C2B,iBAAgB;wBAChBC,YAAW;wBACXC,kBAAiB;wBACjBC,aAAavC,eAAeS,MAAM;wBAClC+B,UAAU;;kCAEZ,KAACxE;kCAAY0B,EAAE;;;;;;AAKzB,EAAC"}
1	+ {"version":3,"sources":["../../../../../../src/field/elements/upload/Element/UploadDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Drawer,\n EditDepthProvider,\n Form,\n FormSubmit,\n RenderFields,\n useConfig,\n useDocumentInfo,\n useLocale,\n useModal,\n useServerFunctions,\n useTranslation,\n} from '@payloadcms/ui'\nimport { deepCopyObject } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useSlateStatic } from 'slate-react'\n\nimport type { LoadedSlateFieldProps } from '../../../../types.js'\nimport type { UploadElementType } from '../../types.js'\n\nimport { uploadFieldsSchemaPath } from '../../shared.js'\n\nexport const UploadDrawer: React.FC<{\n readonly drawerSlug: string\n readonly element: UploadElementType\n readonly fieldProps: LoadedSlateFieldProps\n readonly relatedCollection: ClientCollectionConfig\n readonly schemaPath: string\n}> = (props) => {\n const editor = useSlateStatic()\n\n const { drawerSlug, element, fieldProps, relatedCollection, schemaPath } = props\n\n const { i18n, t } = useTranslation()\n const { code: locale } = useLocale()\n const { closeModal } = useModal()\n const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n const { getFormState } = useServerFunctions()\n\n const [initialState, setInitialState] = useState({})\n const { componentMap } = fieldProps\n\n const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n const fields = componentMap[relatedFieldSchemaPath]\n\n const { config } = useConfig()\n\n const handleUpdateEditData = useCallback(\n (_, data) => {\n const newNode = {\n fields: data,\n }\n\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.setNodes(editor, newNode, { at: elementPath })\n closeModal(drawerSlug)\n },\n [closeModal, editor, element, drawerSlug],\n )\n\n useEffect(() => {\n const data = deepCopyObject(element?.fields \|\| {})\n\n const awaitInitialState = async () => {\n const { state } = await getFormState({\n id,\n collectionSlug,\n data,\n docPermissions,\n docPreferences: await getDocPreferences(),\n globalSlug,\n operation: 'update',\n renderAllFields: true,\n schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n })\n\n setInitialState(state)\n }\n\n void awaitInitialState()\n }, [\n config,\n element?.fields,\n locale,\n t,\n collectionSlug,\n id,\n schemaPath,\n relatedCollection.slug,\n getFormState,\n globalSlug,\n getDocPreferences,\n docPermissions,\n ])\n\n const onChange: FormProps['onChange'][0] = useCallback(\n async ({ formState: prevFormState }) => {\n const { state } = await getFormState({\n id,\n collectionSlug,\n docPermissions,\n docPreferences: await getDocPreferences(),\n formState: prevFormState,\n globalSlug,\n operation: 'update',\n schemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${relatedCollection.slug}`,\n })\n\n return state\n },\n\n [\n getFormState,\n id,\n collectionSlug,\n docPermissions,\n getDocPreferences,\n globalSlug,\n schemaPath,\n relatedCollection.slug,\n ],\n )\n\n return (\n <EditDepthProvider>\n <Drawer\n slug={drawerSlug}\n title={t('general:editLabel', {\n label: getTranslation(relatedCollection.labels.singular, i18n),\n })}\n >\n <Form\n beforeSubmit={[onChange]}\n disableValidationOnSubmit\n initialState={initialState}\n onChange={[onChange]}\n onSubmit={handleUpdateEditData}\n >\n <RenderFields\n fields={Array.isArray(fields) ? fields : []}\n parentIndexPath=\"\"\n parentPath=\"\"\n parentSchemaPath=\"\"\n permissions={docPermissions.fields}\n readOnly={false}\n />\n <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n </Form>\n </Drawer>\n </EditDepthProvider>\n )\n}\n"],"names":["getTranslation","Drawer","EditDepthProvider","Form","FormSubmit","RenderFields","useConfig","useDocumentInfo","useLocale","useModal","useServerFunctions","useTranslation","deepCopyObject","React","useCallback","useEffect","useState","Transforms","ReactEditor","useSlateStatic","uploadFieldsSchemaPath","UploadDrawer","props","editor","drawerSlug","element","fieldProps","relatedCollection","schemaPath","i18n","t","code","locale","closeModal","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","getFormState","initialState","setInitialState","componentMap","relatedFieldSchemaPath","slug","fields","config","handleUpdateEditData","_","data","newNode","elementPath","findPath","setNodes","at","awaitInitialState","state","docPreferences","operation","renderAllFields","onChange","formState","prevFormState","title","label","labels","singular","beforeSubmit","disableValidationOnSubmit","onSubmit","Array","isArray","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"mappings":"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"}

package/dist/field/elements/upload/Element/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n DrawerToggler,\n File,\n useConfig,\n useDocumentDrawer,\n useDrawerSlug,\n useListDrawer,\n usePayloadAPI,\n useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { UploadElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { uploadFieldsSchemaPath, uploadName } from '../shared.js'\nimport './index.scss'\nimport { UploadDrawer } from './UploadDrawer/index.js'\n\nconst baseClass = 'rich-text-upload'\n\nconst initialParams = {\n depth: 0,\n}\n\nconst UploadElementComponent: React.FC<{ enabledCollectionSlugs?: string[] }> = ({\n enabledCollectionSlugs,\n}) => {\n const {\n attributes,\n children,\n element: { relationTo, value },\n element,\n fieldProps,\n schemaPath,\n } = useElement<UploadElementType>()\n\n const {\n config: {\n collections,\n routes: { api },\n serverURL,\n },\n } = useConfig()\n const { i18n, t } = useTranslation()\n const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n const [relatedCollection, setRelatedCollection] = useState<ClientCollectionConfig>(() =>\n collections.find((coll) => coll.slug === relationTo),\n )\n\n const drawerSlug = useDrawerSlug('upload-drawer')\n\n const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n collectionSlugs: enabledCollectionSlugs,\n selectedCollection: relatedCollection.slug,\n })\n\n const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n id: value?.id,\n collectionSlug: relatedCollection.slug,\n })\n\n const editor = useSlateStatic()\n const selected = useSelected()\n const focused = useFocused()\n\n // Get the referenced document\n const [{ data }, { setParams }] = usePayloadAPI(\n `${serverURL}${api}/${relatedCollection.slug}/${value?.id}`,\n { initialParams },\n )\n\n const thumbnailSRC = data?.thumbnailURL \|\| data?.url\n\n const removeUpload = useCallback(() => {\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.removeNodes(editor, { at: elementPath })\n }, [editor, element])\n\n const updateUpload = useCallback(\n (json) => {\n const { doc } = json\n\n const newNode = {\n fields: doc,\n }\n\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.setNodes(editor, newNode, { at: elementPath })\n\n setParams({\n ...initialParams,\n cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n })\n\n dispatchCacheBust()\n closeDrawer()\n },\n [editor, element, setParams, cacheBust, closeDrawer],\n )\n\n const swapUpload = React.useCallback(\n ({ collectionSlug, docID }) => {\n const newNode = {\n type: uploadName,\n children: [{ text: ' ' }],\n relationTo: collectionSlug,\n value: { id: docID },\n }\n\n const elementPath = ReactEditor.findPath(editor, element)\n\n setRelatedCollection(collections.find((coll) => coll.slug === collectionSlug))\n\n Transforms.setNodes(editor, newNode, { at: elementPath })\n\n dispatchCacheBust()\n closeListDrawer()\n },\n [closeListDrawer, editor, element, collections],\n )\n\n const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n const customFieldsMap = fieldProps.componentMap[relatedFieldSchemaPath]\n\n return (\n <div\n className={[baseClass, selected && focused && `${baseClass}--selected`]\n .filter(Boolean)\n .join(' ')}\n contentEditable={false}\n {...attributes}\n >\n <div className={`${baseClass}__card`}>\n <div className={`${baseClass}__topRow`}>\n {/* TODO: migrate to use Thumbnail component */}\n <div className={`${baseClass}__thumbnail`}>\n {thumbnailSRC ? <img alt={data?.filename} src={thumbnailSRC} /> : <File />}\n </div>\n <div className={`${baseClass}__topRowRightPanel`}>\n <div className={`${baseClass}__collectionLabel`}>\n {getTranslation(relatedCollection.labels.singular, i18n)}\n </div>\n <div className={`${baseClass}__actions`}>\n {Boolean(customFieldsMap) && (\n <>\n <DrawerToggler\n className={`${baseClass}__upload-drawer-toggler`}\n disabled={fieldProps?.field?.admin?.readOnly}\n slug={drawerSlug}\n >\n <Button\n buttonStyle=\"icon-label\"\n el=\"div\"\n icon=\"edit\"\n onClick={(e) => {\n e.preventDefault()\n }}\n round\n tooltip={t('fields:editRelationship')}\n />\n </DrawerToggler>\n <UploadDrawer\n {...{ drawerSlug, element, fieldProps, relatedCollection, schemaPath }}\n />\n </>\n )}\n <ListDrawerToggler\n className={`${baseClass}__list-drawer-toggler`}\n disabled={fieldProps?.field?.admin?.readOnly}\n >\n <Button\n buttonStyle=\"icon-label\"\n disabled={fieldProps?.field?.admin?.readOnly}\n el=\"div\"\n icon=\"swap\"\n onClick={() => {\n // do nothing\n }}\n round\n tooltip={t('fields:swapUpload')}\n />\n </ListDrawerToggler>\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__removeButton`}\n disabled={fieldProps?.field?.admin?.readOnly}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n removeUpload()\n }}\n round\n tooltip={t('fields:removeUpload')}\n />\n </div>\n </div>\n </div>\n <div className={`${baseClass}__bottomRow`}>\n <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n <strong>{data?.filename}</strong>\n </DocumentDrawerToggler>\n </div>\n </div>\n {children}\n {value?.id && <DocumentDrawer onSave={updateUpload} />}\n <ListDrawer onSelect={swapUpload} />\n </div>\n )\n}\n\nexport const UploadElement = (props: any): React.ReactNode => {\n return (\n <EnabledRelationshipsCondition {...props} uploads>\n <UploadElementComponent {...props} />\n </EnabledRelationshipsCondition>\n )\n}\n"],"names":["getTranslation","Button","DrawerToggler","File","useConfig","useDocumentDrawer","useDrawerSlug","useListDrawer","usePayloadAPI","useTranslation","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","uploadFieldsSchemaPath","uploadName","UploadDrawer","baseClass","initialParams","depth","UploadElementComponent","enabledCollectionSlugs","attributes","children","element","relationTo","value","fieldProps","schemaPath","config","collections","routes","api","serverURL","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","setRelatedCollection","find","coll","slug","drawerSlug","ListDrawer","ListDrawerToggler","closeDrawer","closeListDrawer","collectionSlugs","selectedCollection","DocumentDrawer","DocumentDrawerToggler","id","collectionSlug","editor","selected","focused","data","setParams","thumbnailSRC","thumbnailURL","url","removeUpload","elementPath","findPath","removeNodes","at","updateUpload","json","doc","newNode","fields","setNodes","swapUpload","docID","type","text","relatedFieldSchemaPath","customFieldsMap","componentMap","div","className","filter","Boolean","join","contentEditable","img","alt","filename","src","labels","singular","disabled","field","admin","readOnly","buttonStyle","el","icon","onClick","e","preventDefault","round","tooltip","strong","onSave","onSelect","UploadElement","props","uploads"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../src/field/elements/upload/Element/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n Button,\n DrawerToggler,\n File,\n useConfig,\n useDocumentDrawer,\n useDrawerSlug,\n useListDrawer,\n usePayloadAPI,\n useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useReducer, useState } from 'react'\nimport { Transforms } from 'slate'\nimport { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'\n\nimport type { UploadElementType } from '../types.js'\n\nimport { useElement } from '../../../providers/ElementProvider.js'\nimport { EnabledRelationshipsCondition } from '../../EnabledRelationshipsCondition.js'\nimport { uploadFieldsSchemaPath, uploadName } from '../shared.js'\nimport './index.scss'\nimport { UploadDrawer } from './UploadDrawer/index.js'\n\nconst baseClass = 'rich-text-upload'\n\nconst initialParams = {\n depth: 0,\n}\n\nconst UploadElementComponent: React.FC<{ enabledCollectionSlugs?: string[] }> = ({\n enabledCollectionSlugs,\n}) => {\n const {\n attributes,\n children,\n element: { relationTo, value },\n element,\n fieldProps,\n schemaPath,\n } = useElement<UploadElementType>()\n\n const {\n config: {\n collections,\n routes: { api },\n serverURL,\n },\n } = useConfig()\n const { i18n, t } = useTranslation()\n const [cacheBust, dispatchCacheBust] = useReducer((state) => state + 1, 0)\n const [relatedCollection, setRelatedCollection] = useState<ClientCollectionConfig>(() =>\n collections.find((coll) => coll.slug === relationTo),\n )\n\n const drawerSlug = useDrawerSlug('upload-drawer')\n\n const [ListDrawer, ListDrawerToggler, { closeDrawer: closeListDrawer }] = useListDrawer({\n collectionSlugs: enabledCollectionSlugs,\n selectedCollection: relatedCollection.slug,\n })\n\n const [DocumentDrawer, DocumentDrawerToggler, { closeDrawer }] = useDocumentDrawer({\n id: value?.id,\n collectionSlug: relatedCollection.slug,\n })\n\n const editor = useSlateStatic()\n const selected = useSelected()\n const focused = useFocused()\n\n // Get the referenced document\n const [{ data }, { setParams }] = usePayloadAPI(\n `${serverURL}${api}/${relatedCollection.slug}/${value?.id}`,\n { initialParams },\n )\n\n const thumbnailSRC = data?.thumbnailURL \|\| data?.url\n\n const removeUpload = useCallback(() => {\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.removeNodes(editor, { at: elementPath })\n }, [editor, element])\n\n const updateUpload = useCallback(\n (json) => {\n const { doc } = json\n\n const newNode = {\n fields: doc,\n }\n\n const elementPath = ReactEditor.findPath(editor, element)\n\n Transforms.setNodes(editor, newNode, { at: elementPath })\n\n setParams({\n ...initialParams,\n cacheBust, // do this to get the usePayloadAPI to re-fetch the data even though the URL string hasn't changed\n })\n\n dispatchCacheBust()\n closeDrawer()\n },\n [editor, element, setParams, cacheBust, closeDrawer],\n )\n\n const swapUpload = React.useCallback(\n ({ collectionSlug, docID }) => {\n const newNode = {\n type: uploadName,\n children: [{ text: ' ' }],\n relationTo: collectionSlug,\n value: { id: docID },\n }\n\n const elementPath = ReactEditor.findPath(editor, element)\n\n setRelatedCollection(collections.find((coll) => coll.slug === collectionSlug))\n\n Transforms.setNodes(editor, newNode, { at: elementPath })\n\n dispatchCacheBust()\n closeListDrawer()\n },\n [closeListDrawer, editor, element, collections],\n )\n\n const relatedFieldSchemaPath = `${uploadFieldsSchemaPath}.${relatedCollection.slug}`\n const customFieldsMap = fieldProps.componentMap[relatedFieldSchemaPath]\n\n return (\n <div\n className={[baseClass, selected && focused && `${baseClass}--selected`]\n .filter(Boolean)\n .join(' ')}\n contentEditable={false}\n {...attributes}\n >\n <div className={`${baseClass}__card`}>\n <div className={`${baseClass}__topRow`}>\n {/* TODO: migrate to use Thumbnail component */}\n <div className={`${baseClass}__thumbnail`}>\n {thumbnailSRC ? <img alt={data?.filename} src={thumbnailSRC} /> : <File />}\n </div>\n <div className={`${baseClass}__topRowRightPanel`}>\n <div className={`${baseClass}__collectionLabel`}>\n {getTranslation(relatedCollection.labels.singular, i18n)}\n </div>\n <div className={`${baseClass}__actions`}>\n {Boolean(customFieldsMap) && (\n <>\n <DrawerToggler\n className={`${baseClass}__upload-drawer-toggler`}\n disabled={fieldProps?.field?.admin?.readOnly}\n slug={drawerSlug}\n >\n <Button\n buttonStyle=\"icon-label\"\n el=\"div\"\n icon=\"edit\"\n onClick={(e) => {\n e.preventDefault()\n }}\n round\n tooltip={t('fields:editRelationship')}\n />\n </DrawerToggler>\n <UploadDrawer\n {...{ drawerSlug, element, fieldProps, relatedCollection, schemaPath }}\n />\n </>\n )}\n <ListDrawerToggler\n className={`${baseClass}__list-drawer-toggler`}\n disabled={fieldProps?.field?.admin?.readOnly}\n >\n <Button\n buttonStyle=\"icon-label\"\n disabled={fieldProps?.field?.admin?.readOnly}\n el=\"div\"\n icon=\"swap\"\n onClick={() => {\n // do nothing\n }}\n round\n tooltip={t('fields:swapUpload')}\n />\n </ListDrawerToggler>\n <Button\n buttonStyle=\"icon-label\"\n className={`${baseClass}__removeButton`}\n disabled={fieldProps?.field?.admin?.readOnly}\n icon=\"x\"\n onClick={(e) => {\n e.preventDefault()\n removeUpload()\n }}\n round\n tooltip={t('fields:removeUpload')}\n />\n </div>\n </div>\n </div>\n <div className={`${baseClass}__bottomRow`}>\n <DocumentDrawerToggler className={`${baseClass}__doc-drawer-toggler`}>\n <strong>{data?.filename}</strong>\n </DocumentDrawerToggler>\n </div>\n </div>\n {children}\n {value?.id && <DocumentDrawer onSave={updateUpload} />}\n <ListDrawer onSelect={swapUpload} />\n </div>\n )\n}\n\nexport const UploadElement = (props: any): React.ReactNode => {\n return (\n <EnabledRelationshipsCondition {...props} uploads>\n <UploadElementComponent {...props} />\n </EnabledRelationshipsCondition>\n )\n}\n"],"names":["getTranslation","Button","DrawerToggler","File","useConfig","useDocumentDrawer","useDrawerSlug","useListDrawer","usePayloadAPI","useTranslation","React","useCallback","useReducer","useState","Transforms","ReactEditor","useFocused","useSelected","useSlateStatic","useElement","EnabledRelationshipsCondition","uploadFieldsSchemaPath","uploadName","UploadDrawer","baseClass","initialParams","depth","UploadElementComponent","enabledCollectionSlugs","attributes","children","element","relationTo","value","fieldProps","schemaPath","config","collections","routes","api","serverURL","i18n","t","cacheBust","dispatchCacheBust","state","relatedCollection","setRelatedCollection","find","coll","slug","drawerSlug","ListDrawer","ListDrawerToggler","closeDrawer","closeListDrawer","collectionSlugs","selectedCollection","DocumentDrawer","DocumentDrawerToggler","id","collectionSlug","editor","selected","focused","data","setParams","thumbnailSRC","thumbnailURL","url","removeUpload","elementPath","findPath","removeNodes","at","updateUpload","json","doc","newNode","fields","setNodes","swapUpload","docID","type","text","relatedFieldSchemaPath","customFieldsMap","componentMap","div","className","filter","Boolean","join","contentEditable","img","alt","filename","src","labels","singular","disabled","field","admin","readOnly","buttonStyle","el","icon","onClick","e","preventDefault","round","tooltip","strong","onSave","onSelect","UploadElement","props","uploads"],"mappings":"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"}

package/dist/field/leaves/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/field/leaves/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { useSlate } from 'slate-react'\n\nimport '../buttons.scss'\nimport { isLeafActive } from './isActive.js'\nimport { toggleLeaf } from './toggle.js'\n\nconst baseClass = 'rich-text__button'\n\nexport const LeafButton = ({ children, format }) => {\n const editor = useSlate()\n\n return (\n <button\n className={[baseClass, isLeafActive(editor, format) && `${baseClass}__button--active`]\n .filter(Boolean)\n .join(' ')}\n onMouseDown={(event) => {\n event.preventDefault()\n toggleLeaf(editor, format)\n }}\n type=\"button\"\n >\n {children}\n </button>\n )\n}\n"],"names":["React","useSlate","isLeafActive","toggleLeaf","baseClass","LeafButton","children","format","editor","button","className","filter","Boolean","join","onMouseDown","event","preventDefault","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,SAASC,QAAQ,QAAQ,cAAa;AAEtC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,gBAAe;AAC5C,SAASC,UAAU,QAAQ,cAAa;AAExC,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAa,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAC7C,MAAMC,SAASP;IAEf,qBACE,KAACQ;QACCC,WAAW;YAACN;YAAWF,aAAaM,QAAQD,WAAW,~~CAAC~~,~~EAAEH,~~UAAU,gBAAgB,CAAC;SAAC,CACnFO,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,aAAa,CAACC;YACZA,MAAMC,cAAc;YACpBb,WAAWK,QAAQD;QACrB;QACAU,MAAK;kBAEJX;;AAGP,EAAC"}
1	+ {"version":3,"sources":["../../../src/field/leaves/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\nimport { useSlate } from 'slate-react'\n\nimport '../buttons.scss'\nimport { isLeafActive } from './isActive.js'\nimport { toggleLeaf } from './toggle.js'\n\nconst baseClass = 'rich-text__button'\n\nexport const LeafButton = ({ children, format }) => {\n const editor = useSlate()\n\n return (\n <button\n className={[baseClass, isLeafActive(editor, format) && `${baseClass}__button--active`]\n .filter(Boolean)\n .join(' ')}\n onMouseDown={(event) => {\n event.preventDefault()\n toggleLeaf(editor, format)\n }}\n type=\"button\"\n >\n {children}\n </button>\n )\n}\n"],"names":["React","useSlate","isLeafActive","toggleLeaf","baseClass","LeafButton","children","format","editor","button","className","filter","Boolean","join","onMouseDown","event","preventDefault","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,SAASC,QAAQ,QAAQ,cAAa;AAEtC,OAAO,kBAAiB;AACxB,SAASC,YAAY,QAAQ,gBAAe;AAC5C,SAASC,UAAU,QAAQ,cAAa;AAExC,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAa,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAC7C,MAAMC,SAASP;IAEf,qBACE,KAACQ;QACCC,WAAW;YAACN;YAAWF,aAAaM,QAAQD,WAAW,GAAGH,UAAU,gBAAgB,CAAC;SAAC,CACnFO,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,aAAa,CAACC;YACZA,MAAMC,cAAc;YACpBb,WAAWK,QAAQD;QACrB;QACAU,MAAK;kBAEJX;;AAGP,EAAC"}

package/dist/field/plugins/withHTML.js CHANGED Viewed

@@ -77,6 +77,7 @@ const deserialize = (el)=>{
     const { nodeName } = el;
     let parent = el;
     if (nodeName === 'PRE' && el.childNodes[0] && el.childNodes[0].nodeName === 'CODE') {
+        ;
         [parent] = el.childNodes;
     }
     let children = Array.from(parent.childNodes).map(deserialize).flat();

package/dist/field/plugins/withHTML.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/field/plugins/withHTML.tsx"],"sourcesContent":["import { Transforms } from 'slate'\nimport { jsx } from 'slate-hyperscript'\n\nconst ELEMENT_TAGS = {\n A: (el) => ({\n type: 'link',\n newTab: el.getAttribute('target') === '_blank',\n url: el.getAttribute('href'),\n }),\n BLOCKQUOTE: () => ({ type: 'blockquote' }),\n H1: () => ({ type: 'h1' }),\n H2: () => ({ type: 'h2' }),\n H3: () => ({ type: 'h3' }),\n H4: () => ({ type: 'h4' }),\n H5: () => ({ type: 'h5' }),\n H6: () => ({ type: 'h6' }),\n LI: () => ({ type: 'li' }),\n OL: () => ({ type: 'ol' }),\n P: () => ({}),\n PRE: () => ({ type: 'code' }),\n UL: () => ({ type: 'ul' }),\n}\n\nconst TEXT_TAGS = {\n CODE: () => ({ code: true }),\n DEL: () => ({ strikethrough: true }),\n EM: () => ({ italic: true }),\n I: () => ({ italic: true }),\n S: () => ({ strikethrough: true }),\n STRONG: () => ({ bold: true }),\n U: () => ({ underline: true }),\n}\n\nconst deserialize = (el) => {\n if (el.nodeType === 3) {\n return el.textContent\n }\n if (el.nodeType !== 1) {\n return null\n }\n if (el.nodeName === 'BR') {\n return '\\n'\n }\n\n const { nodeName } = el\n let parent = el\n\n if (nodeName === 'PRE' && el.childNodes[0] && el.childNodes[0].nodeName === 'CODE') {\n ;[parent] = el.childNodes\n }\n\n let children = Array.from(parent.childNodes).map(deserialize).flat()\n\n if (children.length === 0) {\n children = [{ text: '' }]\n }\n\n if (el.nodeName === 'BODY') {\n return jsx('fragment', {}, children)\n }\n\n if (ELEMENT_TAGS[nodeName]) {\n const attrs = ELEMENT_TAGS[nodeName](el)\n return jsx('element', attrs, children)\n }\n\n if (TEXT_TAGS[nodeName]) {\n const attrs = TEXT_TAGS[nodeName](el)\n return children.map((child) => jsx('text', attrs, child))\n }\n\n return children\n}\n\nexport const withHTML = (incomingEditor) => {\n const { insertData } = incomingEditor\n\n const editor = incomingEditor\n\n editor.insertData = (data) => {\n if (!data.types.includes('application/x-slate-fragment')) {\n const html = data.getData('text/html')\n\n if (html) {\n const parsed = new DOMParser().parseFromString(html, 'text/html')\n const fragment = deserialize(parsed.body)\n Transforms.insertFragment(editor, fragment)\n return\n }\n }\n\n insertData(data)\n }\n\n return editor\n}\n"],"names":["Transforms","jsx","ELEMENT_TAGS","A","el","type","newTab","getAttribute","url","BLOCKQUOTE","H1","H2","H3","H4","H5","H6","LI","OL","P","PRE","UL","TEXT_TAGS","CODE","code","DEL","strikethrough","EM","italic","I","S","STRONG","bold","U","underline","deserialize","nodeType","textContent","nodeName","parent","childNodes","children","Array","from","map","flat","length","text","attrs","child","withHTML","incomingEditor","insertData","editor","data","types","includes","html","getData","parsed","DOMParser","parseFromString","fragment","body","insertFragment"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/field/plugins/withHTML.tsx"],"sourcesContent":["import { Transforms } from 'slate'\nimport { jsx } from 'slate-hyperscript'\n\nconst ELEMENT_TAGS = {\n A: (el) => ({\n type: 'link',\n newTab: el.getAttribute('target') === '_blank',\n url: el.getAttribute('href'),\n }),\n BLOCKQUOTE: () => ({ type: 'blockquote' }),\n H1: () => ({ type: 'h1' }),\n H2: () => ({ type: 'h2' }),\n H3: () => ({ type: 'h3' }),\n H4: () => ({ type: 'h4' }),\n H5: () => ({ type: 'h5' }),\n H6: () => ({ type: 'h6' }),\n LI: () => ({ type: 'li' }),\n OL: () => ({ type: 'ol' }),\n P: () => ({}),\n PRE: () => ({ type: 'code' }),\n UL: () => ({ type: 'ul' }),\n}\n\nconst TEXT_TAGS = {\n CODE: () => ({ code: true }),\n DEL: () => ({ strikethrough: true }),\n EM: () => ({ italic: true }),\n I: () => ({ italic: true }),\n S: () => ({ strikethrough: true }),\n STRONG: () => ({ bold: true }),\n U: () => ({ underline: true }),\n}\n\nconst deserialize = (el) => {\n if (el.nodeType === 3) {\n return el.textContent\n }\n if (el.nodeType !== 1) {\n return null\n }\n if (el.nodeName === 'BR') {\n return '\\n'\n }\n\n const { nodeName } = el\n let parent = el\n\n if (nodeName === 'PRE' && el.childNodes[0] && el.childNodes[0].nodeName === 'CODE') {\n ;[parent] = el.childNodes\n }\n\n let children = Array.from(parent.childNodes).map(deserialize).flat()\n\n if (children.length === 0) {\n children = [{ text: '' }]\n }\n\n if (el.nodeName === 'BODY') {\n return jsx('fragment', {}, children)\n }\n\n if (ELEMENT_TAGS[nodeName]) {\n const attrs = ELEMENT_TAGS[nodeName](el)\n return jsx('element', attrs, children)\n }\n\n if (TEXT_TAGS[nodeName]) {\n const attrs = TEXT_TAGS[nodeName](el)\n return children.map((child) => jsx('text', attrs, child))\n }\n\n return children\n}\n\nexport const withHTML = (incomingEditor) => {\n const { insertData } = incomingEditor\n\n const editor = incomingEditor\n\n editor.insertData = (data) => {\n if (!data.types.includes('application/x-slate-fragment')) {\n const html = data.getData('text/html')\n\n if (html) {\n const parsed = new DOMParser().parseFromString(html, 'text/html')\n const fragment = deserialize(parsed.body)\n Transforms.insertFragment(editor, fragment)\n return\n }\n }\n\n insertData(data)\n }\n\n return editor\n}\n"],"names":["Transforms","jsx","ELEMENT_TAGS","A","el","type","newTab","getAttribute","url","BLOCKQUOTE","H1","H2","H3","H4","H5","H6","LI","OL","P","PRE","UL","TEXT_TAGS","CODE","code","DEL","strikethrough","EM","italic","I","S","STRONG","bold","U","underline","deserialize","nodeType","textContent","nodeName","parent","childNodes","children","Array","from","map","flat","length","text","attrs","child","withHTML","incomingEditor","insertData","editor","data","types","includes","html","getData","parsed","DOMParser","parseFromString","fragment","body","insertFragment"],"mappings":"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"}

package/dist/field/rscEntry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/field/rscEntry.tsx"],"sourcesContent":["import type {\n ClientComponentProps,\n ClientField,\n Field,\n FieldPaths,\n RichTextFieldClient,\n ServerComponentProps,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { createClientFields } from 'payload'\nimport React from 'react'\n\nimport type { AdapterArguments, RichTextCustomElement, RichTextCustomLeaf } from '../types.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { RichTextField } from '../exports/client/index.js'\nimport { elements as elementTypes } from '../field/elements/index.js'\nimport { defaultLeaves as leafTypes } from '../field/leaves/index.js'\nimport { linkFieldsSchemaPath } from './elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './elements/upload/shared.js'\nexport const RscEntrySlateField: React.FC<\n {\n args: AdapterArguments\n } & ClientComponentProps &\n Pick<FieldPaths, 'path'> &\n ServerComponentProps\n> = ({\n args,\n clientField,\n forceRender,\n i18n,\n path,\n payload,\n readOnly,\n renderedBlocks,\n schemaPath,\n}) => {\n const componentMap: Map<string, ClientField[] \| React.ReactNode> = new Map()\n\n const clientProps = {\n schemaPath,\n }\n\n ;(args?.admin?.leaves \|\| Object.values(leafTypes)).forEach((leaf) => {\n let leafObject: RichTextCustomLeaf\n\n if (typeof leaf === 'object' && leaf !== null) {\n leafObject = leaf\n } else if (typeof leaf === 'string' && leafTypes[leaf]) {\n leafObject = leafTypes[leaf]\n }\n\n if (leafObject) {\n const LeafButton = leafObject.Button\n const LeafComponent = leafObject.Leaf\n\n componentMap.set(\n `leaf.button.${leafObject.name}`,\n RenderServerComponent({\n clientProps,\n Component: LeafButton,\n importMap: payload.importMap,\n }),\n )\n\n componentMap.set(\n `leaf.component.${leafObject.name}`,\n RenderServerComponent({\n clientProps,\n Component: LeafComponent,\n importMap: payload.importMap,\n }),\n )\n\n if (Array.isArray(leafObject.plugins)) {\n leafObject.plugins.forEach((Plugin, i) => {\n componentMap.set(\n `leaf.plugin.${leafObject.name}.${i}`,\n RenderServerComponent({\n clientProps,\n Component: Plugin,\n importMap: payload.importMap,\n }),\n )\n })\n }\n }\n })\n ;(args?.admin?.elements \|\| Object.values(elementTypes)).forEach((el) => {\n let element: RichTextCustomElement\n\n if (typeof el === 'object' && el !== null) {\n element = el\n } else if (typeof el === 'string' && elementTypes[el]) {\n element = elementTypes[el]\n }\n\n if (element) {\n const ElementButton = element.Button\n const ElementComponent = element.Element\n\n if (ElementButton) {\n componentMap.set(\n `element.button.${element.name}`,\n RenderServerComponent({\n clientProps,\n Component: ElementButton,\n importMap: payload.importMap,\n }),\n )\n }\n componentMap.set(\n `element.component.${element.name}`,\n RenderServerComponent({\n clientProps,\n Component: ElementComponent,\n importMap: payload.importMap,\n }),\n )\n\n if (Array.isArray(element.plugins)) {\n element.plugins.forEach((Plugin, i) => {\n componentMap.set(\n `element.plugin.${element.name}.${i}`,\n RenderServerComponent({\n clientProps,\n Component: Plugin,\n importMap: payload.importMap,\n }),\n )\n })\n }\n\n switch (element.name) {\n case 'link': {\n const clientFields = createClientFields({\n defaultIDType: payload.config.db.defaultIDType,\n fields: args.admin?.link?.fields as Field[],\n i18n,\n importMap: payload.importMap,\n })\n\n componentMap.set(linkFieldsSchemaPath, clientFields)\n\n break\n }\n\n case 'relationship':\n break\n\n case 'upload': {\n const uploadEnabledCollections = payload.config.collections.filter(\n ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n if (hidden === true) {\n return false\n }\n\n return enableRichTextRelationship && Boolean(upload) === true\n },\n )\n\n uploadEnabledCollections.forEach((collection) => {\n if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n const clientFields = createClientFields({\n defaultIDType: payload.config.db.defaultIDType,\n fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n i18n,\n importMap: payload.importMap,\n })\n\n componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, clientFields)\n }\n })\n\n break\n }\n }\n }\n })\n\n return (\n <RichTextField\n componentMap={Object.fromEntries(componentMap)}\n field={clientField as RichTextFieldClient}\n forceRender={forceRender}\n path={path}\n readOnly={readOnly}\n renderedBlocks={renderedBlocks}\n schemaPath={schemaPath}\n />\n )\n}\n"],"names":["RenderServerComponent","createClientFields","React","RichTextField","elements","elementTypes","defaultLeaves","leafTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","RscEntrySlateField","args","clientField","forceRender","i18n","path","payload","readOnly","renderedBlocks","schemaPath","componentMap","Map","clientProps","admin","leaves","Object","values","forEach","leaf","leafObject","LeafButton","Button","LeafComponent","Leaf","set","name","Component","importMap","Array","isArray","plugins","Plugin","i","el","element","ElementButton","ElementComponent","Element","clientFields","defaultIDType","config","db","fields","link","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug","fromEntries","field"],"mappings":";AASA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,kBAAkB,QAAQ,UAAS;AAC5C,OAAOC,WAAW,QAAO;AAIzB,+DAA+D;AAC/D,SAASC,aAAa,QAAQ,6BAA4B;AAC1D,SAASC,YAAYC,YAAY,QAAQ,6BAA4B;AACrE,SAASC,iBAAiBC,SAAS,QAAQ,2BAA0B;AACrE,SAASC,oBAAoB,QAAQ,4BAA2B;AAChE,SAASC,sBAAsB,QAAQ,8BAA6B;AACpE,OAAO,MAAMC,qBAMT,CAAC,EACHC,IAAI,EACJC,WAAW,EACXC,WAAW,EACXC,IAAI,EACJC,IAAI,EACJC,OAAO,EACPC,QAAQ,EACRC,cAAc,EACdC,UAAU,EACX;IACC,MAAMC,eAA6D,IAAIC;IAEvE,MAAMC,cAAc;QAClBH;IACF;IAEER,CAAAA,MAAMY,OAAOC,UAAUC,OAAOC,MAAM,CAACnB,UAAS,EAAGoB,OAAO,CAAC,CAACC;QAC1D,IAAIC;QAEJ,IAAI,OAAOD,SAAS,YAAYA,SAAS,MAAM;YAC7CC,aAAaD;QACf,OAAO,IAAI,OAAOA,SAAS,YAAYrB,SAAS,CAACqB,KAAK,EAAE;YACtDC,aAAatB,SAAS,CAACqB,KAAK;QAC9B;QAEA,IAAIC,YAAY;YACd,MAAMC,aAAaD,WAAWE,MAAM;YACpC,MAAMC,gBAAgBH,WAAWI,IAAI;YAErCb,aAAac,GAAG,CACd,CAAC,YAAY,EAAEL,WAAWM,IAAI,~~CAAC~~,~~CAAC,~~EAChCnC,sBAAsB;gBACpBsB;gBACAc,WAAWN;gBACXO,WAAWrB,QAAQqB,SAAS;YAC9B;YAGFjB,aAAac,GAAG,CACd,CAAC,eAAe,EAAEL,WAAWM,IAAI,~~CAAC~~,~~CAAC,~~EACnCnC,sBAAsB;gBACpBsB;gBACAc,WAAWJ;gBACXK,WAAWrB,QAAQqB,SAAS;YAC9B;YAGF,IAAIC,MAAMC,OAAO,CAACV,WAAWW,OAAO,GAAG;gBACrCX,WAAWW,OAAO,CAACb,OAAO,CAAC,CAACc,QAAQC;oBAClCtB,aAAac,GAAG,CACd,CAAC,YAAY,EAAEL,WAAWM,IAAI,CAAC,CAAC,EAAEO,~~EAAE~~,~~CAAC,~~EACrC1C,sBAAsB;wBACpBsB;wBACAc,WAAWK;wBACXJ,WAAWrB,QAAQqB,SAAS;oBAC9B;gBAEJ;YACF;QACF;IACF;IACE1B,CAAAA,MAAMY,OAAOnB,YAAYqB,OAAOC,MAAM,CAACrB,aAAY,EAAGsB,OAAO,CAAC,CAACgB;QAC/D,IAAIC;QAEJ,IAAI,OAAOD,OAAO,YAAYA,OAAO,MAAM;YACzCC,UAAUD;QACZ,OAAO,IAAI,OAAOA,OAAO,YAAYtC,YAAY,CAACsC,GAAG,EAAE;YACrDC,UAAUvC,YAAY,CAACsC,GAAG;QAC5B;QAEA,IAAIC,SAAS;YACX,MAAMC,gBAAgBD,QAAQb,MAAM;YACpC,MAAMe,mBAAmBF,QAAQG,OAAO;YAExC,IAAIF,eAAe;gBACjBzB,aAAac,GAAG,CACd,CAAC,eAAe,EAAEU,QAAQT,IAAI,~~CAAC~~,~~CAAC,~~EAChCnC,sBAAsB;oBACpBsB;oBACAc,WAAWS;oBACXR,WAAWrB,QAAQqB,SAAS;gBAC9B;YAEJ;YACAjB,aAAac,GAAG,CACd,CAAC,kBAAkB,EAAEU,QAAQT,IAAI,~~CAAC~~,~~CAAC,~~EACnCnC,sBAAsB;gBACpBsB;gBACAc,WAAWU;gBACXT,WAAWrB,QAAQqB,SAAS;YAC9B;YAGF,IAAIC,MAAMC,OAAO,CAACK,QAAQJ,OAAO,GAAG;gBAClCI,QAAQJ,OAAO,CAACb,OAAO,CAAC,CAACc,QAAQC;oBAC/BtB,aAAac,GAAG,CACd,CAAC,eAAe,EAAEU,QAAQT,IAAI,CAAC,CAAC,EAAEO,~~EAAE~~,~~CAAC,~~EACrC1C,sBAAsB;wBACpBsB;wBACAc,WAAWK;wBACXJ,WAAWrB,QAAQqB,SAAS;oBAC9B;gBAEJ;YACF;YAEA,OAAQO,QAAQT,IAAI;gBAClB,KAAK;oBAAQ;wBACX,MAAMa,eAAe/C,mBAAmB;4BACtCgD,eAAejC,QAAQkC,MAAM,CAACC,EAAE,CAACF,aAAa;4BAC9CG,QAAQzC,KAAKY,KAAK,EAAE8B,MAAMD;4BAC1BtC;4BACAuB,WAAWrB,QAAQqB,SAAS;wBAC9B;wBAEAjB,aAAac,GAAG,CAAC1B,sBAAsBwC;wBAEvC;oBACF;gBAEA,KAAK;oBACH;gBAEF,KAAK;oBAAU;wBACb,MAAMM,2BAA2BtC,QAAQkC,MAAM,CAACK,WAAW,CAACC,MAAM,CAChE,CAAC,EAAEjC,OAAO,EAAEkC,0BAA0B,EAAEC,MAAM,EAAE,EAAEC,MAAM,EAAE;4BACxD,IAAID,WAAW,MAAM;gCACnB,OAAO;4BACT;4BAEA,OAAOD,8BAA8BG,QAAQD,YAAY;wBAC3D;wBAGFL,yBAAyB3B,OAAO,CAAC,CAACkC;4BAChC,IAAIlD,MAAMY,OAAOoC,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEV,QAAQ;gCAC7D,MAAMJ,eAAe/C,mBAAmB;oCACtCgD,eAAejC,QAAQkC,MAAM,CAACC,EAAE,CAACF,aAAa;oCAC9CG,QAAQzC,MAAMY,OAAOoC,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEV;oCAC3DtC;oCACAuB,WAAWrB,QAAQqB,SAAS;gCAC9B;gCAEAjB,aAAac,GAAG,CAAC,~~CAAC~~,~~EAAEzB,~~uBAAuB,CAAC,EAAEoD,WAAWC,IAAI,~~CAAC~~,~~CAAC,~~EAAEd;4BACnE;wBACF;wBAEA;oBACF;YACF;QACF;IACF;IAEA,qBACE,KAAC7C;QACCiB,cAAcK,OAAOsC,WAAW,CAAC3C;QACjC4C,OAAOpD;QACPC,aAAaA;QACbE,MAAMA;QACNE,UAAUA;QACVC,gBAAgBA;QAChBC,YAAYA;;AAGlB,EAAC"}
1	+ {"version":3,"sources":["../../src/field/rscEntry.tsx"],"sourcesContent":["import type {\n ClientComponentProps,\n ClientField,\n Field,\n FieldPaths,\n RichTextFieldClient,\n ServerComponentProps,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { createClientFields } from 'payload'\nimport React from 'react'\n\nimport type { AdapterArguments, RichTextCustomElement, RichTextCustomLeaf } from '../types.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { RichTextField } from '../exports/client/index.js'\nimport { elements as elementTypes } from '../field/elements/index.js'\nimport { defaultLeaves as leafTypes } from '../field/leaves/index.js'\nimport { linkFieldsSchemaPath } from './elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './elements/upload/shared.js'\nexport const RscEntrySlateField: React.FC<\n {\n args: AdapterArguments\n } & ClientComponentProps &\n Pick<FieldPaths, 'path'> &\n ServerComponentProps\n> = ({\n args,\n clientField,\n forceRender,\n i18n,\n path,\n payload,\n readOnly,\n renderedBlocks,\n schemaPath,\n}) => {\n const componentMap: Map<string, ClientField[] \| React.ReactNode> = new Map()\n\n const clientProps = {\n schemaPath,\n }\n\n ;(args?.admin?.leaves \|\| Object.values(leafTypes)).forEach((leaf) => {\n let leafObject: RichTextCustomLeaf\n\n if (typeof leaf === 'object' && leaf !== null) {\n leafObject = leaf\n } else if (typeof leaf === 'string' && leafTypes[leaf]) {\n leafObject = leafTypes[leaf]\n }\n\n if (leafObject) {\n const LeafButton = leafObject.Button\n const LeafComponent = leafObject.Leaf\n\n componentMap.set(\n `leaf.button.${leafObject.name}`,\n RenderServerComponent({\n clientProps,\n Component: LeafButton,\n importMap: payload.importMap,\n }),\n )\n\n componentMap.set(\n `leaf.component.${leafObject.name}`,\n RenderServerComponent({\n clientProps,\n Component: LeafComponent,\n importMap: payload.importMap,\n }),\n )\n\n if (Array.isArray(leafObject.plugins)) {\n leafObject.plugins.forEach((Plugin, i) => {\n componentMap.set(\n `leaf.plugin.${leafObject.name}.${i}`,\n RenderServerComponent({\n clientProps,\n Component: Plugin,\n importMap: payload.importMap,\n }),\n )\n })\n }\n }\n })\n ;(args?.admin?.elements \|\| Object.values(elementTypes)).forEach((el) => {\n let element: RichTextCustomElement\n\n if (typeof el === 'object' && el !== null) {\n element = el\n } else if (typeof el === 'string' && elementTypes[el]) {\n element = elementTypes[el]\n }\n\n if (element) {\n const ElementButton = element.Button\n const ElementComponent = element.Element\n\n if (ElementButton) {\n componentMap.set(\n `element.button.${element.name}`,\n RenderServerComponent({\n clientProps,\n Component: ElementButton,\n importMap: payload.importMap,\n }),\n )\n }\n componentMap.set(\n `element.component.${element.name}`,\n RenderServerComponent({\n clientProps,\n Component: ElementComponent,\n importMap: payload.importMap,\n }),\n )\n\n if (Array.isArray(element.plugins)) {\n element.plugins.forEach((Plugin, i) => {\n componentMap.set(\n `element.plugin.${element.name}.${i}`,\n RenderServerComponent({\n clientProps,\n Component: Plugin,\n importMap: payload.importMap,\n }),\n )\n })\n }\n\n switch (element.name) {\n case 'link': {\n const clientFields = createClientFields({\n defaultIDType: payload.config.db.defaultIDType,\n fields: args.admin?.link?.fields as Field[],\n i18n,\n importMap: payload.importMap,\n })\n\n componentMap.set(linkFieldsSchemaPath, clientFields)\n\n break\n }\n\n case 'relationship':\n break\n\n case 'upload': {\n const uploadEnabledCollections = payload.config.collections.filter(\n ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n if (hidden === true) {\n return false\n }\n\n return enableRichTextRelationship && Boolean(upload) === true\n },\n )\n\n uploadEnabledCollections.forEach((collection) => {\n if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n const clientFields = createClientFields({\n defaultIDType: payload.config.db.defaultIDType,\n fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n i18n,\n importMap: payload.importMap,\n })\n\n componentMap.set(`${uploadFieldsSchemaPath}.${collection.slug}`, clientFields)\n }\n })\n\n break\n }\n }\n }\n })\n\n return (\n <RichTextField\n componentMap={Object.fromEntries(componentMap)}\n field={clientField as RichTextFieldClient}\n forceRender={forceRender}\n path={path}\n readOnly={readOnly}\n renderedBlocks={renderedBlocks}\n schemaPath={schemaPath}\n />\n )\n}\n"],"names":["RenderServerComponent","createClientFields","React","RichTextField","elements","elementTypes","defaultLeaves","leafTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","RscEntrySlateField","args","clientField","forceRender","i18n","path","payload","readOnly","renderedBlocks","schemaPath","componentMap","Map","clientProps","admin","leaves","Object","values","forEach","leaf","leafObject","LeafButton","Button","LeafComponent","Leaf","set","name","Component","importMap","Array","isArray","plugins","Plugin","i","el","element","ElementButton","ElementComponent","Element","clientFields","defaultIDType","config","db","fields","link","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug","fromEntries","field"],"mappings":"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"}

package/dist/generateSchemaMap.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { elements as elementTypes } from './field/elements/index.js';
 import { linkFieldsSchemaPath } from './field/elements/link/shared.js';
 import { uploadFieldsSchemaPath } from './field/elements/upload/shared.js';
 export const getGenerateSchemaMap = (args)=>({ config, i18n, schemaMap, schemaPath })=>{
+        ;
         (args?.admin?.elements || Object.values(elementTypes)).forEach((el)=>{
             let element;
             if (typeof el === 'object' && el !== null) {

package/dist/generateSchemaMap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/generateSchemaMap.ts"],"sourcesContent":["import type { Field, RichTextAdapter } from 'payload'\n\nimport { traverseFields } from '@payloadcms/ui/utilities/buildFieldSchemaMap/traverseFields'\n\nimport type { AdapterArguments, RichTextCustomElement } from './types.js'\n\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { linkFieldsSchemaPath } from './field/elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './field/elements/upload/shared.js'\n\nexport const getGenerateSchemaMap =\n (args: AdapterArguments): RichTextAdapter['generateSchemaMap'] =>\n ({ config, i18n, schemaMap, schemaPath }) => {\n ;(args?.admin?.elements \|\| Object.values(elementTypes)).forEach((el) => {\n let element: RichTextCustomElement\n\n if (typeof el === 'object' && el !== null) {\n element = el\n } else if (typeof el === 'string' && elementTypes[el]) {\n element = elementTypes[el]\n }\n\n if (element) {\n switch (element.name) {\n case 'link': {\n if (args.admin?.link?.fields) {\n schemaMap.set(`${schemaPath}.${linkFieldsSchemaPath}`, {\n fields: args.admin?.link?.fields as Field[],\n })\n\n // generate schema map entries for sub-fields using traverseFields\n traverseFields({\n config,\n fields: args.admin?.link?.fields as Field[],\n i18n,\n parentIndexPath: '',\n parentSchemaPath: `${schemaPath}.${linkFieldsSchemaPath}`,\n schemaMap,\n })\n }\n\n break\n }\n\n case 'relationship':\n break\n\n case 'upload': {\n const uploadEnabledCollections = config.collections.filter(\n ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n if (hidden === true) {\n return false\n }\n\n return enableRichTextRelationship && Boolean(upload) === true\n },\n )\n\n uploadEnabledCollections.forEach((collection) => {\n if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n schemaMap.set(`${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`, {\n fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n })\n\n // generate schema map entries for sub-fields using traverseFields\n traverseFields({\n config,\n fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n i18n,\n parentIndexPath: '',\n parentSchemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`,\n schemaMap,\n })\n }\n })\n\n break\n }\n }\n }\n })\n\n return schemaMap\n }\n"],"names":["traverseFields","elements","elementTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","getGenerateSchemaMap","args","config","i18n","schemaMap","schemaPath","admin","Object","values","forEach","el","element","name","link","fields","set","parentIndexPath","parentSchemaPath","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug"],"mappings":"AAEA,SAASA,cAAc,QAAQ,8DAA6D;AAI5F,SAASC,YAAYC,YAAY,QAAQ,4BAA2B;AACpE,SAASC,oBAAoB,QAAQ,kCAAiC;AACtE,SAASC,sBAAsB,QAAQ,oCAAmC;AAE1E,OAAO,MAAMC,uBACX,CAACC,OACD,CAAC,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAE;QACpCJ,CAAAA,MAAMK,OAAOV,YAAYW,OAAOC,MAAM,CAACX,aAAY,EAAGY,OAAO,CAAC,CAACC;YAC/D,IAAIC;YAEJ,IAAI,OAAOD,OAAO,YAAYA,OAAO,MAAM;gBACzCC,UAAUD;YACZ,OAAO,IAAI,OAAOA,OAAO,YAAYb,YAAY,CAACa,GAAG,EAAE;gBACrDC,UAAUd,YAAY,CAACa,GAAG;YAC5B;YAEA,IAAIC,SAAS;gBACX,OAAQA,QAAQC,IAAI;oBAClB,KAAK;wBAAQ;4BACX,IAAIX,KAAKK,KAAK,EAAEO,MAAMC,QAAQ;gCAC5BV,UAAUW,GAAG,CAAC,~~CAAC~~,~~EAAEV,~~WAAW,CAAC,EAAEP,~~qBAAqB~~,~~CAAC,~~EAAE;oCACrDgB,QAAQb,KAAKK,KAAK,EAAEO,MAAMC;gCAC5B;gCAEA,kEAAkE;gCAClEnB,eAAe;oCACbO;oCACAY,QAAQb,KAAKK,KAAK,EAAEO,MAAMC;oCAC1BX;oCACAa,iBAAiB;oCACjBC,kBAAkB,~~CAAC~~,~~EAAEZ,~~WAAW,CAAC,EAAEP,~~qBAAqB,CAAC~~;oCACzDM;gCACF;4BACF;4BAEA;wBACF;oBAEA,KAAK;wBACH;oBAEF,KAAK;wBAAU;4BACb,MAAMc,2BAA2BhB,OAAOiB,WAAW,CAACC,MAAM,CACxD,CAAC,EAAEd,OAAO,EAAEe,0BAA0B,EAAEC,MAAM,EAAE,EAAEC,MAAM,EAAE;gCACxD,IAAID,WAAW,MAAM;oCACnB,OAAO;gCACT;gCAEA,OAAOD,8BAA8BG,QAAQD,YAAY;4BAC3D;4BAGFL,yBAAyBT,OAAO,CAAC,CAACgB;gCAChC,IAAIxB,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ,QAAQ;oCAC7DV,UAAUW,GAAG,CAAC,~~CAAC~~,~~EAAEV,~~WAAW,CAAC,EAAEN,uBAAuB,CAAC,EAAE0B,WAAWC,IAAI,~~CAAC~~,~~CAAC,~~EAAE;wCAC1EZ,QAAQb,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ;oCAC7D;oCAEA,kEAAkE;oCAClEnB,eAAe;wCACbO;wCACAY,QAAQb,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ;wCAC3DX;wCACAa,iBAAiB;wCACjBC,kBAAkB,~~CAAC~~,~~EAAEZ,~~WAAW,CAAC,EAAEN,uBAAuB,CAAC,EAAE0B,WAAWC,IAAI,~~CAAC,CAAC~~;wCAC9EtB;oCACF;gCACF;4BACF;4BAEA;wBACF;gBACF;YACF;QACF;QAEA,OAAOA;IACT,EAAC"}
1	+ {"version":3,"sources":["../src/generateSchemaMap.ts"],"sourcesContent":["import type { Field, RichTextAdapter } from 'payload'\n\nimport { traverseFields } from '@payloadcms/ui/utilities/buildFieldSchemaMap/traverseFields'\n\nimport type { AdapterArguments, RichTextCustomElement } from './types.js'\n\nimport { elements as elementTypes } from './field/elements/index.js'\nimport { linkFieldsSchemaPath } from './field/elements/link/shared.js'\nimport { uploadFieldsSchemaPath } from './field/elements/upload/shared.js'\n\nexport const getGenerateSchemaMap =\n (args: AdapterArguments): RichTextAdapter['generateSchemaMap'] =>\n ({ config, i18n, schemaMap, schemaPath }) => {\n ;(args?.admin?.elements \|\| Object.values(elementTypes)).forEach((el) => {\n let element: RichTextCustomElement\n\n if (typeof el === 'object' && el !== null) {\n element = el\n } else if (typeof el === 'string' && elementTypes[el]) {\n element = elementTypes[el]\n }\n\n if (element) {\n switch (element.name) {\n case 'link': {\n if (args.admin?.link?.fields) {\n schemaMap.set(`${schemaPath}.${linkFieldsSchemaPath}`, {\n fields: args.admin?.link?.fields as Field[],\n })\n\n // generate schema map entries for sub-fields using traverseFields\n traverseFields({\n config,\n fields: args.admin?.link?.fields as Field[],\n i18n,\n parentIndexPath: '',\n parentSchemaPath: `${schemaPath}.${linkFieldsSchemaPath}`,\n schemaMap,\n })\n }\n\n break\n }\n\n case 'relationship':\n break\n\n case 'upload': {\n const uploadEnabledCollections = config.collections.filter(\n ({ admin: { enableRichTextRelationship, hidden }, upload }) => {\n if (hidden === true) {\n return false\n }\n\n return enableRichTextRelationship && Boolean(upload) === true\n },\n )\n\n uploadEnabledCollections.forEach((collection) => {\n if (args?.admin?.upload?.collections[collection.slug]?.fields) {\n schemaMap.set(`${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`, {\n fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n })\n\n // generate schema map entries for sub-fields using traverseFields\n traverseFields({\n config,\n fields: args?.admin?.upload?.collections[collection.slug]?.fields,\n i18n,\n parentIndexPath: '',\n parentSchemaPath: `${schemaPath}.${uploadFieldsSchemaPath}.${collection.slug}`,\n schemaMap,\n })\n }\n })\n\n break\n }\n }\n }\n })\n\n return schemaMap\n }\n"],"names":["traverseFields","elements","elementTypes","linkFieldsSchemaPath","uploadFieldsSchemaPath","getGenerateSchemaMap","args","config","i18n","schemaMap","schemaPath","admin","Object","values","forEach","el","element","name","link","fields","set","parentIndexPath","parentSchemaPath","uploadEnabledCollections","collections","filter","enableRichTextRelationship","hidden","upload","Boolean","collection","slug"],"mappings":"AAEA,SAASA,cAAc,QAAQ,8DAA6D;AAI5F,SAASC,YAAYC,YAAY,QAAQ,4BAA2B;AACpE,SAASC,oBAAoB,QAAQ,kCAAiC;AACtE,SAASC,sBAAsB,QAAQ,oCAAmC;AAE1E,OAAO,MAAMC,uBACX,CAACC,OACD,CAAC,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAE;;QACpCJ,CAAAA,MAAMK,OAAOV,YAAYW,OAAOC,MAAM,CAACX,aAAY,EAAGY,OAAO,CAAC,CAACC;YAC/D,IAAIC;YAEJ,IAAI,OAAOD,OAAO,YAAYA,OAAO,MAAM;gBACzCC,UAAUD;YACZ,OAAO,IAAI,OAAOA,OAAO,YAAYb,YAAY,CAACa,GAAG,EAAE;gBACrDC,UAAUd,YAAY,CAACa,GAAG;YAC5B;YAEA,IAAIC,SAAS;gBACX,OAAQA,QAAQC,IAAI;oBAClB,KAAK;wBAAQ;4BACX,IAAIX,KAAKK,KAAK,EAAEO,MAAMC,QAAQ;gCAC5BV,UAAUW,GAAG,CAAC,GAAGV,WAAW,CAAC,EAAEP,sBAAsB,EAAE;oCACrDgB,QAAQb,KAAKK,KAAK,EAAEO,MAAMC;gCAC5B;gCAEA,kEAAkE;gCAClEnB,eAAe;oCACbO;oCACAY,QAAQb,KAAKK,KAAK,EAAEO,MAAMC;oCAC1BX;oCACAa,iBAAiB;oCACjBC,kBAAkB,GAAGZ,WAAW,CAAC,EAAEP,sBAAsB;oCACzDM;gCACF;4BACF;4BAEA;wBACF;oBAEA,KAAK;wBACH;oBAEF,KAAK;wBAAU;4BACb,MAAMc,2BAA2BhB,OAAOiB,WAAW,CAACC,MAAM,CACxD,CAAC,EAAEd,OAAO,EAAEe,0BAA0B,EAAEC,MAAM,EAAE,EAAEC,MAAM,EAAE;gCACxD,IAAID,WAAW,MAAM;oCACnB,OAAO;gCACT;gCAEA,OAAOD,8BAA8BG,QAAQD,YAAY;4BAC3D;4BAGFL,yBAAyBT,OAAO,CAAC,CAACgB;gCAChC,IAAIxB,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ,QAAQ;oCAC7DV,UAAUW,GAAG,CAAC,GAAGV,WAAW,CAAC,EAAEN,uBAAuB,CAAC,EAAE0B,WAAWC,IAAI,EAAE,EAAE;wCAC1EZ,QAAQb,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ;oCAC7D;oCAEA,kEAAkE;oCAClEnB,eAAe;wCACbO;wCACAY,QAAQb,MAAMK,OAAOiB,QAAQJ,WAAW,CAACM,WAAWC,IAAI,CAAC,EAAEZ;wCAC3DX;wCACAa,iBAAiB;wCACjBC,kBAAkB,GAAGZ,WAAW,CAAC,EAAEN,uBAAuB,CAAC,EAAE0B,WAAWC,IAAI,EAAE;wCAC9EtB;oCACF;gCACF;4BACF;4BAEA;wBACF;gBACF;YACF;QACF;QAEA,OAAOA;IACT,EAAC"}

package/dist/utilities/useSlatePlugin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/utilities/useSlatePlugin.tsx"],"sourcesContent":["import type { Editor } from 'slate'\n\nimport { useAddClientFunction } from '@payloadcms/ui'\n\nimport { useSlateProps } from './SlatePropsProvider.js'\n\ntype Plugin = (editor: Editor) => Editor\n\nexport const useSlatePlugin = (key: string, plugin: Plugin) => {\n const { schemaPath } = useSlateProps()\n\n useAddClientFunction(`slatePlugin.${schemaPath}.${key}`, plugin)\n}\n"],"names":["useAddClientFunction","useSlateProps","useSlatePlugin","key","plugin","schemaPath"],"mappings":"AAEA,SAASA,oBAAoB,QAAQ,iBAAgB;AAErD,SAASC,aAAa,QAAQ,0BAAyB;AAIvD,OAAO,MAAMC,iBAAiB,CAACC,KAAaC;IAC1C,MAAM,EAAEC,UAAU,EAAE,GAAGJ;IAEvBD,qBAAqB,CAAC,YAAY,EAAEK,WAAW,CAAC,EAAEF,~~IAAI~~,~~CAAC,~~EAAEC;AAC3D,EAAC"}
1	+ {"version":3,"sources":["../../src/utilities/useSlatePlugin.tsx"],"sourcesContent":["import type { Editor } from 'slate'\n\nimport { useAddClientFunction } from '@payloadcms/ui'\n\nimport { useSlateProps } from './SlatePropsProvider.js'\n\ntype Plugin = (editor: Editor) => Editor\n\nexport const useSlatePlugin = (key: string, plugin: Plugin) => {\n const { schemaPath } = useSlateProps()\n\n useAddClientFunction(`slatePlugin.${schemaPath}.${key}`, plugin)\n}\n"],"names":["useAddClientFunction","useSlateProps","useSlatePlugin","key","plugin","schemaPath"],"mappings":"AAEA,SAASA,oBAAoB,QAAQ,iBAAgB;AAErD,SAASC,aAAa,QAAQ,0BAAyB;AAIvD,OAAO,MAAMC,iBAAiB,CAACC,KAAaC;IAC1C,MAAM,EAAEC,UAAU,EAAE,GAAGJ;IAEvBD,qBAAqB,CAAC,YAAY,EAAEK,WAAW,CAAC,EAAEF,KAAK,EAAEC;AAC3D,EAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-slate",
-  "version": "3.2.3-canary.673b4b5",
+  "version": "3.4.0",
   "description": "The officially supported Slate richtext adapter for Payload",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -46,8 +46,8 @@
     "slate-history": "0.86.0",
     "slate-hyperscript": "0.81.3",
     "slate-react": "0.92.0",
-    "@payloadcms/translations": "3.2.3-canary.673b4b5",
-    "@payloadcms/ui": "3.2.3-canary.673b4b5"
+    "@payloadcms/translations": "3.4.0",
+    "@payloadcms/ui": "3.4.0"
   },
   "devDependencies": {
     "@types/is-hotkey": "^0.1.10",
@@ -55,11 +55,11 @@
     "@types/react": "npm:types-react@19.0.0-rc.1",
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
     "@payloadcms/eslint-config": "3.0.0",
-    "payload": "3.2.3-canary.673b4b5"
+    "payload": "3.4.0"
   },
   "peerDependencies": {
     "react": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
-    "payload": "3.2.3-canary.673b4b5"
+    "payload": "3.4.0"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"