@onereach/ui-components 10.2.0 → 10.2.1-beta.4272.0

package/dist/bundled/v2/{index-7516cf60.js → index-f379c836.js}

@@ -1,4 +1,4 @@
-import { T as TextSelection, N as NodeSelection, S as Selection, b as Slice, d as dropPoint, f as DOMSerializer, F as Fragment, D as DOMParser, A as AllSelection, e as Mark$1, P as Plugin, g as NodeRange, h as findWrapping, R as ReplaceAroundStep, i as canSplit, l as liftTarget, j as canJoin, a as PluginKey, E as EditorState, k as createParagraphNear$1, m as deleteSelection$1, n as exitCode$1, o as joinUp$1, p as joinDown$1, q as joinBackward$1, r as joinForward$1, s as lift$1, t as liftEmptyBlock$1, u as newlineInCode$1, v as selectNodeBackward$1, w as selectNodeForward$1, x as selectParentNode$1, y as selectTextblockEnd$1, z as selectTextblockStart$1, B as Transform, C as setBlockType, G as wrapIn$1, c as Schema, H as ReplaceStep } from './index-02a897ac.js';
+import { T as TextSelection, N as NodeSelection, S as Selection, b as Slice, d as dropPoint, f as DOMSerializer, F as Fragment, D as DOMParser, A as AllSelection, e as Mark$1, P as Plugin, g as NodeRange, h as findWrapping, R as ReplaceAroundStep, i as canSplit, l as liftTarget, j as canJoin, a as PluginKey, E as EditorState, k as createParagraphNear$1, m as deleteSelection$1, n as exitCode$1, o as joinUp$1, p as joinDown$1, q as joinBackward$1, r as joinForward$1, s as joinPoint, t as lift$1, u as liftEmptyBlock$1, v as newlineInCode$1, w as selectNodeBackward$1, x as selectNodeForward$1, y as selectParentNode$1, z as selectTextblockEnd$1, B as selectTextblockStart$1, C as Transform, G as setBlockType, H as wrapIn$1, c as Schema, I as ReplaceStep } from './index-0e9c2b43.js';
 import { k as keyName, b as base } from './index-0fa7e6ca.js';
 
 const domIndex = function (node) {
@@ -5563,9 +5563,6 @@ class CommandManager {
     const {
       view
     } = editor;
-    if (state.storedMarks) {
-      tr.setStoredMarks(state.storedMarks);
-    }
     const props = {
       tr,
       editor,
@@ -5575,7 +5572,7 @@ class CommandManager {
         transaction: tr
       }),
       dispatch: shouldDispatch ? () => undefined : undefined,
-      chain: () => this.createChain(tr),
+      chain: () => this.createChain(tr, shouldDispatch),
       can: () => this.createCan(tr),
       get commands() {
         return Object.fromEntries(Object.entries(rawCommands).map(_ref4 => {
@@ -5754,7 +5751,10 @@ function mergeAttributes() {
         return;
       }
       if (key === 'class') {
-        mergedAttributes[key] = [mergedAttributes[key], value].join(' ');
+        const valueClasses = value ? value.split(' ') : [];
+        const existingClasses = mergedAttributes[key] ? mergedAttributes[key].split(' ') : [];
+        const insertClasses = valueClasses.filter(valueClass => !existingClasses.includes(valueClass));
+        mergedAttributes[key] = [...existingClasses, ...insertClasses].join(' ');
       } else if (key === 'style') {
         mergedAttributes[key] = [mergedAttributes[key], value].join('; ');
       } else {
@@ -6221,7 +6221,9 @@ function run(config) {
     state,
     from,
     to,
-    rule
+    rule,
+    pasteEvent,
+    dropEvent
   } = config;
   const {
     commands,
@@ -6256,7 +6258,9 @@ function run(config) {
         match,
         commands,
         chain,
-        can
+        can,
+        pasteEvent,
+        dropEvent
       });
       handlers.push(handler);
     });
@@ -6277,6 +6281,8 @@ function pasteRulesPlugin(props) {
   let dragSourceElement = null;
   let isPastedFromProseMirror = false;
   let isDroppedFromProseMirror = false;
+  let pasteEvent = new ClipboardEvent('paste');
+  let dropEvent = new DragEvent('drop');
   const plugins = rules.map(rule => {
     return new Plugin({
       // we register a global drag handler to track the current drag source element
@@ -6294,13 +6300,15 @@ function pasteRulesPlugin(props) {
       },
       props: {
         handleDOMEvents: {
-          drop: view => {
+          drop: (view, event) => {
             isDroppedFromProseMirror = dragSourceElement === view.dom.parentElement;
+            dropEvent = event;
             return false;
           },
-          paste: (view, event) => {
+          paste: (_view, event) => {
             var _a;
             const html = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text/html');
+            pasteEvent = event;
             isPastedFromProseMirror = !!(html === null || html === void 0 ? void 0 : html.includes('data-pm-slice'));
             return false;
           }
@@ -6331,12 +6339,16 @@ function pasteRulesPlugin(props) {
           state: chainableState,
           from: Math.max(from - 1, 0),
           to: to.b - 1,
-          rule
+          rule,
+          pasteEvent,
+          dropEvent
         });
         // stop if there are no changes
         if (!handler || !tr.steps.length) {
           return;
         }
+        dropEvent = new DragEvent('drop');
+        pasteEvent = new ClipboardEvent('paste');
         return tr;
       }
     });
@@ -6832,11 +6844,26 @@ const createParagraphNear = () => _ref16 => {
   } = _ref16;
   return createParagraphNear$1(state, dispatch);
 };
-const deleteCurrentNode = () => _ref17 => {
+const cut = (originRange, targetPos) => _ref17 => {
+  let {
+    editor,
+    tr
+  } = _ref17;
+  const {
+    state
+  } = editor;
+  const contentSlice = state.doc.slice(originRange.from, originRange.to);
+  tr.deleteRange(originRange.from, originRange.to);
+  const newPos = tr.mapping.map(targetPos);
+  tr.insert(newPos, contentSlice.content);
+  tr.setSelection(new TextSelection(tr.doc.resolve(newPos - 1)));
+  return true;
+};
+const deleteCurrentNode = () => _ref18 => {
   let {
     tr,
     dispatch
-  } = _ref17;
+  } = _ref18;
   const {
     selection
   } = tr;
@@ -6859,12 +6886,12 @@ const deleteCurrentNode = () => _ref17 => {
   }
   return false;
 };
-const deleteNode = typeOrName => _ref18 => {
+const deleteNode = typeOrName => _ref19 => {
   let {
     tr,
     state,
     dispatch
-  } = _ref18;
+  } = _ref19;
   const type = getNodeType(typeOrName, state.schema);
   const $pos = tr.selection.$anchor;
   for (let depth = $pos.depth; depth > 0; depth -= 1) {
@@ -6880,11 +6907,11 @@ const deleteNode = typeOrName => _ref18 => {
   }
   return false;
 };
-const deleteRange = range => _ref19 => {
+const deleteRange = range => _ref20 => {
   let {
     tr,
     dispatch
-  } = _ref19;
+  } = _ref20;
   const {
     from,
     to
@@ -6894,24 +6921,24 @@ const deleteRange = range => _ref19 => {
   }
   return true;
 };
-const deleteSelection = () => _ref20 => {
+const deleteSelection = () => _ref21 => {
   let {
     state,
     dispatch
-  } = _ref20;
+  } = _ref21;
   return deleteSelection$1(state, dispatch);
 };
-const enter = () => _ref21 => {
+const enter = () => _ref22 => {
   let {
     commands
-  } = _ref21;
+  } = _ref22;
   return commands.keyboardShortcut('Enter');
 };
-const exitCode = () => _ref22 => {
+const exitCode = () => _ref23 => {
   let {
     state,
     dispatch
-  } = _ref22;
+  } = _ref23;
   return exitCode$1(state, dispatch);
 };
 
@@ -6993,12 +7020,12 @@ function getMarkType(nameOrType, schema) {
 }
 const extendMarkRange = function (typeOrName) {
   let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref23 => {
+  return _ref24 => {
     let {
       tr,
       state,
       dispatch
-    } = _ref23;
+    } = _ref24;
     const type = getMarkType(typeOrName, state.schema);
     const {
       doc,
@@ -7065,13 +7092,13 @@ function isiOS() {
 const focus = function () {
   let position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref24 => {
+  return _ref25 => {
     let {
       editor,
       view,
       tr,
       dispatch
-    } = _ref24;
+    } = _ref25;
     options = {
       scrollIntoView: true,
       ...options
@@ -7125,11 +7152,11 @@ const forEach = (items, fn) => props => {
     index
   }));
 };
-const insertContent = (value, options) => _ref25 => {
+const insertContent = (value, options) => _ref26 => {
   let {
     tr,
     commands
-  } = _ref25;
+  } = _ref26;
   return commands.insertContentAt({
     from: tr.selection.from,
     to: tr.selection.to
@@ -7186,12 +7213,12 @@ function selectionToInsertionEnd(tr, startLen, bias) {
 const isFragment = nodeOrFragment => {
   return nodeOrFragment.toString().startsWith('<');
 };
-const insertContentAt = (position, value, options) => _ref26 => {
+const insertContentAt = (position, value, options) => _ref27 => {
   let {
     tr,
     dispatch,
     editor
-  } = _ref26;
+  } = _ref27;
   if (dispatch) {
     options = {
       parseOptions: {},
@@ -7214,7 +7241,10 @@ const insertContentAt = (position, value, options) => _ref26 => {
     } = typeof position === 'number' ? {
       from: position,
       to: position
-    } : position;
+    } : {
+      from: position.from,
+      to: position.to
+    };
     let isOnlyTextContent = true;
     let isOnlyBlockContent = true;
     const nodes = isFragment(content) ? content : [content];
@@ -7261,34 +7291,74 @@ const insertContentAt = (position, value, options) => _ref26 => {
   }
   return true;
 };
-const joinUp = () => _ref27 => {
+const joinUp = () => _ref28 => {
   let {
     state,
     dispatch
-  } = _ref27;
+  } = _ref28;
   return joinUp$1(state, dispatch);
 };
-const joinDown = () => _ref28 => {
+const joinDown = () => _ref29 => {
   let {
     state,
     dispatch
-  } = _ref28;
+  } = _ref29;
   return joinDown$1(state, dispatch);
 };
-const joinBackward = () => _ref29 => {
+const joinBackward = () => _ref30 => {
   let {
     state,
     dispatch
-  } = _ref29;
+  } = _ref30;
   return joinBackward$1(state, dispatch);
 };
-const joinForward = () => _ref30 => {
+const joinForward = () => _ref31 => {
   let {
     state,
     dispatch
-  } = _ref30;
+  } = _ref31;
   return joinForward$1(state, dispatch);
 };
+const joinItemBackward = () => _ref32 => {
+  let {
+    tr,
+    state,
+    dispatch
+  } = _ref32;
+  try {
+    const point = joinPoint(state.doc, state.selection.$from.pos, -1);
+    if (point === null || point === undefined) {
+      return false;
+    }
+    tr.join(point, 2);
+    if (dispatch) {
+      dispatch(tr);
+    }
+    return true;
+  } catch {
+    return false;
+  }
+};
+const joinItemForward = () => _ref33 => {
+  let {
+    state,
+    dispatch,
+    tr
+  } = _ref33;
+  try {
+    const point = joinPoint(state.doc, state.selection.$from.pos, +1);
+    if (point === null || point === undefined) {
+      return false;
+    }
+    tr.join(point, 2);
+    if (dispatch) {
+      dispatch(tr);
+    }
+    return true;
+  } catch (e) {
+    return false;
+  }
+};
 function isMacOS() {
   return typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
 }
@@ -7336,13 +7406,13 @@ function normalizeKeyName(name) {
   }
   return result;
 }
-const keyboardShortcut = name => _ref31 => {
+const keyboardShortcut = name => _ref34 => {
   let {
     editor,
     view,
     tr,
     dispatch
-  } = _ref31;
+  } = _ref34;
   const keys = normalizeKeyName(name).split(/-(?!$)/);
   const key = keys.find(item => !['Alt', 'Ctrl', 'Meta', 'Shift'].includes(item));
   const event = new KeyboardEvent('keydown', {
@@ -7403,11 +7473,11 @@ function isNodeActive(state, typeOrName) {
 }
 const lift = function (typeOrName) {
   let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref32 => {
+  return _ref35 => {
     let {
       state,
       dispatch
-    } = _ref32;
+    } = _ref35;
     const type = getNodeType(typeOrName, state.schema);
     const isActive = isNodeActive(state, type, attributes);
     if (!isActive) {
@@ -7416,26 +7486,26 @@ const lift = function (typeOrName) {
     return lift$1(state, dispatch);
   };
 };
-const liftEmptyBlock = () => _ref33 => {
+const liftEmptyBlock = () => _ref36 => {
   let {
     state,
     dispatch
-  } = _ref33;
+  } = _ref36;
   return liftEmptyBlock$1(state, dispatch);
 };
-const liftListItem = typeOrName => _ref34 => {
+const liftListItem = typeOrName => _ref37 => {
   let {
     state,
     dispatch
-  } = _ref34;
+  } = _ref37;
   const type = getNodeType(typeOrName, state.schema);
   return liftListItem$1(type)(state, dispatch);
 };
-const newlineInCode = () => _ref35 => {
+const newlineInCode = () => _ref38 => {
   let {
     state,
     dispatch
-  } = _ref35;
+  } = _ref38;
   return newlineInCode$1(state, dispatch);
 };
 function getSchemaTypeNameByName(name, schema) {
@@ -7462,12 +7532,12 @@ function deleteProps(obj, propOrProps) {
     return newObj;
   }, {});
 }
-const resetAttributes = (typeOrName, attributes) => _ref36 => {
+const resetAttributes = (typeOrName, attributes) => _ref39 => {
   let {
     tr,
     state,
     dispatch
-  } = _ref36;
+  } = _ref39;
   let nodeType = null;
   let markType = null;
   const schemaType = getSchemaTypeNameByName(typeof typeOrName === 'string' ? typeOrName : typeOrName.name, state.schema);
@@ -7498,63 +7568,63 @@ const resetAttributes = (typeOrName, attributes) => _ref36 => {
   }
   return true;
 };
-const scrollIntoView = () => _ref37 => {
+const scrollIntoView = () => _ref40 => {
   let {
     tr,
     dispatch
-  } = _ref37;
+  } = _ref40;
   if (dispatch) {
     tr.scrollIntoView();
   }
   return true;
 };
-const selectAll = () => _ref38 => {
+const selectAll = () => _ref41 => {
   let {
     tr,
     commands
-  } = _ref38;
+  } = _ref41;
   return commands.setTextSelection({
     from: 0,
     to: tr.doc.content.size
   });
 };
-const selectNodeBackward = () => _ref39 => {
+const selectNodeBackward = () => _ref42 => {
   let {
     state,
     dispatch
-  } = _ref39;
+  } = _ref42;
   return selectNodeBackward$1(state, dispatch);
 };
-const selectNodeForward = () => _ref40 => {
+const selectNodeForward = () => _ref43 => {
   let {
     state,
     dispatch
-  } = _ref40;
+  } = _ref43;
   return selectNodeForward$1(state, dispatch);
 };
-const selectParentNode = () => _ref41 => {
+const selectParentNode = () => _ref44 => {
   let {
     state,
     dispatch
-  } = _ref41;
+  } = _ref44;
   return selectParentNode$1(state, dispatch);
 };
 
 // @ts-ignore
-const selectTextblockEnd = () => _ref42 => {
+const selectTextblockEnd = () => _ref45 => {
   let {
     state,
     dispatch
-  } = _ref42;
+  } = _ref45;
   return selectTextblockEnd$1(state, dispatch);
 };
 
 // @ts-ignore
-const selectTextblockStart = () => _ref43 => {
+const selectTextblockStart = () => _ref46 => {
   let {
     state,
     dispatch
-  } = _ref43;
+  } = _ref46;
   return selectTextblockStart$1(state, dispatch);
 };
 function createDocument(content, schema) {
@@ -7567,12 +7637,12 @@ function createDocument(content, schema) {
 const setContent = function (content) {
   let emitUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   let parseOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return _ref44 => {
+  return _ref47 => {
     let {
       tr,
       editor,
       dispatch
-    } = _ref44;
+    } = _ref47;
     const {
       doc
     } = tr;
@@ -7583,6 +7653,32 @@ const setContent = function (content) {
     return true;
   };
 };
+function getMarkAttributes(state, typeOrName) {
+  const type = getMarkType(typeOrName, state.schema);
+  const {
+    from,
+    to,
+    empty
+  } = state.selection;
+  const marks = [];
+  if (empty) {
+    if (state.storedMarks) {
+      marks.push(...state.storedMarks);
+    }
+    marks.push(...state.selection.$head.marks());
+  } else {
+    state.doc.nodesBetween(from, to, node => {
+      marks.push(...node.marks);
+    });
+  }
+  const mark = marks.find(markItem => markItem.type.name === type.name);
+  if (!mark) {
+    return {};
+  }
+  return {
+    ...mark.attrs
+  };
+}
 
 /**
  * Returns a new `Transform` based on all steps of the passed transactions.
@@ -7662,32 +7758,6 @@ function getText(node, options) {
   };
   return getTextBetween(node, range, options);
 }
-function getMarkAttributes(state, typeOrName) {
-  const type = getMarkType(typeOrName, state.schema);
-  const {
-    from,
-    to,
-    empty
-  } = state.selection;
-  const marks = [];
-  if (empty) {
-    if (state.storedMarks) {
-      marks.push(...state.storedMarks);
-    }
-    marks.push(...state.selection.$head.marks());
-  } else {
-    state.doc.nodesBetween(from, to, node => {
-      marks.push(...node.marks);
-    });
-  }
-  const mark = marks.find(markItem => markItem.type.name === type.name);
-  if (!mark) {
-    return {};
-  }
-  return {
-    ...mark.attrs
-  };
-}
 function getNodeAttributes(state, typeOrName) {
   const type = getNodeType(typeOrName, state.schema);
   const {
@@ -7778,11 +7848,11 @@ function getChangedRanges(transform) {
         });
       });
     }
-    ranges.forEach(_ref45 => {
+    ranges.forEach(_ref48 => {
       let {
         from,
         to
-      } = _ref45;
+      } = _ref48;
       const newStart = mapping.slice(index).map(from, -1);
       const newEnd = mapping.slice(index).map(to);
       const oldStart = mapping.invert().map(newStart, -1);
@@ -7828,8 +7898,8 @@ function getMarksBetween(from, to, doc) {
   return marks;
 }
 function getSplittedAttributes(extensionAttributes, typeName, attributes) {
-  return Object.fromEntries(Object.entries(attributes).filter(_ref46 => {
-    let [name] = _ref46;
+  return Object.fromEntries(Object.entries(attributes).filter(_ref49 => {
+    let [name] = _ref49;
     const extensionAttribute = extensionAttributes.find(item => {
       return item.type === typeName && item.name === name;
     });
@@ -7858,11 +7928,11 @@ function isMarkActive(state, typeOrName) {
   }
   let selectionRange = 0;
   const markRanges = [];
-  ranges.forEach(_ref47 => {
+  ranges.forEach(_ref50 => {
     let {
       $from,
       $to
-    } = _ref47;
+    } = _ref50;
     const from = $from.pos;
     const to = $to.pos;
     state.doc.nodesBetween(from, to, (node, pos) => {
@@ -7961,11 +8031,11 @@ function canSetMark(state, tr, newMarkType) {
   const {
     ranges
   } = selection;
-  return ranges.some(_ref48 => {
+  return ranges.some(_ref51 => {
     let {
       $from,
       $to
-    } = _ref48;
+    } = _ref51;
     let someNodeSupportsMark = $from.depth === 0 ? state.doc.inlineContent && state.doc.type.allowsMarkType(newMarkType) : false;
     state.doc.nodesBetween($from.pos, $to.pos, (node, _pos, parent) => {
       // If we already found a mark that we can enable, return false to bypass the remaining search
@@ -7984,12 +8054,12 @@ function canSetMark(state, tr, newMarkType) {
 }
 const setMark = function (typeOrName) {
   let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref49 => {
+  return _ref52 => {
     let {
       tr,
       state,
       dispatch
-    } = _ref49;
+    } = _ref52;
     const {
       selection
     } = tr;
@@ -8035,21 +8105,21 @@ const setMark = function (typeOrName) {
     return canSetMark(state, tr, type);
   };
 };
-const setMeta = (key, value) => _ref50 => {
+const setMeta = (key, value) => _ref53 => {
   let {
     tr
-  } = _ref50;
+  } = _ref53;
   tr.setMeta(key, value);
   return true;
 };
 const setNode = function (typeOrName) {
   let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref51 => {
+  return _ref54 => {
     let {
       state,
       dispatch,
       chain
-    } = _ref51;
+    } = _ref54;
     const type = getNodeType(typeOrName, state.schema);
     // TODO: use a fallback like insertContent?
     if (!type.isTextblock) {
@@ -8058,28 +8128,28 @@ const setNode = function (typeOrName) {
     }
     return chain()
     // try to convert node to default node if needed
-    .command(_ref52 => {
+    .command(_ref55 => {
       let {
         commands
-      } = _ref52;
+      } = _ref55;
       const canSetBlock = setBlockType(type, attributes)(state);
       if (canSetBlock) {
         return true;
       }
       return commands.clearNodes();
-    }).command(_ref53 => {
+    }).command(_ref56 => {
       let {
         state: updatedState
-      } = _ref53;
+      } = _ref56;
       return setBlockType(type, attributes)(updatedState, dispatch);
     }).run();
   };
 };
-const setNodeSelection = position => _ref54 => {
+const setNodeSelection = position => _ref57 => {
   let {
     tr,
     dispatch
-  } = _ref54;
+  } = _ref57;
   if (dispatch) {
     const {
       doc
@@ -8090,11 +8160,11 @@ const setNodeSelection = position => _ref54 => {
   }
   return true;
 };
-const setTextSelection = position => _ref55 => {
+const setTextSelection = position => _ref58 => {
   let {
     tr,
     dispatch
-  } = _ref55;
+  } = _ref58;
   if (dispatch) {
     const {
       doc
@@ -8115,11 +8185,11 @@ const setTextSelection = position => _ref55 => {
   }
   return true;
 };
-const sinkListItem = typeOrName => _ref56 => {
+const sinkListItem = typeOrName => _ref59 => {
   let {
     state,
     dispatch
-  } = _ref56;
+  } = _ref59;
   const type = getNodeType(typeOrName, state.schema);
   return sinkListItem$1(type)(state, dispatch);
 };
@@ -8134,13 +8204,13 @@ const splitBlock = function () {
   let {
     keepMarks = true
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _ref57 => {
+  return _ref60 => {
     let {
       tr,
       state,
       dispatch,
       editor
-    } = _ref57;
+    } = _ref60;
     const {
       selection,
       doc
@@ -8204,13 +8274,13 @@ const splitBlock = function () {
     return true;
   };
 };
-const splitListItem = typeOrName => _ref58 => {
+const splitListItem = typeOrName => _ref61 => {
   let {
     tr,
     state,
     dispatch,
     editor
-  } = _ref58;
+  } = _ref61;
   var _a;
   const type = getNodeType(typeOrName, state.schema);
   const {
@@ -8339,7 +8409,7 @@ const joinListForwards = (tr, listType) => {
 };
 const toggleList = function (listTypeOrName, itemTypeOrName, keepMarks) {
   let attributes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  return _ref59 => {
+  return _ref62 => {
     let {
       editor,
       tr,
@@ -8348,7 +8418,7 @@ const toggleList = function (listTypeOrName, itemTypeOrName, keepMarks) {
       chain,
       commands,
       can
-    } = _ref59;
+    } = _ref62;
     const {
       extensions,
       splittableMarks
@@ -8409,11 +8479,11 @@ const toggleList = function (listTypeOrName, itemTypeOrName, keepMarks) {
 const toggleMark = function (typeOrName) {
   let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return _ref60 => {
+  return _ref63 => {
     let {
       state,
       commands
-    } = _ref60;
+    } = _ref63;
     const {
       extendEmptyMarkRange = false
     } = options;
@@ -8429,11 +8499,11 @@ const toggleMark = function (typeOrName) {
 };
 const toggleNode = function (typeOrName, toggleTypeOrName) {
   let attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  return _ref61 => {
+  return _ref64 => {
     let {
       state,
       commands
-    } = _ref61;
+    } = _ref64;
     const type = getNodeType(typeOrName, state.schema);
     const toggleType = getNodeType(toggleTypeOrName, state.schema);
     const isActive = isNodeActive(state, type, attributes);
@@ -8445,11 +8515,11 @@ const toggleNode = function (typeOrName, toggleTypeOrName) {
 };
 const toggleWrap = function (typeOrName) {
   let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref62 => {
+  return _ref65 => {
     let {
       state,
       commands
-    } = _ref62;
+    } = _ref65;
     const type = getNodeType(typeOrName, state.schema);
     const isActive = isNodeActive(state, type, attributes);
     if (isActive) {
@@ -8458,11 +8528,11 @@ const toggleWrap = function (typeOrName) {
     return commands.wrapIn(type, attributes);
   };
 };
-const undoInputRule = () => _ref63 => {
+const undoInputRule = () => _ref66 => {
   let {
     state,
     dispatch
-  } = _ref63;
+  } = _ref66;
   const plugins = state.plugins;
   for (let i = 0; i < plugins.length; i += 1) {
     const plugin = plugins[i];
@@ -8488,11 +8558,11 @@ const undoInputRule = () => _ref63 => {
   }
   return false;
 };
-const unsetAllMarks = () => _ref64 => {
+const unsetAllMarks = () => _ref67 => {
   let {
     tr,
     dispatch
-  } = _ref64;
+  } = _ref67;
   const {
     selection
   } = tr;
@@ -8512,12 +8582,12 @@ const unsetAllMarks = () => _ref64 => {
 };
 const unsetMark = function (typeOrName) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref65 => {
+  return _ref68 => {
     let {
       tr,
       state,
       dispatch
-    } = _ref65;
+    } = _ref68;
     var _a;
     const {
       extendEmptyMarkRange = false
@@ -8557,12 +8627,12 @@ const unsetMark = function (typeOrName) {
 };
 const updateAttributes = function (typeOrName) {
   let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref66 => {
+  return _ref69 => {
     let {
       tr,
       state,
       dispatch
-    } = _ref66;
+    } = _ref69;
     let nodeType = null;
     let markType = null;
     const schemaType = getSchemaTypeNameByName(typeof typeOrName === 'string' ? typeOrName : typeOrName.name, state.schema);
@@ -8606,22 +8676,22 @@ const updateAttributes = function (typeOrName) {
 };
 const wrapIn = function (typeOrName) {
   let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref67 => {
+  return _ref70 => {
     let {
       state,
       dispatch
-    } = _ref67;
+    } = _ref70;
     const type = getNodeType(typeOrName, state.schema);
     return wrapIn$1(type, attributes)(state, dispatch);
   };
 };
 const wrapInList = function (typeOrName) {
   let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref68 => {
+  return _ref71 => {
     let {
       state,
       dispatch
-    } = _ref68;
+    } = _ref71;
     const type = getNodeType(typeOrName, state.schema);
     return wrapInList$1(type, attributes)(state, dispatch);
   };
@@ -8633,6 +8703,7 @@ var commands = /*#__PURE__*/Object.freeze({
   clearNodes: clearNodes,
   command: command,
   createParagraphNear: createParagraphNear,
+  cut: cut,
   deleteCurrentNode: deleteCurrentNode,
   deleteNode: deleteNode,
   deleteRange: deleteRange,
@@ -8649,6 +8720,8 @@ var commands = /*#__PURE__*/Object.freeze({
   joinDown: joinDown,
   joinBackward: joinBackward,
   joinForward: joinForward,
+  joinItemBackward: joinItemBackward,
+  joinItemForward: joinItemForward,
   keyboardShortcut: keyboardShortcut,
   lift: lift,
   liftEmptyBlock: liftEmptyBlock,
@@ -8735,16 +8808,16 @@ const FocusEvents = Extension.create({
 const Keymap = Extension.create({
   name: 'keymap',
   addKeyboardShortcuts() {
-    const handleBackspace = () => this.editor.commands.first(_ref69 => {
+    const handleBackspace = () => this.editor.commands.first(_ref72 => {
       let {
         commands
-      } = _ref69;
+      } = _ref72;
       return [() => commands.undoInputRule(),
       // maybe convert first text block node to default node
-      () => commands.command(_ref70 => {
+      () => commands.command(_ref73 => {
         let {
           tr
-        } = _ref70;
+        } = _ref73;
         const {
           selection,
           doc
@@ -8757,23 +8830,26 @@ const Keymap = Extension.create({
           pos,
           parent
         } = $anchor;
-        const isAtStart = Selection.atStart(doc).from === pos;
+        const $parentPos = $anchor.parent.isTextblock ? tr.doc.resolve(pos - 1) : $anchor;
+        const parentIsIsolating = $parentPos.parent.type.spec.isolating;
+        const parentPos = $anchor.pos - $anchor.parentOffset;
+        const isAtStart = parentIsIsolating && $parentPos.parent.childCount === 1 ? parentPos === $anchor.pos : Selection.atStart(doc).from === pos;
         if (!empty || !isAtStart || !parent.type.isTextblock || parent.textContent.length) {
           return false;
         }
         return commands.clearNodes();
       }), () => commands.deleteSelection(), () => commands.joinBackward(), () => commands.selectNodeBackward()];
     });
-    const handleDelete = () => this.editor.commands.first(_ref71 => {
+    const handleDelete = () => this.editor.commands.first(_ref74 => {
       let {
         commands
-      } = _ref71;
+      } = _ref74;
       return [() => commands.deleteSelection(), () => commands.deleteCurrentNode(), () => commands.joinForward(), () => commands.selectNodeForward()];
     });
-    const handleEnter = () => this.editor.commands.first(_ref72 => {
+    const handleEnter = () => this.editor.commands.first(_ref75 => {
       let {
         commands
-      } = _ref72;
+      } = _ref75;
       return [() => commands.newlineInCode(), () => commands.createParagraphNear(), () => commands.liftEmptyBlock(), () => commands.splitBlock()];
     });
     const baseKeymap = {
@@ -8951,8 +9027,8 @@ img.ProseMirror-separator {
 .tippy-box[data-animation=fade][data-state=hidden] {
   opacity: 0
 }`;
-function createStyleTag(style, nonce) {
-  const tiptapStyleTag = document.querySelector('style[data-tiptap-style]');
+function createStyleTag(style, nonce, suffix) {
+  const tiptapStyleTag = document.querySelector(`style[data-tiptap-style${suffix ? `-${suffix}` : ''}]`);
   if (tiptapStyleTag !== null) {
     return tiptapStyleTag;
   }
@@ -8960,7 +9036,7 @@ function createStyleTag(style, nonce) {
   if (nonce) {
     styleNode.setAttribute('nonce', nonce);
   }
-  styleNode.setAttribute('data-tiptap-style', '');
+  styleNode.setAttribute(`data-tiptap-style${suffix ? `-${suffix}` : ''}`, '');
   styleNode.innerHTML = style;
   document.getElementsByTagName('head')[0].appendChild(styleNode);
   return styleNode;
@@ -9178,6 +9254,7 @@ class Editor extends EventEmitter {
     });
     this.view.updateState(newState);
     this.createNodeViews();
+    this.prependClass();
     // Let’s store the editor instance in the DOM element.
     // So we’ll have access to it for tests.
     const dom = this.view.dom;
@@ -9191,6 +9268,12 @@ class Editor extends EventEmitter {
       nodeViews: this.extensionManager.nodeViews
     });
   }
+  /**
+   * Prepend class name to element.
+   */
+  prependClass() {
+    this.view.dom.className = `tiptap ${this.view.dom.className}`;
+  }
   captureTransaction(fn) {
     this.isCapturingTransaction = true;
     fn();
@@ -9339,12 +9422,12 @@ class Editor extends EventEmitter {
 function markInputRule(config) {
   return new InputRule({
     find: config.find,
-    handler: _ref73 => {
+    handler: _ref76 => {
       let {
         state,
         range,
         match
-      } = _ref73;
+      } = _ref76;
       const attributes = callOrReturn(config.getAttributes, undefined, match);
       if (attributes === false || attributes === null) {
         return null;
@@ -9354,7 +9437,6 @@ function markInputRule(config) {
       } = state;
       const captureGroup = match[match.length - 1];
       const fullMatch = match[0];
-      let markEnd = range.to;
       if (captureGroup) {
         const startSpaces = fullMatch.search(/\S/);
         const textStart = range.from + fullMatch.indexOf(captureGroup);
@@ -9373,7 +9455,7 @@ function markInputRule(config) {
         if (textStart > range.from) {
           tr.delete(range.from + startSpaces, textStart);
         }
-        markEnd = range.from + startSpaces + captureGroup.length;
+        const markEnd = range.from + startSpaces + captureGroup.length;
         tr.addMark(range.from + startSpaces, markEnd, config.type.create(attributes || {}));
         tr.removeStoredMark(config.type);
       }
@@ -9388,18 +9470,19 @@ function markInputRule(config) {
 function nodeInputRule(config) {
   return new InputRule({
     find: config.find,
-    handler: _ref74 => {
+    handler: _ref77 => {
       let {
         state,
         range,
         match
-      } = _ref74;
+      } = _ref77;
       const attributes = callOrReturn(config.getAttributes, undefined, match) || {};
       const {
         tr
       } = state;
       const start = range.from;
       let end = range.to;
+      const newNode = config.type.create(attributes);
       if (match[1]) {
         const offset = match[0].lastIndexOf(match[1]);
         let matchStart = start + offset;
@@ -9412,10 +9495,11 @@ function nodeInputRule(config) {
         const lastChar = match[0][match[0].length - 1];
         tr.insertText(lastChar, start + match[0].length - 1);
         // insert node from input rule
-        tr.replaceWith(matchStart, end, config.type.create(attributes));
+        tr.replaceWith(matchStart, end, newNode);
       } else if (match[0]) {
-        tr.replaceWith(start, end, config.type.create(attributes));
+        tr.insert(start - 1, config.type.create(attributes)).delete(tr.mapping.map(start), tr.mapping.map(end));
       }
+      tr.scrollIntoView();
     }
   });
 }
@@ -9429,12 +9513,12 @@ function nodeInputRule(config) {
 function textblockTypeInputRule(config) {
   return new InputRule({
     find: config.find,
-    handler: _ref75 => {
+    handler: _ref78 => {
       let {
         state,
         range,
         match
-      } = _ref75;
+      } = _ref78;
       const $start = state.doc.resolve(range.from);
       const attributes = callOrReturn(config.getAttributes, undefined, match) || {};
       if (!$start.node(-1).canReplaceWith($start.index(-1), $start.indexAfter(-1), config.type)) {
@@ -9462,13 +9546,13 @@ function textblockTypeInputRule(config) {
 function wrappingInputRule(config) {
   return new InputRule({
     find: config.find,
-    handler: _ref77 => {
+    handler: _ref80 => {
       let {
         state,
         range,
         match,
         chain
-      } = _ref77;
+      } = _ref80;
       const attributes = callOrReturn(config.getAttributes, undefined, match) || {};
       const tr = state.tr.delete(range.from, range.to);
       const $start = tr.doc.resolve(range.from);
@@ -9569,11 +9653,11 @@ class Mark {
     }));
     return extension;
   }
-  static handleExit(_ref78) {
+  static handleExit(_ref81) {
     let {
       editor,
       mark
-    } = _ref78;
+    } = _ref81;
     const {
       tr
     } = editor.state;
@@ -9670,13 +9754,14 @@ class Node {
 function markPasteRule(config) {
   return new PasteRule({
     find: config.find,
-    handler: _ref80 => {
+    handler: _ref83 => {
       let {
         state,
         range,
-        match
-      } = _ref80;
-      const attributes = callOrReturn(config.getAttributes, undefined, match);
+        match,
+        pasteEvent
+      } = _ref83;
+      const attributes = callOrReturn(config.getAttributes, undefined, match, pasteEvent);
       if (attributes === false || attributes === null) {
         return null;
       }
@@ -9712,4 +9797,4 @@ function markPasteRule(config) {
   });
 }
 
-export { Decoration as D, Extension as E, Mark as M, Node as N, DecorationSet as a, markInputRule as b, markPasteRule as c, callOrReturn as d, Editor as e, getMarkAttributes as f, getExtensionField as g, combineTransactionSteps as h, getChangedRanges as i, getMarksBetween as j, keydownHandler as k, findChildrenInRange as l, mergeAttributes as m, nodeInputRule as n, getAttributes as o, textblockTypeInputRule as t, wrappingInputRule as w };
+export { Decoration as D, Extension as E, Mark as M, Node as N, DecorationSet as a, markInputRule as b, markPasteRule as c, callOrReturn as d, Editor as e, getMarkAttributes as f, getExtensionField as g, combineTransactionSteps as h, isMacOS as i, getChangedRanges as j, keydownHandler as k, findChildrenInRange as l, mergeAttributes as m, nodeInputRule as n, getMarksBetween as o, getAttributes as p, textblockTypeInputRule as t, wrappingInputRule as w };