@atlaskit/editor-plugin-card 32.1.3 → 32.1.6

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

@@ -9,9 +9,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/editor-common/messages");
-var _ui = require("@atlaskit/editor-common/ui");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _Button = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Button"));
+var _Separator = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Separator"));
+var _card = require("@atlaskit/editor-common/messages/card");
+var _linkToolbar = require("@atlaskit/editor-common/messages/link-toolbar");
+var _types = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types");
+var _DropdownContainer = require("@atlaskit/editor-common/ui-menu/DropdownContainer");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
@@ -66,23 +69,23 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
   var icon = areAnyNewToolbarFlagsEnabled ? (0, _react2.jsx)(_edit.default, {
     label: ""
   }) : undefined;
-  var tooltipContent = areAnyNewToolbarFlagsEnabled ? intl.formatMessage(_messages.linkToolbarMessages.editLink) : undefined;
+  var tooltipContent = areAnyNewToolbarFlagsEnabled ? intl.formatMessage(_linkToolbar.linkToolbarMessages.editLink) : undefined;
   switch (editVariant) {
     case 'edit-link':
       {
         return (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
-        }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+        }, (0, _react2.jsx)(_Button.default, {
           testId: "edit-link",
           onClick: onEditLink,
           icon: icon,
-          ariaLabel: areAnyNewToolbarFlagsEnabled ? intl.formatMessage(_messages.linkToolbarMessages.editLink) : undefined,
+          ariaLabel: areAnyNewToolbarFlagsEnabled ? intl.formatMessage(_linkToolbar.linkToolbarMessages.editLink) : undefined,
           tooltipContent: tooltipContent,
           areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
         }, !areAnyNewToolbarFlagsEnabled && (0, _react2.jsx)(_reactIntl.FormattedMessage
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-        , _messages.linkToolbarMessages.editLink)), !areAnyNewToolbarFlagsEnabled && (0, _react2.jsx)(_ui.FloatingToolbarSeparator, {
+        , _linkToolbar.linkToolbarMessages.editLink)), !areAnyNewToolbarFlagsEnabled && (0, _react2.jsx)(_Separator.default, {
           areAnyNewToolbarFlagsEnabled: false
         }));
       }
@@ -90,15 +93,15 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
       {
         return (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
-        }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+        }, (0, _react2.jsx)(_Button.default, {
           testId: "edit-datasource",
-          tooltipContent: intl.formatMessage(_messages.linkToolbarMessages.editDatasourceStandaloneTooltip),
+          tooltipContent: intl.formatMessage(_linkToolbar.linkToolbarMessages.editDatasourceStandaloneTooltip),
           onClick: onEditDatasource,
           areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
         }, (0, _react2.jsx)(_reactIntl.FormattedMessage
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-        , _messages.linkToolbarMessages.editDatasourceStandalone)), !areAnyNewToolbarFlagsEnabled && (0, _react2.jsx)(_ui.FloatingToolbarSeparator, {
+        , _linkToolbar.linkToolbarMessages.editDatasourceStandalone)), !areAnyNewToolbarFlagsEnabled && (0, _react2.jsx)(_Separator.default, {
           areAnyNewToolbarFlagsEnabled: false
         }));
       }
