@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/es2019/analytics-api/editor-state-context.js

@@ -4,13 +4,11 @@ import { findParentNode } from 'prosemirror-utils';
 import { NodeSelection } from 'prosemirror-state';
 export function getSelectionType(state) {
   var _selection$constructo;
-
   const {
     selection
   } = state;
   let type;
   let position;
-
   if ((selection === null || selection === void 0 ? void 0 : (_selection$constructo = selection.constructor) === null || _selection$constructo === void 0 ? void 0 : _selection$constructo.name) === 'GapCursorSelection') {
     type = SELECTION_TYPE.GAP_CURSOR;
     position = selection.side;
@@ -26,7 +24,6 @@ export function getSelectionType(state) {
       from,
       $from
     } = selection;
-
     if (from === $from.start()) {
       position = SELECTION_POSITION.START;
     } else if (from === $from.end()) {
@@ -35,7 +32,6 @@ export function getSelectionType(state) {
       position = SELECTION_POSITION.MIDDLE;
     }
   }
-
   return {
     type,
     position
@@ -45,16 +41,14 @@ export function findInsertLocation(state) {
   const {
     selection
   } = state;
-
   if (selection instanceof NodeSelection) {
     return selection.node.type.name;
   }
-
   if (selection instanceof CellSelection) {
     return state.schema.nodes.table.name;
-  } // Text selection
-
+  }
 
+  // Text selection
   const parentNodeInfo = findParentNode(node => node.type !== state.schema.nodes.paragraph)(state.selection);
   return parentNodeInfo ? parentNodeInfo.node.type.name : state.doc.type.name;
 }
@@ -62,24 +56,19 @@ export function getStateContext(state, payload) {
   if (!payload.attributes) {
     return payload;
   }
-
   const {
     type,
     position
   } = getSelectionType(state);
   payload.attributes.selectionType = type;
-
   if (position) {
     payload.attributes.selectionPosition = position;
   }
-
   const insertLocation = findInsertLocation(state);
-
   if (payload.action === ACTION.INSERTED && payload.actionSubject === ACTION_SUBJECT.DOCUMENT && payload.attributes) {
     payload.attributes.insertLocation = insertLocation;
   } else {
     payload.attributes.nodeLocation = insertLocation;
   }
-
   return payload;
 }

package/dist/es2019/analytics-api/map-attributes.js

@@ -3,13 +3,12 @@ export function mapActionSubjectIdToAttributes(payload) {
   const documentInserted = payload.action === ACTION.INSERTED && payload.actionSubject === ACTION_SUBJECT.DOCUMENT;
   const textFormatted = payload.action === ACTION.FORMATTED && payload.actionSubject === ACTION_SUBJECT.TEXT;
   const hasActionSubjectId = !!payload.actionSubjectId;
-
   if (hasActionSubjectId && (documentInserted || textFormatted)) {
-    payload.attributes = { ...payload.attributes,
+    payload.attributes = {
+      ...payload.attributes,
       // @ts-expect-error
       actionSubjectId: payload.actionSubjectId
     };
   }
-
   return payload;
 }

package/dist/es2019/commands/index.js

@@ -17,27 +17,21 @@ export function insertNewLine() {
     const {
       hardBreak
     } = state.schema.nodes;
-
     if (hardBreak) {
       const hardBreakNode = hardBreak.createChecked();
-
       if (parent && parent.type.validContent(Fragment.from(hardBreakNode))) {
         if (dispatch) {
           dispatch(state.tr.replaceSelectionWith(hardBreakNode, false));
         }
-
         return true;
       }
     }
-
     if (state.selection instanceof TextSelection) {
       if (dispatch) {
         dispatch(state.tr.insertText('\n'));
       }
-
       return true;
     }
-
     return false;
   };
 }
@@ -49,25 +43,20 @@ export const insertNewLineWithAnalytics = withAnalytics({
 })(insertNewLine());
 export const createNewParagraphAbove = (state, dispatch) => {
   const append = false;
-
   if (!canMoveUp(state) && canCreateParagraphNear(state)) {
     createParagraphNear(append)(state, dispatch);
     return true;
   }
-
   return false;
 };
 export const createNewParagraphBelow = (state, dispatch) => {
   const append = true;
-
   if (!canMoveDown(state) && canCreateParagraphNear(state)) {
     createParagraphNear(append)(state, dispatch);
     return true;
   }
-
   return false;
 };
-
 function canCreateParagraphNear(state) {
   const {
     selection: {
@@ -79,54 +68,42 @@ function canCreateParagraphNear(state) {
   const isNodeSelection = state.selection instanceof NodeSelection;
   return $from.depth > 1 || isNodeSelection || insideCodeBlock;
 }
-
 export function createParagraphNear(append = true) {
   return function (state, dispatch) {
     const paragraph = state.schema.nodes.paragraph;
-
     if (!paragraph) {
       return false;
     }
-
     let insertPos;
-
     if (state.selection instanceof TextSelection) {
       if (topLevelNodeIsEmptyTextBlock(state)) {
         return false;
       }
-
       insertPos = getInsertPosFromTextBlock(state, append);
     } else {
       insertPos = getInsertPosFromNonTextBlock(state, append);
     }
-
     const tr = state.tr.insert(insertPos, paragraph.createAndFill());
     tr.setSelection(TextSelection.create(tr.doc, insertPos + 1));
-
     if (dispatch) {
       dispatch(tr);
     }
-
     return true;
   };
 }
-
 function getInsertPosFromTextBlock(state, append) {
   const {
     $from,
     $to
   } = state.selection;
   let pos;
-
   if (!append) {
     pos = $from.start(0);
   } else {
     pos = $to.end(0);
   }
-
   return pos;
 }
-
 function getInsertPosFromNonTextBlock(state, append) {
   const {
     $from,
@@ -135,25 +112,21 @@ function getInsertPosFromNonTextBlock(state, append) {
   const nodeAtSelection = state.selection instanceof NodeSelection && state.doc.nodeAt(state.selection.$anchor.pos);
   const isMediaSelection = nodeAtSelection && nodeAtSelection.type.name === 'mediaGroup';
   let pos;
-
   if (!append) {
     // The start position is different with text block because it starts from 0
-    pos = $from.start($from.depth); // The depth is different with text block because it starts from 0
-
+    pos = $from.start($from.depth);
+    // The depth is different with text block because it starts from 0
     pos = $from.depth > 0 && !isMediaSelection ? pos - 1 : pos;
   } else {
     pos = $to.end($to.depth);
     pos = $to.depth > 0 && !isMediaSelection ? pos + 1 : pos;
   }
-
   return pos;
 }
-
 function topLevelNodeIsEmptyTextBlock(state) {
   const topLevelNode = state.selection.$from.node(1);
   return topLevelNode.isTextblock && topLevelNode.type !== state.schema.nodes.codeBlock && topLevelNode.nodeSize === 2;
 }
-
 export function addParagraphAtEnd(tr) {
   const {
     doc: {
@@ -167,13 +140,11 @@ export function addParagraphAtEnd(tr) {
     },
     doc
   } = tr;
-
   if (doc.lastChild && !(doc.lastChild.type === paragraph && doc.lastChild.content.size === 0)) {
     if (paragraph) {
       tr.insert(doc.content.size, paragraph.createAndFill());
     }
   }
-
   tr.setSelection(TextSelection.create(tr.doc, tr.doc.content.size - 1));
   tr.scrollIntoView();
 }
@@ -183,11 +154,9 @@ export function createParagraphAtEnd() {
       tr
     } = state;
     addParagraphAtEnd(tr);
-
     if (dispatch) {
       dispatch(tr);
     }
-
     return true;
   };
 }
@@ -199,17 +168,16 @@ export const changeImageAlignment = align => (state, dispatch) => {
   const tr = state.tr;
   state.doc.nodesBetween(from, to, (node, pos) => {
     if (node.type === state.schema.nodes.mediaSingle) {
-      tr.setNodeMarkup(pos, undefined, { ...node.attrs,
+      tr.setNodeMarkup(pos, undefined, {
+        ...node.attrs,
         layout: align === 'center' ? 'center' : `align-${align}`
       });
     }
   });
-
   if (tr.docChanged && dispatch) {
     dispatch(tr.scrollIntoView());
     return true;
   }
-
   return false;
 };
 export const createToggleBlockMarkOnRange = (markType, getAttrs, allowedBlocks) => (from, to, tr, state) => {
@@ -218,22 +186,20 @@ export const createToggleBlockMarkOnRange = (markType, getAttrs, allowedBlocks)
     if (!node.type.isBlock) {
       return false;
     }
-
     if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent.type.allowsMarkType(markType)) {
       const oldMarks = node.marks.filter(mark => mark.type === markType);
       const prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
       const newAttrs = getAttrs(prevAttrs, node);
-
       if (newAttrs !== undefined) {
         tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(mark => !markType.excludes(mark.type)).concat(newAttrs === false ? [] : markType.create(newAttrs)));
         markApplied = true;
       }
     }
-
     return;
   });
   return markApplied;
 };
+
 /**
  * Toggles block mark based on the return type of `getAttrs`.
  * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
@@ -241,12 +207,10 @@ export const createToggleBlockMarkOnRange = (markType, getAttrs, allowedBlocks)
  * return `undefined for no-op.
  * return an `object` to update the mark.
  */
-
 export const toggleBlockMark = (markType, getAttrs, allowedBlocks) => (state, dispatch) => {
   let markApplied = false;
   const tr = state.tr;
   const toggleBlockMarkOnRange = createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks);
-
   if (state.selection instanceof CellSelection) {
     state.selection.forEachCell((cell, pos) => {
       markApplied = toggleBlockMarkOnRange(pos, pos + cell.nodeSize, tr, state);
@@ -258,26 +222,21 @@ export const toggleBlockMark = (markType, getAttrs, allowedBlocks) => (state, di
     } = state.selection;
     markApplied = toggleBlockMarkOnRange(from, to, tr, state);
   }
-
   if (markApplied && tr.docChanged) {
     if (dispatch) {
       dispatch(tr.scrollIntoView());
     }
-
     return true;
   }
-
   return false;
 };
 export const clearEditorContent = (state, dispatch) => {
   const tr = state.tr;
   tr.replace(0, state.doc.nodeSize - 2);
   tr.setSelection(Selection.atStart(tr.doc));
-
   if (dispatch) {
     dispatch(tr);
     return true;
   }
-
   return false;
 };

package/dist/es2019/create-editor/ErrorBoundary.js

@@ -13,30 +13,24 @@ import { WithEditorView } from './WithEditorView';
 import { isOutdatedBrowser } from '@atlaskit/editor-common/utils';
 export class ErrorBoundaryWithEditorView extends React.Component {
   // Memoizing this as react alternative suggestion of https://reactjs.org/docs/react-component.html#unsafe_componentwillreceiveprops
+
   get featureFlags() {
     return this.getFeatureFlags(this.props.editorView);
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "browserExtensions", undefined);
-
     _defineProperty(this, "state", {
       error: undefined
     });
-
     _defineProperty(this, "getFeatureFlags", memoizeOne(editorView => {
       if (!editorView) {
         return {};
       }
-
       return getFeatureFlags(editorView.state);
     }));
-
     _defineProperty(this, "sendErrorData", async analyticsErrorPayload => {
       var _window, _window$navigator;
-
       const product = await this.getProductName();
       const {
         error,
@@ -74,41 +68,32 @@ export class ErrorBoundaryWithEditorView extends React.Component {
           errorStack
         }
       });
-
       if (this.featureFlags.ufo && this.props.editorView) {
         var _this$experienceStore;
-
-        (_this$experienceStore = this.experienceStore) === null || _this$experienceStore === void 0 ? void 0 : _this$experienceStore.failAll({ ...this.getExperienceMetadata(attributes),
+        (_this$experienceStore = this.experienceStore) === null || _this$experienceStore === void 0 ? void 0 : _this$experienceStore.failAll({
+          ...this.getExperienceMetadata(attributes),
           errorStack
         });
       }
     });
-
     _defineProperty(this, "getProductName", async () => {
       const {
         contextIdentifierProvider
       } = this.props;
-
       if (contextIdentifierProvider) {
         const context = await contextIdentifierProvider;
-
         if (context.product) {
           return context.product;
         }
       }
-
       return 'atlaskit';
     });
-
     _defineProperty(this, "fireAnalyticsEvent", event => {
       var _this$props$createAna, _this$props;
-
       (_this$props$createAna = (_this$props = this.props).createAnalyticsEvent) === null || _this$props$createAna === void 0 ? void 0 : _this$props$createAna.call(_this$props, event).fire(editorAnalyticsChannel);
     });
-
     _defineProperty(this, "getExperienceMetadata", attributes => {
       var _attributes$browserEx;
-
       return {
         browserInfo: attributes.browserInfo,
         error: attributes.error.toString(),
@@ -120,20 +105,19 @@ export class ErrorBoundaryWithEditorView extends React.Component {
         docStructure: attributes.docStructure
       };
     });
-
     if (props.editorView) {
       this.experienceStore = ExperienceStore.getInstance(props.editorView);
     }
   }
-
   componentDidCatch(error, errorInfo) {
     this.sendErrorData({
       error: error.toString(),
       errorInfo,
       errorStack: error.stack
-    }); // // Update state to allow a re-render to attempt graceful recovery (in the event that
-    // // the error was caused by a race condition or is intermittent)
+    });
 
+    // // Update state to allow a re-render to attempt graceful recovery (in the event that
+    // // the error was caused by a race condition or is intermittent)
     this.setState({
       error
     }, () => {
@@ -148,7 +132,6 @@ export class ErrorBoundaryWithEditorView extends React.Component {
       }
     });
   }
-
   async componentDidMount() {
     this.browserExtensions = await sniffUserBrowserExtensions({
       extensions: ['grammarly'],
@@ -156,15 +139,11 @@ export class ErrorBoundaryWithEditorView extends React.Component {
       asyncTimeoutMs: 20000
     });
   }
-
   render() {
     return /*#__PURE__*/React.createElement(IntlErrorBoundary, null, this.props.children);
   }
-
 }
-
 _defineProperty(ErrorBoundaryWithEditorView, "defaultProps", {
   rethrow: true
 });
-
 export default WithEditorView(ErrorBoundaryWithEditorView);