@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/es2019/plugins/copy-button/pm-plugins/main.js

@@ -1,7 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet } from 'prosemirror-view';
 import { copyButtonPluginKey } from './plugin-key';
-
 function getMarkSelectionDecorationStartAndEnd({
   markType,
   transaction
@@ -23,7 +22,6 @@ function getMarkSelectionDecorationStartAndEnd({
     markType
   };
 }
-
 export function copyButtonPlugin() {
   return new SafePlugin({
     key: copyButtonPluginKey,
@@ -34,17 +32,14 @@ export function copyButtonPlugin() {
           markSelection: undefined
         };
       },
-
       apply(tr, currentPluginState) {
         const meta = tr.getMeta(copyButtonPluginKey);
-
         if ((meta === null || meta === void 0 ? void 0 : meta.copied) !== undefined) {
           return {
             copied: meta.copied,
             markSelection: undefined
           };
         }
-
         if (meta !== null && meta !== void 0 && meta.showSelection) {
           return {
             copied: currentPluginState.copied,
@@ -54,14 +49,12 @@ export function copyButtonPlugin() {
             })
           };
         }
-
         if (meta !== null && meta !== void 0 && meta.removeSelection) {
           return {
             copied: currentPluginState.copied,
             markSelection: undefined
           };
         }
-
         if (currentPluginState.markSelection) {
           return {
             copied: currentPluginState.copied,
@@ -71,10 +64,8 @@ export function copyButtonPlugin() {
             })
           };
         }
-
         return currentPluginState;
       }
-
     },
     props: {
       decorations(_state) {
@@ -84,20 +75,22 @@ export function copyButtonPlugin() {
         // See the following bug for details -- once that is resolved -- the visual
         // hints can be re enabled.
         // https://product-fabric.atlassian.net/browse/DTR-722
+
         // const copyButtonPluginState = copyButtonPluginKey.getState(
         //   state,
         // ) as CopyButtonPluginState;
         // if (copyButtonPluginState.markSelection) {
         //   const { start, end } = copyButtonPluginState.markSelection;
+
         //   return DecorationSet.create(state.doc, [
         //     Decoration.inline(start, end, {
         //       class: 'ProseMirror-fake-text-selection',
         //     }),
         //   ]);
         // }
+
         return DecorationSet.empty;
       }
-
     }
   });
 }

package/dist/es2019/plugins/copy-button/toolbar.js

@@ -3,15 +3,12 @@ import commonMessages from '../../messages';
 import { hoverDecoration } from '../base/pm-plugins/decoration';
 import { createToolbarCopyCommandForNode, createToolbarCopyCommandForMark, resetCopiedState, getProvideMarkVisualFeedbackForCopyButtonCommand, removeMarkVisualFeedbackForCopyButtonCommand } from './commands';
 import { copyButtonPluginKey } from './pm-plugins/plugin-key';
-
 function isSeparator(item) {
   return (item === null || item === void 0 ? void 0 : item.type) === 'separator';
 }
-
 function isNodeOptions(options) {
   return 'nodeType' in options && options.nodeType !== undefined;
 }
