@gravity-ui/markdown-editor 13.0.0

package/build/esm/extensions/markdown/Table/actions/tableActions.js

@@ -0,0 +1,37 @@
+import { removeParentNodeOfType } from 'prosemirror-utils';
+import { TableNode } from '../const';
+import { isIntoTable } from '../helpers';
+const mdTamplate = `
+
+| Heading | Heading |
+| ------- | ------- |
+| Text    | Text    |
+| Text    | Text    |
+
+`.trim();
+const createTableFactory = (parser) => (state, dispatch) => {
+    if (isIntoTable(state)) {
+        return false;
+    }
+    if (dispatch) {
+        const node = parser.parse(mdTamplate);
+        dispatch(state.tr.replaceSelectionWith(node).scrollIntoView());
+    }
+    return true;
+};
+const removeTable = (state, dispatch) => {
+    if (isIntoTable(state)) {
+        dispatch === null || dispatch === void 0 ? void 0 : dispatch(removeParentNodeOfType(state.schema.nodes[TableNode.Table])(state.tr));
+        return true;
+    }
+    return false;
+};
+export const createTableAction = ({ markupParser }) => ({
+    isActive: isIntoTable,
+    isEnable: createTableFactory(markupParser),
+    run: createTableFactory(markupParser),
+});
+export const deleteTableAction = {
+    isEnable: removeTable,
+    run: removeTable,
+};

package/build/esm/extensions/markdown/Table/const.d.ts

@@ -0,0 +1 @@
+export * from './TableSpecs/const';

package/build/esm/extensions/markdown/Table/const.js

@@ -0,0 +1 @@
+export * from './TableSpecs/const';

package/build/esm/extensions/markdown/Table/helpers.d.ts

@@ -0,0 +1,15 @@
+import { Node, Schema } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+export declare const isIntoTable: (state: EditorState) => boolean;
+export declare const findParentTable: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;
+export declare const findParentBody: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;
+export declare const findParentRow: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;
+export declare const findParentCell: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;
+export declare const findTableRows: (table: Node, schema: Schema) => {
+    node: Node;
+    pos: number;
+}[];
+export declare const findTableCells: (table: Node, schema: Schema) => {
+    node: Node;
+    pos: number;
+}[];

package/build/esm/extensions/markdown/Table/helpers.js

@@ -0,0 +1,12 @@
+import { findChildren, findChildrenByType, findParentNodeOfType, hasParentNodeOfType, } from 'prosemirror-utils';
+import { TableNode } from './const';
+export const isIntoTable = (state) => hasParentNodeOfType(state.schema.nodes[TableNode.Table])(state.selection);
+export const findParentTable = (state) => findParentNodeOfType(state.schema.nodes[TableNode.Table])(state.selection);
+export const findParentBody = (state) => findParentNodeOfType(state.schema.nodes[TableNode.Body])(state.selection);
+export const findParentRow = (state) => findParentNodeOfType(state.schema.nodes[TableNode.Row])(state.selection);
+export const findParentCell = (state) => findParentNodeOfType([
+    state.schema.nodes[TableNode.HeaderCell],
+    state.schema.nodes[TableNode.DataCell],
+])(state.selection);
+export const findTableRows = (table, schema) => findChildrenByType(table, schema.nodes[TableNode.Row]);
+export const findTableCells = (table, schema) => findChildren(table, (node) => [schema.nodes[TableNode.HeaderCell].name, schema.nodes[TableNode.DataCell].name].includes(node.type.name));

package/build/esm/extensions/markdown/Table/index.d.ts

@@ -0,0 +1,14 @@
+import type { Action, ExtensionAuto } from '../../../core';
+import * as TableActions from './actions/tableActions';
+import * as TableHelpers from './helpers';
+export { TableHelpers, TableActions };
+export { TableNode, TableAttrs, CellAlign as TableCellAlign } from './const';
+export declare const Table: ExtensionAuto;
+declare global {
+    namespace WysiwygEditor {
+        interface Actions {
+            createTable: Action;
+            deleteTable: Action;
+        }
+    }
+}

