@payloadcms/richtext-slate 3.0.0-canary.cb7fa00 → 3.0.0-canary.cdb9474

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 (15) hide show
  1. package/dist/exports/client/index.d.ts +1 -0
  2. package/dist/exports/client/index.d.ts.map +1 -1
  3. package/dist/exports/client/index.js +1 -0
  4. package/dist/exports/client/index.js.map +1 -1
  5. package/dist/field/RichText.d.ts.map +1 -1
  6. package/dist/field/RichText.js +5 -2
  7. package/dist/field/RichText.js.map +1 -1
  8. package/dist/field/elements/link/Element/index.scss +3 -7
  9. package/dist/field/elements/textAlign/index.js +1 -1
  10. package/dist/field/elements/textAlign/index.js.map +1 -1
  11. package/dist/field/index.scss +31 -14
  12. package/dist/scss/app.scss +4 -4
  13. package/dist/scss/toasts.scss +15 -14
  14. package/dist/scss/type.scss +4 -4
  15. package/package.json +7 -8
package/dist/exports/client/index.d.ts CHANGED
@@ -45,4 +45,5 @@ export { StrikethroughLeaf } from '../../field/leaves/strikethrough/Strikethroug
45
45
  export { UnderlineLeafButton } from '../../field/leaves/underline/LeafButton.js';
46
46
  export { UnderlineLeaf } from '../../field/leaves/underline/Underline/index.js';
47
47
  export { useLeaf } from '../../field/providers/LeafProvider.js';
48
+ export { useSlatePlugin } from '../../utilities/useSlatePlugin.js';
48
49
  //# sourceMappingURL=index.d.ts.map
package/dist/exports/client/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/client/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/client/index.ts"],"names":[],"mappings":"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"}
package/dist/exports/client/index.js CHANGED
@@ -46,5 +46,6 @@ export { StrikethroughLeaf } from '../../field/leaves/strikethrough/Strikethroug
46
46
  export { UnderlineLeafButton } from '../../field/leaves/underline/LeafButton.js';
47
47
  export { UnderlineLeaf } from '../../field/leaves/underline/Underline/index.js';
48
48
  export { useLeaf } from '../../field/providers/LeafProvider.js';
49
+ export { useSlatePlugin } from '../../utilities/useSlatePlugin.js';
49
50
 
50
51
  //# sourceMappingURL=index.js.map
