@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/es2019/plugins/base/pm-plugins/decoration.js

@@ -4,45 +4,40 @@ import { PluginKey, NodeSelection } from 'prosemirror-state';
 import { findParentNodeOfType } from 'prosemirror-utils';
 export const decorationStateKey = new PluginKey('decorationPlugin');
 export let ACTIONS;
-
 (function (ACTIONS) {
   ACTIONS[ACTIONS["DECORATION_ADD"] = 0] = "DECORATION_ADD";
   ACTIONS[ACTIONS["DECORATION_REMOVE"] = 1] = "DECORATION_REMOVE";
 })(ACTIONS || (ACTIONS = {}));
-
 export const hoverDecoration = (nodeType, add, className = 'danger') => (state, dispatch) => {
   let from;
   let parentNode;
-
   if (state.selection instanceof NodeSelection) {
     const selectedNode = state.selection.node;
     const nodeTypes = Array.isArray(nodeType) ? nodeType : [nodeType];
-    const isNodeTypeMatching = nodeTypes.indexOf(selectedNode.type) > -1; // This adds danger styling if the selected node is the one that requires
+    const isNodeTypeMatching = nodeTypes.indexOf(selectedNode.type) > -1;
+    // This adds danger styling if the selected node is the one that requires
     // the decoration to be added, e.g. if a layout is selected and the user
     // hovers over the layout's delete button.
-
     if (isNodeTypeMatching) {
       from = state.selection.from;
       parentNode = selectedNode;
     }
-  } // This adds danger styling if the selection is not a node selection, OR if
+  }
+
+  // This adds danger styling if the selection is not a node selection, OR if
   // the selected node is a child of the one that requires the decoration to
   // be added, e.g. if a decision item is selected inside a layout and the
   // user hovers over the layout's delete button.
-
-
   const foundParentNode = findParentNodeOfType(nodeType)(state.selection);
-
   if (from === undefined && foundParentNode) {
     from = foundParentNode.pos;
     parentNode = foundParentNode.node;
-  } // Note: can't use !from as from could be 0, which is falsy but valid
-
+  }
 
+  // Note: can't use !from as from could be 0, which is falsy but valid
   if (from === undefined || parentNode === undefined) {
     return false;
   }
-
   if (dispatch) {
     dispatch(state.tr.setMeta(decorationStateKey, {
       action: add ? ACTIONS.DECORATION_ADD : ACTIONS.DECORATION_REMOVE,
@@ -53,7 +48,6 @@ export const hoverDecoration = (nodeType, add, className = 'danger') => (state,
       })
     }).setMeta('addToHistory', false));
   }
