@atlaskit/editor-plugin-card 32.1.3 → 32.1.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-card
 
+## 32.1.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 32.1.3
 
 ### Patch Changes

package/dist/cjs/cardPlugin.js

@@ -11,9 +11,9 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _messages = require("@atlaskit/editor-common/messages");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
-var _utils = require("@atlaskit/editor-common/utils");
+var _assets = require("@atlaskit/editor-common/assets");
+var _card = require("@atlaskit/editor-common/messages/card");
+var _datasource = require("@atlaskit/editor-common/utils/datasource");
 var _assetsModal = require("@atlaskit/link-datasource/assets-modal");
 var _confluenceSearchModal = require("@atlaskit/link-datasource/confluence-search-modal");
 var _context3 = require("@atlaskit/link-provider/context");
@@ -28,7 +28,7 @@ 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 _utils2 = require("./pm-plugins/utils");
+var _utils = require("./pm-plugins/utils");
 var _createEventsQueue = require("./ui/analytics/create-events-queue");
 var _ModalWithState = _interopRequireDefault(require("./ui/DatasourceModal/ModalWithState"));
 var _EditorLinkingPlatformAnalytics = require("./ui/EditorLinkingPlatformAnalytics");
@@ -351,15 +351,15 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref2) {
         }
         quickInsertArray.push({
           id: 'datasource',
-          title: formatMessage((0, _fg.fg)('confluence-issue-terminology-refresh') ? _messages.cardMessages.datasourceJiraIssueIssueTermRefresh : _messages.cardMessages.datasourceJiraIssue),
-          description: formatMessage((0, _fg.fg)('confluence-issue-terminology-refresh') ? _messages.cardMessages.datasourceJiraIssueDescriptionIssueTermRefresh : _messages.cardMessages.datasourceJiraIssueDescription),
+          title: formatMessage((0, _fg.fg)('confluence-issue-terminology-refresh') ? _card.messages.datasourceJiraIssueIssueTermRefresh : _card.messages.datasourceJiraIssue),
+          description: formatMessage((0, _fg.fg)('confluence-issue-terminology-refresh') ? _card.messages.datasourceJiraIssueDescriptionIssueTermRefresh : _card.messages.datasourceJiraIssueDescription),
           isDisabledOffline: true,
           categories: ['external-content', 'development'],
           keywords: ['jira'],
           featured: true,
           priority: 500,
           icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconDatasourceJiraIssue, null);
+            return /*#__PURE__*/_react.default.createElement(_assets.IconDatasourceJiraIssue, null);
           },
           action: function action(insert) {
             var tr = insert(undefined);
@@ -367,16 +367,16 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref2) {
             return tr;
           }
         });
