@atlaskit/editor-core 178.1.1 → 178.1.2

package/dist/es2019/plugins/extension/pm-plugins/unique-id.js

@@ -3,7 +3,6 @@ import { PluginKey } from 'prosemirror-state';
 import { uuid } from '@atlaskit/adf-schema';
 import { stepAddsOneOf } from '../../../utils/step';
 const pluginKey = new PluginKey('extensionUniqueIdPlugin');
-
 const createPlugin = () => new SafePlugin({
   // TODO: @see ED-8839
   appendTransaction: (transactions, _oldState, newState) => {
@@ -21,20 +20,21 @@ const createPlugin = () => new SafePlugin({
       if (!transaction.docChanged) {
         return;
       }
-
       const isAddingExtension = transaction.steps.some(step => stepAddsOneOf(step, extensionTypes));
-
       if (isAddingExtension) {
         // Can't simply look at changed nodes, as we could be adding an extension
         newState.doc.descendants((node, pos) => {
-          const localId = node.attrs.localId; // Dealing with an extension - make sure it's a unique ID
+          const localId = node.attrs.localId;
 
+          // Dealing with an extension - make sure it's a unique ID
           if (!!node.type && extensionTypes.has(node.type)) {
             if (localId && !idsObserved.has(localId)) {
-              idsObserved.add(localId); // Also add a localId if it happens to not have one,
+              idsObserved.add(localId);
+              // Also add a localId if it happens to not have one,
             } else if (!localId || idsObserved.has(localId)) {
               modified = true;
-              tr.setNodeMarkup(pos, undefined, { ...node.attrs,
+              tr.setNodeMarkup(pos, undefined, {
+                ...node.attrs,
                 localId: uuid.generate()
               });
             }
@@ -42,34 +42,27 @@ const createPlugin = () => new SafePlugin({
              * If it's a bodiedExtension, we'll need to keep digging; since we
              * can have more extension nodes within the contents of that
              */
-
-
             if (node.type === bodiedExtension) {
               return true;
             }
-
             return false;
           }
+
           /**
            * Otherwise continue traversing, we can encounter extensions nested in
            * expands/bodiedExtensions
            */
-
-
           return true;
         });
       }
     });
-
     if (modified) {
       // We want to restore to the original selection but w/o applying the mapping
       // @see https://github.com/ProseMirror/prosemirror/issues/645
       return tr.setSelection(selectionBookmark.resolve(tr.doc));
     }
-
     return;
   },
   key: pluginKey
 });
-
 export { createPlugin };

package/dist/es2019/plugins/extension/reducer.js

@@ -1,10 +1,10 @@
 export default function (pluginState, action) {
   switch (action.type) {
     case 'UPDATE_STATE':
-      return { ...pluginState,
+      return {
+        ...pluginState,
         ...action.data
       };
-
     default:
       return pluginState;
   }

package/dist/es2019/plugins/extension/toolbar.js

@@ -40,7 +40,6 @@ export const messages = defineMessages({
     description: 'checkbox label text'
   }
 });
-
 const isLayoutSupported = (state, selectedExtNode) => {
   const {
     schema: {
@@ -54,17 +53,15 @@ const isLayoutSupported = (state, selectedExtNode) => {
     },
     selection
   } = state;
-
   if (!selectedExtNode) {
     return false;
   }
-
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !hasParentNodeOfType([bodiedExtension, table, expand].filter(Boolean))(selection)) && !hasParentNodeOfType([layoutSection])(selection));
 };
-
 const breakoutOptions = (state, formatMessage, extensionState, breakoutEnabled) => {
-  const nodeWithPos = getSelectedExtension(state, true); // we should only return breakout options when breakouts are enabled and the node supports them
+  const nodeWithPos = getSelectedExtension(state, true);
 
+  // we should only return breakout options when breakouts are enabled and the node supports them
   if (nodeWithPos && breakoutEnabled && isLayoutSupported(state, nodeWithPos)) {
     const {
       layout
@@ -92,15 +89,12 @@ const breakoutOptions = (state, formatMessage, extensionState, breakoutEnabled)
       tabIndex: null
     }];
   }
-
   return [];
 };
-
 const editButton = (formatMessage, extensionState) => {
   if (!extensionState.showEditButton) {
     return [];
   }
-
   return [{
     id: 'editor.extension.edit',
     type: 'button',
@@ -120,21 +114,19 @@ const editButton = (formatMessage, extensionState) => {
     focusEditoronEnter: true
   }];
 };
-
 export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
   const {
     formatMessage
   } = intl;
   const extensionState = getPluginState(state);
-
   if (extensionState && !extensionState.showContextPanel && extensionState.element) {
     const nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension];
     const editButtonArray = editButton(formatMessage, extensionState);
     const breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
-    const extensionObj = getSelectedExtension(state, true); // Check if we need to show confirm dialog for delete button
+    const extensionObj = getSelectedExtension(state, true);
 
+    // Check if we need to show confirm dialog for delete button
     let confirmDialog;
-
     if (isReferencedSource(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)) {
       confirmDialog = () => {
         return {
@@ -150,7 +142,6 @@ export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
         };
       };
     }
-
     return {
       title: 'Extension floating controls',
       getDomRef: () => extensionState.element.parentElement || undefined,
@@ -188,20 +179,16 @@ export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
       scrollable: true
     };
   }
-
   return;
 };
-
 const clickWithCheckboxHandler = (isChecked, node) => (state, dispatch) => {
   if (!node) {
     return false;
   }
-
   if (!isChecked) {
     removeExtension()(state, dispatch);
   } else {
     removeDescendantNodes(node)(state, dispatch);
   }
-
   return true;
 };

package/dist/es2019/plugins/extension/ui/Extension/Extension/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
@@ -11,7 +10,6 @@ import ExtensionLozenge from '../Lozenge';
 import { pluginKey as widthPluginKey } from '../../../../width';
 import WithPluginState from '../../../../../ui/WithPluginState';
 import classnames from 'classnames';
-
 function ExtensionWithPluginState(props) {
   const {
     node,
@@ -29,9 +27,12 @@ function ExtensionWithPluginState(props) {
   const isMobile = editorAppearance === 'mobile';
   const hasChildren = !!children;
   const removeBorder = hideFrame && !isMobile && !hasBody || false;
-  const shouldBreakout = // Extension should breakout when the layout is set to 'full-width' or 'wide'.
-  ['full-width', 'wide'].includes(node.attrs.layout) && // Extension breakout state should only be respected for top level nodes.
-  props.view.state.doc.resolve(props.getPos()).depth === 0 && // Extension breakout state should not be respected when the editor appearance is full-width mode
+  const shouldBreakout =
+  // Extension should breakout when the layout is set to 'full-width' or 'wide'.
+  ['full-width', 'wide'].includes(node.attrs.layout) &&
+  // Extension breakout state should only be respected for top level nodes.
+  props.view.state.doc.resolve(props.getPos()).depth === 0 &&
+  // Extension breakout state should not be respected when the editor appearance is full-width mode
   editorAppearance !== 'full-width';
   const classNames = classnames('extension-container', 'block', shadowClassNames, {
     'with-overlay': !hasBody,
@@ -43,7 +44,6 @@ function ExtensionWithPluginState(props) {
     'without-frame': removeBorder
   });
   let customContainerStyles = {};
-
   if (shouldBreakout) {
     const {
       type,
@@ -55,7 +55,6 @@ function ExtensionWithPluginState(props) {
     });
     customContainerStyles = breakoutStyles;
   }
-
   return jsx("div", {
     ref: handleRef,
     "data-layout": node.attrs.layout,
@@ -81,7 +80,6 @@ function ExtensionWithPluginState(props) {
     className: "extension-content block"
   }))));
 }
-
 const Extension = props => {
   return jsx(WithPluginState, {
     editorView: props.view,
@@ -95,7 +93,6 @@ const Extension = props => {
     }, props))
   });
 };
-
 export default overflowShadow(Extension, {
   overflowSelector: '.extension-overflow-wrapper'
 });

package/dist/es2019/plugins/extension/ui/Extension/ExtensionComponent.js

@@ -9,44 +9,35 @@ import InlineExtension from './InlineExtension';
 export default class ExtensionComponent extends Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "privatePropsParsed", false);