-
 export function getCopyButtonConfig(options) {
   const {
     state,
@@ -23,7 +20,6 @@ export function getCopyButtonConfig(options) {
   } = options;
   const copyButtonState = copyButtonPluginKey.getState(state);
   let buttonActionHandlers;
-
   if (isNodeOptions(options)) {
     buttonActionHandlers = {
       onClick: createToolbarCopyCommandForNode(options.nodeType),
@@ -45,7 +41,6 @@ export function getCopyButtonConfig(options) {
       onBlur: removeMarkVisualFeedbackForCopyButtonCommand
     };
   }
-
   return {
     id: 'editor.floatingToolbar.copy',
     type: 'button',
@@ -54,23 +49,25 @@ export function getCopyButtonConfig(options) {
     title: formatMessage(copyButtonState !== null && copyButtonState !== void 0 && copyButtonState.copied ? commonMessages.copiedToClipboard : commonMessages.copyToClipboard),
     ...buttonActionHandlers,
     hideTooltipOnClick: false,
-    tabIndex: null // TODO select and delete styling needs to be removed when keyboard cursor moves away
+    tabIndex: null
+    // TODO select and delete styling needs to be removed when keyboard cursor moves away
     // problem already exist with delete as well
-
   };
 }
+
 export const showCopyButton = state => {
-  return state && // Check if the Copy button plugin is enabled
+  return state &&
+  // Check if the Copy button plugin is enabled
   // @ts-ignore copyButtonPluginKey.key
   state.plugins.find(p => p.key === copyButtonPluginKey.key);
 };
+
 /**
  * Process floatingToolbar items for copyButton
  *
  * If copy button plugin not enabled, remove copy button item from toolbar items
  * else process copy button to standard floatingtoobarbutton
  */
-
 export function processCopyButtonItems(state) {
   return items => items.flatMap(item => {
     switch (item.type) {
@@ -78,9 +75,7 @@ export function processCopyButtonItems(state) {
         if (item !== null && item !== void 0 && item.hidden || !showCopyButton(state)) {
           return [];
         }
-
         return item === null || item === void 0 ? void 0 : item.items.map(copyButtonItem => isSeparator(copyButtonItem) ? copyButtonItem : getCopyButtonConfig(copyButtonItem));
-
       default:
         return [item];
     }

package/dist/es2019/plugins/copy-button/utils.js

@@ -5,11 +5,9 @@ export function getSelectedNodeOrNodeParentByNodeType({
   selection
 }) {
   let node = findSelectedNodeOfType(nodeType)(selection);
-
   if (!node) {
     node = findParentNodeOfType(nodeType)(selection);
   }
-
   return node;
 }
 export const toDOM = (node, schema) => {

package/dist/es2019/plugins/custom-autoformat/doc.js

@@ -3,16 +3,18 @@ import { processRawValue } from '../../utils';
 import { autoformatAction } from './utils';
 export const buildHandler = (_regex, handler) => {
   return async (view, match, start, end) => {
-    const replacementPromise = handler(match.slice(1, match.length - 1)); // queue the position and match pair so that we can remap across transactions
-    // while we wait for the replacmentPromise to resolve
+    const replacementPromise = handler(match.slice(1, match.length - 1));
 
+    // queue the position and match pair so that we can remap across transactions
+    // while we wait for the replacmentPromise to resolve
     view.dispatch(autoformatAction(view.state.tr, {
       action: 'matched',
       match: match,
       start,
       end
-    })); // ask the provider to give us an ADF node to replace the text with
+    }));
 
+    // ask the provider to give us an ADF node to replace the text with
     const replacementData = await replacementPromise;
     const replacementNode = processRawValue(view.state.schema, replacementData);
     view.dispatch(autoformatAction(view.state.tr, {
@@ -41,25 +43,29 @@ export const completeReplacements = (view, state) => {
       } = completedMatch;
       const prefix = match[1];
       const suffix = match[match.length - 1];
-      const matchEndPos = end + suffix.length; // only permit inlineCard as replacement target for now
+      const matchEndPos = end + suffix.length;
 
+      // only permit inlineCard as replacement target for now
       if (!replacement || replacement.type !== inlineCard && !replacement.isText) {
         return;
-      } // get the current document text, adding # or | if we cross node boundaries
-
+      }
 
-      const docText = view.state.doc.textBetween(start, matchEndPos, '#', '|'); // only replace if text still remains the same as when typed at the start
+      // get the current document text, adding # or | if we cross node boundaries
+      const docText = view.state.doc.textBetween(start, matchEndPos, '#', '|');
 
+      // only replace if text still remains the same as when typed at the start
       if (docText === match[0]) {
         tr = tr.replaceWith(tr.mapping.map(start + prefix.length), tr.mapping.map(end, -1), replacement);
       }
-    }); // clear this match from plugin state now that we've processed it
+    });
 
+    // clear this match from plugin state now that we've processed it
     tr = autoformatAction(tr, {
       action: 'finish',
       matchString: completedMatch.matchString
-    }); // and dispatch the replacement, closing history for cmd+z to allow undo separately
+    });
 
+    // and dispatch the replacement, closing history for cmd+z to allow undo separately
     view.dispatch(closeHistory(tr));
   });
 };

package/dist/es2019/plugins/custom-autoformat/index.js

@@ -16,35 +16,32 @@ export const createPMPlugin = ({
           matches: []
         };
       },
-
       apply(tr, prevPluginState) {
         if (!prevPluginState) {
           return prevPluginState;
-        } // remap positions
-
+        }
 
