@atlaskit/editor-plugin-card 4.5.0 → 4.5.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-card
 
+## 4.5.2
+
+### Patch Changes
+
+- [#175587](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/175587)
+  [`92d72762ca509`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/92d72762ca509) -
+  ED-25113: refactors card plugin to meet folder standards
+- Updated dependencies
+
+## 4.5.1
+
+### Patch Changes
+
+- [#176132](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/176132)
+  [`738d9aeecf5e1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/738d9aeecf5e1) -
+  [ED-24119] Replace Legacy React Context with proper React Context
+
 ## 4.5.0
 
 ### Minor Changes

package/dist/cjs/{plugin.js → cardPlugin.js}

@@ -13,27 +13,23 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _utils = require("@atlaskit/editor-common/utils");
 var _linkDatasource = require("@atlaskit/link-datasource");
-var _createEventsQueue = require("./analytics/create-events-queue");
+var _blockCard = require("./nodeviews/toDOM-fixes/blockCard");
+var _embedCard = require("./nodeviews/toDOM-fixes/embedCard");
+var _inlineCard = require("./nodeviews/toDOM-fixes/inlineCard");
 var _actions = require("./pm-plugins/actions");
 var _doc = require("./pm-plugins/doc");
 var _keymap = require("./pm-plugins/keymap");
 var _main = require("./pm-plugins/main");
 var _pluginKey = require("./pm-plugins/plugin-key");
-var _blockCard = require("./toDOM-fixes/blockCard");
-var _embedCard = require("./toDOM-fixes/embedCard");
-var _inlineCard = require("./toDOM-fixes/inlineCard");
-var _toolbar = require("./toolbar");
+var _utils2 = require("./pm-plugins/utils");
+var _createEventsQueue = require("./ui/analytics/create-events-queue");
 var _ModalWithState = _interopRequireDefault(require("./ui/DatasourceModal/ModalWithState"));
 var _EditorLinkingPlatformAnalytics = require("./ui/EditorLinkingPlatformAnalytics");
 var _EditorSmartCardEvents = require("./ui/EditorSmartCardEvents");
 var _LayoutButton = _interopRequireDefault(require("./ui/LayoutButton"));
-var _utils2 = require("./utils");
+var _toolbar = require("./ui/toolbar");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// Dummpy type of AnnotationPlugin
-// This is used to avoid editor universal preset's inferred type maximum length error
-// TODO: Remove this when the issue is fixed
-
 var cardPlugin = exports.cardPlugin = function cardPlugin(_ref) {
   var _options$lpLinkPicker;
   var _ref$config = _ref.config,

package/dist/cjs/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "cardPlugin", {
   enumerable: true,
   get: function get() {
-    return _plugin.cardPlugin;
+    return _cardPlugin.cardPlugin;
   }
 });
-var _plugin = require("./plugin");
+var _cardPlugin = require("./cardPlugin");

package/dist/cjs/nodeviews/blockCard.js

@@ -14,7 +14,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _ui = require("@atlaskit/editor-common/ui");
@@ -23,7 +22,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
 var _datasource = require("../nodeviews/datasource");
 var _actions = require("../pm-plugins/actions");
-var _utils2 = require("../utils");
+var _utils2 = require("../pm-plugins/utils");
 var _genericCard = require("./genericCard");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -112,9 +111,6 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
   }]);
   return BlockCardComponent;
 }(_react.default.PureComponent);
-(0, _defineProperty2.default)(BlockCardComponent, "contextTypes", {
-  contextAdapter: _propTypes.default.object
-});
 var WrappedBlockCard = (0, _genericCard.Card)(BlockCardComponent, _ui.UnsupportedBlock);
 var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   (0, _inherits2.default)(BlockCard, _ReactNodeView);

package/dist/cjs/nodeviews/datasource.js

@@ -16,15 +16,15 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _linkDatasource = require("@atlaskit/link-datasource");
+var _linkProvider = require("@atlaskit/link-provider");
 var _linkingCommon = require("@atlaskit/linking-common");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _datasourceErrorBoundary = require("../datasourceErrorBoundary");
+var _datasourceErrorBoundary = require("../ui/datasourceErrorBoundary");
 var _EditorAnalyticsContext = require("../ui/EditorAnalyticsContext");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -47,8 +47,6 @@ var getPosSafely = function getPosSafely(pos) {
 var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(DatasourceComponent, _React$PureComponent);
   var _super = _createSuper(DatasourceComponent);
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
   function DatasourceComponent(props) {
     var _this;
     (0, _classCallCheck2.default)(this, DatasourceComponent);
@@ -184,7 +182,6 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
   }, {
     key: "render",
     value: function render() {
-      var cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
       var datasource = this.getDatasource();
       var attrs = this.props.node.attrs;
       var tableView = this.getTableView();
@@ -193,34 +190,25 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
           visibleColumnKeys = _this$getColumnsInfo10.visibleColumnKeys,
           columnCustomSizes = _this$getColumnsInfo10.columnCustomSizes,
           wrappedColumnKeys = _this$getColumnsInfo10.wrappedColumnKeys;
-
-        // [WS-2307]: we only render card wrapped into a Provider when the value is ready
-        if (cardContext && cardContext.value) {
-          return (0, _react2.jsx)(_EditorAnalyticsContext.EditorAnalyticsContext, {
-            editorView: this.props.view
-          }, (0, _react2.jsx)(cardContext.Provider, {
-            value: cardContext.value
-          }, (0, _react2.jsx)(_linkDatasource.DatasourceTableView, {
-            datasourceId: datasource.id,
-            parameters: datasource.parameters,
-            visibleColumnKeys: visibleColumnKeys,
-            onVisibleColumnKeysChange: this.handleColumnChange,
-            url: attrs === null || attrs === void 0 ? void 0 : attrs.url,
-            onColumnResize: this.handleColumnResize,
-            columnCustomSizes: columnCustomSizes,
-            onWrappedColumnChange: this.handleWrappedColumnChange,
-            wrappedColumnKeys: wrappedColumnKeys
-          })));
-        }
+        return (0, _react2.jsx)(_linkProvider.EditorSmartCardProviderValueGuard, null, (0, _react2.jsx)(_EditorAnalyticsContext.EditorAnalyticsContext, {
+          editorView: this.props.view
+        }, (0, _react2.jsx)(_linkProvider.EditorSmartCardProvider, null, (0, _react2.jsx)(_linkDatasource.DatasourceTableView, {
+          datasourceId: datasource.id,
+          parameters: datasource.parameters,
+          visibleColumnKeys: visibleColumnKeys,
+          onVisibleColumnKeysChange: this.handleColumnChange,
+          url: attrs === null || attrs === void 0 ? void 0 : attrs.url,
+          onColumnResize: this.handleColumnResize,
+          columnCustomSizes: columnCustomSizes,
+          onWrappedColumnChange: this.handleWrappedColumnChange,
+          wrappedColumnKeys: wrappedColumnKeys
+        }))));
       }
       return null;
     }
   }]);
   return DatasourceComponent;
 }(_react.default.PureComponent);
-(0, _defineProperty2.default)(DatasourceComponent, "contextTypes", {
-  contextAdapter: _propTypes.default.object
-});
 var Datasource = exports.Datasource = /*#__PURE__*/function (_ReactNodeView) {
   (0, _inherits2.default)(Datasource, _ReactNodeView);
   var _super2 = _createSuper(Datasource);

package/dist/cjs/nodeviews/embedCard.js

@@ -15,7 +15,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _steps = require("@atlaskit/adf-schema/steps");
 var _hooks = require("@atlaskit/editor-common/hooks");
@@ -156,8 +155,9 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         })(view.state.tr));
       })();
       try {
-        var cardContext = _this.context.contextAdapter ? _this.context.contextAdapter.card : undefined;
-        var hasPreview = cardContext && cardContext.value.extractors.getPreview(url, 'web');
+        var _this$props$cardConte, _this$props$cardConte2;
+        var cardContext = (_this$props$cardConte = _this.props.cardContext) !== null && _this$props$cardConte !== void 0 && _this$props$cardConte.value ? (_this$props$cardConte2 = _this.props.cardContext) === null || _this$props$cardConte2 === void 0 ? void 0 : _this$props$cardConte2.value : undefined;
+        var hasPreview = url && cardContext && cardContext.extractors.getPreview(url, 'web');
         if (!hasPreview) {
           _this.setState({
             hasPreview: false
@@ -249,14 +249,11 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
     _this.scrollContainer = (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
     return _this;
   }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (0, _createClass2.default)(EmbedCardComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
         node = _this$props.node,
-        cardContext = _this$props.cardContext,
         allowResizing = _this$props.allowResizing,
         fullWidthMode = _this$props.fullWidthMode,
         view = _this$props.view,
@@ -305,7 +302,7 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         embedIframeRef: this.embedIframeRef,
         actionOptions: actionOptions
       });
-      var cardInner = /*#__PURE__*/_react.default.createElement(_smartCard.EmbedResizeMessageListener, {
+      return /*#__PURE__*/_react.default.createElement(_smartCard.EmbedResizeMessageListener, {
         embedIframeRef: this.embedIframeRef,
         onHeightUpdate: this.onHeightUpdate
       }, /*#__PURE__*/_react.default.createElement(CardInner, {
@@ -324,18 +321,10 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         cardProps: cardProps,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent
       }));
-
-      // [WS-2307]: we only render card wrapped into a Provider when the value is ready
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, cardContext && cardContext.value ? /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
-        value: cardContext.value
-      }, cardInner) : null);
     }
   }]);
   return EmbedCardComponent;
 }(_react.default.PureComponent);
-(0, _defineProperty2.default)(EmbedCardComponent, "contextTypes", {
-  contextAdapter: _propTypes.default.object
-});
 var WrappedBlockCard = (0, _genericCard.Card)(EmbedCardComponent, _ui.UnsupportedBlock);
 var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
   (0, _inherits2.default)(EmbedCard, _ReactNodeView);

package/dist/cjs/nodeviews/genericCard.js

@@ -15,7 +15,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
@@ -23,7 +22,8 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _doc = require("../pm-plugins/doc");
 var _state = require("../pm-plugins/util/state");
-var _utils2 = require("../utils");
+var _utils2 = require("../pm-plugins/utils");
+var _WithCardContext = require("../ui/WithCardContext");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
@@ -68,13 +68,12 @@ var WithClickHandler = function WithClickHandler(_ref) {
   }));
 };
 function Card(SmartCardComponent, UnsupportedComponent) {
-  var _class;
-  return _class = /*#__PURE__*/function (_React$Component) {
-    (0, _inherits2.default)(_class, _React$Component);
-    var _super = _createSuper(_class);
-    function _class() {
+  return /*#__PURE__*/function (_React$Component) {
+    (0, _inherits2.default)(_class2, _React$Component);
+    var _super = _createSuper(_class2);
+    function _class2() {
       var _this;
-      (0, _classCallCheck2.default)(this, _class);
+      (0, _classCallCheck2.default)(this, _class2);
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
@@ -84,7 +83,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
       });
       return _this;
     }
-    (0, _createClass2.default)(_class, [{
+    (0, _createClass2.default)(_class2, [{
       key: "render",
       value: function render() {
         var _getPluginState,
@@ -109,7 +108,6 @@ function Card(SmartCardComponent, UnsupportedComponent) {
             return /*#__PURE__*/_react.default.createElement(UnsupportedComponent, null);
           }
         }
-        var cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
         var editorAppearance = (_getPluginState = (0, _state.getPluginState)(this.props.view.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
         var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
         return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
@@ -127,12 +125,14 @@ function Card(SmartCardComponent, UnsupportedComponent) {
           __livePage: this.props.__livePage
         }, function (_ref2) {
           var onClick = _ref2.onClick;
-          return /*#__PURE__*/_react.default.createElement(SmartCardComponent, (0, _extends2.default)({
-            key: url,
-            cardContext: cardContext
-          }, _this2.props, {
-            onClick: onClick
-          }));
+          return /*#__PURE__*/_react.default.createElement(_WithCardContext.WithCardContext, null, function (cardContext) {
+            return /*#__PURE__*/_react.default.createElement(SmartCardComponent, (0, _extends2.default)({
+              key: url,
+              cardContext: cardContext
+            }, _this2.props, {
+              onClick: onClick
+            }));
+          });
         }));
       }
     }, {
@@ -169,8 +169,6 @@ function Card(SmartCardComponent, UnsupportedComponent) {
         }
       }
     }]);
-    return _class;
-  }(_react.default.Component), (0, _defineProperty2.default)(_class, "contextTypes", {
-    contextAdapter: _propTypes.default.object
-  }), _class;
+    return _class2;
+  }(_react.default.Component);
 }

package/dist/cjs/nodeviews/inlineCard.js

@@ -19,8 +19,8 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
 var _actions = require("../pm-plugins/actions");
+var _utils = require("../pm-plugins/utils");
 var _ConfigureOverlay = _interopRequireDefault(require("../ui/ConfigureOverlay"));
-var _utils = require("../utils");
 var _genericCard = require("./genericCard");
 var _inlineCardWithAwareness = require("./inlineCardWithAwareness");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }

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

@@ -15,10 +15,10 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _history = require("@atlaskit/editor-prosemirror/history");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _utils2 = require("../utils");
 var _actions = require("./actions");
 var _pluginKey = require("./plugin-key");
 var _shouldReplaceLink = require("./shouldReplaceLink");
+var _utils2 = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**

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

@@ -22,19 +22,19 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _linkingCommon = require("@atlaskit/linking-common");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _eventsFromTr = require("../analytics/events-from-tr");
-var _localStorage = require("../common/local-storage");
 var _inlineCard = require("../nodeviews/inlineCard");
 var _lazyBlockCard = require("../nodeviews/lazy-block-card");
 var _lazyEmbedCard = require("../nodeviews/lazy-embed-card");
 var _lazyInlineCard = require("../nodeviews/lazy-inline-card");
+var _eventsFromTr = require("../ui/analytics/events-from-tr");
 var _utils2 = require("../ui/LayoutButton/utils");
-var _utils3 = require("../utils");
+var _localStorage = require("../ui/local-storage");
 var _actions = require("./actions");
 var _pluginKey = require("./plugin-key");
 var _reducers = _interopRequireDefault(require("./reducers"));
 var _resolve = require("./util/resolve");
 var _state2 = require("./util/state");
+var _utils3 = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';

package/dist/cjs/{utils.js → pm-plugins/utils.js}

@@ -10,7 +10,7 @@ var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _resolvedAttributes = require("@atlaskit/link-analytics/resolved-attributes");
 var _linkDatasource = require("@atlaskit/link-datasource");
-var _pluginKey = require("./pm-plugins/plugin-key");
+var _pluginKey = require("./plugin-key");
 var appearanceForNodeType = exports.appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {
     return 'inline';

package/dist/cjs/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/ui/AwarenessWrapper/index.js

@@ -9,10 +9,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _useLinkUpgradeDiscoverability = _interopRequireDefault(require("../../common/hooks/useLinkUpgradeDiscoverability"));
-var _localStorage = require("../../common/local-storage");
-var _utils = require("../../utils");
+var _utils = require("../../pm-plugins/utils");
+var _useLinkUpgradeDiscoverability = _interopRequireDefault(require("../hooks/useLinkUpgradeDiscoverability"));
 var _InlineCardOverlay = _interopRequireDefault(require("../InlineCardOverlay"));
+var _localStorage = require("../local-storage");
 var _Pulse = require("../Pulse");
 /**
  * @jsxRuntime classic

package/dist/cjs/ui/DatasourceAppearanceButton.js

@@ -11,10 +11,10 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _linkDatasource = require("@atlaskit/link-datasource");
+var _linkProvider = require("@atlaskit/link-provider");
 var _primitives = require("@atlaskit/primitives");
 var _doc = require("../pm-plugins/doc");
 var _pluginKey = require("../pm-plugins/plugin-key");
-var _CardContextProvider = require("./CardContextProvider");
 var _DatasourceIcon = require("./DatasourceIcon");
 var _useFetchDatasourceInfo = require("./useFetchDatasourceInfo");
 /**
@@ -112,17 +112,15 @@ var DatasourceAppearanceButton = exports.DatasourceAppearanceButton = function D
     editorState = _ref2.editorState,
     selected = _ref2.selected,
     inputMethod = _ref2.inputMethod;
-  return (0, _react2.jsx)(_CardContextProvider.CardContextProvider, null, function (_ref3) {
-    var cardContext = _ref3.cardContext;
-    return (0, _react2.jsx)(DatasourceAppearanceButtonWithCardContext, {
-      url: url,
-      intl: intl,
-      editorAnalyticsApi: editorAnalyticsApi,
-      editorView: editorView,
-      editorState: editorState,
-      cardContext: cardContext,
-      selected: selected,
-      inputMethod: inputMethod
-    });
+  var cardContext = (0, _linkProvider.useSmartLinkContext)();
+  return (0, _react2.jsx)(DatasourceAppearanceButtonWithCardContext, {
+    url: url,
+    intl: intl,
+    editorAnalyticsApi: editorAnalyticsApi,
+    editorView: editorView,
+    editorState: editorState,
+    cardContext: cardContext,
+    selected: selected,
+    inputMethod: inputMethod
   });
 };

package/dist/cjs/ui/DatasourceModal/ModalWithState.js

@@ -8,12 +8,13 @@ exports.modalTypeToComponentMap = exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _linkDatasource = require("@atlaskit/link-datasource");
-var _datasourceErrorBoundary = require("../../datasourceErrorBoundary");
-var _CardContextProvider = require("../CardContextProvider");
+var _linkProvider = require("@atlaskit/link-provider");
+var _datasourceErrorBoundary = require("../datasourceErrorBoundary");
 var _index = require("./index");
 var ModalWithState = function ModalWithState(_ref) {
   var api = _ref.api,
     editorView = _ref.editorView;
+  var cardContext = (0, _linkProvider.useSmartLinkContext)();
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['card']),
     cardState = _useSharedPluginState.cardState;
   if (!cardState) {
@@ -30,16 +31,21 @@ var ModalWithState = function ModalWithState(_ref) {
   return /*#__PURE__*/_react.default.createElement(_datasourceErrorBoundary.DatasourceErrorBoundary, {
     view: editorView,
     datasourceModalType: datasourceModalType
-  }, /*#__PURE__*/_react.default.createElement(_CardContextProvider.CardContextProvider, null, function (_ref2) {
-    var cardContext = _ref2.cardContext;
-    return /*#__PURE__*/_react.default.createElement(_index.DatasourceModal, {
-      view: editorView,
-      cardContext: cardContext,
-      datasourceId: datasourceId,
-      componentType: componentType
-    });
+  }, /*#__PURE__*/_react.default.createElement(_index.DatasourceModal, {
+    view: editorView,
+    cardContext: cardContext,
+    datasourceId: datasourceId,
+    componentType: componentType
   }));
 };
+var SafeModalWithState = /*#__PURE__*/_react.default.memo(function (_ref2) {
+  var api = _ref2.api,
+    editorView = _ref2.editorView;
+  return /*#__PURE__*/_react.default.createElement(_linkProvider.EditorSmartCardProviderValueGuard, null, /*#__PURE__*/_react.default.createElement(ModalWithState, {
+    api: api,
+    editorView: editorView
+  }));
+});
 var modalTypeToComponentMap = exports.modalTypeToComponentMap = {
   jira: {
     componentType: _linkDatasource.JiraIssuesConfigModal,
@@ -54,4 +60,4 @@ var modalTypeToComponentMap = exports.modalTypeToComponentMap = {
     datasourceId: _linkDatasource.ASSETS_LIST_OF_LINKS_DATASOURCE_ID
   }
 };
-var _default = exports.default = ModalWithState;
+var _default = exports.default = SafeModalWithState;

package/dist/cjs/ui/EditLinkToolbar.js

@@ -21,7 +21,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _actions = require("../pm-plugins/actions");
 var _doc = require("../pm-plugins/doc");
-var _utils = require("../utils");
+var _utils = require("../pm-plugins/utils");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function HyperlinkAddToolbarWithState(_ref) {

package/dist/cjs/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -15,7 +15,7 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _menu = require("@atlaskit/menu");
 var _primitives = require("@atlaskit/primitives");
-var _utils = require("../../utils");
+var _utils = require("../../pm-plugins/utils");
 var _editDatasourceAction = require("../editDatasourceAction");
 /**
  * @jsxRuntime classic

package/dist/cjs/ui/EditToolbarButton/index.js

@@ -14,10 +14,10 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+var _linkProvider = require("@atlaskit/link-provider");
 var _menu = require("@atlaskit/menu");
 var _primitives = require("@atlaskit/primitives");
-var _utils = require("../../utils");
-var _CardContextProvider = require("../CardContextProvider");
+var _utils = require("../../pm-plugins/utils");
 var _editDatasourceAction = require("../editDatasourceAction");
 var _useFetchDatasourceDataInfo = require("../useFetchDatasourceDataInfo");
 var _useFetchDatasourceInfo = require("../useFetchDatasourceInfo");
@@ -250,34 +250,11 @@ var EditToolbarButton = exports.EditToolbarButton = function EditToolbarButton(p
     intl = props.intl,
     onLinkEditClick = props.onLinkEditClick,
     url = props.url;
-  return (0, _react2.jsx)(_CardContextProvider.CardContextProvider, null, function (_ref) {
-    var cardContext = _ref.cardContext;
-    if (props.url) {
-      return (0, _react2.jsx)(EditToolbarButtonWithUrl, {
-        datasourceId: datasourceId,
-        url: props.url,
-        intl: intl,
-        editorAnalyticsApi: editorAnalyticsApi,
-        editorView: editorView,
-        cardContext: cardContext,
-        onLinkEditClick: onLinkEditClick,
-        currentAppearance: currentAppearance
-      });
-    }
-    if (props.datasourceId && props.node) {
-      return (0, _react2.jsx)(EditToolbarButtonWithDatasourceId, {
-        datasourceId: props.datasourceId,
-        node: props.node,
-        intl: intl,
-        editorAnalyticsApi: editorAnalyticsApi,
-        editorView: editorView,
-        onLinkEditClick: onLinkEditClick,
-        currentAppearance: currentAppearance
-      });
-    }
-    return (0, _react2.jsx)(EditToolbarButtonWithCardContext, {
+  var cardContext = (0, _linkProvider.useSmartLinkContext)();
+  if (props.url) {
+    return (0, _react2.jsx)(EditToolbarButtonWithUrl, {
       datasourceId: datasourceId,
-      url: url,
+      url: props.url,
       intl: intl,
       editorAnalyticsApi: editorAnalyticsApi,
       editorView: editorView,
@@ -285,5 +262,26 @@ var EditToolbarButton = exports.EditToolbarButton = function EditToolbarButton(p
       onLinkEditClick: onLinkEditClick,
       currentAppearance: currentAppearance
     });
+  }
+  if (props.datasourceId && props.node) {
+    return (0, _react2.jsx)(EditToolbarButtonWithDatasourceId, {
+      datasourceId: props.datasourceId,
+      node: props.node,
+      intl: intl,
+      editorAnalyticsApi: editorAnalyticsApi,
+      editorView: editorView,
+      onLinkEditClick: onLinkEditClick,
+      currentAppearance: currentAppearance
+    });
+  }
+  return (0, _react2.jsx)(EditToolbarButtonWithCardContext, {
+    datasourceId: datasourceId,
+    url: url,
+    intl: intl,
+    editorAnalyticsApi: editorAnalyticsApi,
+    editorView: editorView,
+    cardContext: cardContext,
+    onLinkEditClick: onLinkEditClick,
+    currentAppearance: currentAppearance
   });
 };

package/dist/cjs/ui/EditorLinkingPlatformAnalytics/DatasourceEvents.js

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("react");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkAnalytics = require("@atlaskit/link-analytics");
-var _types = require("../../analytics/types");
+var _types = require("../analytics/types");
 var _common = require("./common");
 var _excluded = ["node", "nodeContext"],
   _excluded2 = ["node", "nodeContext"],

package/dist/cjs/ui/EditorLinkingPlatformAnalytics/LinkEvents.js

@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
 var _linkAnalytics = require("@atlaskit/link-analytics");
-var _types = require("../../analytics/types");
-var _utils = require("../../analytics/utils");
+var _types = require("../analytics/types");
+var _utils = require("../analytics/utils");
 var _common = require("./common");
 var _excluded = ["node", "nodeContext"],
   _excluded2 = ["node", "nodeContext", "previousDisplay"],