@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/es2019/plugins/caption/pm-plugins/main.js

@@ -3,7 +3,6 @@ import { findParentNodeOfType } from 'prosemirror-utils';
 import { pluginKey } from './plugin-key';
 import captionNodeView from './../nodeviews';
 import { addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
-
 const fireAnalytic = (state, tr, action) => {
   addAnalytics(state, tr, {
     action,
@@ -12,7 +11,6 @@ const fireAnalytic = (state, tr, action) => {
     actionSubjectId: ACTION_SUBJECT_ID.CAPTION
   });
 };
-
 export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch) => {
   return new SafePlugin({
     appendTransaction(transactions, oldState, newState) {
@@ -20,14 +18,14 @@ export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch)
       if (!transactions.find(tr => tr.selectionSet)) {
         return;
       }
-
       const newSelection = !newState.selection.eq(oldState.selection);
       const findCaption = findParentNodeOfType(oldState.schema.nodes.caption);
       const oldSelectionCaption = findCaption(oldState.selection);
       const {
         tr
-      } = newState; // if selecting away from caption, or selecting a different caption
+      } = newState;
 
+      // if selecting away from caption, or selecting a different caption
       if (newSelection && oldSelectionCaption) {
         if (oldSelectionCaption.node.childCount === 0) {
           tr.delete(oldSelectionCaption.start - 1, oldSelectionCaption.start);
@@ -39,7 +37,6 @@ export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch)
         }
       }
     },
-
     key: pluginKey,
     props: {
       nodeViews: {

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

@@ -4,11 +4,9 @@ import { createPlugin } from './pm-plugins/main';
 import { floatingToolbar } from './toolbar';
 import { EditorSmartCardEvents } from './ui/EditorSmartCardEvents';
 import { cardKeymap } from './pm-plugins/keymap';
-
 const cardPlugin = options => {
   return {
     name: 'card',
-
     nodes() {
       const nodes = [{
         name: 'inlineCard',
@@ -17,26 +15,23 @@ const cardPlugin = options => {
         name: 'blockCard',
         node: blockCard
       }];
-
       if (options.allowEmbeds) {
         nodes.push({
           name: 'embedCard',
           node: embedCard
         });
       }
-
       return nodes;
     },
-
     pmPlugins() {
       var _options$allowBlockCa, _options$allowResizin, _options$useAlternati;
-
       const allowBlockCards = (_options$allowBlockCa = options.allowBlockCards) !== null && _options$allowBlockCa !== void 0 ? _options$allowBlockCa : true;
       const allowResizing = (_options$allowResizin = options.allowResizing) !== null && _options$allowResizin !== void 0 ? _options$allowResizin : true;
       const useAlternativePreloader = (_options$useAlternati = options.useAlternativePreloader) !== null && _options$useAlternati !== void 0 ? _options$useAlternati : true;
       const plugins = [{
         name: 'card',
-        plugin: createPlugin({ ...options,
+        plugin: createPlugin({
+          ...options,
           allowBlockCards,
           allowResizing,
           useAlternativePreloader
@@ -52,7 +47,6 @@ const cardPlugin = options => {
       });
       return plugins;
     },
-
     contentComponent({
       editorView
     }) {
@@ -60,11 +54,9 @@ const cardPlugin = options => {
         editorView: editorView
       });
     },
-
     pluginsOptions: {
       floatingToolbar: floatingToolbar(options, options.platform, options.linkPicker)
     }
   };
 };
-
 export default cardPlugin;

package/dist/es2019/plugins/card/nodeviews/blockCard.js

@@ -12,47 +12,42 @@ import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 export class BlockCardComponent extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "onClick", () => {});
-
     _defineProperty(this, "onResolve", data => {
       const {
         getPos,
         view
       } = this.props;
-
       if (!getPos || typeof getPos === 'boolean') {
         return;
       }
-
       const {
         title,
         url
-      } = data; // don't dispatch immediately since we might be in the middle of
-      // rendering a nodeview
+      } = data;
 
+      // don't dispatch immediately since we might be in the middle of
+      // rendering a nodeview
       rafSchedule(() => view.dispatch(registerCard({
         title,
         url,
         pos: getPos()
       })(view.state.tr)))();
     });
-
     _defineProperty(this, "gapCursorSpan", () => {
       // Don't render in EdgeHTMl version <= 18 (Edge version 44)
       // as it forces the edit popup to render 24px lower than it should
       if (browser.ie && browser.ie_version < 79) {
         return;
-      } // render an empty span afterwards to get around Webkit bug
-      // that puts caret in next editable text element
-
+      }
 
+      // render an empty span afterwards to get around Webkit bug
+      // that puts caret in next editable text element
       return /*#__PURE__*/React.createElement("span", {
         contentEditable: true
       });
     });
   }
-
   UNSAFE_componentWillMount() {
     const {
       view
@@ -60,7 +55,6 @@ export class BlockCardComponent extends React.PureComponent {
     const scrollContainer = findOverflowScrollParent(view.dom);
     this.scrollContainer = scrollContainer || undefined;
   }
-
   render() {
     const {
       node,
@@ -81,35 +75,29 @@ export class BlockCardComponent extends React.PureComponent {
       onResolve: this.onResolve,
       showActions: platform === 'web',
       platform: platform
-    }), this.gapCursorSpan()); // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
+    }), this.gapCursorSpan());
+    // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
     // otherwise if we got data, we can render the card directly since it doesn't need the Provider
-
     return /*#__PURE__*/React.createElement("div", null, cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
       value: cardContext.value
     }, cardInner) : data ? cardInner : null);
   }