-        if ((0, _utils.canRenderDatasource)(_assetsModal.ASSETS_LIST_OF_LINKS_DATASOURCE_ID)) {
+        if ((0, _datasource.canRenderDatasource)(_assetsModal.ASSETS_LIST_OF_LINKS_DATASOURCE_ID)) {
           quickInsertArray.push({
             id: 'datasource',
-            title: formatMessage(_messages.cardMessages.datasourceAssetsObjectsGeneralAvailability),
-            description: formatMessage(_messages.cardMessages.datasourceAssetsObjectsDescription),
+            title: formatMessage(_card.messages.datasourceAssetsObjectsGeneralAvailability),
+            description: formatMessage(_card.messages.datasourceAssetsObjectsDescription),
             isDisabledOffline: true,
             categories: ['external-content', 'development'],
             keywords: ['assets'],
             icon: function icon() {
-              return /*#__PURE__*/_react.default.createElement(_quickInsert.IconDatasourceAssetsObjects, null);
+              return /*#__PURE__*/_react.default.createElement(_assets.IconDatasourceAssetsObjects, null);
             },
             action: function action(insert) {
               var tr = insert(undefined);
@@ -385,17 +385,17 @@ var cardPlugin = exports.cardPlugin = function cardPlugin(_ref2) {
             }
           });
         }
-        if ((0, _utils2.isDatasourceConfigEditable)(_confluenceSearchModal.CONFLUENCE_SEARCH_DATASOURCE_ID)) {
+        if ((0, _utils.isDatasourceConfigEditable)(_confluenceSearchModal.CONFLUENCE_SEARCH_DATASOURCE_ID)) {
           quickInsertArray.push({
             id: 'datasource',
-            title: formatMessage(_messages.cardMessages.datasourceConfluenceSearch),
-            description: formatMessage(_messages.cardMessages.datasourceConfluenceSearchDescription),
+            title: formatMessage(_card.messages.datasourceConfluenceSearch),
+            description: formatMessage(_card.messages.datasourceConfluenceSearchDescription),
             isDisabledOffline: true,
             categories: ['external-content', 'development'],
             keywords: ['confluence'],
             featured: true,
             icon: function icon() {
-              return /*#__PURE__*/_react.default.createElement(_quickInsert.IconDatasourceConfluenceSearch, null);
+              return /*#__PURE__*/_react.default.createElement(_assets.IconDatasourceConfluenceSearch, null);
             },
             action: function action(insert) {
               var tr = insert(undefined);

package/dist/cjs/nodeviews/blockCard.js

@@ -16,14 +16,15 @@ var _react = _interopRequireDefault(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _uuid = require("uuid");
 var _browser = require("@atlaskit/editor-common/browser");
+var _utils = require("@atlaskit/editor-common/Popup/utils");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
-var _ui = require("@atlaskit/editor-common/ui");
-var _utils = require("@atlaskit/editor-common/utils");
+var _UnsupportedBlock = _interopRequireDefault(require("@atlaskit/editor-common/UnsupportedBlock"));
+var _datasource = require("@atlaskit/editor-common/utils/datasource");
 var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _smartCard = require("@atlaskit/smart-card");
+var _lazy = require("@atlaskit/smart-card/card/lazy");
 var _ssr = require("@atlaskit/smart-card/ssr");
-var _datasource = require("../nodeviews/datasource");
+var _datasource2 = require("../nodeviews/datasource");
 var _actions = require("../pm-plugins/actions");
 var _utils2 = require("../pm-plugins/utils");
 var _SmartCardSSRReactContextsProvider = require("../ui/SmartCardSSRReactContextsProvider");
@@ -86,7 +87,7 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
     });
     _this.scrollContainer = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_forced_layout_2') && (0, _isIntersectionObserverSupported.isIntersectionObserverSupported)() ? undefined :
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
+    (0, _utils.findOverflowScrollParent)(props.view.dom) || undefined;
     return _this;
   }
   (0, _inherits2.default)(BlockCardComponent, _React$PureComponent);
@@ -133,7 +134,7 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
         actionOptions: actionOptions,
         CompetitorPrompt: CompetitorPrompt,
         hideIconLoadingSkeleton: true
-      }), this.gapCursorSpan()) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
+      }), this.gapCursorSpan()) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_lazy.Card, {
         key: url,
         url: url !== null && url !== void 0 ? url : data.url,
         container: this.scrollContainer,
@@ -157,7 +158,7 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
     }
   }]);
 }(_react.default.PureComponent);
