@atlaskit/editor-plugin-synced-block 5.1.11 → 5.1.13

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

@@ -12,6 +12,7 @@ import EditIcon from '@atlaskit/icon/core/edit';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { copySyncedBlockReferenceToClipboard, editSyncedBlockSource, removeSyncedBlock } from '../editor-commands';
 import { findSyncBlockOrBodiedSyncBlock, isBodiedSyncBlockNode } from '../pm-plugins/utils/utils';
+import { SyncedLocationDropdown } from './SyncedLocationDropdown';
 export var getToolbarConfig = function getToolbarConfig(state, intl, api, syncBlockStore) {
   var _api$decorations, _api$connectivity;
   var syncBlockObject = findSyncBlockOrBodiedSyncBlock(state.schema, state.selection);
@@ -20,8 +21,12 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, api, syncBl
   }
   var syncBlockInstance = syncBlockStore.referenceManager.getFromCache(syncBlockObject.node.attrs.resourceId);
   var isUnsyncedBlock = (syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error) === SyncBlockError.NotFound;
+  var isErroredBlock = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error;
   var bodiedSyncBlock = state.schema.nodes.bodiedSyncBlock;
   var isBodiedSyncBlock = isBodiedSyncBlockNode(syncBlockObject.node, bodiedSyncBlock);
+  var _syncBlockObject$node = syncBlockObject.node.attrs,
+    resourceId = _syncBlockObject$node.resourceId,
+    localId = _syncBlockObject$node.localId;
   var formatMessage = intl.formatMessage;
   var nodeType = syncBlockObject.node.type;
   var hoverDecoration = api === null || api === void 0 || (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions.hoverDecoration;
@@ -44,6 +49,22 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, api, syncBl
     }, hoverDecorationProps(nodeType, akEditorSelectedNodeClassName));
     items.push(deleteButton);
   } else {
+    if (!isErroredBlock && fg('platform_synced_block_dogfooding')) {
+      var syncedLocation = {
+        type: 'custom',
+        fallback: [],
+        render: function render() {
+          return /*#__PURE__*/React.createElement(SyncedLocationDropdown, {
+            syncBlockStore: syncBlockStore,
+            resourceId: resourceId,
+            localId: localId,
+            intl: intl,
+            isSource: isBodiedSyncBlock
+          });
+        }
+      };
+      items.push(syncedLocation);
+    }
     var copyButton = _objectSpread({
       id: 'editor.syncedBlock.copy',
       type: 'button',

package/dist/types/ui/SyncedLocationDropdown.d.ts

@@ -0,0 +1,12 @@
+import { type IntlShape } from 'react-intl-next';
+import type { SyncBlockSourceInfo, SyncBlockStoreManager, ReferencesSourceInfo } from '@atlaskit/editor-synced-block-provider';
+interface Props {
+    intl: IntlShape;
+    isSource: boolean;
+    localId: string;
+    resourceId: string;
+    syncBlockStore: SyncBlockStoreManager;
+}
+export declare const processReferenceData: (referenceData: ReferencesSourceInfo["references"], intl: IntlShape) => SyncBlockSourceInfo[];
+export declare const SyncedLocationDropdown: ({ syncBlockStore, resourceId, intl, isSource, localId, }: Props) => JSX.Element;
+export {};

package/dist/types-ts4.5/ui/SyncedLocationDropdown.d.ts

@@ -0,0 +1,12 @@
+import { type IntlShape } from 'react-intl-next';
+import type { SyncBlockSourceInfo, SyncBlockStoreManager, ReferencesSourceInfo } from '@atlaskit/editor-synced-block-provider';
+interface Props {
+    intl: IntlShape;
+    isSource: boolean;
+    localId: string;
+    resourceId: string;
+    syncBlockStore: SyncBlockStoreManager;
+}
+export declare const processReferenceData: (referenceData: ReferencesSourceInfo["references"], intl: IntlShape) => SyncBlockSourceInfo[];
+export declare const SyncedLocationDropdown: ({ syncBlockStore, resourceId, intl, isSource, localId, }: Props) => JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "5.1.11",
+	"version": "5.1.13",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,8 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/adf-schema": "^51.5.0",
-		"@atlaskit/button": "23.9.3",
+		"@atlaskit/button": "23.9.4",
+		"@atlaskit/dropdown-menu": "16.4.2",
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-plugin-analytics": "^7.0.0",
 		"@atlaskit/editor-plugin-block-menu": "^6.0.0",
@@ -39,21 +40,24 @@
 		"@atlaskit/editor-plugin-selection": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/editor-synced-block-provider": "^3.6.0",
+		"@atlaskit/editor-synced-block-provider": "^3.8.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.19.0",
 		"@atlaskit/flag": "^17.8.0",
-		"@atlaskit/icon": "29.4.1",
+		"@atlaskit/icon": "29.4.2",
 		"@atlaskit/icon-lab": "^5.14.0",
+		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/lozenge": "^13.3.0",
 		"@atlaskit/modal-dialog": "^14.10.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.21.0",
-		"@atlaskit/tokens": "9.1.2",
+		"@atlaskit/primitives": "^17.1.0",
+		"@atlaskit/spinner": "19.0.9",
+		"@atlaskit/tmp-editor-statsig": "^16.23.0",
+		"@atlaskit/tokens": "10.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
+		"@compiled/react": "^0.18.6",
 		"bind-event-listener": "^3.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},