@atlaskit/editor-core 178.1.0 → 178.1.2

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

@@ -8,17 +8,14 @@ import { keymapPlugin } from './pm-plugins/keymap';
 export const defaultConfig = {
   align: 'start'
 };
-
 const alignmentPlugin = () => ({
   name: 'alignment',
-
   marks() {
     return [{
       name: 'alignment',
       mark: alignment
     }];
   },
-
   pmPlugins() {
     return [{
       name: 'alignmentPlugin',
@@ -30,7 +27,6 @@ const alignmentPlugin = () => ({
       plugin: () => keymapPlugin()
     }];
   },
-
   primaryToolbarComponent({
     editorView,
     popupsMountPoint,
@@ -58,7 +54,5 @@ const alignmentPlugin = () => ({
       }
     });
   }
-
 });
-
 export default alignmentPlugin;

package/dist/es2019/plugins/alignment/pm-plugins/main.js

@@ -16,22 +16,19 @@ export function createPlugin(dispatch, pluginConfig) {
       init(_config, editorState) {
         return createInitialPluginState(editorState, pluginConfig);
       },
-
       apply(_tr, state, _prevState, nextState) {
         const nextPluginState = getActiveAlignment(nextState);
         const isEnabled = isAlignable(nextPluginState)(nextState);
-        const newState = { ...state,
+        const newState = {
+          ...state,
           align: nextPluginState,
           isEnabled
         };
-
         if (nextPluginState !== state.align || isEnabled !== state.isEnabled) {
           dispatch(pluginKey, newState);
         }
-
         return newState;
       }
-
     }
   });
 }

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -14,27 +13,21 @@ import { messages } from './messages';
 export class AlignmentToolbar extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "toolbarItemRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(this, "state", {
       isOpen: false
     });
-
     _defineProperty(this, "changeAlignment", (align, togglePopup) => {
       if (togglePopup) {
         this.toggleOpen();
       }
-
       return this.props.changeAlignment(align);
     });
-
     _defineProperty(this, "toggleOpen", () => {
       this.handleOpenChange({
         isOpen: !this.state.isOpen
       });
     });
-
     _defineProperty(this, "handleOpenChange", ({
       isOpen
     }) => {
@@ -42,29 +35,23 @@ export class AlignmentToolbar extends React.Component {
         isOpen
       });
     });
-
     _defineProperty(this, "hide", attrs => {
       if (this.state.isOpen) {
         this.setState({
           isOpen: false
         });
-
         if ((attrs === null || attrs === void 0 ? void 0 : attrs.event) instanceof KeyboardEvent && attrs.event.key === 'Escape') {
           var _this$toolbarItemRef, _this$toolbarItemRef$;
-
           (_this$toolbarItemRef = this.toolbarItemRef) === null || _this$toolbarItemRef === void 0 ? void 0 : (_this$toolbarItemRef$ = _this$toolbarItemRef.current) === null || _this$toolbarItemRef$ === void 0 ? void 0 : _this$toolbarItemRef$.focus();
         }
       }
     });
-
     _defineProperty(this, "hideOnEscape", () => {
       var _this$toolbarItemRef2, _this$toolbarItemRef3;
-
       this.hide();
       (_this$toolbarItemRef2 = this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 ? void 0 : (_this$toolbarItemRef3 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef3 === void 0 ? void 0 : _this$toolbarItemRef3.focus();
     });
   }
-
   render() {
     const {
       isOpen
@@ -90,7 +77,6 @@ export class AlignmentToolbar extends React.Component {
         isOpen
       }) => {
         var _this$toolbarItemRef4, _this$toolbarItemRef5;
-
         this.setState({
           isOpen
         });
@@ -136,9 +122,6 @@ export class AlignmentToolbar extends React.Component {
       css: separator
     }));
   }
-
 }
-
 _defineProperty(AlignmentToolbar, "displayName", 'AlignmentToolbar');
-
 export default injectIntl(AlignmentToolbar);

package/dist/es2019/plugins/alignment/utils/index.js

@@ -9,7 +9,6 @@ export const getActiveAlignment = state => {
     });
     return marks.every(mark => mark === marks[0]) ? marks[0] : 'start';
   }
