payload 0.14.5-beta.0 → 0.14.6-beta.0

package/CHANGELOG.md

@@ -1,18 +1,21 @@
-## [0.14.5-beta.0](https://github.com/payloadcms/payload/compare/v0.14.0...v0.14.5-beta.0) (2022-01-07)
+## [0.14.6-beta.0](https://github.com/payloadcms/payload/compare/v0.14.0...v0.14.6-beta.0) (2022-01-12)
 
 
 ### Bug Fixes
 
 * ensures multipart/form-data using _payload flattens field data before sending ([ae44727](https://github.com/payloadcms/payload/commit/ae44727fb9734fc3801f7249fa9e78668311c09e))
+* new slate version types ([c5de01b](https://github.com/payloadcms/payload/commit/c5de01bfc48ca6793c1526499fe934d9ad8f0cc9))
 * type error in useField ([ef4e6d3](https://github.com/payloadcms/payload/commit/ef4e6d32a90215c07aa2c1e7217cf53558bfae97))
 
 
 ### Features
 
+* adds indentation controls to rich text ([7df50f9](https://github.com/payloadcms/payload/commit/7df50f9bf9d4867e65bdd8cebdf43e0ab1737a63))
 * builds a way for multipart/form-data reqs to retain non-string values ([65b0ad7](https://github.com/payloadcms/payload/commit/65b0ad7f084a9c279a1e4fb799542f97c645653d))
 * exposes FieldWithPath type for reuse ([df3a836](https://github.com/payloadcms/payload/commit/df3a83634fcb64724ef239600e3af4fc295fee4f))
+* rich text indent PoC ([2deed8b](https://github.com/payloadcms/payload/commit/2deed8b1464931c4bc76a288923b307cf04b6a4a))
 
-## [0.14.4-beta.0](https://github.com/payloadcms/payload/compare/v0.14.0...v0.14.4-beta.0) (2022-01-07)
+## [0.14.5-beta.0](https://github.com/payloadcms/payload/compare/v0.14.0...v0.14.5-beta.0) (2022-01-07)
 
 
 ### Bug Fixes
@@ -26,18 +29,6 @@
 * builds a way for multipart/form-data reqs to retain non-string values ([65b0ad7](https://github.com/payloadcms/payload/commit/65b0ad7f084a9c279a1e4fb799542f97c645653d))
 * exposes FieldWithPath type for reuse ([df3a836](https://github.com/payloadcms/payload/commit/df3a83634fcb64724ef239600e3af4fc295fee4f))
 
-## [0.14.3-beta.0](https://github.com/payloadcms/payload/compare/v0.14.0...v0.14.3-beta.0) (2022-01-05)
-
-
-### Bug Fixes
-* clearing saved number for a localized field ([443a070](https://github.com/payloadcms/payload/commit/5549926d2c51995baf40a06b5de74ebd3443a070)
-* ensures multipart/form-data using _payload flattens field data before sending ([ae44727](https://github.com/payloadcms/payload/commit/ae44727fb9734fc3801f7249fa9e78668311c09e))
-
-
-### Features
-
-* builds a way for multipart/form-data reqs to retain non-string values ([65b0ad7](https://github.com/payloadcms/payload/commit/65b0ad7f084a9c279a1e4fb799542f97c645653d))
-
 # [0.14.0](https://github.com/payloadcms/payload/compare/v0.13.6...v0.14.0) (2022-01-03)
 
 

package/dist/admin/components/forms/field-types/RichText/RichText.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { BaseEditor } from 'slate';
 import { ReactEditor } from 'slate-react';
 import { HistoryEditor } from 'slate-history';
-import { Props } from './types';
+import { Props, BlurSelectionEditor } from './types';
 import './index.scss';
 declare type CustomText = {
     text: string;
@@ -14,7 +14,7 @@ declare type CustomElement = {
 };
 declare module 'slate' {
     interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Editor: BaseEditor & ReactEditor & HistoryEditor & BlurSelectionEditor;
         Element: CustomElement;
         Text: CustomText;
     }

package/dist/admin/components/forms/field-types/RichText/RichText.js

@@ -21,7 +21,7 @@ import listTypes from './elements/listTypes';
 import mergeCustomFunctions from './mergeCustomFunctions';
 import withEnterBreakOut from './plugins/withEnterBreakOut';
 import './index.scss';
-const defaultElements = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'ul', 'ol', 'link', 'relationship', 'upload'];
+const defaultElements = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'ul', 'ol', 'indent', 'link', 'relationship', 'upload'];
 const defaultLeaves = ['bold', 'italic', 'underline', 'strikethrough', 'code'];
 const baseClass = 'rich-text';
 const RichText = (props) => {
@@ -157,13 +157,12 @@ const RichText = (props) => {
                                             const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path);
                                             if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === editor.selection.anchor.offset) {
                                                 Transforms.insertNodes(editor, {
-                                                    type: 'p',
-                                                    children: [{ text: '' }],
+                                                    text: '',
                                                 });
                                             }
                                             else {
                                                 Transforms.splitNodes(editor);
-                                                Transforms.setNodes(editor, { type: 'p' });
+                                                Transforms.setNodes(editor, {});
                                             }
                                         }
                                     }
@@ -178,7 +177,7 @@ const RichText = (props) => {
                                             match: (n) => SlateElement.isElement(n) && listTypes.includes(n.type),
                                             split: true,
                                         });
-                                        Transforms.setNodes(editor, { type: 'p' });
+                                        Transforms.setNodes(editor, {});
                                     }
                                 }
                                 else if (editor.isVoid(selectedElement)) {

package/dist/admin/components/forms/field-types/RichText/buttons.scss

@@ -5,4 +5,8 @@
     width: base(.75);
     height: base(.75);
   }
+
+  &--disabled {
+    opacity: .4;
+  }
 }

package/dist/admin/components/forms/field-types/RichText/elements/Button.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ButtonProps } from './types';
 import '../buttons.scss';
+export declare const baseClass = "rich-text__button";
 declare const ElementButton: React.FC<ButtonProps>;
 export default ElementButton;

package/dist/admin/components/forms/field-types/RichText/elements/Button.js

@@ -3,7 +3,7 @@ import { useSlate } from 'slate-react';
 import isElementActive from './isActive';
 import toggleElement from './toggle';
 import '../buttons.scss';
-const baseClass = 'rich-text__button';
+export const baseClass = 'rich-text__button';
 const ElementButton = ({ format, children, onClick, className }) => {
     const editor = useSlate();
     const defaultOnClick = useCallback((event) => {

package/dist/admin/components/forms/field-types/RichText/elements/ListButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ButtonProps } from './types';
+import '../buttons.scss';
+export declare const baseClass = "rich-text__button";
+declare const ListButton: React.FC<ButtonProps>;
+export default ListButton;

package/dist/admin/components/forms/field-types/RichText/elements/ListButton.js

@@ -0,0 +1,19 @@
+import React, { useCallback } from 'react';
+import { useSlate } from 'slate-react';
+import isListActive from './isListActive';
+import toggleElement from './toggle';
+import '../buttons.scss';
+export const baseClass = 'rich-text__button';
+const ListButton = ({ format, children, onClick, className }) => {
+    const editor = useSlate();
+    const defaultOnClick = useCallback((event) => {
+        event.preventDefault();
+        toggleElement(editor, format);
+    }, [editor, format]);
+    return (React.createElement("button", { type: "button", className: [
+            baseClass,
+            className,
+            isListActive(editor, format) && `${baseClass}__button--active`,
+        ].filter(Boolean).join(' '), onClick: onClick || defaultOnClick }, children));
+};
+export default ListButton;

package/dist/admin/components/forms/field-types/RichText/elements/indent/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const indent: {
+    Button: () => JSX.Element;
+    Element: ({ attributes, children }: {
+        attributes: any;
+        children: any;
+    }) => JSX.Element;
+};
+export default indent;

package/dist/admin/components/forms/field-types/RichText/elements/indent/index.js

@@ -0,0 +1,69 @@
+import React, { useCallback } from 'react';
+import { useSlate, ReactEditor } from 'slate-react';
+import { Editor, Element, Transforms } from 'slate';
+import IndentLeft from '../../../../../icons/IndentLeft';
+import IndentRight from '../../../../../icons/IndentRight';
+import { baseClass } from '../Button';
+import isElementActive from '../isActive';
+import listTypes from '../listTypes';
+const indentType = 'indent';
+const IndentWithPadding = ({ attributes, children }) => (React.createElement("div", { style: { paddingLeft: 25 }, ...attributes }, children));
+const indent = {
+    Button: () => {
+        const editor = useSlate();
+        const handleIndent = useCallback((e, dir) => {
+            e.preventDefault();
+            if (editor.blurSelection) {
+                Transforms.select(editor, editor.blurSelection);
+            }
+            if (dir === 'left') {
+                Transforms.unwrapNodes(editor, {
+                    match: (n) => Element.isElement(n) && [indentType, ...listTypes].includes(n.type),
+                    split: true,
+                    mode: 'lowest',
+                });
+                if (isElementActive(editor, 'li')) {
+                    const [, parentLocation] = Editor.parent(editor, editor.selection);
+                    const [, parentDepth] = parentLocation;
+                    if (parentDepth > 0 || parentDepth === 0) {
+                        Transforms.unwrapNodes(editor, {
+                            match: (n) => Element.isElement(n) && n.type === 'li',
+                            split: true,
+                            mode: 'lowest',
+                        });
+                    }
+                    else {
+                        Transforms.unsetNodes(editor, ['type']);
+                    }
+                }
+            }
+            if (dir === 'right') {
+                const isCurrentlyOL = isElementActive(editor, 'ol');
+                const isCurrentlyUL = isElementActive(editor, 'ul');
+                if (isCurrentlyOL || isCurrentlyUL) {
+                    Transforms.wrapNodes(editor, {
+                        type: 'li',
+                        children: [],
+                    });
+                    Transforms.wrapNodes(editor, { type: isCurrentlyOL ? 'ol' : 'ul', children: [{ text: ' ' }] });
+                    Transforms.setNodes(editor, { type: 'li' });
+                }
+                else {
+                    Transforms.wrapNodes(editor, { type: indentType, children: [] });
+                }
+            }
+            ReactEditor.focus(editor);
+        }, [editor]);
+        const canDeIndent = isElementActive(editor, 'li') || isElementActive(editor, indentType);
+        return (React.createElement(React.Fragment, null,
+            React.createElement("button", { type: "button", className: [
+                    baseClass,
+                    !canDeIndent && `${baseClass}--disabled`,
+                ].filter(Boolean).join(' '), onClick: canDeIndent ? (e) => handleIndent(e, 'left') : undefined },
+                React.createElement(IndentLeft, null)),
+            React.createElement("button", { type: "button", className: baseClass, onClick: (e) => handleIndent(e, 'right') },
+                React.createElement(IndentRight, null))));
+    },
+    Element: IndentWithPadding,
+};
+export default indent;

package/dist/admin/components/forms/field-types/RichText/elements/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: {
+declare const elements: {
     h1: {
         Button: () => JSX.Element;
         Element: ({ attributes, children }: {
@@ -49,7 +49,7 @@ declare const _default: {
             children: any;
             element: any;
         }) => JSX.Element;
-        plugins: ((incomingEditor: import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor) => import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor)[];
+        plugins: ((incomingEditor: import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor & import("../types").BlurSelectionEditor) => import("slate").BaseEditor & import("slate-react").ReactEditor & import("slate-history").HistoryEditor & import("../types").BlurSelectionEditor)[];
     };
     ol: {
         Button: () => JSX.Element;
@@ -66,6 +66,10 @@ declare const _default: {
         }) => JSX.Element;
     };
     li: {
+        Element: (props: any) => JSX.Element;
+    };
+    indent: {
+        Button: () => JSX.Element;
         Element: ({ attributes, children }: {
             attributes: any;
             children: any;
@@ -91,4 +95,4 @@ declare const _default: {
         plugins: ((incomingEditor: any) => any)[];
     };
 };
-export default _default;
+export default elements;

package/dist/admin/components/forms/field-types/RichText/elements/index.js

@@ -8,9 +8,10 @@ import link from './link';
 import ol from './ol';
 import ul from './ul';
 import li from './li';
+import indent from './indent';
 import relationship from './relationship';
 import upload from './upload';
-export default {
+const elements = {
     h1,
     h2,
     h3,
@@ -21,6 +22,8 @@ export default {
     ol,
     ul,
     li,
+    indent,
     relationship,
     upload,
 };
+export default elements;

package/dist/admin/components/forms/field-types/RichText/elements/isActive.js

@@ -1,8 +1,11 @@
 import { Editor, Element } from 'slate';
 const isElementActive = (editor, format) => {
-    const [match] = Editor.nodes(editor, {
-        match: (n) => Element.isElement(n) && n.type === format,
-    });
+    if (!editor.selection)
+        return false;
+    const [match] = Array.from(Editor.nodes(editor, {
+        at: Editor.unhangRange(editor, editor.selection),
+        match: (n) => !Editor.isEditor(n) && Element.isElement(n) && n.type === format,
+    }));
     return !!match;
 };
 export default isElementActive;

package/dist/admin/components/forms/field-types/RichText/elements/isListActive.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from 'slate';
+declare const isListActive: (editor: Editor, format: string) => boolean;
+export default isListActive;

package/dist/admin/components/forms/field-types/RichText/elements/isListActive.js

@@ -0,0 +1,18 @@
+import { Editor, Element } from 'slate';
+const isListActive = (editor, format) => {
+    if (!editor.selection
+        // If focus or anchor is at root of editor,
+        // Return false - as Editor.parent will fail
+        || editor.selection.focus.path[1] === 0
+        || editor.selection.anchor.path[1] === 0)
+        return false;
+    const parentLI = Editor.parent(editor, editor.selection);
+    if (parentLI[1].length > 0) {
+        const ancestor = Editor.above(editor, {
+            at: parentLI[1],
+        });
+        return Element.isElement(ancestor[0]) && ancestor[0].type === format;
+    }
+    return false;
+};
+export default isListActive;

package/dist/admin/components/forms/field-types/RichText/elements/li/index.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
 declare const _default: {
-    Element: ({ attributes, children }: {
-        attributes: any;
-        children: any;
-    }) => JSX.Element;
+    Element: (props: any) => JSX.Element;
 };
 export default _default;

package/dist/admin/components/forms/field-types/RichText/elements/li/index.js

@@ -1,5 +1,11 @@
 import React from 'react';
-const LI = ({ attributes, children }) => (React.createElement("li", { ...attributes }, children));
+import listTypes from '../listTypes';
+const LI = (props) => {
+    var _a, _b;
+    const { attributes, element, children } = props;
+    const disableListStyle = element.children.length === 1 && listTypes.includes((_b = (_a = element.children) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.type);
+    return (React.createElement("li", { style: { listStyle: disableListStyle ? 'none' : undefined }, ...attributes }, children));
+};
 export default {
     Element: LI,
 };

package/dist/admin/components/forms/field-types/RichText/elements/link/index.d.ts

@@ -8,6 +8,6 @@ declare const link: {
         children: any;
         element: any;
     }) => JSX.Element;
-    plugins: ((incomingEditor: import("slate").BaseEditor & ReactEditor & import("slate-history").HistoryEditor) => import("slate").BaseEditor & ReactEditor & import("slate-history").HistoryEditor)[];
+    plugins: ((incomingEditor: import("slate").BaseEditor & ReactEditor & import("slate-history").HistoryEditor & import("../../types").BlurSelectionEditor) => import("slate").BaseEditor & ReactEditor & import("slate-history").HistoryEditor & import("../../types").BlurSelectionEditor)[];
 };
 export default link;

package/dist/admin/components/forms/field-types/RichText/elements/ol/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import ElementButton from '../Button';
+import ListButton from '../ListButton';
 import OLIcon from '../../../../../icons/OrderedList';
 const OL = ({ attributes, children }) => (React.createElement("ol", { ...attributes }, children));
 const ol = {
-    Button: () => (React.createElement(ElementButton, { format: "ol" },
+    Button: () => (React.createElement(ListButton, { format: "ol" },
         React.createElement(OLIcon, null))),
     Element: OL,
 };

package/dist/admin/components/forms/field-types/RichText/elements/toggle.js

@@ -7,7 +7,7 @@ const toggleElement = (editor, format) => {
     const isList = listTypes.includes(format);
     let type = format;
     if (isActive) {
-        type = 'p';
+        type = undefined;
     }
     else if (isList) {
         type = 'li';
@@ -18,6 +18,7 @@ const toggleElement = (editor, format) => {
     Transforms.unwrapNodes(editor, {
         match: (n) => Element.isElement(n) && listTypes.includes(n.type),
         split: true,
+        mode: 'lowest',
     });
     Transforms.setNodes(editor, { type });
     if (!isActive && isList) {

package/dist/admin/components/forms/field-types/RichText/elements/ul/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import ElementButton from '../Button';
 import ULIcon from '../../../../../icons/UnorderedList';
+import ListButton from '../ListButton';
 const UL = ({ attributes, children }) => (React.createElement("ul", { ...attributes }, children));
 const ul = {
-    Button: () => (React.createElement(ElementButton, { format: "ul" },
+    Button: () => (React.createElement(ListButton, { format: "ul" },
         React.createElement(ULIcon, null))),
     Element: UL,
 };

package/dist/admin/components/forms/field-types/RichText/types.d.ts

@@ -1,4 +1,8 @@
+import { BaseEditor, Selection } from 'slate';
 import { RichTextField } from '../../../../../fields/config/types';
 export declare type Props = Omit<RichTextField, 'type'> & {
     path?: string;
 };
+export interface BlurSelectionEditor extends BaseEditor {
+    blurSelection?: Selection;
+}

package/dist/admin/components/icons/IndentLeft/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const IndentLeft: React.FC;
+export default IndentLeft;

package/dist/admin/components/icons/IndentLeft/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+const IndentLeft = () => (React.createElement("svg", { className: "icon icon--indent-left", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 25" },
+    React.createElement("path", { d: "M16.005 9.61502L21.005 13.1864L21.005 6.04361L16.005 9.61502Z", className: "fill" }),
+    React.createElement("rect", { x: "5", y: "5.68199", width: "9.0675", height: "2.15625", className: "fill" }),
+    React.createElement("rect", { x: "5", y: "11.4738", width: "9.0675", height: "2.15625", className: "fill" }),
+    React.createElement("rect", { x: "5", y: "17.2656", width: "16.005", height: "2.15625", className: "fill" })));
+export default IndentLeft;

package/dist/admin/components/icons/IndentLeft/index.scss

@@ -0,0 +1,16 @@
+@import '../../../scss/styles';
+
+.icon--indent-left {
+  height: $baseline;
+  width: $baseline;
+
+  .stroke {
+    fill: none;
+    stroke: $color-dark-gray;
+    stroke-width: $style-stroke-width-m;
+  }
+
+  .fill {
+    fill: $color-dark-gray;
+  }
+}

package/dist/admin/components/icons/IndentRight/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const IndentRight: React.FC;
+export default IndentRight;

package/dist/admin/components/icons/IndentRight/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+const IndentRight = () => (React.createElement("svg", { className: "icon icon--indent-right", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 25" },
+    React.createElement("path", { d: "M10 9.61502L5 6.04361L5 13.1864L10 9.61502Z", fill: "#333333" }),
+    React.createElement("rect", { x: "11.9375", y: "5.68199", width: "9.0675", height: "2.15625", className: "fill" }),
+    React.createElement("rect", { x: "11.9375", y: "11.4738", width: "9.0675", height: "2.15625", className: "fill" }),
+    React.createElement("rect", { x: "5", y: "17.2656", width: "16.005", height: "2.15625", className: "fill" })));
+export default IndentRight;

package/dist/admin/components/icons/IndentRight/index.scss

@@ -0,0 +1,16 @@
+@import '../../../scss/styles';
+
+.icon--indent-right {
+  height: $baseline;
+  width: $baseline;
+
+  .stroke {
+    fill: none;
+    stroke: $color-dark-gray;
+    stroke-width: $style-stroke-width-m;
+  }
+
+  .fill {
+    fill: $color-dark-gray;
+  }
+}

package/dist/admin/components/icons/Swap/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const Swap: React.FC;
+export default Swap;

package/dist/admin/components/icons/Swap/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+const Swap = () => (React.createElement("svg", { className: "icon icon--swap", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 25" },
+    React.createElement("path", { d: "M9.84631 4.78679L6.00004 8.63306L9.84631 12.4793", className: "stroke" }),
+    React.createElement("path", { d: "M15.1537 20.1059L19 16.2596L15.1537 12.4133", className: "stroke" }),
+    React.createElement("line", { x1: "7", y1: "8.7013", x2: "15", y2: "8.7013", stroke: "#333333", className: "stroke" }),
+    React.createElement("line", { x1: "18", y1: "16.1195", x2: "10", y2: "16.1195", className: "stroke" })));
+export default Swap;

package/dist/admin/components/icons/Swap/index.scss

@@ -0,0 +1,12 @@
+@import '../../../scss/styles';
+
+.icon--swap {
+  height: $baseline;
+  width: $baseline;
+
+  .stroke {
+    fill: none;
+    stroke: $color-dark-gray;
+    stroke-width: $style-stroke-width-m;
+  }
+}

package/dist/fields/config/types.d.ts

@@ -183,7 +183,7 @@ export declare type RichTextCustomLeaf = {
     Leaf: React.ComponentType;
     plugins?: RichTextPlugin[];
 };
-export declare type RichTextElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'blockquote' | 'ul' | 'ol' | 'link' | 'relationship' | 'upload' | RichTextCustomElement;
+export declare type RichTextElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'blockquote' | 'ul' | 'ol' | 'link' | 'relationship' | 'upload' | 'indent' | RichTextCustomElement;
 export declare type RichTextLeaf = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'code' | RichTextCustomLeaf;
 export declare type RichTextField = FieldBase & {
     type: 'richText';

package/dist/fields/richText/defaultValue.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    type: string;
     children: {
         text: string;
     }[];

package/dist/fields/richText/defaultValue.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [{
+        type: 'p',
         children: [{ text: '' }],
     }];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdFZhbHVlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2ZpZWxkcy9yaWNoVGV4dC9kZWZhdWx0VmFsdWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxrQkFBZSxDQUFDO1FBQ2QsUUFBUSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLENBQUM7S0FDekIsQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdFZhbHVlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2ZpZWxkcy9yaWNoVGV4dC9kZWZhdWx0VmFsdWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxrQkFBZSxDQUFDO1FBQ2QsSUFBSSxFQUFFLEdBQUc7UUFDVCxRQUFRLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQztLQUN6QixDQUFDLENBQUMifQ==

package/docs/fields/rich-text.mdx

@@ -57,6 +57,7 @@ The default `elements` available in Payload are:
 - `link`
 - `ol`
 - `ul`
+- `indent`
 - [`relationship`](#relationship-element)
 - [`upload`](#upload-element)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload",
-  "version": "0.14.5-beta.0",
+  "version": "0.14.6-beta.0",
   "description": "Node, React and MongoDB Headless CMS and Application Framework",
   "license": "SEE LICENSE IN license.md",
   "author": {
@@ -166,10 +166,10 @@
     "sass": "^1.42.0",
     "sass-loader": "^10.1.0",
     "sharp": "^0.29.3",
-    "slate": "^0.66.2",
+    "slate": "0.72.3",
     "slate-history": "^0.66.0",
     "slate-hyperscript": "^0.66.0",
-    "slate-react": "^0.66.4",
+    "slate-react": "^0.72.1",
     "style-loader": "^2.0.0",
     "terser-webpack-plugin": "^5.0.3",
     "ts-essentials": "^7.0.1",