@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/es2019/plugins/media/utils/media-single.js

@@ -11,7 +11,6 @@ import { getFeatureFlags } from '../../feature-flags-context';
 import { isImage } from './is-image';
 import { atTheBeginningOfBlock } from '../../../utils/prosemirror/position';
 import { getRandomHex } from '@atlaskit/media-common';
-
 const getInsertMediaAnalytics = (inputMethod, fileExtension) => ({
   action: ACTION.INSERTED,
   actionSubject: ACTION_SUBJECT.DOCUMENT,
@@ -23,11 +22,9 @@ const getInsertMediaAnalytics = (inputMethod, fileExtension) => ({
   },
   eventType: EVENT_TYPE.TRACK
 });
-
 function shouldAddParagraph(state) {
   return atTheBeginningOfBlock(state) && !checkNodeDown(state.selection, state.doc, isEmptyParagraph);
 }
-
 function insertNodesWithOptionalParagraph(nodes, analyticsAttributes = {}) {
   return function (state, dispatch) {
     const {
@@ -42,26 +39,20 @@ function insertNodesWithOptionalParagraph(nodes, analyticsAttributes = {}) {
       fileExtension
     } = analyticsAttributes;
     let openEnd = 0;
-
     if (shouldAddParagraph(state)) {
       nodes.push(paragraph.create());
       openEnd = 1;
     }
-
     tr.replaceSelection(new Slice(Fragment.from(nodes), 0, openEnd));
-
     if (inputMethod) {
       addAnalytics(state, tr, getInsertMediaAnalytics(inputMethod, fileExtension));
     }
-
     if (dispatch) {
       dispatch(tr);
     }
-
     return true;
   };
 }
-
 export const isMediaSingle = (schema, fileMimeType) => !!schema.nodes.mediaSingle && isImage(fileMimeType);
 export const insertMediaAsMediaSingle = (view, node, inputMethod) => {
   const {
@@ -72,16 +63,14 @@ export const insertMediaAsMediaSingle = (view, node, inputMethod) => {
     mediaSingle,
     media
   } = state.schema.nodes;
-
   if (!mediaSingle) {
     return false;
-  } // if not an image type media node
-
+  }
 
+  // if not an image type media node
   if (node.type !== media || !isImage(node.attrs.__fileMimeType) && node.attrs.type !== 'external') {
     return false;
   }
-
   const mediaSingleNode = mediaSingle.create({}, node);
   const nodes = [mediaSingleNode];
   const analyticsAttributes = {
@@ -92,11 +81,9 @@ export const insertMediaAsMediaSingle = (view, node, inputMethod) => {
 };
 export const insertMediaSingleNode = (view, mediaState, inputMethod, collection, alignLeftOnInsert) => {
   var _state$selection$$fro;
-
   if (collection === undefined) {
     return false;
   }
-
   const {
     state,
     dispatch
@@ -105,14 +92,12 @@ export const insertMediaSingleNode = (view, mediaState, inputMethod, collection,
   const parentNodeType = state.selection.$from.parent.type;
   const node = createMediaSingleNode(state.schema, collection, alignLeftOnInsert)(mediaState);
   let fileExtension;
-
   if (mediaState.fileName) {
     const extensionIdx = mediaState.fileName.lastIndexOf('.');
     fileExtension = extensionIdx >= 0 ? mediaState.fileName.substring(extensionIdx + 1) : undefined;
-  } // should split if media is valid content for the grandparent of the selected node
+  }
+  // should split if media is valid content for the grandparent of the selected node
   // and the parent node is a paragraph
-
-
   if (shouldSplitSelectedNodeOnNodeInsertion({
     parentNodeType,
     grandParentNodeType,
@@ -127,23 +112,18 @@ export const insertMediaSingleNode = (view, mediaState, inputMethod, collection,
       newInsertionBehaviour
     } = getFeatureFlags(view.state);
     let tr = null;
-
     if (newInsertionBehaviour) {
       tr = safeInsert(node, state.selection.from)(state.tr);
     }
-
     if (!tr) {
       const content = shouldAddParagraph(view.state) ? Fragment.fromArray([node, state.schema.nodes.paragraph.create()]) : node;
       tr = pmSafeInsert(content, undefined, true)(state.tr);
     }
-
     if (inputMethod) {
       tr = addAnalytics(state, tr, getInsertMediaAnalytics(inputMethod, fileExtension));
     }
-
     dispatch(tr);
   }
-
   return true;
 };
 export const createMediaSingleNode = (schema, collection, alignLeftOnInsert) => mediaState => {
@@ -191,7 +171,6 @@ export function transformSliceForMedia(slice, schema) {
   } = schema.nodes;
   return selection => {
     let newSlice = slice;
-
     if (hasParentNodeOfType([layoutSection, table, bulletList, orderedList, expand])(selection)) {
       newSlice = mapSlice(newSlice, node => {
         const attrs = hasParentNodeOfType([layoutSection, table])(selection) ? {
@@ -200,23 +179,21 @@ export function transformSliceForMedia(slice, schema) {
         return node.type.name === 'mediaSingle' ? mediaSingle.createChecked(attrs, node.content, node.marks) : node;
       });
     }
-
     const __mediaTraceId = getRandomHex(8);
-
     newSlice = mapSlice(newSlice, node => {
       if (node.type.name === 'media') {
-        return media.createChecked({ ...node.attrs,
+        return media.createChecked({
+          ...node.attrs,
           __external: node.attrs.type === 'external',
           __mediaTraceId: node.attrs.type === 'external' ? null : __mediaTraceId
         }, node.content, node.marks);
       }
-
       if (node.type.name === 'mediaInline') {
-        return mediaInline.createChecked({ ...node.attrs,
+        return mediaInline.createChecked({
+          ...node.attrs,
           __mediaTraceId
         }, node.content, node.marks);
       }
-
       return node;
     });
     return newSlice;
@@ -237,7 +214,6 @@ export const calcMediaPxWidth = opts => {
   } = containerWidth;
   const calculatedPctWidth = calcPctWidth(containerWidth, pctWidth, origWidth, origHeight);
   const calculatedResizedPctWidth = calcPctWidth(containerWidth, resizedPctWidth, origWidth, origHeight);
-
   if (layout === 'wide') {
     if (lineLength) {
       const wideWidth = Math.ceil(lineLength * breakoutWideScaleRatio);
@@ -251,43 +227,33 @@ export const calcMediaPxWidth = opts => {
         if (resizedPctWidth < 50) {
           return calculatedResizedPctWidth;
         }
-
         return calculatedPctWidth;
       }
-
       return Math.min(calculatedPctWidth, origWidth);
     }
-
     if (calculatedResizedPctWidth) {
       return calculatedResizedPctWidth;
     }
-
     return calculatedPctWidth;
   } else if (layout === 'center') {
     if (calculatedResizedPctWidth) {
       return calculatedResizedPctWidth;
     }
-
     return Math.min(origWidth, lineLength || width);
   } else if (layout && wrappedLayouts.indexOf(layout) !== -1) {
     const halfLineLength = Math.ceil((lineLength || width) / 2);
     return origWidth <= halfLineLength ? origWidth : halfLineLength;
   }
-
   return origWidth;
 };
-
 const calcPctWidth = (containerWidth, pctWidth, origWidth, origHeight) => pctWidth && origWidth && origHeight && Math.ceil(calcPxFromPct(pctWidth / 100, containerWidth.lineLength || containerWidth.width));
-
 export function isCaptionNode(editorView) {
   const {
     $from
   } = editorView.state.selection;
   const immediateWrapperParentNode = editorView.state.doc.nodeAt($from.before(Math.max($from.depth, 1)));
-
   if (immediateWrapperParentNode && immediateWrapperParentNode.type.name === 'caption') {
     return true;
   }
-
   return false;
 }

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

@@ -20,7 +20,6 @@ const emptyQueryResponse = {
   queryLength: 0,
   spaceInQuery: false
 };
-
 const extractAttributesFromQuery = query => {
   if (query) {
     return {
@@ -28,10 +27,8 @@ const extractAttributesFromQuery = query => {
       spaceInQuery: query.indexOf(' ') !== -1
     };
   }
-
   return emptyQueryResponse;
 };
-
 export const buildTypeAheadCancelPayload = (duration, upKeyCount, downKeyCount, sessionId, query) => {
   const {
     queryLength,
@@ -45,18 +42,14 @@ export const buildTypeAheadCancelPayload = (duration, upKeyCount, downKeyCount,
     spaceInQuery
   });
 };
-
 const getPosition = (mentionList, selectedMention) => {
   if (mentionList) {
     const index = mentionList.findIndex(mention => mention.id === selectedMention.id);
     return index === -1 ? undefined : index;
   }
-
   return;
 };
-
 const isClicked = insertType => insertType === 'selected';
-
 export const buildTypeAheadInviteItemViewedPayload = (sessionId, contextIdentifierProvider, userRole) => {
   const {
     containerId,
@@ -128,13 +121,11 @@ export const buildTypeAheadInsertedPayload = (duration, upKeyCount, downKeyCount
     memberCount: isTeamType(mention.userType) && mention.context ? mention.context.memberCount : null,
     includesYou: isTeamType(mention.userType) && mention.context ? mention.context.includesYou : null
   });
-
   if (contextIdentifierProvider) {
     analyticsPayload.containerId = contextIdentifierProvider.containerId || undefined;
     analyticsPayload.objectId = contextIdentifierProvider.objectId || undefined;
     analyticsPayload.childObjectId = contextIdentifierProvider.childObjectId || undefined;
   }
-
   return analyticsPayload;
 };
 export const buildTypeAheadRenderedPayload = (duration, userIds, query, teams) => {

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

@@ -13,26 +13,20 @@ import { createTypeAheadConfig } from './type-ahead';
 import { mentionPluginKey } from './pm-plugins/key';
 import { createMentionPlugin } from './pm-plugins/main';
 export { mentionPluginKey };
-
 const mentionsPlugin = options => {
   let sessionId = uuid();
-
   const fireEvent = payload => {
     if (!(options !== null && options !== void 0 && options.createAnalyticsEvent)) {
       return;
     }
-
     const {
       createAnalyticsEvent
     } = options;
-
     if (payload.attributes && !payload.attributes.sessionId) {
       payload.attributes.sessionId = sessionId;
     }
-
     createAnalyticsEvent(payload).fire(ELEMENTS_CHANNEL);
   };
-
   const typeAhead = createTypeAheadConfig({
     sanitizePrivateContent: options === null || options === void 0 ? void 0 : options.sanitizePrivateContent,
     mentionInsertDisplayName: options === null || options === void 0 ? void 0 : options.insertDisplayName,
@@ -41,21 +35,18 @@ const mentionsPlugin = options => {
   });
   return {
     name: 'mention',
-
     nodes() {
       return [{
         name: 'mention',
         node: mention
       }];
     },
-
     pmPlugins() {
       return [{
         name: 'mention',
         plugin: pmPluginFactoryParams => createMentionPlugin(pmPluginFactoryParams, fireEvent, options)
       }];
     },
-
     secondaryToolbarComponent({
       editorView,
       disabled
@@ -73,7 +64,6 @@ const mentionsPlugin = options => {
         })
       });
     },
-
     pluginsOptions: {
       quickInsert: ({
         formatMessage
@@ -85,7 +75,6 @@ const mentionsPlugin = options => {
         priority: 400,
         keyshortcut: '@',
         icon: () => /*#__PURE__*/React.createElement(IconMention, null),
-
         action(insert, state) {
           const tr = insert(undefined);
           openTypeAheadAtCursor({
@@ -102,11 +91,9 @@ const mentionsPlugin = options => {
             eventType: EVENT_TYPE.UI
           });
         }
-
       }],
       typeAhead
     }
   };
 };
-
 export default mentionsPlugin;

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

@@ -7,7 +7,6 @@ const ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER',
   SET_CONTEXT: 'SET_CONTEXT'
 };
-
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {
@@ -17,10 +16,8 @@ const setProvider = provider => (state, dispatch) => {
       }
     }));
   }
-
   return true;
 };
-
 export const setContext = context => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {
@@ -30,25 +27,21 @@ export const setContext = context => (state, dispatch) => {
       }
     }));
   }
-
   return true;
 };
 export function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
   let mentionProvider;
-
   const sendAnalytics = (event, actionSubject, action, attributes) => {
     if (event === SLI_EVENT_TYPE || event === SMART_EVENT_TYPE) {
       fireEvent(buildSliPayload(actionSubject, action, attributes));
     }
   };
-
   return new SafePlugin({
     key: mentionPluginKey,
     state: {
       init() {
         return {};
       },
-
       apply(tr, pluginState) {
         const {
           action,
@@ -58,26 +51,24 @@ export function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
           params: null
         };
         let newPluginState = pluginState;
-
         switch (action) {
           case ACTIONS.SET_PROVIDER:
-            newPluginState = { ...pluginState,
+            newPluginState = {
+              ...pluginState,
               mentionProvider: params.provider
             };
             pmPluginFactoryParams.dispatch(mentionPluginKey, newPluginState);
             return newPluginState;
-
           case ACTIONS.SET_CONTEXT:
-            newPluginState = { ...pluginState,
+            newPluginState = {
+              ...pluginState,
               contextIdentifierProvider: params.context
             };
             pmPluginFactoryParams.dispatch(mentionPluginKey, newPluginState);
             return newPluginState;
         }
-
         return newPluginState;
       }
-
     },
     props: {
       nodeViews: {
@@ -91,7 +82,6 @@ export function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
         })
       }
     },
-
     view(editorView) {
       const providerHandler = (name, providerPromise) => {
         switch (name) {
@@ -99,32 +89,26 @@ export function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
             if (!providerPromise) {
               return setProvider(undefined)(editorView.state, editorView.dispatch);
             }
-
             providerPromise.then(provider => {
               if (mentionProvider) {
                 mentionProvider.unsubscribe('mentionPlugin');
               }
-
               mentionProvider = provider;
               setProvider(provider)(editorView.state, editorView.dispatch);
               provider.subscribe('mentionPlugin', undefined, undefined, undefined, undefined, sendAnalytics);
             }).catch(() => setProvider(undefined)(editorView.state, editorView.dispatch));
             break;
-
           case 'contextIdentifierProvider':
             if (!providerPromise) {
               return setContext(undefined)(editorView.state, editorView.dispatch);
             }
-
             providerPromise.then(provider => {
               setContext(provider)(editorView.state, editorView.dispatch);
             });
             break;
         }
-
         return;
       };
-
       pmPluginFactoryParams.providerFactory.subscribe('mentionProvider', providerHandler);
       pmPluginFactoryParams.providerFactory.subscribe('contextIdentifierProvider', providerHandler);
       return {
@@ -133,14 +117,11 @@ export function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
             pmPluginFactoryParams.providerFactory.unsubscribe('mentionProvider', providerHandler);
             pmPluginFactoryParams.providerFactory.unsubscribe('contextIdentifierProvider', providerHandler);
           }
-
           if (mentionProvider) {
             mentionProvider.unsubscribe('mentionPlugin');
           }
         }
-
       };
     }
-
   });
 }