@atlaskit/editor-core 178.1.1 → 178.1.2

package/dist/es2019/plugins/code-block/language-list.js

@@ -1,5 +1,6 @@
-import { SUPPORTED_LANGUAGES } from '@atlaskit/code/constants'; // We expect alias[0] to be used for the ADF attribute, see ED-2813
+import { SUPPORTED_LANGUAGES } from '@atlaskit/code/constants';
 
+// We expect alias[0] to be used for the ADF attribute, see ED-2813
 export const DEFAULT_LANGUAGES = [{
   name: '(None)',
   alias: ['none'],
@@ -9,31 +10,25 @@ export function findMatchedLanguage(supportedLanguages, language) {
   if (!language) {
     return undefined;
   }
-
   const matches = supportedLanguages.filter(supportedLanguage => {
     return supportedLanguage.alias.indexOf(language.toLowerCase()) !== -1;
   });
-
   if (matches.length > 0) {
     return matches[0];
   }
-
   return undefined;
 }
 export function filterSupportedLanguages(supportedLanguages) {
   if (!supportedLanguages || !supportedLanguages.length) {
     return DEFAULT_LANGUAGES;
   }
-
   return DEFAULT_LANGUAGES.filter(language => {
     let i = language.alias.length;
-
     while (i--) {
       if (supportedLanguages.indexOf(language.alias[i]) > -1) {
         return true;
       }
     }
-
     return false;
   });
 }
@@ -45,15 +40,12 @@ export function createLanguageList(supportedLanguages) {
     if (left.alias[0] === 'none') {
       return -1;
     }
-
     if (left.name.toLowerCase() > right.name.toLowerCase()) {
       return 1;
     }
-
     if (left.name.toLowerCase() < right.name.toLowerCase()) {
       return -1;
     }
-
     return 0;
   });
 }

package/dist/es2019/plugins/code-block/nodeviews/code-block.js

@@ -6,7 +6,6 @@ import { codeBlockClassNames } from '../ui/class-names';
 import { resetShouldIgnoreFollowingMutations } from '../actions';
 import { getPluginState } from '../pm-plugins/main-state';
 const MATCH_NEWLINES = new RegExp('\n', 'g');