package/build/esm/extensions/markdown/Table/index.js

@@ -0,0 +1,18 @@
+import { goToNextCell } from '../../../table-utils';
+import { TableSpecs } from './TableSpecs';
+import { createTableAction, deleteTableAction } from './actions/tableActions';
+import * as TableActions from './actions/tableActions';
+import * as TableHelpers from './helpers';
+import { tableCellContextPlugin } from './plugins/TableCellContextPlugin';
+export { TableHelpers, TableActions };
+export { TableNode, TableAttrs, CellAlign as TableCellAlign } from './const';
+export const Table = (builder) => {
+    builder.use(TableSpecs);
+    builder.addKeymap(() => ({
+        Tab: goToNextCell('next'),
+        'Shift-Tab': goToNextCell('prev'),
+    }));
+    builder.addAction('createTable', createTableAction);
+    builder.addAction('deleteTable', () => deleteTableAction);
+    builder.addPlugin(tableCellContextPlugin);
+};

package/build/esm/extensions/markdown/Table/plugins/TableCellContextPlugin/floating.css

@@ -0,0 +1,11 @@
+.table-cell-floating-button.g-button {
+  height: 28px;
+  line-height: 28px;
+}
+.table-cell-floating-button.g-button .g-button__icon {
+  width: 12px;
+}
+
+.table-cell-floating-icon {
+  transform: rotate(90deg);
+}

package/build/esm/extensions/markdown/Table/plugins/TableCellContextPlugin/floating.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Action } from '../../../../../core';
+import './floating.css';
+export declare type TableCellFloatingButtonAction = {
+    action: Action;
+    text: string;
+};
+export declare type TableCellFloatingButtonMixed = TableCellFloatingButtonAction | TableCellFloatingButtonAction[];
+export declare type TableCellFloatingButtonActions = TableCellFloatingButtonMixed[];
+export declare type TableCellFloatingButtonProps = {
+    dom?: Element;
+    actions: TableCellFloatingButtonActions;
+};
+export declare const TableCellFloatingButton: React.FC<TableCellFloatingButtonProps>;

package/build/esm/extensions/markdown/Table/plugins/TableCellContextPlugin/floating.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Ellipsis } from '@gravity-ui/icons';
+import { DropdownMenu, Icon, Popup } from '@gravity-ui/uikit';
+import './floating.css';
+export const TableCellFloatingButton = ({ dom, actions }) => {
+    if (!dom) {
+        return null;
+    }
+    return (React.createElement(Popup, { open: true, keepMounted: false, hasArrow: false, anchorRef: { current: dom }, offset: [2, -12], placement: "left-start" },
+        React.createElement(DropdownMenu, { icon: React.createElement(Icon, { data: Ellipsis, size: 12, className: "table-cell-floating-icon" }), defaultSwitcherClassName: "table-cell-floating-button", items: actions.map(buildMenuItem) })));
+};
+TableCellFloatingButton.displayName = 'TableCellFloatingButton';
+function buildMenuItem(floatingAction) {
+    if (Array.isArray(floatingAction)) {
+        // @ts-expect-error
+        return floatingAction.map(buildMenuItem);
+    }
+    const { action, text } = floatingAction;
+    const active = action.isActive();
+    const disabled = !active && !action.isEnable();
+    return {
+        text,
+        action: () => action.run(),
+        active,
+        disabled,
+    };
+}

package/build/esm/extensions/markdown/Table/plugins/TableCellContextPlugin/index.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from 'prosemirror-state';
+export declare const tableCellContextPlugin: () => Plugin<any>;

package/build/esm/extensions/markdown/Table/plugins/TableCellContextPlugin/index.js