-        const remappedPluginState = { ...prevPluginState,
-          resolving: prevPluginState.resolving.map(candidate => ({ ...candidate,
+        // remap positions
+        const remappedPluginState = {
+          ...prevPluginState,
+          resolving: prevPluginState.resolving.map(candidate => ({
+            ...candidate,
             start: tr.mapping.map(candidate.start),
             end: tr.mapping.map(candidate.end, -1)
           }))
         };
         const meta = tr.getMeta(pluginKey);
-
         if (!meta) {
           return remappedPluginState;
         }
-
         return reducers(remappedPluginState, meta);
       }
-
     },
     props: {
       handleTextInput(view, from, to, text) {
         triggerInputRule(view, rules, from, to, text);
         return false;
       },
-
       handleKeyDown: keydownHandler({
         Enter: (_state, _dispatch, view) => {
           triggerInputRule(view, rules, view.state.selection.from, view.state.selection.to, '');
@@ -52,13 +49,11 @@ export const createPMPlugin = ({
         }
       })
     },
-
     view() {
       const handleProvider = (name, provider) => {
         if (name !== 'autoformattingProvider' || !provider) {
           return;
         }
-
         provider.then(async autoformattingProvider => {
           const ruleset = await autoformattingProvider.getRules();
           Object.keys(ruleset).forEach(rule => {
@@ -71,43 +66,34 @@ export const createPMPlugin = ({
           });
         });
       };
-
       providerFactory.subscribe('autoformattingProvider', handleProvider);
       return {
         update(view) {
           const currentState = getPluginState(view.state);
-
           if (!currentState) {
             return;
-          } // make replacements in document for finished autoformats
-
+          }
 
+          // make replacements in document for finished autoformats
           if (currentState.matches) {
             completeReplacements(view, currentState);
           }
         },
-
         destroy() {
           providerFactory.unsubscribe('autoformattingProvider', handleProvider);
         }
-
       };
     },
-
     key: pluginKey
   });
 };
-
 const customAutoformatPlugin = () => ({
   name: 'customAutoformat',
-
   pmPlugins() {
     return [{
       name: 'customAutoformat',
       plugin: createPMPlugin
     }];
   }
-
 });
-
 export default customAutoformatPlugin;

package/dist/es2019/plugins/custom-autoformat/input-rules.js

@@ -1,27 +1,25 @@
-const MAX_MATCH = 500; // this is a modified version of
-// https://github.com/ProseMirror/prosemirror-inputrules/blob/master/src/inputrules.js#L53
+const MAX_MATCH = 500;
 
+// this is a modified version of
+// https://github.com/ProseMirror/prosemirror-inputrules/blob/master/src/inputrules.js#L53
 export const triggerInputRule = (view, rules, from, to, text) => {
   const {
     state
   } = view;
   const $from = state.doc.resolve(from);
-
   if ($from.parent.type.spec.code) {
     return false;
   }
+  let textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - MAX_MATCH), $from.parentOffset, undefined, '\ufffc') + text;
 
-  let textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - MAX_MATCH), $from.parentOffset, undefined, '\ufffc') + text; // loop through rules trying to find one that matches
-
+  // loop through rules trying to find one that matches
   for (let i = 0; i < rules.length; i++) {
     let match;
-
     if (text.length) {
       match = rules[i].matchTyping.exec(textBefore);
     } else {
       match = rules[i].matchEnter.exec(textBefore);
     }
-
     if (match) {
       // kick off the handler
       const pos = from - (match[0].length - text.length);
@@ -29,6 +27,5 @@ export const triggerInputRule = (view, rules, from, to, text) => {
       return true;
     }
   }
-
   return false;
 };

package/dist/es2019/plugins/custom-autoformat/reducers.js

@@ -1,42 +1,40 @@
 // queues a match at a given position in the document
-const matched = (state, action) => ({ ...state,
+const matched = (state, action) => ({
+  ...state,
   resolving: [...state.resolving, {
     start: action.start,
     end: action.end,
     match: action.match
   }]
-}); // store the replacement for a match
+});
 
-
-const resolved = (state, action) => ({ ...state,
+// store the replacement for a match
+const resolved = (state, action) => ({
+  ...state,
   matches: [...state.matches, {
     replacement: action.replacement,
     matchString: action.matchString
   }]
-}); // indicates a replacement in the document has been completed, and removes the match from both resolving and matches
-
+});
 
