@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/es2019/plugins/type-ahead/insert-utils.js

@@ -2,18 +2,18 @@ import { TextSelection, NodeSelection } from 'prosemirror-state';
 import { Node as PMNode, Slice, Fragment } from 'prosemirror-model';
 import { normaliseNestedLayout } from '../../utils/selection';
 import { safeInsert } from '../../utils/insert';
-
 function findInsertPoint(doc, pos, nodeToInsert) {
   const $pos = doc.resolve(pos);
-
   const createInsertPosition = (from, to) => ({
     from,
     to: to || from
-  }); // Search for a valid position for nodeToInsert in progressively higher levels
-
+  });
 
+  // Search for a valid position for nodeToInsert in progressively higher levels
   for (let level = $pos.depth; level >= 0; level--) {
-    const nodeAtLevel = $pos.node(level); // Try to replace the empty paragraph in the level above
+    const nodeAtLevel = $pos.node(level);
+
+    // Try to replace the empty paragraph in the level above
     // Scenario:
     //   doc(
     //     table(
@@ -24,38 +24,33 @@ function findInsertPoint(doc, pos, nodeToInsert) {
     //       )
     //     )
     //   )
-
     const levelAbove = Math.max(level - 1, 0);
-    const parentNode = $pos.node(levelAbove); // Special case: when this is true, the 'to' position should be the end
+    const parentNode = $pos.node(levelAbove);
+    // Special case: when this is true, the 'to' position should be the end
     // of the empty paragraph
-
     const isNodeAtLevelEmptyParagraph = nodeAtLevel.type.name === 'paragraph' && nodeAtLevel.content.size === 0;
     const indexAtLevelAbove = $pos.index(levelAbove);
     const canReplaceNodeAtLevelAbove = parentNode.canReplaceWith(indexAtLevelAbove, indexAtLevelAbove, nodeToInsert.type);
-
     if (isNodeAtLevelEmptyParagraph && canReplaceNodeAtLevelAbove) {
       const from = $pos.posAtIndex(indexAtLevelAbove, levelAbove);
       return createInsertPosition(from, from + nodeAtLevel.nodeSize);
-    } // Try to insert this node right after the node in the level above
+    }
+
+    // Try to insert this node right after the node in the level above
     // Scenario:
     //   doc(
     //     panel(
     //       p('{<>}'),
     //     )
     //   )
-
-
     const indexAfterAtLevelAbove = $pos.indexAfter(levelAbove);
     const canInsertNodeAtLevelAbove = parentNode.canReplaceWith(indexAfterAtLevelAbove, indexAfterAtLevelAbove, nodeToInsert.type);
-
     if (canInsertNodeAtLevelAbove) {
       return createInsertPosition($pos.posAtIndex(indexAfterAtLevelAbove, levelAbove));
     }
   }
-
   return createInsertPosition(0);
 }