@@ -0,0 +1,31 @@
+import { Plugin } from 'prosemirror-state';
+import { bindActions } from '../../../../../core';
+import { convertToYfmTable } from '../../../../yfm';
+import { TableNode } from '../../TableSpecs';
+import { innerActions } from '../../actions/innerActions';
+import { deleteTableAction } from '../../actions/tableActions';
+import { TableCellContextView } from './view';
+export const tableCellContextPlugin = () => new Plugin({
+    view(view) {
+        const { schema } = view.state;
+        const actions = bindActions(Object.assign(Object.assign({}, innerActions), { deleteTable: deleteTableAction, convert: {
+                isEnable: convertToYfmTable,
+                run: convertToYfmTable,
+            } }))(view);
+        return new TableCellContextView(view, [
+            [
+                { action: actions.setCellLeftAlign, text: 'left' },
+                { action: actions.setCellCenterAlign, text: 'center' },
+                { action: actions.setCellRightAlign, text: 'right' },
+            ],
+            [
+                { action: actions.addRow, text: 'add row' },
+                { action: actions.deleteRow, text: 'del row' },
+                { action: actions.addColumn, text: 'add column' },
+                { action: actions.deleteColumn, text: 'del column' },
+            ],
+            { action: actions.convert, text: 'convert to yfm table' },
+            { action: actions.deleteTable, text: 'del table' },
+        ], [schema.nodes[TableNode.HeaderCell], schema.nodes[TableNode.DataCell]]);
+    },
+});

package/build/esm/extensions/markdown/Table/plugins/TableCellContextPlugin/view.d.ts

@@ -0,0 +1,13 @@
+import { NodeType } from 'prosemirror-model';
+import { PluginView } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { TableCellFloatingButtonActions } from './floating';
+declare type MixedNodeType = NodeType | NodeType[];
+export declare class TableCellContextView implements PluginView {
+    #private;
+    private static findCellDom;
+    constructor(view: EditorView, actions: TableCellFloatingButtonActions, cellNodeType: MixedNodeType);
+    update(view: EditorView): void;
+    destroy(): void;
+}
+export {};

package/build/esm/extensions/markdown/Table/plugins/TableCellContextPlugin/view.js

@@ -0,0 +1,31 @@
+var _TableCellContextView_view, _TableCellContextView_actions, _TableCellContextView_nodeType, _TableCellContextView_renderItem;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+import React from 'react';
+import { findParentDomRefOfType } from 'prosemirror-utils';
+import { ErrorLoggerBoundary } from '../../../../../react-utils/ErrorBoundary';
+import { getReactRendererFromState } from '../../../../behavior/ReactRenderer';
+import { TableCellFloatingButton } from './floating';
+export class TableCellContextView {
+    constructor(view, actions, cellNodeType) {
+        _TableCellContextView_view.set(this, void 0);
+        _TableCellContextView_actions.set(this, void 0);
+        _TableCellContextView_nodeType.set(this, void 0);
+        _TableCellContextView_renderItem.set(this, void 0);
+        __classPrivateFieldSet(this, _TableCellContextView_view, view, "f");
+        __classPrivateFieldSet(this, _TableCellContextView_actions, actions, "f");
+        __classPrivateFieldSet(this, _TableCellContextView_nodeType, cellNodeType, "f");
+        __classPrivateFieldSet(this, _TableCellContextView_renderItem, getReactRendererFromState(view.state).createItem('table-cell-tooltip', () => (React.createElement(ErrorLoggerBoundary, null,
+            React.createElement(TableCellFloatingButton, { actions: __classPrivateFieldGet(this, _TableCellContextView_actions, "f"), dom: TableCellContextView.findCellDom(__classPrivateFieldGet(this, _TableCellContextView_view, "f"), __classPrivateFieldGet(this, _TableCellContextView_nodeType, "f")) })))), "f");
+    }
+    static findCellDom(view, nodeType) {
+        return findParentDomRefOfType(nodeType, view.domAtPos.bind(view))(view.state.selection);
+    }
+    update(view) {
+        __classPrivateFieldSet(this, _TableCellContextView_view, view, "f");
+        __classPrivateFieldGet(this, _TableCellContextView_renderItem, "f").rerender();
+    }
+    destroy() {
+        __classPrivateFieldGet(this, _TableCellContextView_renderItem, "f").remove();
+    }
+}
+_TableCellContextView_view = new WeakMap(), _TableCellContextView_actions = new WeakMap(), _TableCellContextView_nodeType = new WeakMap(), _TableCellContextView_renderItem = new WeakMap();