-
   return true;
 };
 export default (() => {
@@ -63,40 +57,32 @@ export default (() => {
       init: () => ({
         decoration: undefined
       }),
-
       apply(tr, pluginState) {
         if (pluginState.decoration) {
           const mapResult = tr.mapping.mapResult(pluginState.decoration.from);
-
           if (mapResult.deleted) {
             pluginState = {
               decoration: undefined
             };
           }
         }
-
         const meta = tr.getMeta(decorationStateKey);
-
         if (!meta) {
           return pluginState;
         }
-
         switch (meta.action) {
           case ACTIONS.DECORATION_ADD:
             return {
               decoration: meta.data
             };
-
           case ACTIONS.DECORATION_REMOVE:
             return {
               decoration: undefined
             };
-
           default:
             return pluginState;
         }
       }
-
     },
     props: {
       decorations(state) {
@@ -106,14 +92,11 @@ export default (() => {
         const {
           decoration
         } = decorationStateKey.getState(state);
-
         if (decoration) {
           return DecorationSet.create(doc, [decoration]);
         }
-
         return null;
       }
-
     }
   });
 });

package/dist/es2019/plugins/base/pm-plugins/disable-spell-checking.js

@@ -2,7 +2,6 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { getFeatureFlags } from '../../feature-flags-context';
 import { browser as browserEnv } from '@atlaskit/editor-common/utils';
-
 function getCurrentBrowserAndVersion() {
   switch (true) {
     case browserEnv.chrome === true:
@@ -10,60 +9,47 @@ function getCurrentBrowserAndVersion() {
         browser: 'chrome',
         version: browserEnv.chrome_version
       };
-
     case browserEnv.ie === true:
       return {
         browser: 'ie',
         version: browserEnv.ie_version
       };
-
     case browserEnv.gecko === true:
       return {
         browser: 'gecko',
         version: browserEnv.gecko_version
       };
-
     case browserEnv.safari === true:
       return {
         browser: 'safari',
         version: browserEnv.safari_version
       };
   }
-
   return undefined;
 }
-
 export default (() => new SafePlugin({
   key: new PluginKey('disableSpellchecking'),
   props: {
     attributes: editorState => {
       const featureFlags = getFeatureFlags(editorState) || undefined;
-
       if (!featureFlags) {
         return;
       }
-
       const browserConfigFeatureFlag = featureFlags.disableSpellcheckByBrowser;
       const userCurrentBrowserAndVersion = getCurrentBrowserAndVersion();
-
       if (!userCurrentBrowserAndVersion || !browserConfigFeatureFlag) {
         return;
       }
-
       const browserVersionDisableRange = browserConfigFeatureFlag[userCurrentBrowserAndVersion.browser];
-
       if (!browserVersionDisableRange || !browserEnv[userCurrentBrowserAndVersion.browser]) {
         return;
       }
-
       const shouldDisableSpellcheck = !!browserVersionDisableRange.maximum ? userCurrentBrowserAndVersion.version >= browserVersionDisableRange.minimum && userCurrentBrowserAndVersion.version <= browserVersionDisableRange.maximum : browserEnv[userCurrentBrowserAndVersion.browser] && userCurrentBrowserAndVersion.version >= browserVersionDisableRange.minimum;
-
       if (shouldDisableSpellcheck) {
         return {
           spellcheck: 'false'
         };
       }
-
       return;
     }
   }

package/dist/es2019/plugins/base/pm-plugins/filter-steps.js

@@ -1,8 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ACTION_SUBJECT, ACTION, EVENT_TYPE, getAnalyticsEventsFromTransaction } from '../../analytics';
-
 const hasInvalidSteps = tr => (tr.steps || []).some(step => step.from > step.to);
-
 export default (dispatchAnalyticsEvent => {
   return new SafePlugin({
     filterTransaction(transaction) {
@@ -19,9 +17,7 @@ export default (dispatchAnalyticsEvent => {
         });
         return false;
       }
-
       return true;
     }
-
   });
 });

package/dist/es2019/plugins/base/pm-plugins/fix-chrome-88-selection.js

@@ -1,11 +1,9 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { isNodeSelection } from 'prosemirror-utils';
-
 function isDivHTMLElement(elm) {
   return elm.tagName.toLowerCase() === 'div';
 }
-
 export const fixChromeSelectionKey = new PluginKey('fixChromeSelectionPlugin');
 export default (() => new SafePlugin({
   key: fixChromeSelectionKey,
@@ -19,7 +17,6 @@ export default (() => new SafePlugin({
           view.dom.offsetHeight;
           view.dom.style.display = 'block';
         }
-
         return false;
       }
     }

package/dist/es2019/plugins/base/pm-plugins/focus-handler.js

@@ -7,14 +7,12 @@ export default (dispatch => new SafePlugin({
     init: () => true,
     apply: (tr, wasEditorFocused) => {
       const meta = tr.getMeta(focusStateKey);
-
       if (typeof meta === 'boolean') {
         if (meta !== wasEditorFocused) {
           dispatch(focusStateKey, meta);
           return meta;
         }
       }
-
       return wasEditorFocused;
     }
   },
@@ -22,29 +20,23 @@ export default (dispatch => new SafePlugin({
     handleDOMEvents: {
       click: view => {
         const isEditorFocused = focusStateKey.getState(view.state);
-
         if (!isEditorFocused) {
           view.dispatch(view.state.tr.setMeta(focusStateKey, view.hasFocus()));
         }
-
         return false;
       },
       focus: view => {
         const isEditorFocused = focusStateKey.getState(view.state);
-
         if (!isEditorFocused) {
           view.dispatch(view.state.tr.setMeta(focusStateKey, true));
         }
-
         return false;
       },
       blur: view => {
         const isEditorFocused = focusStateKey.getState(view.state);
-
         if (isEditorFocused) {
           view.dispatch(view.state.tr.setMeta(focusStateKey, false));
         }
-
         return false;
       }
     }

package/dist/es2019/plugins/base/pm-plugins/frozen-editor.js

@@ -17,10 +17,8 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const DEFAULT_TRACK_SEVERITY_ENABLED = false;
 export const DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = 100;
 export const DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = 500;
-
 const dispatchLongTaskEvent = (dispatchAnalyticsEvent, view, time, getNodeCount, interactionType, severity) => {
   var _getContextIdentifier;
-
   const {
     state
   } = view;
@@ -40,33 +38,29 @@ const dispatchLongTaskEvent = (dispatchAnalyticsEvent, view, time, getNodeCount,
     eventType: EVENT_TYPE.OPERATIONAL
   });
 };
-
 export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, ufo) => {
   let interactionType;
   let inputLatencyTracker = null;
-
   if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
     interactionType = setInteractionType(BROWSER_FREEZE_INTERACTION_TYPE.LOADING);
   }
-
   const samplingRate = inputTracking && typeof inputTracking.samplingRate === 'number' ? inputTracking.samplingRate : DEFAULT_KEYSTROKE_SAMPLING_LIMIT;
   const slowThreshold = inputTracking && typeof inputTracking.slowThreshold === 'number' ? inputTracking.slowThreshold : DEFAULT_SLOW_THRESHOLD;
   const freezeThreshold = inputTracking && typeof inputTracking.freezeThreshold === 'number' ? inputTracking.freezeThreshold : DEFAULT_FREEZE_THRESHOLD;
   const allowCountNodes = inputTracking && inputTracking.countNodes;
   let prevNodeCountState = null;
-  let prevNodeCount = {}; // Cache the result as we were calling this multiple times
-  // and has potential to be expensive
+  let prevNodeCount = {};
 
+  // Cache the result as we were calling this multiple times
+  // and has potential to be expensive
   const getNodeCount = state => {
     if (state === prevNodeCountState) {
       return prevNodeCount;
     }
-
     prevNodeCount = allowCountNodes ? countNodes(state) : {};
     prevNodeCountState = state;
     return prevNodeCount;
   };
-
   const shouldTrackSeverity = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.trackSeverity) || DEFAULT_TRACK_SEVERITY_ENABLED;
   const severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   const severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
@@ -75,21 +69,16 @@ export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, u
     props: isPerformanceAPIAvailable() ? {
       handleTextInput(view) {
         var _inputLatencyTracker;
-
         (_inputLatencyTracker = inputLatencyTracker) === null || _inputLatencyTracker === void 0 ? void 0 : _inputLatencyTracker.start();
-
         if (browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType) {
           interactionType = BROWSER_FREEZE_INTERACTION_TYPE.TYPING;
         }
-
         requestAnimationFrame(() => {
           var _inputLatencyTracker2;
-
           (_inputLatencyTracker2 = inputLatencyTracker) === null || _inputLatencyTracker2 === void 0 ? void 0 : _inputLatencyTracker2.end();
         });
         return false;
       },
-
       handleDOMEvents: browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? {
         click: () => {
           interactionType = setInteractionType(BROWSER_FREEZE_INTERACTION_TYPE.CLICKING);
@@ -101,14 +90,11 @@ export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, u
         }
       } : undefined
     } : undefined,
-
     view(view) {
       if (!isPerformanceObserverAvailable()) {
         return {};
       }
-
       const experienceStore = ufo ? ExperienceStore.getInstance(view) : undefined;
-
       if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
         inputLatencyTracker = new InputLatencyTracker({
           samplingRate,
@@ -123,18 +109,15 @@ export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, u
             severity
           }) => {
             var _getContextIdentifier2;
-
             const {
               state
             } = view;
             const nodesCount = getNodeCount(state);
-
             if (isSlow) {
               experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.addMetadata(EditorExperience.typing, {
                 slowInput: true
               });
             }
-
             experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.success(EditorExperience.typing, {
               nodeSize: state.doc.nodeSize,
               ...nodesCount,
@@ -146,7 +129,6 @@ export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, u
           },
           dispatchSample: (time, severity) => {
             var _getContextIdentifier3;
-
             const {
               state
             } = view;
@@ -172,7 +154,6 @@ export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, u
             sampleSize
           }, severity) => {
             var _getContextIdentifier4;
-
             const {
               state
             } = view;
@@ -196,7 +177,6 @@ export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, u
           },
           onSlowInput: time => {
             var _getContextIdentifier5;
-
             const {
               state
             } = view;
@@ -216,38 +196,32 @@ export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, u
           }
         });
       }
-
       let observer;
-
       try {
         const observer = new PerformanceObserver(list => {
           const perfEntries = list.getEntries();
-
           for (let i = 0; i < perfEntries.length; i++) {
             const {
               duration
             } = perfEntries[i];
-
             if (duration > freezeThreshold) {
               dispatchLongTaskEvent(dispatchAnalyticsEvent, view, duration, getNodeCount, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackInteractionType ? interactionType : undefined, browserFreezeTracking !== null && browserFreezeTracking !== void 0 && browserFreezeTracking.trackSeverity ? getAnalyticsEventSeverity(duration, browserFreezeTracking.severityNormalThreshold || NORMAL_SEVERITY_THRESHOLD, browserFreezeTracking.severityDegradedThreshold || DEGRADED_SEVERITY_THRESHOLD) : undefined);
             }
           }
-        }); // register observer for long task notifications
+        });
 
+        // register observer for long task notifications
         observer.observe({
           entryTypes: ['longtask']
         });
       } catch (e) {}
-
       return {
         destroy: () => {
           var _inputLatencyTracker3;
-
           (_inputLatencyTracker3 = inputLatencyTracker) === null || _inputLatencyTracker3 === void 0 ? void 0 : _inputLatencyTracker3.flush();
           observer === null || observer === void 0 ? void 0 : observer.disconnect();
         }
       };
     }
-
   });
 });