-
 const toDOM = node => ['div', {
   class: 'code-block'
 }, ['div', {
@@ -28,28 +27,23 @@ const toDOM = node => ['div', {
   class: codeBlockClassNames.end,
   contenteditable: 'false'
 }]];
-
 export class CodeBlockView {
   constructor(_node, view, getPos) {
     _defineProperty(this, "ensureLineNumbers", rafSchedule(() => {
       let lines = 1;
       this.node.forEach(node => {
         const text = node.text;
-
         if (text) {
           lines += (node.text.match(MATCH_NEWLINES) || []).length;
         }
       });
-
       while (this.lineNumberGutter.childElementCount < lines) {
         this.lineNumberGutter.appendChild(document.createElement('span'));
       }
-
       while (this.lineNumberGutter.childElementCount > lines) {
         this.lineNumberGutter.removeChild(this.lineNumberGutter.lastChild);
       }
     }));
-
     const {
       dom,
       contentDOM
@@ -62,20 +56,17 @@ export class CodeBlockView {
     this.lineNumberGutter = this.dom.querySelector(`.${codeBlockClassNames.gutter}`);
     this.ensureLineNumbers();
   }
-
   updateDOMAndSelection(savedInnerHTML, newCursorPosition) {
     var _this$dom;
-
     if ((_this$dom = this.dom) !== null && _this$dom !== void 0 && _this$dom.childNodes && this.dom.childNodes.length > 1) {
       var _contentView$childNod;
-
       const contentWrapper = this.dom.childNodes[1];
       const contentView = contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.childNodes[1];
-
       if ((contentView === null || contentView === void 0 ? void 0 : (_contentView$childNod = contentView.childNodes) === null || _contentView$childNod === void 0 ? void 0 : _contentView$childNod.length) > 0) {
         const codeElement = contentView.firstChild;
-        codeElement.innerHTML = savedInnerHTML; // We need to set cursor for the DOM update
+        codeElement.innerHTML = savedInnerHTML;
 
+        // We need to set cursor for the DOM update
         const textElement = [...codeElement.childNodes].find(child => child.nodeName === '#text');
         const sel = window.getSelection();
         const range = document.createRange();
@@ -86,23 +77,18 @@ export class CodeBlockView {
       }
     }
   }
-
   coalesceDOMElements() {
     var _this$dom2;
-
     if ((_this$dom2 = this.dom) !== null && _this$dom2 !== void 0 && _this$dom2.childNodes && this.dom.childNodes.length > 1) {
       const contentWrapper = this.dom.childNodes[1];
       const contentView = contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.childNodes[1];
-
       if (contentView !== null && contentView !== void 0 && contentView.childNodes && contentView.childNodes.length > 1) {
         let savedInnerHTML = '';
-
         while (contentView.childNodes.length > 1) {
           const lastChild = contentView.lastChild;
           savedInnerHTML = lastChild.innerHTML + savedInnerHTML;
           contentView.removeChild(lastChild);
         }
-
         const firstChild = contentView.firstChild;
         savedInnerHTML = firstChild.innerHTML + '\n' + savedInnerHTML;
         const newCursorPosition = firstChild.innerHTML.length + 1;
@@ -110,39 +96,31 @@ export class CodeBlockView {
       }
     }
   }
-
   update(node) {
     if (node.type !== this.node.type) {
       return false;
     }
-
     if (node !== this.node) {
       if (node.attrs.language !== this.node.attrs.language) {
         this.contentDOM.setAttribute('data-language', node.attrs.language || '');
       }
-
       this.node = node;
       this.ensureLineNumbers();
-
       if (browser.android) {
         this.coalesceDOMElements();
         resetShouldIgnoreFollowingMutations(this.view.state, this.view.dispatch);
       }
     }
-
     return true;
   }
-
   ignoreMutation(record) {
     const pluginState = getPluginState(this.view.state);
-
     if (pluginState !== null && pluginState !== void 0 && pluginState.shouldIgnoreFollowingMutations) {
       return true;
-    } // Ensure updating the line-number gutter doesn't trigger reparsing the codeblock
-
+    }
 
+    // Ensure updating the line-number gutter doesn't trigger reparsing the codeblock
     return record.target === this.lineNumberGutter || record.target.parentNode === this.lineNumberGutter;
   }
-
 }
 export const codeBlockNodeView = (node, view, getPos) => new CodeBlockView(node, view, getPos);

package/dist/es2019/plugins/code-block/pm-plugins/codeBlockCopySelectionPlugin.js

@@ -3,7 +3,6 @@ import { PluginKey } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { getSelectedNodeOrNodeParentByNodeType } from '../../copy-button/utils';
 export const copySelectionPluginKey = new PluginKey('codeBlockCopySelectionPlugin');
-
 function getSelectionDecorationStartAndEnd({
   state,
   transaction
@@ -12,19 +11,16 @@ function getSelectionDecorationStartAndEnd({
     nodeType: state.schema.nodes.codeBlock,
     selection: transaction.selection
   });
-
   if (!codeBlockNode) {
     return {
       decorationStartAndEnd: undefined
     };
   }
-
   const decorationStartAndEnd = [codeBlockNode.start, codeBlockNode.start + codeBlockNode.node.nodeSize];
   return {
     decorationStartAndEnd
   };
 }
-
 export function codeBlockCopySelectionPlugin() {
   return new SafePlugin({
     key: copySelectionPluginKey,
@@ -34,7 +30,6 @@ export function codeBlockCopySelectionPlugin() {
           decorationStartAndEnd: undefined
         };
       },
-
       apply(transaction, currentCodeBlockCopySelectionPluginState, _oldState, newState) {
         switch (transaction.getMeta(copySelectionPluginKey)) {
           case 'show-selection':
@@ -44,12 +39,10 @@ export function codeBlockCopySelectionPlugin() {
                 transaction
               });
             }
-
           case 'remove-selection':
             return {
               decorationStartAndEnd: undefined
             };
-
           default:
             // The contents of the code block can change while the selection is being shown
             // (either from collab edits -- or from the user continuing to type while hovering
@@ -61,11 +54,9 @@ export function codeBlockCopySelectionPlugin() {
                 transaction
               });
             }
-
             return currentCodeBlockCopySelectionPluginState;
         }
       }
-
     },
     props: {
       decorations(state) {
@@ -75,38 +66,36 @@ export function codeBlockCopySelectionPlugin() {
             class: 'ProseMirror-fake-text-selection'
           })]);
         }
-
         return DecorationSet.empty;
       }