package/dist/exports/client/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/exports/client/index.ts"],"sourcesContent":["'use client'\n\nexport { RichTextCell } from '../../cell/index.js'\nexport { ElementButton } from '../../field/elements/Button.js'\nexport { BlockquoteElementButton } from '../../field/elements/blockquote/Button.js'\nexport { BlockquoteElement } from '../../field/elements/blockquote/Element.js'\nexport { H1ElementButton } from '../../field/elements/h1/Button.js'\nexport { Heading1Element } from '../../field/elements/h1/Heading1.js'\nexport { H2ElementButton } from '../../field/elements/h2/Button.js'\nexport { Heading2Element } from '../../field/elements/h2/Heading2.js'\nexport { H3ElementButton } from '../../field/elements/h3/Button.js'\nexport { Heading3Element } from '../../field/elements/h3/Heading3.js'\nexport { H4ElementButton } from '../../field/elements/h4/Button.js'\nexport { Heading4Element } from '../../field/elements/h4/Heading4.js'\nexport { H5ElementButton } from '../../field/elements/h5/Button.js'\n\nexport { Heading5Element } from '../../field/elements/h5/Heading5.js'\nexport { H6ElementButton } from '../../field/elements/h6/Button.js'\n\nexport { Heading6Element } from '../../field/elements/h6/Heading6.js'\n\nexport { IndentButton } from '../../field/elements/indent/Button.js'\nexport { IndentElement } from '../../field/elements/indent/Element.js'\nexport { ListItemElement } from '../../field/elements/li/ListItem.js'\n\nexport { LinkButton } from '../../field/elements/link/Button/index.js'\n\nexport { LinkElement } from '../../field/elements/link/Element/index.js'\n\nexport { WithLinks } from '../../field/elements/link/WithLinks.js'\nexport { OLElementButton } from '../../field/elements/ol/Button.js'\nexport { OrderedListElement } from '../../field/elements/ol/OrderedList.js'\n\nexport { RelationshipButton } from '../../field/elements/relationship/Button/index.js'\n\nexport { RelationshipElement } from '../../field/elements/relationship/Element/index.js'\nexport { WithRelationship } from '../../field/elements/relationship/plugin.js'\n\nexport { TextAlignElementButton } from '../../field/elements/textAlign/Button.js'\nexport { toggleElement } from '../../field/elements/toggle.js'\nexport { ULElementButton } from '../../field/elements/ul/Button.js'\nexport { UnorderedListElement } from '../../field/elements/ul/UnorderedList.js'\nexport { UploadElementButton } from '../../field/elements/upload/Button/index.js'\nexport { UploadElement } from '../../field/elements/upload/Element/index.js'\nexport { WithUpload } from '../../field/elements/upload/plugin.js'\nexport { RichTextField } from '../../field/index.js'\nexport { LeafButton } from '../../field/leaves/Button.js'\nexport { BoldLeaf } from '../../field/leaves/bold/Bold/index.js'\n\nexport { BoldLeafButton } from '../../field/leaves/bold/LeafButton.js'\n\nexport { CodeLeaf } from '../../field/leaves/code/Code/index.js'\n\nexport { CodeLeafButton } from '../../field/leaves/code/LeafButton.js'\n\nexport { ItalicLeaf } from '../../field/leaves/italic/Italic/index.js'\nexport { ItalicLeafButton } from '../../field/leaves/italic/LeafButton.js'\nexport { StrikethroughLeafButton } from '../../field/leaves/strikethrough/LeafButton.js'\n\nexport { StrikethroughLeaf } from '../../field/leaves/strikethrough/Strikethrough/index.js'\nexport { UnderlineLeafButton } from '../../field/leaves/underline/LeafButton.js'\n\nexport { UnderlineLeaf } from '../../field/leaves/underline/Underline/index.js'\n\nexport { useLeaf } from '../../field/providers/LeafProvider.js'\n"],"names":["RichTextCell","ElementButton","BlockquoteElementButton","BlockquoteElement","H1ElementButton","Heading1Element","H2ElementButton","Heading2Element","H3ElementButton","Heading3Element","H4ElementButton","Heading4Element","H5ElementButton","Heading5Element","H6ElementButton","Heading6Element","IndentButton","IndentElement","ListItemElement","LinkButton","LinkElement","WithLinks","OLElementButton","OrderedListElement","RelationshipButton","RelationshipElement","WithRelationship","TextAlignElementButton","toggleElement","ULElementButton","UnorderedListElement","UploadElementButton","UploadElement","WithUpload","RichTextField","LeafButton","BoldLeaf","BoldLeafButton","CodeLeaf","CodeLeafButton","ItalicLeaf","ItalicLeafButton","StrikethroughLeafButton","StrikethroughLeaf","UnderlineLeafButton","UnderlineLeaf","useLeaf"],"mappings":"AAAA;AAEA,SAASA,YAAY,QAAQ,sBAAqB;AAClD,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,uBAAuB,QAAQ,4CAA2C;AACnF,SAASC,iBAAiB,QAAQ,6CAA4C;AAC9E,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,SAASC,eAAe,QAAQ,sCAAqC;AAErE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,eAAe,QAAQ,sCAAqC;AAErE,SAASC,UAAU,QAAQ,4CAA2C;AAEtE,SAASC,WAAW,QAAQ,6CAA4C;AAExE,SAASC,SAAS,QAAQ,yCAAwC;AAClE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,kBAAkB,QAAQ,yCAAwC;AAE3E,SAASC,kBAAkB,QAAQ,oDAAmD;AAEtF,SAASC,mBAAmB,QAAQ,qDAAoD;AACxF,SAASC,gBAAgB,QAAQ,8CAA6C;AAE9E,SAASC,sBAAsB,QAAQ,2CAA0C;AACjF,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,oBAAoB,QAAQ,2CAA0C;AAC/E,SAASC,mBAAmB,QAAQ,8CAA6C;AACjF,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,UAAU,QAAQ,wCAAuC;AAClE,SAASC,aAAa,QAAQ,uBAAsB;AACpD,SAASC,UAAU,QAAQ,+BAA8B;AACzD,SAASC,QAAQ,QAAQ,wCAAuC;AAEhE,SAASC,cAAc,QAAQ,wCAAuC;AAEtE,SAASC,QAAQ,QAAQ,wCAAuC;AAEhE,SAASC,cAAc,QAAQ,wCAAuC;AAEtE,SAASC,UAAU,QAAQ,4CAA2C;AACtE,SAASC,gBAAgB,QAAQ,0CAAyC;AAC1E,SAASC,uBAAuB,QAAQ,iDAAgD;AAExF,SAASC,iBAAiB,QAAQ,0DAAyD;AAC3F,SAASC,mBAAmB,QAAQ,6CAA4C;AAEhF,SAASC,aAAa,QAAQ,kDAAiD;AAE/E,SAASC,OAAO,QAAQ,wCAAuC"}
1
+ {"version":3,"sources":["../../../src/exports/client/index.ts"],"sourcesContent":["'use client'\n\nexport { RichTextCell } from '../../cell/index.js'\nexport { ElementButton } from '../../field/elements/Button.js'\nexport { BlockquoteElementButton } from '../../field/elements/blockquote/Button.js'\nexport { BlockquoteElement } from '../../field/elements/blockquote/Element.js'\nexport { H1ElementButton } from '../../field/elements/h1/Button.js'\nexport { Heading1Element } from '../../field/elements/h1/Heading1.js'\nexport { H2ElementButton } from '../../field/elements/h2/Button.js'\nexport { Heading2Element } from '../../field/elements/h2/Heading2.js'\nexport { H3ElementButton } from '../../field/elements/h3/Button.js'\nexport { Heading3Element } from '../../field/elements/h3/Heading3.js'\nexport { H4ElementButton } from '../../field/elements/h4/Button.js'\nexport { Heading4Element } from '../../field/elements/h4/Heading4.js'\nexport { H5ElementButton } from '../../field/elements/h5/Button.js'\n\nexport { Heading5Element } from '../../field/elements/h5/Heading5.js'\nexport { H6ElementButton } from '../../field/elements/h6/Button.js'\n\nexport { Heading6Element } from '../../field/elements/h6/Heading6.js'\n\nexport { IndentButton } from '../../field/elements/indent/Button.js'\nexport { IndentElement } from '../../field/elements/indent/Element.js'\nexport { ListItemElement } from '../../field/elements/li/ListItem.js'\n\nexport { LinkButton } from '../../field/elements/link/Button/index.js'\n\nexport { LinkElement } from '../../field/elements/link/Element/index.js'\n\nexport { WithLinks } from '../../field/elements/link/WithLinks.js'\nexport { OLElementButton } from '../../field/elements/ol/Button.js'\nexport { OrderedListElement } from '../../field/elements/ol/OrderedList.js'\n\nexport { RelationshipButton } from '../../field/elements/relationship/Button/index.js'\n\nexport { RelationshipElement } from '../../field/elements/relationship/Element/index.js'\nexport { WithRelationship } from '../../field/elements/relationship/plugin.js'\n\nexport { TextAlignElementButton } from '../../field/elements/textAlign/Button.js'\nexport { toggleElement } from '../../field/elements/toggle.js'\nexport { ULElementButton } from '../../field/elements/ul/Button.js'\nexport { UnorderedListElement } from '../../field/elements/ul/UnorderedList.js'\nexport { UploadElementButton } from '../../field/elements/upload/Button/index.js'\nexport { UploadElement } from '../../field/elements/upload/Element/index.js'\nexport { WithUpload } from '../../field/elements/upload/plugin.js'\nexport { RichTextField } from '../../field/index.js'\nexport { LeafButton } from '../../field/leaves/Button.js'\nexport { BoldLeaf } from '../../field/leaves/bold/Bold/index.js'\n\nexport { BoldLeafButton } from '../../field/leaves/bold/LeafButton.js'\n\nexport { CodeLeaf } from '../../field/leaves/code/Code/index.js'\n\nexport { CodeLeafButton } from '../../field/leaves/code/LeafButton.js'\n\nexport { ItalicLeaf } from '../../field/leaves/italic/Italic/index.js'\nexport { ItalicLeafButton } from '../../field/leaves/italic/LeafButton.js'\nexport { StrikethroughLeafButton } from '../../field/leaves/strikethrough/LeafButton.js'\n\nexport { StrikethroughLeaf } from '../../field/leaves/strikethrough/Strikethrough/index.js'\nexport { UnderlineLeafButton } from '../../field/leaves/underline/LeafButton.js'\n\nexport { UnderlineLeaf } from '../../field/leaves/underline/Underline/index.js'\n\nexport { useLeaf } from '../../field/providers/LeafProvider.js'\nexport { useSlatePlugin } from '../../utilities/useSlatePlugin.js'\n"],"names":["RichTextCell","ElementButton","BlockquoteElementButton","BlockquoteElement","H1ElementButton","Heading1Element","H2ElementButton","Heading2Element","H3ElementButton","Heading3Element","H4ElementButton","Heading4Element","H5ElementButton","Heading5Element","H6ElementButton","Heading6Element","IndentButton","IndentElement","ListItemElement","LinkButton","LinkElement","WithLinks","OLElementButton","OrderedListElement","RelationshipButton","RelationshipElement","WithRelationship","TextAlignElementButton","toggleElement","ULElementButton","UnorderedListElement","UploadElementButton","UploadElement","WithUpload","RichTextField","LeafButton","BoldLeaf","BoldLeafButton","CodeLeaf","CodeLeafButton","ItalicLeaf","ItalicLeafButton","StrikethroughLeafButton","StrikethroughLeaf","UnderlineLeafButton","UnderlineLeaf","useLeaf","useSlatePlugin"],"mappings":"AAAA;AAEA,SAASA,YAAY,QAAQ,sBAAqB;AAClD,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,uBAAuB,QAAQ,4CAA2C;AACnF,SAASC,iBAAiB,QAAQ,6CAA4C;AAC9E,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,SAASC,eAAe,QAAQ,sCAAqC;AACrE,SAASC,eAAe,QAAQ,oCAAmC;AAEnE,SAASC,eAAe,QAAQ,sCAAqC;AAErE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,eAAe,QAAQ,sCAAqC;AAErE,SAASC,UAAU,QAAQ,4CAA2C;AAEtE,SAASC,WAAW,QAAQ,6CAA4C;AAExE,SAASC,SAAS,QAAQ,yCAAwC;AAClE,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,kBAAkB,QAAQ,yCAAwC;AAE3E,SAASC,kBAAkB,QAAQ,oDAAmD;AAEtF,SAASC,mBAAmB,QAAQ,qDAAoD;AACxF,SAASC,gBAAgB,QAAQ,8CAA6C;AAE9E,SAASC,sBAAsB,QAAQ,2CAA0C;AACjF,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,eAAe,QAAQ,oCAAmC;AACnE,SAASC,oBAAoB,QAAQ,2CAA0C;AAC/E,SAASC,mBAAmB,QAAQ,8CAA6C;AACjF,SAASC,aAAa,QAAQ,+CAA8C;AAC5E,SAASC,UAAU,QAAQ,wCAAuC;AAClE,SAASC,aAAa,QAAQ,uBAAsB;AACpD,SAASC,UAAU,QAAQ,+BAA8B;AACzD,SAASC,QAAQ,QAAQ,wCAAuC;AAEhE,SAASC,cAAc,QAAQ,wCAAuC;AAEtE,SAASC,QAAQ,QAAQ,wCAAuC;AAEhE,SAASC,cAAc,QAAQ,wCAAuC;AAEtE,SAASC,UAAU,QAAQ,4CAA2C;AACtE,SAASC,gBAAgB,QAAQ,0CAAyC;AAC1E,SAASC,uBAAuB,QAAQ,iDAAgD;AAExF,SAASC,iBAAiB,QAAQ,0DAAyD;AAC3F,SAASC,mBAAmB,QAAQ,6CAA4C;AAEhF,SAASC,aAAa,QAAQ,kDAAiD;AAE/E,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,cAAc,QAAQ,oCAAmC"}
package/dist/field/RichText.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../src/field/RichText.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAe9C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAMvD,OAAO,cAAc,CAAA;AAWrB,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,WAAW;QACnB,MAAM,EAAE,UAAU,GAAG,aAAa,GAAG,WAAW,CAAA;QAChD,OAAO,EAAE,WAAW,CAAA;QACpB,IAAI,EAAE,QAAQ,CAAA;KACf;CACF;AAwZD,eAAO,MAAM,QAAQ,iCAA+B,CAAA"}
1
+ {"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../src/field/RichText.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAe9C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAMvD,OAAO,cAAc,CAAA;AAWrB,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,WAAW;QACnB,MAAM,EAAE,UAAU,GAAG,aAAa,GAAG,WAAW,CAAA;QAChD,OAAO,EAAE,WAAW,CAAA;QACpB,IAAI,EAAE,QAAQ,CAAA;KACf;CACF;AA+ZD,eAAO,MAAM,QAAQ,iCAA+B,CAAA"}
package/dist/field/RichText.js CHANGED
@@ -21,7 +21,7 @@ import { LeafButtonProvider } from './providers/LeafButtonProvider.js';
21
21
  import { LeafProvider } from './providers/LeafProvider.js';
