@atlaskit/editor-plugin-card 32.1.3 → 32.1.6

package/dist/cjs/ui/LinkToolbarAppearanceDropdown.js

@@ -7,10 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.getLinkAppearanceDropdown = exports.LinkAppearanceMenu = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _card = require("@atlaskit/editor-common/card");
-var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-common/utils");
+var _linkToolbarDropdownOptions = require("@atlaskit/editor-common/card/link-toolbar-dropdown-options");
+var _utils = require("@atlaskit/editor-common/card/utils");
+var _card2 = require("@atlaskit/editor-common/messages/card");
+var _linkToolbar = require("@atlaskit/editor-common/messages/link-toolbar");
+var _utils2 = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _useSmartCardContext = require("@atlaskit/link-provider/use-smart-card-context");
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
@@ -49,11 +52,11 @@ var LinkAppearanceMenu = exports.LinkAppearanceMenu = function LinkAppearanceMen
       return null;
     }
   }
-  var isBlockCardLinkSupportedInParent = allowBlockCards ? (0, _utils.isSupportedInParent)(editorState, _model.Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance) : false;
-  var isEmbedCardLinkSupportedInParent = allowEmbeds ? (0, _utils.isSupportedInParent)(editorState, _model.Fragment.from(editorState.schema.nodes.embedCard.createChecked({})), currentAppearance) : false;
+  var isBlockCardLinkSupportedInParent = allowBlockCards ? (0, _utils2.isSupportedInParent)(editorState, _model.Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance) : false;
+  var isEmbedCardLinkSupportedInParent = allowEmbeds ? (0, _utils2.isSupportedInParent)(editorState, _model.Fragment.from(editorState.schema.nodes.embedCard.createChecked({})), currentAppearance) : false;
   var embedOption = allowEmbeds && preview && {
     appearance: 'embed',
-    title: intl.formatMessage(_messages.cardMessages.embed),
+    title: intl.formatMessage(_card2.messages.embed),
     onClick: (_setSelectedCardAppea = (0, _doc.setSelectedCardAppearance)('embed', editorAnalyticsApi)) !== null && _setSelectedCardAppea !== void 0 ? _setSelectedCardAppea : defaultCommand,
     selected: currentAppearance === 'embed',
     hidden: false,
@@ -62,11 +65,11 @@ var LinkAppearanceMenu = exports.LinkAppearanceMenu = function LinkAppearanceMen
     tooltip: isEmbedCardLinkSupportedInParent ? undefined : (0, _LinkToolbarAppearance.getUnavailableMessage)(editorState, intl),
     description: (0, _editorExperiment.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
       exposure: true
-    }) ? intl.formatMessage(_messages.cardMessages.embedToBlockCardWarning) : undefined
+    }) ? intl.formatMessage(_card2.messages.embedToBlockCardWarning) : undefined
   };
   var blockCardOption = allowBlockCards && {
     appearance: 'block',
-    title: intl.formatMessage(_messages.cardMessages.block),
+    title: intl.formatMessage(_card2.messages.block),
     onClick: (_setSelectedCardAppea2 = (0, _doc.setSelectedCardAppearance)('block', editorAnalyticsApi)) !== null && _setSelectedCardAppea2 !== void 0 ? _setSelectedCardAppea2 : defaultCommand,
     selected: currentAppearance === 'block' && !isDatasourceView,
     testId: 'block-appearance',
@@ -74,15 +77,15 @@ var LinkAppearanceMenu = exports.LinkAppearanceMenu = function LinkAppearanceMen
     tooltip: isBlockCardLinkSupportedInParent ? undefined : (0, _LinkToolbarAppearance.getUnavailableMessage)(editorState, intl)
   };
   var options = [{
-    title: intl.formatMessage(_messages.cardMessages.url),
-    onClick: (0, _card.commandWithMetadata)((_changeSelectedCardTo = (0, _doc.changeSelectedCardToLink)(url, url, true, undefined, undefined, editorAnalyticsApi)) !== null && _changeSelectedCardTo !== void 0 ? _changeSelectedCardTo : defaultCommand, {
-      action: _analytics.ACTION.CHANGED_TYPE
+    title: intl.formatMessage(_card2.messages.url),
+    onClick: (0, _utils.commandWithMetadata)((_changeSelectedCardTo = (0, _doc.changeSelectedCardToLink)(url, url, true, undefined, undefined, editorAnalyticsApi)) !== null && _changeSelectedCardTo !== void 0 ? _changeSelectedCardTo : defaultCommand, {
+      action: _enums.ACTION.CHANGED_TYPE
     }),
     selected: !currentAppearance && !isDatasourceView,
     testId: 'url-appearance'
   }, {
     appearance: 'inline',
-    title: intl.formatMessage(_messages.cardMessages.inline),
+    title: intl.formatMessage(_card2.messages.inline),
     onClick: (_setSelectedCardAppea3 = (0, _doc.setSelectedCardAppearance)('inline', editorAnalyticsApi)) !== null && _setSelectedCardAppea3 !== void 0 ? _setSelectedCardAppea3 : defaultCommand,
     selected: currentAppearance === 'inline',
     testId: 'inline-appearance'
@@ -94,9 +97,9 @@ var LinkAppearanceMenu = exports.LinkAppearanceMenu = function LinkAppearanceMen
     options.push(embedOption);
   }
   var finalOptions = options.map(function (option) {
-    return (0, _card.getDropdownOption)(intl, dispatchCommand, _objectSpread(_objectSpread({}, option), {}, {
-      onClick: (0, _card.commandWithMetadata)(option.onClick, {
-        inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
+    return (0, _linkToolbarDropdownOptions.getDropdownOption)(intl, dispatchCommand, _objectSpread(_objectSpread({}, option), {}, {
+      onClick: (0, _utils.commandWithMetadata)(option.onClick, {
+        inputMethod: _enums.INPUT_METHOD.FLOATING_TB
       })
     }));
   });
@@ -125,7 +128,7 @@ var LinkAppearanceMenu = exports.LinkAppearanceMenu = function LinkAppearanceMen
     intl: intl,
     url: url !== null && url !== void 0 ? url : '',
     selected: Boolean(isDatasourceView),
-    inputMethod: _analytics.INPUT_METHOD.FLOATING_TB,
+    inputMethod: _enums.INPUT_METHOD.FLOATING_TB,
     dispatchCommand: dispatchCommand
   })), 'href' in settingsConfig && settingsConfig.href && /*#__PURE__*/_react.default.createElement(_section.default, {
     hasSeparator: true
@@ -135,7 +138,7 @@ var LinkAppearanceMenu = exports.LinkAppearanceMenu = function LinkAppearanceMen
     }),
     href: settingsConfig.href,
     target: 'target' in settingsConfig ? settingsConfig.target : undefined
-  }, intl.formatMessage(_messages.linkToolbarMessages.preferencesLink))));
+  }, intl.formatMessage(_linkToolbar.linkToolbarMessages.preferencesLink))));
 };
 var getLinkAppearanceDropdown = exports.getLinkAppearanceDropdown = function getLinkAppearanceDropdown(_ref2) {
   var url = _ref2.url,

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.OpenLinkToolbarButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _ui = require("@atlaskit/editor-common/ui");
+var _Button = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Button"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _useSmartLinkDestinationUrl = require("@atlaskit/smart-card/hook/use-smart-link-destination-url");
 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); }
