@milkdown/preset-gfm 5.4.0 → 6.0.0-next.0

package/src/task-list-item.ts

@@ -1,6 +1,5 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { createCmd, createCmdKey, themeToolCtx } from '@milkdown/core';
-import type { Icon } from '@milkdown/design-system';
+import { createCmd, createCmdKey, editorViewCtx, ThemeTaskListItemType } from '@milkdown/core';
 import { liftListItem, sinkListItem, splitListItem, wrapIn, wrappingInputRule } from '@milkdown/prose';
 import { createNode, createShortcut } from '@milkdown/utils';
 
@@ -8,66 +7,17 @@ import { SupportedKeys } from './supported-keys';
 
 type Keys = Extract<keyof SupportedKeys, 'SinkListItem' | 'LiftListItem' | 'NextListItem' | 'TaskList'>;
 
-export const SplitTaskListItem = createCmdKey();
-export const SinkTaskListItem = createCmdKey();
-export const LiftTaskListItem = createCmdKey();
-export const TurnIntoTaskList = createCmdKey();
+export const SplitTaskListItem = createCmdKey('SplitTaskListItem');
+export const SinkTaskListItem = createCmdKey('SinkTaskListItem');
+export const LiftTaskListItem = createCmdKey('LiftTaskListItem');
+export const TurnIntoTaskList = createCmdKey('TurnIntoTaskList');
 
 export const taskListItem = createNode<Keys>((utils) => {
     const id = 'task_list_item';
-    const style = utils.getStyle(
-        ({ palette, size }, { css }) =>
-            css`
-                list-style-type: none;
-                position: relative;
-
-                & > div {
-                    overflow: hidden;
-                    padding: 0 2px;
-                }
-
-                label {
-                    position: absolute;
-                    top: 0;
-                    left: -2rem;
-                    display: inline-block;
-                    width: 1.5rem;
-                    height: 1.5rem;
-                    margin: 0.5rem 0;
-                    input {
-                        visibility: hidden;
-                    }
-                }
-                label:before {
-                    position: absolute;
-                    top: 0;
-                    right: 0;
-                    bottom: 0;
-                    left: 0;
-                    border-radius: ${size.radius};
-                }
-                label:hover:before {
-                    background: ${palette('background')};
-                }
-                &[data-checked='true'] {
-                    label {
-                        color: ${palette('primary')};
-                    }
-                }
-                &[data-checked='false'] {
-                    label {
-                        color: ${palette('solid', 0.87)};
-                    }
-                }
-                .paragraph {
-                    margin: 0.5rem 0;
-                }
-            `,
-    );
 
     return {
         id,
-        schema: () => ({
+        schema: (ctx) => ({
             group: 'listItem',
             content: 'paragraph block*',
             defining: true,
@@ -84,25 +34,55 @@ export const taskListItem = createNode<Keys>((utils) => {
                         if (!(dom instanceof HTMLElement)) {
                             throw new Error();
                         }
-                        return { checked: dom.dataset.checked === 'true' };
+                        return { checked: dom.dataset['checked'] === 'true' };
                     },
                 },
             ],
-            toDOM: (node) => [
-                'li',
-                {
-                    'data-type': 'task-item',
-                    'data-checked': node.attrs.checked ? 'true' : 'false',
-                    class: utils.getClassName(node.attrs, 'task-list-item', style),
-                },
-                0,
-            ],
+            toDOM: (node) => {
+                const checkbox = document.createElement('input');
+                checkbox.type = 'checkbox';
+                checkbox.checked = node.attrs['checked'];
+                checkbox.className = utils.getClassName(node.attrs, 'task-list-item_checkbox');
+                checkbox.onchange = (event) => {
+                    const target = event.target;
+                    if (!(target instanceof HTMLInputElement)) return;
+                    const view = ctx.get(editorViewCtx);
+
+                    if (!view.editable) {
+                        checkbox.checked = !checkbox.checked;
+
+                        return;
+                    }
+
+                    const { top, left } = target.getBoundingClientRect();
+                    const result = view.posAtCoords({ top, left });
+                    if (!result) return;
+
+                    const { tr } = view.state;
+
+                    view.dispatch(
+                        tr.setNodeMarkup(result.inside, undefined, {
+                            checked: target.checked,
+                        }),
+                    );
+                };
+                return [
+                    'li',
+                    {
+                        'data-type': 'task-item',
+                        'data-checked': node.attrs['checked'] ? 'true' : 'false',
+                        class: utils.getClassName(node.attrs, 'task-list-item'),
+                    },
+                    checkbox,
+                    ['span', { class: utils.getClassName(node.attrs, 'task-list-item_body') }, 0],
+                ];
+            },
             parseMarkdown: {
                 match: ({ type, checked }) => {
                     return type === 'listItem' && checked !== null;
                 },
                 runner: (state, node, type) => {
-                    state.openNode(type, { checked: node.checked as boolean });
+                    state.openNode(type, { checked: node['checked'] as boolean });
                     state.next(node.children);
                     state.closeNode();
                 },
@@ -110,7 +90,7 @@ export const taskListItem = createNode<Keys>((utils) => {
             toMarkdown: {
                 match: (node) => node.type.name === id,
                 runner: (state, node) => {
-                    state.openNode('listItem', undefined, { checked: node.attrs.checked });
+                    state.openNode('listItem', undefined, { checked: node.attrs['checked'] });
                     state.next(node.content);
                     state.closeNode();
                 },
@@ -133,82 +113,37 @@ export const taskListItem = createNode<Keys>((utils) => {
             [SupportedKeys.LiftListItem]: createShortcut(LiftTaskListItem, 'Mod-['),
             [SupportedKeys.TaskList]: createShortcut(TurnIntoTaskList, 'Mod-Alt-9'),
         },
-        view: (ctx) => (node, view, getPos) => {
-            const createIcon = ctx.get(themeToolCtx).slots.icon;
-
-            const listItem = document.createElement('li');
-            const checkboxWrapper = document.createElement('label');
-            const checkboxStyler = document.createElement('span');
-            const checkbox = document.createElement('input');
-            const content = document.createElement('div');
-
-            let icon = createIcon('unchecked');
-            checkboxWrapper.appendChild(icon);
-            const setIcon = (name: Icon) => {
-                const nextIcon = createIcon(name);
-                checkboxWrapper.replaceChild(nextIcon, icon);
-                icon = nextIcon;
-            };
-
-            checkboxWrapper.contentEditable = 'false';
-            checkbox.type = 'checkbox';
-            const onChange = (event: Event) => {
-                const target = event.target;
-                if (!(target instanceof HTMLInputElement)) return;
-
-                if (!view.editable) {
-                    checkbox.checked = !checkbox.checked;
-
-                    return;
-                }
-
-                const { tr } = view.state;
-
-                view.dispatch(
-                    tr.setNodeMarkup(getPos(), undefined, {
-                        checked: target.checked,
-                    }),
-                );
-            };
-            checkbox.addEventListener('change', onChange);
-
-            listItem.dataset.checked = node.attrs.checked;
-            if (node.attrs.checked) {
-                checkbox.setAttribute('checked', 'checked');
-            }
+        view: () => (node, view, getPos) => {
+            let currNode = node;
+
+            const renderer = utils.themeManager.get<ThemeTaskListItemType>('task-list-item', {
+                editable: () => view.editable,
+                onChange: (selected) => {
+                    const { tr } = view.state;
+                    view.dispatch(
+                        tr.setNodeMarkup(getPos(), undefined, {
+                            checked: selected,
+                        }),
+                    );
+                },
+            });
 
-            checkboxWrapper.append(checkbox, checkboxStyler);
-            listItem.append(checkboxWrapper, content);
+            if (!renderer) return {};
 
-            const attributes = {
-                'data-type': 'task-item',
-                'data-checked': node.attrs.checked ? 'true' : 'false',
-                class: utils.getClassName(node.attrs, 'task-list-item', style),
-            };
-            Object.entries(attributes).forEach(([key, value]) => {
-                listItem.setAttribute(key, value);
-            });
-            setIcon(node.attrs.checked ? 'checked' : 'unchecked');
+            const { dom, contentDOM, onUpdate } = renderer;
+            onUpdate(currNode);
 
             return {
-                dom: listItem,
-                contentDOM: content,
+                dom,
+                contentDOM,
                 update: (updatedNode) => {
                     if (updatedNode.type.name !== id) return false;
 
-                    listItem.dataset.checked = updatedNode.attrs.checked;
-                    if (updatedNode.attrs.checked) {
-                        checkbox.setAttribute('checked', 'checked');
-                    } else {
-                        checkbox.removeAttribute('checked');
-                    }
-                    setIcon(updatedNode.attrs.checked ? 'checked' : 'unchecked');
+                    currNode = updatedNode;
+                    onUpdate(currNode);
 
                     return true;
                 },
-                destroy: () => {
-                    checkbox.removeEventListener('change', onChange);
-                },
             };
         },
     };

package/lib/src/auto-link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-link.d.ts","sourceRoot":"","sources":["auto-link.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,SAAS,kCAAiC,CAAC"}

package/lib/src/index.d.ts

@@ -1,36 +0,0 @@
-import { AtomList } from '@milkdown/utils';
-export * from './strike-through';
-export { SupportedKeys } from './supported-keys';
-export { BreakTable, createTable, InsertTable, NextCell, PrevCell, table, } from './table';
-export * from './task-list-item';
-export { blockquote, bulletList, codeFence, codeInline, commonmark, commonmarkNodes, commonmarkPlugins, doc, em, hardbreak, heading, hr, image, InsertHardbreak, InsertHr, InsertImage, LiftListItem, link, listItem, ModifyImage, ModifyLink, orderedList, paragraph, SinkListItem, SplitListItem, strong, text, ToggleBold, ToggleInlineCode, ToggleItalic, ToggleLink, TurnIntoCodeFence, TurnIntoHeading, TurnIntoText, WrapInBlockquote, WrapInBulletList, WrapInOrderedList, } from '@milkdown/preset-commonmark';
-export declare const gfm: AtomList<import("@milkdown/utils").$Prose | (import("@milkdown/utils/lib/src/types").Metadata<import("@milkdown/utils/lib/src/types").GetPlugin<"CodeFence", {
-    languageList?: string[] | undefined;
-}>> & import("@milkdown/core").MilkdownPlugin) | (import("@milkdown/utils/lib/src/types").Metadata<import("@milkdown/utils/lib/src/types").GetPlugin<string, import("@milkdown/preset-commonmark").ImageOptions>> & import("@milkdown/core").MilkdownPlugin) | import("@milkdown/utils").$Remark>;
-export declare const commands: {
-    readonly ToggleStrikeThrough: import("@milkdown/core").CmdKey<undefined>;
-    readonly TurnIntoTaskList: import("@milkdown/core").CmdKey<undefined>;
-    readonly SinkTaskListItem: import("@milkdown/core").CmdKey<undefined>;
-    readonly LiftTaskListItem: import("@milkdown/core").CmdKey<undefined>;
-    readonly SplitTaskListItem: import("@milkdown/core").CmdKey<undefined>;
-    readonly ToggleInlineCode: import("@milkdown/core").CmdKey<undefined>;
-    readonly ToggleItalic: import("@milkdown/core").CmdKey<undefined>;
-    readonly ToggleLink: import("@milkdown/core").CmdKey<string>;
-    readonly ToggleBold: import("@milkdown/core").CmdKey<undefined>;
-    readonly ModifyLink: import("@milkdown/core").CmdKey<string>;
-    readonly ModifyImage: import("@milkdown/core").CmdKey<string>;
-    readonly WrapInBlockquote: import("@milkdown/core").CmdKey<undefined>;
-    readonly WrapInBulletList: import("@milkdown/core").CmdKey<undefined>;
-    readonly WrapInOrderedList: import("@milkdown/core").CmdKey<undefined>;
-    readonly TurnIntoCodeFence: import("@milkdown/core").CmdKey<undefined>;
-    readonly TurnIntoHeading: import("@milkdown/core").CmdKey<number>;
-    readonly TurnIntoText: import("@milkdown/core").CmdKey<undefined>;
-    readonly InsertHardbreak: import("@milkdown/core").CmdKey<undefined>;
-    readonly InsertHr: import("@milkdown/core").CmdKey<string>;
-    readonly InsertImage: import("@milkdown/core").CmdKey<string>;
-    readonly SplitListItem: import("@milkdown/core").CmdKey<undefined>;
-    readonly SinkListItem: import("@milkdown/core").CmdKey<undefined>;
-    readonly LiftListItem: import("@milkdown/core").CmdKey<undefined>;
-};
-export declare type Commands = typeof commands;
-//# sourceMappingURL=index.d.ts.map

package/lib/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAcpD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACH,UAAU,EAEV,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EAER,KAAK,GACR,MAAM,SAAS,CAAC;AACjB,cAAc,kBAAkB,CAAC;AACjC,OAAO,EACH,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EAEV,eAAe,EACf,iBAAiB,EAEjB,GAAG,EACH,EAAE,EACF,SAAS,EACT,OAAO,EACP,EAAE,EACF,KAAK,EAEL,eAAe,EACf,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,EACb,MAAM,EACN,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GACpB,MAAM,6BAA6B,CAAC;AAErC,eAAO,MAAM,GAAG;;iSAOd,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAOX,CAAC;AACX,oBAAY,QAAQ,GAAG,OAAO,QAAQ,CAAC"}

package/lib/src/strike-through.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"strike-through.d.ts","sourceRoot":"","sources":["strike-through.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB,4CAAiB,CAAC;AAElD,eAAO,MAAM,aAAa;;;;EAyCxB,CAAC"}

package/lib/src/supported-keys.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"supported-keys.d.ts","sourceRoot":"","sources":["supported-keys.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;CAKhB,CAAC;AACX,oBAAY,aAAa,GAAG,OAAO,aAAa,CAAC"}

package/lib/src/table/command.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["command.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAmB,QAAQ,EAAa,MAAM,iBAAiB,CAAC;AAEhF,eAAO,MAAM,SAAS,SACX,QAAQ,KAAG,OAWjB,CAAC"}

package/lib/src/table/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,QAAQ;;;;;CAKX,CAAC;AACX,oBAAY,QAAQ,GAAG,OAAO,QAAQ,CAAC"}

package/lib/src/table/nodes/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AACX,oBAAY,aAAa,GAAG,OAAO,aAAa,CAAC;AAIjD,eAAO,MAAM,QAAQ,4CAAiB,CAAC;AACvC,eAAO,MAAM,QAAQ,4CAAiB,CAAC;AACvC,eAAO,MAAM,UAAU,4CAAiB,CAAC;AACzC,eAAO,MAAM,WAAW,4CAAiB,CAAC;AAE1C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;EA+IhB,CAAC"}

package/lib/src/table/nodes/schema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["schema.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,sCAYjB,CAAC"}

package/lib/src/table/nodes/style.d.ts

@@ -1,3 +0,0 @@
-import { Utils } from '@milkdown/utils';
-export declare const injectStyle: (utils: Utils) => string | undefined;
-//# sourceMappingURL=style.d.ts.map

package/lib/src/table/nodes/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["style.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AA+CxC,eAAO,MAAM,WAAW,UAAW,KAAK,uBAwHvC,CAAC"}

package/lib/src/table/operator-plugin/actions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["actions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAgB,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAGH,OAAO,EAIP,UAAU,EAIb,MAAM,iBAAiB,CAAC;AAKzB,oBAAY,IAAI,GAAG;IACf,CAAC,EAAE,WAAW,CAAC;IACf,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;CAC3C,CAAC;AAEF,oBAAY,MAAM;IACd,UAAU,IAAA;IACV,WAAW,IAAA;IACX,SAAS,IAAA;IACT,YAAY,IAAA;IACZ,SAAS,IAAA;IACT,WAAW,IAAA;IACX,UAAU,IAAA;IACV,MAAM,IAAA;CACT;AAED,eAAO,MAAM,aAAa,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC,MAAM,EAAE,IAAI,CA+E3D,CAAC"}

package/lib/src/table/operator-plugin/calc-pos.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calc-pos.d.ts","sourceRoot":"","sources":["calc-pos.ts"],"names":[],"mappings":"AAEA,OAAO,EAAwC,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnF,eAAO,MAAM,iBAAiB,SAAU,UAAU,OAAO,WAAW,SAoBnE,CAAC"}

package/lib/src/table/operator-plugin/constant.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["constant.ts"],"names":[],"mappings":"AAEA,oBAAY,UAAU;IAClB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;CAClB"}

package/lib/src/table/operator-plugin/helper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAY,MAAM,iBAAiB,CAAC;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,eAAO,MAAM,gBAAgB,SAAU,UAAU,KAAG,aAAiE,CAAC;AAEtH,eAAO,MAAM,kBAAkB,cAAe,aAAa,YAmB1D,CAAC;AAEF,eAAO,MAAM,aAAa,YAAa,OAAO,MAAM,EAAE,IAAI,CAAC,QAAQ,UAAU,SAS5E,CAAC"}

package/lib/src/table/operator-plugin/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAA4C,MAAM,EAAa,MAAM,iBAAiB,CAAC;AAC9F,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAUxC,eAAO,MAAM,GAAG,0BAA0B,CAAC;AAE3C,eAAO,MAAM,cAAc,QAAS,GAAG,SAAS,KAAK,qBAiFpD,CAAC"}

package/lib/src/table/operator-plugin/style.d.ts

@@ -1,3 +0,0 @@
-import { Emotion, ThemeTool } from '@milkdown/core';
-export declare const injectStyle: ({ size, mixin, palette }: ThemeTool, { css }: Emotion) => string;
-//# sourceMappingURL=style.d.ts.map

package/lib/src/table/operator-plugin/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,eAAO,MAAM,WAAW,6BAA8B,SAAS,WAAW,OAAO,WA8ChF,CAAC"}

package/lib/src/table/operator-plugin/widget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["widget.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAgB,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAE,OAAO,EAA2B,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAiBxC,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAC/G,wBAAgB,YAAY,CACxB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,UAAU,CAAC,IAAI,EACpB,KAAK,EAAE,MAAM,GACd,UAAU,CAAC,oBAAoB,CAAC,CAAC;AACpC,wBAAgB,YAAY,CACxB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,UAAU,CAAC,GAAG,EACnB,KAAK,EAAE,MAAM,GACd,UAAU,CAAC,oBAAoB,CAAC,CAAC"}

package/lib/src/table/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":"AACA,OAAO,EAIH,IAAI,IAAI,eAAe,EACvB,MAAM,EACN,SAAS,EAGT,SAAS,EACT,WAAW,EACd,MAAM,iBAAiB,CAAC;AAEzB,oBAAY,OAAO,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,cAAe,SAAS,6DAC+B,CAAC;AAE9E,eAAO,MAAM,gBAAgB,gBACX,MAAM,iBACR,SAAS,KAAG,OAAO,EAAE,GAAG,SAkBnC,CAAC;AAEN,eAAO,MAAM,aAAa,aACX,MAAM,iBACL,SAAS,KAAG,OAAO,EAAE,GAAG,SAkBnC,CAAC;AAEN,eAAO,MAAM,WAAW,WAAY,MAAM,iEAgBzC,CAAC;AAEF,eAAO,MAAM,UAAU,SAAU,KAAK,GAAG,KAAK,aAAa,MAAM,UAAU,WAAW,QAuBrF,CAAC;AAEF,eAAO,MAAM,eAAe,cAAe,SAAS;;;;eAiBnD,CAAC;AAEF,eAAO,MAAM,WAAW,OAAQ,WAAW,QAQ1C,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,oBAkBtG"}

package/lib/src/task-list-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"task-list-item.d.ts","sourceRoot":"","sources":["task-list-item.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,aAAK,IAAI,GAAG,OAAO,CAAC,MAAM,aAAa,EAAE,cAAc,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;AAExG,eAAO,MAAM,iBAAiB,4CAAiB,CAAC;AAChD,eAAO,MAAM,gBAAgB,4CAAiB,CAAC;AAC/C,eAAO,MAAM,gBAAgB,4CAAiB,CAAC;AAC/C,eAAO,MAAM,gBAAgB,4CAAiB,CAAC;AAE/C,eAAO,MAAM,YAAY;;;;EAuMvB,CAAC"}

package/src/table/nodes/style.ts

@@ -1,170 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { Emotion } from '@milkdown/design-system';
-import { Utils } from '@milkdown/utils';
-
-const proseTableStyle = ({ css }: Emotion) => css`
-    /* copy from https://github.com/ProseMirror/prosemirror-tables/blob/master/style/tables.css */
-    .ProseMirror .tableWrapper {
-        overflow-x: auto;
-    }
-    .ProseMirror table {
-        border-collapse: collapse;
-        table-layout: fixed;
-        width: 100%;
-        overflow: hidden;
-    }
-    .ProseMirror td,
-    .ProseMirror th {
-        vertical-align: top;
-        box-sizing: border-box;
-        position: relative;
-    }
-    .ProseMirror .column-resize-handle {
-        position: absolute;
-        right: -2px;
-        top: 0;
-        bottom: 0;
-        width: 4px;
-        z-index: 20;
-        background-color: #adf;
-        pointer-events: none;
-    }
-    .ProseMirror.resize-cursor {
-        cursor: ew-resize;
-        cursor: col-resize;
-    }
-    /* Give selected cells a blue overlay */
-    .ProseMirror .selectedCell:after {
-        z-index: 2;
-        position: absolute;
-        content: '';
-        left: 0;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        background: rgba(200, 200, 255, 0.4);
-        pointer-events: none;
-    }
-`;
-
-export const injectStyle = (utils: Utils) => {
-    return utils.getStyle(({ size, palette, mixin }, emotion) => {
-        const css = emotion.injectGlobal;
-        css`
-            ${proseTableStyle(emotion)}
-
-            .tableWrapper {
-                margin: 0 !important;
-
-                ${mixin.scrollbar?.('x')};
-
-                width: 100%;
-
-                table {
-                    width: calc(100% - 2rem) !important;
-                    border-radius: ${size.radius};
-                    box-sizing: border-box;
-                    margin: 1rem 0 1rem 1rem !important;
-                    overflow: auto !important;
-                    * {
-                        margin: 0 !important;
-                        box-sizing: border-box;
-                        font-size: 1rem;
-                    }
-                    tr {
-                        ${mixin.border?.('bottom')};
-                    }
-
-                    th {
-                        background: ${palette('background', 0.5)};
-                        font-weight: 400;
-                    }
-
-                    th,
-                    td {
-                        min-width: 100px;
-                        ${mixin.border?.()};
-                        text-align: left;
-                        position: relative;
-                        line-height: 3rem;
-                        box-sizing: border-box;
-                        height: 3rem;
-                    }
-
-                    .selectedCell {
-                        &::after {
-                            background: ${palette('secondary', 0.38)};
-                        }
-                        & ::selection {
-                            background: transparent;
-                        }
-                    }
-
-                    .column-resize-handle {
-                        background: ${palette('primary')};
-                        width: ${size.lineWidth};
-                    }
-
-                    th,
-                    td {
-                        padding: 0 1rem;
-                        p {
-                            line-height: unset !important;
-                        }
-                    }
-
-                    .milkdown-cell-left,
-                    .milkdown-cell-point,
-                    .milkdown-cell-top {
-                        position: absolute;
-
-                        &::after {
-                            cursor: pointer;
-                            position: absolute;
-                            top: 0;
-                            left: 0;
-                            height: 100%;
-                            width: 100%;
-                            display: block;
-                            transition: all 0.2s ease-in-out;
-                            background: ${palette('secondary', 0.12)};
-                            content: '';
-                        }
-                        &:hover::after {
-                            background: ${palette('secondary', 0.38)};
-                        }
-                    }
-
-                    .milkdown-cell-left {
-                        left: calc(-6px - 0.5rem);
-                        top: 0;
-                        bottom: 0;
-                        width: 0.5rem;
-                    }
-
-                    .milkdown-cell-top {
-                        left: 0;
-                        right: 0;
-                        top: calc(-6px - 0.5rem);
-                        height: 0.5rem;
-                    }
-
-                    .milkdown-cell-point {
-                        left: calc(-2px - 1rem);
-                        top: calc(-2px - 1rem);
-                        width: 1rem;
-                        height: 1rem;
-
-                        .icon {
-                            position: absolute;
-                            top: 0;
-                            bottom: 0;
-                            left: 0;
-                            right: 0;
-                        }
-                    }
-                }
-            }
-        `;
-    });
-};