22
22
  const baseClass = 'rich-text';
23
23
  const RichTextField = (props)=>{
24
- const { descriptionProps, elements, errorProps, field: { name, _path: pathFromProps, admin: { className, components: { Description, Error, Label }, placeholder, readOnly: readOnlyFromAdmin, style, width } = {}, label, required }, labelProps, leaves, plugins, readOnly: readOnlyFromTopLevelProps, validate = richTextValidate } = props;
24
+ const { descriptionProps, elements, errorProps, field, field: { name, _path: pathFromProps, admin: { className, components: { Description, Error, Label }, placeholder, readOnly: readOnlyFromAdmin, style, width } = {}, label, required }, labelProps, leaves, plugins, readOnly: readOnlyFromTopLevelProps, validate = richTextValidate } = props;
25
25
  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
26
26
  const { i18n } = useTranslation();
27
27
  const editorRef = useRef(null);
@@ -287,13 +287,15 @@ const RichTextField = (props)=>{
287
287
  Label: Label,
288
288
  label: label,
289
289
  required: required,
290
- ...labelProps || {}
290
+ ...labelProps || {},
291
+ field: field
291
292
  }),
292
293
  /*#__PURE__*/ _jsxs("div", {
293
294
  className: `${baseClass}__wrap`,
294
295
  children: [
295
296
  /*#__PURE__*/ _jsx(FieldError, {
296
297
  CustomError: Error,
298
+ field: field,
297
299
  path: path,
298
300
  ...errorProps || {}
299
301
  }),
@@ -421,6 +423,7 @@ const RichTextField = (props)=>{
421
423
  })),
422
424
  /*#__PURE__*/ _jsx(FieldDescription, {
423
425
  Description: Description,
426
+ field: field,
424
427
  ...descriptionProps || {}
425
428
  })
426
429
  ]
