@atlaskit/editor-core 178.1.1 → 178.1.2

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

@@ -1,20 +1,17 @@
 import chunk from 'lodash/chunk';
-
 const 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(mimeType => mimeType === 'x-tinymce/html')) !== null && _pasteEvent$clipboard !== void 0 ? _pasteEvent$clipboard : false;
 };
-
 export const 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 const wrapWithTable = html => {
   const parser = new DOMParser();
   const nonTableWrappedDoc = parser.parseFromString(html, 'text/html');
@@ -27,34 +24,32 @@ export const wrapWithTable = html => {
     nonTableWrappedDoc
   };
 };
-
 const exactlyDivisible = (larger, smaller) => larger % smaller === 0;
-
 const getTableElementsInfo = doc => {
   const cellCount = doc.querySelectorAll('td').length;
   const thCount = doc.querySelectorAll('th').length;
   const mergedCellCount = doc.querySelectorAll('td[colspan]:not([colspan="1"])').length;
   let hasThAfterTd = false;
   const thsAndCells = doc.querySelectorAll('th,td');
-
   for (let i = 0, cellFound = false; i < thsAndCells.length; i++) {
     if (cellFound && thsAndCells[i].nodeName === 'TH') {
       hasThAfterTd = true;
       break;
     }
-
     if (thsAndCells[i].nodeName === 'TD') {
       cellFound = true;
     }
   }
-
   const onlyTh = thCount > 0 && cellCount === 0;
   const onlyCells = cellCount > 0 && thCount === 0;
-  const hasCompleteRow = // we take header-only and cell-only tables to be
+  const 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);
@@ -66,10 +61,8 @@ const getTableElementsInfo = doc => {
     hasIncompleteRow: !hasCompleteRow
   };
 };