@@ -106,12 +109,12 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
       {
         var trigger = (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
-        }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+        }, (0, _react2.jsx)(_Button.default, {
           testId: "edit-dropdown-trigger",
           iconAfter: (0, _react2.jsx)("span", {
             css: dropdownExpandContainer
           }, (0, _react2.jsx)(_chevronDown.default, {
-            label: intl.formatMessage(_messages.cardMessages.editDropdownTriggerTitle),
+            label: intl.formatMessage(_card.messages.editDropdownTriggerTitle),
             size: "small"
           })),
           onClick: toggleOpen,
@@ -122,12 +125,12 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
         }, (0, _react2.jsx)(_reactIntl.FormattedMessage
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-        , _messages.cardMessages.editDropdownTriggerTitle)), !areAnyNewToolbarFlagsEnabled && (0, _react2.jsx)(_ui.FloatingToolbarSeparator, {
+        , _card.messages.editDropdownTriggerTitle)), !areAnyNewToolbarFlagsEnabled && (0, _react2.jsx)(_Separator.default, {
           areAnyNewToolbarFlagsEnabled: false
         }));
         return (0, _react2.jsx)(_compiled.Flex, {
           ref: containerRef
-        }, (0, _react2.jsx)(_uiMenu.DropdownContainer, {
+        }, (0, _react2.jsx)(_DropdownContainer.DropdownContainer, {
           mountTo: containerRef.current,
           isOpen: isOpen,
           handleClickOutside: onClose,
@@ -137,7 +140,7 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
           // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           arrowKeyNavigationProviderOptions: {
-            type: _uiMenu.ArrowKeyNavigationType.MENU
+            type: _types.ArrowKeyNavigationType.MENU
           }
         }, (0, _react2.jsx)(_buttonItem.default, {
           key: "edit.link",
@@ -146,14 +149,14 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
         }, (0, _react2.jsx)(_reactIntl.FormattedMessage
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-        , _messages.cardMessages.editDropdownEditLinkTitle)), (0, _react2.jsx)(_buttonItem.default, {
+        , _card.messages.editDropdownEditLinkTitle)), (0, _react2.jsx)(_buttonItem.default, {
           key: "edit.datasource",
           onClick: onEditDatasource,
           testId: "edit-dropdown-edit-datasource-item"
         }, (0, _react2.jsx)(_reactIntl.FormattedMessage
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-        , _messages.cardMessages.editDropdownEditDatasourceTitle))));
+        , _card.messages.editDropdownEditDatasourceTitle))));
       }
     case 'none':
     default:

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

@@ -10,9 +10,12 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/editor-common/messages");
-var _ui = require("@atlaskit/editor-common/ui");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _Button = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Button"));
+var _Separator = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Separator"));
+var _card = require("@atlaskit/editor-common/messages/card");
+var _linkToolbar = require("@atlaskit/editor-common/messages/link-toolbar");
+var _types = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types");
+var _DropdownContainer = require("@atlaskit/editor-common/ui-menu/DropdownContainer");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _useSmartLinkContext = require("@atlaskit/link-provider/use-smart-link-context");
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
@@ -99,14 +102,14 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
       {
         return (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
-        }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+        }, (0, _react2.jsx)(_Button.default, {
           testId: "edit-link",
           onClick: onEditLink,
           areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
         }, (0, _react2.jsx)(_reactIntl.FormattedMessage
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-        , _messages.linkToolbarMessages.editLink)), !(0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && (0, _react2.jsx)(_ui.FloatingToolbarSeparator, {
+        , _linkToolbar.linkToolbarMessages.editLink)), !(0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && (0, _react2.jsx)(_Separator.default, {
           areAnyNewToolbarFlagsEnabled: false
         }));
       }
@@ -114,15 +117,15 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
       {
         return (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
-        }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+        }, (0, _react2.jsx)(_Button.default, {
           testId: "edit-datasource",
-          tooltipContent: intl.formatMessage(_messages.linkToolbarMessages.editDatasourceStandaloneTooltip),
+          tooltipContent: intl.formatMessage(_linkToolbar.linkToolbarMessages.editDatasourceStandaloneTooltip),
           onClick: onEditDatasource,
           areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
         }, (0, _react2.jsx)(_reactIntl.FormattedMessage
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-        , _messages.linkToolbarMessages.editDatasourceStandalone)), !(0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && (0, _react2.jsx)(_ui.FloatingToolbarSeparator, {
+        , _linkToolbar.linkToolbarMessages.editDatasourceStandalone)), !(0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && (0, _react2.jsx)(_Separator.default, {
           areAnyNewToolbarFlagsEnabled: false
         }));
       }