package/dist/es2019/plugins/base/pm-plugins/inline-cursor-target.js

@@ -14,7 +14,6 @@ export default (() => {
       init: () => ({
         cursorTarget: undefined
       }),
-
       apply(tr) {
         const {
           selection,
@@ -23,7 +22,8 @@ export default (() => {
         const {
           $from,
           $to
-        } = selection; // In Safari, if the cursor target is to the right of the cursor it will block selections
+        } = selection;
+        // In Safari, if the cursor target is to the right of the cursor it will block selections
         // made with shift + arrowRight and vice versa for shift + arrowLeft. This is due to a
         // contenteditable bug in safari, where editable elements block the selection but we need
         // the cursor target to be editable for the following:
@@ -32,15 +32,12 @@ export default (() => {
         // - Ability to click and drag to select an inline node if it is the first node
         // To prevent blocking the selection, we check handleDOMEvents and add meta to
         // the transaction to prevent the plugin from making cursor target decorations.
-
         const safariShiftSelection = tr.getMeta(inlineCursorTargetStateKey);
-
         if (selection && isTextSelection(selection) && !safariShiftSelection) {
           const hasInlineNodeViewAfter = isInlineNodeView($from.nodeAfter);
           const hasInlineNodeViewBefore = isInlineNodeView($from.nodeBefore);
           const isAtStartAndInlineNodeViewAfter = $from.parentOffset === 0 && isInlineNodeView($from.nodeAfter);
           const isAtEndAndInlineNodeViewBefore = doc.resolve($from.pos).node().lastChild === $from.nodeBefore && isInlineNodeView($from.nodeBefore);
-
           const createWidget = side => {
             const node = document.createElement('span');
             node.contentEditable = 'true';
@@ -52,7 +49,9 @@ export default (() => {
               side: side === 'left' ? -1 : 1,
               key: 'inlineCursor'
             });
-          }; // Create editable decoration widgets either side of the cursor to allow
+          };
+
+          // Create editable decoration widgets either side of the cursor to allow
           // text input.
           // We check beforeInput events below to prevent content
           // being added to the decorations.
@@ -62,8 +61,6 @@ export default (() => {
           // - positioned between inline nodes (chrome + firefox)
           // - positioned between the beginning of another node and an inline node (firefox)
           // - positioned between an inline node and the end of a node (chrome)
-
-
           if (!browser.safari && (hasInlineNodeViewAfter || isAtEndAndInlineNodeViewBefore) && (hasInlineNodeViewBefore || isAtStartAndInlineNodeViewAfter)) {
             return {
               cursorTarget: {
@@ -74,12 +71,12 @@ export default (() => {
                 }
               }
             };
-          } // Only create one widget on the left or right of the cursor in Safari.
+          }
+
+          // Only create one widget on the left or right of the cursor in Safari.
           // This is to prevent the left key from being blocked when at the start of a paragraph,
           // and the right key from being blocked when at the end of a paragraph. This also
           // improves click and drag selections, making it easier to select the first node.
-
-
           if (browser.safari) {
             if (isAtEndAndInlineNodeViewBefore || hasInlineNodeViewBefore && hasInlineNodeViewAfter) {
               return {
@@ -104,12 +101,10 @@ export default (() => {
             }
           }
         }
-
         return {
           cursorTarget: undefined
         };
       }
-
     },
     props: {
       decorations(state) {
@@ -119,14 +114,11 @@ export default (() => {
         const {
           cursorTarget
         } = inlineCursorTargetStateKey.getState(state);
-
         if (cursorTargetHasValidDecorations(cursorTarget)) {
           return DecorationSet.create(doc, cursorTarget.decorations);
         }
-
         return null;
       },
-
       handleDOMEvents: {
         // Workaround to prevent the decorations created by the plugin from
         // blocking shift + arrow left/right selections in safari. When
@@ -140,7 +132,6 @@ export default (() => {
               cursorTarget: undefined
             }));
           }
-
           return false;
         },
         // Check the DOM to see if there are inline cursor targets
@@ -157,7 +148,6 @@ export default (() => {
           const {
             cursorTarget
           } = inlineCursorTargetStateKey.getState(state);
-
           if (cursorTarget !== undefined) {
             handleTextInputInsideCursorTargetDecoration({
               event,
@@ -166,7 +156,6 @@ export default (() => {
             });
             return true;
           }
-
           return false;
         },
         // Check the DOM to see if there are inline cursor targets
@@ -183,7 +172,6 @@ export default (() => {
           const {
             cursorTarget
           } = inlineCursorTargetStateKey.getState(state);
-
           if (!event.isComposing && cursorTarget !== undefined) {
             handleTextInputInsideCursorTargetDecoration({
               event,
@@ -192,25 +180,22 @@ export default (() => {
             });
             return true;
           }
-
           return false;
         }
       }
     }
   });
 });
-
 function cursorTargetHasValidDecorations(cursorTarget) {
-  if (!cursorTarget || // Decorations can end up as null when the decorations prop is
+  if (!cursorTarget ||
+  // Decorations can end up as null when the decorations prop is
   // called after the decorations have been removed from the dom.
   // https://github.com/ProseMirror/prosemirror-view/blob/8f0d313a6389b86a335274fba36534ba1cb21f12/src/decoration.js#L30
   cursorTarget.decorations.includes(null)) {
     return false;
   }
-
   return true;
 }
-
 function handleTextInputInsideCursorTargetDecoration({
   event,
   view,
@@ -219,17 +204,16 @@ function handleTextInputInsideCursorTargetDecoration({
   event.stopPropagation();
   event.preventDefault();
   const content = event.data || '';
-  const tr = view.state.tr; // ensure any custom handleTextInput handlers are called for the input event
-  // ie. type ahead, emoji shortcuts.
+  const tr = view.state.tr;
 
+  // ensure any custom handleTextInput handlers are called for the input event
+  // ie. type ahead, emoji shortcuts.
   const potentiallyHandleByHandleTextInput = view.someProp('handleTextInput', f => f(view, cursorTarget.positions.from, cursorTarget.positions.to, content));
-
   if (potentiallyHandleByHandleTextInput) {
     // if a handleTextInput handler has handled the event, we don't want to
     // manually update the document.
     return;
   }
-
   tr.insertText(content);
   view.dispatch(tr);
 }

package/dist/es2019/plugins/base/pm-plugins/newline-preserve-marks.js

@@ -5,19 +5,14 @@ import { filter } from '../../../utils/commands';
 import { typeAheadPluginKey } from '../../../plugins/type-ahead';
 import { isSelectionEndOfParagraph } from '../../../utils';
 export const newlinePreserveMarksKey = new PluginKey('newlinePreserveMarksPlugin');
-
 const isSelectionAligned = state => !!state.selection.$to.parent.marks.find(m => m.type === state.schema.marks.alignment);
-
 const isTypeaheadNotDisplaying = state => !typeAheadPluginKey.getState(state).active;
-
 const splitBlockPreservingMarks = (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.split(state.tr.mapping.map(state.selection.$from.pos), 1));
   }
-
   return true;
 };
-
 export default (() => new SafePlugin({
   key: newlinePreserveMarksKey,
   props: {

package/dist/es2019/plugins/base/pm-plugins/react-nodeview.js

@@ -4,22 +4,17 @@ import { PluginKey } from 'prosemirror-state';
 export class ReactNodeViewState {
   constructor() {
     _defineProperty(this, "changeHandlers", []);
-
     this.changeHandlers = [];
   }
-
   subscribe(cb) {
     this.changeHandlers.push(cb);
   }
-
   unsubscribe(cb) {
     this.changeHandlers = this.changeHandlers.filter(ch => ch !== cb);
   }
-
   notifyNewSelection(fromPos, toPos) {
     this.changeHandlers.forEach(cb => cb(fromPos, toPos));
   }
-
 }
 export const stateKey = new PluginKey('reactNodeView');
 export const plugin = new SafePlugin({
@@ -27,11 +22,9 @@ export const plugin = new SafePlugin({
     init() {
       return new ReactNodeViewState();
     },
-
     apply(_tr, pluginState) {
       return pluginState;
     }
-
   },
   key: stateKey,
   view: view => {
@@ -44,7 +37,6 @@ export const plugin = new SafePlugin({
           from,
           to
         } = view.state.selection;
-
         if (from !== prevFrom || to !== prevTo) {
           pluginState.notifyNewSelection(from, to);
           prevFrom = from;
@@ -54,7 +46,5 @@ export const plugin = new SafePlugin({
     };
   }
 });
-
 const plugins = () => [plugin];
-
 export default plugins;