-
 const configureTableRows = (doc, colsInRow) => {
   var _Array$from;
-
   const tableHeadersAndCells = Array.from(doc.body.querySelectorAll('th,td'));
   const evenlySplitChunks = chunk(tableHeadersAndCells, colsInRow);
   const tableBody = doc.body.querySelector('tbody');
@@ -77,23 +70,19 @@ const configureTableRows = (doc, colsInRow) => {
     const tr = doc.createElement('tr');
     tableBody === null || tableBody === void 0 ? void 0 : tableBody.append(tr);
     tr.append(...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
-
   const emptyRows = (_Array$from = Array.from(tableBody.querySelectorAll('tr'))) === null || _Array$from === void 0 ? void 0 : _Array$from.filter(row => row.innerHTML.trim().length === 0);
   emptyRows.forEach(row => row.remove());
   return doc.body.innerHTML;
 };
-
 const fillIncompleteRowWithEmptyCells = (doc, thCount, cellCount) => {
   var _lastCell$parentEleme;
-
   let extraCellsCount = 0;
-
   while (!exactlyDivisible(cellCount + extraCellsCount, thCount)) {
     extraCellsCount++;
   }
-
   const extraEmptyCells = Array.from(Array(extraCellsCount)).map(() => doc.createElement('td'));
   const lastCell = doc.body.querySelector('td:last-of-type');
   lastCell === null || lastCell === void 0 ? void 0 : (_lastCell$parentEleme = lastCell.parentElement) === null || _lastCell$parentEleme === void 0 ? void 0 : _lastCell$parentEleme.append(...extraEmptyCells);
@@ -101,6 +90,7 @@ const fillIncompleteRowWithEmptyCells = (doc, thCount, cellCount) => {
     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
@@ -114,8 +104,6 @@ const fillIncompleteRowWithEmptyCells = (doc, thCount, cellCount) => {
  * table cells). It will build a single column table if NO table
  * headers exist.
  */
-
-
 export const tryReconstructTableRows = doc => {
   let {
     cellCount,
@@ -124,17 +112,14 @@ export const tryReconstructTableRows = doc => {
     hasThAfterTd,
     hasIncompleteRow
   } = getTableElementsInfo(doc);
-
   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
@@ -144,25 +129,23 @@ export const tryReconstructTableRows = doc => {
     } = fillIncompleteRowWithEmptyCells(doc, thCount, cellCount);
     cellCount = updatedCellCount;
   }
-
   for (let possibleColsInRow = thCount; possibleColsInRow > 0; possibleColsInRow--) {
     if (exactlyDivisible(thCount, possibleColsInRow) && exactlyDivisible(cellCount, possibleColsInRow)) {
       return configureTableRows(doc, possibleColsInRow);
     }
   }
-
   return doc.body.innerHTML;
 };
 export const 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 const 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.
@@ -171,15 +154,15 @@ export const tryRebuildCompleteTableHtml = incompleteTableHtml => {
     tableWrappedDoc
   } = wrapWithTable(incompleteTableHtml);
   const didPreserveTableElements = Boolean(!nonTableWrappedDoc.body.querySelector('th, td') && tableWrappedDoc.body.querySelector('th, td'));
-  const 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
+  const 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) {
     const completeTableHtml = tryReconstructTableRows(tableWrappedDoc);
     return completeTableHtml;
   }
-
   return null;
 };

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

@@ -7,44 +7,40 @@ export const 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 const placeholderTestId = 'placeholder-test-id';
 export function createPlaceholderDecoration(editorState, placeholderText, pos = 1) {
   const placeholderDecoration = document.createElement('span');
   let 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) {
     const 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) {
     const 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,
@@ -52,56 +48,45 @@ function setPlaceHolderState(placeholderText, pos) {
     pos: pos ? pos : 1
   };
 }
-
 const emptyPlaceholder = {
   hasPlaceholder: false
 };
-
 function createPlaceHolderStateFrom(editorState, defaultPlaceholderText, bracketPlaceholderText) {
   const isEditorFocused = focusStateKey.getState(editorState);
-
   if (isTypeAheadOpen(editorState)) {
     return emptyPlaceholder;
   }
-
   if (defaultPlaceholderText && isEmptyDocument(editorState.doc)) {
     return setPlaceHolderState(defaultPlaceholderText);
   }
-
   if (bracketPlaceholderText && bracketTyped(editorState) && isEditorFocused) {
     const {
       $from
-    } = editorState.selection; // Space is to account for positioning of the bracket
-
+    } = editorState.selection;
+    // Space is to account for positioning of the bracket
     const 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: {
       init: (_, state) => createPlaceHolderStateFrom(state, defaultPlaceholderText, bracketPlaceholderText),
       apply: (tr, _oldPluginState, _oldEditorState, newEditorState) => {
         const meta = tr.getMeta(pluginKey);
-
         if (meta) {
           if (meta.removePlaceholder) {
             return emptyPlaceholder;
           }
-
           if (meta.applyPlaceholderIfEmpty) {
             return createPlaceHolderStateFrom(newEditorState, defaultPlaceholderText, bracketPlaceholderText);
           }
         }
-
         return createPlaceHolderStateFrom(newEditorState, defaultPlaceholderText, bracketPlaceholderText);
       }
     },
@@ -112,28 +97,21 @@ export function createPlugin(defaultPlaceholderText, bracketPlaceholderText) {
           placeholderText,
           pos
         } = getPlaceholderState(editorState);
-
         if (hasPlaceholder && placeholderText && pos !== undefined && !isComposing(editorState)) {
           return createPlaceholderDecoration(editorState, placeholderText, pos);
         }
-
         return;
       }
-
     }
   });
 }
-
 const placeholderPlugin = options => ({
   name: 'placeholder',
-
   pmPlugins() {
     return [{
       name: 'placeholder',
       plugin: () => createPlugin(options && options.placeholder, options && options.placeholderBracketHint)
     }];
   }
-
 });
-
 export default placeholderPlugin;

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

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

package/dist/es2019/plugins/placeholder-text/index.js

@@ -14,21 +14,17 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, IN
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { isSelectionAtPlaceholder } from './selection-utils';
 import { createInternalTypeAheadTools } from '../type-ahead/api';