+// indicates a replacement in the document has been completed, and removes the match from both resolving and matches
 const finish = (state, action) => {
-  return { ...state,
+  return {
+    ...state,
     resolving: state.resolving.filter(resolving => resolving.match[0] !== action.matchString),
     matches: state.matches.filter(matching => matching.matchString !== action.matchString)
   };
 };
-
 const reduce = (state, action) => {
   switch (action.action) {
     case 'matched':
       return matched(state, action);
-
     case 'resolved':
       return resolved(state, action);
-
     case 'finish':
       return finish(state, action);
-
     default:
       return state;
   }
 };
-
 export default reduce;

package/dist/es2019/plugins/data-consumer/index.js

@@ -6,17 +6,13 @@ export function createPlugin() {
     key: pluginKey
   });
 }
-
 const dataConsumerMarkPlugin = () => ({
   name: 'dataConsumerPlugin',
-
   marks() {
     return [{
       name: 'dataConsumer',
       mark: dataConsumer
     }];
   }
-
 });
-
 export default dataConsumerMarkPlugin;

package/dist/es2019/plugins/date/actions.js

@@ -22,43 +22,36 @@ export const createDate = isQuickInsertAction => (insert, state) => {
   };
   return tr.setMeta(pluginKey, newPluginState);
 };
-/** Delete the date and close the datepicker */
 
+/** Delete the date and close the datepicker */
 export const deleteDate = () => (state, dispatch) => {
   const {
     showDatePickerAt
   } = pluginKey.getState(state);
-
   if (showDatePickerAt === null) {
     return false;
   }
-
   const tr = state.tr.delete(showDatePickerAt, showDatePickerAt + 1).setMeta(pluginKey, {
     showDatePickerAt: null,
     isNew: false
   });
-
   if (dispatch) {
     dispatch(tr);
   }
-
   return true;
 };
-/** Focus input */
 
+/** Focus input */
 export const focusDateInput = () => (state, dispatch) => {
   const {
     showDatePickerAt
   } = pluginKey.getState(state);
-
   if (showDatePickerAt === null) {
     return false;
   }
-
   if (!dispatch) {
     return false;
   }
-
   const tr = state.tr.setMeta(pluginKey, {
     focusDateInput: true
   });
@@ -70,15 +63,12 @@ export const insertDate = (date, inputMethod, commitMethod, enterPressed = true)
     schema
   } = state;
   let timestamp;
-
   if (date) {
     timestamp = Date.UTC(date.year, date.month - 1, date.day).toString();
   } else {
     timestamp = todayTimestampInUTC();
   }
-
   let tr = state.tr;
-
   if (inputMethod) {
     addAnalytics(state, tr, {
       action: ACTION.INSERTED,
@@ -90,7 +80,6 @@ export const insertDate = (date, inputMethod, commitMethod, enterPressed = true)
       }
     });
   }
-
   if (commitMethod) {
     addAnalytics(state, tr, {
       eventType: EVENT_TYPE.TRACK,
@@ -103,11 +92,9 @@ export const insertDate = (date, inputMethod, commitMethod, enterPressed = true)
       }
     });
   }
-
   const {
     showDatePickerAt
   } = pluginKey.getState(state);
