@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/esm/plugins/paste/util/index.js

@@ -34,7 +34,6 @@ export function htmlContainsSingleFile(html) {
 }
 export function getPasteSource(event) {
   var html = event.clipboardData.getData('text/html');
-
   if (isPastedFromDropboxPaper(html)) {
     return 'dropbox-paper';
   } else if (isPastedFromWord(html)) {
@@ -50,59 +49,51 @@ export function getPasteSource(event) {
   } else if (isPastedFromFabricEditor(html)) {
     return 'fabric-editor';
   }
-
   return 'uncategorized';
-} // TODO: Write JEST tests for this part
+}
 
+// TODO: Write JEST tests for this part
 export function isCode(str) {
   var lines = str.split(/\r?\n|\r/);
-
   if (3 > lines.length) {
     return false;
   }
-
   var weight = 0;
   lines.forEach(function (line) {
     // Ends with : or ;
     if (/[:;]$/.test(line)) {
       weight++;
-    } // Contains second and third braces
-
-
+    }
+    // Contains second and third braces
     if (/[{}\[\]]/.test(line)) {
       weight++;
-    } // Contains <tag> or </
-
-
+    }
+    // Contains <tag> or </
     if (/<\w+>/.test(line) || /<\//.test(line)) {
       weight++;
-    } // Contains () <- function calls
-
-
+    }
+    // Contains () <- function calls
     if (/\(\)/.test(line)) {
       weight++;
-    } // Contains a link
-
-
+    }
+    // Contains a link
     if (/(^|[^!])\[(.*?)\]\((\S+)\)$/.test(line)) {
       weight--;
-    } // New line starts with less than two chars. e.g- if, {, <, etc
-
-
+    }
+    // New line starts with less than two chars. e.g- if, {, <, etc
     var token = /^(\s+)[a-zA-Z<{]{2,}/.exec(line);
-
     if (token && 2 <= token[1].length) {
       weight++;
     }
-
     if (/&&/.test(line)) {
       weight++;
     }
   });
   return 4 <= weight && weight >= 0.5 * lines.length;
-} // @see https://product-fabric.atlassian.net/browse/ED-3159
-// @see https://github.com/markdown-it/markdown-it/issues/38
+}
 