@@ -130,12 +133,12 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
       {
         var trigger = (0, _react2.jsx)(_compiled.Flex, {
           gap: "space.050"
-        }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
+        }, (0, _react2.jsx)(_Button.default, {
           testId: "edit-dropdown-trigger",
           iconAfter: (0, _react2.jsx)("span", {
             css: dropdownExpandContainer
           }, (0, _react2.jsx)(_chevronDown.default, {
-            label: intl.formatMessage(_messages.cardMessages.editDropdownTriggerTitle),
+            label: intl.formatMessage(_card.messages.editDropdownTriggerTitle),
             size: "small"
           })),
           onClick: toggleOpen,
@@ -146,12 +149,12 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
         }, (0, _react2.jsx)(_reactIntl.FormattedMessage
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-        , _messages.cardMessages.editDropdownTriggerTitle)), !(0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && (0, _react2.jsx)(_ui.FloatingToolbarSeparator, {
+        , _card.messages.editDropdownTriggerTitle)), !(0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && (0, _react2.jsx)(_Separator.default, {
           areAnyNewToolbarFlagsEnabled: false
         }));
         return (0, _react2.jsx)(_compiled.Flex, {
           ref: containerRef
-        }, (0, _react2.jsx)(_uiMenu.DropdownContainer, {
+        }, (0, _react2.jsx)(_DropdownContainer.DropdownContainer, {
           mountTo: containerRef.current,
           isOpen: isOpen,
           handleClickOutside: onClose,
@@ -161,7 +164,7 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
           // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           arrowKeyNavigationProviderOptions: {
-            type: _uiMenu.ArrowKeyNavigationType.MENU
+            type: _types.ArrowKeyNavigationType.MENU
           }
         }, (0, _react2.jsx)(_buttonItem.default, {
           key: "edit.link",
@@ -170,14 +173,14 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
         }, (0, _react2.jsx)(_reactIntl.FormattedMessage
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-        , _messages.cardMessages.editDropdownEditLinkTitle)), (0, _react2.jsx)(_buttonItem.default, {
+        , _card.messages.editDropdownEditLinkTitle)), (0, _react2.jsx)(_buttonItem.default, {
           key: "edit.datasource",
           onClick: onEditDatasource,
           testId: "edit-dropdown-edit-datasource-item"
         }, (0, _react2.jsx)(_reactIntl.FormattedMessage
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-        , _messages.cardMessages.editDropdownEditDatasourceTitle))));
+        , _card.messages.editDropdownEditDatasourceTitle))));
       }
     case 'none':
     default:

package/dist/cjs/ui/EditorAnalyticsContext.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.EditorAnalyticsContext = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
-var _utils = require("@atlaskit/editor-common/utils");
+var _analytics = require("@atlaskit/editor-common/utils/analytics");
 var _state = require("../pm-plugins/util/state");
 /**
  * Provides location attribute to child events
@@ -17,7 +17,7 @@ var EditorAnalyticsContext = exports.EditorAnalyticsContext = function EditorAna
   var editorView = _ref.editorView,
     children = _ref.children;
   var editorAppearance = editorView ? (_getPluginState = (0, _state.getPluginState)(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance : undefined;
-  var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
+  var analyticsEditorAppearance = (0, _analytics.getAnalyticsEditorAppearance)(editorAppearance);
   var analyticsData = {
     attributes: {
       location: analyticsEditorAppearance

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getUpdateType = exports.getSourceEventFromMetadata = exports.getMethod = exports.getDeleteType = void 0;
 var _UIAnalyticsEvent = _interopRequireDefault(require("@atlaskit/analytics-next/UIAnalyticsEvent"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 /**
  * If the metadata is for a history event,
  * returns undo/redo instead of instead of what fn(metadata) would have otherwise
@@ -31,18 +31,18 @@ var getMethod = exports.getMethod = withHistoryMethod(function (_ref) {
     sourceEvent = _ref.sourceEvent;
   inputMethod = inputMethod !== null && inputMethod !== void 0 ? inputMethod : sourceEvent === null || sourceEvent === void 0 || (_payload = sourceEvent.payload) === null || _payload === void 0 || (_payload = _payload.attributes) === null || _payload === void 0 ? void 0 : _payload.inputMethod;
   switch (inputMethod) {
-    case _analytics.INPUT_METHOD.CLIPBOARD:
+    case _enums.INPUT_METHOD.CLIPBOARD:
       return 'editor_paste';
-    case _analytics.INPUT_METHOD.FLOATING_TB:
+    case _enums.INPUT_METHOD.FLOATING_TB:
       return 'editor_floatingToolbar';
-    case _analytics.INPUT_METHOD.AUTO_DETECT:
-    case _analytics.INPUT_METHOD.FORMATTING:
+    case _enums.INPUT_METHOD.AUTO_DETECT:
+    case _enums.INPUT_METHOD.FORMATTING:
       return 'editor_type';
-    case _analytics.INPUT_METHOD.TYPEAHEAD:
+    case _enums.INPUT_METHOD.TYPEAHEAD:
       return 'linkpicker_searchResult';
-    case _analytics.INPUT_METHOD.MANUAL:
+    case _enums.INPUT_METHOD.MANUAL:
       return 'linkpicker_manual';
-    case _analytics.INPUT_METHOD.DATASOURCE:
+    case _enums.INPUT_METHOD.DATASOURCE:
       return 'datasource_config';
     default:
       return 'unknown';
@@ -51,9 +51,9 @@ var getMethod = exports.getMethod = withHistoryMethod(function (_ref) {
 var getUpdateType = exports.getUpdateType = withHistoryMethod(function (_ref2) {
   var action = _ref2.action;
   switch (action) {
-    case _analytics.ACTION.CHANGED_TYPE:
+    case _enums.ACTION.CHANGED_TYPE:
       return 'display_update';
-    case _analytics.ACTION.UPDATED:
+    case _enums.ACTION.UPDATED:
       return 'link_update';
     default:
       return 'unknown';
@@ -61,7 +61,7 @@ var getUpdateType = exports.getUpdateType = withHistoryMethod(function (_ref2) {
 });
 var getDeleteType = exports.getDeleteType = withHistoryMethod(function (_ref3) {
   var action = _ref3.action;
-  if (action === _analytics.ACTION.UNLINK) {
+  if (action === _enums.ACTION.UNLINK) {
     return 'unlink';
   }
   return 'delete';

package/dist/cjs/ui/EditorSmartCardEvents.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EditorSmartCardEvents = void 0;
 var _react = require("react");
-var _smartCard = require("@atlaskit/smart-card");
+var _useSmartLinkEvents = require("@atlaskit/smart-card/hook/use-smart-link-events");
 var _actions = require("../pm-plugins/actions");
 var EditorSmartCardEvents = exports.EditorSmartCardEvents = function EditorSmartCardEvents(_ref) {
   var editorView = _ref.editorView;
-  var events = (0, _smartCard.useSmartLinkEvents)();
+  var events = (0, _useSmartLinkEvents.useSmartLinkEvents)();
   (0, _react.useEffect)(function () {
     if (!events || !editorView) {
       return;

package/dist/cjs/ui/HyperlinkToolbarAppearance.js

@@ -10,9 +10,9 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _Separator = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Separator"));
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
-var _ui = require("@atlaskit/editor-common/ui");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _DatasourceAppearanceButton = require("./DatasourceAppearanceButton");
 var _LinkToolbarAppearance = require("./LinkToolbarAppearance");
@@ -154,9 +154,9 @@ function HyperlinkToolbarAppearance(props) {
     editorState: editorState,
     editorView: editorView,
     editorAnalyticsApi: editorAnalyticsApi,
-    inputMethod: _analytics.INPUT_METHOD.FLOATING_TB,
+    inputMethod: _enums.INPUT_METHOD.FLOATING_TB,
     areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
-  }), /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarSeparator, {
+  }), /*#__PURE__*/_react.default.createElement(_Separator.default, {
     areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
   }));
 }