-
   if (!showDatePickerAt) {
     const dateNode = schema.nodes.date.createChecked({
       timestamp
@@ -119,23 +106,19 @@ export const insertDate = (date, inputMethod, commitMethod, enterPressed = true)
       to
     } = state.selection;
     const insertable = canInsert(tr.selection.$from, fragment);
-
     if (!insertable) {
       const parentSelection = NodeSelection.create(tr.doc, tr.selection.from - tr.selection.$anchor.parentOffset - 1);
       tr.insert(parentSelection.to, fragment).setSelection(NodeSelection.create(tr.doc, parentSelection.to + 1));
     } else {
       tr.replaceWith(from, to, fragment).setSelection(NodeSelection.create(tr.doc, from));
     }
-
     if (dispatch) {
       dispatch(tr.scrollIntoView().setMeta(pluginKey, {
         isNew: true
       }));
     }
-
     return true;
   }
-
   if (state.doc.nodeAt(showDatePickerAt)) {
     if (enterPressed) {
       // Setting selection to outside the date node causes showDatePickerAt
@@ -144,24 +127,19 @@ export const insertDate = (date, inputMethod, commitMethod, enterPressed = true)
       // Adding this check forces it to stay open until the user presses Enter.
       tr = tr.setSelection(Selection.near(tr.doc.resolve(showDatePickerAt + 2)));
     }
-
     tr = tr.setNodeMarkup(showDatePickerAt, schema.nodes.date, {
       timestamp
     }).setMeta(pluginKey, {
       isNew: false
     }).scrollIntoView();
-
     if (!enterPressed) {
       tr = tr.setSelection(NodeSelection.create(tr.doc, showDatePickerAt));
     }
-
     if (dispatch) {
       dispatch(tr);
     }
-
     return true;
   }
-
   return false;
 };
 export const setDatePickerAt = showDatePickerAt => (state, dispatch) => {
@@ -174,11 +152,9 @@ export const closeDatePicker = () => (state, dispatch) => {
   const {
     showDatePickerAt
   } = pluginKey.getState(state);
-
   if (!dispatch) {
     return false;
   }
-
   const tr = showDatePickerAt ? state.tr.setMeta(pluginKey, {
     showDatePickerAt: null,
     isNew: false
@@ -205,16 +181,13 @@ export const openDatePicker = () => (state, dispatch) => {
     $from
   } = state.selection;
   const node = state.doc.nodeAt($from.pos);
-
   if (node && node.type.name === state.schema.nodes.date.name) {
     const showDatePickerAt = $from.pos;
-
     if (dispatch) {
       dispatch(state.tr.setMeta(pluginKey, {
         showDatePickerAt
       }).setSelection(NodeSelection.create(state.doc, showDatePickerAt)));
     }
   }
-
   return false;
 };

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

@@ -12,22 +12,17 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, IN
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { pluginKey as datePluginKey } from './pm-plugins/plugin-key';
 const DatePicker = Loadable({
-  loader: () => import(
-  /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */
-  './ui/DatePicker').then(mod => mod.default),
+  loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-datepicker" */'./ui/DatePicker').then(mod => mod.default),
   loading: () => null
 });
-
 const datePlugin = () => ({
   name: 'date',
-
   nodes() {
     return [{
       name: 'date',
       node: date
     }];
   },
-
   pmPlugins() {
     return [{
       name: 'date',
@@ -43,7 +38,6 @@ const datePlugin = () => ({
       }
     }];
   },
-
   contentComponent({
     editorView,
     dispatchAnalyticsEvent,
@@ -67,7 +61,6 @@ const datePlugin = () => ({
         if (!(datePlugin !== null && datePlugin !== void 0 && datePlugin.showDatePickerAt) || editorDisabledPlugin !== null && editorDisabledPlugin !== void 0 && editorDisabledPlugin.editorDisabled) {
           return null;
         }
-
         const {
           showDatePickerAt,
           isNew,
@@ -92,7 +85,6 @@ const datePlugin = () => ({
             if (date === undefined || date === null) {
               return;
             }
-
             insertDate(date, undefined, commitMethod)(editorView.state, dispatch);
             editorView.focus();
           },
@@ -116,7 +108,6 @@ const datePlugin = () => ({
       }
     });
   },
-
   pluginsOptions: {
     quickInsert: ({
       formatMessage
@@ -128,7 +119,6 @@ const datePlugin = () => ({
       keywords: ['calendar', 'day', 'time', 'today', '/'],
       keyshortcut: '//',
       icon: () => /*#__PURE__*/React.createElement(IconDate, null),
-
       action(insert, state) {
         const tr = createDate(true)(insert, state);
         addAnalytics(state, tr, {
@@ -142,9 +132,7 @@ const datePlugin = () => ({
         });
         return tr;
       }
-
     }]
   }
 });
-
 export default datePlugin;

package/dist/es2019/plugins/date/nodeviews/date.js

@@ -20,9 +20,10 @@ export function DateNodeView(props) {
     },
     getPos
   } = props;
-  const intl = useIntl(); // We fall back to selection.$from even though it does not cover all use cases
-  // eg. upon Editor init, selection is at the start, not at the Date node
+  const intl = useIntl();
 
+  // We fall back to selection.$from even though it does not cover all use cases
+  // eg. upon Editor init, selection is at the start, not at the Date node
   const $nodePos = typeof getPos === 'function' ? doc.resolve(getPos()) : selection.$from;
   const parent = $nodePos.parent;
   const withinIncompleteTask = parent.type === schema.nodes.taskItem && parent.attrs.state !== 'DONE';
@@ -34,7 +35,6 @@ export function DateNodeView(props) {
     color: color,
     value: timestamp
   }, withinIncompleteTask ? timestampToTaskContext(timestamp, intl) : timestampToString(timestamp, intl)));
-
   function handleClick(event) {
     event.nativeEvent.stopImmediatePropagation();
     const {