-
   const node = findParentNodeOfType([state.schema.nodes.paragraph, state.schema.nodes.heading])(state.selection);
   const getMark = node && node.node.marks.filter(mark => mark.type === state.schema.marks.alignment)[0];
   return getMark && getMark.attrs.align || 'start';

package/dist/es2019/plugins/analytics/analytics-queue.js

@@ -3,10 +3,8 @@ import memoizeOne from 'memoize-one';
 export class AnalyticsQueue {
   constructor() {
     _defineProperty(this, "tasks", []);
-
     _defineProperty(this, "running", false);
   }
-
   request(fn) {
     if (window.requestIdleCallback) {
       window.requestIdleCallback(fn);
@@ -20,48 +18,36 @@ export class AnalyticsQueue {
       }, 0);
     }
   }
-
   pending() {
     var _window$navigator, _window$navigator$sch;
-
     // Defensive coding as navigator.scheduling.isInputPending is an experimental API
     if (typeof ((_window$navigator = window.navigator) === null || _window$navigator === void 0 ? void 0 : (_window$navigator$sch = _window$navigator.scheduling) === null || _window$navigator$sch === void 0 ? void 0 : _window$navigator$sch.isInputPending) === 'function') {
       var _window$navigator2, _window$navigator2$sc;
-
       return ((_window$navigator2 = window.navigator) === null || _window$navigator2 === void 0 ? void 0 : (_window$navigator2$sc = _window$navigator2.scheduling) === null || _window$navigator2$sc === void 0 ? void 0 : _window$navigator2$sc.isInputPending()) === true;
     }
-
     return false;
   }
-
   process() {
     if (this.running) {
       return;
     }
-
     this.running = true;
     this.request(deadline => {
       while (deadline.timeRemaining() > 0 && this.tasks.length > 0 && !this.pending()) {
         const task = this.tasks.shift();
-
         if (task) {
           task();
         }
       }
-
       this.running = false;
-
       if (this.tasks.length > 0) {
         this.process();
       }
     });
   }
-
   schedule(task) {
     this.tasks.push(task);
     this.process();
   }
-
 }
-
 _defineProperty(AnalyticsQueue, "get", memoizeOne(() => new AnalyticsQueue()));

package/dist/es2019/plugins/analytics/fire-analytics-event.js

@@ -6,22 +6,21 @@ export const fireAnalyticsEvent = createAnalyticsEvent => ({
 }) => {
   if (!createAnalyticsEvent) {
     return;
-  } // START TEMPORARY CODE ED-10584
-  // __queueAnalytics property set in ReactEditorView based on featureFlags.queueAnalytics
-
+  }
 
-  const queueAnalytics = Boolean(createAnalyticsEvent.__queueAnalytics); // END TEMPORARY CODE ED-10584
+  // START TEMPORARY CODE ED-10584
+  // __queueAnalytics property set in ReactEditorView based on featureFlags.queueAnalytics
+  const queueAnalytics = Boolean(createAnalyticsEvent.__queueAnalytics);
+  // END TEMPORARY CODE ED-10584
 
   if (queueAnalytics) {
     const queue = AnalyticsQueue.get();
     queue.schedule(() => {
       var _createAnalyticsEvent;
-
       return (_createAnalyticsEvent = createAnalyticsEvent(payload)) === null || _createAnalyticsEvent === void 0 ? void 0 : _createAnalyticsEvent.fire(channel);
     });
   } else {
     var _createAnalyticsEvent2;
-
     (_createAnalyticsEvent2 = createAnalyticsEvent(payload)) === null || _createAnalyticsEvent2 === void 0 ? void 0 : _createAnalyticsEvent2.fire(channel);
   }
 };

package/dist/es2019/plugins/analytics/plugin.js

@@ -7,27 +7,24 @@ import { fireAnalyticsEvent } from './fire-analytics-event';
 import { getFeatureFlags } from '../feature-flags-context';
 import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
 import { generateUndoRedoInputSoucePayload } from '../undo-redo/undo-redo-input-source';