@@ -28,7 +28,7 @@ var OpenLinkToolbarButton = exports.OpenLinkToolbarButton = function OpenLinkToo
   var handleClick = (0, _react.useCallback)(function () {
     onClick(editorView.state, editorView.dispatch);
   }, [editorView, onClick]);
-  return /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton
+  return /*#__PURE__*/_react.default.createElement(_Button.default
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: "hyperlink-open-link",

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

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.OpenPreviewPanelToolbarButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _ui = require("@atlaskit/editor-common/ui");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _Button = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Button"));
+var _link = require("@atlaskit/editor-common/messages/link");
 var _panelRight = _interopRequireDefault(require("@atlaskit/icon/core/panel-right"));
 var _extractSmartLinkEmbed = require("@atlaskit/link-extractors/extract-smart-link-embed");
 var _useSmartLinkContext2 = require("@atlaskit/link-provider/use-smart-link-context");
@@ -54,16 +54,16 @@ var OpenPreviewPanelToolbarButton = exports.OpenPreviewPanelToolbarButton = func
         });
       }
       editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.fireAnalyticsEvent({
-        action: _analytics.ACTION.CLICKED,
-        actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.TOOLBAR_PREVIEW,
+        action: _enums.ACTION.CLICKED,
+        actionSubject: _enums.ACTION_SUBJECT.SMART_LINK,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.TOOLBAR_PREVIEW,
         attributes: _objectSpread({
           previewType: 'panel'
         }, (0, _utils.getResolvedAttributesFromStore)(url, display, store)),
-        eventType: _analytics.EVENT_TYPE.UI
+        eventType: _enums.EVENT_TYPE.UI
       });
     };
