@atlaskit/editor-core 153.1.3 → 155.0.0

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

@@ -35,10 +35,14 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 
 var _genericCard = require("./genericCard");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
+var _adfSchema = require("@atlaskit/adf-schema");
+
 var _nodeviews = require("../../../nodeviews/");
 
 var _actions = require("../pm-plugins/actions");
@@ -57,9 +61,9 @@ var _tableResizing = require("../../table/pm-plugins/table-resizing");
 
 var _steps = require("@atlaskit/adf-schema/steps");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -222,7 +226,7 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var view = this.props.view;
-      var scrollContainer = (0, _editorCommon.findOverflowScrollParent)(view.dom);
+      var scrollContainer = (0, _ui.findOverflowScrollParent)(view.dom);
       this.scrollContainer = scrollContainer || undefined;
     }
   }, {
@@ -313,7 +317,7 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
               richMediaWrapperWidth = undefined;
             }
 
-            return /*#__PURE__*/_react.default.createElement(_editorCommon.MediaSingle, (0, _extends2.default)({}, cardProps, {
+            return /*#__PURE__*/_react.default.createElement(_ui.MediaSingle, (0, _extends2.default)({}, cardProps, {
               height: richMediaWrapperHeight,
               width: richMediaWrapperWidth,
               nodeType: "embedCard",
@@ -351,7 +355,7 @@ exports.EmbedCardComponent = EmbedCardComponent;
 (0, _defineProperty2.default)(EmbedCardComponent, "contextTypes", {
   contextAdapter: _propTypes.default.object
 });
-var WrappedBlockCard = (0, _genericCard.Card)(EmbedCardComponent, _editorCommon.UnsupportedBlock);
+var WrappedBlockCard = (0, _genericCard.Card)(EmbedCardComponent, _ui.UnsupportedBlock);
 
 var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   (0, _inherits2.default)(EmbedCard, _SelectionBasedNodeVi);
@@ -364,6 +368,14 @@ var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }
 
   (0, _createClass2.default)(EmbedCard, [{
+    key: "init",
+    value: function init() {
+      (0, _get2.default)((0, _getPrototypeOf2.default)(EmbedCard.prototype), "init", this).call(this); // localId exists to distinguish between different smart cards for the purpose of analytics
+
+      this.node.attrs.localId = this.node.attrs.localId || _adfSchema.uuid.generate();
+      return this;
+    }
+  }, {
     key: "viewShouldUpdate",
     value: function viewShouldUpdate(nextNode) {
       if (this.node.attrs !== nextNode.attrs) {
@@ -377,7 +389,7 @@ var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     value: function createDomRef() {
       var domRef = document.createElement('div');
 
-      if (_editorCommon.browser.chrome && this.reactComponentProps.platform !== 'mobile') {
+      if (_utils.browser.chrome && 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';

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

@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Card = Card;
+exports.GenericCard = void 0;
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -29,6 +32,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
+var _ReactNodeView2 = _interopRequireDefault(require("../../../nodeviews/ReactNodeView"));
+
 var _utils = require("../utils");
 
 var _doc = require("../pm-plugins/doc");
@@ -86,6 +91,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
 
         var cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
         return /*#__PURE__*/_react.default.createElement(SmartCardComponent, (0, _extends2.default)({
+          key: url,
           cardContext: cardContext
         }, this.props));
       }
@@ -113,7 +119,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
             return;
           }
 
-          (0, _doc.changeSelectedCardToLink)(undefined, url, true, node, getPos())(view.state, view.dispatch);
+          (0, _doc.changeSelectedCardToLinkFallback)(undefined, url, true, node, getPos())(view.state, view.dispatch);
           return null;
         } else {
           // Otherwise, render a blue link as fallback (above in render()).
@@ -127,4 +133,28 @@ function Card(SmartCardComponent, UnsupportedComponent) {
   }(_react.default.Component), (0, _defineProperty2.default)(_class, "contextTypes", {
     contextAdapter: _propTypes.default.object
   }), _temp;
-}
+}
+
+var GenericCard = /*#__PURE__*/function (_ReactNodeView) {
+  (0, _inherits2.default)(GenericCard, _ReactNodeView);
+
+  var _super2 = _createSuper(GenericCard);
+
+  function GenericCard() {
+    (0, _classCallCheck2.default)(this, GenericCard);
+    return _super2.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(GenericCard, [{
+    key: "init",
+    value: function init() {
+      (0, _get2.default)((0, _getPrototypeOf2.default)(GenericCard.prototype), "init", this).call(this); // localId exists to distinguish between different smart cards for the purpose of analytics
+
+      this.node.attrs.localId = this.node.attrs.localId || _adfSchema.uuid.generate();
+      return this;
+    }
+  }]);
+  return GenericCard;
+}(_ReactNodeView2.default);
+
+exports.GenericCard = GenericCard;

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

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -31,22 +29,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _smartCard = require("@atlaskit/smart-card");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 
 var _genericCard = require("./genericCard");
 
-var _ReactNodeView2 = _interopRequireDefault(require("../../../nodeviews/ReactNodeView"));
-
 var _actions = require("../pm-plugins/actions");
 
-var _InlineNodeWrapper = _interopRequireWildcard(require("../../../ui/InlineNodeWrapper"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -95,7 +87,7 @@ var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var view = this.props.view;
-      var scrollContainer = (0, _editorCommon.findOverflowScrollParent)(view.dom);
+      var scrollContainer = (0, _ui.findOverflowScrollParent)(view.dom);
       this.scrollContainer = scrollContainer || undefined;
     }
   }, {
@@ -109,7 +101,7 @@ var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
           url = _node$attrs.url,
           data = _node$attrs.data;
 
-      var card = /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", null, _editorCommon.ZERO_WIDTH_SPACE), /*#__PURE__*/_react.default.createElement("span", {
+      var card = /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", null, _utils.ZERO_WIDTH_SPACE), /*#__PURE__*/_react.default.createElement("span", {
         className: "card"
       }, /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
         key: url,
@@ -120,7 +112,7 @@ var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         container: this.scrollContainer,
         onResolve: this.onResolve,
         inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined
-      })), /*#__PURE__*/_react.default.createElement("span", null, _editorCommon.ZERO_WIDTH_SPACE)); // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
+      })), /*#__PURE__*/_react.default.createElement("span", null, _utils.ZERO_WIDTH_SPACE)); // [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
 
 
@@ -136,10 +128,10 @@ exports.InlineCardComponent = InlineCardComponent;
 (0, _defineProperty2.default)(InlineCardComponent, "contextTypes", {
   contextAdapter: _propTypes.default.object
 });
-var WrappedInlineCard = (0, _genericCard.Card)(InlineCardComponent, _editorCommon.UnsupportedInline);
+var WrappedInlineCard = (0, _genericCard.Card)(InlineCardComponent, _ui.UnsupportedInline);
 
-var InlineCard = /*#__PURE__*/function (_ReactNodeView) {
-  (0, _inherits2.default)(InlineCard, _ReactNodeView);
+var InlineCard = /*#__PURE__*/function (_GenericCard) {
+  (0, _inherits2.default)(InlineCard, _GenericCard);
 
   var _super2 = _createSuper(InlineCard);
 
@@ -151,10 +143,6 @@ var InlineCard = /*#__PURE__*/function (_ReactNodeView) {
   (0, _createClass2.default)(InlineCard, [{
     key: "createDomRef",
     value: function createDomRef() {
-      if (this.reactComponentProps.useInlineWrapper) {
-        return (0, _InlineNodeWrapper.createMobileInlineDomRef)();
-      }
-
       return (0, _get2.default)((0, _getPrototypeOf2.default)(InlineCard.prototype), "createDomRef", this).call(this, {
         displayInlineBlockForInlineNodes: false
       });
@@ -162,12 +150,8 @@ var InlineCard = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render() {
-      var _this$reactComponentP = this.reactComponentProps,
-          useInlineWrapper = _this$reactComponentP.useInlineWrapper,
-          useAlternativePreloader = _this$reactComponentP.useAlternativePreloader;
-      return /*#__PURE__*/_react.default.createElement(_InlineNodeWrapper.default, {
-        useInlineWrapper: useInlineWrapper
-      }, /*#__PURE__*/_react.default.createElement(WrappedInlineCard, {
+      var useAlternativePreloader = this.reactComponentProps.useAlternativePreloader;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(WrappedInlineCard, {
         node: this.node,
         view: this.view,
         getPos: this.getPos,
@@ -176,6 +160,6 @@ var InlineCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
   return InlineCard;
-}(_ReactNodeView2.default);
+}(_genericCard.GenericCard);
 
 exports.InlineCard = InlineCard;

package/dist/cjs/plugins/card/pm-plugins/doc.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleFallbackWithAnalytics = exports.convertHyperlinkToSmartCard = exports.changeSelectedCardToText = exports.changeSelectedCardToLink = void 0;
+exports.handleFallbackWithAnalytics = exports.convertHyperlinkToSmartCard = exports.changeSelectedCardToText = exports.changeSelectedCardToLinkFallback = exports.changeSelectedCardToLink = void 0;
 exports.insertCard = insertCard;
 exports.updateCard = exports.setSelectedCardAppearance = exports.replaceQueuedUrlWithCard = exports.queueCardsFromChangedTr = void 0;
 
@@ -41,9 +41,11 @@ var _analytics2 = require("../../../plugins/hyperlink/analytics");
 
 var _linkingUtils = require("../../../utils/linking-utils");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+var _featureFlagsContext = require("../../feature-flags-context");
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function insertCard(tr, cardAdf, schema) {
   var inlineCard = schema.nodes.inlineCard; // ED-5638: add an extra space after inline cards to avoid re-rendering them
@@ -252,6 +254,47 @@ var convertHyperlinkToSmartCard = function convertHyperlinkToSmartCard(state, so
 exports.convertHyperlinkToSmartCard = convertHyperlinkToSmartCard;
 
 var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sendAnalytics, node, pos) {
+  return function (state, dispatch) {
+    var tr;
+
+    if (node && pos) {
+      tr = cardNodeToLinkWithTransaction(state, text, href, node, pos);
+    } else {
+      tr = cardToLinkWithTransaction(state, text, href);
+    }
+
+    var selectedNode = state.selection instanceof _prosemirrorState.NodeSelection && state.selection.node;
+
+    if (sendAnalytics) {
+      if (selectedNode) {
+        var _getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(state),
+            viewChangingExperimentToolbarStyle = _getFeatureFlags.viewChangingExperimentToolbarStyle;
+
+        (0, _analytics.addAnalytics)(state, tr, {
+          action: _analytics.ACTION.CHANGED_TYPE,
+          actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
+          eventType: _analytics.EVENT_TYPE.TRACK,
+          attributes: {
+            newType: _nodeEvents.SMART_LINK_TYPE.URL,
+            previousType: (0, _utils.appearanceForNodeType)(selectedNode.type),
+            localId: selectedNode.attrs.localId,
+            featureFlag: viewChangingExperimentToolbarStyle || 'noChange'
+          }
+        });
+      }
+    }
+
+    if (dispatch) {
+      dispatch(tr.scrollIntoView());
+    }
+
+    return true;
+  };
+};
+
+exports.changeSelectedCardToLink = changeSelectedCardToLink;
+
+var changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback(text, href, sendAnalytics, node, pos) {
   return function (state, dispatch) {
     var tr;
 
@@ -263,11 +306,11 @@ var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sen
 
     if (sendAnalytics) {
       (0, _analytics.addAnalytics)(state, tr, {
-        action: _analytics.ACTION.CHANGED_TYPE,
+        action: _analytics.ACTION.ERRORED,
         actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
-        eventType: _analytics.EVENT_TYPE.TRACK,
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
         attributes: {
-          newType: _nodeEvents.SMART_LINK_TYPE.URL
+          error: 'Smart card falling back to link.'
         }
       });
     }
@@ -280,7 +323,7 @@ var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sen
   };
 };
 
-exports.changeSelectedCardToLink = changeSelectedCardToLink;
+exports.changeSelectedCardToLinkFallback = changeSelectedCardToLinkFallback;
 
 var updateCard = function updateCard(href) {
   return function (state, dispatch) {
@@ -373,13 +416,19 @@ var setSelectedCardAppearance = function setSelectedCardAppearance(appearance) {
     var from = state.selection.from;
     var nodeType = getLinkNodeType(appearance, state.schema.nodes);
     var tr = state.tr.setNodeMarkup(from, nodeType, attrs, selectedNode.marks);
+
+    var _getFeatureFlags2 = (0, _featureFlagsContext.getFeatureFlags)(state),
+        viewChangingExperimentToolbarStyle = _getFeatureFlags2.viewChangingExperimentToolbarStyle;
+
     (0, _analytics.addAnalytics)(state, tr, {
       action: _analytics.ACTION.CHANGED_TYPE,
       actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
       eventType: _analytics.EVENT_TYPE.TRACK,
       attributes: {
         newType: appearance,
-        previousType: (0, _utils.appearanceForNodeType)(selectedNode.type)
+        previousType: (0, _utils.appearanceForNodeType)(selectedNode.type),
+        localId: selectedNode.attrs.localId,
+        featureFlag: viewChangingExperimentToolbarStyle || 'noChange'
       }
     });
 

package/dist/cjs/plugins/card/pm-plugins/keymap.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cardKeymap = cardKeymap;
+
+var _prosemirrorKeymap = require("prosemirror-keymap");
+
+var _prosemirrorState = require("prosemirror-state");
+
+var keymaps = _interopRequireWildcard(require("../../../keymaps"));
+
+var _prosemirrorUtils = require("prosemirror-utils");
+
+var _utils = require("@atlaskit/editor-common/utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var lookupPixel = 10;
+
+var getClosestInlineCardPos = function getClosestInlineCardPos(state, editorView, direction) {
+  var _editorView$posAtCoor;
+
+  var selection = state.selection;
+  var parent = selection.$from.parent;
+  var inlineCardType = state.schema.nodes.inlineCard;
+
+  if (!(0, _prosemirrorUtils.flatten)(parent, false).some(function (_ref) {
+    var node = _ref.node;
+    return node.type === inlineCardType;
+  })) {
+    return null;
+  }
+
+  var coord = editorView.coordsAtPos(selection.$anchor.pos);
+  var nearPos = (_editorView$posAtCoor = editorView.posAtCoords({
+    left: coord.left,
+    top: direction === 'up' ? coord.top - lookupPixel : coord.bottom + lookupPixel
+  })) === null || _editorView$posAtCoor === void 0 ? void 0 : _editorView$posAtCoor.pos;
+
+  if (nearPos) {
+    var newNode = state.doc.nodeAt(nearPos);
+
+    if (newNode) {
+      if (newNode.type !== inlineCardType || (0, _prosemirrorUtils.findChildren)(parent, function (node) {
+        return node === newNode;
+      }, false).length === 0 || newNode === selection.node) {
+        return null;
+      }
+
+      return nearPos;
+    }
+  }
+
+  return null;
+};
+
+var selectAboveBelowInlineCard = function selectAboveBelowInlineCard(direction) {
+  return function (state, dispatch, editorView) {
+    if (!editorView || !dispatch) {
+      return false;
+    }
+
+    var pos = getClosestInlineCardPos(state, editorView, direction);
+
+    if (pos) {
+      dispatch(state.tr.setSelection(new _prosemirrorState.NodeSelection(state.doc.resolve(pos))));
+      return true;
+    }
+
+    return false;
+  };
+};
+
+function cardKeymap(featureFlags) {
+  var list = {}; // https://bugs.chromium.org/p/chromium/issues/detail?id=1227468 introduced since Chrome 91
+
+  if (_utils.browser.chrome && _utils.browser.chrome_version > 90 && featureFlags.chromeCursorHandlerFixedVersion && _utils.browser.chrome_version < featureFlags.chromeCursorHandlerFixedVersion) {
+    keymaps.bindKeymapWithCommand(keymaps.moveUp.common, selectAboveBelowInlineCard('up'), list);
+    keymaps.bindKeymapWithCommand(keymaps.moveDown.common, selectAboveBelowInlineCard('down'), list);
+  }
+
+  return (0, _prosemirrorKeymap.keymap)(list);
+}

package/dist/cjs/plugins/card/pm-plugins/main.js

@@ -13,7 +13,7 @@ Object.defineProperty(exports, "pluginKey", {
   }
 });
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 
@@ -42,7 +42,7 @@ var createPlugin = function createPlugin(options) {
         useAlternativePreloader = options.useAlternativePreloader,
         fullWidthMode = options.fullWidthMode,
         createAnalyticsEvent = options.createAnalyticsEvent;
-    return new _prosemirrorState.Plugin({
+    return new _safePlugin.SafePlugin({
       state: {
         init: function init() {
           return {
@@ -123,8 +123,7 @@ var createPlugin = function createPlugin(options) {
         nodeViews: {
           inlineCard: function inlineCard(node, view, getPos) {
             var reactComponentProps = {
-              useAlternativePreloader: useAlternativePreloader,
-              useInlineWrapper: platform === 'mobile'
+              useAlternativePreloader: useAlternativePreloader
             };
             var hasIntlContext = true;
             return new _inlineCard.InlineCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();

package/dist/cjs/plugins/card/pm-plugins/reducers.js

@@ -9,9 +9,9 @@ exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var queue = function queue(state, action) {
   return _objectSpread(_objectSpread({}, state), {}, {

package/dist/cjs/plugins/card/pm-plugins/util/state.js

@@ -11,9 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _pluginKey = require("../plugin-key");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // ============================================================================ //
 // ============================== PLUGIN STATE ================================ //

package/dist/cjs/plugins/card/styles.js

@@ -15,9 +15,9 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _templateObject;
 
-var smartCardStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: 2px;\n      padding-right: 2px;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px ", " !important;\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n"])), _editorCommon.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, _editorCommon.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorCommon.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorCommon.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorDeleteBorder, _editorCommon.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _editorCommon.SmartCardSharedCssClassName.LOADER_WRAPPER, _colors.N20, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorCommon.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorDeleteBorder, _editorCommon.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _editorCommon.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorDeleteBorder, _editorSharedStyles.akEditorDeleteBackground, _editorSharedStyles.akEditorDeleteBorder);
+var smartCardStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: 2px;\n      padding-right: 2px;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px ", " !important;\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n"])), _styles.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorDeleteBorder, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, _colors.N20, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorDeleteBorder, _styles.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _styles.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorDeleteBorder, _editorSharedStyles.akEditorDeleteBackground, _editorSharedStyles.akEditorDeleteBorder);
 exports.smartCardStyles = smartCardStyles;

package/dist/cjs/plugins/card/toolbar.js

@@ -35,7 +35,7 @@ var _doc = require("./pm-plugins/doc");
 
 var _main = require("./pm-plugins/main");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _EditLinkToolbar = require("./ui/EditLinkToolbar");
 
@@ -55,9 +55,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var removeCard = function removeCard(state, dispatch) {
   if (!(state.selection instanceof _prosemirrorState.NodeSelection)) {
@@ -288,7 +288,7 @@ var floatingToolbar = function floatingToolbar(cardOptions, platform) {
         }
 
         if (isEmbedCard) {
-          return element.querySelector(".".concat(_editorCommon.richMediaClassName));
+          return element.querySelector(".".concat(_styles.richMediaClassName));
         }
 
         return element;

package/dist/cjs/plugins/card/ui/LinkToolbarAppearance.js

@@ -37,6 +37,12 @@ var _messages = require("../messages");
 
 var _messages2 = _interopRequireDefault(require("../../../messages"));
 
+var _featureFlagsContext = require("../../../plugins/feature-flags-context");
+
+var _LinkToolbarIconDropdown = _interopRequireDefault(require("./LinkToolbarIconDropdown"));
+
+var _LinkToolbarButtonGroup = _interopRequireDefault(require("./LinkToolbarButtonGroup"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -119,6 +125,21 @@ var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
         options.push(embedOption);
       }
 
+      var _getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(editorState),
+          viewChangingExperimentToolbarStyle = _getFeatureFlags.viewChangingExperimentToolbarStyle;
+
+      if (viewChangingExperimentToolbarStyle === 'toolbarIcons') {
+        return /*#__PURE__*/_react.default.createElement(_LinkToolbarButtonGroup.default, {
+          key: "link-toolbar-button-group"
+        });
+      }
+
+      if (viewChangingExperimentToolbarStyle === 'newDropdown') {
+        return /*#__PURE__*/_react.default.createElement(_LinkToolbarIconDropdown.default, {
+          key: "link-toolbar-icon-dropdown"
+        });
+      }
+
       return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
         key: 'link-toolbar',
         buttonTestId: "link-toolbar-appearance-button",

package/dist/cjs/plugins/card/ui/LinkToolbarButtonGroup.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var LinkToolbarButtonGroup = function LinkToolbarButtonGroup(_ref) {
+  (0, _objectDestructuringEmpty2.default)(_ref);
+  return /*#__PURE__*/_react.default.createElement("span", null);
+};
+
+var _default = LinkToolbarButtonGroup;
+exports.default = _default;