-
     }
   });
 }
 export function provideVisualFeedbackForCopyButton(state, dispatch) {
   const tr = state.tr;
-  tr.setMeta(copySelectionPluginKey, 'show-selection'); // note: dispatch should always be defined when called from the
+  tr.setMeta(copySelectionPluginKey, 'show-selection');
+
+  // note: dispatch should always be defined when called from the
   // floating toolbar. Howver the Command type which the floating toolbar
   // uses suggests it's optional.
   // Using the type here to protect against future refactors of the
   // floating toolbar
-
   if (dispatch) {
     dispatch(tr);
   }
-
   return true;
 }
 export function removeVisualFeedbackForCopyButton(state, dispatch) {
   const tr = state.tr;
-  tr.setMeta(copySelectionPluginKey, 'remove-selection'); // note: dispatch should always be defined when called from the
+  tr.setMeta(copySelectionPluginKey, 'remove-selection');
+
+  // note: dispatch should always be defined when called from the
   // floating toolbar. Howver the Command type which the floating toolbar
   // uses suggests it's optional.
   // Using the type here to protect against future refactors of the
   // floating toolbar
-
   if (dispatch) {
     dispatch(tr);
   }
-
   return true;
 }

package/dist/es2019/plugins/code-block/pm-plugins/ide-ux.js

@@ -17,38 +17,36 @@ export default new SafePlugin({
         state,
         dispatch
       } = view;
-
       if (isCursorInsideCodeBlock(state) && !isComposing(state)) {
         const beforeText = getStartOfCurrentLine(state).text;
-        const afterText = getEndOfCurrentLine(state).text; // If text is a closing bracket/quote and we've already inserted it, move the selection after
+        const afterText = getEndOfCurrentLine(state).text;
 
+        // If text is a closing bracket/quote and we've already inserted it, move the selection after
         if (isCursorBeforeClosingCharacter(afterText) && isClosingCharacter(text) && afterText.startsWith(text)) {
           dispatch(setTextSelection(to + text.length)(state.tr));
           return true;
-        } // Automatically add right-hand side bracket when user types the left bracket
-
+        }
 
+        // Automatically add right-hand side bracket when user types the left bracket
         if (shouldAutoCloseBracket(beforeText, afterText)) {
           const {
             left,
             right
           } = getAutoClosingBracketInfo(beforeText + text, afterText);
-
           if (left && right) {
             const bracketPair = state.schema.text(text + right);
             let tr = state.tr.replaceWith(from, to, bracketPair);
             dispatch(setTextSelection(from + text.length)(tr));
             return true;
           }
-        } // Automatically add closing quote when user types a starting quote
-
+        }
 
+        // Automatically add closing quote when user types a starting quote
         if (shouldAutoCloseQuote(beforeText, afterText)) {
           const {
             left: leftQuote,
             right: rightQuote
           } = getAutoClosingQuoteInfo(beforeText + text, afterText);
-
           if (leftQuote && rightQuote) {
             const quotePair = state.schema.text(text + rightQuote);
             let tr = state.tr.replaceWith(from, to, quotePair);
@@ -57,10 +55,8 @@ export default new SafePlugin({
           }
         }
       }
-
       return false;
     },
