@block-kit/plugin 1.0.0

package/dist/es/order-list/index.js

@@ -0,0 +1,323 @@
+import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
+import { Delta } from '@block-kit/delta';
+import { EditorPlugin } from '@block-kit/react';
+import { preventNativeEvent, cs, Bind, KEY_CODE, NIL } from '@block-kit/utils';
+import { LIST_TYPE_KEY } from '../bullet-list/types/index.js';
+import { INDENT_LEVEL_KEY } from '../indent/types/index.js';
+import { p as preventContextEvent } from '../dom-71a99400.js';
+import { a as isKeyCode, i as isEmptyLine } from '../is-3de778e2.js';
+import { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_KEY, ORDER_LIST_TYPE } from './types/index.js';
+import { i as isOrderList } from '../is-7f3ae820.js';
+
+/**
+ * 批量刷新选区的列表序号 [批量刷新简单方便]
+ * - 从选区开始的第一个列表项开始，逐个刷新序号
+ * - 全量刷新序号数据, 最后需要在渲染时批量刷新
+ * @param editor
+ * @param sel
+ */
+const applyNewOrderList = (editor, range) => {
+    const sel = range || editor.selection.get();
+    if (!sel)
+        return void 0;
+    const startPoint = sel.start;
+    const block = editor.state.block;
+    let start = startPoint.line;
+    const selStartLine = block.getLine(sel.start.line);
+    const selEndLine = block.getLine(sel.end.line);
+    const selEndNextLine = selEndLine && selEndLine.next();
+    // 如果当前行不是列表项，且选区结尾下一行是列表项，则从下一行开始探查
+    if (selStartLine &&
+        !isOrderList(selStartLine.attributes) &&
+        selEndNextLine &&
+        isOrderList(selEndNextLine.attributes)) {
+        start++;
+    }
+    // 如果 start 的行属性不存在列表项, 则无需刷新
+    const currentLine = block.getLine(start);
+    if (!currentLine || !isOrderList(currentLine.attributes)) {
+        return void 0;
+    }
+    // 向前查找到第一个列表项
+    while (--start >= 0) {
+        const line = block.getLine(start);
+        if (!line || !isOrderList(line.attributes)) {
+            start++;
+            break;
+        }
+    }
+    const delta = new Delta();
+    const startLine = block.getLine(start);
+    if (!startLine)
+        return void 0;
+    delta.retain(startLine.start);
+    // 逐行刷新序号
+    const levelToIndex = {};
+    for (let i = start; i < block.size; i++) {
+        const line = block.getLine(i);
+        const attrs = line && line.attributes;
+        if (!line || !attrs || !isOrderList(attrs))
+            break;
+        const level = attrs[INDENT_LEVEL_KEY];
+        // 重置序号
+        if (attrs[LIST_RESTART_KEY]) {
+            levelToIndex[level] = 1;
+        }
+        const index = levelToIndex[level] || 1;
+        levelToIndex[level] = index + 1;
+        delta.retain(line.length - 1);
+        delta.retain(1, { [LIST_START_KEY]: String(index) });
+    }
+    editor.state.apply(delta, { autoCaret: false });
+};
+
+const latinCache = {};
+const romanCache = {};
+const startToLatin = (start) => {
+    if (start < 1)
+        return "";
+    const cache = latinCache[start];
+    if (cache)
+        return cache;
+    // 1 -> a, 27 -> aa
+    let res = "";
+    let n = start - 1;
+    while (n >= 0) {
+        res = String.fromCharCode((n % 26) + 97) + res;
+        n = Math.floor(n / 26) - 1;
+    }
+    latinCache[start] = res;
+    return res;
+};
+const startToRoman = (start) => {
+    if (start < 1 || start > 5000)
+        return "";
+    const cache = romanCache[start];
+    if (cache)
+        return cache;
+    // https://github.com/bpampuch/pdfmake/blob/7af85/src/DocMeasure.js#L315
+    const lookup = {
+        m: 1000,
+        cm: 900,
+        d: 500,
+        cd: 400,
+        c: 100,
+        xc: 90,
+        l: 50,
+        xl: 40,
+        x: 10,
+        ix: 9,
+        v: 5,
+        iv: 4,
+        i: 1,
+    };
+    let res = "";
+    let n = start;
+    for (const i of Object.keys(lookup)) {
+        while (n >= lookup[i]) {
+            res = res + i;
+            n = n - lookup[i];
+        }
+    }
+    romanCache[start] = res;
+    return res;
+};
+/**
+ * 序列化有序列表前缀值
+ * @param start
+ * @param level
+ */
+const formatListLevel = (start, level) => {
+    let serial = "";
+    const value = level % 3;
+    if (value === 0) {
+        // 1 -> 1
+        serial = start.toString();
+    }
+    else if (value === 1) {
+        // 1 -> a
+        serial = startToLatin(start);
+    }
+    else if (value === 2) {
+        // 1 -> i
+        serial = startToRoman(start);
+    }
+    return serial + ".";
+};
+
+const OrderListView = props => {
+    const { level, start, children } = props;
+    return (jsxs("ol", { className: "block-kit-order-list", children: [jsx("div", { contentEditable: false, className: "block-kit-order-indicator", onMouseDown: preventNativeEvent, children: formatListLevel(start, level) }), jsx("li", { value: start, className: cs("block-kit-order-item", `block-kit-li-level-${level % 3}`), children: children })] }));
+};
+
+class OrderListPlugin extends EditorPlugin {
+    constructor(editor) {
+        super();
+        this.editor = editor;
+        this.key = ORDER_LIST_KEY;
+        editor.command.register(this.key, this.onExec);
+        editor.event.on(EDITOR_EVENT.KEY_DOWN, this.onKeyDown);
+    }
+    destroy() {
+        this.editor.event.off(EDITOR_EVENT.KEY_DOWN, this.onKeyDown);
+    }
+    match(attrs) {
+        return isOrderList(attrs);
+    }
+    renderLine(context) {
+        const level = Number(context.attributes[INDENT_LEVEL_KEY]) || 0;
+        const start = Number(context.attributes[LIST_START_KEY]) || 1;
+        return (jsx(OrderListView, { level: level, start: start, editor: this.editor, context: context, children: context.children }));
+    }
+    onExec(payload) {
+        const editor = this.editor;
+        const sel = editor.selection.get() || payload.range;
+        if (!sel)
+            return void 0;
+        const { start, end } = sel;
+        // 先检查当前需要设置/解除列表状态
+        const lines = editor.state.block.getLines().slice(start.line, end.line + 1);
+        const isList = lines.every(line => isOrderList(line.attributes));
+        // 计算需要操作的范围
+        const rawPoint = RawPoint.fromPoint(this.editor, Point.from(start.line, 0));
+        if (!rawPoint)
+            return void 0;
+        const block = this.editor.state.block;
+        const delta = new Delta();
+        delta.retain(rawPoint.offset);
+        // 根据行的状态, 逐行设置列表状态
+        for (let i = start.line; i <= end.line; i++) {
+            const lineState = block.getLine(i);
+            if (!lineState)
+                break;
+            delta.retain(lineState.length - 1);
+            const attrs = {
+                [LIST_TYPE_KEY]: isList ? NIL : ORDER_LIST_TYPE,
+                [LIST_START_KEY]: isList ? NIL : "1",
+            };
+            if (!isList && lineState.attributes[INDENT_LEVEL_KEY]) {
+                attrs[INDENT_LEVEL_KEY] = lineState.attributes[INDENT_LEVEL_KEY];
+            }
+            if (!isList && lineState.attributes[LIST_RESTART_KEY]) {
+                attrs[LIST_RESTART_KEY] = lineState.attributes[LIST_RESTART_KEY];
+            }
+            delta.retain(1, attrs);
+        }
+        this.editor.state.apply(delta, { autoCaret: false });
+        applyNewOrderList(this.editor, sel);
+    }
+    onKeyDown(event, context) {
+        const sel = this.editor.selection.get();
+        if (!sel)
+            return void 0;
+        const block = this.editor.state.block;
+        const startLine = block.getLine(sel.start.line);
+        if (!startLine)
+            return void 0;
+        const prevLine = startLine.prev();
+        const attrs = startLine.attributes;
+        // 当前行是列表行, 且按下回车键, 且选区折叠, 且当前行是空内容行
+        // => 处理列表的缩进等级
+        if (isKeyCode(event, KEY_CODE.ENTER) &&
+            isOrderList(attrs) &&
+            sel.isCollapsed &&
+            isEmptyLine(startLine)) {
+            const level = Number(attrs[INDENT_LEVEL_KEY]);
+            const nextAttrs = {};
+            if (level > 0) {
+                // 缩进等级大于 0, 则减少缩进等级
+                const nextLevel = level - 1 > 0 ? String(level - 1) : NIL;
+                nextAttrs[INDENT_LEVEL_KEY] = nextLevel;
+            }
+            else {
+                // 否则, 取消列表状态
+                nextAttrs[LIST_TYPE_KEY] = NIL;
+                nextAttrs[LIST_START_KEY] = NIL;
+                nextAttrs[LIST_RESTART_KEY] = NIL;
+            }
+            const delta = new Delta().retain(startLine.start + startLine.length - 1).retain(1, nextAttrs);
+            this.editor.state.apply(delta, { autoCaret: false });
+            applyNewOrderList(this.editor, sel);
+            preventContextEvent(event, context);
+            return void 0;
+        }
+        // 当前行是列表行, 且按下回车键, 且选区折叠, 且位于行首, 且上一行是列表行
+        // => 继续编号, 避免默认的处理, 保持列表的连续性
+        if (isKeyCode(event, KEY_CODE.ENTER) &&
+            isOrderList(attrs) &&
+            sel.isCollapsed &&
+            !sel.start.offset &&
+            prevLine &&
+            isOrderList(prevLine.attributes)) {
+            const nextAttrs = Object.assign({}, prevLine.attributes);
+            if (attrs[INDENT_LEVEL_KEY]) {
+                // 缩进层级优先取当前行的缩进层级
+                nextAttrs[INDENT_LEVEL_KEY] = attrs[INDENT_LEVEL_KEY];
+            }
+            const delta = new Delta().retain(startLine.start).insertEOL(nextAttrs);
+            this.editor.state.apply(delta);
+            applyNewOrderList(this.editor, sel);
+            preventContextEvent(event, context);
+            return void 0;
+        }
+        // 当前行是列表行, 且按下回车键
+        // => 在列表行内部插入换行符, 且携带列表状态
+        if (isKeyCode(event, KEY_CODE.ENTER) && isOrderList(attrs)) {
+            this.editor.perform.insertBreak(sel, attrs);
+            applyNewOrderList(this.editor, sel);
+            preventContextEvent(event, context);
+            return void 0;
+        }
+        // 当前行是列表行, 且折叠选区, 且在行首, 且按下退格键
+        // => 将当前行的列表状态移除, 保留缩进的等级
+        if (isKeyCode(event, KEY_CODE.BACKSPACE) &&
+            sel.isCollapsed &&
+            isOrderList(attrs) &&
+            !sel.start.offset) {
+            const delta = new Delta().retain(startLine.start + startLine.length - 1).retain(1, {
+                [LIST_TYPE_KEY]: NIL,
+                [LIST_START_KEY]: NIL,
+                [LIST_RESTART_KEY]: NIL,
+            });
+            this.editor.state.apply(delta, { autoCaret: false });
+            applyNewOrderList(this.editor, sel);
+            preventContextEvent(event, context);
+            return void 0;
+        }
+        // 当前行是列表行, 按下 Tab 键
+        // => 由列表的缩进状态调整列表的序号
+        if (isKeyCode(event, KEY_CODE.TAB) && isOrderList(attrs)) {
+            applyNewOrderList(this.editor, sel);
+            preventContextEvent(event, context);
+            return void 0;
+        }
+        // 处于当前行的行首, 且不存在其他行属性, 且前一行是列表行
+        // => 将当前上一行属性移到当前行, 且刷新列表值
+        if (isKeyCode(event, KEY_CODE.BACKSPACE) &&
+            !sel.start.offset &&
+            !Object.keys(attrs).length &&
+            prevLine &&
+            isOrderList(prevLine.attributes)) {
+            const prevAttrs = Object.assign({}, prevLine.attributes);
+            const delta = new Delta()
+                .retain(startLine.start - 1)
+                .delete(1)
+                .retain(startLine.length - 1)
+                .retain(1, prevAttrs);
+            this.editor.state.apply(delta);
+            applyNewOrderList(this.editor, sel);
+            preventContextEvent(event, context);
+            return void 0;
+        }
+    }
+}
+__decorate([
+    Bind
+], OrderListPlugin.prototype, "onExec", null);
+__decorate([
+    Bind
+], OrderListPlugin.prototype, "onKeyDown", null);
+
+export { OrderListPlugin };