package/build/esm/extensions/markdown/Underline/UnderlineSpecs/index.d.ts

@@ -0,0 +1,4 @@
+import type { ExtensionAuto } from '../../../../core';
+export declare const underlineMarkName = "ins";
+export declare const underlineType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").MarkType;
+export declare const UnderlineSpecs: ExtensionAuto;

package/build/esm/extensions/markdown/Underline/UnderlineSpecs/index.js

@@ -0,0 +1,18 @@
+import insPlugin from 'markdown-it-ins';
+import { markTypeFactory } from '../../../../utils/schema';
+export const underlineMarkName = 'ins';
+export const underlineType = markTypeFactory(underlineMarkName);
+export const UnderlineSpecs = (builder) => {
+    builder
+        .configureMd((md) => md.use(insPlugin))
+        .addMark(underlineMarkName, () => ({
+        spec: {
+            parseDOM: [{ tag: 'ins' }, { tag: 'u' }],
+            toDOM() {
+                return ['ins'];
+            },
+        },
+        toMd: { open: '++', close: '++', mixable: true, expelEnclosingWhitespace: true },
+        fromMd: { tokenSpec: { name: underlineMarkName, type: 'mark' } },
+    }));
+};

package/build/esm/extensions/markdown/Underline/index.d.ts

@@ -0,0 +1,16 @@
+import type { Action, ExtensionAuto } from '../../../core';
+export { underlineMarkName, underlineType } from './UnderlineSpecs';
+/** @deprecated Use `underlineMarkName` instead */
+export declare const underline = "ins";
+declare const undAction = "underline";
+export declare type UnderlineOptions = {
+    underlineKey?: string | null;
+};
+export declare const Underline: ExtensionAuto<UnderlineOptions>;
+declare global {
+    namespace WysiwygEditor {
+        interface Actions {
+            [undAction]: Action;
+        }
+    }
+}

package/build/esm/extensions/markdown/Underline/index.js

@@ -0,0 +1,25 @@
+import { toggleMark } from 'prosemirror-commands';
+import { createToggleMarkAction } from '../../../utils/actions';
+import { markInputRule } from '../../../utils/inputrules';
+import { withLogAction } from '../../../utils/keymap';
+import { UnderlineSpecs, underlineMarkName, underlineType } from './UnderlineSpecs';
+export { underlineMarkName, underlineType } from './UnderlineSpecs';
+/** @deprecated Use `underlineMarkName` instead */
+export const underline = underlineMarkName;
+const undAction = 'underline';
+export const Underline = (builder, opts) => {
+    builder.use(UnderlineSpecs);
+    builder
+        .addAction(undAction, ({ schema }) => createToggleMarkAction(underlineType(schema)))
+        .addInputRules(({ schema }) => ({
+        rules: [
+            markInputRule({ open: '++', close: '++', ignoreBetween: '+' }, underlineType(schema)),
+        ],
+    }));
+    if (opts === null || opts === void 0 ? void 0 : opts.underlineKey) {
+        const { underlineKey } = opts;
+        builder.addKeymap(({ schema }) => ({
+            [underlineKey]: withLogAction('underline', toggleMark(underlineType(schema))),
+        }));
+    }
+};

package/build/esm/extensions/markdown/index.d.ts

@@ -0,0 +1,19 @@
+export * from './Bold';
+export * from './Code';
+export * from './Link';
+export * from './Italic';
+export * from './Strike';
+export * from './Underline';
+export * from './Mark';
+export * from './Subscript';
+export * from './Superscript';
+export * from './Html';
+export * from './Breaks';
+export * from './Blockquote';
+export * from './CodeBlock';
+export * from './Deflist';
+export * from './Lists';
+export * from './Image';
+export * from './Table';
+export * from './Heading';
+export * from './HorizontalRule';