-
     handleKeyDown: keydownHandler({
       Backspace: (state, dispatch) => {
         if (isCursorInsideCodeBlock(state)) {
@@ -72,23 +68,19 @@ export default new SafePlugin({
             right: rightBracket,
             hasTrailingMatchingBracket
           } = getAutoClosingBracketInfo(beforeText, afterText);
-
           if (leftBracket && rightBracket && hasTrailingMatchingBracket && dispatch) {
             dispatch(state.tr.delete($cursor.pos - leftBracket.length, $cursor.pos + rightBracket.length));
             return true;
           }
-
           const {
             left: leftQuote,
             right: rightQuote,
             hasTrailingMatchingQuote
           } = getAutoClosingQuoteInfo(beforeText, afterText);
-
           if (leftQuote && rightQuote && hasTrailingMatchingQuote && dispatch) {
             dispatch(state.tr.delete($cursor.pos - leftQuote.length, $cursor.pos + rightQuote.length));
             return true;
           }
-
           const {
             indentToken: {
               size,
@@ -96,7 +88,6 @@ export default new SafePlugin({
             },
             indentText
           } = getLineInfo(beforeText);
-
           if (beforeText === indentText) {
             if (indentText.endsWith(token.repeat(size)) && dispatch) {
               dispatch(state.tr.delete($cursor.pos - (size - indentText.length % size || size), $cursor.pos));
@@ -104,7 +95,6 @@ export default new SafePlugin({
             }
           }
         }
-
         return false;
       },
       Enter: filter(isSelectionEntirelyInsideCodeBlock, insertNewlineWithIndent),
@@ -114,11 +104,9 @@ export default new SafePlugin({
         if (!dispatch) {
           return false;
         }
-
         if (isCursorInsideCodeBlock(state)) {
           return insertIndent(state, dispatch);
         }
-
         return indent(state, dispatch);
       }),
       'Shift-Tab': filter(isSelectionEntirelyInsideCodeBlock, outdent),
@@ -129,13 +117,11 @@ export default new SafePlugin({
             $to
           } = state.selection;
           const isFullCodeBlockSelection = $from.parentOffset === 0 && $to.parentOffset === $to.parent.nodeSize - 2;
-
           if (!isFullCodeBlockSelection && dispatch) {
             dispatch(state.tr.setSelection(TextSelection.create(state.doc, $from.start(), $to.end())));
             return true;
           }
         }
-
         return false;
       }
     })

package/dist/es2019/plugins/code-block/pm-plugins/keymaps.js

@@ -2,21 +2,16 @@ import { keymap } from 'prosemirror-keymap';
 import { Selection } from 'prosemirror-state';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from 'prosemirror-utils';
 import { getCursor, isEmptyNode, pipe } from '../../../utils';
-
 const deleteCurrentItem = $from => tr => {
   return tr.delete($from.before($from.depth), $from.after($from.depth));
 };
-
 const setTextSelection = pos => tr => {
   const newSelection = Selection.findFrom(tr.doc.resolve(pos), -1, true);
-
   if (newSelection) {
     tr.setSelection(newSelection);
   }
-
   return tr;
 };
-
 export function keymapPlugin(schema) {
   return keymap({
     Backspace: (state, dispatch) => {
@@ -28,22 +23,17 @@ export function keymapPlugin(schema) {
         table,
         layoutColumn
       } = state.schema.nodes;
-
       if (!$cursor || $cursor.parent.type !== codeBlock) {
         return false;
       }
-
       if ($cursor.pos === 1 || hasParentNodeOfType(listItem)(state.selection) && $cursor.parentOffset === 0) {
         const node = findParentNodeOfTypeClosestToPos($cursor, codeBlock);
-
         if (!node) {
           return false;
         }
-
         dispatch(state.tr.setNodeMarkup(node.pos, node.node.type, node.node.attrs, []).setBlockType($cursor.pos, $cursor.pos, paragraph));
         return true;
       }
-
       if ($cursor.node && isEmptyNode(schema)($cursor.node()) && (hasParentNodeOfType(layoutColumn)(state.selection) || hasParentNodeOfType(table)(state.selection))) {
         const {
           tr
@@ -51,14 +41,13 @@ export function keymapPlugin(schema) {
         const insertPos = $cursor.pos;
         dispatch(pipe(deleteCurrentItem($cursor), setTextSelection(insertPos))(tr).scrollIntoView());
         return true;
-      } // Handle not nested empty code block
-
+      }
 
+      // Handle not nested empty code block
       if (isEmptyNode(schema)($cursor.node())) {
         dispatch(deleteCurrentItem($cursor)(state === null || state === void 0 ? void 0 : state.tr));
         return true;
       }
-
       return false;
     }
   });

package/dist/es2019/plugins/code-block/pm-plugins/main-state.js

@@ -2,7 +2,8 @@ import { pluginKey } from '../plugin-key';
 export const getPluginState = state => pluginKey.getState(state);
 export const setPluginState = stateProps => (state, dispatch) => {
   const pluginState = getPluginState(state);
-  dispatch(state.tr.setMeta(pluginKey, { ...pluginState,
+  dispatch(state.tr.setMeta(pluginKey, {
+    ...pluginState,
     ...stateProps
   }));
   return true;

package/dist/es2019/plugins/code-block/pm-plugins/main.js

@@ -14,22 +14,22 @@ export const createPlugin = ({
   appearance,
   allowCompositionInputOverride = false
 }) => {
-  const handleDOMEvents = {}; // ME-1599: Composition on mobile was causing the DOM observer to mutate the code block
-  // incorrecly and lose content when pressing enter in the middle of a code block line.
+  const handleDOMEvents = {};
 
+  // ME-1599: Composition on mobile was causing the DOM observer to mutate the code block
+  // incorrecly and lose content when pressing enter in the middle of a code block line.
   if (allowCompositionInputOverride) {
     handleDOMEvents.beforeinput = (view, event) => {
       const keyEvent = event;
       const eventInputType = keyEvent.inputType;
       const eventText = keyEvent.data;
-
-      if (browser.ios && event.composed && // insertParagraph will be the input type when the enter key is pressed.
+      if (browser.ios && event.composed &&
+      // insertParagraph will be the input type when the enter key is pressed.
       eventInputType === 'insertParagraph' && findCodeBlock(view.state, view.state.selection)) {
         event.preventDefault();
         return true;
       } else if (browser.android && event.composed && eventInputType === 'insertCompositionText' && eventText[(eventText === null || eventText === void 0 ? void 0 : eventText.length) - 1] === '\n' && findCodeBlock(view.state, view.state.selection)) {
         const resultingText = event.target.outerText + '\n';
-
         if (resultingText.endsWith(eventText)) {
           // End of paragraph
           setTimeout(() => {
@@ -44,18 +44,14 @@ export const createPlugin = ({
           // Middle of paragraph, end of line
           ignoreFollowingMutations(view.state, view.dispatch);
         }
-
         return true;
       }
-
       if (browser.android) {
         resetShouldIgnoreFollowingMutations(view.state, view.dispatch);
       }
-
       return false;
     };
   }
-
   return new SafePlugin({
     state: {
       init(_, state) {
@@ -67,32 +63,30 @@ export const createPlugin = ({
           shouldIgnoreFollowingMutations: false
         };
       },
-
       apply(tr, pluginState, _oldState, newState) {
         if (tr.docChanged || tr.selectionSet) {
           const node = findCodeBlock(newState, tr.selection);
-          const newPluginState = { ...pluginState,
+          const newPluginState = {
+            ...pluginState,
             pos: node ? node.pos : null,
             isNodeSelected: tr.selection instanceof NodeSelection
           };
           return newPluginState;
         }
-
         const meta = tr.getMeta(pluginKey);
-
         if ((meta === null || meta === void 0 ? void 0 : meta.type) === ACTIONS.SET_COPIED_TO_CLIPBOARD) {
-          return { ...pluginState,
+          return {
+            ...pluginState,
             contentCopied: meta.data
           };
         } else if ((meta === null || meta === void 0 ? void 0 : meta.type) === ACTIONS.SET_SHOULD_IGNORE_FOLLOWING_MUTATIONS) {
-          return { ...pluginState,
+          return {
+            ...pluginState,
             shouldIgnoreFollowingMutations: meta.data
           };
         }
-
         return pluginState;
       }
-
     },
     key: pluginKey,
     props: {

package/dist/es2019/plugins/code-block/refresh-browser-selection.js

@@ -1,28 +1,25 @@
 import { browser } from '@atlaskit/editor-common/utils';
-import { pluginKey } from './plugin-key'; // Workaround for a firefox issue where dom selection is off sync
-// https://product-fabric.atlassian.net/browse/ED-12442
+import { pluginKey } from './plugin-key';
 
+// Workaround for a firefox issue where dom selection is off sync
+// https://product-fabric.atlassian.net/browse/ED-12442
 const refreshBrowserSelection = () => {
   const domSelection = window.getSelection();
-
   if (domSelection) {
     const domRange = domSelection && domSelection.rangeCount === 1 && domSelection.getRangeAt(0).cloneRange();
-
     if (domRange) {
       domSelection.removeAllRanges();
       domSelection.addRange(domRange);
     }
   }
 };
-
 const refreshBrowserSelectionOnChange = (transaction, editorState) => {
   var _pluginKey$getState;
-
-  if (browser.gecko && transaction.docChanged && // codeblockState.pos should be set if current selection is in a codeblock.
+  if (browser.gecko && transaction.docChanged &&
+  // codeblockState.pos should be set if current selection is in a codeblock.
   typeof ((_pluginKey$getState = pluginKey.getState(editorState)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.pos) === 'number') {
     refreshBrowserSelection();
   }
 };
-
 export default refreshBrowserSelectionOnChange;
 export { refreshBrowserSelection };

package/dist/es2019/plugins/code-block/styles.js

@@ -3,7 +3,6 @@ import { R75 } from '@atlaskit/theme/colors';
 import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorDeleteIconColor, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { codeBlockClassNames } from './ui/class-names';
 import { codeBlockSharedStyles } from '@atlaskit/editor-common/styles';
-
 const GutterDangerOverlay = () => css`
   &::after {
     height: 100%;
@@ -15,7 +14,6 @@ const GutterDangerOverlay = () => css`
     background-color: ${"var(--ds-blanket-danger, none)"};
   }
 `;
-
 export const codeBlockStyles = props => css`
   .ProseMirror {
     ${codeBlockSharedStyles(props)}

package/dist/es2019/plugins/code-block/toolbar.js

@@ -21,28 +21,24 @@ export const getToolbarConfig = (allowCopyToClipboard = false) => (state, {
   formatMessage
 }) => {
   var _codeBlockState$pos, _node$attrs;
-
   const codeBlockState = pluginKey.getState(state);
   const pos = (_codeBlockState$pos = codeBlockState === null || codeBlockState === void 0 ? void 0 : codeBlockState.pos) !== null && _codeBlockState$pos !== void 0 ? _codeBlockState$pos : null;
-
   if (!codeBlockState || pos === null) {
     return;
   }
-
   const node = state.doc.nodeAt(pos);
   const nodeType = state.schema.nodes.codeBlock;
-
   if ((node === null || node === void 0 ? void 0 : node.type) !== nodeType) {
     return;
   }
-
   const language = node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.language;
   const options = languageList.map(lang => ({
     label: lang.name,
     value: getLanguageIdentifier(lang),
     alias: lang.alias
-  })); // If language is not undefined search for it in the value and then search in the aliases
+  }));
 
+  // If language is not undefined search for it in the value and then search in the aliases
   const defaultValue = language ? options.find(option => option.value === language) || options.find(option => option.alias.includes(language)) : null;
   const languageSelect = {
     id: 'editor.codeBlock.languageOptions',
@@ -97,10 +93,10 @@ export const getToolbarConfig = (allowCopyToClipboard = false) => (state, {
     scrollable: true
   };
 };
+
 /**
  * Filters language list based on both name and alias properties.
  */
-
 export const languageListFilter = (option, rawInput) => {
   const {
     data