package/dist/es/order-list/types/index.d.ts

@@ -0,0 +1,8 @@
+/** 有序列表标识 */
+export declare const ORDER_LIST_KEY = "order-list";
+/** 有序列表类型值 */
+export declare const ORDER_LIST_TYPE = "order";
+/** 有序列表序号 */
+export declare const LIST_START_KEY = "list-start";
+/** 重新编号标识 */
+export declare const LIST_RESTART_KEY = "list-restart";

package/dist/es/order-list/types/index.js

@@ -0,0 +1,10 @@
+/** 有序列表标识 */
+const ORDER_LIST_KEY = "order-list";
+/** 有序列表类型值 */
+const ORDER_LIST_TYPE = "order";
+/** 有序列表序号 */
+const LIST_START_KEY = "list-start";
+/** 重新编号标识 */
+const LIST_RESTART_KEY = "list-restart";
+
+export { LIST_RESTART_KEY, LIST_START_KEY, ORDER_LIST_KEY, ORDER_LIST_TYPE };

package/dist/es/order-list/utils/format.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 序列化有序列表前缀值
+ * @param start
+ * @param level
+ */
+export declare const formatListLevel: (start: number, level: number) => string;

package/dist/es/order-list/utils/is.d.ts

@@ -0,0 +1,6 @@
+import type { AttributeMap } from "@block-kit/delta";
+/**
+ * 检查有序列表
+ * @param attrs
+ */
+export declare const isOrderList: (attrs: AttributeMap) => boolean;