-
 }
-
 _defineProperty(BlockCardComponent, "contextTypes", {
   contextAdapter: PropTypes.object
 });
-
 const WrappedBlockCard = Card(BlockCardComponent, UnsupportedBlock);
 export class BlockCard extends ReactNodeView {
   createDomRef() {
     const domRef = document.createElement('div');
-
     if (this.reactComponentProps.platform !== 'mobile') {
       // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
       // see also: https://github.com/ProseMirror/prosemirror/issues/884
       domRef.contentEditable = 'true';
       domRef.setAttribute('spellcheck', 'false');
     }
-
     return domRef;
   }
-
   render() {
     return /*#__PURE__*/React.createElement(WrappedBlockCard, {
       node: this.node,
@@ -118,5 +106,4 @@ export class BlockCard extends ReactNodeView {
       platform: this.reactComponentProps.platform
     });
   }
-
 }

package/dist/es2019/plugins/card/nodeviews/embedCard.js

@@ -18,30 +18,24 @@ import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 export class EmbedCardComponent extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "embedIframeRef", /*#__PURE__*/React.createRef());
-
     _defineProperty(this, "onClick", () => {});
-
     _defineProperty(this, "state", {
       hasPreview: true
     });
-
     _defineProperty(this, "getPosSafely", () => {
       const {
         getPos
       } = this.props;
-
       if (!getPos || typeof getPos === 'boolean') {
         return;
       }
-
       try {
         return getPos();
-      } catch (e) {// Can blow up in rare cases, when node has been removed.
+      } catch (e) {
+        // Can blow up in rare cases, when node has been removed.
       }
     });
