@quadrats/common 0.4.5 → 0.5.9

package/blockquote/createBlockquote.js

@@ -1,11 +1,27 @@
-import { isNodesTypeIn, toggleNodesType, Element, normalizeOnlyInlineOrTextInChildren } from '@quadrats/core';
+import { isNodesTypeIn, toggleNodesType, Editor, Transforms, createParagraphElement, Element, normalizeOnlyInlineOrTextInChildren } from '@quadrats/core';
 import { BLOCKQUOTE_TYPE } from './constants.js';
 
 function createBlockquote({ type = BLOCKQUOTE_TYPE } = {}) {
     return {
         type,
-        isSelectionInBlockquote: (editor) => isNodesTypeIn(editor, [type]),
-        toggleBlockquote: (editor) => toggleNodesType(editor, type),
+        isSelectionInBlockquote: editor => isNodesTypeIn(editor, [type]),
+        toggleBlockquote: (editor) => {
+            const actived = isNodesTypeIn(editor, [type]);
+            toggleNodesType(editor, type);
+            if (!actived) {
+                if (editor.selection) {
+                    // Select to line end
+                    const originPoint = Editor.point(editor, editor.selection.focus);
+                    Transforms.move(editor, { unit: 'line', edge: 'end' });
+                    Transforms.collapse(editor, { edge: 'end' });
+                    // Only last block add paragraph automatically
+                    if (!Editor.next(editor)) {
+                        Transforms.insertNodes(editor, [createParagraphElement()]);
+                    }
+                    Transforms.select(editor, originPoint);
+                }
+            }
+        },
         with(editor) {
             const { normalizeNode } = editor;
             editor.normalizeNode = (entry) => {

package/blockquote/index.cjs.js

@@ -9,8 +9,24 @@ const BLOCKQUOTE_TYPE = 'blockquote';
 function createBlockquote({ type = BLOCKQUOTE_TYPE } = {}) {
     return {
         type,
-        isSelectionInBlockquote: (editor) => core.isNodesTypeIn(editor, [type]),
-        toggleBlockquote: (editor) => core.toggleNodesType(editor, type),
+        isSelectionInBlockquote: editor => core.isNodesTypeIn(editor, [type]),
+        toggleBlockquote: (editor) => {
+            const actived = core.isNodesTypeIn(editor, [type]);
+            core.toggleNodesType(editor, type);
+            if (!actived) {
+                if (editor.selection) {
+                    // Select to line end
+                    const originPoint = core.Editor.point(editor, editor.selection.focus);
+                    core.Transforms.move(editor, { unit: 'line', edge: 'end' });
+                    core.Transforms.collapse(editor, { edge: 'end' });
+                    // Only last block add paragraph automatically
+                    if (!core.Editor.next(editor)) {
+                        core.Transforms.insertNodes(editor, [core.createParagraphElement()]);
+                    }
+                    core.Transforms.select(editor, originPoint);
+                }
+            }
+        },
         with(editor) {
             const { normalizeNode } = editor;
             editor.normalizeNode = (entry) => {

package/blockquote/typings.d.ts

@@ -1,7 +1,7 @@
-import { Editor, Element, Withable, WithElementType } from '@quadrats/core';
-export interface BlockquoteElement extends Element, WithElementType {
+import { Editor, QuadratsElement, Withable, WithElementType } from '@quadrats/core';
+export interface BlockquoteElement extends QuadratsElement, WithElementType {
 }
-export interface Blockquote extends WithElementType, Withable {
-    isSelectionInBlockquote(editor: Editor): boolean;
-    toggleBlockquote(editor: Editor): void;
+export interface Blockquote<T extends Editor = Editor> extends WithElementType, Withable {
+    isSelectionInBlockquote(editor: T): boolean;
+    toggleBlockquote(editor: T): void;
 }

package/bold/createBold.d.ts

@@ -1 +1 @@
-export declare const createBold: (variant?: string | undefined) => ({ type, variant }?: import("@quadrats/common/toggle-mark").CreateToggleMarkOptions | undefined) => import("@quadrats/common/toggle-mark").ToggleMark;
+export declare const createBold: (variant?: string | undefined) => ({ type, variant }?: import("@quadrats/common/toggle-mark").CreateToggleMarkOptions | undefined) => import("@quadrats/common/toggle-mark").ToggleMark<import("slate").BaseEditor>;

package/divider/createDivider.js

@@ -14,7 +14,7 @@ function createDivider(options = {}) {
         insertDivider,
         with(editor) {
             const { isVoid, normalizeNode } = editor;
-            editor.isVoid = (element) => element.type === type || isVoid(element);
+            editor.isVoid = element => element.type === type || isVoid(element);
             editor.normalizeNode = (entry) => {
                 const [node, path] = entry;
                 /**

package/divider/index.cjs.js

@@ -19,7 +19,7 @@ function createDivider(options = {}) {
         insertDivider,
         with(editor) {
             const { isVoid, normalizeNode } = editor;
-            editor.isVoid = (element) => element.type === type || isVoid(element);
+            editor.isVoid = element => element.type === type || isVoid(element);
             editor.normalizeNode = (entry) => {
                 const [node, path] = entry;
                 /**

package/divider/typings.d.ts

@@ -1,8 +1,8 @@
-import { Editor, Element, Text, Withable, WithElementType } from '@quadrats/core';
-export interface DividerElement extends Element, WithElementType {
+import { Editor, QuadratsElement, Text, Withable, WithElementType } from '@quadrats/core';
+export interface DividerElement extends QuadratsElement, WithElementType {
     children: [Text];
 }
-export interface Divider extends WithElementType, Withable {
+export interface Divider<T extends Editor = Editor> extends WithElementType, Withable {
     createDividerElement(): DividerElement;
-    insertDivider(editor: Editor): void;
+    insertDivider(editor: T): void;
 }

package/embed/createEmbed.js

@@ -11,7 +11,8 @@ function createEmbed(options) {
             const embedElement = Object.assign(Object.assign({}, data), { type, provider, children: [{ text: '' }] });
             Transforms.insertNodes(editor, [
                 embedElement,
-                typeof defaultNode === 'string' ? { type: defaultNode, children: [{ text: '' }] } : defaultNode,
+                typeof defaultNode === 'string'
+                    ? { type: defaultNode, children: [{ text: '' }] } : defaultNode,
             ]);
             Transforms.move(editor);
         }
@@ -22,11 +23,12 @@ function createEmbed(options) {
         insertEmbed,
         with(editor) {
             const { isVoid, normalizeNode } = editor;
-            editor.isVoid = (element) => element.type === type || isVoid(element);
+            editor.isVoid = element => element.type === type || isVoid(element);
             editor.normalizeNode = (entry) => {
                 const [node, path] = entry;
                 if (Element.isElement(node) && node.type === type) {
-                    const strategy = node.provider ? strategies[node.provider] : undefined;
+                    const strategy = node.provider
+                        ? strategies[node.provider] : undefined;
                     if (!strategy || !strategy.isElementDataValid(node)) {
                         Transforms.removeNodes(editor, { at: path });
                         return;

package/embed/index.cjs.js

@@ -33,7 +33,8 @@ function createEmbed(options) {
             const embedElement = Object.assign(Object.assign({}, data), { type, provider, children: [{ text: '' }] });
             core.Transforms.insertNodes(editor, [
                 embedElement,
-                typeof defaultNode === 'string' ? { type: defaultNode, children: [{ text: '' }] } : defaultNode,
+                typeof defaultNode === 'string'
+                    ? { type: defaultNode, children: [{ text: '' }] } : defaultNode,
             ]);
             core.Transforms.move(editor);
         }
@@ -44,11 +45,12 @@ function createEmbed(options) {
         insertEmbed,
         with(editor) {
             const { isVoid, normalizeNode } = editor;
-            editor.isVoid = (element) => element.type === type || isVoid(element);
+            editor.isVoid = element => element.type === type || isVoid(element);
             editor.normalizeNode = (entry) => {
                 const [node, path] = entry;
                 if (core.Element.isElement(node) && node.type === type) {
-                    const strategy = node.provider ? strategies[node.provider] : undefined;
+                    const strategy = node.provider
+                        ? strategies[node.provider] : undefined;
                     if (!strategy || !strategy.isElementDataValid(node)) {
                         core.Transforms.removeNodes(editor, { at: path });
                         return;

package/embed/typings.d.ts

@@ -1,5 +1,5 @@
-import { Editor, Element, Node, Text, Withable, WithElementType } from '@quadrats/core';
-export interface EmbedElement extends Element, WithElementType {
+import { Editor, QuadratsElement, Node, Text, Withable, WithElementType } from '@quadrats/core';
+export interface EmbedElement extends QuadratsElement, WithElementType {
     /**
      * The embed provider.
      *
@@ -20,7 +20,7 @@ export interface EmbedStrategy<EmbedData extends Record<string, unknown>, Render
     readonly isElementDataValid: (data: Record<keyof EmbedData, unknown>) => boolean;
 }
 export declare type EmbedStrategies<Provider extends string> = Record<Provider, EmbedStrategy<any, any>>;
-export interface Embed<P extends string> extends WithElementType, Withable {
+export interface Embed<P extends string, T extends Editor = Editor> extends WithElementType, Withable {
     strategies: EmbedStrategies<P>;
-    insertEmbed(editor: Editor, providers: P[], embedCode: string, defaultNode?: Node | string): void;
+    insertEmbed(editor: T, providers: P[], embedCode: string, defaultNode?: Node | string): void;
 }

package/file-uploader/createFileUploader.d.ts

@@ -1,5 +1,6 @@
+import { Editor } from '@quadrats/core';
 import { FileUploader } from './typings';
 export interface CreateFileUploaderOptions {
     type?: string;
 }
-export declare function createFileUploader(options?: CreateFileUploaderOptions): FileUploader;
+export declare function createFileUploader(options?: CreateFileUploaderOptions): FileUploader<Editor>;

package/file-uploader/createFileUploader.js

@@ -1,6 +1,6 @@
 import { __awaiter } from './_virtual/_tslib.js';
 import { readFileAsDataURL } from '@quadrats/utils';
-import { HistoryEditor, Transforms, createParagraphElement } from '@quadrats/core';
+import { Transforms, createParagraphElement } from '@quadrats/core';
 import { FILE_UPLOADER_TYPE } from './constants.js';
 import { getFilesFromInput } from './getFilesFromInput.js';
 
@@ -25,10 +25,8 @@ function createFileUploader(options = {}) {
                     if (xhr.status < 400) {
                         const path = getPath();
                         if (path) {
-                            HistoryEditor.withoutSaving(editor, () => {
-                                Transforms.removeNodes(editor, { at: path });
-                                Transforms.insertNodes(editor, createElementByResponse(xhr.response), { at: path });
-                            });
+                            Transforms.removeNodes(editor, { at: path });
+                            Transforms.insertNodes(editor, createElementByResponse(xhr.response), { at: path });
                         }
                     }
                     else {
@@ -65,10 +63,8 @@ function createFileUploader(options = {}) {
             yield prev;
             return createFileUploaderElement(editor, file, options).then((fileUploaderElement) => {
                 if (fileUploaderElement) {
-                    HistoryEditor.withoutSaving(editor, () => {
-                        Transforms.insertNodes(editor, [fileUploaderElement, createParagraphElement()], options);
-                        Transforms.move(editor);
-                    });
+                    Transforms.insertNodes(editor, [fileUploaderElement, createParagraphElement()], options);
+                    Transforms.move(editor);
                 }
             });
         }), Promise.resolve());
@@ -78,8 +74,6 @@ function createFileUploader(options = {}) {
         createFileUploaderElement,
         upload,
         with(editor) {
-            // const { isVoid } = editor;
-            // editor.isVoid = element => element.type === type || isVoid(element);
             return editor;
         },
     };

package/file-uploader/index.cjs.js

@@ -79,10 +79,8 @@ function createFileUploader(options = {}) {
                     if (xhr.status < 400) {
                         const path = getPath();
                         if (path) {
-                            core.HistoryEditor.withoutSaving(editor, () => {
-                                core.Transforms.removeNodes(editor, { at: path });
-                                core.Transforms.insertNodes(editor, createElementByResponse(xhr.response), { at: path });
-                            });
+                            core.Transforms.removeNodes(editor, { at: path });
+                            core.Transforms.insertNodes(editor, createElementByResponse(xhr.response), { at: path });
                         }
                     }
                     else {
@@ -119,10 +117,8 @@ function createFileUploader(options = {}) {
             yield prev;
             return createFileUploaderElement(editor, file, options).then((fileUploaderElement) => {
                 if (fileUploaderElement) {
-                    core.HistoryEditor.withoutSaving(editor, () => {
-                        core.Transforms.insertNodes(editor, [fileUploaderElement, core.createParagraphElement()], options);
-                        core.Transforms.move(editor);
-                    });
+                    core.Transforms.insertNodes(editor, [fileUploaderElement, core.createParagraphElement()], options);
+                    core.Transforms.move(editor);
                 }
             });
         }), Promise.resolve());
@@ -132,8 +128,6 @@ function createFileUploader(options = {}) {
         createFileUploaderElement,
         upload,
         with(editor) {
-            // const { isVoid } = editor;
-            // editor.isVoid = element => element.type === type || isVoid(element);
             return editor;
         },
     };

package/file-uploader/typings.d.ts

@@ -1,20 +1,20 @@
-import { Editor, Element, HistoryEditor, Path, TransformsInsertNodesOptions, Withable } from '@quadrats/core';
+import { Editor, QuadratsElement, Path, TransformsInsertNodesOptions, Withable } from '@quadrats/core';
 import { GetFilesFromInputOptions } from './getFilesFromInput';
 export interface XHRUploadHeaders {
     [name: string]: string;
 }
-export interface FileUploaderElement extends Element {
+export interface FileUploaderElement extends QuadratsElement {
     type: string;
     register: (getPath: () => Path | undefined, onProgress: (percentage: number) => void) => VoidFunction;
 }
 /**
  * For creating temorary element while uploading.
  */
-export declare type FileUploaderCreateElementByDataURL = (dataURL: string) => Element;
+export declare type FileUploaderCreateElementByDataURL = (dataURL: string) => QuadratsElement;
 /**
  * For create element after uploaded.
  */
-export declare type FileUploaderCreateElementByResponse = (response: any) => Element;
+export declare type FileUploaderCreateElementByResponse = (response: any) => QuadratsElement;
 export declare type FileUploaderGetBody = (file: File) => BodyInit;
 export declare type FileUploaderGetHeaders = (file: File) => XHRUploadHeaders | Promise<XHRUploadHeaders>;
 export declare type FileUploaderGetUrl = (file: File) => string;
@@ -30,8 +30,8 @@ export interface FileUploaderCreateFileUploaderElementOptions {
     getUrl: FileUploaderGetUrl;
 }
 export declare type FileUploaderUploadOptions = FileUploaderCreateFileUploaderElementOptions & GetFilesFromInputOptions & TransformsInsertNodesOptions;
-export interface FileUploader extends Withable {
+export interface FileUploader<T extends Editor = Editor> extends Withable {
     type: string;
-    createFileUploaderElement(editor: Editor & HistoryEditor, file: File, options: FileUploaderCreateFileUploaderElementOptions): Promise<FileUploaderElement | undefined>;
-    upload(editor: Editor & HistoryEditor, options: FileUploaderUploadOptions): Promise<void>;
+    createFileUploaderElement(editor: T, file: File, options: FileUploaderCreateFileUploaderElementOptions): Promise<FileUploaderElement | undefined>;
+    upload(editor: T, options: FileUploaderUploadOptions): Promise<void>;
 }

package/footnote/createFootnote.js

@@ -3,20 +3,20 @@ import { FOOTNOTE_TYPE } from './constants.js';
 
 /* eslint-disable max-len */
 function createFootnote({ type = FOOTNOTE_TYPE, } = {}) {
-    const isSelectionInFootnote = (editor) => isNodesTypeIn(editor, [type]);
+    const isSelectionInFootnote = editor => isNodesTypeIn(editor, [type]);
     const getFootnoteText = (editor) => {
         var _a, _b, _c;
         const at = editor.selection;
         if (!at) {
             return '';
         }
-        const firstNode = (_b = (_a = Array.from(getNodes(editor, { at, match: (node) => node.type === type }))) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0];
+        const firstNode = (_b = (_a = Array.from(getNodes(editor, { at, match: node => node.type === type }))) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0];
         return (_c = firstNode) === null || _c === void 0 ? void 0 : _c.footnote;
     };
     const updateFootnoteIndex = (editor, options = { startAt: 1 }) => {
         var _a;
         let footnoteCount = (_a = options === null || options === void 0 ? void 0 : options.startAt) !== null && _a !== void 0 ? _a : 1;
-        for (const [, path] of getNodes(editor, { at: [], match: (node) => node.type === FOOTNOTE_TYPE })) {
+        for (const [, path] of getNodes(editor, { at: [], match: node => node.type === FOOTNOTE_TYPE })) {
             Transforms.setNodes(editor, { index: footnoteCount }, { at: path });
             footnoteCount += 1;
         }
@@ -41,7 +41,7 @@ function createFootnote({ type = FOOTNOTE_TYPE, } = {}) {
         }
         if (footnoteText !== '') {
             if (isSelectionInFootnote(editor)) {
-                Transforms.setNodes(editor, { footnote: footnoteText }, { at, match: (node) => node.type === type });
+                Transforms.setNodes(editor, { footnote: footnoteText }, { at, match: node => node.type === type });
             }
             else {
                 wrapFootnote(editor, footnoteText, options);
@@ -62,7 +62,7 @@ function createFootnote({ type = FOOTNOTE_TYPE, } = {}) {
         upsertFootnoteAndUpdateIndex,
         with(editor) {
             const { isInline } = editor;
-            editor.isInline = (element) => element.type === type || isInline(element);
+            editor.isInline = element => element.type === type || isInline(element);
             return editor;
         },
     };

package/footnote/index.cjs.js

@@ -8,20 +8,20 @@ const FOOTNOTE_TYPE = 'footnote';
 
 /* eslint-disable max-len */
 function createFootnote({ type = FOOTNOTE_TYPE, } = {}) {
-    const isSelectionInFootnote = (editor) => core.isNodesTypeIn(editor, [type]);
+    const isSelectionInFootnote = editor => core.isNodesTypeIn(editor, [type]);
     const getFootnoteText = (editor) => {
         var _a, _b, _c;
         const at = editor.selection;
         if (!at) {
             return '';
         }
-        const firstNode = (_b = (_a = Array.from(core.getNodes(editor, { at, match: (node) => node.type === type }))) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0];
+        const firstNode = (_b = (_a = Array.from(core.getNodes(editor, { at, match: node => node.type === type }))) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[0];
         return (_c = firstNode) === null || _c === void 0 ? void 0 : _c.footnote;
     };
     const updateFootnoteIndex = (editor, options = { startAt: 1 }) => {
         var _a;
         let footnoteCount = (_a = options === null || options === void 0 ? void 0 : options.startAt) !== null && _a !== void 0 ? _a : 1;
-        for (const [, path] of core.getNodes(editor, { at: [], match: (node) => node.type === FOOTNOTE_TYPE })) {
+        for (const [, path] of core.getNodes(editor, { at: [], match: node => node.type === FOOTNOTE_TYPE })) {
             core.Transforms.setNodes(editor, { index: footnoteCount }, { at: path });
             footnoteCount += 1;
         }
@@ -46,7 +46,7 @@ function createFootnote({ type = FOOTNOTE_TYPE, } = {}) {
         }
         if (footnoteText !== '') {
             if (isSelectionInFootnote(editor)) {
-                core.Transforms.setNodes(editor, { footnote: footnoteText }, { at, match: (node) => node.type === type });
+                core.Transforms.setNodes(editor, { footnote: footnoteText }, { at, match: node => node.type === type });
             }
             else {
                 wrapFootnote(editor, footnoteText, options);
@@ -67,7 +67,7 @@ function createFootnote({ type = FOOTNOTE_TYPE, } = {}) {
         upsertFootnoteAndUpdateIndex,
         with(editor) {
             const { isInline } = editor;
-            editor.isInline = (element) => element.type === type || isInline(element);
+            editor.isInline = element => element.type === type || isInline(element);
             return editor;
         },
     };

package/footnote/typings.d.ts

@@ -1,10 +1,10 @@
-import { Editor, Range, Element, WithElementType, UnwrapNodeByTypesOptions, TransformsWrapNodesOptions, Withable } from '@quadrats/core';
+import { Editor, Range, QuadratsElement, WithElementType, UnwrapNodeByTypesOptions, TransformsWrapNodesOptions, Withable } from '@quadrats/core';
 export interface FootnoteData {
     footnote: string;
     index: number;
     wrapperText: string;
 }
-export interface FootnoteElement extends Element, WithElementType {
+export interface FootnoteElement extends QuadratsElement, WithElementType {
     footnote: string;
     index?: number;
 }
@@ -18,11 +18,11 @@ export interface FootnoteWrapFootnoteOptions extends Omit<TransformsWrapNodesOpt
 export interface FootnoteUpsertFootnoteOptions {
     at?: Range;
 }
-export interface Footnote extends WithElementType, Withable {
-    getFootnoteText(editor: Editor): string;
-    isSelectionInFootnote(editor: Editor): boolean;
-    unwrapFootnote(editor: Editor, options?: FootnoteUnwrapFootnoteOptions): void;
-    updateFootnoteIndex(editor: Editor, options?: FootnoteUpdateFootnoteIndexOptions): void;
-    upsertFootnoteAndUpdateIndex(editor: Editor, footnote: string, options?: FootnoteUpsertFootnoteOptions): void;
-    wrapFootnote(editor: Editor, footnote: string, options?: FootnoteWrapFootnoteOptions): void;
+export interface Footnote<T extends Editor = Editor> extends WithElementType, Withable {
+    getFootnoteText(editor: T): string;
+    isSelectionInFootnote(editor: T): boolean;
+    unwrapFootnote(editor: T, options?: FootnoteUnwrapFootnoteOptions): void;
+    updateFootnoteIndex(editor: T, options?: FootnoteUpdateFootnoteIndexOptions): void;
+    upsertFootnoteAndUpdateIndex(editor: T, footnote: string, options?: FootnoteUpsertFootnoteOptions): void;
+    wrapFootnote(editor: T, footnote: string, options?: FootnoteWrapFootnoteOptions): void;
 }

package/heading/createHeading.js

@@ -2,7 +2,7 @@ import { Element, Transforms, PARAGRAPH_TYPE, normalizeOnlyInlineOrTextInChildre
 import { HEADING_TYPE, HEADING_LEVELS } from './constants.js';
 
 function createHeading({ type = HEADING_TYPE, enabledLevels = HEADING_LEVELS, } = {}) {
-    const getHeadingNodes = (editor, level, options = {}) => getNodes(editor, Object.assign(Object.assign({}, options), { match: (node) => node.type === type && node.level === level }));
+    const getHeadingNodes = (editor, level, options = {}) => getNodes(editor, Object.assign(Object.assign({}, options), { match: node => node.type === type && node.level === level }));
     const isSelectionInHeading = (editor, level, options = {}) => {
         const [match] = getHeadingNodes(editor, level, options);
         return !!match;

package/heading/index.cjs.js

@@ -8,7 +8,7 @@ const HEADING_TYPE = 'heading';
 const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
 
 function createHeading({ type = HEADING_TYPE, enabledLevels = HEADING_LEVELS, } = {}) {
-    const getHeadingNodes = (editor, level, options = {}) => core.getNodes(editor, Object.assign(Object.assign({}, options), { match: (node) => node.type === type && node.level === level }));
+    const getHeadingNodes = (editor, level, options = {}) => core.getNodes(editor, Object.assign(Object.assign({}, options), { match: node => node.type === type && node.level === level }));
     const isSelectionInHeading = (editor, level, options = {}) => {
         const [match] = getHeadingNodes(editor, level, options);
         return !!match;

package/heading/typings.d.ts

@@ -1,6 +1,6 @@
-import { Editor, Element, GetNodesOptions, Node, NodeEntry, Withable, WithElementType } from '@quadrats/core';
+import { Editor, QuadratsElement, GetNodesOptions, Node, NodeEntry, Withable, WithElementType } from '@quadrats/core';
 export declare type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
-export interface HeadingElement extends Element, WithElementType {
+export interface HeadingElement extends QuadratsElement, WithElementType {
     level: HeadingLevel;
 }
 export interface WithEnabledHeadingLevels<L extends HeadingLevel> {
@@ -9,8 +9,8 @@ export interface WithEnabledHeadingLevels<L extends HeadingLevel> {
      */
     enabledLevels: ReadonlyArray<L>;
 }
-export interface Heading<L extends HeadingLevel> extends WithElementType, Withable, WithEnabledHeadingLevels<L> {
-    getHeadingNodes(editor: Editor, level: L, options?: GetNodesOptions): Generator<NodeEntry<Node>>;
-    isSelectionInHeading(editor: Editor, level: L, options?: GetNodesOptions): boolean;
-    toggleHeadingNodes(editor: Editor, level: L, defaultType?: string): void;
+export interface Heading<L extends HeadingLevel, T extends Editor = Editor> extends WithElementType, Withable, WithEnabledHeadingLevels<L> {
+    getHeadingNodes(editor: T, level: L, options?: GetNodesOptions): Generator<NodeEntry<Node>>;
+    isSelectionInHeading(editor: T, level: L, options?: GetNodesOptions): boolean;
+    toggleHeadingNodes(editor: T, level: L, defaultType?: string): void;
 }

package/highlight/createHighlight.d.ts

@@ -1 +1 @@
-export declare const createHighlight: (variant?: string | undefined) => ({ type, variant }?: import("@quadrats/common/toggle-mark").CreateToggleMarkOptions | undefined) => import("@quadrats/common/toggle-mark").ToggleMark;
+export declare const createHighlight: (variant?: string | undefined) => ({ type, variant }?: import("@quadrats/common/toggle-mark").CreateToggleMarkOptions | undefined) => import("@quadrats/common/toggle-mark").ToggleMark<import("slate").BaseEditor>;

package/image/createImage.js

@@ -3,7 +3,7 @@ import { getAboveByTypes, Element, isNodesTypeIn, Transforms, normalizeVoidEleme
 import { IMAGE_TYPES } from './constants.js';
 
 function resolveSizeSteps(steps) {
-    let sortedSteps = steps.filter((step) => step > 0 && step < 100).sort();
+    let sortedSteps = steps.filter(step => step > 0 && step < 100).sort();
     if (!sortedSteps.includes(100)) {
         sortedSteps = [...sortedSteps, 100];
     }
@@ -16,9 +16,9 @@ function createImage(options = {}) {
     const getAboveImageFigure = (editor, options) => getAboveByTypes(editor, [types.figure], options);
     const getAboveImageCaption = (editor, options) => getAboveByTypes(editor, [types.caption], options);
     const isNodesInImage = (editor, options) => isNodesTypeIn(editor, [types.image], options);
-    const isSelectionInImage = (editor) => isNodesInImage(editor);
-    const isSelectionInImageCaption = (editor) => isNodesTypeIn(editor, [types.caption]);
-    const isCollapsedOnImage = (editor) => !!editor.selection && Range.isCollapsed(editor.selection) && isSelectionInImage(editor);
+    const isSelectionInImage = editor => isNodesInImage(editor);
+    const isSelectionInImageCaption = editor => isNodesTypeIn(editor, [types.caption]);
+    const isCollapsedOnImage = editor => !!editor.selection && Range.isCollapsed(editor.selection) && isSelectionInImage(editor);
     const createImageElement = (src, hosting) => {
         const imageElement = {
             type: types.image,
@@ -51,7 +51,7 @@ function createImage(options = {}) {
         if (!sizeSteps) {
             return percentage;
         }
-        const lowerIndex = sizeSteps.findIndex((step) => step >= percentage) - 1;
+        const lowerIndex = sizeSteps.findIndex(step => step >= percentage) - 1;
         const upperIndex = lowerIndex + 1;
         if (lowerIndex < 0) {
             return sizeSteps[0];
@@ -119,7 +119,7 @@ function createImage(options = {}) {
                 }
                 insertBreak();
             };
-            editor.isVoid = (element) => element.type === types.image || isVoid(element);
+            editor.isVoid = element => element.type === types.image || isVoid(element);
             editor.normalizeNode = (entry) => {
                 const [node, path] = entry;
                 if (Element.isElement(node)) {

package/image/index.cjs.js

@@ -31,7 +31,7 @@ function getImageElementCommonProps(element, hostingResolvers) {
 }
 
 function resolveSizeSteps(steps) {
-    let sortedSteps = steps.filter((step) => step > 0 && step < 100).sort();
+    let sortedSteps = steps.filter(step => step > 0 && step < 100).sort();
     if (!sortedSteps.includes(100)) {
         sortedSteps = [...sortedSteps, 100];
     }
@@ -44,9 +44,9 @@ function createImage(options = {}) {
     const getAboveImageFigure = (editor, options) => core.getAboveByTypes(editor, [types.figure], options);
     const getAboveImageCaption = (editor, options) => core.getAboveByTypes(editor, [types.caption], options);
     const isNodesInImage = (editor, options) => core.isNodesTypeIn(editor, [types.image], options);
-    const isSelectionInImage = (editor) => isNodesInImage(editor);
-    const isSelectionInImageCaption = (editor) => core.isNodesTypeIn(editor, [types.caption]);
-    const isCollapsedOnImage = (editor) => !!editor.selection && core.Range.isCollapsed(editor.selection) && isSelectionInImage(editor);
+    const isSelectionInImage = editor => isNodesInImage(editor);
+    const isSelectionInImageCaption = editor => core.isNodesTypeIn(editor, [types.caption]);
+    const isCollapsedOnImage = editor => !!editor.selection && core.Range.isCollapsed(editor.selection) && isSelectionInImage(editor);
     const createImageElement = (src, hosting) => {
         const imageElement = {
             type: types.image,
@@ -79,7 +79,7 @@ function createImage(options = {}) {
         if (!sizeSteps) {
             return percentage;
         }
-        const lowerIndex = sizeSteps.findIndex((step) => step >= percentage) - 1;
+        const lowerIndex = sizeSteps.findIndex(step => step >= percentage) - 1;
         const upperIndex = lowerIndex + 1;
         if (lowerIndex < 0) {
             return sizeSteps[0];
@@ -147,7 +147,7 @@ function createImage(options = {}) {
                 }
                 insertBreak();
             };
-            editor.isVoid = (element) => element.type === types.image || isVoid(element);
+            editor.isVoid = element => element.type === types.image || isVoid(element);
             editor.normalizeNode = (entry) => {
                 const [node, path] = entry;
                 if (core.Element.isElement(node)) {

package/image/typings.d.ts

@@ -1,12 +1,12 @@
-import { Editor, Element, GetAboveByTypesOptions, Location, NodeEntry, Text, Withable, WithElementType } from '@quadrats/core';
+import { Editor, QuadratsElement, GetAboveByTypesOptions, Location, NodeEntry, Text, Withable, WithElementType } from '@quadrats/core';
 export declare type ImageFigureTypeKey = 'figure';
 export declare type ImageTypeKey = 'image';
 export declare type ImageCaptionTypeKey = 'caption';
 export declare type ImageTypes = Record<ImageFigureTypeKey | ImageTypeKey | ImageCaptionTypeKey, string>;
-export interface ImageFigureElement extends Element, WithElementType {
+export interface ImageFigureElement extends QuadratsElement, WithElementType {
     width?: number;
 }
-export interface ImageElement extends Element, WithElementType {
+export interface ImageElement extends QuadratsElement, WithElementType {
     children: [Text];
     src: string;
     /**
@@ -15,7 +15,7 @@ export interface ImageElement extends Element, WithElementType {
      */
     hosting?: string;
 }
-export interface ImageCaptionElement extends Element, WithElementType {
+export interface ImageCaptionElement extends QuadratsElement, WithElementType {
 }
 /**
  * Indicate how to resolve the `src` and `hosting` of image element.
@@ -37,7 +37,7 @@ export declare type ImageHostingResolvers<Hosting extends string> = Record<Hosti
 export declare type ImageSizeSteps = ReadonlyArray<number>;
 export declare type ImageGetAboveImageFigureOptions = GetAboveByTypesOptions;
 export declare type ImageGetAboveImageCaptionOptions = GetAboveByTypesOptions;
-export interface Image<Hosting extends string> extends Withable {
+export interface Image<Hosting extends string, T extends Editor = Editor> extends Withable {
     /**
      * An object which keys are `figure`, `image`, 'caption` and values are the corresponding element types.
      */
@@ -51,15 +51,15 @@ export interface Image<Hosting extends string> extends Withable {
      */
     sizeSteps?: ImageSizeSteps;
     isImageUrl(url: string): boolean;
-    getAboveImageFigure(editor: Editor, options?: ImageGetAboveImageFigureOptions): NodeEntry<ImageFigureElement> | undefined;
-    getAboveImageCaption(editor: Editor, options?: ImageGetAboveImageCaptionOptions): NodeEntry<ImageCaptionElement> | undefined;
-    isSelectionInImage(editor: Editor): boolean;
-    isSelectionInImageCaption(editor: Editor): boolean;
-    isCollapsedOnImage(editor: Editor): boolean;
+    getAboveImageFigure(editor: T, options?: ImageGetAboveImageFigureOptions): NodeEntry<ImageFigureElement> | undefined;
+    getAboveImageCaption(editor: T, options?: ImageGetAboveImageCaptionOptions): NodeEntry<ImageCaptionElement> | undefined;
+    isSelectionInImage(editor: T): boolean;
+    isSelectionInImageCaption(editor: T): boolean;
+    isCollapsedOnImage(editor: T): boolean;
     createImageElement(src: string, hosting?: Hosting): ImageFigureElement;
-    insertImage(editor: Editor, src: string, options?: {
+    insertImage(editor: T, src: string, options?: {
         hosting?: Hosting;
         at?: Location;
     }): void;
-    resizeImage(editor: Editor, entry: NodeEntry<Element>, width: number): void;
+    resizeImage(editor: T, entry: NodeEntry<QuadratsElement>, width: number): void;
 }

package/input-block/createInputBlock.js

@@ -30,7 +30,8 @@ function createInputBlock(options = {}) {
             const { isVoid } = editor;
             editor.isVoid = (element) => {
                 // invalidate unfinished input_block from storage
-                if (element.type === type && typeof element.getPlaceholder !== 'function')
+                if (element.type === type
+                    && typeof element.getPlaceholder !== 'function')
                     return false;
                 return element.type === type || isVoid(element);
             };

package/input-block/index.cjs.js

@@ -35,7 +35,8 @@ function createInputBlock(options = {}) {
             const { isVoid } = editor;
             editor.isVoid = (element) => {
                 // invalidate unfinished input_block from storage
-                if (element.type === type && typeof element.getPlaceholder !== 'function')
+                if (element.type === type
+                    && typeof element.getPlaceholder !== 'function')
                     return false;
                 return element.type === type || isVoid(element);
             };

package/input-block/typings.d.ts

@@ -1,11 +1,11 @@
-import { Editor, Element, NodeEntry, Withable } from '@quadrats/core';
+import { Editor, QuadratsElement, NodeEntry, Withable } from '@quadrats/core';
 import { InputWidgetConfig } from '@quadrats/common/input-widget';
-export interface InputBlockElement extends Element, InputWidgetConfig {
+export interface InputBlockElement extends QuadratsElement, InputWidgetConfig {
     type: string;
 }
-export interface InputBlock extends Withable {
+export interface InputBlock<T extends Editor = Editor> extends Withable {
     type: string;
-    start(editor: Editor, config: InputWidgetConfig): void;
-    remove(editor: Editor, entry: NodeEntry<InputBlockElement>, foucs: VoidFunction): void;
+    start(editor: T, config: InputWidgetConfig): void;
+    remove(editor: T, entry: NodeEntry<InputBlockElement>, foucs: VoidFunction): void;
     confirm(element: InputBlockElement, value: string, remove: VoidFunction): void;
 }

package/italic/createItalic.d.ts

@@ -1 +1 @@
-export declare const createItalic: (variant?: string | undefined) => ({ type, variant }?: import("@quadrats/common/toggle-mark").CreateToggleMarkOptions | undefined) => import("@quadrats/common/toggle-mark").ToggleMark;
+export declare const createItalic: (variant?: string | undefined) => ({ type, variant }?: import("@quadrats/common/toggle-mark").CreateToggleMarkOptions | undefined) => import("@quadrats/common/toggle-mark").ToggleMark<import("slate").BaseEditor>;

package/link/createLink.js

@@ -35,7 +35,7 @@ function createLink({ type = LINK_TYPE, isUrl: isUrl$1 = isUrl, prevUrlToLinkAft
             }
         }
     };
-    const isSelectionInLink = (editor) => isNodesTypeIn(editor, [type]);
+    const isSelectionInLink = editor => isNodesTypeIn(editor, [type]);
     const insertLink = (editor, url, options = {}) => {
         const { text = url } = options;
         const link = {
@@ -118,7 +118,7 @@ function createLink({ type = LINK_TYPE, isUrl: isUrl$1 = isUrl, prevUrlToLinkAft
                 if (!wrappableVoidTypes) {
                     return true;
                 }
-                return !element.children.some((child) => Editor.isBlock(editor, child)
+                return !element.children.some(child => Editor.isBlock(editor, child)
                     && Editor.isVoid(editor, child)
                     && wrappableVoidTypes.includes(child.type));
             };
@@ -136,7 +136,7 @@ function createLink({ type = LINK_TYPE, isUrl: isUrl$1 = isUrl, prevUrlToLinkAft
                      * Remove empty content.
                      */
                     if (Text.isTextList(node.children)) {
-                        if (node.children.every((textNode) => !textNode.text)) {
+                        if (node.children.every(textNode => !textNode.text)) {
                             Transforms.unwrapNodes(editor, { at: path });
                             return;
                         }

package/link/index.cjs.js

@@ -40,7 +40,7 @@ function createLink({ type = LINK_TYPE, isUrl = utils.isUrl, prevUrlToLinkAfterS
             }
         }
     };
-    const isSelectionInLink = (editor) => core.isNodesTypeIn(editor, [type]);
+    const isSelectionInLink = editor => core.isNodesTypeIn(editor, [type]);
     const insertLink = (editor, url, options = {}) => {
         const { text = url } = options;
         const link = {
@@ -123,7 +123,7 @@ function createLink({ type = LINK_TYPE, isUrl = utils.isUrl, prevUrlToLinkAfterS
                 if (!wrappableVoidTypes) {
                     return true;
                 }
-                return !element.children.some((child) => core.Editor.isBlock(editor, child)
+                return !element.children.some(child => core.Editor.isBlock(editor, child)
                     && core.Editor.isVoid(editor, child)
                     && wrappableVoidTypes.includes(child.type));
             };
@@ -141,7 +141,7 @@ function createLink({ type = LINK_TYPE, isUrl = utils.isUrl, prevUrlToLinkAfterS
                      * Remove empty content.
                      */
                     if (core.Text.isTextList(node.children)) {
-                        if (node.children.every((textNode) => !textNode.text)) {
+                        if (node.children.every(textNode => !textNode.text)) {
                             core.Transforms.unwrapNodes(editor, { at: path });
                             return;
                         }

package/link/typings.d.ts

@@ -1,5 +1,5 @@
-import { Editor, Location, Range, Element, WithElementType, TransformsInsertNodesOptions, UnwrapNodeByTypesOptions, TransformsWrapNodesOptions, Withable } from '@quadrats/core';
-export interface LinkElement extends Element, WithElementType {
+import { Editor, Location, Range, WithElementType, TransformsInsertNodesOptions, UnwrapNodeByTypesOptions, TransformsWrapNodesOptions, Withable, QuadratsElement } from '@quadrats/core';
+export interface LinkElement extends QuadratsElement, WithElementType {
     url: string;
 }
 export interface LinkInsertLinkOptions extends TransformsInsertNodesOptions {
@@ -10,18 +10,18 @@ export declare type LinkWrapLinkOptions = Omit<TransformsWrapNodesOptions, 'spli
 export interface LinkUpsertLinkOptions {
     at?: Range;
 }
-export interface Link extends WithElementType, Withable {
+export interface Link<T extends Editor = Editor> extends WithElementType, Withable {
     isUrl(value: string): boolean;
     /**
      * To get the first previous text which is url and its range.
      */
-    getFirstPrevTextAsUrlAndRange(editor: Editor, at: Location): {
+    getFirstPrevTextAsUrlAndRange(editor: T, at: Location): {
         url: string;
         at: Range;
     } | undefined;
-    isSelectionInLink(editor: Editor): boolean;
-    insertLink(editor: Editor, url: string, options?: LinkInsertLinkOptions): void;
-    unwrapLink(editor: Editor, options?: LinkUnwrapLinkOptions): void;
-    wrapLink(editor: Editor, url: string, options?: LinkWrapLinkOptions): void;
-    upsertLink(editor: Editor, url: string, options?: LinkUpsertLinkOptions): void;
+    isSelectionInLink(editor: T): boolean;
+    insertLink(editor: T, url: string, options?: LinkInsertLinkOptions): void;
+    unwrapLink(editor: T, options?: LinkUnwrapLinkOptions): void;
+    wrapLink(editor: T, url: string, options?: LinkWrapLinkOptions): void;
+    upsertLink(editor: T, url: string, options?: LinkUpsertLinkOptions): void;
 }

package/list/createList.js

@@ -50,19 +50,24 @@ function createList(options = {}) {
         }
     };
     const increaseListItemDepth = (editor, entries) => {
+        var _a, _b, _c, _d, _e;
         const { list: [listNode], listItem: [, listItemPath], } = entries;
         if (!isFirstChild(listItemPath)) {
             const previousEntry = Editor.node(editor, Path.previous(listItemPath));
             if (previousEntry) {
                 const [previousNode, previousPath] = previousEntry;
-                const lastNodeOfPreviousNode = previousNode.children[previousNode.children.length - 1];
+                const lastNodeOfPreviousNode = ((_a = previousNode === null || previousNode === void 0 ? void 0 : previousNode.children) !== null && _a !== void 0 ? _a : [])[((_b = previousNode === null || previousNode === void 0 ? void 0 : previousNode.children) !== null && _b !== void 0 ? _b : []).length - 1];
                 /**
                  * Move list item next to the last node of previous node of list item.
                  */
                 if (isListElement(lastNodeOfPreviousNode)) {
                     Transforms.moveNodes(editor, {
                         at: listItemPath,
-                        to: [...previousPath, previousNode.children.length - 1, lastNodeOfPreviousNode.children.length],
+                        to: [
+                            ...previousPath,
+                            ((_c = previousNode === null || previousNode === void 0 ? void 0 : previousNode.children) !== null && _c !== void 0 ? _c : []).length - 1,
+                            ((_d = lastNodeOfPreviousNode === null || lastNodeOfPreviousNode === void 0 ? void 0 : lastNodeOfPreviousNode.children) !== null && _d !== void 0 ? _d : []).length,
+                        ],
                     });
                     /**
                      * Wrap list item by a new list and move the new list next to the last node of previous node.
@@ -73,13 +78,14 @@ function createList(options = {}) {
                     Transforms.wrapNodes(editor, newSubListElement, { at: listItemPath });
                     Transforms.moveNodes(editor, {
                         at: listItemPath,
-                        to: [...previousPath, previousNode.children.length],
+                        to: [...previousPath, ((_e = previousNode === null || previousNode === void 0 ? void 0 : previousNode.children) !== null && _e !== void 0 ? _e : []).length],
                     });
                 }
             }
         }
     };
     const decreaseListItemDepth = (editor, entries) => {
+        var _a, _b, _c;
         const { list: [listNode, listPath], listItem: [listItemNode, listItemPath], } = entries;
         const [listParentNode, listParentPath] = Editor.parent(editor, listPath);
         /**
@@ -90,7 +96,7 @@ function createList(options = {}) {
         }
         const newListItemPath = Path.next(listParentPath);
         const listItemIndex = listItemPath[listItemPath.length - 1];
-        const nextSiblingListItems = listNode.children.slice(listItemIndex + 1, listNode.children.length);
+        const nextSiblingListItems = ((_a = listNode === null || listNode === void 0 ? void 0 : listNode.children) !== null && _a !== void 0 ? _a : []).slice(listItemIndex + 1, ((_b = listNode === null || listNode === void 0 ? void 0 : listNode.children) !== null && _b !== void 0 ? _b : []).length);
         Transforms.moveNodes(editor, {
             at: listItemPath,
             to: newListItemPath,
@@ -100,7 +106,7 @@ function createList(options = {}) {
          */
         if (nextSiblingListItems.length) {
             const newSubListElement = { type: listNode.type, children: [] };
-            const newSubListPath = [...newListItemPath, listItemNode.children.length];
+            const newSubListPath = [...newListItemPath, ((_c = listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.children) !== null && _c !== void 0 ? _c : []).length];
             Transforms.insertNodes(editor, newSubListElement, { at: newSubListPath });
             nextSiblingListItems.forEach((_, index) => {
                 Transforms.moveNodes(editor, {

package/list/index.cjs.js

@@ -59,19 +59,24 @@ function createList(options = {}) {
         }
     };
     const increaseListItemDepth = (editor, entries) => {
+        var _a, _b, _c, _d, _e;
         const { list: [listNode], listItem: [, listItemPath], } = entries;
         if (!core.isFirstChild(listItemPath)) {
             const previousEntry = core.Editor.node(editor, core.Path.previous(listItemPath));
             if (previousEntry) {
                 const [previousNode, previousPath] = previousEntry;
-                const lastNodeOfPreviousNode = previousNode.children[previousNode.children.length - 1];
+                const lastNodeOfPreviousNode = ((_a = previousNode === null || previousNode === void 0 ? void 0 : previousNode.children) !== null && _a !== void 0 ? _a : [])[((_b = previousNode === null || previousNode === void 0 ? void 0 : previousNode.children) !== null && _b !== void 0 ? _b : []).length - 1];
                 /**
                  * Move list item next to the last node of previous node of list item.
                  */
                 if (isListElement(lastNodeOfPreviousNode)) {
                     core.Transforms.moveNodes(editor, {
                         at: listItemPath,
-                        to: [...previousPath, previousNode.children.length - 1, lastNodeOfPreviousNode.children.length],
+                        to: [
+                            ...previousPath,
+                            ((_c = previousNode === null || previousNode === void 0 ? void 0 : previousNode.children) !== null && _c !== void 0 ? _c : []).length - 1,
+                            ((_d = lastNodeOfPreviousNode === null || lastNodeOfPreviousNode === void 0 ? void 0 : lastNodeOfPreviousNode.children) !== null && _d !== void 0 ? _d : []).length,
+                        ],
                     });
                     /**
                      * Wrap list item by a new list and move the new list next to the last node of previous node.
@@ -82,13 +87,14 @@ function createList(options = {}) {
                     core.Transforms.wrapNodes(editor, newSubListElement, { at: listItemPath });
                     core.Transforms.moveNodes(editor, {
                         at: listItemPath,
-                        to: [...previousPath, previousNode.children.length],
+                        to: [...previousPath, ((_e = previousNode === null || previousNode === void 0 ? void 0 : previousNode.children) !== null && _e !== void 0 ? _e : []).length],
                     });
                 }
             }
         }
     };
     const decreaseListItemDepth = (editor, entries) => {
+        var _a, _b, _c;
         const { list: [listNode, listPath], listItem: [listItemNode, listItemPath], } = entries;
         const [listParentNode, listParentPath] = core.Editor.parent(editor, listPath);
         /**
@@ -99,7 +105,7 @@ function createList(options = {}) {
         }
         const newListItemPath = core.Path.next(listParentPath);
         const listItemIndex = listItemPath[listItemPath.length - 1];
-        const nextSiblingListItems = listNode.children.slice(listItemIndex + 1, listNode.children.length);
+        const nextSiblingListItems = ((_a = listNode === null || listNode === void 0 ? void 0 : listNode.children) !== null && _a !== void 0 ? _a : []).slice(listItemIndex + 1, ((_b = listNode === null || listNode === void 0 ? void 0 : listNode.children) !== null && _b !== void 0 ? _b : []).length);
         core.Transforms.moveNodes(editor, {
             at: listItemPath,
             to: newListItemPath,
@@ -109,7 +115,7 @@ function createList(options = {}) {
          */
         if (nextSiblingListItems.length) {
             const newSubListElement = { type: listNode.type, children: [] };
-            const newSubListPath = [...newListItemPath, listItemNode.children.length];
+            const newSubListPath = [...newListItemPath, ((_c = listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.children) !== null && _c !== void 0 ? _c : []).length];
             core.Transforms.insertNodes(editor, newSubListElement, { at: newSubListPath });
             nextSiblingListItems.forEach((_, index) => {
                 core.Transforms.moveNodes(editor, {

package/list/typings.d.ts

@@ -1,41 +1,41 @@
-import { Editor, Element, Location, Node, NodeEntry, Withable, WithElementType } from '@quadrats/core';
+import { Editor, QuadratsElement, Location, Node, NodeEntry, Withable, WithElementType } from '@quadrats/core';
 export declare type ListRootTypeKey = 'ol' | 'ul';
 export declare type ListItemTypeKey = 'li';
 export declare type ListTypeKey = ListRootTypeKey | ListItemTypeKey;
 export declare type ListTypes = Record<ListTypeKey, string>;
-export interface ListElement extends Element, WithElementType {
+export interface ListElement extends QuadratsElement, WithElementType {
 }
 export interface ListAboveListAndItem {
-    list: NodeEntry<Element>;
-    listItem: NodeEntry<Element>;
+    list: NodeEntry<QuadratsElement>;
+    listItem: NodeEntry<QuadratsElement>;
 }
 export interface ListGetAboveListEntriesOptions {
     at?: Location;
 }
-export interface List extends Withable {
+export interface List<T extends Editor = Editor> extends Withable {
     /**
      * An object which keys are `ul`, `ol`, `li` and values are the corresponding element types.
      */
     types: ListTypes;
-    isListElement(node: Node): node is Element;
-    isListItemElement(node: Node): node is Element;
-    isSelectionInList(editor: Editor, listTypeKey: ListRootTypeKey): boolean;
+    isListElement(node: Node): node is QuadratsElement;
+    isListItemElement(node: Node): node is QuadratsElement;
+    isSelectionInList(editor: T, listTypeKey: ListRootTypeKey): boolean;
     /**
      * If expanded, get the list wrapping the location.
      */
-    getAboveListAndItem(editor: Editor, options?: ListGetAboveListEntriesOptions): ListAboveListAndItem | undefined;
-    unwrapList(editor: Editor): void;
-    toggleList(editor: Editor, listTypeKey: ListRootTypeKey, defaultType?: string): void;
+    getAboveListAndItem(editor: T, options?: ListGetAboveListEntriesOptions): ListAboveListAndItem | undefined;
+    unwrapList(editor: T): void;
+    toggleList(editor: T, listTypeKey: ListRootTypeKey, defaultType?: string): void;
     /**
      * Increase the depth of the first item in the location if increasable.
      */
-    increaseListItemDepth(editor: Editor, entries: ListAboveListAndItem): void;
+    increaseListItemDepth(editor: T, entries: ListAboveListAndItem): void;
     /**
      * Decrease the depth of the first item in the location if decreasable.
      */
-    decreaseListItemDepth(editor: Editor, entries: ListAboveListAndItem): void;
+    decreaseListItemDepth(editor: T, entries: ListAboveListAndItem): void;
     /**
      * Unwrap the list if at root, or decrease the depth of list item.
      */
-    decreaseListItemDepthOrUnwrapIfNeed(editor: Editor, entries: ListAboveListAndItem): void;
+    decreaseListItemDepthOrUnwrapIfNeed(editor: T, entries: ListAboveListAndItem): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quadrats/common",
-  "version": "0.4.5",
+  "version": "0.5.9",
   "description": "",
   "author": "Rytass",
   "homepage": "https://github.com/Quadrats/quadrats#readme",
@@ -18,8 +18,8 @@
     "url": "https://github.com/Quadrats/quadrats/issues"
   },
   "dependencies": {
-    "@quadrats/core": "^0.4.5",
-    "@quadrats/locales": "^0.4.0",
-    "@quadrats/utils": "^0.4.0"
+    "@quadrats/core": "^0.5.9",
+    "@quadrats/locales": "^0.5.0",
+    "@quadrats/utils": "^0.5.0"
   }
 }

package/read-more/createReadMore.js

@@ -29,7 +29,7 @@ function createReadMore(options = {}) {
         insertReadMore,
         with(editor) {
             const { isVoid, normalizeNode } = editor;
-            editor.isVoid = (element) => element.type === type || isVoid(element);
+            editor.isVoid = element => element.type === type || isVoid(element);
             editor.normalizeNode = (entry) => {
                 const [node, path] = entry;
                 if (Element.isElement(node) && node.type === type) {

package/read-more/index.cjs.js

@@ -34,7 +34,7 @@ function createReadMore(options = {}) {
         insertReadMore,
         with(editor) {
             const { isVoid, normalizeNode } = editor;
-            editor.isVoid = (element) => element.type === type || isVoid(element);
+            editor.isVoid = element => element.type === type || isVoid(element);
             editor.normalizeNode = (entry) => {
                 const [node, path] = entry;
                 if (core.Element.isElement(node) && node.type === type) {

package/read-more/typings.d.ts

@@ -1,8 +1,8 @@
-import { Editor, Element, Text, Withable, WithElementType } from '@quadrats/core';
-export interface ReadMoreElement extends Element, WithElementType {
+import { Editor, QuadratsElement, Text, Withable, WithElementType } from '@quadrats/core';
+export interface ReadMoreElement extends QuadratsElement, WithElementType {
     children: [Text];
 }
-export interface ReadMore extends WithElementType, Withable {
+export interface ReadMore<T extends Editor = Editor> extends WithElementType, Withable {
     createReadMoreElement(): ReadMoreElement;
-    insertReadMore(editor: Editor): void;
+    insertReadMore(editor: T): void;
 }

package/strikethrough/createStrikethrough.d.ts

@@ -1 +1 @@
-export declare const createStrikethrough: (variant?: string | undefined) => ({ type, variant }?: import("@quadrats/common/toggle-mark").CreateToggleMarkOptions | undefined) => import("@quadrats/common/toggle-mark").ToggleMark;
+export declare const createStrikethrough: (variant?: string | undefined) => ({ type, variant }?: import("@quadrats/common/toggle-mark").CreateToggleMarkOptions | undefined) => import("@quadrats/common/toggle-mark").ToggleMark<import("slate").BaseEditor>;

package/toggle-mark/typings.d.ts

@@ -1,5 +1,5 @@
 import { Editor, WithMarkType } from '@quadrats/core';
-export interface ToggleMark extends WithMarkType {
-    isToggleMarkActive(editor: Editor): boolean;
-    toggleMark(editor: Editor): void;
+export interface ToggleMark<T extends Editor = Editor> extends WithMarkType {
+    isToggleMarkActive(editor: T): boolean;
+    toggleMark(editor: T): void;
 }

package/underline/createUnderline.d.ts

@@ -1 +1 @@
-export declare const createUnderline: (variant?: string | undefined) => ({ type, variant }?: import("@quadrats/common/toggle-mark").CreateToggleMarkOptions | undefined) => import("@quadrats/common/toggle-mark").ToggleMark;
+export declare const createUnderline: (variant?: string | undefined) => ({ type, variant }?: import("@quadrats/common/toggle-mark").CreateToggleMarkOptions | undefined) => import("@quadrats/common/toggle-mark").ToggleMark<import("slate").BaseEditor>;