@atlaskit/editor-plugin-synced-block 24.0.4 → 24.0.6

package/dist/cjs/pm-plugins/menu-and-toolbar-experiences.js

@@ -7,8 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.getMenuAndToolbarExperiencesPlugin = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _bindEventListener = require("bind-event-listener");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _experiences = require("@atlaskit/editor-common/experiences");
+var _consts = require("@atlaskit/editor-common/experiences/consts");
+var _Experience = require("@atlaskit/editor-common/experiences/Experience");
+var _ExperienceCheckDomMutation = require("@atlaskit/editor-common/experiences/ExperienceCheckDomMutation");
+var _ExperienceCheckTimeout = require("@atlaskit/editor-common/experiences/ExperienceCheckTimeout");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _types = require("../types");
@@ -31,67 +35,67 @@ var getMenuAndToolbarExperiencesPlugin = exports.getMenuAndToolbarExperiencesPlu
     }
     return popupsTargetEl;
   };
-  var createSourcePrimaryToolbarExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
-    action: _analytics.ACTION.SYNCED_BLOCK_CREATE,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.PRIMARY_TOOLBAR,
+  var createSourcePrimaryToolbarExperience = new _Experience.Experience(_consts.EXPERIENCE_ID.TOOLBAR_ACTION, {
+    action: _enums.ACTION.SYNCED_BLOCK_CREATE,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.PRIMARY_TOOLBAR,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
+    checks: [new _ExperienceCheckTimeout.ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
     }), syncedBlockAddedToDomCheck(refs, editorViewRef)]
   });
-  var createSourceBlockMenuExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {
-    action: _analytics.ACTION.SYNCED_BLOCK_CREATE,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.BLOCK_MENU,
+  var createSourceBlockMenuExperience = new _Experience.Experience(_consts.EXPERIENCE_ID.MENU_ACTION, {
+    action: _enums.ACTION.SYNCED_BLOCK_CREATE,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.BLOCK_MENU,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
+    checks: [new _ExperienceCheckTimeout.ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
     }), syncedBlockAddedToDomCheck(refs, editorViewRef)]
   });
-  var createSourceQuickInsertMenuExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.MENU_ACTION, {
-    action: _analytics.ACTION.SYNCED_BLOCK_CREATE,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.QUICK_INSERT,
+  var createSourceQuickInsertMenuExperience = new _Experience.Experience(_consts.EXPERIENCE_ID.MENU_ACTION, {
+    action: _enums.ACTION.SYNCED_BLOCK_CREATE,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.QUICK_INSERT,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
+    checks: [new _ExperienceCheckTimeout.ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
     }), syncedBlockAddedToDomCheck(refs, editorViewRef)]
   });
-  var deleteReferenceSyncedBlockExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
-    action: _analytics.ACTION.REFERENCE_SYNCED_BLOCK_DELETE,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+  var deleteReferenceSyncedBlockExperience = new _Experience.Experience(_consts.EXPERIENCE_ID.TOOLBAR_ACTION, {
+    action: _enums.ACTION.REFERENCE_SYNCED_BLOCK_DELETE,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
+    checks: [new _ExperienceCheckTimeout.ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
     }), referenceSyncBlockRemovedFromDomCheck(refs, editorViewRef)]
   });
-  var unsyncReferenceSyncedBlockExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
-    action: _analytics.ACTION.REFERENCE_SYNCED_BLOCK_UNSYNC,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+  var unsyncReferenceSyncedBlockExperience = new _Experience.Experience(_consts.EXPERIENCE_ID.TOOLBAR_ACTION, {
+    action: _enums.ACTION.REFERENCE_SYNCED_BLOCK_UNSYNC,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
+    checks: [new _ExperienceCheckTimeout.ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
     }), referenceSyncBlockRemovedFromDomCheck(refs, editorViewRef)]
   });
-  var unsyncSourceSyncedBlockExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
-    action: _analytics.ACTION.SYNCED_BLOCK_UNSYNC,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+  var unsyncSourceSyncedBlockExperience = new _Experience.Experience(_consts.EXPERIENCE_ID.TOOLBAR_ACTION, {
+    action: _enums.ACTION.SYNCED_BLOCK_UNSYNC,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
+    checks: [new _ExperienceCheckTimeout.ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
     }), syncBlockDeleteConfirmationModalAddedCheck()]
   });
-  var deleteSourceSyncedBlockExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
-    action: _analytics.ACTION.SYNCED_BLOCK_DELETE,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+  var deleteSourceSyncedBlockExperience = new _Experience.Experience(_consts.EXPERIENCE_ID.TOOLBAR_ACTION, {
+    action: _enums.ACTION.SYNCED_BLOCK_DELETE,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
+    checks: [new _ExperienceCheckTimeout.ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
     }), syncBlockDeleteConfirmationModalAddedCheck()]
   });
-  var syncedLocationsExperience = new _experiences.Experience(_experiences.EXPERIENCE_ID.TOOLBAR_ACTION, {
-    action: _analytics.ACTION.SYNCED_BLOCK_VIEW_SYNCED_LOCATIONS,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
+  var syncedLocationsExperience = new _Experience.Experience(_consts.EXPERIENCE_ID.TOOLBAR_ACTION, {
+    action: _enums.ACTION.SYNCED_BLOCK_VIEW_SYNCED_LOCATIONS,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.SYNCED_BLOCK_TOOLBAR,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    checks: [new _experiences.ExperienceCheckTimeout({
+    checks: [new _ExperienceCheckTimeout.ExperienceCheckTimeout({
       durationMs: TIMEOUT_DURATION
     }), syncedLocationsDropdownOpenedCheck()]
   });
@@ -301,7 +305,7 @@ var isEnterKey = function isEnterKey(key) {
   return key === 'Enter';
 };
 var syncedBlockAddedToDomCheck = function syncedBlockAddedToDomCheck(refs, editorViewRef) {
-  return new _experiences.ExperienceCheckDomMutation({
+  return new _ExperienceCheckDomMutation.ExperienceCheckDomMutation({
     onDomMutation: function onDomMutation(_ref3) {
       var mutations = _ref3.mutations;
       if (mutations.some(isBodiedSyncBlockAddedInMutation)) {
@@ -340,7 +344,7 @@ var isBodiedSyncBlockWithinNode = function isBodiedSyncBlockWithinNode(node) {
   return (0, _experiences.getNodeQuery)('[data-prosemirror-node-name="bodiedSyncBlock"]')(node);
 };
 var referenceSyncBlockRemovedFromDomCheck = function referenceSyncBlockRemovedFromDomCheck(refs, editorViewRef) {
-  return new _experiences.ExperienceCheckDomMutation({
+  return new _ExperienceCheckDomMutation.ExperienceCheckDomMutation({
     onDomMutation: function onDomMutation(_ref5) {
       var mutations = _ref5.mutations;
       if (mutations.some(isSyncBlockRemovedInMutation)) {
@@ -376,7 +380,7 @@ var isSyncBlockWithinNode = function isSyncBlockWithinNode(node) {
   return (0, _experiences.getNodeQuery)('[data-prosemirror-node-name="syncBlock"]')(node);
 };
 var syncBlockDeleteConfirmationModalAddedCheck = function syncBlockDeleteConfirmationModalAddedCheck() {
-  return new _experiences.ExperienceCheckDomMutation({
+  return new _ExperienceCheckDomMutation.ExperienceCheckDomMutation({
     onDomMutation: function onDomMutation(_ref7) {
       var mutations = _ref7.mutations;
       if (mutations.some(isDeleteConfirmationModalAddedInMutation)) {
@@ -406,7 +410,7 @@ var isDeleteConfirmationModalWithinNode = function isDeleteConfirmationModalWith
   return (0, _experiences.getNodeQuery)('[data-testid="sync-block-delete-confirmation"]')(node);
 };
 var syncedLocationsDropdownOpenedCheck = function syncedLocationsDropdownOpenedCheck() {
-  return new _experiences.ExperienceCheckDomMutation({
+  return new _ExperienceCheckDomMutation.ExperienceCheckDomMutation({
     onDomMutation: function onDomMutation(_ref9) {
       var mutations = _ref9.mutations;
       if (mutations.some(isSyncedLocationsDropdownErrorInMutation)) {

package/dist/cjs/pm-plugins/utils/selection-decorations.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calculateDecorations = void 0;
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
+var _syncBlock = require("@atlaskit/editor-common/styles/sync-block");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var calculateDecorations = exports.calculateDecorations = function calculateDecorations(doc, selection, schema) {

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

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.wasExtensionInsertedInBodiedSyncBlock = exports.sliceFullyContainsNode = exports.isBodiedSyncBlockNode = exports.getUnsupportedNodeTypes = exports.findSyncBlockOrBodiedSyncBlock = exports.findSyncBlock = exports.findBodiedSyncBlock = exports.deferDispatch = exports.canBeConvertedToSyncBlock = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _selection = require("@atlaskit/editor-common/selection");
+var _utils = require("@atlaskit/editor-common/selection/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 /**
  * Defers a callback to the next microtask (when gated) or next macrotask via setTimeout(0).
@@ -21,10 +21,10 @@ var deferDispatch = exports.deferDispatch = function deferDispatch(fn) {
 };
 var findSyncBlock = exports.findSyncBlock = function findSyncBlock(schema, selection) {
   var syncBlock = schema.nodes.syncBlock;
-  return (0, _utils.findSelectedNodeOfType)(syncBlock)(selection);
+  return (0, _utils2.findSelectedNodeOfType)(syncBlock)(selection);
 };
 var findBodiedSyncBlock = exports.findBodiedSyncBlock = function findBodiedSyncBlock(schema, selection) {
-  return (0, _utils.findSelectedNodeOfType)(schema.nodes.bodiedSyncBlock)(selection) || (0, _utils.findParentNodeOfType)(schema.nodes.bodiedSyncBlock)(selection);
+  return (0, _utils2.findSelectedNodeOfType)(schema.nodes.bodiedSyncBlock)(selection) || (0, _utils2.findParentNodeOfType)(schema.nodes.bodiedSyncBlock)(selection);
 };
 var findSyncBlockOrBodiedSyncBlock = exports.findSyncBlockOrBodiedSyncBlock = function findSyncBlockOrBodiedSyncBlock(schema, selection) {
   return findSyncBlock(schema, selection) || findBodiedSyncBlock(schema, selection);
@@ -46,7 +46,7 @@ var getUnsupportedNodeTypes = exports.getUnsupportedNodeTypes = (0, _memoizeOne.
  */
 var canBeConvertedToSyncBlock = exports.canBeConvertedToSyncBlock = function canBeConvertedToSyncBlock(selection) {
   var _selectedContent$firs;
-  var _expandSelectionToBlo = (0, _selection.expandSelectionToBlockRange)(selection),
+  var _expandSelectionToBlo = (0, _utils.expandSelectionToBlockRange)(selection),
     $from = _expandSelectionToBlo.$from,
     range = _expandSelectionToBlo.range;
   if (!range) {
@@ -159,7 +159,7 @@ var wasExtensionInsertedInBodiedSyncBlock = exports.wasExtensionInsertedInBodied
       var docAfterStep = (_docs = docs[i + 1]) !== null && _docs !== void 0 ? _docs : tr.doc;
       try {
         var $pos = docAfterStep.resolve(replaceStep.from);
-        var parent = (0, _utils.findParentNodeOfTypeClosestToPos)($pos, bodiedSyncBlock);
+        var parent = (0, _utils2.findParentNodeOfTypeClosestToPos)($pos, bodiedSyncBlock);
         if (parent !== null && parent !== void 0 && parent.node.attrs.resourceId) {
           return parent.node.attrs.resourceId;
         }
@@ -178,7 +178,7 @@ var wasExtensionInsertedInBodiedSyncBlock = exports.wasExtensionInsertedInBodied
     }
     if (EXTENSION_NODES.has(node.type.name)) {
       var _$pos = tr.doc.resolve(pos);
-      var _parent = (0, _utils.findParentNodeOfTypeClosestToPos)(_$pos, bodiedSyncBlock);
+      var _parent = (0, _utils2.findParentNodeOfTypeClosestToPos)(_$pos, bodiedSyncBlock);
       if (_parent !== null && _parent !== void 0 && _parent.node.attrs.resourceId) {
         var mappedPos = tr.mapping.invert().map(pos);
         var nodeBefore = state.doc.nodeAt(mappedPos);

package/dist/cjs/syncedBlockPlugin.js

@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _bodiedSyncBlock = require("@atlaskit/adf-schema/bodied-sync-block");
 var _syncBlock = require("@atlaskit/adf-schema/sync-block");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _syncBlockStoreManager = require("@atlaskit/editor-synced-block-provider/syncBlockStoreManager");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _editorActions = require("./editor-actions");
 var _editorCommands = require("./editor-commands");
@@ -41,7 +41,7 @@ var LazySyncedBlockUI = function LazySyncedBlockUI(_ref) {
     editorView = _ref.editorView,
     onFeedbackPromptShown = _ref.onFeedbackPromptShown,
     onGiveFeedback = _ref.onGiveFeedback;
-  var hasSyncBlocks = (0, _hooks.useSharedPluginStateWithSelector)(api, ['syncedBlock'], function (states) {
+  var hasSyncBlocks = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['syncedBlock'], function (states) {
     var _states$syncedBlockSt;
     return (_states$syncedBlockSt = states.syncedBlockState) === null || _states$syncedBlockSt === void 0 ? void 0 : _states$syncedBlockSt.hasSyncedBlocks;
   });
@@ -67,7 +67,7 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
     api = _ref2.api;
   var refs = {};
   var viewMode = api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode;
-  var syncBlockStore = new _editorSyncedBlockProvider.SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, viewMode, config === null || config === void 0 ? void 0 : config.__livePage);
+  var syncBlockStore = new _syncBlockStoreManager.SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, viewMode, config === null || config === void 0 ? void 0 : config.__livePage);
   syncBlockStore.setFireAnalyticsEvent(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent);
 
   // --- Memoized getSharedState (EDITOR-6929 / PR-F) ---

package/dist/cjs/ui/CreateSyncedBlockButton.js

@@ -8,11 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.CreateSyncedBlockButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _syncBlock = require("@atlaskit/editor-common/messages/syncBlock");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _toolbarButton = require("@atlaskit/editor-toolbar/toolbar-button");
+var _toolbarTooltip = require("@atlaskit/editor-toolbar/toolbar-tooltip");
 var _blockSynced = _interopRequireDefault(require("@atlaskit/icon-lab/core/block-synced"));
 var _utils = require("../pm-plugins/utils/utils");
 var _types = require("../types");
@@ -20,7 +21,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var CreateSyncedBlockButton = exports.CreateSyncedBlockButton = function CreateSyncedBlockButton(_ref) {
   var api = _ref.api;
   var intl = (0, _reactIntl.useIntl)();
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection', 'connectivity'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['selection', 'connectivity'], function (states) {
       var _states$selectionStat, _states$connectivityS;
       return {
         selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection,
@@ -34,7 +35,7 @@ var CreateSyncedBlockButton = exports.CreateSyncedBlockButton = function CreateS
   // and converting existing block to synced block
   var canBeConverted = Boolean(selection && (0, _utils.canBeConvertedToSyncBlock)(selection));
   var canInsertEmptyBlock = Boolean(selection === null || selection === void 0 ? void 0 : selection.empty);
-  var isDisabled = Boolean((0, _editorPluginConnectivity.isOfflineMode)(mode) || !canBeConverted && !canInsertEmptyBlock);
+  var isDisabled = Boolean((0, _isOfflineMode.isOfflineMode)(mode) || !canBeConverted && !canInsertEmptyBlock);
   var onClick = (0, _react.useCallback)(function () {
     var _api$core;
     // Insert the synced block and stop preserving the selection in a single
@@ -49,7 +50,7 @@ var CreateSyncedBlockButton = exports.CreateSyncedBlockButton = function CreateS
     var dispatched = api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(function (_ref2) {
       var _api$blockControls;
       var tr = _ref2.tr;
-      var result = api === null || api === void 0 ? void 0 : api.syncedBlock.commands.insertSyncedBlock(_analytics.INPUT_METHOD.SYNCED_BLOCK_TB)({
+      var result = api === null || api === void 0 ? void 0 : api.syncedBlock.commands.insertSyncedBlock(_enums.INPUT_METHOD.SYNCED_BLOCK_TB)({
         tr: tr
       });
       if (!result) {
@@ -65,10 +66,10 @@ var CreateSyncedBlockButton = exports.CreateSyncedBlockButton = function CreateS
       api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.focus();
     }
   }, [api]);
-  var message = intl.formatMessage(_messages.syncBlockMessages.syncBlockLabel);
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
+  var message = intl.formatMessage(_syncBlock.syncBlockMessages.syncBlockLabel);
+  return /*#__PURE__*/_react.default.createElement(_toolbarTooltip.ToolbarTooltip, {
     content: message
-  }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
+  }, /*#__PURE__*/_react.default.createElement(_toolbarButton.ToolbarButton, {
     label: message,
     iconBefore: /*#__PURE__*/_react.default.createElement(_blockSynced.default, {
       size: "small",

package/dist/cjs/ui/CreateSyncedBlockDropdownItem.js

@@ -8,11 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.CreateOrCopySyncedBlockDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _blockMenu = require("@atlaskit/editor-common/messages/block-menu");
+var _syncBlock = require("@atlaskit/editor-common/messages/syncBlock");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _syncBlocksIcon = require("@atlaskit/editor-toolbar/sync-blocks-icon");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utils = require("../pm-plugins/utils/utils");
@@ -28,7 +30,7 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref2
   var api = _ref2.api;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection', 'blockControls', 'connectivity'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['selection', 'blockControls', 'connectivity'], function (states) {
       var _states$selectionStat, _states$blockControls, _states$blockControls2, _states$connectivityS;
       return {
         selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection,
@@ -63,7 +65,7 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref2
       // stopping selection preservation — otherwise we would dispatch an
       // effectively-empty transaction and close the menu despite nothing
       // having been inserted.
-      var result = api === null || api === void 0 ? void 0 : api.syncedBlock.commands.insertSyncedBlock(_analytics.INPUT_METHOD.BLOCK_MENU)({
+      var result = api === null || api === void 0 ? void 0 : api.syncedBlock.commands.insertSyncedBlock(_enums.INPUT_METHOD.BLOCK_MENU)({
         tr: tr
       });
       if (!result) {
@@ -84,12 +86,12 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref2
       api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.focus();
     }
   };
-  var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(mode);
+  var isOffline = (0, _isOfflineMode.isOfflineMode)(mode);
   var lozenge = /*#__PURE__*/_react.default.createElement(SyncedBlockNewLozenge, {
-    label: formatMessage(_messages.blockMenuMessages.newLozenge)
+    label: formatMessage(_blockMenu.messages.newLozenge)
   });
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SyncBlocksIcon, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_syncBlocksIcon.SyncBlocksIcon, {
       label: "",
       size: "small"
     }),
@@ -97,13 +99,13 @@ var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref2
     isDisabled: isOffline,
     testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.blockMenuCreate,
     elemAfterText: lozenge
-  }, formatMessage(_messages.blockMenuMessages.syncBlock));
+  }, formatMessage(_blockMenu.messages.syncBlock));
 };
 var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref4) {
   var api = _ref4.api;
   var _useIntl2 = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (states) {
+  var _useSharedPluginState2 = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['connectivity'], function (states) {
       var _states$connectivityS2;
       return {
         mode: (_states$connectivityS2 = states.connectivityState) === null || _states$connectivityS2 === void 0 ? void 0 : _states$connectivityS2.mode
@@ -112,28 +114,28 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref4) {
     mode = _useSharedPluginState2.mode;
   var onClick = function onClick() {
     var _api$core3, _api$core4, _api$blockControls3;
-    api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(api === null || api === void 0 ? void 0 : api.syncedBlock.commands.copySyncedBlockReferenceToClipboard(_analytics.INPUT_METHOD.BLOCK_MENU));
+    api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(api === null || api === void 0 ? void 0 : api.syncedBlock.commands.copySyncedBlockReferenceToClipboard(_enums.INPUT_METHOD.BLOCK_MENU));
     api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(api === null || api === void 0 || (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 || (_api$blockControls3 = _api$blockControls3.commands) === null || _api$blockControls3 === void 0 ? void 0 : _api$blockControls3.toggleBlockMenu({
       closeMenu: true
     }));
   };
   var lozenge = /*#__PURE__*/_react.default.createElement(SyncedBlockNewLozenge, {
-    label: formatMessage(_messages.blockMenuMessages.newLozenge)
+    label: formatMessage(_blockMenu.messages.newLozenge)
   });
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SyncBlocksIcon, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_syncBlocksIcon.SyncBlocksIcon, {
       label: "",
       size: "small"
     }),
     onClick: onClick,
-    isDisabled: (0, _editorPluginConnectivity.isOfflineMode)(mode),
+    isDisabled: (0, _isOfflineMode.isOfflineMode)(mode),
     elemAfterText: lozenge
-  }, formatMessage(_messages.syncBlockMessages.copyToSyncLabel));
+  }, formatMessage(_syncBlock.syncBlockMessages.copyToSyncLabel));
 };
 var CreateOrCopySyncedBlockDropdownItem = exports.CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref5) {
   var api = _ref5.api,
     enableSourceSyncedBlockCreation = _ref5.enableSourceSyncedBlockCreation;
-  var _useSharedPluginState3 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
+  var _useSharedPluginState3 = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
       var _states$blockControls3, _states$blockControls4;
       return {
         menuTriggerByNode: (_states$blockControls3 = (_states$blockControls4 = states.blockControlsState) === null || _states$blockControls4 === void 0 ? void 0 : _states$blockControls4.menuTriggerByNode) !== null && _states$blockControls3 !== void 0 ? _states$blockControls3 : undefined

package/dist/cjs/ui/DeleteConfirmationModal.js

@@ -16,9 +16,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _syncBlock = require("@atlaskit/editor-common/messages/syncBlock");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
 var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
 var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
@@ -35,25 +35,25 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 var modalContentMap = {
   'source-block-deleted': {
-    titleMultiple: _messages.syncBlockMessages.deleteConfirmationModalTitleMultiple,
-    titleSingle: _messages.syncBlockMessages.deletionConfirmationModalTitleSingle,
-    descriptionSingle: _messages.syncBlockMessages.deletionConfirmationModalDescriptionNoRef,
-    descriptionMultiple: _messages.syncBlockMessages.deletionConfirmationModalDescriptionNew,
-    confirmButtonLabel: _messages.syncBlockMessages.deleteConfirmationModalDeleteButton
+    titleMultiple: _syncBlock.syncBlockMessages.deleteConfirmationModalTitleMultiple,
+    titleSingle: _syncBlock.syncBlockMessages.deletionConfirmationModalTitleSingle,
+    descriptionSingle: _syncBlock.syncBlockMessages.deletionConfirmationModalDescriptionNoRef,
+    descriptionMultiple: _syncBlock.syncBlockMessages.deletionConfirmationModalDescriptionNew,
+    confirmButtonLabel: _syncBlock.syncBlockMessages.deleteConfirmationModalDeleteButton
   },
   'source-block-unpublished': {
-    titleMultiple: _messages.syncBlockMessages.deleteConfirmationModalTitleMultiple,
-    titleSingle: _messages.syncBlockMessages.deletionConfirmationModalTitleSingle,
-    descriptionSingle: _messages.syncBlockMessages.deletionConfirmationModalDescriptionNoRef,
-    descriptionMultiple: _messages.syncBlockMessages.deletionConfirmationModalDescriptionNew,
-    confirmButtonLabel: _messages.syncBlockMessages.deleteConfirmationModalDeleteButton
+    titleMultiple: _syncBlock.syncBlockMessages.deleteConfirmationModalTitleMultiple,
+    titleSingle: _syncBlock.syncBlockMessages.deletionConfirmationModalTitleSingle,
+    descriptionSingle: _syncBlock.syncBlockMessages.deletionConfirmationModalDescriptionNoRef,
+    descriptionMultiple: _syncBlock.syncBlockMessages.deletionConfirmationModalDescriptionNew,
+    confirmButtonLabel: _syncBlock.syncBlockMessages.deleteConfirmationModalDeleteButton
   },
   'source-block-unsynced': {
-    titleMultiple: _messages.syncBlockMessages.unsyncConfirmationModalTitle,
-    titleSingle: _messages.syncBlockMessages.unsyncConfirmationModalTitle,
-    descriptionSingle: _messages.syncBlockMessages.unsyncConfirmModalDescriptionSingle,
-    descriptionMultiple: _messages.syncBlockMessages.unsyncConfirmModalDescriptionMultipleNew,
-    confirmButtonLabel: _messages.syncBlockMessages.deleteConfirmationModalUnsyncButton
+    titleMultiple: _syncBlock.syncBlockMessages.unsyncConfirmationModalTitle,
+    titleSingle: _syncBlock.syncBlockMessages.unsyncConfirmationModalTitle,
+    descriptionSingle: _syncBlock.syncBlockMessages.unsyncConfirmModalDescriptionSingle,
+    descriptionMultiple: _syncBlock.syncBlockMessages.unsyncConfirmModalDescriptionMultipleNew,
+    confirmButtonLabel: _syncBlock.syncBlockMessages.deleteConfirmationModalUnsyncButton
   }
 };
 var styles = {
@@ -80,7 +80,7 @@ var DeleteConfirmationModal = exports.DeleteConfirmationModal = function DeleteC
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     deleteReason = _useState8[0],
     setDeleteReason = _useState8[1];
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity', 'syncedBlock'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['connectivity', 'syncedBlock'], function (states) {
       var _states$connectivityS, _states$syncedBlockSt, _states$syncedBlockSt2;
       return {
         mode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode,
@@ -322,7 +322,7 @@ var DeleteConfirmationModal = exports.DeleteConfirmationModal = function DeleteC
     handleClick: handleClick,
     formatMessage: formatMessage,
     isDeleting: bodiedSyncBlockDeletionStatus === 'processing',
-    isDisabled: (0, _editorPluginConnectivity.isOfflineMode)(mode),
+    isDisabled: (0, _isOfflineMode.isOfflineMode)(mode),
     deleteReason: deleteReason,
     sourceCount: (syncBlockIds === null || syncBlockIds === void 0 ? void 0 : syncBlockIds.length) || 0
   }))));
@@ -345,7 +345,7 @@ var ModalContent = function ModalContent(_ref0) {
   var totalLocationCount = deleteReason === 'source-block-deleted' ? referenceCount + sourceCount : referenceCount;
   var isReferenceCountDescriptionEnabled = deleteReason === 'source-block-deleted';
   var descriptionLocationCount = isReferenceCountDescriptionEnabled ? referenceCount : totalLocationCount;
-  var descriptionMultipleMessage = isReferenceCountDescriptionEnabled ? _messages.syncBlockMessages.deletionConfirmationModalDescriptionReferenceCount : descriptionMultiple;
+  var descriptionMultipleMessage = isReferenceCountDescriptionEnabled ? _syncBlock.syncBlockMessages.deletionConfirmationModalDescriptionReferenceCount : descriptionMultiple;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
     hasCloseButton: true
   }, /*#__PURE__*/_react.default.createElement(_modalTitle.default, {
@@ -357,7 +357,7 @@ var ModalContent = function ModalContent(_ref0) {
   }))), /*#__PURE__*/_react.default.createElement(_modalFooter.default, null, /*#__PURE__*/_react.default.createElement(_button.default, {
     appearance: "subtle",
     onClick: handleClick(false)
-  }, formatMessage(_messages.syncBlockMessages.deleteConfirmationModalCancelButton)), /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, formatMessage(_syncBlock.syncBlockMessages.deleteConfirmationModalCancelButton)), /*#__PURE__*/_react.default.createElement(_button.default, {
     appearance: "warning",
     onClick: handleClick(true),
     autoFocus: true,