package/build/esm/extensions/markdown/index.js

@@ -0,0 +1,19 @@
+export * from './Bold';
+export * from './Code';
+export * from './Link';
+export * from './Italic';
+export * from './Strike';
+export * from './Underline';
+export * from './Mark';
+export * from './Subscript';
+export * from './Superscript';
+export * from './Html';
+export * from './Breaks';
+export * from './Blockquote';
+export * from './CodeBlock';
+export * from './Deflist';
+export * from './Lists';
+export * from './Image';
+export * from './Table';
+export * from './Heading';
+export * from './HorizontalRule';

package/build/esm/extensions/markdown/specs.d.ts

@@ -0,0 +1,19 @@
+export * from './Bold/BoldSpecs';
+export * from './Code/CodeSpecs';
+export * from './Link/LinkSpecs';
+export * from './Italic/ItalicSpecs';
+export * from './Strike/StrikeSpecs';
+export * from './Underline/UnderlineSpecs';
+export * from './Mark/MarkSpecs';
+export * from './Subscript/SubscriptSpecs';
+export * from './Superscript/SuperscriptSpecs';
+export * from './Html';
+export * from './Breaks/BreaksSpecs';
+export * from './Blockquote/BlockquoteSpecs';
+export * from './CodeBlock/CodeBlockSpecs';
+export * from './Deflist/DeflistSpecs';
+export * from './Image/ImageSpecs';
+export * from './Lists/ListsSpecs';
+export * from './Table/TableSpecs';
+export * from './Heading/HeadingSpecs';
+export * from './HorizontalRule/HorizontalRuleSpecs';

package/build/esm/extensions/markdown/specs.js

@@ -0,0 +1,19 @@
+export * from './Bold/BoldSpecs';
+export * from './Code/CodeSpecs';
+export * from './Link/LinkSpecs';
+export * from './Italic/ItalicSpecs';
+export * from './Strike/StrikeSpecs';
+export * from './Underline/UnderlineSpecs';
+export * from './Mark/MarkSpecs';
+export * from './Subscript/SubscriptSpecs';
+export * from './Superscript/SuperscriptSpecs';
+export * from './Html';
+export * from './Breaks/BreaksSpecs';
+export * from './Blockquote/BlockquoteSpecs';
+export * from './CodeBlock/CodeBlockSpecs';
+export * from './Deflist/DeflistSpecs';
+export * from './Image/ImageSpecs';
+export * from './Lists/ListsSpecs';
+export * from './Table/TableSpecs';
+export * from './Heading/HeadingSpecs';
+export * from './HorizontalRule/HorizontalRuleSpecs';

package/build/esm/extensions/specs.d.ts

@@ -0,0 +1,3 @@
+export * from './base/specs';
+export * from './markdown/specs';
+export * from './yfm/specs';

package/build/esm/extensions/specs.js

@@ -0,0 +1,3 @@
+export * from './base/specs';
+export * from './markdown/specs';
+export * from './yfm/specs';

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/const.d.ts

@@ -0,0 +1,7 @@
+export declare enum CheckboxNode {
+    Checkbox = "checkbox",
+    Input = "checkbox_input",
+    Label = "checkbox_label"
+}
+export declare const idPrefix = "yfm-editor-checkbox";
+export declare const b: import("@bem-react/classname").ClassNameFormatter;

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/const.js

@@ -0,0 +1,9 @@
+import { cn } from '../../../../classname';
+export var CheckboxNode;
+(function (CheckboxNode) {
+    CheckboxNode["Checkbox"] = "checkbox";
+    CheckboxNode["Input"] = "checkbox_input";
+    CheckboxNode["Label"] = "checkbox_label";
+})(CheckboxNode || (CheckboxNode = {}));
+export const idPrefix = 'yfm-editor-checkbox';
+export const b = cn('checkbox');

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/index.d.ts