-
 function createPlugin(options) {
   if (!options || !options.createAnalyticsEvent) {
     return;
   }
-
   const hasRequiredPerformanceAPIs = isPerformanceAPIAvailable();
   return new SafePlugin({
     key: analyticsPluginKey,
     state: {
       init: () => {
-        return { ...options,
+        return {
+          ...options,
           fireAnalytics: fireAnalyticsEvent(options.createAnalyticsEvent)
         };
       },
       apply: (tr, pluginState, _, state) => {
         var _getFeatureFlags;
-
         if ((_getFeatureFlags = getFeatureFlags(state)) !== null && _getFeatureFlags !== void 0 && _getFeatureFlags.catchAllTracking) {
           const analyticsEventWithChannel = getAnalyticsEventsFromTransaction(tr);
-
           if (analyticsEventWithChannel.length > 0) {
             for (const {
               payload,
@@ -37,7 +34,8 @@ function createPlugin(options) {
               // that has an analytics event.
               if (hasRequiredPerformanceAPIs && tr.docChanged && payload.action !== ACTION.INSERTED && payload.action !== ACTION.DELETED) {
                 const measureName = `${payload.actionSubject}:${payload.action}:${payload.actionSubjectId}`;
-                measureRender( // NOTE this name could be resulting in misleading data -- where if multiple payloads are
+                measureRender(
+                // NOTE this name could be resulting in misleading data -- where if multiple payloads are
                 // received before a render completes -- the measurement value will be inaccurate (this is
                 // due to measureRender requiring unique measureNames)
                 measureName, ({
@@ -57,44 +55,36 @@ function createPlugin(options) {
             }
           }
         }
-
         return pluginState;
       }
     }
   });
 }
-
 const analyticsPlugin = options => ({
   name: 'analytics',
-
   pmPlugins() {
     return [{
       name: 'analyticsPlugin',
       plugin: () => createPlugin(options)
     }];
   },
-
   onEditorViewStateUpdated({
     originalTransaction,
     transactions,
     newEditorState
   }) {
     const pluginState = analyticsPluginKey.getState(newEditorState);
-
     if (!pluginState || !pluginState.createAnalyticsEvent) {
       return;
     }
-
     const steps = transactions.reduce((acc, tr) => {
       const payloads = tr.steps.filter(step => step instanceof AnalyticsStep).map(x => x.analyticsEvents).reduce((acc, val) => acc.concat(val), []);
       acc.push(...payloads);
       return acc;
     }, []);
-
     if (steps.length === 0) {
       return;
     }
-
     const {
       createAnalyticsEvent
     } = pluginState;
@@ -110,16 +100,16 @@ const analyticsPlugin = options => ({
       });
     });
   }
-
 });
-
 export function extendPayload({
   payload,
   duration,
   distortedDuration
 }) {
-  return { ...payload,
-    attributes: { ...payload.attributes,
+  return {
+    ...payload,
+    attributes: {
+      ...payload.attributes,
       duration,
       distortedDuration
     },

package/dist/es2019/plugins/analytics/utils.js

@@ -1,24 +1,19 @@
 import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
 import { editorAnalyticsChannel } from './consts';
 import { analyticsPluginKey } from './plugin-key';
-
 function getCreateUIAnalyticsEvent(editorState) {
   var _analyticsPluginKey$g;
-
   return (_analyticsPluginKey$g = analyticsPluginKey.getState(editorState)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.createAnalyticsEvent;
 }
-
 import { attachPayloadIntoTransaction } from '../../analytics-api/attach-payload-into-transaction';
 import { mapActionSubjectIdToAttributes } from '../../analytics-api/map-attributes';
 import { getStateContext, getSelectionType, findInsertLocation } from '../../analytics-api/editor-state-context';
 export { getStateContext, mapActionSubjectIdToAttributes, getSelectionType, findInsertLocation };
 export function addAnalytics(state, tr, payload, channel = editorAnalyticsChannel) {
   const createAnalyticsEvent = getCreateUIAnalyticsEvent(state);
-
   if (!createAnalyticsEvent) {
     return tr;
   }
-
   attachPayloadIntoTransaction({
     tr,
     editorState: state,
@@ -32,7 +27,6 @@ export function withAnalytics(payload, channel) {
     if (dispatch) {
       if (payload instanceof Function) {
         const dynamicPayload = payload(state);
-
         if (dynamicPayload) {
           dispatch(addAnalytics(state, tr, dynamicPayload, channel));
         }

package/dist/es2019/plugins/annotation/commands/index.js

@@ -11,11 +11,9 @@ export const updateInlineCommentResolvedState = (partialNewState, resolveMethod)
     data: partialNewState
   };
   const allResolved = Object.values(partialNewState).every(state => state);
-
   if (resolveMethod && allResolved) {
     return createCommand(command, transform.addResolveAnalytics(resolveMethod));
   }
-
   return createCommand(command);
 };
 export const closeComponent = () => createCommand({
@@ -35,31 +33,26 @@ export const removeInlineCommentNearSelection = id => (state, dispatch) => {
     annotation: annotationMarkType
   } = state.schema.marks;
   const hasAnnotation = $from.marks().some(mark => mark.type === annotationMarkType);
-
   if (!hasAnnotation) {
     return false;
-  } // just remove entire mark from around the node
-
+  }
 
+  // just remove entire mark from around the node
   tr.removeMark($from.start(), $from.end(), annotationMarkType.create({
     id,
     type: AnnotationTypes.INLINE_COMMENT
   }));
-
   if (dispatch) {
     dispatch(tr);
   }
-
   return true;
 };
-
 const getDraftCommandAction = drafting => {
   return editorState => {
     // validate selection only when entering draft mode
     if (drafting && isSelectionValid(editorState) !== AnnotationSelectionType.VALID) {
       return false;
     }
-
     return {
       type: ACTIONS.SET_INLINE_COMMENT_DRAFT_STATE,
       data: {
@@ -69,7 +62,6 @@ const getDraftCommandAction = drafting => {
     };
   };
 };
-
 export const setInlineCommentDraftState = (drafting, inputMethod = INPUT_METHOD.TOOLBAR) => {
   const commandAction = getDraftCommandAction(drafting);
   return createCommand(commandAction, transform.addOpenCloseAnalytics(drafting, inputMethod));
@@ -91,7 +83,6 @@ export const addInlineComment = id => {
       editorState
     }
   });
-
   return createCommand(commandAction, transform.addInlineComment(id));
 };
 export const updateMouseState = mouseData => createCommand({
@@ -105,15 +96,12 @@ export const createAnnotation = (id, annotationType = AnnotationTypes.INLINE_COM
   const {
     bookmark
   } = getPluginState(state) || {};
-
   if (!bookmark || !dispatch) {
     return false;
   }
-
   if (annotationType === AnnotationTypes.INLINE_COMMENT) {
     return addInlineComment(id)(state, dispatch);
   }
-
   return false;
 };
 export const setInlineCommentsVisibility = isVisible => {

package/dist/es2019/plugins/annotation/commands/transform.js

@@ -4,7 +4,6 @@ import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, ACTION, INPUT_METHOD } f
 import { addAnalytics } from '../../analytics/utils';
 import { getSelectionPositions, getPluginState, getDraftCommandAnalyticsPayload } from '../utils';
 import { applyMarkOnRange } from '../../../utils/commands';
-
 const addAnnotationMark = id => (transaction, state) => {
   const inlineCommentState = getPluginState(state);
   const {
@@ -15,28 +14,25 @@ const addAnnotationMark = id => (transaction, state) => {
   const annotationMark = state.schema.marks.annotation.create({
     id,
     type: AnnotationTypes.INLINE_COMMENT
-  }); // Apply the mark only to text node in the range.
-
-  let tr = applyMarkOnRange(from, to, false, annotationMark, transaction); // set selection back to the end of annotation once annotation mark is applied
-
+  });
+  // Apply the mark only to text node in the range.
+  let tr = applyMarkOnRange(from, to, false, annotationMark, transaction);
+  // set selection back to the end of annotation once annotation mark is applied
   tr.setSelection(TextSelection.create(tr.doc, head));
   return tr;
 };
-
 const addInlineComment = id => (transaction, state) => {
-  let tr = addAnnotationMark(id)(transaction, state); // add insert analytics step to transaction
-
-  tr = addInsertAnalytics(tr, state); // add close analytics step to transaction
-
+  let tr = addAnnotationMark(id)(transaction, state);
+  // add insert analytics step to transaction
+  tr = addInsertAnalytics(tr, state);
+  // add close analytics step to transaction
   tr = addOpenCloseAnalytics(false, INPUT_METHOD.TOOLBAR)(tr, state);
   return tr;
 };
-
 const addOpenCloseAnalytics = (drafting, method = INPUT_METHOD.TOOLBAR) => (transaction, state) => {
   const draftingPayload = getDraftCommandAnalyticsPayload(drafting, method)(state);
   return addAnalytics(state, transaction, draftingPayload);
 };
-
 const addInsertAnalytics = (transaction, state) => {
   return addAnalytics(state, transaction, {
     action: ACTION.INSERTED,
@@ -45,7 +41,6 @@ const addInsertAnalytics = (transaction, state) => {
     actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT
   });
 };
-
 const addResolveAnalytics = method => (transaction, state) => {
   const resolvedPayload = {
     action: ACTION.RESOLVED,
@@ -58,7 +53,6 @@ const addResolveAnalytics = method => (transaction, state) => {
   };
   return addAnalytics(state, transaction, resolvedPayload);
 };
-
 export default {
   addAnnotationMark,
   addInlineComment,

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

@@ -8,18 +8,15 @@ import { AnnotationUpdateEmitter } from './update-provider';
 import { getPluginState, inlineCommentPluginKey } from './utils';
 import { buildToolbar } from './toolbar';
 import { InlineCommentView } from './ui/InlineCommentView';
-
 const annotationPlugin = annotationProviders => {
   return {
     name: 'annotation',
-
     marks() {
       return [{
         name: 'annotation',
         mark: annotation
       }];
     },
-
     pmPlugins: () => [{
       name: 'annotation',
       plugin: ({
@@ -35,7 +32,6 @@ const annotationPlugin = annotationProviders => {
             provider: annotationProviders.inlineComment
           });
         }
-
         return;
       }
     }, {
@@ -44,7 +40,6 @@ const annotationPlugin = annotationProviders => {
         if (annotationProviders) {
           return keymapPlugin();
         }
-
         return;
       }
     }],
@@ -53,9 +48,7 @@ const annotationPlugin = annotationProviders => {
         if (!annotationProviders) {
           return;
         }
-
         const pluginState = getPluginState(state);
-
         if (pluginState && pluginState.isVisible && !pluginState.bookmark && !pluginState.mouseData.isSelecting) {
           const {
             isToolbarAbove
@@ -63,9 +56,7 @@ const annotationPlugin = annotationProviders => {
           return buildToolbar(state, intl, isToolbarAbove);
         }
       }
-
     },
-
     contentComponent({
       editorView,
       dispatchAnalyticsEvent
@@ -73,7 +64,6 @@ const annotationPlugin = annotationProviders => {
       if (!annotationProviders) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement(WithPluginState, {
         plugins: {
           selectionState: reactPluginKey,
@@ -85,7 +75,6 @@ const annotationPlugin = annotationProviders => {
           if (inlineCommentState && !inlineCommentState.isVisible) {
             return null;
           }
-
           return /*#__PURE__*/React.createElement("div", {
             "data-editor-popup": "true"
           }, /*#__PURE__*/React.createElement(InlineCommentView, {
@@ -96,9 +85,7 @@ const annotationPlugin = annotationProviders => {
         }
       });
     }
-
   };
 };
-
 export default annotationPlugin;
 export { AnnotationUpdateEmitter };

package/dist/es2019/plugins/annotation/nodeviews/index.js

@@ -5,7 +5,6 @@ export class AnnotationNodeView extends ReactNodeView {
   createDomRef() {
     return document.createElement('span');
   }
-
   getContentDOM() {
     const dom = document.createElement('span');
     dom.className = 'ak-editor-annotation';
@@ -13,7 +12,6 @@ export class AnnotationNodeView extends ReactNodeView {
       dom
     };
   }
-
   render(_props, forwardRef) {
     return (
       /*#__PURE__*/
@@ -24,12 +22,10 @@ export class AnnotationNodeView extends ReactNodeView {
       })
     );
   }
-
 }
 export const getAnnotationViewClassname = (isUnresolved, hasFocus) => {
   if (!isUnresolved) {
     return;
   }
-
   return hasFocus ? AnnotationSharedClassNames.focus : AnnotationSharedClassNames.blur;
 };