@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/es2019/plugins/tasks-and-decisions/commands.js

@@ -7,7 +7,6 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, IN
 import { GapCursorSelection } from '../selection/gap-cursor-selection';
 import { stateKey as taskDecisionStateKey } from './pm-plugins/plugin-key';
 import { autoJoinTr } from '../../utils/prosemirror/autojoin';
-
 const getContextData = (contextProvider = {}) => {
   const {
     objectId,
@@ -20,12 +19,10 @@ const getContextData = (contextProvider = {}) => {
     userContext
   };
 };
-
 const generateAnalyticsPayload = (listType, contextData, inputMethod, itemLocalId, listLocalId, itemIdx, listSize) => {
   let containerId;
   let objectId;
   let userContext;
-
   if (contextData) {
     ({
       containerId,
@@ -33,7 +30,6 @@ const generateAnalyticsPayload = (listType, contextData, inputMethod, itemLocalI
       userContext
     } = contextData);
   }
-
   return {
     action: ACTION.INSERTED,
     actionSubject: ACTION_SUBJECT.DOCUMENT,
@@ -51,7 +47,6 @@ const generateAnalyticsPayload = (listType, contextData, inputMethod, itemLocalI
     }
   };
 };
-
 export const getListTypes = (listType, schema) => {
   const {
     decisionList,
@@ -59,14 +54,12 @@ export const getListTypes = (listType, schema) => {
     taskList,
     taskItem
   } = schema.nodes;
-
   if (listType === 'taskList') {
     return {
       list: taskList,
       item: taskItem
     };
   }
-
   return {
     list: decisionList,
     item: decisionItem
@@ -76,7 +69,6 @@ export const insertTaskDecisionAction = (state, listType, inputMethod = INPUT_ME
   const {
     schema
   } = state;
-
   const addAndCreateList = ({
     tr,
     list,
@@ -84,7 +76,6 @@ export const insertTaskDecisionAction = (state, listType, inputMethod = INPUT_ME
     listLocalId,
     itemLocalId
   }) => createListAtSelection(tr, list, item, schema, state, listLocalId, itemLocalId);
-
   const addToList = ({
     state,
     tr,
@@ -103,24 +94,19 @@ export const insertTaskDecisionAction = (state, listType, inputMethod = INPUT_ME
       }
     }]).setSelection(new TextSelection(tr.doc.resolve(newItemParagraphPos)));
   };
-
   const addAndCreateListFn = addItem !== null && addItem !== void 0 ? addItem : addAndCreateList;
   const tr = insertTaskDecisionWithAnalytics(state, listType, inputMethod, addAndCreateListFn, addToList, listLocalId, itemLocalId);
-
   if (!tr) {
     return state.tr;
   }
-
   autoJoinTr(tr, ['taskList', 'decisionList']);
   return tr;
 };
 export const insertTaskDecisionCommand = (listType, inputMethod = INPUT_METHOD.TOOLBAR, addItem, listLocalId, itemLocalId) => (state, dispatch) => {
   const tr = insertTaskDecisionAction(state, listType, inputMethod, addItem, listLocalId, itemLocalId);
-
   if (dispatch) {
     dispatch(tr);
   }
-
   return true;
 };
 export const insertTaskDecisionWithAnalytics = (state, listType, inputMethod, addAndCreateList, addToList, listLocalId, itemLocalId) => {
@@ -143,7 +129,6 @@ export const insertTaskDecisionWithAnalytics = (state, listType, inputMethod, ad
   let insertTrCreator;
   let itemIdx;
   let listSize;
-
   if (!listNode) {
     // Not a list - convert to one.
     itemIdx = 0;
@@ -153,14 +138,11 @@ export const insertTaskDecisionWithAnalytics = (state, listType, inputMethod, ad
     listSize = listNode.node.childCount + 1;
     listLocalId = listLocalId || listNode.node.attrs.localId;
     const listItemNode = findParentNodeOfType(item)(state.selection); // finds current item in list
-
     itemIdx = listItemNode ? state.doc.resolve(listItemNode.pos).index() + 1 : 0;
     insertTrCreator = addToList ? addToList : addAndCreateList;
   }
-
   listLocalId = listLocalId || uuid.generate();
   itemLocalId = itemLocalId || uuid.generate();
-
   if (insertTrCreator) {
     let insertTr = insertTrCreator({
       state,
@@ -170,14 +152,11 @@ export const insertTaskDecisionWithAnalytics = (state, listType, inputMethod, ad
       listLocalId,
       itemLocalId
     });
-
     if (insertTr) {
       insertTr = addAnalytics(state, insertTr, generateAnalyticsPayload(listType, contextData, inputMethod, itemLocalId, listLocalId, itemIdx || 0, listSize || 0));
     }
-
     return insertTr;
   }
-
   return null;
 };
 export const isSupportedSourceNode = (schema, selection) => {
@@ -198,12 +177,10 @@ export const createListAtSelection = (tr, list, item, schema, state, listLocalId
     $from,
     $to
   } = selection;
-
   if ($from.parent !== $to.parent) {
     // ignore selections across multiple nodes
     return null;
   }
-
   const {
     paragraph,
     blockquote,
@@ -213,22 +190,21 @@ export const createListAtSelection = (tr, list, item, schema, state, listLocalId
     taskItem,
     mediaGroup
   } = schema.nodes;
-
   if ($from.parent.type === mediaGroup) {
     return null;
   }
-
   const emptyList = list.create({
     localId: listLocalId
   }, [item.create({
     localId: itemLocalId
-  })]); // we don't take the content of a block node next to the gap cursor and always create an empty task
+  })]);
 
+  // we don't take the content of a block node next to the gap cursor and always create an empty task
   if (selection instanceof GapCursorSelection) {
     return safeInsert(emptyList)(tr);
-  } // try to replace when selection is in nodes which support it
-
+  }
 
+  // try to replace when selection is in nodes which support it
   if (isSupportedSourceNode(schema, selection)) {
     const {
       type: nodeType,
@@ -240,27 +216,26 @@ export const createListAtSelection = (tr, list, item, schema, state, listLocalId
       localId: uuid.generate()
     }, $from.node($from.depth).content)]);
     const hasBlockquoteParent = findParentNodeOfType(blockquote)(selection);
-
     if (hasBlockquoteParent) {
       const liftedDepth = $from.depth - 1;
       const range = new NodeRange($from, $to, liftedDepth);
       tr.lift(range, liftTarget(range));
     }
-
     const listParent = findParentNodeOfType(taskList)(selection) || findParentNodeOfType(decisionList)(selection);
-    const listItem = findParentNodeOfType(taskItem)(selection) || findParentNodeOfType(decisionItem)(selection); // For a selection inside a task/decision list, we can't just simply replace the
-    // node type as it will mess up lists with > 1 item
+    const listItem = findParentNodeOfType(taskItem)(selection) || findParentNodeOfType(decisionItem)(selection);
 
+    // For a selection inside a task/decision list, we can't just simply replace the
+    // node type as it will mess up lists with > 1 item
     if (listParent && listItem) {
       let start;
       let end;
-      let selectionPos = selection.from; // if selection is in first item in list, we need to delete extra so that
-      // this list isn't split
+      let selectionPos = selection.from;
 
+      // if selection is in first item in list, we need to delete extra so that
+      // this list isn't split
       if (listParent.node.firstChild === listItem.node) {
         start = listParent.start - 1;
         end = listItem.start + listItem.node.nodeSize;
-
         if (listParent.node.childCount === 1) {
           end = listParent.start + listParent.node.nodeSize - 1;
         }
@@ -273,30 +248,30 @@ export const createListAtSelection = (tr, list, item, schema, state, listLocalId
       tr.replaceWith(start, end, newListNode);
       tr = setTextSelection(selectionPos)(tr);
       return tr;
-    } // For a selection inside one of these node types we can just convert the node type
-
+    }
 
+    // For a selection inside one of these node types we can just convert the node type
     const nodeTypesToReplace = [blockquote];
-
     if (nodeType === paragraph && childCount > 0 || hasBlockquoteParent) {
       // Only convert paragraphs containing content.
       // Empty paragraphs use the default flow.
       // This distinction ensures the text selection remains in the correct location.
+
       // We also want to replace the paragraph type when we are inside a blockQuote
       // to avoid inserting an extra taskList whilst keeping the paragraph
       nodeTypesToReplace.push(paragraph);
     }
-
     let newTr = tr;
-    newTr = replaceParentNodeOfType(nodeTypesToReplace, newListNode)(tr); // Adjust depth for new selection, if it has changed (e.g. paragraph to list (ol > li))
+    newTr = replaceParentNodeOfType(nodeTypesToReplace, newListNode)(tr);
 
+    // Adjust depth for new selection, if it has changed (e.g. paragraph to list (ol > li))
     const depthAdjustment = changeInDepth($to, newTr.selection.$to);
-    tr = tr.setSelection(new TextSelection(tr.doc.resolve($to.pos + depthAdjustment))); // replacing successful
+    tr = tr.setSelection(new TextSelection(tr.doc.resolve($to.pos + depthAdjustment)));
 
+    // replacing successful
     if (newTr !== tr) {
       return tr;
     }
   }
-
   return safeInsert(emptyList)(tr);
 };

package/dist/es2019/plugins/tasks-and-decisions/index.js

@@ -13,7 +13,6 @@ import ToolbarTask from './ui/ToolbarTask';
 const taskDecisionToolbarGroup = css`
   display: flex;
 `;
-
 const addItem = (insert, listType, schema) => ({
   listLocalId,
   itemLocalId
@@ -28,14 +27,12 @@ const addItem = (insert, listType, schema) => ({
     localId: itemLocalId
   })));
 };
-
 const tasksAndDecisionsPlugin = ({
   allowNestedTasks,
   consumeTabs,
   useLongPressSelection
 } = {}) => ({
   name: 'taskDecision',
-
   nodes() {
     return [{
       name: 'decisionList',
@@ -51,7 +48,6 @@ const tasksAndDecisionsPlugin = ({
       node: taskItem
     }];
   },
-
   pmPlugins() {
     return [{
       name: 'tasksAndDecisions',
@@ -94,7 +90,6 @@ const tasksAndDecisionsPlugin = ({
       isReducedSpacing: true
     }));
   },
-
   pluginsOptions: {
     quickInsert: ({
       formatMessage
@@ -106,11 +101,9 @@ const tasksAndDecisionsPlugin = ({
       keywords: ['checkbox', 'task', 'todo'],
       keyshortcut: '[]',
       icon: () => jsx(IconAction, null),
-
       action(insert, state) {
         return insertTaskDecisionAction(state, 'taskList', INPUT_METHOD.QUICK_INSERT, addItem(insert, 'taskList', state.schema));
       }
-
     }, {
       id: 'decision',
       title: formatMessage(insertBlockMessages.decision),
@@ -118,13 +111,10 @@ const tasksAndDecisionsPlugin = ({
       priority: 900,
       keyshortcut: '<>',
       icon: () => jsx(IconDecision, null),
-
       action(insert, state) {
         return insertTaskDecisionAction(state, 'decisionList', INPUT_METHOD.QUICK_INSERT, addItem(insert, 'decisionList', state.schema));
       }
-
     }]
   }
 });
-
 export default tasksAndDecisionsPlugin;

package/dist/es2019/plugins/tasks-and-decisions/nodeviews/decisionItem.js

@@ -2,35 +2,30 @@ import React from 'react';
 import { ReactNodeView } from '../../../nodeviews';
 import DecisionItem from '../ui/Decision';
 import { isTypeAheadOpen } from '../../type-ahead/utils';
-
 class Decision extends ReactNodeView {
   isContentEmpty(node) {
     return node.content.childCount === 0;
   }
-
   createDomRef() {
     const domRef = document.createElement('li');
     domRef.style['list-style-type'] = 'none';
     return domRef;
   }
-
   getContentDOM() {
-    const dom = document.createElement('div'); // setting a className prevents PM/Chrome mutation observer from
+    const dom = document.createElement('div');
+    // setting a className prevents PM/Chrome mutation observer from
     // incorrectly deleting nodes
-
     dom.className = 'decision-item';
     return {
       dom
     };
   }
-
   render(_props, forwardRef) {
     return /*#__PURE__*/React.createElement(DecisionItem, {
       contentRef: forwardRef,
       showPlaceholder: this.isContentEmpty(this.node) && !isTypeAheadOpen(this.view.state)
     });
   }
-
   viewShouldUpdate(nextNode) {
     /**
      * To ensure the placeholder is correctly toggled we need to allow react to re-render
@@ -39,14 +34,12 @@ class Decision extends ReactNodeView {
      */
     return this.isContentEmpty(this.node) && !!nextNode.content.childCount;
   }
-
   update(node, decorations) {
-    return super.update(node, decorations, undefined, // Toggle the placeholder based on whether user input exists.
+    return super.update(node, decorations, undefined,
+    // Toggle the placeholder based on whether user input exists.
     (_currentNode, _newNode) => !this.isContentEmpty(_newNode));
   }
-
 }
-
 export const decisionItemNodeView = (portalProviderAPI, eventDispatcher) => (node, view, getPos) => {
   const hasIntlContext = true;
   return new Decision(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, undefined, hasIntlContext).init();

package/dist/es2019/plugins/tasks-and-decisions/nodeviews/taskItem.js

@@ -7,18 +7,17 @@ import WithPluginState from '../../../ui/WithPluginState';
 import { stateKey as taskPluginKey } from '../pm-plugins/plugin-key';
 import TaskItem from '../ui/Task';
 import { isTypeAheadOpen } from '../../type-ahead/utils';
-
 class Task extends ReactNodeView {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "handleOnChange", (taskId, isChecked) => {
       const {
         tr
       } = this.view.state;
-      const nodePos = this.getPos(); // SetAttrsStep should be used to prevent task updates from being dropped when mapping task ticks
-      // from a previous version of the document, such as a published page.
+      const nodePos = this.getPos();
 
+      // SetAttrsStep should be used to prevent task updates from being dropped when mapping task ticks
+      // from a previous version of the document, such as a published page.
       tr.step(new SetAttrsStep(nodePos, {
         state: isChecked ? 'DONE' : 'TODO',
         localId: taskId
@@ -26,7 +25,6 @@ class Task extends ReactNodeView {
       tr.setMeta('scrollIntoView', false);
       this.view.dispatch(tr);
     });
-
     _defineProperty(this, "addListAnalyticsData", event => {
       try {
         const resolvedPos = this.view.state.doc.resolve(this.getPos());
@@ -38,47 +36,44 @@ class Task extends ReactNodeView {
             attributes = {},
             actionSubject
           } = payload;
-
           if (actionSubject !== 'action') {
             // Not action related, ignore
             return payload;
           }
-
-          return { ...payload,
-            attributes: { ...attributes,
+          return {
+            ...payload,
+            attributes: {
+              ...attributes,
               position,
               listSize,
               listLocalId
             }
           };
         });
-      } catch (e) {// This can occur if pos is NaN (seen it in some test cases)
+      } catch (e) {
+        // This can occur if pos is NaN (seen it in some test cases)
         // Act defensively here, and lose some analytics data rather than
         // cause any user facing error.
       }
     });
   }
-
   isContentEmpty(node) {
     return node.content.childCount === 0;
   }
-
   createDomRef() {
     const domRef = document.createElement('div');
     domRef.style['list-style-type'] = 'none';
     return domRef;
   }
-
   getContentDOM() {
-    const dom = document.createElement('div'); // setting a className prevents PM/Chrome mutation observer from
+    const dom = document.createElement('div');
+    // setting a className prevents PM/Chrome mutation observer from
     // incorrectly deleting nodes
-
     dom.className = 'task-item';
     return {
       dom
     };
   }
-
   render(props, forwardRef) {
     const {
       localId,
@@ -103,7 +98,6 @@ class Task extends ReactNodeView {
       }
     }));
   }
-
   viewShouldUpdate(nextNode) {
     /**
      * To ensure the placeholder is correctly toggled we need to allow react to re-render
@@ -112,14 +106,12 @@ class Task extends ReactNodeView {
      */
     return this.isContentEmpty(this.node) && !!nextNode.content.childCount;
   }
-
   update(node, decorations) {
-    return super.update(node, decorations, undefined, (currentNode, newNode) => // Toggle the placeholder based on whether user input exists
+    return super.update(node, decorations, undefined, (currentNode, newNode) =>
+    // Toggle the placeholder based on whether user input exists
     !this.isContentEmpty(newNode) && !!(currentNode.attrs.state === newNode.attrs.state));
   }
-
 }
-
 export function taskItemNodeViewFactory(portalProviderAPI, eventDispatcher, providerFactory) {
   return (node, view, getPos) => {
     const hasIntlContext = true;

package/dist/es2019/plugins/tasks-and-decisions/pm-plugins/commands.js

@@ -7,11 +7,9 @@ export const liftSelection = (state, dispatch) => {
     $to
   } = state.selection;
   const tr = liftBlock(state.tr, $from, $to);
-
   if (dispatch && tr) {
     dispatch(tr);
   }
-
   return !!tr;
 };
 export const wrapSelectionInTaskList = (state, dispatch) => {
@@ -20,23 +18,19 @@ export const wrapSelectionInTaskList = (state, dispatch) => {
     $to
   } = state.selection;
   const blockRange = getBlockRange($from, $to);
-
   if (!blockRange) {
     return true;
   }
-
   const wrapping = findWrapping(blockRange, state.schema.nodes.taskList);
-
   if (!wrapping) {
     return true;
   }
-
   if (dispatch) {
     dispatch(state.tr.wrap(blockRange, wrapping).scrollIntoView());
   }
-
   return true;
 };
+
 /**
  * Tries to move the paragraph content near the given position into the taskItem or decisionItem
  * before it.
@@ -47,45 +41,42 @@ export const wrapSelectionInTaskList = (state, dispatch) => {
  * @param $pos Position at the end of, or anywhere in paragraph following, the last taskItem
  * @see {joinToPreviousListItem}
  */
-
 export const joinAtCut = $pos => (state, dispatch) => {
   const $cut = findCutBefore($pos);
-
   if (!$cut) {
     return false;
   }
-
   const {
     paragraph
-  } = $cut.doc.type.schema.nodes; // find the boundary between the taskList and paragraph
+  } = $cut.doc.type.schema.nodes;
 
+  // find the boundary between the taskList and paragraph
   if ($cut.nodeBefore && isActionOrDecisionList($cut.nodeBefore) && $cut.nodeAfter && $cut.nodeAfter.type === paragraph) {
     // we'll find the boundary of a taskList
     // so resolve -1 to find the inside end of the last taskItem
-    let $lastNode = $cut.doc.resolve($cut.pos - 1); // might have deeply nested taskList, keep trying to find it
+    let $lastNode = $cut.doc.resolve($cut.pos - 1);
 
+    // might have deeply nested taskList, keep trying to find it
     while (!isActionOrDecisionItem($lastNode.parent)) {
       $lastNode = state.doc.resolve($lastNode.pos - 1);
-    } // grab the structure between the taskItem and the paragraph
-    // note: structure = true in ReplaceAroundStep
+    }
 
+    // grab the structure between the taskItem and the paragraph
+    // note: structure = true in ReplaceAroundStep
+    const slice = state.tr.doc.slice($lastNode.pos, $cut.pos);
 
-    const slice = state.tr.doc.slice($lastNode.pos, $cut.pos); // collapse the range between end of last taskItem and after the paragraph
+    // collapse the range between end of last taskItem and after the paragraph
     // with the gap being the paragraph's content (i.e. take that content)
     //
     // we pass the structure we found earlier to join the p and taskItem nodes
     //
     // see https://prosemirror.net/docs/ref/#transform.ReplaceStep.constructor
     // see https://prosemirror.net/docs/ref/#transform.ReplaceAroundStep.constructor
-
     const tr = state.tr.step(new ReplaceAroundStep($lastNode.pos, $cut.pos + $cut.nodeAfter.nodeSize, $cut.pos + 1, $cut.pos + $cut.nodeAfter.nodeSize - 1, slice, 0, true));
-
     if (dispatch) {
       dispatch(tr);
     }
-
     return true;
   }
-
   return false;
 };