-var WrappedBlockCard = (0, _genericCard.Card)(BlockCardComponent, _ui.UnsupportedBlock);
+var WrappedBlockCard = (0, _genericCard.Card)(BlockCardComponent, _UnsupportedBlock.default);
 var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   function BlockCard() {
     var _this2;
@@ -291,11 +292,11 @@ var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_
     var isDatasource = (0, _utils2.isDatasourceNode)(node);
     if (isDatasource) {
       var _node$attrs2;
-      if (allowDatasource && (0, _utils.canRenderDatasource)(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.datasource) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.id)) {
+      if (allowDatasource && (0, _datasource.canRenderDatasource)(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.datasource) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.id)) {
         var datasourcePosition = typeof getPos === 'function' && getPos();
         var datasourceResolvedPosition = datasourcePosition && view.state.doc.resolve(datasourcePosition);
         var isNodeNested = !!(datasourceResolvedPosition && datasourceResolvedPosition.depth > 0);
-        return new _datasource.Datasource({
+        return new _datasource2.Datasource({
           node: node,
           view: view,
           getPos: getPos,

package/dist/cjs/nodeviews/datasource.js

@@ -16,9 +16,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 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 _smartCard = require("@atlaskit/editor-common/styles/smart-card");
+var _smartCard2 = require("@atlaskit/editor-common/styles/smartCard");
+var _UnsupportedInline = _interopRequireDefault(require("@atlaskit/editor-common/UnsupportedInline"));
+var _breakout = require("@atlaskit/editor-common/utils/breakout");
 var _datasourceTableViewWithWrappers = require("@atlaskit/link-datasource/datasource-table-view-with-wrappers");
 var _editorSmartCardProvider = require("@atlaskit/link-provider/editor-smart-card-provider");
 var _editorSmartCardProviderValueGuard = require("@atlaskit/link-provider/editor-smart-card-provider-value-guard");
@@ -256,7 +257,7 @@ var Datasource = exports.Datasource = /*#__PURE__*/function (_ReactNodeView) {
     value: function createDomRef() {
       var domRef = document.createElement('div');
       domRef.setAttribute('contenteditable', 'true');
-      domRef.classList.add(_styles.SmartCardSharedCssClassName.DATASOURCE_CONTAINER);
+      domRef.classList.add(_smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER);
       return domRef;
     }
 
@@ -291,17 +292,17 @@ var Datasource = exports.Datasource = /*#__PURE__*/function (_ReactNodeView) {
       // @ts-ignore TS2341: Property domRef is private
       (_this$domRef = this.domRef) === null || _this$domRef === void 0 || _this$domRef.setAttribute('draggable', 'false');
       return (0, _react2.jsx)(_datasourceErrorBoundary.DatasourceErrorBoundary, {
-        unsupportedComponent: _ui.UnsupportedInline,
+        unsupportedComponent: _UnsupportedInline.default,
         view: this.view,
         url: attrs.url,
         datasourceId: attrs === null || attrs === void 0 || (_attrs$datasource = attrs.datasource) === null || _attrs$datasource === void 0 ? void 0 : _attrs$datasource.id
       }, (0, _react2.jsx)("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: _styles.DATASOURCE_INNER_CONTAINER_CLASSNAME,
+        className: _smartCard2.DATASOURCE_INNER_CONTAINER_CLASSNAME,
         style: {
           minWidth: this.isNodeNested ? '100%' :
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          (0, _utils.calcBreakoutWidth)(attrs.layout || _constants.DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
+          (0, _breakout.calcBreakoutWidth)(attrs.layout || _constants.DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
         }
       }, (0, _react2.jsx)(DatasourceComponent, {
         node: this.node,

package/dist/cjs/nodeviews/embedCard.js

@@ -18,17 +18,20 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _uuid = require("uuid");
 var _setAttrs = require("@atlaskit/adf-schema/steps/set-attrs");
 var _urlCheckers = require("@atlaskit/editor-card-provider/url-checkers");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _MediaSingle = _interopRequireDefault(require("@atlaskit/editor-common/MediaSingle"));
+var _utils = require("@atlaskit/editor-common/Popup/utils");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
-var _ui = require("@atlaskit/editor-common/ui");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
-var _utils = require("@atlaskit/editor-common/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _UnsupportedBlock = _interopRequireDefault(require("@atlaskit/editor-common/UnsupportedBlock"));
+var _useSharedPluginStateSelector = require("@atlaskit/editor-common/useSharedPluginStateSelector");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _utils2 = require("@atlaskit/editor-common/utils");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _smartCard = require("@atlaskit/smart-card");
+var _lazy = require("@atlaskit/smart-card/card/lazy");
+var _embedResizeMessageListener = require("@atlaskit/smart-card/embed-resize-message-listener");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
@@ -83,7 +86,7 @@ var CardInner = function CardInner(_ref) {
     heightAlone = _ref.heightAlone,
     cardProps = _ref.cardProps,
     dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['width', 'editorDisabled'], selector),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(pluginInjectionApi, ['width', 'editorDisabled'], selector),
     widthStateLineLength = _useSharedPluginState.widthStateLineLength,
     widthStateWidth = _useSharedPluginState.widthStateWidth,
     editorDisabled = _useSharedPluginState.editorDisabled;
@@ -92,20 +95,20 @@ var CardInner = function CardInner(_ref) {
     return null;
   }
   var lineLength = getLineLength(view, pos, widthStateLineLength);
-  var containerWidth = (0, _utils.isRichMediaInsideOfBlockNode)(view, pos) ? lineLength : widthStateWidth;
+  var containerWidth = (0, _utils2.isRichMediaInsideOfBlockNode)(view, pos) ? lineLength : widthStateWidth;
   if (!allowResizing || !hasPreview) {
     // There are two ways `width` and `height` can be defined here:
     // 1) Either as `heightAlone` as height value and no width
     // 2) or as `1` for height and aspectRation (defined or a default one) as a width
     // See above for how aspectRation is calculated.
-    var defaultAspectRatio = _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH / _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT;
+    var defaultAspectRatio = _constants.DEFAULT_EMBED_CARD_WIDTH / _constants.DEFAULT_EMBED_CARD_HEIGHT;
     var richMediaWrapperHeight = 1;
     var richMediaWrapperWidth = aspectRatio || defaultAspectRatio;
     if (heightAlone) {
       richMediaWrapperHeight = heightAlone;
       richMediaWrapperWidth = undefined;
     }
-    return /*#__PURE__*/_react.default.createElement(_ui.MediaSingle
+    return /*#__PURE__*/_react.default.createElement(_MediaSingle.default
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
     , (0, _extends2.default)({}, cardProps, {
@@ -178,7 +181,7 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         _this.setState({
           initialAspectRatio: aspectRatio
         });
-        _this.saveOriginalDimensionsAttributes(_editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT, _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT * aspectRatio);
+        _this.saveOriginalDimensionsAttributes(_constants.DEFAULT_EMBED_CARD_HEIGHT, _constants.DEFAULT_EMBED_CARD_HEIGHT * aspectRatio);
       }
 
       // don't dispatch immediately since we might be in the middle of
@@ -238,10 +241,10 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
       }
     }));
     (0, _defineProperty2.default)(_this, "getLineLength", function (view, pos, originalLineLength) {
-      if (typeof pos === 'number' && (0, _utils.isRichMediaInsideOfBlockNode)(view, pos)) {
+      if (typeof pos === 'number' && (0, _utils2.isRichMediaInsideOfBlockNode)(view, pos)) {
         var $pos = view.state.doc.resolve(pos);
         var domNode = view.nodeDOM($pos.pos);
-        if ($pos.nodeAfter && _utils.floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
+        if ($pos.nodeAfter && _utils2.floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
           return domNode.parentElement.offsetWidth;
         }
         if (domNode instanceof HTMLElement) {
@@ -309,7 +312,7 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
     (0, _defineProperty2.default)(_this, "removeCardDispatched", false);
     _this.scrollContainer = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_forced_layout_2') && (0, _isIntersectionObserverSupported.isIntersectionObserverSupported)() ? undefined :
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    (0, _ui.findOverflowScrollParent)(props.view.dom) || undefined;
+    (0, _utils.findOverflowScrollParent)(props.view.dom) || undefined;
     _this.state = {
       hasPreview: true
     };
@@ -390,7 +393,7 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         actionOptions: actionOptions,
         CompetitorPrompt: CompetitorPrompt,
         hideIconLoadingSkeleton: true
-      }) : /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
+      }) : /*#__PURE__*/_react.default.createElement(_lazy.Card, {
         key: url,
         url: url,
         appearance: "embed",
@@ -409,7 +412,7 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         url: url,
         appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.EMBED,
         source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.EDITOR
-      }, /*#__PURE__*/_react.default.createElement(_smartCard.EmbedResizeMessageListener, {
+      }, /*#__PURE__*/_react.default.createElement(_embedResizeMessageListener.EmbedResizeMessageListener, {
         embedIframeRef: this.embedIframeRef,
         onHeightUpdate: this.onHeightUpdate
       }, /*#__PURE__*/_react.default.createElement(CardInner, {
@@ -433,7 +436,7 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
 }(_react.default.PureComponent);
 var EmbedOrBlockCardComponent = exports.EmbedOrBlockCardComponent = function EmbedOrBlockCardComponent(props) {
   var width = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(props.pluginInjectionApi, 'width.width');
-  var viewAsBlockCard = width && width <= _editorSharedStyles.akEditorFullPageNarrowBreakout;
+  var viewAsBlockCard = width && width <= _constants.akEditorFullPageNarrowBreakout;
   return viewAsBlockCard ? /*#__PURE__*/_react.default.createElement(_blockCard.BlockCardComponent, {
     id: props.id,
     node: props.node,
@@ -481,7 +484,7 @@ var WrappedEmbedCardWithCondition = (0, _componentWithCondition.componentWithCon
     exposure: true
   });
 }, EmbedOrBlockCardComponent, EmbedCardComponent);
-var WrappedEmbedCard = (0, _genericCard.Card)(WrappedEmbedCardWithCondition, _ui.UnsupportedBlock);
+var WrappedEmbedCard = (0, _genericCard.Card)(WrappedEmbedCardWithCondition, _UnsupportedBlock.default);
 var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
   function EmbedCard() {
     var _this2;

package/dist/cjs/nodeviews/genericCard.js

@@ -16,12 +16,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _isSafeUrl = require("@atlaskit/adf-schema/is-safe-url");
 var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _utils = require("@atlaskit/editor-common/utils");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _analytics = require("@atlaskit/editor-common/utils/analytics");
 var _link = _interopRequireDefault(require("@atlaskit/link/link"));
 var _doc = require("../pm-plugins/doc");
 var _state = require("../pm-plugins/util/state");
-var _utils2 = require("../pm-plugins/utils");
+var _utils = require("../pm-plugins/utils");
 var _WithCardContext = require("../ui/WithCardContext");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -32,7 +32,7 @@ var WithClickHandler = function WithClickHandler(_ref) {
     url = _ref.url,
     onClickCallback = _ref.onClickCallback,
     children = _ref.children;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['editorViewMode'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(pluginInjectionApi, ['editorViewMode'], function (states) {
       var _states$editorViewMod;
       return {
         mode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
@@ -87,7 +87,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
         var _this$props = this.props,
           pluginInjectionApi = _this$props.pluginInjectionApi,
           onClickCallback = _this$props.onClickCallback;
-        var _titleUrlPairFromNode = (0, _utils2.titleUrlPairFromNode)(this.props.node),
+        var _titleUrlPairFromNode = (0, _utils.titleUrlPairFromNode)(this.props.node),
           url = _titleUrlPairFromNode.url;
         if (url && !(0, _isSafeUrl.isSafeUrl)(url)) {
           return /*#__PURE__*/_react.default.createElement(UnsupportedComponent, null);
@@ -107,7 +107,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
           }
         }
         var editorAppearance = (_getPluginState = (0, _state.getPluginState)(this.props.view.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
-        var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
+        var analyticsEditorAppearance = (0, _analytics.getAnalyticsEditorAppearance)(editorAppearance);
         return /*#__PURE__*/_react.default.createElement(_AnalyticsContext.default
         // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         , {
@@ -155,7 +155,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
             node = _this$props2.node,
             getPos = _this$props2.getPos,
             pluginInjectionApi = _this$props2.pluginInjectionApi;
-          var _titleUrlPairFromNode2 = (0, _utils2.titleUrlPairFromNode)(node),
+          var _titleUrlPairFromNode2 = (0, _utils.titleUrlPairFromNode)(node),
             url = _titleUrlPairFromNode2.url;
           if (!getPos || typeof getPos === 'boolean') {
             return;

package/dist/cjs/nodeviews/inlineCard.js

@@ -9,15 +9,15 @@ exports.InlineCardNodeView = InlineCardNodeView;
 exports.inlineCardNodeView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _ui = require("@atlaskit/editor-common/ui");
+var _UnsupportedInline = _interopRequireDefault(require("@atlaskit/editor-common/UnsupportedInline"));
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
 var _utils = require("../pm-plugins/utils");
 var _SmartCardSSRReactContextsProvider = require("../ui/SmartCardSSRReactContextsProvider");
 var _genericCard = require("./genericCard");
 var _inlineCardWithAwareness = require("./inlineCardWithAwareness");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var WrappedInlineCardWithAwareness = (0, _genericCard.Card)(_inlineCardWithAwareness.InlineCardWithAwareness, _ui.UnsupportedInline);
+var WrappedInlineCardWithAwareness = (0, _genericCard.Card)(_inlineCardWithAwareness.InlineCardWithAwareness, _UnsupportedInline.default);
 var selectorWithCard = function selectorWithCard(states) {
   var _states$editorViewMod, _states$cardState;
   return {
@@ -49,7 +49,7 @@ function InlineCardNodeView(props) {
     CompetitorPrompt = props.CompetitorPrompt,
     intl = props.intl,
     smartCardContext = props.smartCardContext;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['editorViewMode', 'card'], selectorWithCard),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(pluginInjectionApi, ['editorViewMode', 'card'], selectorWithCard),
     mode = _useSharedPluginState.mode,
     resolvedInlineSmartLinks = _useSharedPluginState.resolvedInlineSmartLinks;
   var url = node.attrs.url;

package/dist/cjs/nodeviews/inlineCardBase.js

@@ -9,10 +9,10 @@ exports.InlineCard = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _uuid = require("uuid");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _ui = require("@atlaskit/editor-common/ui");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _utils = require("@atlaskit/editor-common/Popup/utils");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _smartCard = require("@atlaskit/smart-card");
+var _lazy = require("@atlaskit/smart-card/card/lazy");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _actions = require("../pm-plugins/actions");
@@ -64,7 +64,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
   var scrollContainer = (0, _react.useMemo)(function () {
     return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_forced_layout_2') && (0, _isIntersectionObserverSupported.isIntersectionObserverSupported)() ? undefined :
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    (0, _ui.findOverflowScrollParent)(view.dom) || undefined;
+    (0, _utils.findOverflowScrollParent)(view.dom) || undefined;
   }, [view.dom]);
   var onResolve = (0, _react.useCallback)(function (data) {
     if (!getPos || typeof getPos === 'boolean') {
@@ -106,7 +106,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
       var _pluginInjectionApi$a, _data$destinationUrl;
       var _ref3 = (_pluginInjectionApi$a = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a !== void 0 ? _pluginInjectionApi$a : {},
         editorAnalyticsApi = _ref3.actions;
-      (0, _toolbar.visitCardLinkAnalytics)(editorAnalyticsApi, _analytics.INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
+      (0, _toolbar.visitCardLinkAnalytics)(editorAnalyticsApi, _enums.INPUT_METHOD.META_CLICK)(view.state, view.dispatch);
       window.open((_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : url, '_blank');
     } else {
       // only trigger the provided onClick callback if the meta key or ctrl key is not pressed
@@ -133,7 +133,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
         hideIconLoadingSkeleton: true
       });
     }
-    return /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
+    return /*#__PURE__*/_react.default.createElement(_lazy.Card, {
       key: url,
       url: url !== null && url !== void 0 ? url : data.url,
       appearance: "inline",

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.InlineCardWithAwareness = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _ui = require("@atlaskit/editor-common/ui");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _HoverLinkOverlay = _interopRequireDefault(require("@atlaskit/editor-common/HoverLinkOverlay"));
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _extractSmartLinkEmbed = require("@atlaskit/link-extractors/extract-smart-link-embed");
 var _isWithinPreviewPanelIframe = require("@atlaskit/linking-common/utils/is-within-preview-panel-iframe");
@@ -85,7 +85,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
       setIsHovered(isHovered);
     }
   }, [isOverlayEnabled]);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['selection', 'editorViewMode'], selector),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(pluginInjectionApi, ['selection', 'editorViewMode'], selector),
     mode = _useSharedPluginState.mode,
     selection = _useSharedPluginState.selection;
   var floatingToolbarNode = selection instanceof _state.NodeSelection && selection.node;
@@ -93,7 +93,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
   var showHoverPreview = floatingToolbarNode !== node;
   var innerCardWithOpenButtonOverlay = (0, _react.useMemo)(function () {
     var _pluginInjectionApi$a;
-    return /*#__PURE__*/_react.default.createElement(_ui.HoverLinkOverlay, {
+    return /*#__PURE__*/_react.default.createElement(_HoverLinkOverlay.default, {
       isVisible: isResolvedViewRendered,
       url: node.attrs.url,
       destinationUrl: destinationUrl,
@@ -160,10 +160,10 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
         if (pluginInjectionApi !== null && pluginInjectionApi !== void 0 && (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) !== null && _pluginInjectionApi$a2 !== void 0 && _pluginInjectionApi$a2.actions) {
           var _pluginInjectionApi$a3, _urlState$details$met, _urlState$details, _urlState$details$met2, _urlState$details2;
           pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.actions) === null || _pluginInjectionApi$a3 === void 0 || _pluginInjectionApi$a3.fireAnalyticsEvent({
-            action: _analytics.ACTION.CLICKED,
-            actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
-            actionSubjectId: _analytics.ACTION_SUBJECT_ID.HOVER_LABEL,
-            eventType: _analytics.EVENT_TYPE.UI,
+            action: _enums.ACTION.CLICKED,
+            actionSubject: _enums.ACTION_SUBJECT.SMART_LINK,
+            actionSubjectId: _enums.ACTION_SUBJECT_ID.HOVER_LABEL,
+            eventType: _enums.EVENT_TYPE.UI,
             attributes: {
               previewType: previewType,
               destinationProduct: (_urlState$details$met = urlState === null || urlState === void 0 || (_urlState$details = urlState.details) === null || _urlState$details === void 0 || (_urlState$details = _urlState$details.meta) === null || _urlState$details === void 0 ? void 0 : _urlState$details.product) !== null && _urlState$details$met !== void 0 ? _urlState$details$met : null,
@@ -187,7 +187,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
         var showPanelButton = isInPreviewPanel ? isPreviewPanelAvailable : isPreviewAvailable;
         if (isPreviewAvailable) {
           var _pluginInjectionApi$a4;
-          return /*#__PURE__*/_react.default.createElement(_ui.HoverLinkOverlay, {
+          return /*#__PURE__*/_react.default.createElement(_HoverLinkOverlay.default, {
             isVisible: isResolvedViewRendered,
             url: url,
             destinationUrl: destinationUrl,

package/dist/cjs/nodeviews/toDOM-fixes/blockCard.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.blockCardSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _blockCard = require("@atlaskit/adf-schema/block-card");
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 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; }
@@ -39,7 +39,7 @@ var blockCardSpecWithFixedToDOM = exports.blockCardSpecWithFixedToDOM = function
       return ['div', attrs, ['a', {
         // To match `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
         // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`
-        style: (0, _lazyNodeView.convertToInlineCss)({
+        style: (0, _cssHelper.convertToInlineCss)({
           padding: "var(--ds-space-025, 2px)".concat(" 0px"),
           marginLeft: "var(--ds-space-negative-025, -2px)",
           display: 'inline',

package/dist/cjs/nodeviews/toDOM-fixes/embedCard.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.embedCardSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _embedCard = require("@atlaskit/adf-schema/embed-card");
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 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; } /**
@@ -70,7 +70,7 @@ var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function
         width = _node$attrs.width,
         originalWidth = _node$attrs.originalWidth,
         originalHeight = _node$attrs.originalHeight;
-      var aspectRatio = originalWidth && originalHeight ? originalWidth / originalHeight : _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH / _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT;
+      var aspectRatio = originalWidth && originalHeight ? originalWidth / originalHeight : _constants.DEFAULT_EMBED_CARD_WIDTH / _constants.DEFAULT_EMBED_CARD_HEIGHT;
       var attrs = _objectSpread({
         'data-embed-card': '',
         'data-card-url': url,
@@ -80,7 +80,7 @@ var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function
         'data-original-height': originalHeight,
         class: 'embedCardView-content-wrap',
         // From `packages/editor/editor-plugin-card/src/ui/ResizableEmbedCard.tsx`
-        style: (0, _lazyNodeView.convertToInlineCss)({
+        style: (0, _cssHelper.convertToInlineCss)({
           margin: calcMargin(layout),
           width: "".concat(Math.ceil(calcPxFromPct(width / 100, LINE_LENGTH)), "px"),
           marginRight: layout === 'align-end' ? '0' : '',
@@ -97,7 +97,7 @@ var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function
       //
       // To match: `packages/linking-platform/smart-card/src/view/CardWithUrl/component-lazy/LoadingCardLink.tsx`
       ['a', {
-        style: (0, _lazyNodeView.convertToInlineCss)({
+        style: (0, _cssHelper.convertToInlineCss)({
           padding: "var(--ds-space-025, 2px)".concat(" 0px"),
           marginLeft: "var(--ds-space-negative-025, -2px)",
           display: 'inline',
@@ -116,7 +116,7 @@ var embedCardSpecWithFixedToDOM = exports.embedCardSpecWithFixedToDOM = function
       // From `packages/editor/editor-plugin-card/src/ui/ResizableEmbedCard.tsx`
       // The `getHeightDefiningComponent` that defines the height of the element
       ['span', {
-        style: (0, _lazyNodeView.convertToInlineCss)({
+        style: (0, _cssHelper.convertToInlineCss)({
           display: 'block',
           paddingBottom: "calc(".concat((1 / aspectRatio * 100).toFixed(3), "% + ", "var(--ds-space-400, 32px)", ")")
         })

package/dist/cjs/nodeviews/toDOM-fixes/inlineCard.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.inlineCardSpecWithFixedToDOM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _inlineCard = require("@atlaskit/adf-schema/inline-card");
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 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; }
@@ -30,7 +30,7 @@ var inlineCardSpecWithFixedToDOM = exports.inlineCardSpecWithFixedToDOM = functi
         // LoadingCardLink used for Suspense in `packages/linking-platform/smart-card/src/view/CardWithUrl/loader.tsx`
         // We need to match the style of LoadingCardLink
         // Which uses frame styling `packages/linking-platform/smart-card/src/view/InlineCard/Frame/styled.ts`, with withoutBackground=true
-        style: (0, _lazyNodeView.convertToInlineCss)({
+        style: (0, _cssHelper.convertToInlineCss)({
           padding: "var(--ds-space-025, 2px)".concat(" 0px"),
           marginLeft: "var(--ds-space-negative-025, -2px)",
           display: 'inline',