-
     _defineProperty(this, "onResolve", data => {
       const {
         view
@@ -55,7 +49,6 @@ export class EmbedCardComponent extends React.PureComponent {
         originalHeight,
         originalWidth
       } = this.props.node.attrs;
-
       if (aspectRatio && !originalHeight && !originalWidth) {
         // Assumption here is if ADF already have both height and width set,
         // we will going to use that later on in this class as aspectRatio
@@ -65,28 +58,24 @@ export class EmbedCardComponent extends React.PureComponent {
           initialAspectRatio: aspectRatio
         });
         this.saveOriginalDimensionsAttributes(DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_HEIGHT * aspectRatio);
-      } // don't dispatch immediately since we might be in the middle of
-      // rendering a nodeview
-
+      }
 
+      // don't dispatch immediately since we might be in the middle of
+      // rendering a nodeview
       rafSchedule(() => {
         const pos = this.getPosSafely();
-
         if (pos === undefined) {
           return;
         }
-
         return view.dispatch(registerCard({
           title,
           url,
           pos
         })(view.state.tr));
       })();
-
       try {
         const cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
         const hasPreview = cardContext && cardContext.value.extractors.getPreview(url, this.props.platform);
-
         if (!hasPreview) {
           this.setState({
             hasPreview: false
@@ -94,19 +83,17 @@ export class EmbedCardComponent extends React.PureComponent {
         }
       } catch (e) {}
     });
-
     _defineProperty(this, "updateSize", (pctWidth, layout) => {
       const {
         state,
         dispatch
       } = this.props.view;
       const pos = this.getPosSafely();
-
       if (pos === undefined) {
         return;
       }
-
-      const tr = state.tr.setNodeMarkup(pos, undefined, { ...this.props.node.attrs,
+      const tr = state.tr.setNodeMarkup(pos, undefined, {
+        ...this.props.node.attrs,
         width: pctWidth,
         layout
       });
@@ -114,62 +101,55 @@ export class EmbedCardComponent extends React.PureComponent {
       dispatch(tr);
       return true;
     });
-
     _defineProperty(this, "getLineLength", (view, pos, originalLineLength) => {
       if (typeof pos === 'number' && isRichMediaInsideOfBlockNode(view, pos)) {
         const $pos = view.state.doc.resolve(pos);
         const domNode = view.nodeDOM($pos.pos);
-
         if ($pos.nodeAfter && floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
           return domNode.parentElement.offsetWidth;
         }
-
         if (domNode instanceof HTMLElement) {
           return domNode.offsetWidth;
         }
       }
-
       return originalLineLength;
     });
-
     _defineProperty(this, "saveOriginalDimensionsAttributes", (height, width) => {
       const {
         view
-      } = this.props; // TODO: ED-15663
+      } = this.props;
+
+      // TODO: ED-15663
       // Please, do not copy or use this kind of code below
       // @ts-ignore
-
       const fakeTableResizePluginKey = {
         key: 'tableFlexiColumnResizing$',
         getState: state => {
           return state['tableFlexiColumnResizing$'];
         }
       };
-      const fakeTableResizeState = fakeTableResizePluginKey.getState(view.state); // We are not updating ADF when this function fired while table is resizing.
+      const fakeTableResizeState = fakeTableResizePluginKey.getState(view.state);
+
+      // We are not updating ADF when this function fired while table is resizing.
       // Changing ADF in the middle of resize will break table resize plugin logic
       // (tables will be considered different at the end of the drag and cell size won't be stored)
       // But this is not a big problem, editor user will be seeing latest height anyway (via updated state)
       // And even if page to be saved with slightly outdated height, renderer is capable of reading latest height value
       // when embed loads, and so it won't be a problem.
-
       if (fakeTableResizeState !== null && fakeTableResizeState !== void 0 && fakeTableResizeState.dragging) {
         return;
       }
-
       rafSchedule(() => {
         const pos = this.getPosSafely();
-
         if (pos === undefined) {
           return;
         }
-
         view.dispatch(view.state.tr.step(new SetAttrsStep(pos, {
           originalHeight: height,
           originalWidth: width
         })).setMeta('addToHistory', false));
       })();
     });
-
     _defineProperty(this, "onHeightUpdate", height => {
       this.setState({
         liveHeight: height
@@ -177,7 +157,6 @@ export class EmbedCardComponent extends React.PureComponent {
       this.saveOriginalDimensionsAttributes(height, undefined);
     });
   }
-
   UNSAFE_componentWillMount() {
     const {
       view
@@ -185,7 +164,6 @@ export class EmbedCardComponent extends React.PureComponent {
     const scrollContainer = findOverflowScrollParent(view.dom);
     this.scrollContainer = scrollContainer || undefined;
   }
-
   render() {
     const {
       node,
@@ -208,13 +186,17 @@ export class EmbedCardComponent extends React.PureComponent {
       hasPreview,
       liveHeight,
       initialAspectRatio
-    } = this.state; // We don't want to use `originalHeight` when `originalWidth` also present,
-    // since `heightAlone` is defined only when just height is available.
+    } = this.state;
 
+    // We don't want to use `originalHeight` when `originalWidth` also present,
+    // since `heightAlone` is defined only when just height is available.
     let heightAlone = liveHeight !== null && liveHeight !== void 0 ? liveHeight : !originalWidth && originalHeight || undefined;
-    const aspectRatio = !heightAlone && ( // No need getting aspectRatio if heightAlone defined already
-    initialAspectRatio || // If we have initialAspectRatio (coming from iframely) we should go with that
-    originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
+    const aspectRatio = !heightAlone && (
+    // No need getting aspectRatio if heightAlone defined already
+    initialAspectRatio ||
+    // If we have initialAspectRatio (coming from iframely) we should go with that
+    originalHeight && originalWidth && originalWidth / originalHeight) ||
+    // If ADF contains both width and height we get ratio from that
     undefined;
     const cardProps = {
       layout,
@@ -235,11 +217,9 @@ export class EmbedCardComponent extends React.PureComponent {
         const widthStateLineLength = (widthState === null || widthState === void 0 ? void 0 : widthState.lineLength) || 0;
         const widthStateWidth = (widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0;
         const pos = this.getPosSafely();
-
         if (pos === undefined) {
           return null;
         }
-
         const lineLength = this.getLineLength(view, pos, widthStateLineLength);
         const containerWidth = isRichMediaInsideOfBlockNode(view, pos) ? lineLength : widthStateWidth;
         const smartCard = /*#__PURE__*/React.createElement(SmartCard, {
@@ -255,7 +235,6 @@ export class EmbedCardComponent extends React.PureComponent {
           container: this.scrollContainer,
           embedIframeRef: this.embedIframeRef
         });
-
         if (!allowResizing || !hasPreview) {
           // There are two ways `width` and `height` can be defined here:
           // 1) Either as `heightAlone` as height value and no width
@@ -264,12 +243,10 @@ export class EmbedCardComponent extends React.PureComponent {
           const defaultAspectRatio = DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT;
           let richMediaWrapperHeight = 1;
           let richMediaWrapperWidth = aspectRatio || defaultAspectRatio;
-
           if (heightAlone) {
             richMediaWrapperHeight = heightAlone;
             richMediaWrapperWidth = undefined;
           }
-
           return /*#__PURE__*/React.createElement(RichMediaWrapper, _extends({}, cardProps, {
             height: richMediaWrapperHeight,
             width: richMediaWrapperWidth,
@@ -279,7 +256,6 @@ export class EmbedCardComponent extends React.PureComponent {
             containerWidth: containerWidth
           }), smartCard);
         }
-
         return /*#__PURE__*/React.createElement(ResizableEmbedCard, _extends({}, cardProps, {
           height: heightAlone,
           aspectRatio: aspectRatio,
@@ -293,42 +269,35 @@ export class EmbedCardComponent extends React.PureComponent {
           dispatchAnalyticsEvent: dispatchAnalyticsEvent
         }), smartCard);
       }
-    })); // [WS-2307]: we only render card wrapped into a Provider when the value is ready
+    }));
 
+    // [WS-2307]: we only render card wrapped into a Provider when the value is ready
     return /*#__PURE__*/React.createElement(React.Fragment, null, cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
       value: cardContext.value
     }, cardInner) : null);
   }
-
 }
-
 _defineProperty(EmbedCardComponent, "contextTypes", {
   contextAdapter: PropTypes.object
 });
-
 const WrappedBlockCard = Card(EmbedCardComponent, UnsupportedBlock);
 export class EmbedCard extends SelectionBasedNodeView {
   viewShouldUpdate(nextNode) {
     if (this.node.attrs !== nextNode.attrs) {
       return true;
     }
-
     return super.viewShouldUpdate(nextNode);
   }
-
   createDomRef() {
     const domRef = document.createElement('div');
-
     if (this.reactComponentProps.platform !== 'mobile') {
       // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
       // see also: https://github.com/ProseMirror/prosemirror/issues/884
       domRef.contentEditable = 'true';
       domRef.setAttribute('spellcheck', 'false');
     }
-
     return domRef;
   }
-
   render() {
     const {
       eventDispatcher,
@@ -348,5 +317,4 @@ export class EmbedCard extends SelectionBasedNodeView {
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     });
   }
-
 }

package/dist/es2019/plugins/card/nodeviews/genericCard.js

@@ -7,25 +7,20 @@ import { titleUrlPairFromNode } from '../utils';
 import { changeSelectedCardToLinkFallback } from '../pm-plugins/doc';
 export function Card(SmartCardComponent, UnsupportedComponent) {
   var _class;
-
   return _class = class extends React.Component {
     constructor(...args) {
       super(...args);
-
       _defineProperty(this, "state", {
         isError: false
       });
     }
-
     render() {
       const {
         url
       } = titleUrlPairFromNode(this.props.node);
-
       if (url && !isSafeUrl(url)) {
         return /*#__PURE__*/React.createElement(UnsupportedComponent, null);
       }
-
       if (this.state.isError) {
         if (url) {
           return /*#__PURE__*/React.createElement("a", {
@@ -38,16 +33,15 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
           return /*#__PURE__*/React.createElement(UnsupportedComponent, null);
         }
       }
-
       const cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
       return /*#__PURE__*/React.createElement(SmartCardComponent, _extends({
         key: url,
         cardContext: cardContext
       }, this.props));
     }
-
     componentDidCatch(error) {
-      const maybeAPIError = error; // NB: errors received in this component are propagated by the `@atlaskit/smart-card` component.
+      const maybeAPIError = error;
+      // NB: errors received in this component are propagated by the `@atlaskit/smart-card` component.
       // Depending on the kind of error, the expectation for this component is to either:
       // (1) Render a blue link whilst retaining `inlineCard` in the ADF (non-fatal errs);
       // (2) Render a blue link whilst downgrading to `link` in the ADF (fatal errs).
@@ -64,11 +58,9 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
         const {
           url
         } = titleUrlPairFromNode(node);
-
         if (!getPos || typeof getPos === 'boolean') {
           return;
         }
-
         changeSelectedCardToLinkFallback(undefined, url, true, node, getPos())(view.state, view.dispatch);
         return null;
       } else {
@@ -78,7 +70,6 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
         });
       }
     }
-
   }, _defineProperty(_class, "contextTypes", {
     contextAdapter: PropTypes.object
   }), _class;

package/dist/es2019/plugins/card/nodeviews/inlineCard.js

@@ -10,32 +10,27 @@ import { registerCard } from '../pm-plugins/actions';
 export class InlineCardComponent extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "onClick", () => {});
-
     _defineProperty(this, "onResolve", data => {
       const {
         getPos,
         view
       } = this.props;
-
       if (!getPos || typeof getPos === 'boolean') {
         return;
       }
-
       const {
         title,
         url
-      } = data; // don't dispatch immediately since we might be in the middle of
+      } = data;
+      // don't dispatch immediately since we might be in the middle of
       // rendering a nodeview
-
       rafSchedule(() => view.dispatch(registerCard({
         title,
         url,
         pos: getPos()
       })(view.state.tr)))();
     });
-
     _defineProperty(this, "onError", data => {
       const {
         url
@@ -45,7 +40,6 @@ export class InlineCardComponent extends React.PureComponent {
       });
     });
   }
-
   UNSAFE_componentWillMount() {
     const {
       view
@@ -53,7 +47,6 @@ export class InlineCardComponent extends React.PureComponent {
     const scrollContainer = findOverflowScrollParent(view.dom);
     this.scrollContainer = scrollContainer || undefined;
   }
-
   render() {
     const {
       node,
@@ -76,20 +69,17 @@ export class InlineCardComponent extends React.PureComponent {
       onResolve: this.onResolve,
       onError: this.onError,
       inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined
-    })); // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
+    }));
+    // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
     // otherwise if we got data, we can render the card directly since it doesn't need the Provider
-
     return cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
       value: cardContext.value
     }, card) : data ? card : null;
   }
-
 }
-
 _defineProperty(InlineCardComponent, "contextTypes", {
   contextAdapter: PropTypes.object
 });
-
 const WrappedInlineCard = Card(InlineCardComponent, UnsupportedInline);
 export function InlineCardNodeView(props) {
   const {