@atlaskit/editor-plugin-synced-block 24.0.5 → 24.0.7

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

@@ -10,9 +10,9 @@ exports.getQuickInsertConfig = void 0;
 require("./quick-insert.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _assets = require("@atlaskit/editor-common/assets");
+var _blockType = require("@atlaskit/editor-common/messages/block-type");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorCommands = require("../editor-commands");
@@ -27,8 +27,8 @@ var getQuickInsertConfig = exports.getQuickInsertConfig = function getQuickInser
     }
     return [{
       id: 'syncBlock',
-      title: formatMessage(_messages.blockTypeMessages.syncedBlockQuickInsertTitle),
-      description: formatMessage(_messages.blockTypeMessages.syncedBlockDescription),
+      title: formatMessage(_blockType.messages.syncedBlockQuickInsertTitle),
+      description: formatMessage(_blockType.messages.syncedBlockDescription),
       priority: 400,
       keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect', 'create'],
       isDisabledOffline: true,
@@ -37,10 +37,10 @@ var getQuickInsertConfig = exports.getQuickInsertConfig = function getQuickInser
         className: (0, _runtime.ax)(["_1o9zidpf _16jlidpf _1e0c116y"])
       }, /*#__PURE__*/React.createElement(_lozenge.default, {
         appearance: (0, _fg.fg)('confluence_fronend_labels_categorization_migration') ? 'discovery' : 'new'
-      }, formatMessage(_messages.blockTypeMessages.newLozenge))),
+      }, formatMessage(_blockType.messages.newLozenge))),
       icon: function icon() {
-        return /*#__PURE__*/React.createElement(_quickInsert.IconSyncBlock, {
-          label: formatMessage(_messages.blockTypeMessages.syncedBlockQuickInsertTitle)
+        return /*#__PURE__*/React.createElement(_assets.IconSyncBlock, {
+          label: formatMessage(_blockType.messages.syncedBlockQuickInsertTitle)
         });
       },
       action: function action(insert, state) {
@@ -50,7 +50,7 @@ var getQuickInsertConfig = exports.getQuickInsertConfig = function getQuickInser
           syncBlockStore: syncBlockStore,
           typeAheadInsert: insert,
           fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent,
-          inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
+          inputMethod: _enums.INPUT_METHOD.QUICK_INSERT
         });
       },
       testId: _types.SYNCED_BLOCK_BUTTON_TEST_ID.quickInsertCreate

package/dist/cjs/ui/toolbar-components.js

@@ -6,22 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getToolbarComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _toolbar = require("@atlaskit/editor-common/toolbar");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _keys = require("@atlaskit/editor-common/toolbar/keys");
+var _rank = require("@atlaskit/editor-common/toolbar/rank");
+var _show = require("@atlaskit/editor-toolbar/show");
+var _toolbarButtonGroup = require("@atlaskit/editor-toolbar/toolbar-button-group");
 var _CreateSyncedBlockButton = require("./CreateSyncedBlockButton");
 var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