package/dist/es/order-list/utils/serial.d.ts

@@ -0,0 +1,10 @@
+import type { Range } from "@block-kit/core";
+import type { Editor } from "@block-kit/core";
+/**
+ * 批量刷新选区的列表序号 [批量刷新简单方便]
+ * - 从选区开始的第一个列表项开始，逐个刷新序号
+ * - 全量刷新序号数据, 最后需要在渲染时批量刷新
+ * @param editor
+ * @param sel
+ */
+export declare const applyNewOrderList: (editor: Editor, range?: Range) => undefined;

package/dist/es/order-list/view/list.d.ts

@@ -0,0 +1,10 @@
+import "../styles/index.scss";
+import type { Editor } from "@block-kit/core";
+import type { ReactLineContext } from "@block-kit/react";
+import type { FC } from "react";
+export declare const OrderListView: FC<{
+    context: ReactLineContext;
+    editor: Editor;
+    level: number;
+    start: number;
+}>;

package/dist/es/quote/index.d.ts

@@ -0,0 +1,17 @@
+import "./styles/index.scss";
+import type { CMDPayload, Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactWrapLineContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { EventContext } from "@block-kit/utils";
+import type { ReactNode } from "react";
+export declare class QuotePlugin extends EditorPlugin {
+    protected editor: Editor;
+    key: string;
+    constructor(editor: Editor);
+    destroy(): void;
+    match(attrs: AttributeMap): boolean;
+    wrapLine(context: ReactWrapLineContext): ReactNode;
+    protected onExec(payload: CMDPayload): undefined;
+    protected onKeyDown(event: KeyboardEvent, context: EventContext): undefined;
+}

package/dist/es/quote/index.js

@@ -0,0 +1,130 @@
+import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { jsx } from 'react/jsx-runtime';
+import { EDITOR_EVENT, RawPoint, Point } from '@block-kit/core';
+import { Delta } from '@block-kit/delta';
+import { InjectWrapKeys, EditorPlugin } from '@block-kit/react';
+import { Bind, KEY_CODE, NIL, TRULY } from '@block-kit/utils';
+import { p as preventContextEvent } from '../dom-71a99400.js';
+import { a as isKeyCode, i as isEmptyLine } from '../is-3de778e2.js';
+import { QUOTE_KEY } from './types/index.js';
+
+class QuotePlugin extends EditorPlugin {
+    constructor(editor) {
+        super();
+        this.editor = editor;
+        this.key = QUOTE_KEY;
+        editor.command.register(this.key, this.onExec);
+        editor.event.on(EDITOR_EVENT.KEY_DOWN, this.onKeyDown);
+    }
+    destroy() {
+        this.editor.event.off(EDITOR_EVENT.KEY_DOWN, this.onKeyDown);
+    }
+    match(attrs) {
+        return !!attrs[QUOTE_KEY];
+    }
+    wrapLine(context) {
+        if (!context.lineState.attributes[QUOTE_KEY]) {
+            return context.children;
+        }
+        return jsx("div", { className: "block-kit-quote", children: context.children });
+    }
+    onExec(payload) {
+        const editor = this.editor;
+        const sel = editor.selection.get() || payload.range;
+        if (!sel)
+            return void 0;
+        const { start, end } = sel;
+        // 先检查当前需要设置/解除引用状态
+        const lines = editor.state.block.getLines().slice(start.line, end.line + 1);
+        const isQuote = lines.every(line => line.attributes[QUOTE_KEY]);
+        // 计算需要操作的范围
+        const rawPoint = RawPoint.fromPoint(this.editor, Point.from(start.line, 0));
+        if (!rawPoint)
+            return void 0;
+        const block = this.editor.state.block;
+        const delta = new Delta();
+        delta.retain(rawPoint.offset);
+        // 根据行的状态, 逐行设置引用状态
+        for (let i = start.line; i <= end.line; i++) {
+            const lineState = block.getLine(i);
+            if (!lineState)
+                break;
+            delta.retain(lineState.length - 1);
+            const attrs = {
+                [QUOTE_KEY]: isQuote ? NIL : TRULY,
+            };
+            delta.retain(1, attrs);
+        }
+        this.editor.state.apply(delta, { autoCaret: false });
+    }
+    onKeyDown(event, context) {
+        const sel = this.editor.selection.get();
+        if (!sel)
+            return void 0;
+        const block = this.editor.state.block;
+        const startLine = block.getLine(sel.start.line);
+        if (!startLine)
+            return void 0;
+        const prevLine = startLine.prev();
+        const attrs = startLine.attributes;
+        // 当前行是引用行, 且按下回车键, 且选区折叠, 且当前行是空行
+        // => 删除当前的引用行格式
+        if (isKeyCode(event, KEY_CODE.ENTER) &&
+            attrs[QUOTE_KEY] &&
+            sel.isCollapsed &&
+            isEmptyLine(startLine)) {
+            const nextAttrs = {
+                [QUOTE_KEY]: NIL,
+            };
+            const delta = new Delta().retain(startLine.start + startLine.length - 1).retain(1, nextAttrs);
+            this.editor.state.apply(delta, { autoCaret: false });
+            preventContextEvent(event, context);
+            return void 0;
+        }
+        // 当前行是引用行, 且按下回车键, 且选区折叠, 且位于行首, 且上一行是引用行
+        // => 继续引用格式, 避免默认的处理, 保持引用的连续性
+        if (isKeyCode(event, KEY_CODE.ENTER) &&
+            attrs[QUOTE_KEY] &&
+            sel.isCollapsed &&
+            sel.start.offset === 0 &&
+            prevLine &&
+            prevLine.attributes[QUOTE_KEY]) {
+            const nextAttrs = Object.assign({}, prevLine.attributes);
+            const delta = new Delta().retain(startLine.start).insertEOL(nextAttrs);
+            this.editor.state.apply(delta);
+            preventContextEvent(event, context);
+            return void 0;
+        }
+        // 当前行是引用行, 且按下回车键, 且非行首
+        // => 在引用行内部插入换行符, 且携带引用状态
+        if (isKeyCode(event, KEY_CODE.ENTER) && attrs[QUOTE_KEY] && sel.start.offset) {
+            this.editor.perform.insertBreak(sel, attrs);
+            preventContextEvent(event, context);
+            return void 0;
+        }
+        // 当前行是引用行, 且折叠选区, 且在行首, 且按下退格键
+        // => 将当前行的引用状态移除
+        if (isKeyCode(event, KEY_CODE.BACKSPACE) &&
+            sel.isCollapsed &&
+            attrs[QUOTE_KEY] &&
+            !sel.start.offset) {
+            const delta = new Delta()
+                .retain(startLine.start + startLine.length - 1)
+                .retain(1, { [QUOTE_KEY]: NIL });
+            this.editor.state.apply(delta, { autoCaret: false });
+            preventContextEvent(event, context);
+            return void 0;
+        }
+    }
+}
+__decorate([
+    InjectWrapKeys(QUOTE_KEY)
+], QuotePlugin.prototype, "wrapLine", null);
+__decorate([
+    Bind
+], QuotePlugin.prototype, "onExec", null);
+__decorate([
+    Bind
+], QuotePlugin.prototype, "onKeyDown", null);
+
+export { QuotePlugin };

package/dist/es/quote/types/index.d.ts

@@ -0,0 +1 @@
+export declare const QUOTE_KEY = "quote";

package/dist/es/quote/types/index.js

@@ -0,0 +1,3 @@
+const QUOTE_KEY = "quote";
+
+export { QUOTE_KEY };

package/dist/es/selection-badfb0bc.js

@@ -0,0 +1,81 @@
+import { jsx } from 'react/jsx-runtime';
+import { Range, EDITOR_EVENT } from '@block-kit/core';
+import { ReadonlyContext } from '@block-kit/react';
+import { getId, cs, Bind } from '@block-kit/utils';
+import React from 'react';
+import { _ as __decorate } from './tslib.es6-83956cc1.js';
+
+class SelectionHOC extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.state = {
+            id: getId(),
+            selected: false,
+        };
+        this.editor = this.props.selection.editor;
+    }
+    componentDidMount() {
+        // FIX: UNDO 时内容与选区变化同样需要更新状态
+        const range = this.editor.selection.get();
+        this.onSelectionChange(range);
+        this.props.selection.mountView(this.state.id, this);
+    }
+    componentWillUnmount() {
+        this.props.selection.unmountView(this.state.id);
+    }
+    onSelectionChange(range) {
+        const leaf = this.props.leaf;
+        const leafRange = leaf.toRange();
+        const nextState = range ? Range.intersection(leafRange, range) : false;
+        if (this.state.selected !== nextState) {
+            this.setState({ selected: nextState });
+        }
+    }
+    render() {
+        const selected = this.state.selected;
+        const { border = true } = this.props;
+        // readonly context
+        if (this.context) {
+            return this.props.children;
+        }
+        return (jsx("div", { className: cs(this.props.className, selected && border && "block-kit-embed-selected"), "data-selection": true, children: React.Children.map(this.props.children, child => {
+                if (React.isValidElement(child)) {
+                    const { props } = child;
+                    return React.cloneElement(child, Object.assign(Object.assign({}, props), { selected: selected }));
+                }
+                else {
+                    return child;
+                }
+            }) }));
+    }
+}
+SelectionHOC.contextType = ReadonlyContext;
+
+class SelectionPlugin {
+    constructor(editor) {
+        this.editor = editor;
+        this.idToView = new Map();
+        editor.event.on(EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
+    }
+    destroy() {
+        this.idToView.clear();
+        this.editor.event.off(EDITOR_EVENT.SELECTION_CHANGE, this.onSelectionChange);
+    }
+    mountView(id, view) {
+        this.idToView.set(id, view);
+    }
+    unmountView(id) {
+        this.idToView.delete(id);
+    }
+    onSelectionChange(e) {
+        const current = e.current;
+        this.idToView.forEach(view => {
+            view.onSelectionChange(current);
+        });
+    }
+}
+__decorate([
+    Bind
+], SelectionPlugin.prototype, "onSelectionChange", null);
+
+export { SelectionHOC as S, SelectionPlugin as a };

package/dist/es/shared/components/selection.d.ts

@@ -0,0 +1,26 @@
+import "../styles/selection.scss";
+import type { LeafState } from "@block-kit/core";
+import type { Editor } from "@block-kit/core";
+import { Range } from "@block-kit/core";
+import React from "react";
+import type { SelectionPlugin } from "../modules/selection";
+type Props = {
+    leaf: LeafState;
+    border?: boolean;
+    className?: string;
+    selection: SelectionPlugin;
+};
+type State = {
+    id: string;
+    selected: boolean;
+};
+export declare class SelectionHOC extends React.PureComponent<Props, State> {
+    protected editor: Editor;
+    static contextType: React.Context<boolean>;
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onSelectionChange(range: Range | null): void;
+    render(): React.ReactNode;
+}
+export {};

package/dist/es/shared/icons/divider.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const DividerIcon: FC;

package/dist/es/shared/icons/emoji.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const EmojiIcon: FC;

package/dist/es/shared/icons/font-color.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const FontColorIcon: FC;

package/dist/es/shared/icons/font-size.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const FontSizeIcon: FC;

package/dist/es/shared/icons/justify.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const JustifyIcon: FC;

package/dist/es/shared/icons/line-height.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const LineHeightIcon: FC;

package/dist/es/shared/icons/text.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const TextIcon: FC;