@contember/react-slate-editor-base 2.1.0-alpha.9 → 2.1.0-beta.2

package/src/plugins/element/paragraphs/ParagraphHtmlDeserializer.ts

@@ -2,8 +2,11 @@ import { paragraphElementType } from './ParagraphElement'
 import { HtmlDeserializerPlugin } from '../../../types'
 
 export const paragraphHtmlDeserializer: HtmlDeserializerPlugin = {
-	processBlockPaste: ({ element, next, cumulativeTextAttrs }) => element.nodeName === 'P' ? {
-		type: paragraphElementType,
-		children: next(element.childNodes, cumulativeTextAttrs),
-	} : null,
+	processBlockPaste: ({ element, next, cumulativeTextAttrs }) =>
+		element.nodeName === 'P'
+			? {
+				type: paragraphElementType,
+				children: next(element.childNodes, cumulativeTextAttrs),
+			}
+			: null,
 }

package/src/plugins/element/paragraphs/withParagraphs.ts

@@ -12,7 +12,6 @@ export const withParagraphs = ({ render }: { render: ElementRenderer<ParagraphEl
 
 	editor.registerElement(paragraphElementPlugin({ render }))
 
-
 	editor.canToggleElement = (elementType, suchThat) => {
 		// This only allows numbered paragraphs at the top level.
 		// TODO this is pretty bad but in order to fix this, we'd also have to fix toggleElement and there's no time now.
@@ -35,7 +34,7 @@ export const withParagraphs = ({ render }: { render: ElementRenderer<ParagraphEl
 		}
 		const [closestBlockElement, closestBlockPath] = closestBlockEntry
 
-		return closestBlockPath.length === 1 &&  SlateElement.isElement(closestBlockElement) && closestBlockElement.type === paragraphElementType
+		return closestBlockPath.length === 1 && SlateElement.isElement(closestBlockElement) && closestBlockElement.type === paragraphElementType
 	}
 
 	editor.deleteBackward = unit => {

package/src/plugins/element/scrollTargets/ScrollTargetElement.ts

@@ -1,4 +1,4 @@
-import { Editor as SlateEditor, Editor, Element as SlateElement, Node as SlateNode, Range as SlateRange, Transforms } from 'slate'
+import { Editor, Editor as SlateEditor, Element as SlateElement, Node as SlateNode, Range as SlateRange, Transforms } from 'slate'
 import { EditorElementPlugin, ElementRenderer } from '../../../types'
 
 export const scrollTargetElementType = 'scrollTarget' as const
@@ -17,7 +17,9 @@ export const isScrollTargetElementActive = (editor: Editor) => {
 	return !!link
 }
 
-export const scrollTargetElementPlugin = ({ render }: { render: ElementRenderer<ScrollTargetElement> }): EditorElementPlugin<ScrollTargetElement> => ({
+export const scrollTargetElementPlugin = (
+	{ render }: { render: ElementRenderer<ScrollTargetElement> },
+): EditorElementPlugin<ScrollTargetElement> => ({
 	type: scrollTargetElementType,
 	render,
 	isActive: ({ editor }) => isScrollTargetElementActive(editor),
@@ -27,9 +29,8 @@ export const scrollTargetElementPlugin = ({ render }: { render: ElementRenderer<
 		if (isScrollTargetElementActive(editor)) {
 			unwrapScrollTarget(editor)
 		} else {
-			let identifier =
-				suchThat?.identifier ??
-				prompt('Insert the identifier:')
+			let identifier = suchThat?.identifier
+				?? prompt('Insert the identifier:')
 
 			if (!identifier) {
 				return

package/src/plugins/element/tables/TableCellElement.ts

@@ -19,8 +19,7 @@ export const createEmptyTableCellElement = () => ({
 	children: [{ text: '' }],
 })
 
-
-export const tableCellElementPlugin = ({ render }: {render: ElementRenderer<TableCellElement>}): EditorElementPlugin<TableCellElement> => ({
+export const tableCellElementPlugin = ({ render }: { render: ElementRenderer<TableCellElement> }): EditorElementPlugin<TableCellElement> => ({
 	type: tableCellElementType,
 	render,
 	normalizeNode: ({ element, editor, path, preventDefault }) => {

package/src/plugins/element/tables/TableElement.ts

@@ -1,4 +1,15 @@
-import { Editor as SlateEditor, Editor, Element as SlateElement, Element, Node as SlateNode, Node, NodeEntry, Path as SlatePath, Range as SlateRange, Transforms } from 'slate'
+import {
+	Editor,
+	Editor as SlateEditor,
+	Element,
+	Element as SlateElement,
+	Node,
+	Node as SlateNode,
+	NodeEntry,
+	Path as SlatePath,
+	Range as SlateRange,
+	Transforms,
+} from 'slate'
 import { createEmptyTableRowElement, isTableRowElement, TableRowElement, tableRowElementType } from './TableRowElement'
 import { ContemberEditor } from '../../../editor'
 import { gaugeTableColumnCount } from './gaugeTableColumnCount'
@@ -28,7 +39,7 @@ export const getTableElementColumnCount = (element: TableElement): number => {
 	return firstRow?.children.length ?? 0
 }
 
-export const tableElementPlugin = ({ render }: {render: ElementRenderer<TableElement>}): EditorElementPlugin<TableElement> => ({
+export const tableElementPlugin = ({ render }: { render: ElementRenderer<TableElement> }): EditorElementPlugin<TableElement> => ({
 	type: tableElementType,
 	render,
 	normalizeNode: ({ editor, element, path, preventDefault }) => {

package/src/plugins/element/tables/TableModifications.ts

@@ -3,12 +3,7 @@ import { ReactEditor } from 'slate-react'
 import { getTableElementColumnCount, getTableElementRowCount, TableElement } from './TableElement'
 import { createEmptyTableRowElement, isTableRowElement, TableRowElement, tableRowElementType } from './TableRowElement'
 import { ContemberEditor } from '../../../editor'
-import {
-	createEmptyTableCellElement,
-	isTableCellElement,
-	TableCellElement,
-	tableCellElementType,
-} from './TableCellElement'
+import { createEmptyTableCellElement, isTableCellElement, TableCellElement, tableCellElementType } from './TableCellElement'
 
 export class TableModifications {
 	public static deleteTableColumn(editor: Editor, element: TableElement, index: number) {
@@ -122,8 +117,7 @@ export class TableModifications {
 		})
 
 		// If none have it or the majority does but not all.
-		const shouldSetScope =
-			-currentStatusScore === rowCount || (currentStatusScore > 0 && currentStatusScore !== rowCount)
+		const shouldSetScope = -currentStatusScore === rowCount || (currentStatusScore > 0 && currentStatusScore !== rowCount)
 
 		forEachCellInColumn(editor, element, columnIndex, ([, cellPath]) => {
 			Transforms.setNodes(
@@ -162,4 +156,3 @@ const copyTableCell = (tableCellElement: TableCellElement): TableCellElement =>
 	type: tableCellElementType,
 	children: [{ text: '' }],
 })
-

package/src/plugins/element/tables/TableRowElement.ts

@@ -1,4 +1,4 @@
-import { Editor as SlateEditor, Element as SlateElement, Element, Node, Node as SlateNode, Transforms } from 'slate'
+import { Editor as SlateEditor, Element, Element as SlateElement, Node, Node as SlateNode, Transforms } from 'slate'
 import { createEmptyTableCellElement, isTableCellElement, tableCellElementType } from './TableCellElement'
 import { ContemberEditor } from '../../../editor'
 import { tableElementType } from './TableElement'
@@ -19,7 +19,7 @@ export const createEmptyTableRowElement = (columnCount = 2) => ({
 	children: Array.from({ length: columnCount }, () => createEmptyTableCellElement()),
 })
 
-export const tableRowElementPlugin = ({ render }: {render: ElementRenderer<TableRowElement>}): EditorElementPlugin<TableRowElement> => ({
+export const tableRowElementPlugin = ({ render }: { render: ElementRenderer<TableRowElement> }): EditorElementPlugin<TableRowElement> => ({
 	type: tableRowElementType,
 	render,
 	normalizeNode: ({ editor, path, element, preventDefault }) => {

package/src/plugins/element/tables/withTables.ts

@@ -12,7 +12,8 @@ export const withTables = ({ renderTable, renderTableCell, renderTableRow }: {
 	renderTable: ElementRenderer<TableElement>
 	renderTableCell: ElementRenderer<TableCellElement>
 	renderTableRow: ElementRenderer<TableRowElement>
-}) => <E extends Editor>(editor: E): E => {
+}) =>
+<E extends Editor>(editor: E): E => {
 	const {
 		deleteForward,
 		deleteBackward,
@@ -66,9 +67,9 @@ export const withTables = ({ renderTable, renderTableCell, renderTableRow }: {
 			if (selection && SlateRange.isCollapsed(selection)) {
 				const closestBlockEntry = ContemberEditor.closestBlockEntry(editor)
 				if (
-					closestBlockEntry &&
-					isTableCellElement(closestBlockEntry[0]) &&
-					Point.equals(selection.focus, Editor.start(editor, closestBlockEntry[1]))
+					closestBlockEntry
+					&& isTableCellElement(closestBlockEntry[0])
+					&& Point.equals(selection.focus, Editor.start(editor, closestBlockEntry[1]))
 				) {
 					return
 				}
@@ -80,9 +81,9 @@ export const withTables = ({ renderTable, renderTableCell, renderTableRow }: {
 			if (selection && SlateRange.isCollapsed(selection)) {
 				const closestBlockEntry = ContemberEditor.closestBlockEntry(editor)
 				if (
-					closestBlockEntry &&
-					isTableCellElement(closestBlockEntry[0]) &&
-					Point.equals(selection.focus, Editor.end(editor, closestBlockEntry[1]))
+					closestBlockEntry
+					&& isTableCellElement(closestBlockEntry[0])
+					&& Point.equals(selection.focus, Editor.end(editor, closestBlockEntry[1]))
 				) {
 					return
 				}
@@ -105,15 +106,15 @@ export const withTables = ({ renderTable, renderTableCell, renderTableRow }: {
 		onKeyDown: event => {
 			const selection = editor.selection
 			if (
-				!selection ||
-				!(
-					event.key === 'Tab' ||
-					event.key === 'ArrowUp' ||
-					event.key === 'ArrowRight' ||
-					event.key === 'ArrowDown' ||
-					event.key === 'ArrowLeft' ||
-					event.key === 'Enter' ||
-					event.key === 'Backspace'
+				!selection
+				|| !(
+					event.key === 'Tab'
+					|| event.key === 'ArrowUp'
+					|| event.key === 'ArrowRight'
+					|| event.key === 'ArrowDown'
+					|| event.key === 'ArrowLeft'
+					|| event.key === 'Enter'
+					|| event.key === 'Backspace'
 				)
 			) {
 				return onKeyDown(event)
@@ -135,7 +136,7 @@ export const withTables = ({ renderTable, renderTableCell, renderTableRow }: {
 					return onKeyDown(event)
 				}
 			} else {
-				[cellElement, cellPath] = closestBlockEntry
+				;[cellElement, cellPath] = closestBlockEntry
 			}
 			if (cellPath.length < 3) {
 				return onKeyDown(event)
@@ -236,8 +237,8 @@ export const withTables = ({ renderTable, renderTableCell, renderTableRow }: {
 					const relative = SlatePath.relative(closestBlockEntry[1], cellPath)
 					const defaultIndex = relative[0]
 					if (
-						(event.key === 'ArrowUp' && defaultIndex !== 0) ||
-						(event.key === 'ArrowDown' && defaultIndex !== cellElement.children.length - 1)
+						(event.key === 'ArrowUp' && defaultIndex !== 0)
+						|| (event.key === 'ArrowDown' && defaultIndex !== cellElement.children.length - 1)
 					) {
 						return onKeyDown(event)
 					}
@@ -331,7 +332,6 @@ export const withTables = ({ renderTable, renderTableCell, renderTableRow }: {
 			}
 			onKeyDown(event)
 		},
-
 	})
 
 	return editor

package/src/plugins/text/bold/withBold.ts

@@ -2,7 +2,6 @@ import { boldMark, boldMarkPlugin } from './boldMark'
 import { EditorPlugin } from '../../../types'
 import { createMarkHtmlDeserializer } from '../../behaviour'
 
-
 export const withBold = (): EditorPlugin => editor => {
 	editor.registerMark(boldMarkPlugin)
 	editor.htmlDeserializer.registerPlugin(

package/src/plugins/text/code/withCode.ts

@@ -2,7 +2,6 @@ import { Editor as SlateEditor } from 'slate'
 import { codeMarkPlugin } from './codeMark'
 import { EditorPlugin } from '../../../types'
 
-
 export const withCode = (): EditorPlugin => editor => {
 	editor.registerMark(codeMarkPlugin)
 

package/src/plugins/text/highlight/withHighlight.ts

@@ -2,7 +2,6 @@ import { Editor as SlateEditor } from 'slate'
 import { highlightMarkPlugin } from './highlightMark'
 import { EditorPlugin } from '../../../types'
 
-
 export const withHighlight = (): EditorPlugin => editor => {
 	editor.registerMark(highlightMarkPlugin)
 

package/src/plugins/text/italic/withItalic.ts

@@ -2,7 +2,6 @@ import { italicMark, italicMarkPlugin } from './italicMark'
 import { EditorPlugin } from '../../../types'
 import { createMarkHtmlDeserializer } from '../../behaviour'
 
-
 export const withItalic = (): EditorPlugin => editor => {
 	editor.registerMark(italicMarkPlugin)
 	editor.htmlDeserializer.registerPlugin(

package/src/plugins/text/strikeThrough/withStrikeThrough.ts

@@ -3,7 +3,6 @@ import { strikeThroughMark, strikeThroughPlugin } from './strikeThroughMark'
 import { EditorPlugin } from '../../../types'
 import { createMarkHtmlDeserializer } from '../../behaviour'
 
-
 export const withStrikeThrough = (): EditorPlugin => editor => {
 	editor.registerMark(strikeThroughPlugin)
 	editor.htmlDeserializer.registerPlugin(

package/src/plugins/text/underline/withUnderline.ts

@@ -2,7 +2,6 @@ import { underlineMark, underlineMarkPlugin } from './underlineMark'
 import { createMarkHtmlDeserializer } from '../../behaviour'
 import { EditorPlugin } from '../../../types'
 
-
 export const withUnderline = (): EditorPlugin => editor => {
 	editor.registerMark(underlineMarkPlugin)
 	editor.htmlDeserializer.registerPlugin(

package/src/slate-types.ts

@@ -1,20 +1,24 @@
-import { BaseEditor, Descendant, Selection, Point, Range, Ancestor, Path } from 'slate'
+import { Ancestor, BaseEditor, Descendant, Path, Point, Range, Selection } from 'slate'
 import { ReactEditor, RenderElementProps } from 'slate-react'
 import { HistoryEditor } from 'slate-history'
 import { EditorWithEssentials } from './types/editor'
 
 export type Editor = EditorWithEssentials<ReactEditor & HistoryEditor & BaseEditor>
-export type EditorElement = {
-	[K in string]: unknown
-} & {
-	type: string
-	children: Array<Descendant>
-}
-export type EditorText = {
-	[K in string]: unknown
-} & {
-	text: string
-}
+export type EditorElement =
+	& {
+		[K in string]: unknown
+	}
+	& {
+		type: string
+		children: Array<Descendant>
+	}
+export type EditorText =
+	& {
+		[K in string]: unknown
+	}
+	& {
+		text: string
+	}
 
 export type EditorDescendant = Descendant
 export type EditorAncestor = Ancestor

package/src/types/htmlDeserializer.ts

@@ -19,7 +19,7 @@ export interface HtmlDeserializerPlugin {
 			element: HTMLElement
 			next: HtmlDeserializerNextCallback
 			cumulativeTextAttrs: HtmlDeserializerTextAttrs
-		}
+		},
 	) => SlateElement[] | SlateElement | null
 	processInlinePaste?: (
 		args: {
@@ -27,7 +27,7 @@ export interface HtmlDeserializerPlugin {
 			element: HTMLElement
 			next: HtmlDeserializerNextCallback
 			cumulativeTextAttrs: HtmlDeserializerTextAttrs
-		}
+		},
 	) => Descendant[] | Descendant | null
 	processAttributesPaste?: (args: {
 		deserializer: HtmlDeserializer

package/src/types/plugins.ts

@@ -11,7 +11,6 @@ export type EditorPlugin = ((editor: Editor) => void) | {
 	staticRender?: (props: { children?: ReactNode }, environment: Environment) => ReactNode
 }
 
-
 export type ElementRenderer<T extends Element> = FunctionComponent<RenderElementProps & { element: T }>
 
 export interface EditorElementPlugin<T extends Element> {
@@ -26,7 +25,6 @@ export interface EditorElementPlugin<T extends Element> {
 	acceptsAttributes?: (args: { editor: Editor; suchThat: Partial<T> }) => boolean
 }
 
-
 export interface EditorMarkPlugin {
 	type: string
 	isHotKey: (e: KeyboardEvent) => boolean