-  type: _toolbar.SYNCED_BLOCK_GROUP.type,
-  key: _toolbar.SYNCED_BLOCK_GROUP.key,
+  type: _keys.SYNCED_BLOCK_GROUP.type,
+  key: _keys.SYNCED_BLOCK_GROUP.key,
   component: function component(_ref) {
     var children = _ref.children;
-    return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
+    return /*#__PURE__*/_react.default.createElement(_show.Show, {
       above: "md"
-    }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
+    }, /*#__PURE__*/_react.default.createElement(_toolbarButtonGroup.ToolbarButtonGroup, null, children));
   },
   parents: [{
-    type: _toolbar.INSERT_BLOCK_SECTION.type,
-    key: _toolbar.INSERT_BLOCK_SECTION.key,
-    rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.SYNCED_BLOCK_GROUP.key]
+    type: _keys.INSERT_BLOCK_SECTION.type,
+    key: _keys.INSERT_BLOCK_SECTION.key,
+    rank: _rank.INSERT_BLOCK_SECTION_RANK[_keys.SYNCED_BLOCK_GROUP.key]
   }]
 };
 var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api, enableSourceSyncedBlockCreation) {
@@ -29,17 +31,17 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
     return [];
   }
   return [SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP, {
-    type: _toolbar.SYNCED_BLOCK_BUTTON.type,
-    key: _toolbar.SYNCED_BLOCK_BUTTON.key,
+    type: _keys.SYNCED_BLOCK_BUTTON.type,
+    key: _keys.SYNCED_BLOCK_BUTTON.key,
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_CreateSyncedBlockButton.CreateSyncedBlockButton, {
         api: api
       });
     },
     parents: [{
-      type: _toolbar.SYNCED_BLOCK_GROUP.type,
-      key: _toolbar.SYNCED_BLOCK_GROUP.key,
-      rank: _toolbar.SYNCED_BLOCK_SECTION_RANK[_toolbar.SYNCED_BLOCK_BUTTON.key]
+      type: _keys.SYNCED_BLOCK_GROUP.type,
+      key: _keys.SYNCED_BLOCK_GROUP.key,
+      rank: _rank.SYNCED_BLOCK_SECTION_RANK[_keys.SYNCED_BLOCK_BUTTON.key]
     }]
   }];
 };

package/dist/es2019/editor-commands/index.js