-
 export const insertBlockNode = ({
   node,
   tr,
@@ -65,22 +60,19 @@ export const insertBlockNode = ({
     start,
     end
   } = position;
-
   if (node.isText) {
     return tr.replaceWith(start, end, node);
   }
-
   if (node.isBlock) {
     tr.delete(start, end);
     const mappedStart = tr.mapping.map(start);
-    const nodeNormalized = normaliseNestedLayout(tr, node); // Handle edge cases for hr and mediaSingle
+    const nodeNormalized = normaliseNestedLayout(tr, node);
 
+    // Handle edge cases for hr and mediaSingle
     const inserted = safeInsert(nodeNormalized, mappedStart)(tr);
-
     if (inserted) {
       return tr;
     }
-
     const sliceInserted = Slice.maxOpen(Fragment.from(nodeNormalized));
     const {
       from,
@@ -90,12 +82,10 @@ export const insertBlockNode = ({
     const openPosition = Math.min(from + (node.isAtom ? node.nodeSize : sliceInserted.openStart), tr.doc.content.size);
     const FORWARD_DIRECTION = 1;
     const nextSelection = TextSelection.findFrom(tr.doc.resolve(openPosition), FORWARD_DIRECTION, true);
-
     if (nextSelection) {
       return tr.setSelection(nextSelection);
     }
   }
-
   return tr;
 };
 export const insertInlineNodeOrFragment = ({
@@ -110,10 +100,8 @@ export const insertInlineNodeOrFragment = ({
   } = position;
   const fragment = maybeFragment instanceof PMNode ? Fragment.from(maybeFragment) : maybeFragment;
   tr.replaceWith(start, end, fragment);
-
   if (selectInlineNode) {
     return tr.setSelection(NodeSelection.create(tr.doc, start));
   }
-
   return tr.setSelection(TextSelection.near(tr.doc.resolve(start + fragment.size)));
 };

package/dist/es2019/plugins/type-ahead/pm-plugins/actions.js

@@ -1,5 +1,4 @@
 export let ACTIONS;
-
 (function (ACTIONS) {
   ACTIONS["OPEN_TYPEAHEAD_AT_CURSOR"] = "OPEN_TYPEAHEAD_AT_CURSOR";
   ACTIONS["CLOSE_TYPE_AHEAD"] = "CLOSE_TYPE_AHEAD";

package/dist/es2019/plugins/type-ahead/pm-plugins/decorations.js

@@ -25,7 +25,6 @@ export const factoryDecorations = ({
     const {
       selection
     } = tr;
-
     if (!(selection instanceof TextSelection) || !selection.$cursor) {
       return {
         decorationSet: DecorationSet.empty,
@@ -33,7 +32,6 @@ export const factoryDecorations = ({
         decorationElement: null
       };
     }
-
     const decorationId = `decoration_id_${TYPE_AHEAD_DECORATION_KEY}_${uuid()}`;
     const {
       $cursor
@@ -43,51 +41,42 @@ export const factoryDecorations = ({
     let shouldFocusCursorInsideQuery = true;
     const deco = Decoration.widget($cursor.pos, (editorView, getDecorationPosition) => {
       var _popupMountRef$curren, _popupMountRef$curren2, _popupMountRef$curren3;
-
       typeaheadComponent.setAttribute('id', decorationId);
       typeaheadComponent.setAttribute('role', 'search');
       typeaheadComponent.dataset.typeAheadQuery = 'true';
-      typeaheadComponent.dataset.trigger = triggerHandler.trigger; // This line below seems weird,
+      typeaheadComponent.dataset.trigger = triggerHandler.trigger;
+
+      // This line below seems weird,
       // we need that cuz the clickAreaHelper
       // will try to hijack any click event coming
       // from the inside of the Editor
       // packages/editor/editor-core/src/ui/Addon/click-area-helper.ts
-
       typeaheadComponent.dataset.editorPopup = 'true';
       typeaheadComponent.dataset.typeAhead = TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE;
       typeaheadComponent.style.color = `var(--ds-text-accent-blue, ${B400})`;
       typeaheadComponent.style.backgroundColor = 'transparent';
-
       const onUndoRedo = inputType => {
         if (!['historyUndo', 'historyRedo'].includes(inputType)) {
           return false;
         }
-
         const hasReopenQuery = typeof reopenQuery === 'string' && reopenQuery.trim().length > 0;
         const currentQuery = getTypeAheadQuery(editorView.state);
-
         if (hasReopenQuery || currentQuery.length === 0) {
           const command = inputType === 'historyUndo' ? undo : redo;
           let tr = editorView.state.tr;
-
           const fakeDispatch = customTr => {
             tr = customTr;
           };
-
           const result = command(editorView.state, fakeDispatch);
-
           if (result) {
             closeTypeAhead(tr);
             editorView.dispatch(tr);
             editorView.focus();
           }
-
           return result;
         }
-
         return false;
       };
-
       ReactDOM.render( /*#__PURE__*/React.createElement(IntlProvider, {
         locale: intl.locale || 'en',
         messages: intl.messages,
@@ -115,11 +104,9 @@ export const factoryDecorations = ({
       stopEvent: e => {
         const key = keyNameNormalized(e);
         const sel = document.getSelection();
-
         if ('ArrowLeft' === key && (sel === null || sel === void 0 ? void 0 : sel.anchorOffset) === 0) {
           return false;
         }
-
         return true;
       },
       ignoreSelection: false
@@ -130,38 +117,30 @@ export const factoryDecorations = ({
       stats
     };
   };
-
   const removeDecorations = decorationSet => {
     if (!decorationSet || decorationSet === DecorationSet.empty) {
       return false;
     }
-
     const typeAheadDecorations = decorationSet.find(undefined, undefined, spec => {
       return spec.isTypeAheadDecoration;
     });
-
     if (!typeAheadDecorations || typeAheadDecorations.length === 0) {
       return false;
     }
-
     typeAheadDecorations.forEach(({
       spec
     }) => {
       if (!spec.key) {
         return;
       }
-
       const decoElement = document.querySelector(`#${spec.key}`);
-
       if (!decoElement) {
         return;
       }
-
       ReactDOM.unmountComponentAtNode(decoElement);
     });
     return true;
   };
-
   return {
     createDecorations,
     removeDecorations
@@ -174,15 +153,12 @@ export const isSelectionInsideTypeAhead = ({
   if (!decorationSet || decorationSet === DecorationSet.empty) {
     return false;
   }
-
   const typeAheadDecorations = decorationSet.find(undefined, undefined, spec => {
     return spec.isTypeAheadDecoration;
   });
-
   if (!typeAheadDecorations || typeAheadDecorations.length === 0) {
     return false;
   }
-
   return typeAheadDecorations.some(dec => {
     return dec.from === selection.from && dec.to === selection.to;
   });
@@ -194,17 +170,14 @@ export const findDecorationElement = ({
   if (!decorationSet || decorationSet === DecorationSet.empty || !(selection instanceof TextSelection) || !selection.$cursor) {
     return null;
   }
-
   const {
     $cursor: {
       pos
     }
   } = selection;
   const decoration = decorationSet.find(pos, pos, spec => spec === null || spec === void 0 ? void 0 : spec.isTypeAheadDecoration);
-
   if (!decoration || decoration.length !== 1) {
     return null;
   }
-
   return document.querySelector(`#${decoration[0].spec.key}`);
 };

package/dist/es2019/plugins/type-ahead/pm-plugins/input-rules.js

@@ -6,14 +6,11 @@ export function inputRulePlugin(schema, typeAheads, featureFlags) {
   if (!typeAheads || typeAheads.length === 0) {
     return;
   }
-
   const rules = typeAheads.reduce((acc, typeAhead) => {
     const trigger = typeAhead.customRegex || typeAhead.trigger;
-
     if (!trigger) {
       return acc;
     }
-
     const regex = new RegExp(`(^|[.!?\\s${leafNodeReplacementCharacter}])(${trigger})$`);
     acc.push(createRule(regex, (state, match) => {
       return openTypeAheadAtCursor({

package/dist/es2019/plugins/type-ahead/pm-plugins/insert-item-plugin.js

@@ -5,15 +5,12 @@ export function createPlugin() {
   return new SafePlugin({
     appendTransaction(transactions, _oldState, newState) {
       const insertItemCallback = isInsertionTransaction(transactions, ACTIONS.INSERT_ITEM);
-
       if (insertItemCallback) {
         const tr = insertItemCallback(newState);
-
         if (tr) {
           return tr;
         }
       }
     }
-
   });
 }

package/dist/es2019/plugins/type-ahead/pm-plugins/main.js

@@ -8,18 +8,16 @@ import { closest } from '../../../utils/dom';
 import { createReducer } from './reducer';
 import { factoryDecorations } from './decorations';
 import { isInsertionTransaction } from './utils';
-
 const hasValidTypeAheadStep = tr => {
-  const steps = tr.steps.filter(step => step instanceof InsertTypeAheadStep); // There are some cases, like collab rebase, where the steps are re-applied
-  // We should not re open the type-ahead for those cases
+  const steps = tr.steps.filter(step => step instanceof InsertTypeAheadStep);
 
+  // There are some cases, like collab rebase, where the steps are re-applied
+  // We should not re open the type-ahead for those cases
   if (steps.length === 1) {
     return steps[0];
   }
-
   return null;
 };
-
 export function createPlugin({
   reactDispatch,
   popupMountRef,
@@ -57,43 +55,32 @@ export function createPlugin({
           inputMethod: null
         };
       },
-
       apply(tr, currentPluginState, oldEditorState, state) {
         const customStep = hasValidTypeAheadStep(tr);
         const nextPluginState = reducer(tr, currentPluginState, customStep);
-
         if (currentPluginState !== nextPluginState) {
           reactDispatch(pluginKey, nextPluginState);
         }
-
         return nextPluginState;
       }
-
     },
-
     appendTransaction(transactions, _oldState, newState) {
       const insertItemCallback = isInsertionTransaction(transactions, ACTIONS.INSERT_RAW_QUERY);
-
       if (insertItemCallback) {
         const tr = insertItemCallback(newState);
-
         if (tr) {
           return tr;
         }
       }
     },
-
     view() {
       return {
         update(editorView) {}
-
       };
     },
-
     props: {
       decorations: state => {
         var _pluginKey$getState;
-
         return (_pluginKey$getState = pluginKey.getState(state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.decorationSet;
       },
       handleDOMEvents: {
@@ -103,15 +90,14 @@ export function createPlugin({
         click: (view, event) => {
           const {
             target
-          } = event; // ProseMirror view listen to any click event inside of it
+          } = event;
+          // ProseMirror view listen to any click event inside of it
           // When this event is coming from the typeahead
           // we should tell to ProseMirror to sit down and relax
           // cuz we know what we are doing (I hope)
-
           if (target instanceof HTMLElement && closest(target, `[data-type-ahead=${TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE}]`)) {
             return true;
           }
-
           return false;
         }
       }

package/dist/es2019/plugins/type-ahead/pm-plugins/reducer.js

@@ -4,43 +4,35 @@ import { ACTIONS } from './actions';
 import { pluginKey } from './key';
 import { INPUT_METHOD } from '../../analytics/types/enums';
 import { isTypeAheadHandler } from '../utils';
-
 const shouldForceOpen = step => {
   if (!(step instanceof InsertTypeAheadStep)) {
     return false;
   }
-
   const isDeletionRawQueryOperation = step.isInsertionStep() && step.stage === InsertTypeAheadStages.DELETING_RAW_QUERY;
   const isUndoingInsertionItem = step.isUndoingStep() && step.stage === InsertTypeAheadStages.INSERTING_ITEM;
   return isDeletionRawQueryOperation || isUndoingInsertionItem;
 };
-
 const shouldForceClose = step => {
   if (!(step instanceof InsertTypeAheadStep)) {
     return false;
   }
-
   const isInsertingItem = step.isInsertionStep() && step.stage === InsertTypeAheadStages.INSERTING_ITEM;
   const isUndoingDeletionRawQuery = step.isUndoingStep() && step.stage === InsertTypeAheadStages.DELETING_RAW_QUERY;
   return isInsertingItem || isUndoingDeletionRawQuery;
 };
-
 const createFindHandler = typeAheadHandlers => step => {
   if (!(step instanceof InsertTypeAheadStep)) {
     return null;
   }
-
   const handler = typeAheadHandlers.find(h => h.trigger === step.trigger);
   return handler || null;
 };
-
 export const createReducer = ({
   typeAheadHandlers,
   removeDecorations,
   createDecorations
 }) => {
   const findHandler = createFindHandler(typeAheadHandlers);
-
   const openMenu = (currentPluginState, {
     tr,
     triggerHandler,
@@ -58,7 +50,8 @@ export const createReducer = ({
       inputMethod,
       reopenQuery
     });
-    return { ...currentPluginState,
+    return {
+      ...currentPluginState,
       stats,
       decorationSet,
       triggerHandler,
@@ -69,10 +62,10 @@ export const createReducer = ({
       query: reopenQuery || ''
     };
   };
-
   const closeMenu = currentPluginState => {
     removeDecorations(currentPluginState.decorationSet);
-    return { ...currentPluginState,
+    return {
+      ...currentPluginState,
       inputMethod: null,
       query: '',
       decorationElement: null,
@@ -82,13 +75,12 @@ export const createReducer = ({
       items: []
     };
   };
-
   return (tr, currentPluginState, typeAheadStepOverride) => {
-    const meta = tr.getMeta(pluginKey) || {}; // This code below controls when we should force
-    // the menu to open or close during undo/redo operations
+    const meta = tr.getMeta(pluginKey) || {};
 
+    // This code below controls when we should force
+    // the menu to open or close during undo/redo operations
     const overrideHandler = findHandler(typeAheadStepOverride);
-
     if (typeAheadStepOverride && overrideHandler && shouldForceOpen(typeAheadStepOverride)) {
       return openMenu(currentPluginState, {
         tr,
@@ -100,7 +92,6 @@ export const createReducer = ({
     } else if (shouldForceClose(typeAheadStepOverride)) {
       return closeMenu(currentPluginState);
     }
-
     const {
       action,
       params
@@ -111,7 +102,6 @@ export const createReducer = ({
     const shouldUpdateQuery = action === ACTIONS.CHANGE_QUERY;
     const shouldUpdateListItems = action === ACTIONS.UPDATE_LIST_ITEMS;
     const shouldUpdateSelectedIndex = action === ACTIONS.UPDATE_SELECTED_INDEX;
-
     if (shouldOpenMenu) {
       return openMenu(currentPluginState, {
         tr,
@@ -121,7 +111,8 @@ export const createReducer = ({
     } else if (shouldCloseMenu) {
       return closeMenu(currentPluginState);
     } else if (shouldUpdateQuery) {
-      return { ...currentPluginState,
+      return {
+        ...currentPluginState,
         query: params.query
       };
     } else if (shouldUpdateListItems) {
@@ -131,35 +122,34 @@ export const createReducer = ({
       const {
         selectedIndex
       } = currentPluginState;
-      return { ...currentPluginState,
+      return {
+        ...currentPluginState,
         items,
         selectedIndex: Math.max(selectedIndex >= items.length ? items.length - 1 : selectedIndex, -1)
       };
     } else if (shouldUpdateSelectedIndex) {
-      return { ...currentPluginState,
+      return {
+        ...currentPluginState,
         selectedIndex: params.selectedIndex
       };
     }
-
     if (tr.docChanged) {
       const {
         decorationSet
       } = currentPluginState;
-
       const onRemove = () => {
         // Make sure we are unmounting the component
         // from the react tree when this decoration is removed
         removeDecorations(currentPluginState.decorationSet);
       };
-
       const mappedDecorationSet = decorationSet.map(tr.mapping, tr.doc, {
         onRemove
       });
-      return { ...currentPluginState,
+      return {
+        ...currentPluginState,
         decorationSet: mappedDecorationSet
       };
     }
-
     return currentPluginState;
   };
 };

package/dist/es2019/plugins/type-ahead/pm-plugins/utils.js

@@ -1,16 +1,12 @@
 import { pluginKey } from './key';
 export const isInsertionTransaction = (transactions, action) => {
   var _tr$getMeta2;
-
   const tr = transactions.find(tr => {
     var _tr$getMeta;
-
     return ((_tr$getMeta = tr.getMeta(pluginKey)) === null || _tr$getMeta === void 0 ? void 0 : _tr$getMeta.action) === action;
   });
-
   if (!tr) {
     return null;
   }
-
   return (_tr$getMeta2 = tr.getMeta(pluginKey)) === null || _tr$getMeta2 === void 0 ? void 0 : _tr$getMeta2.params;
 };

package/dist/es2019/plugins/type-ahead/stats-modifier.js

@@ -2,25 +2,19 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 export class StatsModifier {
   constructor() {
     _defineProperty(this, "startedAt", 0);
-
     _defineProperty(this, "endedAt", 0);
-
     _defineProperty(this, "keyCount", {
       arrowUp: 0,
       arrowDown: 0
     });
-
     _defineProperty(this, "increaseArrowUp", () => {
       this.keyCount.arrowUp += 1;
     });
-
     _defineProperty(this, "increaseArrowDown", () => {
       this.keyCount.arrowDown += 1;
     });
-
     _defineProperty(this, "serialize", () => {
       var _this$keyCount, _this$keyCount2;
-
       return {
         startedAt: this.startedAt,
         endedAt: performance.now(),
@@ -30,12 +24,10 @@ export class StatsModifier {
         }
       };
     });
-
     this.startedAt = performance.now();
     this.keyCount = {
       arrowUp: 0,
       arrowDown: 0
     };
   }
-
 }

package/dist/es2019/plugins/type-ahead/transforms/open-typeahead-at-cursor.js

@@ -31,39 +31,34 @@ export const openTypeAheadAtCursor = ({
   const {
     selection
   } = tr;
-
   if (!(selection instanceof TextSelection || selection instanceof GapCursorSelection)) {
     return tr;
   }
-
   if (selection instanceof GapCursorSelection) {
     // Create space for the typeahead menu in gap cursor
-    tr.insertText(' '); // delete 1 pos before wherever selection is now - that will delete the empty space
-
+    tr.insertText(' ');
+    // delete 1 pos before wherever selection is now - that will delete the empty space
     tr.delete(tr.selection.from - 1, tr.selection.from);
   } else {
     var _selection$$head, _selection$$head$pare, _selection$$head$pare2, _selection$$head$pare3;
-
     if (!selection.$cursor) {
       tr.deleteSelection();
       return tr;
-    } // Search & Destroy placeholder
-
+    }
 
+    // Search & Destroy placeholder
     const cursorPos = selection.$cursor.pos;
     const nodeAtCursor = tr.doc.nodeAt(cursorPos);
     const isPlaceholderAtCursorPosition = nodeAtCursor && nodeAtCursor.type.name === 'placeholder';
-
     if (nodeAtCursor && isPlaceholderAtCursorPosition) {
       tr.delete(cursorPos, cursorPos + nodeAtCursor.nodeSize);
-    } // ME-2375 remove the superfluous '@' inserted before decoration
-    // by composition (https://github.com/ProseMirror/prosemirror/issues/903)
-
+    }
 
+    // ME-2375 remove the superfluous '@' inserted before decoration
+    // by composition (https://github.com/ProseMirror/prosemirror/issues/903)
     if (browser.chrome && browser.android && cursorPos > 2 && !!(selection !== null && selection !== void 0 && (_selection$$head = selection.$head) !== null && _selection$$head !== void 0 && (_selection$$head$pare = _selection$$head.parent) !== null && _selection$$head$pare !== void 0 && _selection$$head$pare.textContent) && (_selection$$head$pare2 = (_selection$$head$pare3 = selection.$head.parent.textContent).endsWith) !== null && _selection$$head$pare2 !== void 0 && _selection$$head$pare2.call(_selection$$head$pare3, '@')) {
       tr.delete(cursorPos - 1, cursorPos);
     }
   }
-
   return tr;
 };

package/dist/es2019/plugins/type-ahead/transforms/set-selection-before-query.js

@@ -4,7 +4,6 @@ export const setSelectionBeforeQuery = rawText => tr => {
   const positionBeforeRawText = Math.max(currentPosition - rawText.length, 0);
   const resolvedPositionBeforeText = tr.doc.resolve(positionBeforeRawText);
   const nextSelection = TextSelection.findFrom(resolvedPositionBeforeText, -1, true);
-
   if (nextSelection) {
     tr.setSelection(nextSelection);
   }