-
     _defineProperty(this, "state", {});
-
     _defineProperty(this, "mounted", false);
-
     _defineProperty(this, "getNodeRenderer", memoizeOne(getNodeRenderer));
-
     _defineProperty(this, "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
-
     _defineProperty(this, "setStateFromPromise", (stateKey, promise) => {
       promise && promise.then(p => {
         if (!this.mounted) {
           return;
         }
-
         this.setState({
           [stateKey]: p
         });
       });
     });
-
     _defineProperty(this, "parsePrivateNodePropsIfNeeded", async () => {
       if (this.privatePropsParsed || !this.state.extensionProvider) {
         return;
       }
-
       this.privatePropsParsed = true;
       const {
         extensionType,
         extensionKey
       } = this.props.node.attrs;
+
       /**
        * getExtensionModuleNodePrivateProps can throw if there are issues in the
        * manifest
        */
-
       try {
         const privateProps = await this.getExtensionModuleNodePrivateProps(this.state.extensionProvider, extensionType, extensionKey);
         this.setState({
@@ -56,14 +47,11 @@ export default class ExtensionComponent extends Component {
         // eslint-disable-next-line no-console
         console.error('Provided extension handler has thrown an error\n', e);
         /** We don't want this error to block renderer */
-
         /** We keep rendering the default content */
       }
     });
-
     _defineProperty(this, "handleExtension", pmNode => {
       var _pmNode$marks, _pmNode$marks$find, _pmNode$marks$find$at;
-
       const {
         extensionHandlers,
         editorView
@@ -75,11 +63,9 @@ export default class ExtensionComponent extends Component {
         text
       } = pmNode.attrs;
       const isBodiedExtension = pmNode.type.name === 'bodiedExtension';
-
       if (isBodiedExtension) {
         return;
       }
-
       const fragmentLocalId = pmNode === null || pmNode === void 0 ? void 0 : (_pmNode$marks = pmNode.marks) === null || _pmNode$marks === void 0 ? void 0 : (_pmNode$marks$find = _pmNode$marks.find(m => m.type.name === 'fragment')) === null || _pmNode$marks$find === void 0 ? void 0 : (_pmNode$marks$find$at = _pmNode$marks$find.attrs) === null || _pmNode$marks$find$at === void 0 ? void 0 : _pmNode$marks$find$at.localId;
       const node = {
         type: pmNode.type.name,
@@ -91,15 +77,12 @@ export default class ExtensionComponent extends Component {
         fragmentLocalId
       };
       let result;
-
       if (extensionHandlers && extensionHandlers[extensionType]) {
         const render = getExtensionRenderer(extensionHandlers[extensionType]);
         result = render(node, editorView.state.doc);
       }
-
       if (!result) {
         const extensionHandlerFromProvider = this.state.extensionProvider && this.getNodeRenderer(this.state.extensionProvider, extensionType, extensionKey);
-
         if (extensionHandlerFromProvider) {
           const NodeRenderer = extensionHandlerFromProvider;
           return /*#__PURE__*/React.createElement(NodeRenderer, {
@@ -108,47 +91,39 @@ export default class ExtensionComponent extends Component {
           });
         }
       }
-
       return result;
     });
   }
-
   UNSAFE_componentWillMount() {
     this.mounted = true;
   }
-
   componentDidMount() {
     const {
       extensionProvider
     } = this.props;
-
     if (extensionProvider) {
       this.setStateFromPromise('extensionProvider', extensionProvider);
     }
   }
-
   componentDidUpdate() {
     this.parsePrivateNodePropsIfNeeded();
   }
-
   componentWillUnmount() {
     this.mounted = false;
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
     const {
       extensionProvider
     } = nextProps;
-
     if (extensionProvider && this.props.extensionProvider !== extensionProvider) {
       this.setStateFromPromise('extensionProvider', extensionProvider);
     }
-  } // memoized to avoid rerender on extension state changes
+  }
 
+  // memoized to avoid rerender on extension state changes
 
   render() {
     var _this$state$_privateP;
-
     const {
       node,
       handleContentDOMRef,
@@ -157,7 +132,6 @@ export default class ExtensionComponent extends Component {
       editorAppearance
     } = this.props;
     const extensionHandlerResult = this.tryExtensionHandler();
-
     switch (node.type.name) {
       case 'extension':
       case 'bodiedExtension':
@@ -171,25 +145,20 @@ export default class ExtensionComponent extends Component {
           editorAppearance: editorAppearance,
           hideFrame: (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__hideFrame
         }, extensionHandlerResult);
-
       case 'inlineExtension':
         return /*#__PURE__*/React.createElement(InlineExtension, {
           node: node
         }, extensionHandlerResult);
-
       default:
         return null;
     }
   }
-
   tryExtensionHandler() {
     const {
       node
     } = this.props;
-
     try {
       const extensionContent = this.handleExtension(node);
-
       if (extensionContent && /*#__PURE__*/React.isValidElement(extensionContent)) {
         return extensionContent;
       }
@@ -197,11 +166,9 @@ export default class ExtensionComponent extends Component {
       // eslint-disable-next-line no-console
       console.error('Provided extension handler has thrown an error\n', e);
       /** We don't want this error to block renderer */
-
       /** We keep rendering the default content */
     }
 
     return null;
   }
-
 }

package/dist/es2019/plugins/extension/ui/Extension/ExtensionNodeWrapper.js

@@ -1,9 +1,7 @@
 import React from 'react';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-
 const ExtensionNodeWrapper = ({
   children,
   nodeType
 }) => /*#__PURE__*/React.createElement("span", null, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE);
-
 export default ExtensionNodeWrapper;

package/dist/es2019/plugins/extension/ui/Extension/InlineExtension/index.js

@@ -23,5 +23,4 @@ export default class InlineExtension extends Component {
       node: node
     }));
   }
-
 }

package/dist/es2019/plugins/extension/ui/Extension/Lozenge.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { Component } from 'react';
@@ -19,18 +18,15 @@ export default class ExtensionLozenge extends Component {
       node,
       type: 'image'
     });
-
     if (imageData && node.type.name !== 'extension') {
       return this.renderImage(imageData);
     }
-
     const iconData = getExtensionLozengeData({
       node,
       type: 'icon'
     });
     return this.renderFallback(iconData);
   }