package/dist/field/RichText.js.map CHANGED
@@ -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 {\n FieldDescription,\n FieldError,\n FieldLabel,\n RenderComponent,\n useEditDepth,\n useField,\n useFieldProps,\n useTranslation,\n withCondition,\n} from '@payloadcms/ui'\nimport { isHotkey } from 'is-hotkey'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { Node, Element as SlateElement, Text, Transforms, createEditor } from 'slate'\nimport { withHistory } from 'slate-history'\nimport { Editable, Slate, withReact } from 'slate-react'\n\nimport type { ElementNode, TextNode } from '../types.js'\nimport type { LoadedSlateFieldProps } from './types.js'\n\nimport { defaultRichTextValue } from '../data/defaultValue.js'\nimport { richTextValidate } from '../data/validation.js'\nimport { listTypes } from './elements/listTypes.js'\nimport { hotkeys } from './hotkeys.js'\nimport './index.scss'\nimport { toggleLeaf } from './leaves/toggle.js'\nimport { withEnterBreakOut } from './plugins/withEnterBreakOut.js'\nimport { withHTML } from './plugins/withHTML.js'\nimport { ElementButtonProvider } from './providers/ElementButtonProvider.js'\nimport { ElementProvider } from './providers/ElementProvider.js'\nimport { LeafButtonProvider } from './providers/LeafButtonProvider.js'\nimport { LeafProvider } from './providers/LeafProvider.js'\n\nconst baseClass = 'rich-text'\n\ndeclare module 'slate' {\n interface CustomTypes {\n Editor: BaseEditor & HistoryEditor & ReactEditor\n Element: ElementNode\n Text: TextNode\n }\n}\n\nconst RichTextField: React.FC<LoadedSlateFieldProps> = (props) => {\n const {\n descriptionProps,\n elements,\n errorProps,\n field: {\n name,\n _path: pathFromProps,\n admin: {\n className,\n components: { Description, Error, Label },\n placeholder,\n readOnly: readOnlyFromAdmin,\n style,\n width,\n } = {},\n label,\n required,\n },\n labelProps,\n leaves,\n plugins,\n readOnly: readOnlyFromTopLevelProps,\n validate = richTextValidate,\n } = props\n\n const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n const { i18n } = useTranslation()\n const editorRef = useRef(null)\n const toolbarRef = useRef(null)\n\n const drawerDepth = useEditDepth()\n const drawerIsOpen = drawerDepth > 1\n\n const memoizedValidate = useCallback(\n (value, validationOptions) => {\n if (typeof validate === 'function') {\n return validate(value, {\n ...validationOptions,\n req: {\n t: i18n.t,\n } as PayloadRequest,\n required,\n })\n }\n },\n [validate, required, i18n],\n )\n\n const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n const { formInitializing, initialValue, path, schemaPath, setValue, showError, value } = useField(\n {\n path: pathFromContext ?? pathFromProps ?? name,\n validate: memoizedValidate,\n },\n )\n\n const disabled = readOnlyFromProps || readOnlyFromContext || formInitializing\n\n const editor = useMemo(() => {\n let CreatedEditor = withEnterBreakOut(withHistory(withReact(createEditor())))\n\n CreatedEditor = withHTML(CreatedEditor)\n\n if (plugins.length) {\n CreatedEditor = plugins.reduce((editorWithPlugins, plugin) => {\n return plugin(editorWithPlugins)\n }, CreatedEditor)\n }\n\n return CreatedEditor\n }, [plugins])\n\n const renderElement = useCallback(\n ({ attributes, children, element }) => {\n // return <div {...attributes}>{children}</div>\n\n const matchedElement = elements[element.type]\n const Element = matchedElement?.Element\n\n let attr = { ...attributes }\n\n // this converts text alignment to margin when dealing with void elements\n if (element.textAlign) {\n if (element.type === 'relationship' || element.type === 'upload') {\n switch (element.textAlign) {\n case 'left':\n attr = { ...attr, style: { marginRight: 'auto' } }\n break\n case 'right':\n attr = { ...attr, style: { marginLeft: 'auto' } }\n break\n case 'center':\n attr = { ...attr, style: { marginLeft: 'auto', marginRight: 'auto' } }\n break\n default:\n attr = { ...attr, style: { textAlign: element.textAlign } }\n break\n }\n } else if (element.type === 'li') {\n switch (element.textAlign) {\n case 'right':\n attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'right' } }\n break\n case 'center':\n attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'center' } }\n break\n case 'left':\n default:\n attr = { ...attr, style: { listStylePosition: 'outside', textAlign: 'left' } }\n break\n }\n } else {\n attr = { ...attr, style: { textAlign: element.textAlign } }\n }\n }\n\n if (Element) {\n const el = (\n <ElementProvider\n attributes={attr}\n childNodes={children}\n editorRef={editorRef}\n element={element}\n fieldProps={props}\n path={path}\n schemaPath={schemaPath}\n >\n <RenderComponent mappedComponent={Element} />\n </ElementProvider>\n )\n\n return el\n }\n\n return <div {...attr}>{children}</div>\n },\n [elements, path, props, schemaPath],\n )\n\n const renderLeaf = useCallback(\n ({ attributes, children, leaf }) => {\n const matchedLeaves = Object.entries(leaves).filter(([leafName]) => leaf[leafName])\n\n if (matchedLeaves.length > 0) {\n return matchedLeaves.reduce(\n (result, [, leafConfig], i) => {\n if (leafConfig?.Leaf) {\n const Leaf = leafConfig.Leaf\n\n return (\n <LeafProvider\n attributes={attributes}\n editorRef={editorRef}\n fieldProps={props}\n key={i}\n leaf={leaf}\n path={path}\n result={result}\n schemaPath={schemaPath}\n >\n <RenderComponent mappedComponent={Leaf} />\n </LeafProvider>\n )\n }\n\n return result\n },\n <span {...attributes}>{children}</span>,\n )\n }\n\n return <span {...attributes}>{children}</span>\n },\n [path, props, schemaPath, leaves],\n )\n\n // All slate changes fire the onChange event\n // including selection changes\n // so we will filter the set_selection operations out\n // and only fire setValue when onChange is because of value\n const handleChange = useCallback(\n (val: unknown) => {\n const ops = editor?.operations.filter((o: BaseOperation) => {\n if (o) {\n return o.type !== 'set_selection'\n }\n return false\n })\n\n if (ops && Array.isArray(ops) && ops.length > 0) {\n if (!disabled && val !== defaultRichTextValue && val !== value) {\n setValue(val)\n }\n }\n },\n [editor?.operations, disabled, setValue, value],\n )\n\n useEffect(() => {\n function setClickableState(clickState: 'disabled' | 'enabled') {\n const selectors = 'button, a, [role=\"button\"]'\n const toolbarButtons: (HTMLAnchorElement | HTMLButtonElement)[] =\n toolbarRef.current?.querySelectorAll(selectors)\n\n ;(toolbarButtons || []).forEach((child) => {\n const isButton = child.tagName === 'BUTTON'\n const isDisabling = clickState === 'disabled'\n child.setAttribute('tabIndex', isDisabling ? '-1' : '0')\n if (isButton) child.setAttribute('disabled', isDisabling ? 'disabled' : null)\n })\n }\n\n if (disabled) {\n setClickableState('disabled')\n }\n\n return () => {\n if (disabled) {\n setClickableState('enabled')\n }\n }\n }, [disabled])\n\n // useEffect(() => {\n // // If there is a change to the initial value, we need to reset Slate history\n // // and clear selection because the old selection may no longer be valid\n // // as returned JSON may be modified in hooks and have a different shape\n // if (editor.selection) {\n // console.log('deselecting');\n // ReactEditor.deselect(editor);\n // }\n // }, [path, editor]);\n\n const classes = [\n baseClass,\n 'field-type',\n className,\n showError && 'error',\n disabled && `${baseClass}--read-only`,\n ]\n .filter(Boolean)\n .join(' ')\n\n let valueToRender = value\n\n if (typeof valueToRender === 'string') {\n try {\n const parsedJSON = JSON.parse(valueToRender)\n valueToRender = parsedJSON\n } catch (err) {\n valueToRender = null\n }\n }\n\n if (!valueToRender) valueToRender = defaultRichTextValue\n\n return (\n <div\n className={classes}\n style={{\n ...style,\n width,\n }}\n >\n <FieldLabel Label={Label} label={label} required={required} {...(labelProps || {})} />\n <div className={`${baseClass}__wrap`}>\n <FieldError CustomError={Error} path={path} {...(errorProps || {})} />\n <Slate\n editor={editor}\n key={JSON.stringify({ initialValue, path })} // makes sure slate is completely re-rendered when initialValue changes, bypassing the slate-internal value memoization. That way, external changes to the form will update the editor\n onChange={handleChange}\n value={valueToRender as any[]}\n >\n <div className={`${baseClass}__wrapper`}>\n {Object.keys(elements)?.length + Object.keys(leaves)?.length > 0 && (\n <div\n className={[`${baseClass}__toolbar`, drawerIsOpen && `${baseClass}__drawerIsOpen`]\n .filter(Boolean)\n .join(' ')}\n ref={toolbarRef}\n >\n <div className={`${baseClass}__toolbar-wrap`}>\n {Object.values(elements).map((element) => {\n const Button = element?.Button\n\n if (Button) {\n return (\n <ElementButtonProvider\n disabled={disabled}\n fieldProps={props}\n key={element.name}\n path={path}\n schemaPath={schemaPath}\n >\n <RenderComponent mappedComponent={Button} />\n </ElementButtonProvider>\n )\n }\n\n return null\n })}\n {Object.values(leaves).map((leaf) => {\n const Button = leaf?.Button\n\n if (Button) {\n return (\n <LeafButtonProvider\n fieldProps={props}\n key={leaf.name}\n path={path}\n schemaPath={schemaPath}\n >\n <RenderComponent mappedComponent={Button} />\n </LeafButtonProvider>\n )\n }\n\n return null\n })}\n </div>\n </div>\n )}\n <div className={`${baseClass}__editor`} ref={editorRef}>\n <Editable\n className={`${baseClass}__input`}\n id={`field-${path.replace(/\\./g, '__')}`}\n onKeyDown={(event) => {\n if (event.key === 'Enter') {\n if (event.shiftKey) {\n event.preventDefault()\n editor.insertText('\\n')\n } else {\n const selectedElement = Node.descendant(\n editor,\n editor.selection.anchor.path.slice(0, -1),\n )\n\n if (SlateElement.isElement(selectedElement)) {\n // Allow hard enter to \"break out\" of certain elements\n if (editor.shouldBreakOutOnEnter(selectedElement)) {\n event.preventDefault()\n const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n\n if (\n Text.isText(selectedLeaf) &&\n String(selectedLeaf.text).length === editor.selection.anchor.offset\n ) {\n Transforms.insertNodes(editor, { children: [{ text: '' }] })\n } else {\n Transforms.splitNodes(editor)\n Transforms.setNodes(editor, {})\n }\n }\n }\n }\n }\n\n if (event.key === 'Backspace') {\n const selectedElement = Node.descendant(\n editor,\n editor.selection.anchor.path.slice(0, -1),\n )\n\n if (SlateElement.isElement(selectedElement) && selectedElement.type === 'li') {\n const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {\n event.preventDefault()\n Transforms.unwrapNodes(editor, {\n match: (n) => SlateElement.isElement(n) && listTypes.includes(n.type),\n mode: 'lowest',\n split: true,\n })\n\n Transforms.setNodes(editor, { type: undefined })\n }\n } else if (editor.isVoid(selectedElement)) {\n Transforms.removeNodes(editor)\n }\n }\n\n Object.keys(hotkeys).forEach((hotkey) => {\n if (isHotkey(hotkey, event as any)) {\n event.preventDefault()\n const mark = hotkeys[hotkey]\n toggleLeaf(editor, mark)\n }\n })\n }}\n placeholder={getTranslation(placeholder, i18n)}\n readOnly={disabled}\n renderElement={renderElement}\n renderLeaf={renderLeaf}\n spellCheck\n />\n </div>\n </div>\n </Slate>\n <FieldDescription Description={Description} {...(descriptionProps || {})} />\n </div>\n </div>\n )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","RenderComponent","useEditDepth","useField","useFieldProps","useTranslation","withCondition","isHotkey","React","useCallback","useEffect","useMemo","useRef","Node","Element","SlateElement","Text","Transforms","createEditor","withHistory","Editable","Slate","withReact","defaultRichTextValue","richTextValidate","listTypes","hotkeys","toggleLeaf","withEnterBreakOut","withHTML","ElementButtonProvider","ElementProvider","LeafButtonProvider","LeafProvider","baseClass","RichTextField","props","descriptionProps","elements","errorProps","field","name","_path","pathFromProps","admin","className","components","Description","Error","Label","placeholder","readOnly","readOnlyFromAdmin","style","width","label","required","labelProps","leaves","plugins","readOnlyFromTopLevelProps","validate","readOnlyFromProps","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","req","t","path","pathFromContext","readOnlyFromContext","formInitializing","initialValue","schemaPath","setValue","showError","disabled","editor","CreatedEditor","length","reduce","editorWithPlugins","plugin","renderElement","attributes","children","element","matchedElement","type","attr","textAlign","marginRight","marginLeft","listStylePosition","el","childNodes","fieldProps","mappedComponent","div","renderLeaf","leaf","matchedLeaves","Object","entries","filter","leafName","result","leafConfig","i","Leaf","span","handleChange","val","ops","operations","o","Array","isArray","setClickableState","clickState","selectors","toolbarButtons","current","querySelectorAll","forEach","child","isButton","tagName","isDisabling","setAttribute","classes","Boolean","join","valueToRender","parsedJSON","JSON","parse","err","CustomError","onChange","keys","ref","values","map","Button","id","replace","onKeyDown","event","key","shiftKey","preventDefault","insertText","selectedElement","descendant","selection","anchor","slice","isElement","shouldBreakOutOnEnter","selectedLeaf","isText","String","text","offset","insertNodes","splitNodes","setNodes","unwrapNodes","match","n","includes","mode","split","undefined","isVoid","removeNodes","hotkey","mark","spellCheck","stringify","RichText"],"mappings":"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"}
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 {\n FieldDescription,\n FieldError,\n FieldLabel,\n RenderComponent,\n useEditDepth,\n useField,\n useFieldProps,\n useTranslation,\n withCondition,\n} from '@payloadcms/ui'\nimport { isHotkey } from 'is-hotkey'\nimport React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { Node, Element as SlateElement, Text, Transforms, createEditor } from 'slate'\nimport { withHistory } from 'slate-history'\nimport { Editable, Slate, withReact } from 'slate-react'\n\nimport type { ElementNode, TextNode } from '../types.js'\nimport type { LoadedSlateFieldProps } from './types.js'\n\nimport { defaultRichTextValue } from '../data/defaultValue.js'\nimport { richTextValidate } from '../data/validation.js'\nimport { listTypes } from './elements/listTypes.js'\nimport { hotkeys } from './hotkeys.js'\nimport './index.scss'\nimport { toggleLeaf } from './leaves/toggle.js'\nimport { withEnterBreakOut } from './plugins/withEnterBreakOut.js'\nimport { withHTML } from './plugins/withHTML.js'\nimport { ElementButtonProvider } from './providers/ElementButtonProvider.js'\nimport { ElementProvider } from './providers/ElementProvider.js'\nimport { LeafButtonProvider } from './providers/LeafButtonProvider.js'\nimport { LeafProvider } from './providers/LeafProvider.js'\n\nconst baseClass = 'rich-text'\n\ndeclare module 'slate' {\n interface CustomTypes {\n Editor: BaseEditor & HistoryEditor & ReactEditor\n Element: ElementNode\n Text: TextNode\n }\n}\n\nconst RichTextField: React.FC<LoadedSlateFieldProps> = (props) => {\n const {\n descriptionProps,\n elements,\n errorProps,\n field,\n field: {\n name,\n _path: pathFromProps,\n admin: {\n className,\n components: { Description, Error, Label },\n placeholder,\n readOnly: readOnlyFromAdmin,\n style,\n width,\n } = {},\n label,\n required,\n },\n labelProps,\n leaves,\n plugins,\n readOnly: readOnlyFromTopLevelProps,\n validate = richTextValidate,\n } = props\n\n const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n const { i18n } = useTranslation()\n const editorRef = useRef(null)\n const toolbarRef = useRef(null)\n\n const drawerDepth = useEditDepth()\n const drawerIsOpen = drawerDepth > 1\n\n const memoizedValidate = useCallback(\n (value, validationOptions) => {\n if (typeof validate === 'function') {\n return validate(value, {\n ...validationOptions,\n req: {\n t: i18n.t,\n } as PayloadRequest,\n required,\n })\n }\n },\n [validate, required, i18n],\n )\n\n const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n const { formInitializing, initialValue, path, schemaPath, setValue, showError, value } = useField(\n {\n path: pathFromContext ?? pathFromProps ?? name,\n validate: memoizedValidate,\n },\n )\n\n const disabled = readOnlyFromProps || readOnlyFromContext || formInitializing\n\n const editor = useMemo(() => {\n let CreatedEditor = withEnterBreakOut(withHistory(withReact(createEditor())))\n\n CreatedEditor = withHTML(CreatedEditor)\n\n if (plugins.length) {\n CreatedEditor = plugins.reduce((editorWithPlugins, plugin) => {\n return plugin(editorWithPlugins)\n }, CreatedEditor)\n }\n\n return CreatedEditor\n }, [plugins])\n\n const renderElement = useCallback(\n ({ attributes, children, element }) => {\n // return <div {...attributes}>{children}</div>\n\n const matchedElement = elements[element.type]\n const Element = matchedElement?.Element\n\n let attr = { ...attributes }\n\n // this converts text alignment to margin when dealing with void elements\n if (element.textAlign) {\n if (element.type === 'relationship' || element.type === 'upload') {\n switch (element.textAlign) {\n case 'left':\n attr = { ...attr, style: { marginRight: 'auto' } }\n break\n case 'right':\n attr = { ...attr, style: { marginLeft: 'auto' } }\n break\n case 'center':\n attr = { ...attr, style: { marginLeft: 'auto', marginRight: 'auto' } }\n break\n default:\n attr = { ...attr, style: { textAlign: element.textAlign } }\n break\n }\n } else if (element.type === 'li') {\n switch (element.textAlign) {\n case 'right':\n attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'right' } }\n break\n case 'center':\n attr = { ...attr, style: { listStylePosition: 'inside', textAlign: 'center' } }\n break\n case 'left':\n default:\n attr = { ...attr, style: { listStylePosition: 'outside', textAlign: 'left' } }\n break\n }\n } else {\n attr = { ...attr, style: { textAlign: element.textAlign } }\n }\n }\n\n if (Element) {\n const el = (\n <ElementProvider\n attributes={attr}\n childNodes={children}\n editorRef={editorRef}\n element={element}\n fieldProps={props}\n path={path}\n schemaPath={schemaPath}\n >\n <RenderComponent mappedComponent={Element} />\n </ElementProvider>\n )\n\n return el\n }\n\n return <div {...attr}>{children}</div>\n },\n [elements, path, props, schemaPath],\n )\n\n const renderLeaf = useCallback(\n ({ attributes, children, leaf }) => {\n const matchedLeaves = Object.entries(leaves).filter(([leafName]) => leaf[leafName])\n\n if (matchedLeaves.length > 0) {\n return matchedLeaves.reduce(\n (result, [, leafConfig], i) => {\n if (leafConfig?.Leaf) {\n const Leaf = leafConfig.Leaf\n\n return (\n <LeafProvider\n attributes={attributes}\n editorRef={editorRef}\n fieldProps={props}\n key={i}\n leaf={leaf}\n path={path}\n result={result}\n schemaPath={schemaPath}\n >\n <RenderComponent mappedComponent={Leaf} />\n </LeafProvider>\n )\n }\n\n return result\n },\n <span {...attributes}>{children}</span>,\n )\n }\n\n return <span {...attributes}>{children}</span>\n },\n [path, props, schemaPath, leaves],\n )\n\n // All slate changes fire the onChange event\n // including selection changes\n // so we will filter the set_selection operations out\n // and only fire setValue when onChange is because of value\n const handleChange = useCallback(\n (val: unknown) => {\n const ops = editor?.operations.filter((o: BaseOperation) => {\n if (o) {\n return o.type !== 'set_selection'\n }\n return false\n })\n\n if (ops && Array.isArray(ops) && ops.length > 0) {\n if (!disabled && val !== defaultRichTextValue && val !== value) {\n setValue(val)\n }\n }\n },\n [editor?.operations, disabled, setValue, value],\n )\n\n useEffect(() => {\n function setClickableState(clickState: 'disabled' | 'enabled') {\n const selectors = 'button, a, [role=\"button\"]'\n const toolbarButtons: (HTMLAnchorElement | HTMLButtonElement)[] =\n toolbarRef.current?.querySelectorAll(selectors)\n\n ;(toolbarButtons || []).forEach((child) => {\n const isButton = child.tagName === 'BUTTON'\n const isDisabling = clickState === 'disabled'\n child.setAttribute('tabIndex', isDisabling ? '-1' : '0')\n if (isButton) child.setAttribute('disabled', isDisabling ? 'disabled' : null)\n })\n }\n\n if (disabled) {\n setClickableState('disabled')\n }\n\n return () => {\n if (disabled) {\n setClickableState('enabled')\n }\n }\n }, [disabled])\n\n // useEffect(() => {\n // // If there is a change to the initial value, we need to reset Slate history\n // // and clear selection because the old selection may no longer be valid\n // // as returned JSON may be modified in hooks and have a different shape\n // if (editor.selection) {\n // console.log('deselecting');\n // ReactEditor.deselect(editor);\n // }\n // }, [path, editor]);\n\n const classes = [\n baseClass,\n 'field-type',\n className,\n showError && 'error',\n disabled && `${baseClass}--read-only`,\n ]\n .filter(Boolean)\n .join(' ')\n\n let valueToRender = value\n\n if (typeof valueToRender === 'string') {\n try {\n const parsedJSON = JSON.parse(valueToRender)\n valueToRender = parsedJSON\n } catch (err) {\n valueToRender = null\n }\n }\n\n if (!valueToRender) valueToRender = defaultRichTextValue\n\n return (\n <div\n className={classes}\n style={{\n ...style,\n width,\n }}\n >\n <FieldLabel\n Label={Label}\n label={label}\n required={required}\n {...(labelProps || {})}\n field={field}\n />\n <div className={`${baseClass}__wrap`}>\n <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\n <Slate\n editor={editor}\n key={JSON.stringify({ initialValue, path })} // makes sure slate is completely re-rendered when initialValue changes, bypassing the slate-internal value memoization. That way, external changes to the form will update the editor\n onChange={handleChange}\n value={valueToRender as any[]}\n >\n <div className={`${baseClass}__wrapper`}>\n {Object.keys(elements)?.length + Object.keys(leaves)?.length > 0 && (\n <div\n className={[`${baseClass}__toolbar`, drawerIsOpen && `${baseClass}__drawerIsOpen`]\n .filter(Boolean)\n .join(' ')}\n ref={toolbarRef}\n >\n <div className={`${baseClass}__toolbar-wrap`}>\n {Object.values(elements).map((element) => {\n const Button = element?.Button\n\n if (Button) {\n return (\n <ElementButtonProvider\n disabled={disabled}\n fieldProps={props}\n key={element.name}\n path={path}\n schemaPath={schemaPath}\n >\n <RenderComponent mappedComponent={Button} />\n </ElementButtonProvider>\n )\n }\n\n return null\n })}\n {Object.values(leaves).map((leaf) => {\n const Button = leaf?.Button\n\n if (Button) {\n return (\n <LeafButtonProvider\n fieldProps={props}\n key={leaf.name}\n path={path}\n schemaPath={schemaPath}\n >\n <RenderComponent mappedComponent={Button} />\n </LeafButtonProvider>\n )\n }\n\n return null\n })}\n </div>\n </div>\n )}\n <div className={`${baseClass}__editor`} ref={editorRef}>\n <Editable\n className={`${baseClass}__input`}\n id={`field-${path.replace(/\\./g, '__')}`}\n onKeyDown={(event) => {\n if (event.key === 'Enter') {\n if (event.shiftKey) {\n event.preventDefault()\n editor.insertText('\\n')\n } else {\n const selectedElement = Node.descendant(\n editor,\n editor.selection.anchor.path.slice(0, -1),\n )\n\n if (SlateElement.isElement(selectedElement)) {\n // Allow hard enter to \"break out\" of certain elements\n if (editor.shouldBreakOutOnEnter(selectedElement)) {\n event.preventDefault()\n const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n\n if (\n Text.isText(selectedLeaf) &&\n String(selectedLeaf.text).length === editor.selection.anchor.offset\n ) {\n Transforms.insertNodes(editor, { children: [{ text: '' }] })\n } else {\n Transforms.splitNodes(editor)\n Transforms.setNodes(editor, {})\n }\n }\n }\n }\n }\n\n if (event.key === 'Backspace') {\n const selectedElement = Node.descendant(\n editor,\n editor.selection.anchor.path.slice(0, -1),\n )\n\n if (SlateElement.isElement(selectedElement) && selectedElement.type === 'li') {\n const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {\n event.preventDefault()\n Transforms.unwrapNodes(editor, {\n match: (n) => SlateElement.isElement(n) && listTypes.includes(n.type),\n mode: 'lowest',\n split: true,\n })\n\n Transforms.setNodes(editor, { type: undefined })\n }\n } else if (editor.isVoid(selectedElement)) {\n Transforms.removeNodes(editor)\n }\n }\n\n Object.keys(hotkeys).forEach((hotkey) => {\n if (isHotkey(hotkey, event as any)) {\n event.preventDefault()\n const mark = hotkeys[hotkey]\n toggleLeaf(editor, mark)\n }\n })\n }}\n placeholder={getTranslation(placeholder, i18n)}\n readOnly={disabled}\n renderElement={renderElement}\n renderLeaf={renderLeaf}\n spellCheck\n />\n </div>\n </div>\n </Slate>\n <FieldDescription Description={Description} field={field} {...(descriptionProps || {})} />\n </div>\n </div>\n )\n}\n\nexport const RichText = withCondition(RichTextField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","RenderComponent","useEditDepth","useField","useFieldProps","useTranslation","withCondition","isHotkey","React","useCallback","useEffect","useMemo","useRef","Node","Element","SlateElement","Text","Transforms","createEditor","withHistory","Editable","Slate","withReact","defaultRichTextValue","richTextValidate","listTypes","hotkeys","toggleLeaf","withEnterBreakOut","withHTML","ElementButtonProvider","ElementProvider","LeafButtonProvider","LeafProvider","baseClass","RichTextField","props","descriptionProps","elements","errorProps","field","name","_path","pathFromProps","admin","className","components","Description","Error","Label","placeholder","readOnly","readOnlyFromAdmin","style","width","label","required","labelProps","leaves","plugins","readOnlyFromTopLevelProps","validate","readOnlyFromProps","i18n","editorRef","toolbarRef","drawerDepth","drawerIsOpen","memoizedValidate","value","validationOptions","req","t","path","pathFromContext","readOnlyFromContext","formInitializing","initialValue","schemaPath","setValue","showError","disabled","editor","CreatedEditor","length","reduce","editorWithPlugins","plugin","renderElement","attributes","children","element","matchedElement","type","attr","textAlign","marginRight","marginLeft","listStylePosition","el","childNodes","fieldProps","mappedComponent","div","renderLeaf","leaf","matchedLeaves","Object","entries","filter","leafName","result","leafConfig","i","Leaf","span","handleChange","val","ops","operations","o","Array","isArray","setClickableState","clickState","selectors","toolbarButtons","current","querySelectorAll","forEach","child","isButton","tagName","isDisabling","setAttribute","classes","Boolean","join","valueToRender","parsedJSON","JSON","parse","err","CustomError","onChange","keys","ref","values","map","Button","id","replace","onKeyDown","event","key","shiftKey","preventDefault","insertText","selectedElement","descendant","selection","anchor","slice","isElement","shouldBreakOutOnEnter","selectedLeaf","isText","String","text","offset","insertNodes","splitNodes","setNodes","unwrapNodes","match","n","includes","mode","split","undefined","isVoid","removeNodes","hotkey","mark","spellCheck","stringify","RichText"],"mappings":"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"}
package/dist/field/elements/link/Element/index.scss CHANGED
@@ -2,7 +2,6 @@
2
2
 
3
3
  .rich-text-link {
4
4
  position: relative;
5
- text-decoration: underline;
6
5
 
7
6
  .popup {
8
7
  position: absolute;
@@ -35,11 +34,6 @@
35
34
  font-weight: 600;
36
35
  cursor: pointer;
37
36
  margin: 0;
38
-
39
- &:hover,
40
- &:focus-visible {
41
- text-decoration: underline;
42
- }
43
37
  }
44
38
  }
45
39
 
@@ -78,7 +72,9 @@
78
72
  border: 0;
79
73
  background-color: transparent;
80
74
  padding: 0;
81
- text-decoration: underline;
75
+ color: var(--theme-success-600);
76
+ text-decoration: none;
77
+ border-bottom: 1px dotted;
82
78
  cursor: text;
83
79
 
84
80
  &:focus,
package/dist/field/elements/textAlign/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export const textAlign = {
2
2
  name: 'alignment',
3
3
  Button: '@payloadcms/richtext-slate/client#TextAlignElementButton',
4
- Element: '@payloadcms/ui/shared#emptyComponent'
4
+ Element: false
5
5
  };
6
6
 
7
7
  //# sourceMappingURL=index.js.map
package/dist/field/elements/textAlign/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/field/elements/textAlign/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nexport const textAlign: RichTextCustomElement = {\n name: 'alignment',\n Button: '@payloadcms/richtext-slate/client#TextAlignElementButton',\n Element: '@payloadcms/ui/shared#emptyComponent',\n}\n"],"names":["textAlign","name","Button","Element"],"mappings":"AAEA,OAAO,MAAMA,YAAmC;IAC9CC,MAAM;IACNC,QAAQ;IACRC,SAAS;AACX,EAAC"}
1
+ {"version":3,"sources":["../../../../src/field/elements/textAlign/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nexport const textAlign: RichTextCustomElement = {\n name: 'alignment',\n Button: '@payloadcms/richtext-slate/client#TextAlignElementButton',\n Element: false,\n}\n"],"names":["textAlign","name","Button","Element"],"mappings":"AAEA,OAAO,MAAMA,YAAmC;IAC9CC,MAAM;IACNC,QAAQ;IACRC,SAAS;AACX,EAAC"}
package/dist/field/index.scss CHANGED
@@ -39,7 +39,14 @@
39
39
  &__editor {
40
40
  font-family: var(--font-serif);
41
41
  font-size: base(0.8);
42
- letter-spacing: 0.02em;
42
+ line-height: 1.5;
43
+
44
+ *[data-slate-node='element'] {
45
+ margin-top: 0.75em;
46
+ position: relative;
47
+ line-height: 1.5;
48
+ letter-spacing: normal;
49
+ }
43
50
 
44
51
  h1,
45
52
  h2,
@@ -47,39 +54,49 @@
47
54
  h4,
48
55
  h5,
49
56
  h6 {
50
- font-family: var(--font-body);
51
- line-height: 1.125;
52
- letter-spacing: 0;
57
+ font-weight: 700;
58
+ letter-spacing: normal;
53
59
  }
54
60
 
55
61
  h1[data-slate-node='element'] {
56
- font-size: base(1.5);
57
- margin: base(1) 0 base(0.5);
62
+ font-size: base(1.4);
63
+ margin-block: 0.5em 0.4em;
64
+ line-height: base(1.2);
65
+ letter-spacing: normal;
58
66
  }
59
67
 
60
68
  h2[data-slate-node='element'] {
61
69
  font-size: base(1.25);
62
- margin: base(1) 0 base(0.5);
70
+ margin-block: 0.55em 0.4em;
71
+ line-height: base(1.2);
72
+ letter-spacing: normal;
63
73
  }
64
74
 
65
75
  h3[data-slate-node='element'] {
66
- font-size: base(1.125);
67
- margin: base(0.75) 0 base(0.5);
76
+ font-size: base(1.1);
77
+ margin-block: 0.6em 0.4em;
78
+ line-height: base(1.3);
79
+ letter-spacing: normal;
68
80
  }
69
81
 
70
82
  h4[data-slate-node='element'] {
71
83
  font-size: base(1);
72
- margin: base(0.5) 0 base(0.5);
84
+ margin-block: 0.65em 0.4em;
85
+ line-height: base(1.4);
86
+ letter-spacing: normal;
73
87
  }
74
88
 
75
89
  h5[data-slate-node='element'] {
76
- font-size: base(0.875);
77
- margin: base(0.25) 0 base(0.25);
90
+ font-size: base(0.9);
91
+ margin-block: 0.7em 0.4em;
92
+ line-height: base(1.5);
93
+ letter-spacing: normal;
78
94
  }
79
95
 
80
96
  h6[data-slate-node='element'] {
81
- font-size: base(0.75);
82
- margin: base(0.25) 0 base(0.25);
97
+ font-size: base(0.8);
98
+ margin-block: 0.75em 0.4em;
99
+ line-height: base(1.5);
83
100
  }
84
101
  }
85
102
 
package/dist/scss/app.scss CHANGED
@@ -21,8 +21,8 @@
21
21
  --theme-baseline-body-size: #{$baseline-body-size};
22
22
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
23
23
  sans-serif;
24
- --font-serif: Georgia, 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
25
- --font-mono: monospace;
24
+ --font-serif: 'Georgia', 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
25
+ --font-mono: 'SF Mono', Menlo, Consolas, Monaco, monospace;
26
26
 
27
27
  --style-radius-s: #{$style-radius-s};
28
28
  --style-radius-m: #{$style-radius-m};
@@ -146,13 +146,13 @@ h6 {
146
146
  }
147
147
 
148
148
  p {
149
- margin: 0 0 $baseline;
149
+ margin: 0;
150
150
  }
151
151
 
152
152
  ul,
153
153
  ol {
154
154
  padding-left: $baseline;
155
- margin: 0 0 $baseline;
155
+ margin: 0;
156
156
  }
157
157
 
158
158
  :focus-visible {
package/dist/scss/toasts.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  position: absolute;
9
9
  order: 3;
10
10
  left: unset;
11
- inset-inline-end: base(0.5);
11
+ inset-inline-end: base(0.8);
12
12
  top: 50%;
13
13
  transform: translateY(-50%);
14
14
  color: var(--theme-elevation-600);
@@ -16,8 +16,8 @@
16
16
  border: none;
17
17
 
18
18
  svg {
19
- width: base(0.75);
20
- height: base(0.75);
19
+ width: base(0.8);
20
+ height: base(0.8);
21
21
  }
22
22
 
23
23
  &:hover {
@@ -33,10 +33,11 @@
33
33
 
34
34
  .toast-title {
35
35
  line-height: base(1);
36
+ margin-right: base(1);
36
37
  }
37
38
 
38
39
  .payload-toast-item {
39
- padding: base(0.5);
40
+ padding: base(0.8);
40
41
  color: var(--theme-elevation-800);
41
42
  font-style: normal;
42
43
  font-weight: 600;
@@ -69,8 +70,8 @@
69
70
  }
70
71
 
71
72
  .toast-icon {
72
- width: base(1);
73
- height: base(1);
73
+ width: base(0.8);
74
+ height: base(0.8);
74
75
  margin: 0;
75
76
  display: flex;
76
77
  align-items: center;
@@ -84,8 +85,8 @@
84
85
 
85
86
  &.toast-warning {
86
87
  color: var(--theme-warning-800);
87
- border-color: var(--theme-warning-150);
88
- background-color: var(--theme-warning-50);
88
+ border-color: var(--theme-warning-250);
89
+ background-color: var(--theme-warning-100);
89
90
 
90
91
  .payload-toast-close-button {
91
92
  color: var(--theme-warning-600);
@@ -98,8 +99,8 @@
98
99
 
99
100
  &.toast-error {
100
101
  color: var(--theme-error-800);
101
- border-color: var(--theme-error-150);
102
- background-color: var(--theme-error-50);
102
+ border-color: var(--theme-error-250);
103
+ background-color: var(--theme-error-100);
103
104
 
104
105
  .payload-toast-close-button {
105
106
  color: var(--theme-error-600);
@@ -112,8 +113,8 @@
112
113
 
113
114
  &.toast-success {
114
115
  color: var(--theme-success-800);
115
- border-color: var(--theme-success-150);
116
- background-color: var(--theme-success-50);
116
+ border-color: var(--theme-success-250);
117
+ background-color: var(--theme-success-100);
117
118
 
118
119
  .payload-toast-close-button {
119
120
  color: var(--theme-success-600);
@@ -126,8 +127,8 @@
126
127
 
127
128
  &.toast-info {
128
129
  color: var(--theme-elevation-800);
129
- border-color: var(--theme-elevation-150);
130
- background-color: var(--theme-elevation-50);
130
+ border-color: var(--theme-elevation-250);
131
+ background-color: var(--theme-elevation-100);
131
132
 
132
133
  .payload-toast-close-button {
133
134
  color: var(--theme-elevation-600);
package/dist/scss/type.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  }
17
17
 
18
18
  %h1 {
19
- margin: 0 0 base(1);
19
+ margin: 0;
20
20
  font-size: base(1.6);
21
21
  line-height: base(1.8);
22
22
 
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  %h2 {
30
- margin: 0 0 base(1);
30
+ margin: 0;
31
31
  font-size: base(1.3);
32
32
  line-height: base(1.6);
33
33
 
@@ -37,7 +37,7 @@
37
37
  }
38
38
 
39
39
  %h3 {
40
- margin: 0 0 base(1);
40
+ margin: 0;
41
41
  font-size: base(1);
42
42
  line-height: base(1.2);
43
43
 
@@ -48,7 +48,7 @@
48
48
  }
49
49
 
50
50
  %h4 {
51
- margin: 0 0 $baseline;
51
+ margin: 0;
52
52
  font-size: base(0.8);
53
53
  line-height: base(1);
54
54
  letter-spacing: -0.375px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payloadcms/richtext-slate",
3
- "version": "3.0.0-canary.cb7fa00",
3
+ "version": "3.0.0-canary.cdb9474",
4
4
  "description": "The officially supported Slate richtext adapter for Payload",
5
5
  "homepage": "https://payloadcms.com",
6
6
  "repository": {
@@ -38,22 +38,21 @@
38
38
  "slate": "0.91.4",
39
39
  "slate-history": "0.86.0",
40
40
  "slate-hyperscript": "0.81.3",
41
- "slate-react": "0.92.0"
41
+ "slate-react": "0.92.0",
42
+ "@payloadcms/translations": "3.0.0-canary.cdb9474",
43
+ "@payloadcms/ui": "3.0.0-canary.cdb9474"
42
44
  },
43
45
  "devDependencies": {
44
46
  "@types/is-hotkey": "^0.1.10",
45
47
  "@types/node": "20.12.5",
46
48
  "@types/react": "npm:types-react@19.0.0-rc.0",
47
49
  "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
48
- "@payloadcms/eslint-config": "3.0.0-beta.59",
49
- "@payloadcms/ui": "3.0.0-canary.cb7fa00",
50
- "payload": "3.0.0-canary.cb7fa00"
50
+ "payload": "3.0.0-canary.cdb9474",
51
+ "@payloadcms/eslint-config": "3.0.0-beta.59"
51
52
  },
52
53
  "peerDependencies": {
53
54
  "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
54
- "@payloadcms/translations": "3.0.0-canary.cb7fa00",
55
- "payload": "3.0.0-canary.cb7fa00",
56
- "@payloadcms/ui": "3.0.0-canary.cb7fa00"
55
+ "payload": "3.0.0-canary.cdb9474"
57
56
  },
58
57
  "engines": {
59
58
  "node": "^18.20.2 || >=20.9.0"