@@ -1,7 +1,7 @@
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { copyDomNodeWithResult, toDOM } from '@atlaskit/editor-common/copy-button';
-import { getSourceNodesFromSelectionRange } from '@atlaskit/editor-common/selection';
+import { getSourceNodesFromSelectionRange } from '@atlaskit/editor-common/selection/utils';
 import { DOMSerializer, Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';

package/dist/es2019/nodeviews/bodiedSyncedBlock.js

@@ -1,8 +1,8 @@
 import React, { useEffect, useState } from 'react';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics/types/enums';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
-import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { getUnpublishedSourceType } from '../ui/getUnpublishedSourceType';

package/dist/es2019/nodeviews/syncedBlock.js

@@ -1,11 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics/types/enums';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 // oxlint-disable-next-line import/no-duplicates
 
-import { SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockActionsProvider } from '@atlaskit/editor-common/sync-block';
+import { SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
+import { SyncBlockActionsProvider } from '@atlaskit/editor-common/sync-block/SyncBlockActionsContext';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { removeSyncedBlockAtPos } from '../editor-commands';

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

@@ -1,17 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { isDirtyTransaction } from '@atlaskit/editor-common/collab';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
-import { BodiedSyncBlockSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
-import { mapSlice, pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { BodiedSyncBlockSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/styles/sync-block';
+import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
+import { mapSlice } from '@atlaskit/editor-common/utils/slice';
 import { Slice } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
-import { convertPMNodesToSyncBlockNodes } from '@atlaskit/editor-synced-block-provider';
-import { getSourceProductFromResourceIdSafe } from '@atlaskit/editor-synced-block-provider/utils';
+import { getSourceProductFromResourceIdSafe, convertPMNodesToSyncBlockNodes } from '@atlaskit/editor-synced-block-provider/utils';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { bodiedSyncBlockNodeView } from '../nodeviews/bodiedSyncedBlock';
 import { SyncBlock as SyncBlockView } from '../nodeviews/syncedBlock';

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

@@ -1,6 +1,10 @@
 import { bind } from 'bind-event-listener';
-import { ACTION, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckTimeout, getNodeQuery, getPopupContainerFromEditorView, popupWithNestedElement, getSelectionAncestorDOM } from '@atlaskit/editor-common/experiences';
+import { ACTION, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics/types/enums';
+import { getNodeQuery, getPopupContainerFromEditorView, popupWithNestedElement, getSelectionAncestorDOM } from '@atlaskit/editor-common/experiences';
+import { EXPERIENCE_ID } from '@atlaskit/editor-common/experiences/consts';
+import { Experience } from '@atlaskit/editor-common/experiences/Experience';
+import { ExperienceCheckDomMutation } from '@atlaskit/editor-common/experiences/ExperienceCheckDomMutation';
+import { ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences/ExperienceCheckTimeout';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';

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

@@ -1,4 +1,4 @@
-import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
+import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 export const calculateDecorations = (doc, selection, schema) => {

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

@@ -1,5 +1,5 @@
 import memoizeOne from 'memoize-one';
-import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
+import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { findParentNodeOfType, findParentNodeOfTypeClosestToPos, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';

package/dist/es2019/syncedBlockPlugin.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { bodiedSyncBlock } from '@atlaskit/adf-schema/bodied-sync-block';
 import { syncBlock } from '@atlaskit/adf-schema/sync-block';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider/syncBlockStoreManager';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { flushBodiedSyncBlocks, flushSyncBlocks, discardUnpublishedSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';

package/dist/es2019/ui/CreateSyncedBlockButton.js

@@ -1,10 +1,11 @@
 import React, { useCallback } from 'react';
 import { useIntl } from 'react-intl';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { syncBlockMessages } from '@atlaskit/editor-common/messages';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
-import { ToolbarButton, ToolbarTooltip } from '@atlaskit/editor-toolbar';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
+import { syncBlockMessages } from '@atlaskit/editor-common/messages/syncBlock';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { ToolbarButton } from '@atlaskit/editor-toolbar/toolbar-button';
+import { ToolbarTooltip } from '@atlaskit/editor-toolbar/toolbar-tooltip';
 import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
 import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
 import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';

package/dist/es2019/ui/CreateSyncedBlockDropdownItem.js

@@ -1,10 +1,12 @@
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { blockMenuMessages, syncBlockMessages } from '@atlaskit/editor-common/messages';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
-import { SyncBlocksIcon, ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
+import { messages as blockMenuMessages } from '@atlaskit/editor-common/messages/block-menu';
+import { syncBlockMessages } from '@atlaskit/editor-common/messages/syncBlock';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
+import { SyncBlocksIcon } from '@atlaskit/editor-toolbar/sync-blocks-icon';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
 import Lozenge from '@atlaskit/lozenge/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';

package/dist/es2019/ui/DeleteConfirmationModal.js

@@ -4,9 +4,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useState } from 'react';
 import { useIntl } from 'react-intl';
 import Button from '@atlaskit/button/default/button';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
+import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages/syncBlock';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import ModalBody from '@atlaskit/modal-dialog/modal-body';
 import ModalDialog from '@atlaskit/modal-dialog/modal-dialog';
 import ModalFooter from '@atlaskit/modal-dialog/modal-footer';

package/dist/es2019/ui/Flag.js

@@ -3,10 +3,10 @@ import "./Flag.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { SYNCED_BLOCKS_DOCUMENTATION_URL } from '@atlaskit/editor-common/sync-block';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
+import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages/syncBlock';
+import { SYNCED_BLOCKS_DOCUMENTATION_URL } from '@atlaskit/editor-common/sync-block/constants';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import AutoDismissFlag from '@atlaskit/flag/auto-dismiss-flag';
 import AkFlag from '@atlaskit/flag/flag';
 import { FlagGroup } from '@atlaskit/flag/flag-group';

package/dist/es2019/ui/SourceSyncBlockPlaceholder.js

@@ -9,8 +9,8 @@ import { useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, Global, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl';
-import { placeholderTextMessages } from '@atlaskit/editor-common/messages';
-import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
+import { placeholderTextMessages } from '@atlaskit/editor-common/messages/placeholder-text';
+import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
 const getSourceSyncBlockPlaceholderStyles = placeholderText => css({
   // Emptiness is signalled by the node view via the `empty` class, which is derived from the
   // ProseMirror document. Keeping this visual state in CSS means typing, deletion, undo/redo,

package/dist/es2019/ui/SyncBlockLabel.js

@@ -3,8 +3,8 @@ import "./SyncBlockLabel.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
-import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/sync-block';
+import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages/syncBlock';
+import { SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
 import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
 import { Box, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip/Tooltip';

package/dist/es2019/ui/SyncBlockRefresher.js

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 // Component that manages synced block data synchronization.
 // Uses provider-based GraphQL subscriptions for updates when online.
 // Falls back to polling at regular intervals when offline.

package/dist/es2019/ui/SyncBlockRendererWrapper.js

@@ -1,7 +1,9 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
-import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
-import { SyncBlockError, useFetchSyncBlockData, useFetchSyncBlockTitle } from '@atlaskit/editor-synced-block-provider';
+import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
+import { SyncBlockError } from '@atlaskit/editor-synced-block-provider/common/types';
+import { useFetchSyncBlockData } from '@atlaskit/editor-synced-block-provider/useFetchSyncBlockData';
+import { useFetchSyncBlockTitle } from '@atlaskit/editor-synced-block-provider/useFetchSyncBlockTitle';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { getUnpublishedSourceType } from './getUnpublishedSourceType';
 import { SyncBlockLabel } from './SyncBlockLabel';

package/dist/es2019/ui/SyncBlockSSRReactContextsProvider.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RawIntlProvider } from 'react-intl';
-import { isSSR } from '@atlaskit/editor-common/core-utils';
+import { isSSR } from '@atlaskit/editor-common/is-ssr';
 /**
  * Wraps syncBlock nodeview children with the editor's actual IntlProvider during
  * SSR streaming (renderToStaticMarkup). This ensures that components using

package/dist/es2019/ui/SyncedLocationDropdown.js

@@ -6,12 +6,13 @@ import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
 import { cx } from '@compiled/react';
 import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
 import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { SYNCED_BLOCKS_DOCUMENTATION_URL } from '@atlaskit/editor-common/sync-block';
-import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
-import { ArrowKeyNavigationType, DropdownContainer } from '@atlaskit/editor-common/ui-menu';
-import { getPageIdAndTypeFromConfluencePageAri } from '@atlaskit/editor-synced-block-provider';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
+import Button from '@atlaskit/editor-common/FloatingToolbar/Button';
+import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages/syncBlock';
+import { SYNCED_BLOCKS_DOCUMENTATION_URL } from '@atlaskit/editor-common/sync-block/constants';
+import { ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types';
+import { DropdownContainer } from '@atlaskit/editor-common/ui-menu/DropdownContainer';
+import { getPageIdAndTypeFromConfluencePageAri } from '@atlaskit/editor-synced-block-provider/clients/confluence/ari';
 // eslint-disable-next-line import/order -- CI requires icon-lab imports before core icon imports.
 import PageLiveDocIcon from '@atlaskit/icon-lab/core/page-live-doc';
 import BugIcon from '@atlaskit/icon/core/bug';
@@ -509,6 +510,7 @@ const EditorPositionedSyncedLocationDropdown = ({
 };
 export const SyncedLocationDropdownWithCount = ({
   syncBlockStore,
+  doc,
   resourceId,
   intl,
   isSource,
@@ -525,7 +527,8 @@ export const SyncedLocationDropdownWithCount = ({
     isSource,
     localId,
     resourceId,
-    syncBlockStore
+    syncBlockStore,
+    doc
   });
   const referenceCount = useMemo(() => {
     switch (locations.kind) {
@@ -632,11 +635,14 @@ const DropdownContent = ({
 };
 const useReferenceData = ({
   syncBlockStore,
+  doc,
   resourceId,
   intl,
   isSource,
   localId
 }) => {
+  // Refresh locations when the toolbar opens, rather than on every document edit.
+  const [docAtMount] = useState(doc);
   const [isNewSourceBlock] = useState(() => isSource && syncBlockStore.sourceManager.isNewSourceBlock(resourceId));
   const [state, setState] = useState(() => ({
     fetchStatus: isNewSourceBlock ? 'success' : 'loading',
@@ -649,7 +655,7 @@ const useReferenceData = ({
       locations: EMPTY_LOCATIONS
     });
     const getReferenceData = async () => {
-      const response = await syncBlockStore.fetchReferencesSourceInfo(resourceId, localId, isSource);
+      const response = await syncBlockStore.fetchReferencesSourceInfo(resourceId, localId, isSource, docAtMount);
       if (!isCurrentRequest) {
         return;
       }
@@ -672,7 +678,7 @@ const useReferenceData = ({
     return () => {
       isCurrentRequest = false;
     };
-  }, [syncBlockStore, resourceId, intl, isSource, localId, isNewSourceBlock]);
+  }, [syncBlockStore, resourceId, intl, isSource, localId, isNewSourceBlock, docAtMount]);
   return {
     fetchStatus: state.fetchStatus,
     locations: state.locations

package/dist/es2019/ui/block-menu-components.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { TRANSFORM_MENU_SECTION, BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu/key';
+import { TRANSFORM_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu/rank';
 import { CreateOrCopySyncedBlockDropdownItem } from './CreateSyncedBlockDropdownItem';
 export const getBlockMenuComponents = (api, enableSourceSyncedBlockCreation) => {
   return [{

package/dist/es2019/ui/floating-toolbar.js

@@ -1,11 +1,14 @@
 import React from 'react';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import commonMessages, { syncBlockMessages as messages, toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
-import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
-import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import Button from '@atlaskit/editor-common/FloatingToolbar/Button';
+import commonMessages from '@atlaskit/editor-common/messages';
+import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages/insert-block';
+import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages/syncBlock';
+import { Side } from '@atlaskit/editor-common/selection';
+import { GapCursorSelection } from '@atlaskit/editor-common/selection/gap-cursor/selection';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles/consts';
-import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
+import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles/constants';
+import { SyncBlockError } from '@atlaskit/editor-synced-block-provider/common/types';
 import CopyIcon from '@atlaskit/icon/core/copy';
 import DeleteIcon from '@atlaskit/icon/core/delete';
 import EditIcon from '@atlaskit/icon/core/edit';
@@ -82,6 +85,7 @@ export const getToolbarConfig = (state, intl, api, syncBlockStore, isLivePage, o
           return /*#__PURE__*/React.createElement(SyncedLocationDropdownWithCount, {
             key: `${resourceId}:${localId}:${isBodiedSyncBlock}`,
             syncBlockStore: syncBlockStore,
+            doc: state.doc,
             resourceId: resourceId,
             localId: localId,
             intl: intl,

package/dist/es2019/ui/quick-insert/SyncedBlockQuickInsertMenuItem.js

@@ -1,10 +1,10 @@
 import React, { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
 import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
 import { messages as quickInsertMessages } from '@atlaskit/editor-common/quick-insert/messages';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
 import { createSyncedBlock } from '../../editor-commands';
 export const SyncedBlockQuickInsertMenuItem = ({

package/dist/es2019/ui/quick-insert/getSyncedBlockQuickInsertComponents.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
 import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
 import { STRUCTURE_SECTION, SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
 import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';

package/dist/es2019/ui/quick-insert.js

@@ -2,9 +2,9 @@
 import "./quick-insert.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
-import { IconSyncBlock } from '@atlaskit/editor-common/quick-insert';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
+import { IconSyncBlock } from '@atlaskit/editor-common/assets';
+import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
 import Lozenge from '@atlaskit/lozenge/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createSyncedBlock } from '../editor-commands';

package/dist/es2019/ui/toolbar-components.js

@@ -1,6 +1,8 @@
 import React from 'react';
-import { INSERT_BLOCK_SECTION, INSERT_BLOCK_SECTION_RANK, SYNCED_BLOCK_BUTTON, SYNCED_BLOCK_GROUP, SYNCED_BLOCK_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
-import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
+import { INSERT_BLOCK_SECTION, SYNCED_BLOCK_BUTTON, SYNCED_BLOCK_GROUP } from '@atlaskit/editor-common/toolbar/keys';
+import { INSERT_BLOCK_SECTION_RANK, SYNCED_BLOCK_SECTION_RANK } from '@atlaskit/editor-common/toolbar/rank';
+import { Show } from '@atlaskit/editor-toolbar/show';
+import { ToolbarButtonGroup } from '@atlaskit/editor-toolbar/toolbar-button-group';
 import { CreateSyncedBlockButton } from './CreateSyncedBlockButton';
 const SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   type: SYNCED_BLOCK_GROUP.type,

package/dist/esm/editor-commands/index.js

@@ -3,9 +3,9 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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) { _defineProperty(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; }
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { copyDomNodeWithResult, toDOM } from '@atlaskit/editor-common/copy-button';
-import { getSourceNodesFromSelectionRange } from '@atlaskit/editor-common/selection';
+import { getSourceNodesFromSelectionRange } from '@atlaskit/editor-common/selection/utils';
 import { DOMSerializer, Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';

package/dist/esm/nodeviews/bodiedSyncedBlock.js

@@ -2,10 +2,10 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useState } from 'react';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics/types/enums';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
-import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { getUnpublishedSourceType } from '../ui/getUnpublishedSourceType';

package/dist/esm/nodeviews/syncedBlock.js

@@ -9,12 +9,13 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 import React from 'react';
-import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics/types/enums';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 // oxlint-disable-next-line import/no-duplicates
 
-import { SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockActionsProvider } from '@atlaskit/editor-common/sync-block';
+import { SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
+import { SyncBlockActionsProvider } from '@atlaskit/editor-common/sync-block/SyncBlockActionsContext';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { removeSyncedBlockAtPos } from '../editor-commands';

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

@@ -9,19 +9,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { isDirtyTransaction } from '@atlaskit/editor-common/collab';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
-import { BodiedSyncBlockSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/sync-block';
-import { mapSlice, pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
-import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { BodiedSyncBlockSharedCssClassName, SyncBlockStateCssClassName } from '@atlaskit/editor-common/styles/sync-block';
+import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
+import { mapSlice } from '@atlaskit/editor-common/utils/slice';
 import { Slice } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
-import { convertPMNodesToSyncBlockNodes } from '@atlaskit/editor-synced-block-provider';
-import { getSourceProductFromResourceIdSafe } from '@atlaskit/editor-synced-block-provider/utils';
+import { getSourceProductFromResourceIdSafe, convertPMNodesToSyncBlockNodes } from '@atlaskit/editor-synced-block-provider/utils';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { bodiedSyncBlockNodeView } from '../nodeviews/bodiedSyncedBlock';
 import { SyncBlock as SyncBlockView } from '../nodeviews/syncedBlock';

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

@@ -1,7 +1,11 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { bind } from 'bind-event-listener';
-import { ACTION, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { Experience, EXPERIENCE_ID, ExperienceCheckDomMutation, ExperienceCheckTimeout, getNodeQuery, getPopupContainerFromEditorView, popupWithNestedElement, getSelectionAncestorDOM } from '@atlaskit/editor-common/experiences';
+import { ACTION, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics/types/enums';
+import { getNodeQuery, getPopupContainerFromEditorView, popupWithNestedElement, getSelectionAncestorDOM } from '@atlaskit/editor-common/experiences';
+import { EXPERIENCE_ID } from '@atlaskit/editor-common/experiences/consts';
+import { Experience } from '@atlaskit/editor-common/experiences/Experience';
+import { ExperienceCheckDomMutation } from '@atlaskit/editor-common/experiences/ExperienceCheckDomMutation';
+import { ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences/ExperienceCheckTimeout';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';