@@ -0,0 +1,16 @@
+import type { NodeSpec } from 'prosemirror-model';
+import type { ExtensionAuto, ExtensionNodeSpec } from '../../../../core';
+export { CheckboxNode } from './const';
+export declare const checkboxType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
+export declare const checkboxLabelType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
+export declare const checkboxInputType: (schema: import("prosemirror-model").Schema<any, any>) => import("prosemirror-model").NodeType;
+export declare type CheckboxSpecsOptions = {
+    /**
+     * @deprecated: use placeholder option in BehaviorPreset instead.
+     */
+    checkboxLabelPlaceholder?: NonNullable<NodeSpec['placeholder']>['content'];
+    inputView?: ExtensionNodeSpec['view'];
+    labelView?: ExtensionNodeSpec['view'];
+    checkboxView?: ExtensionNodeSpec['view'];
+};
+export declare const CheckboxSpecs: ExtensionAuto<CheckboxSpecsOptions>;

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/index.js

@@ -0,0 +1,40 @@
+import checkboxPlugin from '@diplodoc/transform/lib/plugins/checkbox';
+import { nodeTypeFactory } from '../../../../utils/schema';
+import { CheckboxNode, b, idPrefix } from './const';
+import { parserTokens } from './parser';
+import { getSchemaSpecs } from './schema';
+import { serializerTokens } from './serializer';
+export { CheckboxNode } from './const';
+export const checkboxType = nodeTypeFactory(CheckboxNode.Checkbox);
+export const checkboxLabelType = nodeTypeFactory(CheckboxNode.Label);
+export const checkboxInputType = nodeTypeFactory(CheckboxNode.Input);
+export const CheckboxSpecs = (builder, opts) => {
+    const schemaSpecs = getSchemaSpecs(opts, builder.context.get('placeholder'));
+    builder
+        .configureMd((md) => checkboxPlugin(md, { idPrefix, divClass: b() }))
+        .addNode(CheckboxNode.Checkbox, () => ({
+        spec: schemaSpecs[CheckboxNode.Checkbox],
+        toMd: serializerTokens[CheckboxNode.Checkbox],
+        fromMd: {
+            tokenSpec: parserTokens[CheckboxNode.Checkbox],
+        },
+        view: opts.checkboxView,
+    }))
+        .addNode(CheckboxNode.Input, () => ({
+        spec: schemaSpecs[CheckboxNode.Input],
+        toMd: serializerTokens[CheckboxNode.Input],
+        fromMd: {
+            tokenSpec: parserTokens[CheckboxNode.Input],
+        },
+        view: opts.inputView,
+    }))
+        .addNode(CheckboxNode.Label, () => ({
+        spec: schemaSpecs[CheckboxNode.Label],
+        toMd: serializerTokens[CheckboxNode.Label],
+        fromMd: {
+            tokenSpec: parserTokens[CheckboxNode.Label],
+            tokenName: 'checkbox_label',
+        },
+        view: opts.labelView,
+    }));
+};

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/parser.d.ts

@@ -0,0 +1,3 @@
+import type { ParserToken } from '../../../../core';
+import { CheckboxNode } from '../const';
+export declare const parserTokens: Record<CheckboxNode, ParserToken>;

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/parser.js

@@ -0,0 +1,7 @@
+import { CheckboxNode } from '../const';
+const getAttrs = (tok) => (tok.attrs ? Object.fromEntries(tok.attrs) : {});
+export const parserTokens = {
+    [CheckboxNode.Checkbox]: { name: CheckboxNode.Checkbox, type: 'block', getAttrs },
+    [CheckboxNode.Input]: { name: CheckboxNode.Input, type: 'node', getAttrs },
+    [CheckboxNode.Label]: { name: CheckboxNode.Label, type: 'block', getAttrs },
+};

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/schema.d.ts