+// @see https://product-fabric.atlassian.net/browse/ED-3159
+// @see https://github.com/markdown-it/markdown-it/issues/38
 export function escapeLinks(text) {
   return text.replace(/(\[([^\]]+)\]\()?((https?|ftp|jamfselfservice):\/\/[^\s]+)/g, function (str) {
     return str.match(/^(https?|ftp|jamfselfservice):\/\/[^\s]+$/) ? "<".concat(str, ">") : str;
@@ -112,7 +103,6 @@ export function hasOnlyNodesOfType() {
   for (var _len = arguments.length, nodeTypes = new Array(_len), _key = 0; _key < _len; _key++) {
     nodeTypes[_key] = arguments[_key];
   }
-
   return function (slice) {
     var hasOnlyNodesOfType = true;
     slice.content.descendants(function (node) {
@@ -125,16 +115,15 @@ export function hasOnlyNodesOfType() {
 export function applyTextMarksToSlice(schema, marks) {
   return function (slice) {
     var _schema$marks = schema.marks,
-        codeMark = _schema$marks.code,
-        linkMark = _schema$marks.link,
-        annotationMark = _schema$marks.annotation;
-
+      codeMark = _schema$marks.code,
+      linkMark = _schema$marks.link,
+      annotationMark = _schema$marks.annotation;
     if (!Array.isArray(marks) || marks.length === 0) {
       return slice;
     }
+    var sliceCopy = Slice.fromJSON(schema, slice.toJSON() || {});
 
-    var sliceCopy = Slice.fromJSON(schema, slice.toJSON() || {}); // allow links and annotations to be pasted
-
+    // allow links and annotations to be pasted
     var allowedMarksToPaste = [linkMark, annotationMark];
     sliceCopy.content.descendants(function (node, _pos, parent) {
       if (node.isText && parent && parent.isBlock) {
@@ -145,7 +134,6 @@ export function applyTextMarksToSlice(schema, marks) {
         })));
         return false;
       }
-
       return true;
     });
     return sliceCopy;
@@ -155,7 +143,6 @@ export function isEmptyNode(node) {
   if (!node) {
     return false;
   }
-
   var nodeType = node.type;
   var emptyNode = nodeType.createAndFill();
   return emptyNode && emptyNode.nodeSize === node.nodeSize && emptyNode.content.eq(node.content) && Mark.sameSet(emptyNode.marks, node.marks);
@@ -170,24 +157,23 @@ export function isSelectionInsidePanel(selection) {
   if (selection instanceof NodeSelection && isPanelNode(selection.node)) {
     return selection.node;
   }
-
   var panel = selection.$from.doc.type.schema.nodes.panel;
   var panelPosition = findParentNodeOfType(panel)(selection);
-
   if (panelPosition) {
     return panelPosition.node;
   }
-
   return null;
-} // https://product-fabric.atlassian.net/browse/ED-11714
-// Checks for broken html that comes from links in a list item copied from Notion
+}
 
+// https://product-fabric.atlassian.net/browse/ED-11714
+// Checks for broken html that comes from links in a list item copied from Notion
 export var htmlHasInvalidLinkTags = function htmlHasInvalidLinkTags(html) {
   return !!html && (html.includes('</a></a>') || html.includes('"></a><a'));
-}; // https://product-fabric.atlassian.net/browse/ED-11714
+};
+
+// https://product-fabric.atlassian.net/browse/ED-11714
 // Example of broken html edge case we're solving
 // <li><a href="http://www.atlassian.com\"<a> href="http://www.atlassian.com\"http://www.atlassian.com</a></a></li>">
-
 export var removeDuplicateInvalidLinks = function removeDuplicateInvalidLinks(html) {
   if (htmlHasInvalidLinkTags(html)) {
     var htmlArray = html.split(/(?=<a)/);
@@ -197,15 +183,13 @@ export var removeDuplicateInvalidLinks = function removeDuplicateInvalidLinks(ht
     var fixedHtml = htmlArrayWithoutInvalidLinks.join('').replace(/<\/a><\/a>/gi, '</a>').replace(/<a>/gi, '<a');
     return fixedHtml;
   }
-
   return html;
 };
 export var addReplaceSelectedTableAnalytics = function addReplaceSelectedTableAnalytics(state, tr) {
   if (isTableSelected(state.selection)) {
     var _getSelectedTableInfo = getSelectedTableInfo(state.selection),
-        totalRowCount = _getSelectedTableInfo.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo.totalColumnCount;
-
+      totalRowCount = _getSelectedTableInfo.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo.totalColumnCount;
     addAnalytics(state, tr, {
       action: TABLE_ACTION.REPLACED,
       actionSubject: ACTION_SUBJECT.TABLE,
@@ -218,6 +202,5 @@ export var addReplaceSelectedTableAnalytics = function addReplaceSelectedTableAn
     });
     return tr;
   }
-
   return state.tr;
 };

package/dist/esm/plugins/paste/util/tinyMCE.js

@@ -1,23 +1,20 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import chunk from 'lodash/chunk';
-
 var isPastedFromTinyMCE = function isPastedFromTinyMCE(pasteEvent) {
   var _pasteEvent$clipboard, _pasteEvent$clipboard2, _pasteEvent$clipboard3;
-
   return (_pasteEvent$clipboard = pasteEvent === null || pasteEvent === void 0 ? void 0 : (_pasteEvent$clipboard2 = pasteEvent.clipboardData) === null || _pasteEvent$clipboard2 === void 0 ? void 0 : (_pasteEvent$clipboard3 = _pasteEvent$clipboard2.types) === null || _pasteEvent$clipboard3 === void 0 ? void 0 : _pasteEvent$clipboard3.some(function (mimeType) {
     return mimeType === 'x-tinymce/html';
   })) !== null && _pasteEvent$clipboard !== void 0 ? _pasteEvent$clipboard : false;
 };
-
 export var isPastedFromTinyMCEConfluence = function isPastedFromTinyMCEConfluence(pasteEvent, html) {
   return isPastedFromTinyMCE(pasteEvent) && !!html && !!html.match(/class=\"\s?(confluenceTd|confluenceTh|confluenceTable).+"/gim);
 };
+
 /**
  * Wraps html markup with a `<table>` and uses `DOMParser` to generate
  * and return both the table-wrapped and non-table-wrapped DOM document
  * instances.
  */
-
 export var wrapWithTable = function wrapWithTable(html) {
   var parser = new DOMParser();
   var nonTableWrappedDoc = parser.parseFromString(html, 'text/html');
@@ -30,36 +27,34 @@ export var wrapWithTable = function wrapWithTable(html) {
     nonTableWrappedDoc: nonTableWrappedDoc
   };
 };
-
 var exactlyDivisible = function exactlyDivisible(larger, smaller) {
   return larger % smaller === 0;
 };
-
 var getTableElementsInfo = function getTableElementsInfo(doc) {
   var cellCount = doc.querySelectorAll('td').length;
   var thCount = doc.querySelectorAll('th').length;
   var mergedCellCount = doc.querySelectorAll('td[colspan]:not([colspan="1"])').length;
   var hasThAfterTd = false;
   var thsAndCells = doc.querySelectorAll('th,td');
-
   for (var i = 0, cellFound = false; i < thsAndCells.length; i++) {
     if (cellFound && thsAndCells[i].nodeName === 'TH') {
       hasThAfterTd = true;
       break;
     }
-
     if (thsAndCells[i].nodeName === 'TD') {
       cellFound = true;
     }
   }
-
   var onlyTh = thCount > 0 && cellCount === 0;
   var onlyCells = cellCount > 0 && thCount === 0;
-  var hasCompleteRow = // we take header-only and cell-only tables to be
+  var hasCompleteRow =
+  // we take header-only and cell-only tables to be
   // row-complete
-  onlyTh || onlyCells || // if headers and cells can "fit" against each other,
+  onlyTh || onlyCells ||
+  // if headers and cells can "fit" against each other,
   // then we assume a complete row exists
-  (exactlyDivisible(thCount, cellCount) || exactlyDivisible(cellCount, thCount)) && // all numbers are divisible by 1, so we carve out a specific
+  (exactlyDivisible(thCount, cellCount) || exactlyDivisible(cellCount, thCount)) &&
+  // all numbers are divisible by 1, so we carve out a specific
   // check for when there is only 1 table cell, and more than 1
   // table header.
   !(thCount > 1 && cellCount === 1);
@@ -71,10 +66,8 @@ var getTableElementsInfo = function getTableElementsInfo(doc) {
     hasIncompleteRow: !hasCompleteRow
   };
 };
-
 var configureTableRows = function configureTableRows(doc, colsInRow) {
   var _Array$from;
-
   var tableHeadersAndCells = Array.from(doc.body.querySelectorAll('th,td'));
   var evenlySplitChunks = chunk(tableHeadersAndCells, colsInRow);
   var tableBody = doc.body.querySelector('tbody');
@@ -82,9 +75,9 @@ var configureTableRows = function configureTableRows(doc, colsInRow) {
     var tr = doc.createElement('tr');
     tableBody === null || tableBody === void 0 ? void 0 : tableBody.append(tr);
     tr.append.apply(tr, _toConsumableArray(chunk));
-  }); // We remove any leftover empty rows which may cause fabric editor
+  });
+  // We remove any leftover empty rows which may cause fabric editor
   // to no-op when parsing the table
-
   var emptyRows = (_Array$from = Array.from(tableBody.querySelectorAll('tr'))) === null || _Array$from === void 0 ? void 0 : _Array$from.filter(function (row) {
     return row.innerHTML.trim().length === 0;
   });
@@ -93,16 +86,12 @@ var configureTableRows = function configureTableRows(doc, colsInRow) {
   });
   return doc.body.innerHTML;
 };
-
 var fillIncompleteRowWithEmptyCells = function fillIncompleteRowWithEmptyCells(doc, thCount, cellCount) {
   var _lastCell$parentEleme;
-
   var extraCellsCount = 0;
-
   while (!exactlyDivisible(cellCount + extraCellsCount, thCount)) {
     extraCellsCount++;
   }
-
   var extraEmptyCells = Array.from(Array(extraCellsCount)).map(function () {
     return doc.createElement('td');
   });
@@ -112,6 +101,7 @@ var fillIncompleteRowWithEmptyCells = function fillIncompleteRowWithEmptyCells(d
     updatedCellCount: cellCount + extraCellsCount
   };
 };
+
 /**
  * Given a DOM document, it will try to rebuild table rows by using the
  * table headers count as an initial starting point for the assumed
@@ -125,71 +115,62 @@ var fillIncompleteRowWithEmptyCells = function fillIncompleteRowWithEmptyCells(d
  * table cells). It will build a single column table if NO table
  * headers exist.
  */
-
-
 export var tryReconstructTableRows = function tryReconstructTableRows(doc) {
   var _getTableElementsInfo = getTableElementsInfo(doc),
-      cellCount = _getTableElementsInfo.cellCount,
-      thCount = _getTableElementsInfo.thCount,
-      mergedCellCount = _getTableElementsInfo.mergedCellCount,
-      hasThAfterTd = _getTableElementsInfo.hasThAfterTd,
-      hasIncompleteRow = _getTableElementsInfo.hasIncompleteRow;
-
+    cellCount = _getTableElementsInfo.cellCount,
+    thCount = _getTableElementsInfo.thCount,
+    mergedCellCount = _getTableElementsInfo.mergedCellCount,
+    hasThAfterTd = _getTableElementsInfo.hasThAfterTd,
+    hasIncompleteRow = _getTableElementsInfo.hasIncompleteRow;
   if (mergedCellCount || hasThAfterTd) {
     // bail out to avoid handling more complex table structures
     return doc.body.innerHTML;
   }
-
   if (!thCount) {
     // if no table headers exist for reference, fallback to a single column table structure
     return configureTableRows(doc, 1);
   }
-
   if (hasIncompleteRow) {
     // if shift-click selection copies a partial table row to the clipboard,
     // and we do have table headers for reference, then we add empty table cells
     // to fill out the partial row
     var _fillIncompleteRowWit = fillIncompleteRowWithEmptyCells(doc, thCount, cellCount),
-        updatedCellCount = _fillIncompleteRowWit.updatedCellCount;
-
+      updatedCellCount = _fillIncompleteRowWit.updatedCellCount;
     cellCount = updatedCellCount;
   }
-
   for (var possibleColsInRow = thCount; possibleColsInRow > 0; possibleColsInRow--) {
     if (exactlyDivisible(thCount, possibleColsInRow) && exactlyDivisible(cellCount, possibleColsInRow)) {
       return configureTableRows(doc, possibleColsInRow);
     }
   }
-
   return doc.body.innerHTML;
 };
 export var htmlHasIncompleteTable = function htmlHasIncompleteTable(html) {
   return !html.includes('<table ') && (html.includes('<td ') || html.includes('<th '));
 };
+
 /**
  * Strictly for ED-7331. Given incomplete table html from tinyMCE, it will try to rebuild
  * a whole valid table. If it rebuilds the table, it may first rebuild it as a single
  * row table, so this also then tries to reconstruct the table rows/columns if
  * possible (best effort).
  */
-
 export var tryRebuildCompleteTableHtml = function tryRebuildCompleteTableHtml(incompleteTableHtml) {
   // first we try wrapping the table elements with <table> and let DOMParser try to rebuild
   // a valid DOM tree. we also keep the non-wrapped table for comparison purposes.
   var _wrapWithTable = wrapWithTable(incompleteTableHtml),
-      nonTableWrappedDoc = _wrapWithTable.nonTableWrappedDoc,
-      tableWrappedDoc = _wrapWithTable.tableWrappedDoc;
-
+    nonTableWrappedDoc = _wrapWithTable.nonTableWrappedDoc,
+    tableWrappedDoc = _wrapWithTable.tableWrappedDoc;
   var didPreserveTableElements = Boolean(!nonTableWrappedDoc.body.querySelector('th, td') && tableWrappedDoc.body.querySelector('th, td'));
-  var isExpectedStructure = tableWrappedDoc.querySelectorAll('body > table:only-child') && !tableWrappedDoc.querySelector("body > table > tbody > tr > :not(th,td)"); // if DOMParser saves table elements that we would otherwise lose, and
+  var isExpectedStructure = tableWrappedDoc.querySelectorAll('body > table:only-child') && !tableWrappedDoc.querySelector("body > table > tbody > tr > :not(th,td)");
+
+  // if DOMParser saves table elements that we would otherwise lose, and
   // if the table html is what we'd expect (a single table, with no extraneous
   // elements in table rows other than th, td), then we can now also try to
   // rebuild table rows/columns.
-
   if (didPreserveTableElements && isExpectedStructure) {
     var completeTableHtml = tryReconstructTableRows(tableWrappedDoc);
     return completeTableHtml;
   }
-
   return null;
 };

package/dist/esm/plugins/placeholder/index.js

@@ -7,45 +7,41 @@ export var pluginKey = new PluginKey('placeholderPlugin');
 import { focusStateKey } from '../base/pm-plugins/focus-handler';
 import { isTypeAheadOpen } from '../type-ahead/utils';
 import { isComposing } from '../base/pm-plugins/composition';
-
 function getPlaceholderState(editorState) {
   return pluginKey.getState(editorState);
 }
-
 export var placeholderTestId = 'placeholder-test-id';
 export function createPlaceholderDecoration(editorState, placeholderText) {
   var pos = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   var placeholderDecoration = document.createElement('span');
   var placeholderNodeWithText = placeholderDecoration;
   placeholderDecoration.setAttribute('data-testid', placeholderTestId);
-  placeholderDecoration.className = 'placeholder-decoration'; // PM sets contenteditable to false on Decorations so Firefox doesn't display the flashing cursor
-  // So adding an extra span which will contain the placeholder text
+  placeholderDecoration.className = 'placeholder-decoration';
 
+  // PM sets contenteditable to false on Decorations so Firefox doesn't display the flashing cursor
+  // So adding an extra span which will contain the placeholder text
   if (browser.gecko) {
     var placeholderNode = document.createElement('span');
     placeholderNode.setAttribute('contenteditable', 'true'); // explicitly overriding the default Decoration behaviour
-
     placeholderDecoration.appendChild(placeholderNode);
     placeholderNodeWithText = placeholderNode;
   }
+  placeholderNodeWithText.textContent = placeholderText || ' ';
 
-  placeholderNodeWithText.textContent = placeholderText || ' '; // ME-2289 Tapping on backspace in empty editor hides and displays the keyboard
+  // ME-2289 Tapping on backspace in empty editor hides and displays the keyboard
   // Add a editable buff node as the cursor moving forward is inevitable
   // when backspace in GBoard composition
-
   if (browser.android && browser.chrome) {
     var buffNode = document.createElement('span');
     buffNode.setAttribute('contenteditable', 'true');
     buffNode.textContent = ' ';
     placeholderDecoration.appendChild(buffNode);
   }
-
   return DecorationSet.create(editorState.doc, [Decoration.widget(pos, placeholderDecoration, {
     side: 0,
     key: 'placeholder'
   })]);
 }
-
 function setPlaceHolderState(placeholderText, pos) {
   return {
     hasPlaceholder: true,
@@ -53,37 +49,29 @@ function setPlaceHolderState(placeholderText, pos) {
     pos: pos ? pos : 1
   };
 }
-
 var emptyPlaceholder = {
   hasPlaceholder: false
 };
-
 function createPlaceHolderStateFrom(editorState, defaultPlaceholderText, bracketPlaceholderText) {
   var isEditorFocused = focusStateKey.getState(editorState);
-
   if (isTypeAheadOpen(editorState)) {
     return emptyPlaceholder;
   }
-
   if (defaultPlaceholderText && isEmptyDocument(editorState.doc)) {
     return setPlaceHolderState(defaultPlaceholderText);
   }
-
   if (bracketPlaceholderText && bracketTyped(editorState) && isEditorFocused) {
-    var $from = editorState.selection.$from; // Space is to account for positioning of the bracket
-
+    var $from = editorState.selection.$from;
+    // Space is to account for positioning of the bracket
     var bracketHint = '  ' + bracketPlaceholderText;
     return setPlaceHolderState(bracketHint, $from.pos - 1);
   }
-
   return emptyPlaceholder;
 }
-
 export function createPlugin(defaultPlaceholderText, bracketPlaceholderText) {
   if (!defaultPlaceholderText && !bracketPlaceholderText) {
     return;
   }
-
   return new SafePlugin({
     key: pluginKey,
     state: {
@@ -92,37 +80,31 @@ export function createPlugin(defaultPlaceholderText, bracketPlaceholderText) {
       },
       apply: function apply(tr, _oldPluginState, _oldEditorState, newEditorState) {
         var meta = tr.getMeta(pluginKey);
-
         if (meta) {
           if (meta.removePlaceholder) {
             return emptyPlaceholder;
           }
-
           if (meta.applyPlaceholderIfEmpty) {
             return createPlaceHolderStateFrom(newEditorState, defaultPlaceholderText, bracketPlaceholderText);
           }
         }
-
         return createPlaceHolderStateFrom(newEditorState, defaultPlaceholderText, bracketPlaceholderText);
       }
     },
     props: {
       decorations: function decorations(editorState) {
         var _getPlaceholderState = getPlaceholderState(editorState),
-            hasPlaceholder = _getPlaceholderState.hasPlaceholder,
-            placeholderText = _getPlaceholderState.placeholderText,
-            pos = _getPlaceholderState.pos;
-
+          hasPlaceholder = _getPlaceholderState.hasPlaceholder,
+          placeholderText = _getPlaceholderState.placeholderText,
+          pos = _getPlaceholderState.pos;
         if (hasPlaceholder && placeholderText && pos !== undefined && !isComposing(editorState)) {
           return createPlaceholderDecoration(editorState, placeholderText, pos);
         }
-
         return;
       }
     }
   });
 }
-
 var placeholderPlugin = function placeholderPlugin(options) {
   return {
     name: 'placeholder',
@@ -136,5 +118,4 @@ var placeholderPlugin = function placeholderPlugin(options) {
     }
   };
 };
-
 export default placeholderPlugin;

package/dist/esm/plugins/placeholder/styles.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { N200 } from '@atlaskit/theme/colors';
 export var placeholderStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror .placeholder-decoration {\n    color: ", ";\n    width: 100%;\n    pointer-events: none;\n    user-select: none;\n  }\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"));

package/dist/esm/plugins/placeholder-text/actions.js

@@ -1,11 +1,9 @@
 import { pluginKey } from './plugin-key';
 export var showPlaceholderFloatingToolbar = function showPlaceholderFloatingToolbar(state, dispatch) {
   var tr = state.tr;
-
   if (!state.selection.empty) {
     tr.deleteSelection();
   }
-
   tr.setMeta(pluginKey, {
     showInsertPanelAt: tr.selection.anchor
   });