-
 const getOpenTypeAhead = (view, content) => {
   const typeAheadAPI = createInternalTypeAheadTools(view);
   const typeAheadHandler = typeAheadAPI.findTypeAheadHandler(content);
-
   if (!typeAheadHandler || !typeAheadHandler.id) {
     return null;
   }
-
   return typeAheadAPI.openTypeAheadHandler({
     triggerHandler: typeAheadHandler,
     inputMethod: INPUT_METHOD.KEYBOARD
   });
 };
-
 export function createPlugin(dispatch, options) {
   const allowInserting = !!options.allowInserting;
   return new SafePlugin({
@@ -40,7 +36,6 @@ export function createPlugin(dispatch, options) {
       }),
       apply: (tr, state) => {
         const meta = tr.getMeta(pluginKey);
-
         if (meta && meta.showInsertPanelAt !== undefined) {
           const newState = {
             showInsertPanelAt: meta.showInsertPanelAt,
@@ -56,32 +51,27 @@ export function createPlugin(dispatch, options) {
           dispatch(pluginKey, newState);
           return newState;
         }
-
         return state;
       }
     },
-
     appendTransaction(transactions, oldState, newState) {
       if (transactions.some(txn => txn.docChanged)) {
         const didPlaceholderExistBeforeTxn = oldState.selection.$head.nodeAfter === newState.selection.$head.nodeAfter;
         const adjacentNode = newState.selection.$head.nodeAfter;
         const adjacentNodePos = newState.selection.$head.pos;
         const placeholderNodeType = newState.schema.nodes.placeholder;
-
         if (adjacentNode && adjacentNode.type === placeholderNodeType && didPlaceholderExistBeforeTxn) {
           var _$newHead$nodeBefore;
-
           const {
             $head: $newHead
           } = newState.selection;
           const {
             $head: $oldHead
-          } = oldState.selection; // Check that cursor has moved forward in the document **and** that there is content before the cursor
-
+          } = oldState.selection;
+          // Check that cursor has moved forward in the document **and** that there is content before the cursor
           const cursorMoved = $oldHead.pos < $newHead.pos;
           const nodeBeforeHasContent = !isNodeEmpty($newHead.nodeBefore);
           const nodeBeforeIsInline = (_$newHead$nodeBefore = $newHead.nodeBefore) === null || _$newHead$nodeBefore === void 0 ? void 0 : _$newHead$nodeBefore.type.isInline;
-
           if (cursorMoved && (nodeBeforeHasContent || nodeBeforeIsInline)) {
             const {
               $from,
@@ -90,29 +80,25 @@ export function createPlugin(dispatch, options) {
             return newState.tr.deleteRange($from.pos, $to.pos);
           }
         }
-      } // Handle Fake Text Cursor for Floating Toolbar
-
+      }
 
+      // Handle Fake Text Cursor for Floating Toolbar
       if (!pluginKey.getState(oldState).showInsertPanelAt && pluginKey.getState(newState).showInsertPanelAt) {
         return newState.tr.setSelection(new FakeTextCursorSelection(newState.selection.$from));
       }
-
       if (pluginKey.getState(oldState).showInsertPanelAt && !pluginKey.getState(newState).showInsertPanelAt) {
         if (newState.selection instanceof FakeTextCursorSelection) {
           return newState.tr.setSelection(new TextSelection(newState.selection.$from));
         }
       }
-
       return;
     },
-
     props: {
       handleDOMEvents: {
         beforeinput: (view, event) => {
           const {
             state
           } = view;
-
           if (event instanceof InputEvent && !event.isComposing && event.inputType === 'insertText' && isSelectionAtPlaceholder(view.state.selection)) {
             event.stopPropagation();
             event.preventDefault();
@@ -121,17 +107,14 @@ export function createPlugin(dispatch, options) {
             const tr = view.state.tr;
             tr.delete(startNodePosition, startNodePosition + 1);
             const openTypeAhead = getOpenTypeAhead(view, content);
-
             if (openTypeAhead) {
               openTypeAhead(tr);
             } else {
               tr.insertText(content);
             }
-
             view.dispatch(tr);
             return true;
           }
-
           return false;
         }
       },
@@ -141,17 +124,14 @@ export function createPlugin(dispatch, options) {
     }
   });
 }
-
 const basePlaceholderTextPlugin = options => ({
   name: 'placeholderText',
-
   nodes() {
     return [{
       name: 'placeholder',
       node: placeholder
     }];
   },
-
   pmPlugins() {
     return [{
       name: 'placeholderText',
@@ -160,22 +140,16 @@ const basePlaceholderTextPlugin = options => ({
       }) => createPlugin(dispatch, options)
     }];
   },
-
   contentComponent({
     editorView,
     popupsMountPoint,
     popupsBoundariesElement
   }) {
     const insertPlaceholderText = value => insertPlaceholderTextAtSelection(value)(editorView.state, editorView.dispatch);
-
     const hidePlaceholderToolbar = () => hidePlaceholderFloatingToolbar(editorView.state, editorView.dispatch);
-
     const getNodeFromPos = pos => editorView.domAtPos(pos).node;
-
     const getFixedCoordinatesFromPos = pos => editorView.coordsAtPos(pos);
-
     const setFocusInEditor = () => editorView.focus();
-
     return /*#__PURE__*/React.createElement(WithPluginState, {
       plugins: {
         placeholderTextState: pluginKey
@@ -196,19 +170,15 @@ const basePlaceholderTextPlugin = options => ({
             setFocusInEditor: setFocusInEditor
           });
         }
-
         return null;
       }
     });
   }
-
 });
-
 const decorateWithPluginOptions = (plugin, options) => {
   if (!options.allowInserting) {
     return plugin;
   }
-
   plugin.pluginsOptions = {
     quickInsert: ({
       formatMessage
@@ -221,7 +191,6 @@ const decorateWithPluginOptions = (plugin, options) => {
       icon: () => /*#__PURE__*/React.createElement(MediaServicesTextIcon, {
         label: ""
       }),
-
       action(insert, state) {
         const tr = state.tr;
         tr.setMeta(pluginKey, {
@@ -237,12 +206,9 @@ const decorateWithPluginOptions = (plugin, options) => {
           eventType: EVENT_TYPE.TRACK
         });
       }
-
     }]
   };
   return plugin;
 };
-
 const placeholderTextPlugin = options => decorateWithPluginOptions(basePlaceholderTextPlugin(options), options);
-
 export default placeholderTextPlugin;

package/dist/es2019/plugins/placeholder-text/placeholder-text-nodeview.js

@@ -1,32 +1,27 @@
 import { Selection } from 'prosemirror-state';
 import { browser, ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-
 const serializePlaceholderNode = node => {
   const element = document.createElement('span');
-  element.classList.add('pm-placeholder'); // the inline node api test suite requires the following class name
+  element.classList.add('pm-placeholder');
 
+  // the inline node api test suite requires the following class name
   element.classList.add('placeholderView-content-wrap');
-
   if (browser.gecko) {
     element.setAttribute('contenteditable', 'true');
   }
-
   element.innerText = ZERO_WIDTH_SPACE;
   const elementChildren = document.createElement('span');
   elementChildren.classList.add('pm-placeholder__text');
   elementChildren.dataset.placeholder = node.attrs.text;
   elementChildren.setAttribute('contenteditable', 'false');
   element.appendChild(elementChildren);
-
   if (browser.safari) {
     element.appendChild(document.createTextNode(ZERO_WIDTH_SPACE));
   } else {
     element.appendChild(document.createElement('wbr'));
   }
-
   return element;
 };
-
 export class PlaceholderTextNodeView {
   constructor(node, view, getPos) {
     this.node = node;
@@ -35,7 +30,6 @@ export class PlaceholderTextNodeView {
     this.dom = serializePlaceholderNode(this.node);
     this.getPos = getPos;
   }
-
   stopEvent(e) {
     if (e.type === 'mousedown' && typeof this.getPos === 'function') {
       e.preventDefault();
@@ -48,39 +42,33 @@ export class PlaceholderTextNodeView {
       view.dispatch(tr);
       return true;
     }
-
     return false;
   }
-
   ignoreMutation(record) {
     if (typeof this.getPos !== 'function' || record.type !== 'selection') {
       return true;
     }
-
     const {
       view,
       node
     } = this;
     const placeholderStartPosition = this.getPos();
     const placeholderEndPosition = this.getPos() + node.nodeSize;
-    const selection = view.state.selection; // when the selection is set right after the placeholder.
-    // we should let ProseMirror deal with this edge-case
+    const selection = view.state.selection;
 
+    // when the selection is set right after the placeholder.
+    // we should let ProseMirror deal with this edge-case
     if (selection.from === placeholderEndPosition) {
       return false;
     }
-
     const isSelectionAtPlaceholder = selection.from === placeholderStartPosition;
     const isSelectionAfterlaceholder = selection.from > placeholderEndPosition;
-
     if (isSelectionAtPlaceholder || isSelectionAfterlaceholder) {
       const tr = view.state.tr;
       tr.setSelection(Selection.near(tr.doc.resolve(placeholderEndPosition)));
       view.dispatch(tr);
       return true;
     }
-
     return true;
   }
-
 }

package/dist/es2019/plugins/placeholder-text/selection-utils.js

@@ -3,7 +3,6 @@ export const isSelectionAtPlaceholder = selection => {
   if (!(selection instanceof TextSelection) || !selection.$cursor) {
     return false;
   }
-
   const node = selection.$cursor.doc.nodeAt(selection.$cursor.pos);
   return (node === null || node === void 0 ? void 0 : node.type.name) === 'placeholder';
 };

package/dist/es2019/plugins/placeholder-text/ui/PlaceholderFloatingToolbar/index.js

@@ -10,11 +10,9 @@ export const messages = defineMessages({
     description: ''
   }
 });
-
 class PlaceholderFloatingToolbar extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "handleSubmit", value => {
       if (value) {
         this.props.insertPlaceholder(value);
@@ -23,12 +21,10 @@ class PlaceholderFloatingToolbar extends React.Component {
         this.props.hidePlaceholderFloatingToolbar();
       }
     });
-
     _defineProperty(this, "handleBlur", () => {
       this.props.hidePlaceholderFloatingToolbar();
     });
   }
-
   render() {
     const {
       getNodeFromPos,
@@ -43,9 +39,7 @@ class PlaceholderFloatingToolbar extends React.Component {
     } = this.props;
     const target = getNodeFromPos(showInsertPanelAt);
     const offsetParent = getOffsetParent(editorViewDOM, popupsMountPoint);
-
     const getFixedCoordinates = () => getFixedCoordinatesFromPos(showInsertPanelAt);
-
     const handlePositionCalculated = handlePositionCalculatedWith(offsetParent, target, getFixedCoordinates);
     return /*#__PURE__*/React.createElement(FloatingToolbar, {
       target: getNearestNonTextNode(target),
@@ -62,7 +56,5 @@ class PlaceholderFloatingToolbar extends React.Component {
       width: 300
     }));
   }
-
 }
-
 export default injectIntl(PlaceholderFloatingToolbar);

package/dist/es2019/plugins/quick-insert/api.js

@@ -1,16 +1,12 @@
 import { pluginKey as quickInsertPluginKey } from './plugin-key';
 import { searchQuickInsertItems } from './search';
-
 const getItems = editorView => (query, options) => {
   const pluginState = quickInsertPluginKey.getState(editorView.state);
-
   if (!pluginState) {
     return [];
   }
-
   return searchQuickInsertItems(pluginState, options)(query);
 };
-
 export const createQuickInsertTools = editorView => {
   return {
     getItems: getItems(editorView)

package/dist/es2019/plugins/quick-insert/assets/action.js

@@ -1,5 +1,4 @@
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 export default function IconAction() {