-
   renderImage(lozengeData) {
     const {
       extensionKey
@@ -46,7 +42,6 @@ export default class ExtensionLozenge extends Component {
       alt: extensionKey
     }));
   }
-
   renderFallback(lozengeData) {
     const {
       parameters,
@@ -72,5 +67,4 @@ export default class ExtensionLozenge extends Component {
       css: placeholderFallbackParams
     }, Object.keys(params).map(key => key && ` | ${key} = ${params[key].value}`)));
   }
-
 }

package/dist/es2019/plugins/extension/ui/Extension/index.js

@@ -6,7 +6,6 @@ import ExtensionComponent from './ExtensionComponent';
 export default class Extension extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "renderWithProvider", ({
       extensionProvider
     }) => {
@@ -30,10 +29,8 @@ export default class Extension extends Component {
         editorAppearance: editorAppearance
       });
     });
-
     this.providerFactory = props.providerFactory || new ProviderFactory();
   }
-
   componentWillUnmount() {
     if (!this.props.providerFactory) {
       // new ProviderFactory is created if no `providers` has been set
@@ -41,7 +38,6 @@ export default class Extension extends Component {
       this.providerFactory.destroy();
     }
   }
-
   render() {
     return /*#__PURE__*/React.createElement(WithProviders, {
       providers: ['extensionProvider'],
@@ -49,7 +45,5 @@ export default class Extension extends Component {
       renderNode: this.renderWithProvider
     });
   }
-
 }
-
 _defineProperty(Extension, "displayName", 'Extension');

package/dist/es2019/plugins/extension/ui/SaveIndicator/SaveIndicator.js

@@ -5,9 +5,7 @@ import { G300, N0 } from '@atlaskit/theme/colors';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from './messages';
-
 const noop = () => {};
-
 const saveIndicatorWrapper = css`
   display: flex;
   justify-content: center;

package/dist/es2019/plugins/extension/utils.js

@@ -12,15 +12,12 @@ export const getSelectedExtension = (state, searchParent = false) => {
 };
 export const findExtensionWithLocalId = (state, localId) => {
   const selectedExtension = getSelectedExtension(state, true);
-
   if (!localId) {
     return selectedExtension;
   }
-
   if (selectedExtension && selectedExtension.node.attrs.localId === localId) {
     return selectedExtension;
   }
-
   const {
     inlineExtension,
     extension,
@@ -41,15 +38,17 @@ export const findExtensionWithLocalId = (state, localId) => {
 export const getSelectedDomElement = (schema, domAtPos, selectedExtensionNode) => {
   const selectedExtensionDomNode = findDomRefAtPos(selectedExtensionNode.pos, domAtPos);
   const isContentExtension = selectedExtensionNode.node.type !== schema.nodes.bodiedExtension;
-  return (// Content extension can be nested in bodied-extension, the following check is necessary for that case
-    (isContentExtension ? // Search down
-    selectedExtensionDomNode.querySelector('.extension-container') : // Try searching up and then down
+  return (
+    // Content extension can be nested in bodied-extension, the following check is necessary for that case
+    (isContentExtension ?
+    // Search down
+    selectedExtensionDomNode.querySelector('.extension-container') :
+    // Try searching up and then down
     closestElement(selectedExtensionDomNode, '.extension-container') || selectedExtensionDomNode.querySelector('.extension-container')) || selectedExtensionDomNode
   );
 };
 export const getDataConsumerMark = newNode => {
   var _newNode$marks;
-
   return (_newNode$marks = newNode.marks) === null || _newNode$marks === void 0 ? void 0 : _newNode$marks.find(mark => mark.type.name === 'dataConsumer');
 };
 export const getNodeTypesReferenced = (ids, state) => {

package/dist/es2019/plugins/fake-text-cursor/cursor.js

@@ -5,62 +5,49 @@ import { Slice } from 'prosemirror-model';
 export class FakeTextCursorBookmark {
   constructor(pos) {
     _defineProperty(this, "pos", undefined);
-
     _defineProperty(this, "visible", false);
-
     this.pos = pos;
   }
-
   map(mapping) {
     return new FakeTextCursorBookmark(mapping.map(this.pos));
   }
-
   resolve(doc) {
     const $pos = doc.resolve(this.pos);
     return Selection.near($pos);
   }
-
 }
 export class FakeTextCursorSelection extends Selection {
   constructor($pos) {
     super($pos, $pos);
   }
-
   map(doc, mapping) {
     const $pos = doc.resolve(mapping.map(this.$head.pos));
     return new FakeTextCursorSelection($pos);
   }
-
   static content() {
     return Slice.empty;
   }
-
   eq(other) {
     return other instanceof FakeTextCursorSelection && other.head === this.head;
   }
-
   toJSON() {
     return {
       type: 'Cursor',
       pos: this.head
     };
   }
-
   static fromJSON(doc, json) {
     return new FakeTextCursorSelection(doc.resolve(json.pos));
   }
-
   getBookmark() {
     return new FakeTextCursorBookmark(this.anchor);
   }
-
 }
 Selection.jsonID('fake-text-cursor', FakeTextCursorSelection);
 export const addFakeTextCursor = (state, dispatch) => {
   const {
     selection
   } = state;
-
   if (selection.empty) {
     const {
       selection: {
@@ -82,7 +69,6 @@ export const drawFakeTextCursor = state => {
   if (!(state.selection instanceof FakeTextCursorSelection)) {
     return null;
   }
-
   const node = document.createElement('div');
   node.className = 'ProseMirror-fake-text-cursor';
   return DecorationSet.create(state.doc, [Decoration.widget(state.selection.head, node, {

package/dist/es2019/plugins/fake-text-cursor/index.js

@@ -8,17 +8,13 @@ export const createPlugin = () => new SafePlugin({
     decorations: drawFakeTextCursor
   }
 });
-
 const fakeTextCursorPlugin = () => ({
   name: 'fakeTextCursor',
-
   pmPlugins() {
     return [{
       name: 'fakeTextCursor',
       plugin: () => createPlugin()
     }];
   }
-
 });
-
 export default fakeTextCursorPlugin;