@@ -0,0 +1,5 @@
+import type { NodeSpec } from 'prosemirror-model';
+import { PlaceholderOptions } from '../../../../utils/placeholder';
+import { CheckboxNode } from '../const';
+import type { CheckboxSpecsOptions } from './index';
+export declare const getSchemaSpecs: (opts?: Pick<CheckboxSpecsOptions, 'checkboxLabelPlaceholder'>, placeholder?: PlaceholderOptions) => Record<CheckboxNode, NodeSpec>;

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/schema.js

@@ -0,0 +1,63 @@
+import { CheckboxNode, b } from '../const';
+const DEFAULT_LABEL_PLACEHOLDER = 'Checkbox';
+export const getSchemaSpecs = (opts, placeholder) => {
+    var _a, _b;
+    return ({
+        [CheckboxNode.Checkbox]: {
+            group: 'block',
+            content: `${CheckboxNode.Input} ${CheckboxNode.Label}`,
+            selectable: true,
+            allowSelection: false,
+            parseDOM: [],
+            attrs: {
+                class: { default: b() },
+            },
+            toDOM(node) {
+                return ['div', node.attrs, 0];
+            },
+            complex: 'root',
+        },
+        [CheckboxNode.Input]: {
+            group: 'block',
+            parseDOM: [],
+            attrs: {
+                type: { default: 'checkbox' },
+                id: { default: null },
+                checked: { default: null },
+            },
+            toDOM(node) {
+                return ['div', node.attrs];
+            },
+            selectable: false,
+            allowSelection: false,
+            complex: 'leaf',
+        },
+        [CheckboxNode.Label]: {
+            content: 'inline*',
+            group: 'block',
+            parseDOM: [
+                {
+                    tag: `span[class="${b('label')}"]`,
+                    getAttrs: (node) => ({
+                        for: node.getAttribute('for') || '',
+                    }),
+                },
+            ],
+            attrs: {
+                for: { default: null },
+            },
+            escapeText: false,
+            placeholder: {
+                content: (_b = (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder[CheckboxNode.Label]) !== null && _a !== void 0 ? _a : opts === null || opts === void 0 ? void 0 : opts.checkboxLabelPlaceholder) !== null && _b !== void 0 ? _b : DEFAULT_LABEL_PLACEHOLDER,
+                alwaysVisible: true,
+            },
+            toDOM(node) {
+                return ['span', Object.assign(Object.assign({}, node.attrs), { class: b('label') }), 0];
+            },
+            selectable: false,
+            allowSelection: false,
+            disableGapCursor: true,
+            complex: 'leaf',
+        },
+    });
+};

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/serializer.d.ts

@@ -0,0 +1,3 @@
+import { SerializerNodeToken } from '../../../../core';
+import { CheckboxNode } from '../const';
+export declare const serializerTokens: Record<CheckboxNode, SerializerNodeToken>;

package/build/esm/extensions/yfm/Checkbox/CheckboxSpecs/serializer.js

@@ -0,0 +1,22 @@
+import { getPlaceholderContent } from '../../../../utils/placeholder';
+import { CheckboxNode } from '../const';
+export const serializerTokens = {
+    [CheckboxNode.Checkbox]: (state, node) => {
+        state.renderInline(node);
+        state.closeBlock(node);
+    },
+    [CheckboxNode.Input]: (state, node) => {
+        const checked = node.attrs.checked === 'true';
+        state.write(`[${checked ? 'X' : ' '}] `);
+    },
+    [CheckboxNode.Label]: (state, node, _, idx) => {
+        if ((!node.content.size || node.textContent.trim().length === 0) && idx !== 0) {
+            state.write(getPlaceholderContent(node));
+            return;
+        }
+        if (!idx) {
+            state.write('[ ] ');
+        }
+        state.renderInline(node);
+    },
+};

package/build/esm/extensions/yfm/Checkbox/actions.d.ts

@@ -0,0 +1,4 @@
+import { Command } from 'prosemirror-state';
+import type { ActionSpec } from '../../../core';
+export declare const addCheckboxCmd: Command;
+export declare const addCheckbox: () => ActionSpec;