-    var title = intl.formatMessage(_messages.linkMessages.openPreviewPanel);
+    var title = intl.formatMessage(_link.linkMessages.openPreviewPanel);
     var icon = areAnyNewToolbarFlagsEnabled ? /*#__PURE__*/_react.default.createElement(_panelRight.default, {
       label: "",
       spacing: "spacious"
@@ -90,7 +90,7 @@ var OpenPreviewPanelToolbarButton = exports.OpenPreviewPanelToolbarButton = func
     if (openPreviewPanel && isPanelAvailable) {
       return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
         gap: "space.050"
-      }, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
         testId: "open-preview-panel-floating-toolbar-button",
         onClick: handleOpenGlancePanelClick,
         icon: icon,

package/dist/cjs/ui/PasteDisplayAsMenu.js

@@ -15,13 +15,16 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _css = require("@atlaskit/css");
 var _card = require("@atlaskit/editor-common/card");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _link = require("@atlaskit/editor-common/link");
-var _toolbar = require("@atlaskit/editor-common/toolbar");
-var _utils = require("@atlaskit/editor-common/utils");
+var _utils = require("@atlaskit/editor-common/link/utils");
+var _context2 = require("@atlaskit/editor-common/toolbar/context");
+var _keys = require("@atlaskit/editor-common/toolbar/keys");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _utils2 = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
+var _toolbarDropdownMenuContext = require("@atlaskit/editor-toolbar/toolbar-dropdown-menu-context");
+var _toolbarTooltip = require("@atlaskit/editor-toolbar/toolbar-tooltip");
 var _minus = _interopRequireDefault(require("@atlaskit/icon/core/minus"));
 var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-card"));
 var _smartLinkEmbed = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-embed"));
@@ -61,7 +64,7 @@ var AppearanceOptionIconButton = function AppearanceOptionIconButton(_ref) {
     onClick = _ref.onClick;
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.iconWrapper
-  }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
+  }, /*#__PURE__*/_react.default.createElement(_toolbarTooltip.ToolbarTooltip, {
     content: label,
     position: "bottom"
   }, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
@@ -188,7 +191,7 @@ var getFirstLinkRangeInSelection = exports.getFirstLinkRangeInSelection = functi
 var normalizeSelectionToLinkRangeForUrlAppearance = exports.normalizeSelectionToLinkRangeForUrlAppearance = function normalizeSelectionToLinkRangeForUrlAppearance(_ref7) {
   var editorView = _ref7.editorView,
     targetPos = _ref7.targetPos;
-  if (targetPos !== undefined || (0, _link.getActiveLinkMark)(editorView.state)) {
+  if (targetPos !== undefined || (0, _utils.getActiveLinkMark)(editorView.state)) {
     return;
   }
   var firstLinkRange = getFirstLinkRangeInSelection(editorView);
@@ -204,14 +207,14 @@ var PasteDisplayAsMenuHorizontalView = function PasteDisplayAsMenuHorizontalView
     allowBlockCards = _ref8.allowBlockCards,
     allowEmbeds = _ref8.allowEmbeds;
   var intl = (0, _reactIntl.useIntl)();
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
+  var _useEditorToolbar = (0, _context2.useEditorToolbar)(),
     editorView = _useEditorToolbar.editorView;
-  var toolbarDropdownMenu = (0, _editorToolbar.useToolbarDropdownMenu)();
+  var toolbarDropdownMenu = (0, _toolbarDropdownMenuContext.useToolbarDropdownMenu)();
   var smartCardContext = (0, _useSmartCardContext.useSmartCardContext)();
   var frameRef = (0, _react.useRef)(null);
   var isApplyingRef = (0, _react.useRef)(false);
   var apiWithPasteOptionsToolbar = api;
-  var pasteRange = (0, _hooks.useSharedPluginStateWithSelector)(apiWithPasteOptionsToolbar, ['pasteOptionsToolbarPlugin'], function (states) {
+  var pasteRange = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(apiWithPasteOptionsToolbar, ['pasteOptionsToolbarPlugin'], function (states) {
     var pluginState = states.pasteOptionsToolbarPluginState;
     return pluginState ? {
       pasteEndPos: pluginState.pasteEndPos,
@@ -219,7 +222,7 @@ var PasteDisplayAsMenuHorizontalView = function PasteDisplayAsMenuHorizontalView
     } : undefined;
   });
   // Subscribe to card state so the menu re-renders when resolved card metadata updates.
-  (0, _hooks.useSharedPluginStateWithSelector)(api, ['card'], function (states) {
+  (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['card'], function (states) {
     return states.cardState;
   });
   var pastedLinkUrlFromSlice = (0, _currentPastedSmartLink.getSingleSmartLinkUrlFromSlice)(getCurrentPastedSlice(api));
@@ -321,11 +324,11 @@ var PasteDisplayAsMenuHorizontalView = function PasteDisplayAsMenuHorizontalView
   var preview = allowEmbeds && pastedLinkUrl && ((_smartCardContext$val2 = smartCardContext.value) === null || _smartCardContext$val2 === void 0 ? void 0 : _smartCardContext$val2.extractors.getPreview(pastedLinkUrl, 'web'));
   var blockCardNodeType = editorView.state.schema.nodes.blockCard;
   var embedCardNodeType = editorView.state.schema.nodes.embedCard;
-  var isBlockSupportedFromAppearanceContext = allowBlockCards && blockCardNodeType && (0, _utils.isSupportedInParent)(editorView.state, _model.Fragment.from(blockCardNodeType.createChecked({})), currentAppearance === 'url' || currentAppearance === 'inline' ? undefined : currentAppearance);
-  var isEmbedSupportedFromAppearanceContext = allowEmbeds && preview && embedCardNodeType && (0, _utils.isSupportedInParent)(editorView.state, _model.Fragment.from(embedCardNodeType.createChecked({})), currentAppearance === 'url' || currentAppearance === 'inline' ? undefined : currentAppearance);
+  var isBlockSupportedFromAppearanceContext = allowBlockCards && blockCardNodeType && (0, _utils2.isSupportedInParent)(editorView.state, _model.Fragment.from(blockCardNodeType.createChecked({})), currentAppearance === 'url' || currentAppearance === 'inline' ? undefined : currentAppearance);
+  var isEmbedSupportedFromAppearanceContext = allowEmbeds && preview && embedCardNodeType && (0, _utils2.isSupportedInParent)(editorView.state, _model.Fragment.from(embedCardNodeType.createChecked({})), currentAppearance === 'url' || currentAppearance === 'inline' ? undefined : currentAppearance);
   var isSmartLinkConvertible = hasResolvedSmartLinkData;
-  var isBlockSupportedFromSelection = allowBlockCards && blockCardNodeType && (0, _utils.isSupportedInParent)(editorView.state, _model.Fragment.from(blockCardNodeType.createChecked({})), undefined);
-  var isEmbedSupportedFromSelection = allowEmbeds && preview && embedCardNodeType && (0, _utils.isSupportedInParent)(editorView.state, _model.Fragment.from(embedCardNodeType.createChecked({})), undefined);
+  var isBlockSupportedFromSelection = allowBlockCards && blockCardNodeType && (0, _utils2.isSupportedInParent)(editorView.state, _model.Fragment.from(blockCardNodeType.createChecked({})), undefined);
+  var isEmbedSupportedFromSelection = allowEmbeds && preview && embedCardNodeType && (0, _utils2.isSupportedInParent)(editorView.state, _model.Fragment.from(embedCardNodeType.createChecked({})), undefined);
   // A native embed is replaced in place, so support depends on what its own position
   // accepts rather than on the current selection or on an embed preview being available.
   var nativeEmbedPos = isNativeEmbedPaste ? cardAtPasteRange === null || cardAtPasteRange === void 0 ? void 0 : cardAtPasteRange.pos : undefined;
@@ -373,7 +376,7 @@ var PasteDisplayAsMenuSection = function PasteDisplayAsMenuSection(_ref9) {
     allowBlockCards = _ref9.allowBlockCards,
     allowEmbeds = _ref9.allowEmbeds;
   var intl = (0, _reactIntl.useIntl)();
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
     title: intl.formatMessage({
       defaultMessage: 'Display as',
       description: 'Section title for Smart Link display options in the paste actions menu.',
@@ -436,8 +439,8 @@ var getPasteDisplayAsMenuComponents = exports.getPasteDisplayAsMenuComponents =
     type: 'menu-section',
     key: SMART_LINK_DISPLAY_AS_PASTE_MENU_SECTION_KEY,
     parents: [{
-      type: _toolbar.PASTE_MENU.type,
-      key: _toolbar.PASTE_MENU.key,
+      type: _keys.PASTE_MENU.type,
+      key: _keys.PASTE_MENU.key,
       rank: 60
     }],
     isAsyncHidden: smartlinkAsyncHidden,

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -14,12 +14,15 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
+var _grid = require("@atlaskit/editor-common/MediaSingle/grid");
+var _ResizerLegacy = _interopRequireDefault(require("@atlaskit/editor-common/ResizerLegacy"));
+var _styled = require("@atlaskit/editor-common/ResizerLegacy/styled");
 var _ui = require("@atlaskit/editor-common/ui");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _smartCard = require("@atlaskit/smart-card");
+var _embedResizeMessageListener = require("@atlaskit/smart-card/embed-resize-message-listener");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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; }
@@ -92,9 +95,9 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
         state = _this$props2.view.state;
       var resizedPctWidth = _this.state.resizedPctWidth;
       var pos = typeof getPos === 'function' ? getPos() : undefined;
-      return (0, _ui.calcMediaPxWidth)({
-        origWidth: _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH,
-        origHeight: _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT,
+      return (0, _grid.calcMediaPxWidth)({
+        origWidth: _constants.DEFAULT_EMBED_CARD_WIDTH,
+        origHeight: _constants.DEFAULT_EMBED_CARD_HEIGHT,
         pctWidth: pctWidth,
         state: state,
         containerWidth: {
@@ -230,9 +233,9 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
     get: function get() {
       var lineLength = this.props.lineLength;
       if (lineLength) {
-        return Math.ceil(lineLength * _editorSharedStyles.breakoutWideScaleRatio);
+        return Math.ceil(lineLength * _constants.breakoutWideScaleRatio);
       } else {
-        return _editorSharedStyles.akEditorWideLayoutWidth;
+        return _constants.akEditorWideLayoutWidth;
       }
     }
 
@@ -270,7 +273,7 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
       var isTopLevel = $pos.parent.type.name === 'doc';
       if (isTopLevel) {
         snapPoints.push(this.wideLayoutWidth);
-        var fullWidthPoint = containerWidth - _editorSharedStyles.akEditorBreakoutPadding;
+        var fullWidthPoint = containerWidth - _constants.akEditorBreakoutPadding;
         if (fullWidthPoint > this.wideLayoutWidth) {
           snapPoints.push(fullWidthPoint);
         }
@@ -328,7 +331,7 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
         // paddingBottom = (y + 32) / x
         // which can be achieved with css calc() as (1 / (x/y)) * 100)% + 32px
         heightDefiningStyles = {
-          paddingBottom: "calc(".concat((1 / aspectRatio * 100).toFixed(3), "% + ").concat(_smartCard.embedHeaderHeight, "px)")
+          paddingBottom: "calc(".concat((1 / aspectRatio * 100).toFixed(3), "% + ").concat(_embedResizeMessageListener.embedHeaderHeight, "px)")
         };
       }
       return (0, _react2.jsx)("span", {
@@ -357,7 +360,7 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
         children = _this$props7.children;
       var resizerProps = {
         width: this.calcPxWidth(),
-        innerPadding: _editorSharedStyles.akEditorMediaResizeHandlerPadding
+        innerPadding: _constants.akEditorMediaResizeHandlerPadding
       };
       var isLeftResizeHandleDisabled = (0, _expValEquals.expValEquals)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) || (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_remove_left_resize_handle');
       var enable = {};
@@ -400,14 +403,14 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
         "data-testid": "resizable-embed-card-spacing"
       }, (0, _react2.jsx)("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-        css: (0, _ui.wrapperStyle)({
+        css: (0, _styled.wrapperStyle)({
           layout: layout,
           isResized: !!pctWidth,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          containerWidth: containerWidth || _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH,
+          containerWidth: containerWidth || _constants.DEFAULT_EMBED_CARD_WIDTH,
           fullWidthMode: fullWidthMode
         })
-      }, (0, _react2.jsx)(_ui.Resizer
+      }, (0, _react2.jsx)(_ResizerLegacy.default
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
       , (0, _extends2.default)({}, this.props, {
@@ -427,5 +430,5 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
   }]);
 }(_react.default.Component);
 (0, _defineProperty2.default)(ResizableEmbedCard, "defaultProps", {
-  aspectRatio: _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH / _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT
+  aspectRatio: _constants.DEFAULT_EMBED_CARD_WIDTH / _constants.DEFAULT_EMBED_CARD_HEIGHT
 });

package/dist/cjs/ui/SmartCardSSRReactContextsProvider.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.SmartCardSSRReactContextsProvider = SmartCardSSRReactContextsProvider;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _isSsr = require("@atlaskit/editor-common/is-ssr");
 var _context = require("@atlaskit/link-provider/context");
 function SmartCardSSRReactContextsProvider(_ref) {
   var smartCardContext = _ref.smartCardContext,
     children = _ref.children,
     intl = _ref.intl;
-  if (!(0, _coreUtils.isSSR)()) {
+  if (!(0, _isSsr.isSSR)()) {
     return children;
   }
   if (!intl || !smartCardContext) {

package/dist/cjs/ui/analytics/events-from-tr.js

@@ -9,10 +9,11 @@ exports.findChanged = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _linkMetaStep = require("@atlaskit/adf-schema/steps/link-meta-step");
-var _customSteps = require("@atlaskit/custom-steps");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _sortColumn = require("@atlaskit/custom-steps/sort-column");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _card = require("@atlaskit/editor-common/card");
 var _utils = require("@atlaskit/editor-common/utils");
+var _nodes = require("@atlaskit/editor-common/utils/nodes");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _pluginKey = require("../../pm-plugins/plugin-key");
 var _state = require("../../pm-plugins/util/state");
@@ -57,7 +58,7 @@ var findChanged = exports.findChanged = function findChanged(tr, state) {
      */
     if (step instanceof _transform.AddMarkStep) {
       var addMarkStep = step;
-      if ((0, _utils.isLinkMark)(addMarkStep.mark, schema)) {
+      if ((0, _nodes.isLinkMark)(addMarkStep.mark, schema)) {
         var node = after.nodeAt(addMarkStep.from);
         if (node) {
           /**
@@ -73,7 +74,7 @@ var findChanged = exports.findChanged = function findChanged(tr, state) {
     }
     if (step instanceof _transform.RemoveMarkStep) {
       var removeMarkStep = step;
-      if ((0, _utils.isLinkMark)(removeMarkStep.mark, schema)) {
+      if ((0, _nodes.isLinkMark)(removeMarkStep.mark, schema)) {
         var _node = before.nodeAt(removeMarkStep.from);
         if (_node) {
           removedInStep.push({
@@ -204,7 +205,7 @@ var findChanged = exports.findChanged = function findChanged(tr, state) {
 /**
  * List of actions to be considered link "updates"
  */
-var UPDATE_ACTIONS = [_analytics.ACTION.CHANGED_TYPE, _analytics.ACTION.UPDATED];
+var UPDATE_ACTIONS = [_enums.ACTION.CHANGED_TYPE, _enums.ACTION.UPDATED];
 
 /**
  * Returns true if the transaction has LinkMetaSteps that indicate the transaction is
@@ -318,7 +319,7 @@ function eventsFromTransaction(tr, state) {
     var isRemote = tr.getMeta('isRemote');
     var isReplaceDocument = tr.getMeta('replaceDocument');
     var isTableSort = tr.steps.find(function (step) {
-      return step instanceof _customSteps.TableSortStep;
+      return step instanceof _sortColumn.TableSortStep;
     });
     if (isRemote || isReplaceDocument || isTableSort) {
       return events;

package/dist/cjs/ui/editDatasourceAction.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.editDatasource = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _utils = require("@atlaskit/editor-common/utils");
 var _actions = require("../pm-plugins/actions");
 var editDatasource = exports.editDatasource = function editDatasource(datasourceId, editorAnalyticsApi, appearance, extensionKey) {
@@ -14,10 +14,10 @@ var editDatasource = exports.editDatasource = function editDatasource(datasource
       var tr = state.tr;
       (0, _actions.showDatasourceModal)(datasourceType)(tr);
       editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent({
-        action: _analytics.ACTION.CLICKED,
-        actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.EDIT_DATASOURCE,
-        eventType: _analytics.EVENT_TYPE.UI,
+        action: _enums.ACTION.CLICKED,
+        actionSubject: _enums.ACTION_SUBJECT.BUTTON,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.EDIT_DATASOURCE,
+        eventType: _enums.EVENT_TYPE.UI,
         attributes: {
           extensionKey: extensionKey,
           appearance: appearance

package/dist/cjs/ui/nativeEmbedNode.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.isNativeEmbedNode = exports.isNativeEmbedAppearanceSupported = exports.getNativeEmbedUrl = exports.changeNativeEmbedAppearance = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _isSafeUrl = require("@atlaskit/adf-schema/is-safe-url");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _extensions = require("@atlaskit/editor-common/extensions");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _manifestHelpers = require("@atlaskit/editor-common/extensions/manifest-helpers");
 /**
  * A native embed is an `extension` node that `editor-plugin-native-embeds` builds from
  * embedCard ADF (via the `embedCardNodeTransformer` registered on the card plugin).
@@ -22,7 +22,7 @@ var _extensions = require("@atlaskit/editor-common/extensions");
  */
 var isNativeEmbedNode = exports.isNativeEmbedNode = function isNativeEmbedNode(node) {
   var _node$attrs, _node$attrs2;
-  return (node === null || node === void 0 ? void 0 : node.type.name) === 'extension' && ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionType) === _extensions.NATIVE_EMBED_EXTENSION_TYPE && typeof ((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.extensionKey) === 'string' && node.attrs.extensionKey.includes(_extensions.NATIVE_EMBED_EXTENSION_KEY);
+  return (node === null || node === void 0 ? void 0 : node.type.name) === 'extension' && ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionType) === _manifestHelpers.NATIVE_EMBED_EXTENSION_TYPE && typeof ((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.extensionKey) === 'string' && node.attrs.extensionKey.includes(_manifestHelpers.NATIVE_EMBED_EXTENSION_KEY);
 };
 
 /**
@@ -116,9 +116,9 @@ var changeNativeEmbedAppearance = exports.changeNativeEmbedAppearance = function
   try {
     var tr = state.tr.replaceWith(pos, pos + node.nodeSize, content).scrollIntoView();
     editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent({
-      action: _analytics.ACTION.CHANGED_TYPE,
-      actionSubject: _analytics.ACTION_SUBJECT.NATIVE_EMBED,
-      eventType: _analytics.EVENT_TYPE.TRACK,
+      action: _enums.ACTION.CHANGED_TYPE,
+      actionSubject: _enums.ACTION_SUBJECT.NATIVE_EMBED,
+      eventType: _enums.EVENT_TYPE.TRACK,
       attributes: {
         newType: appearance,
         previousType: 'nativeEmbed'

package/dist/cjs/ui/preview/PreviewInvoker.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PreviewInvoker = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@atlaskit/smart-card/hooks");
+var _useSmartLinkActions = require("@atlaskit/smart-card/hook/use-smart-link-actions");
 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 PreviewInvoker = exports.PreviewInvoker = function PreviewInvoker(_ref) {
   var url = _ref.url,
     appearance = _ref.appearance,
     children = _ref.children;
-  var actions = (0, _hooks.useSmartLinkActions)({
+  var actions = (0, _useSmartLinkActions.useSmartLinkActions)({
     url: url,
     appearance: appearance
   });

package/dist/cjs/ui/quick-insert/DatasourceQuickInsertMenuItem.js

@@ -9,11 +9,11 @@ exports.DatasourceQuickInsertMenuItem = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/editor-common/messages");
+var _card = require("@atlaskit/editor-common/messages/card");
 var _confluenceAttributionIcon = require("@atlaskit/editor-common/quick-insert/confluence-attribution-icon");
 var _jiraAttributionIcon = require("@atlaskit/editor-common/quick-insert/jira-attribution-icon");
 var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
-var _messages2 = require("@atlaskit/editor-common/quick-insert/messages");
+var _messages = require("@atlaskit/editor-common/quick-insert/messages");
 var _useQuickInsertContext = require("@atlaskit/editor-common/quick-insert/use-quick-insert-context");
 var _assets = _interopRequireDefault(require("@atlaskit/icon/core/assets"));
 var _pages = _interopRequireDefault(require("@atlaskit/icon/core/pages"));
@@ -32,12 +32,12 @@ var DatasourceQuickInsertMenuItem = exports.DatasourceQuickInsertMenuItem = func
     isOffline = _useQuickInsertContex.isOffline;
   var isJira = type === 'jira';
   var isConfluenceSearch = type === 'confluence-search';
-  var description = formatMessage(isJira ? (0, _fg.fg)('confluence-issue-terminology-refresh') ? _messages.cardMessages.datasourceJiraIssueDescriptionIssueTermRefresh : _messages.cardMessages.datasourceJiraIssueDescription : isConfluenceSearch ? _messages.cardMessages.datasourceConfluenceSearchDescription : _messages.cardMessages.datasourceAssetsObjectsDescription);
+  var description = formatMessage(isJira ? (0, _fg.fg)('confluence-issue-terminology-refresh') ? _card.messages.datasourceJiraIssueDescriptionIssueTermRefresh : _card.messages.datasourceJiraIssueDescription : isConfluenceSearch ? _card.messages.datasourceConfluenceSearchDescription : _card.messages.datasourceAssetsObjectsDescription);
   var preview = (0, _react.useMemo)(function () {
     return previewImageUrls ? {
       image: previewImageUrls,
       attribution: _objectSpread({
-        name: formatMessage(isJira ? _messages2.messages.previewAttributionJira : isConfluenceSearch ? _messages2.messages.previewAttributionConfluence : _messages2.messages.previewAttributionAssets)
+        name: formatMessage(isJira ? _messages.messages.previewAttributionJira : isConfluenceSearch ? _messages.messages.previewAttributionConfluence : _messages.messages.previewAttributionAssets)
       }, (isJira || isConfluenceSearch) && {
         icon: isJira ? _jiraAttributionIcon.JiraAttributionIcon : _confluenceAttributionIcon.ConfluenceAttributionIcon
       })
@@ -61,6 +61,6 @@ var DatasourceQuickInsertMenuItem = exports.DatasourceQuickInsertMenuItem = func
     isDisabled: isOffline,
     onSelect: onSelect,
     preview: preview,
-    title: formatMessage(isJira ? (0, _fg.fg)('confluence-issue-terminology-refresh') ? _messages.cardMessages.datasourceJiraIssueIssueTermRefresh : _messages.cardMessages.datasourceJiraIssue : isConfluenceSearch ? _messages.cardMessages.datasourceConfluenceSearch : _messages.cardMessages.datasourceAssetsObjectsGeneralAvailability)
+    title: formatMessage(isJira ? (0, _fg.fg)('confluence-issue-terminology-refresh') ? _card.messages.datasourceJiraIssueIssueTermRefresh : _card.messages.datasourceJiraIssue : isConfluenceSearch ? _card.messages.datasourceConfluenceSearch : _card.messages.datasourceAssetsObjectsGeneralAvailability)
   });
 };

package/dist/cjs/ui/quick-insert/getCardQuickInsertComponents.js

@@ -7,15 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.getCardQuickInsertComponents = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _messages = require("@atlaskit/editor-common/messages");
+var _card = require("@atlaskit/editor-common/messages/card");
 var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
 var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 var _rank = require("@atlaskit/editor-common/quick-insert/rank");
-var _utils = require("@atlaskit/editor-common/utils");
+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 _fg = require("@atlaskit/platform-feature-flags/fg");
-var _utils2 = require("../../pm-plugins/utils");
+var _utils = require("../../pm-plugins/utils");
 var _DatasourceQuickInsertMenuItem = require("./DatasourceQuickInsertMenuItem");
 var datasourcePreviewImageUrlsByKey = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.JIRA_WORK_ITEMS_MENU_ITEM.key, {
   dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVIM.png',
@@ -44,9 +44,9 @@ var getCardQuickInsertComponents = exports.getCardQuickInsertComponents = functi
     match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref2) {
       var formatMessage = _ref2.formatMessage;
       return {
-        description: formatMessage((0, _fg.fg)('confluence-issue-terminology-refresh') ? _messages.cardMessages.datasourceJiraIssueDescriptionIssueTermRefresh : _messages.cardMessages.datasourceJiraIssueDescription),
+        description: formatMessage((0, _fg.fg)('confluence-issue-terminology-refresh') ? _card.messages.datasourceJiraIssueDescriptionIssueTermRefresh : _card.messages.datasourceJiraIssueDescription),
         keywords: ['jira'],
-        title: formatMessage((0, _fg.fg)('confluence-issue-terminology-refresh') ? _messages.cardMessages.datasourceJiraIssueIssueTermRefresh : _messages.cardMessages.datasourceJiraIssue)
+        title: formatMessage((0, _fg.fg)('confluence-issue-terminology-refresh') ? _card.messages.datasourceJiraIssueIssueTermRefresh : _card.messages.datasourceJiraIssue)
       };
     }),
     component: function component() {
@@ -57,7 +57,7 @@ var getCardQuickInsertComponents = exports.getCardQuickInsertComponents = functi
       });
     }
   }];
-  if ((0, _utils.canRenderDatasource)(_assetsModal.ASSETS_LIST_OF_LINKS_DATASOURCE_ID)) {
+  if ((0, _datasource.canRenderDatasource)(_assetsModal.ASSETS_LIST_OF_LINKS_DATASOURCE_ID)) {
     components.push({
       key: _keys.ASSETS_MENU_ITEM.key,
       type: _keys.ASSETS_MENU_ITEM.type,
@@ -69,9 +69,9 @@ var getCardQuickInsertComponents = exports.getCardQuickInsertComponents = functi
       match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref3) {
         var formatMessage = _ref3.formatMessage;
         return {
-          description: formatMessage(_messages.cardMessages.datasourceAssetsObjectsDescription),
+          description: formatMessage(_card.messages.datasourceAssetsObjectsDescription),
           keywords: ['assets'],
-          title: formatMessage(_messages.cardMessages.datasourceAssetsObjectsGeneralAvailability)
+          title: formatMessage(_card.messages.datasourceAssetsObjectsGeneralAvailability)
         };
       }),
       component: function component() {
@@ -83,7 +83,7 @@ var getCardQuickInsertComponents = exports.getCardQuickInsertComponents = functi
       }
     });
   }
-  if ((0, _utils2.isDatasourceConfigEditable)(_confluenceSearchModal.CONFLUENCE_SEARCH_DATASOURCE_ID)) {
+  if ((0, _utils.isDatasourceConfigEditable)(_confluenceSearchModal.CONFLUENCE_SEARCH_DATASOURCE_ID)) {
     components.push({
       key: _keys.CONFLUENCE_LIST_MENU_ITEM.key,
       type: _keys.CONFLUENCE_LIST_MENU_ITEM.type,
@@ -95,9 +95,9 @@ var getCardQuickInsertComponents = exports.getCardQuickInsertComponents = functi
       match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref4) {
         var formatMessage = _ref4.formatMessage;
         return {
-          description: formatMessage(_messages.cardMessages.datasourceConfluenceSearchDescription),
+          description: formatMessage(_card.messages.datasourceConfluenceSearchDescription),
           keywords: ['confluence'],
-          title: formatMessage(_messages.cardMessages.datasourceConfluenceSearch)
+          title: formatMessage(_card.messages.datasourceConfluenceSearch)
         };
       }),
       component: function component() {