package/dist/cjs/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -11,9 +11,11 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _card = require("@atlaskit/editor-common/card");
+var _Button = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Button"));
+var _Separator = _interopRequireDefault(require("@atlaskit/editor-common/FloatingToolbar/Separator"));
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
-var _ui = require("@atlaskit/editor-common/ui");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _types = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types");
+var _DropdownContainer = require("@atlaskit/editor-common/ui-menu/DropdownContainer");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _LinkToolbarAppearanceDropdown = require("./LinkToolbarAppearanceDropdown");
@@ -166,7 +168,7 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
   };
   var currentAppearanceDisplayInformation = _card.appearancePropsMap['url'];
   var title = intl.formatMessage(currentAppearanceDisplayInformation.title);
-  var trigger = /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
+  var trigger = /*#__PURE__*/_react.default.createElement(_Button.default, {
     selected: isOpen,
     title: title,
     "aria-label": title,
@@ -186,7 +188,7 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
   return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     ref: containerRef,
     gap: "space.075"
-  }, /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownContainer, {
+  }, /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, {
     mountTo: containerRef.current,
     isOpen: isOpen,
     handleClickOutside: close,
@@ -196,7 +198,7 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     arrowKeyNavigationProviderOptions: {
-      type: _uiMenu.ArrowKeyNavigationType.MENU
+      type: _types.ArrowKeyNavigationType.MENU
     },
     fitHeight: 400,
     fitWidth: 200
@@ -213,7 +215,7 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
     dispatchCommand: dispatchCommand,
     settingsConfig: settingsConfig,
     areAnyNewToolbarFlagsEnabled: areAnyNewToolbarFlagsEnabled
-  })), !(0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean((_props$editorPluginAp3 = props.editorPluginApi) === null || _props$editorPluginAp3 === void 0 ? void 0 : _props$editorPluginAp3.toolbar)) && /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarSeparator, {
+  })), !(0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean((_props$editorPluginAp3 = props.editorPluginApi) === null || _props$editorPluginAp3 === void 0 ? void 0 : _props$editorPluginAp3.toolbar)) && /*#__PURE__*/_react.default.createElement(_Separator.default, {
     areAnyNewToolbarFlagsEnabled: (0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean((_props$editorPluginAp4 = props.editorPluginApi) === null || _props$editorPluginAp4 === void 0 ? void 0 : _props$editorPluginAp4.toolbar))
   }));
 };

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

@@ -14,8 +14,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/editor-common/messages");
-var _whitespace = require("@atlaskit/editor-common/whitespace");
+var _card = require("@atlaskit/editor-common/messages/card");
+var _whitespace = require("@atlaskit/editor-common/whitespace/whitespace");
 var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
 var _useSmartLinkDestinationUrl = require("@atlaskit/smart-card/hook/use-smart-link-destination-url");
 var _utils = require("./utils");
@@ -225,7 +225,7 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
   }, [isVisible, setVisibility]);
   var destinationUrl = (_useSmartLinkDestinat = (0, _useSmartLinkDestinationUrl.useSmartLinkDestinationUrl)(url)) !== null && _useSmartLinkDestinat !== void 0 ? _useSmartLinkDestinat : url;
   var intl = (0, _reactIntl.useIntl)();
-  var label = intl.formatMessage(_messages.cardMessages.inlineOverlay);
+  var label = intl.formatMessage(_card.messages.inlineOverlay);
   return (
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading

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

@@ -9,9 +9,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _ui = require("@atlaskit/editor-common/ui");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
+var _ToolbarButton = _interopRequireDefault(require("@atlaskit/editor-common/ui-menu/ToolbarButton"));
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _utils = require("@atlaskit/editor-common/utils");
 var _growHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/grow-horizontal"));
 var _shrinkHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-horizontal"));
@@ -54,7 +54,7 @@ var LayoutButton = exports.LayoutButton = function LayoutButton(_ref) {
   if (!targetElement) {
     return null;
   }
-  return (0, _react2.jsx)(_ui.Popup, {
+  return (0, _react2.jsx)(_Popup.default, {
     mountTo: mountPoint,
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement,
@@ -64,7 +64,7 @@ var LayoutButton = exports.LayoutButton = function LayoutButton(_ref) {
     forcePlacement: true,
     stick: true,
     ariaLabel: title
-  }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+  }, (0, _react2.jsx)(_ToolbarButton.default, {
     testId: testId,
     css: toolbarButtonWrapperStyles,
     title: title,
@@ -94,7 +94,7 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
   var _getDatasource = (0, _utils3.getDatasource)(editorView),
     node = _getDatasource.node,
     pos = _getDatasource.pos;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['card'], selector),
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['card'], selector),
     _useSharedPluginState2 = _useSharedPluginState.layout,
     layout = _useSharedPluginState2 === void 0 ? (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || undefined : _useSharedPluginState2,
     datasourceTableRef = _useSharedPluginState.datasourceTableRef;

package/dist/cjs/ui/LinkToolbarAppearance.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,18 +13,20 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _card = require("@atlaskit/editor-common/card");
-var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
-var _utils = require("@atlaskit/editor-common/utils");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _linkToolbarButtonGroupOptions = require("@atlaskit/editor-common/card/link-toolbar-button-group-options");
+var _LinkToolbarButtonGroup = require("@atlaskit/editor-common/card/LinkToolbarButtonGroup");
+var _utils = require("@atlaskit/editor-common/card/utils");
+var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
+var _card = require("@atlaskit/editor-common/messages/card");
+var _utils2 = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _doc = require("../pm-plugins/doc");
-var _utils2 = require("../pm-plugins/utils");
+var _utils3 = require("../pm-plugins/utils");
 var _localStorage = require("./local-storage");
 var _Pulse = require("./Pulse");
 var _toolbar = require("./toolbar");
 var _WithCardContext = require("./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 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; }
 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)); }
@@ -65,11 +66,11 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
           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(_card.messages.embed),
         onClick: (_setSelectedCardAppea = (0, _doc.setSelectedCardAppearance)('embed', editorAnalyticsApi)) !== null && _setSelectedCardAppea !== void 0 ? _setSelectedCardAppea : defaultCommand,
         selected: currentAppearance === 'embed',
         hidden: false,
@@ -79,7 +80,7 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
       };
       var blockCardOption = allowBlockCards && {
         appearance: 'block',
-        title: intl.formatMessage(_messages.cardMessages.block),
+        title: intl.formatMessage(_card.messages.block),
         onClick: (_setSelectedCardAppea2 = (0, _doc.setSelectedCardAppearance)('block', editorAnalyticsApi)) !== null && _setSelectedCardAppea2 !== void 0 ? _setSelectedCardAppea2 : defaultCommand,
         selected: currentAppearance === 'block' && !isDatasourceView,
         testId: 'block-appearance',
@@ -87,15 +88,15 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
         tooltip: isBlockCardLinkSupportedInParent ? undefined : 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(_card.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(_card.messages.inline),
         onClick: (_setSelectedCardAppea3 = (0, _doc.setSelectedCardAppearance)('inline', editorAnalyticsApi)) !== null && _setSelectedCardAppea3 !== void 0 ? _setSelectedCardAppea3 : defaultCommand,
         selected: currentAppearance === 'inline',
         testId: 'inline-appearance'
@@ -113,12 +114,12 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
       if (embedOption) {
         options.push(embedOption);
       }
-      var LinkToolbarButtons = /*#__PURE__*/_react.default.createElement(_card.LinkToolbarButtonGroup, {
+      var LinkToolbarButtons = /*#__PURE__*/_react.default.createElement(_LinkToolbarButtonGroup.LinkToolbarButtonGroup, {
         key: "link-toolbar-button-group",
         options: options.map(function (option) {
-          return (0, _card.getButtonGroupOption)(intl, areAnyNewToolbarFlagsEnabled, dispatchCommand, _objectSpread(_objectSpread({}, option), {}, {
-            onClick: (0, _card.commandWithMetadata)(option.onClick, {
-              inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
+          return (0, _linkToolbarButtonGroupOptions.getButtonGroupOption)(intl, areAnyNewToolbarFlagsEnabled, dispatchCommand, _objectSpread(_objectSpread({}, option), {}, {
+            onClick: (0, _utils.commandWithMetadata)(option.onClick, {
+              inputMethod: _enums.INPUT_METHOD.FLOATING_TB
             })
           }));
         })
@@ -126,7 +127,7 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
       var status = url ? cardContext === null || cardContext === void 0 || (_cardContext$store2 = cardContext.store) === null || _cardContext$store2 === void 0 || (_cardContext$store2 = _cardContext$store2.getState()[url]) === null || _cardContext$store2 === void 0 ? void 0 : _cardContext$store2.status : '';
       var embedEnabled = embedOption ? !embedOption.disabled : false;
       if ((0, _toolbar.shouldRenderToolbarPulse)(embedEnabled, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : '', status !== null && status !== void 0 ? status : '', showUpgradeDiscoverability)) {
-        var resolvedAnalyticsAttributes = (0, _utils2.getResolvedAttributesFromStore)(url || '', currentAppearance || null, cardContext === null || cardContext === void 0 ? void 0 : cardContext.store);
+        var resolvedAnalyticsAttributes = (0, _utils3.getResolvedAttributesFromStore)(url || '', currentAppearance || null, cardContext === null || cardContext === void 0 ? void 0 : cardContext.store);
         return (
           /*#__PURE__*/
           // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
@@ -160,13 +161,13 @@ var getUnavailableMessage = exports.getUnavailableMessage = function getUnavaila
   try {
     var parentNode = state.selection.$from.node(1);
     var parentName = intl.formatMessage(_messages.default[parentNode.type.name]);
-    var tooltip = intl.formatMessage(_messages.cardMessages.displayOptionUnavailableInParentNode, {
+    var tooltip = intl.formatMessage(_card.messages.displayOptionUnavailableInParentNode, {
       node: parentName
     });
     return tooltip;
   } catch (e) {
     // eslint-disable-line no-unused-vars
-    return intl.formatMessage(_messages.cardMessages.displayOptionUnavailableInParentNode, {
+    return intl.formatMessage(_card.messages.displayOptionUnavailableInParentNode, {
       node: intl.formatMessage(_messages.default.defaultBlockNode)
     });
   }