@atlaskit/editor-plugin-synced-block 4.5.0 → 4.5.1

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

@@ -2,7 +2,9 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit
 import { copyDomNode, toDOM } from '@atlaskit/editor-common/copy-button';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
+import { syncedBlockPluginKey } from '../pm-plugins/main';
 import { canBeConvertedToSyncBlock, findSyncBlock, findSyncBlockOrBodiedSyncBlock, isBodiedSyncBlockNode } from '../pm-plugins/utils/utils';
+import { FLAG_ID } from '../types';
 export var createSyncedBlock = function createSyncedBlock(_ref) {
   var tr = _ref.tr,
     syncBlockStore = _ref.syncBlockStore,
@@ -53,21 +55,21 @@ export var createSyncedBlock = function createSyncedBlock(_ref) {
   // see filterTransaction for more details
   return tr;
 };
-export var copySyncedBlockReferenceToClipboardEditorCommand = function copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore) {
+export var copySyncedBlockReferenceToClipboardEditorCommand = function copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore, api) {
   return function (_ref2) {
     var tr = _ref2.tr;
-    if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection, syncBlockStore)) {
+    if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection, syncBlockStore, api)) {
       return tr;
     }
     return null;
   };
 };
-export var copySyncedBlockReferenceToClipboard = function copySyncedBlockReferenceToClipboard(syncBlockStore) {
+export var copySyncedBlockReferenceToClipboard = function copySyncedBlockReferenceToClipboard(syncBlockStore, api) {
   return function (state, _dispatch, _view) {
-    return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection, syncBlockStore);
+    return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection, syncBlockStore, api);
   };
 };
-var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockReferenceToClipboardInternal(schema, selection, syncBlockStore) {
+var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockReferenceToClipboardInternal(schema, selection, syncBlockStore, api) {
   var syncBlockFindResult = findSyncBlockOrBodiedSyncBlock(schema, selection);
   if (!syncBlockFindResult) {
     return false;
@@ -92,6 +94,18 @@ var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockRefere
   }
   var domNode = toDOM(referenceSyncBlockNode, schema);
   copyDomNode(domNode, referenceSyncBlockNode.type, selection);
+
+  // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
+  setTimeout(function () {
+    api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
+      var tr = _ref3.tr;
+      return tr.setMeta(syncedBlockPluginKey, {
+        activeFlag: {
+          id: FLAG_ID.SYNC_BLOCK_COPIED
+        }
+      });
+    });
+  }, 0);
   return true;
 };
 export var editSyncedBlockSource = function editSyncedBlockSource(syncBlockStore, api) {

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

@@ -111,27 +111,33 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         var pluginState = syncedBlockPluginKey.getState(state);
         var syncBlockStore = pluginState === null || pluginState === void 0 ? void 0 : pluginState.syncBlockStore;
         var schema = state.schema;
+        // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
+        setTimeout(function () {
+          api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
+            var tr = _ref3.tr;
+            return tr.setMeta(syncedBlockPluginKey, {
+              activeFlag: {
+                id: FLAG_ID.SYNC_BLOCK_COPIED
+              }
+            });
+          });
+        }, 0);
         if (!syncBlockStore) {
           return slice;
         }
         return mapSlice(slice, function (node) {
           if (node.type.name === 'bodiedSyncBlock' && node.attrs.resourceId) {
-            try {
-              var newResourceId = syncBlockStore.referenceManager.generateResourceIdForReference(node.attrs.resourceId);
-              // Convert bodiedSyncBlock to syncBlock
-              // The paste transformation will regenrate the localId
-              var newAttrs = _objectSpread(_objectSpread({}, node.attrs), {}, {
-                resourceId: newResourceId
-              });
-              var newMarks = schema.nodes.syncBlock.markSet ? node.marks.filter(function (mark) {
-                var _schema$nodes$syncBlo;
-                return (_schema$nodes$syncBlo = schema.nodes.syncBlock.markSet) === null || _schema$nodes$syncBlo === void 0 ? void 0 : _schema$nodes$syncBlo.includes(mark.type);
-              }) : node.marks;
-              return schema.nodes.syncBlock.create(newAttrs, null, newMarks);
-            } catch (error) {
-              // If generateResourceIdForReference died, return the original node
-              return node;
-            }
+            var newResourceId = syncBlockStore.referenceManager.generateResourceIdForReference(node.attrs.resourceId);
+            // Convert bodiedSyncBlock to syncBlock
+            // The paste transformation will regenrate the localId
+            var newAttrs = _objectSpread(_objectSpread({}, node.attrs), {}, {
+              resourceId: newResourceId
+            });
+            var newMarks = schema.nodes.syncBlock.markSet ? node.marks.filter(function (mark) {
+              var _schema$nodes$syncBlo;
+              return (_schema$nodes$syncBlo = schema.nodes.syncBlock.markSet) === null || _schema$nodes$syncBlo === void 0 ? void 0 : _schema$nodes$syncBlo.includes(mark.type);
+            }) : node.marks;
+            return schema.nodes.syncBlock.create(newAttrs, null, newMarks);
           }
           return node;
         });
@@ -195,8 +201,8 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         if (errorFlag) {
           // Use setTimeout to dispatch transaction in next tick and avoid re-entrant dispatch
           setTimeout(function () {
-            api === null || api === void 0 || api.core.actions.execute(function (_ref3) {
-              var tr = _ref3.tr;
+            api === null || api === void 0 || api.core.actions.execute(function (_ref4) {
+              var tr = _ref4.tr;
               return tr.setMeta(syncedBlockPluginKey, {
                 activeFlag: {
                   id: errorFlag

package/dist/esm/syncedBlockPlugin.js

@@ -41,7 +41,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
     },
     commands: {
       copySyncedBlockReferenceToClipboard: function copySyncedBlockReferenceToClipboard() {
-        return copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore);
+        return copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore, api);
       },
       insertSyncedBlock: function insertSyncedBlock() {
         return function (_ref2) {

package/dist/esm/types/index.js

@@ -3,5 +3,6 @@ export var FLAG_ID = /*#__PURE__*/function (FLAG_ID) {
   FLAG_ID["CANNOT_EDIT_WHEN_OFFLINE"] = "cannot-edit-when-offline";
   FLAG_ID["CANNOT_CREATE_WHEN_OFFLINE"] = "cannot-create-when-offline";
   FLAG_ID["FAIL_TO_DELETE"] = "fail-to-delete";
+  FLAG_ID["SYNC_BLOCK_COPIED"] = "sync-block-copied";
   return FLAG_ID;
 }({});

package/dist/esm/ui/Flag.js

@@ -5,22 +5,32 @@ import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import AkFlag, { FlagGroup } from '@atlaskit/flag';
+import AkFlag, { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
+import ImageIcon from '@atlaskit/icon/core/image';
 import StatusWarningIcon from '@atlaskit/icon/core/status-warning';
 import { syncedBlockPluginKey } from '../pm-plugins/main';
 import { FLAG_ID } from '../types';
-var flagMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
+var flagMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FLAG_ID.CANNOT_DELETE_WHEN_OFFLINE, {
   title: messages.failToDeleteTitle,
-  description: messages.failToDeleteWhenOfflineDescription
+  description: messages.failToDeleteWhenOfflineDescription,
+  type: 'error'
 }), FLAG_ID.CANNOT_EDIT_WHEN_OFFLINE, {
   title: messages.failToEditTitle,
-  description: messages.failToEditWhenOfflineDescription
+  description: messages.failToEditWhenOfflineDescription,
+  type: 'error'
 }), FLAG_ID.CANNOT_CREATE_WHEN_OFFLINE, {
   title: messages.failToCreateTitle,
-  description: messages.failToCreateWhenOfflineDescription
+  description: messages.failToCreateWhenOfflineDescription,
+  type: 'error'
 }), FLAG_ID.FAIL_TO_DELETE, {
   title: messages.cannotDeleteTitle,
-  description: messages.cannotDeleteDescription
+  description: messages.cannotDeleteDescription,
+  type: 'error'
+}), FLAG_ID.SYNC_BLOCK_COPIED, {
+  title: messages.syncBlockCopiedTitle,
+  description: messages.syncBlockCopiedDescription,
+  action: messages.syncBlockCopiedAction,
+  type: 'info'
 });
 export var Flag = function Flag(_ref) {
   var api = _ref.api;
@@ -40,7 +50,9 @@ export var Flag = function Flag(_ref) {
   }
   var _flagMap$activeFlag$i = flagMap[activeFlag.id],
     title = _flagMap$activeFlag$i.title,
-    description = _flagMap$activeFlag$i.description;
+    description = _flagMap$activeFlag$i.description,
+    action = _flagMap$activeFlag$i.action,
+    type = _flagMap$activeFlag$i.type;
   var onRetry = activeFlag.onRetry,
     onDismissedCallback = activeFlag.onDismissed;
 
@@ -67,19 +79,42 @@ export var Flag = function Flag(_ref) {
     });
     api === null || api === void 0 || api.core.actions.focus();
   };
-  return /*#__PURE__*/React.createElement(FlagGroup, null, /*#__PURE__*/React.createElement(AkFlag, {
+  var typeToActions = function typeToActions() {
+    if (type === 'error') {
+      if (onRetry) {
+        return [{
+          content: formatMessage(messages.deleteRetryButton),
+          onClick: onRetry
+        }];
+      }
+    } else if (type === 'info' && action) {
+      return [{
+        content: formatMessage(action),
+        href: 'https://atlaskit.atlassian.com/',
+        target: '_blank'
+      }];
+    }
+    return undefined;
+  };
+  var FlagComponent = type === 'info' ? AutoDismissFlag : AkFlag;
+  return /*#__PURE__*/React.createElement(FlagGroup, null, /*#__PURE__*/React.createElement(FlagComponent, {
     onDismissed: onDismissed,
     title: formatMessage(title),
     description: formatMessage(description),
     id: activeFlag.id,
     testId: activeFlag.id,
-    icon: /*#__PURE__*/React.createElement(StatusWarningIcon, {
+    icon: typeToIcon(type),
+    actions: typeToActions()
+  }));
+};
+var typeToIcon = function typeToIcon(type) {
+  if (type === 'error') {
+    return /*#__PURE__*/React.createElement(StatusWarningIcon, {
       label: "",
       color: "var(--ds-icon-warning, #E06C00)"
-    }),
-    actions: onRetry ? [{
-      content: formatMessage(messages.deleteRetryButton),
-      onClick: onRetry
-    }] : undefined
-  }));
+    });
+  }
+  return /*#__PURE__*/React.createElement(ImageIcon, {
+    label: ""
+  });
 };

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

@@ -38,7 +38,7 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, api, syncBl
     title: formatMessage(messages.copySyncBlockLabel),
     showTitle: false,
     tooltipContent: formatMessage(messages.copySyncBlockTooltip),
-    onClick: copySyncedBlockReferenceToClipboard(syncBlockStore)
+    onClick: copySyncedBlockReferenceToClipboard(syncBlockStore, api)
   }, hoverDecorationProps(nodeType, akEditorSelectedNodeClassName));
   items.push(copyButton);
   var disabled = !syncBlockStore.referenceManager.getSyncBlockURL(syncBlockObject.node.attrs.resourceId);

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

@@ -1,24 +1,17 @@
 import React from 'react';
-import { INSERT_BLOCK_SECTION, INSERT_BLOCK_SECTION_RANK, OVERFLOW_MENU, OVERFLOW_MENU_RANK, SYNCED_BLOCK_BUTTON, SYNCED_BLOCK_GROUP, SYNCED_BLOCK_ITEM, SYNCED_BLOCK_SECTION, SYNCED_BLOCK_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
+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 { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { CreateSyncedBlockButton } from './CreateSyncedBlockButton';
-import { CreateSyncedBlockItem } from './CreateSyncedBlockItem';
-import { OverflowMenuSection } from './OverflowMenuSection';
-var SYNCED_BLOCK_OVERFLOW_MENU_SECTION = {
-  type: SYNCED_BLOCK_SECTION.type,
-  key: SYNCED_BLOCK_SECTION.key,
-  parents: [{
-    type: OVERFLOW_MENU.type,
-    key: OVERFLOW_MENU.key,
-    rank: OVERFLOW_MENU_RANK[SYNCED_BLOCK_SECTION.key]
-  }],
-  component: function component(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/React.createElement(OverflowMenuSection, null, children);
-  }
-};
 var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   type: SYNCED_BLOCK_GROUP.type,
   key: SYNCED_BLOCK_GROUP.key,
+  component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/React.createElement(Show, {
+      above: "md"
+    }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
+  } : undefined,
   parents: [{
     type: INSERT_BLOCK_SECTION.type,
     key: INSERT_BLOCK_SECTION.key,
@@ -26,7 +19,7 @@ var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
   }]
 };
 export var getToolbarComponents = function getToolbarComponents(api) {
-  return [SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP, SYNCED_BLOCK_OVERFLOW_MENU_SECTION, {
+  return [SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP, {
     type: SYNCED_BLOCK_BUTTON.type,
     key: SYNCED_BLOCK_BUTTON.key,
     component: function component() {
@@ -39,18 +32,5 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       key: SYNCED_BLOCK_GROUP.key,
       rank: SYNCED_BLOCK_SECTION_RANK[SYNCED_BLOCK_BUTTON.key]
     }]
-  }, {
-    type: SYNCED_BLOCK_ITEM.type,
-    key: SYNCED_BLOCK_ITEM.key,
-    parents: [{
-      type: SYNCED_BLOCK_SECTION.type,
-      key: SYNCED_BLOCK_SECTION.key,
-      rank: SYNCED_BLOCK_SECTION_RANK[SYNCED_BLOCK_ITEM.key]
-    }],
-    component: function component() {
-      return /*#__PURE__*/React.createElement(CreateSyncedBlockItem, {
-        api: api
-      });
-    }
   }];
 };

package/dist/types/editor-commands/index.d.ts

@@ -8,8 +8,8 @@ type createSyncedBlockProps = {
     typeAheadInsert?: TypeAheadInsert;
 };
 export declare const createSyncedBlock: ({ tr, syncBlockStore, typeAheadInsert, }: createSyncedBlockProps) => false | Transaction;
-export declare const copySyncedBlockReferenceToClipboardEditorCommand: (syncBlockStore: SyncBlockStoreManager) => EditorCommand;
-export declare const copySyncedBlockReferenceToClipboard: (syncBlockStore: SyncBlockStoreManager) => Command;
+export declare const copySyncedBlockReferenceToClipboardEditorCommand: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => EditorCommand;
+export declare const copySyncedBlockReferenceToClipboard: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export declare const editSyncedBlockSource: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export declare const removeSyncedBlock: (api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export {};

package/dist/types/types/index.d.ts

@@ -4,7 +4,8 @@ export declare enum FLAG_ID {
     CANNOT_DELETE_WHEN_OFFLINE = "cannot-delete-when-offline",
     CANNOT_EDIT_WHEN_OFFLINE = "cannot-edit-when-offline",
     CANNOT_CREATE_WHEN_OFFLINE = "cannot-create-when-offline",
-    FAIL_TO_DELETE = "fail-to-delete"
+    FAIL_TO_DELETE = "fail-to-delete",
+    SYNC_BLOCK_COPIED = "sync-block-copied"
 }
 type FlagConfig = {
     id: FLAG_ID;

package/dist/types-ts4.5/editor-commands/index.d.ts

@@ -8,8 +8,8 @@ type createSyncedBlockProps = {
     typeAheadInsert?: TypeAheadInsert;
 };
 export declare const createSyncedBlock: ({ tr, syncBlockStore, typeAheadInsert, }: createSyncedBlockProps) => false | Transaction;
-export declare const copySyncedBlockReferenceToClipboardEditorCommand: (syncBlockStore: SyncBlockStoreManager) => EditorCommand;
-export declare const copySyncedBlockReferenceToClipboard: (syncBlockStore: SyncBlockStoreManager) => Command;
+export declare const copySyncedBlockReferenceToClipboardEditorCommand: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => EditorCommand;
+export declare const copySyncedBlockReferenceToClipboard: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export declare const editSyncedBlockSource: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export declare const removeSyncedBlock: (api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export {};

package/dist/types-ts4.5/types/index.d.ts

@@ -4,7 +4,8 @@ export declare enum FLAG_ID {
     CANNOT_DELETE_WHEN_OFFLINE = "cannot-delete-when-offline",
     CANNOT_EDIT_WHEN_OFFLINE = "cannot-edit-when-offline",
     CANNOT_CREATE_WHEN_OFFLINE = "cannot-create-when-offline",
-    FAIL_TO_DELETE = "fail-to-delete"
+    FAIL_TO_DELETE = "fail-to-delete",
+    SYNC_BLOCK_COPIED = "sync-block-copied"
 }
 type FlagConfig = {
     id: FLAG_ID;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "4.5.0",
+	"version": "4.5.1",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -49,6 +49,7 @@
 		"@atlaskit/lozenge": "^13.1.0",
 		"@atlaskit/modal-dialog": "^14.8.0",
 		"@atlaskit/primitives": "^16.4.0",
+		"@atlaskit/tmp-editor-statsig": "^15.9.0",
 		"@atlaskit/tokens": "8.4.1",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/visually-hidden": "^3.0.0",

package/dist/cjs/ui/CreateSyncedBlockItem.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CreateSyncedBlockItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
-var _blockSynced = _interopRequireDefault(require("@atlaskit/icon-lab/core/block-synced"));
-var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
-var _utils = require("../pm-plugins/utils/utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var CreateSyncedBlockItem = exports.CreateSyncedBlockItem = function CreateSyncedBlockItem(_ref) {
-  var api = _ref.api;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = (0, _hooks.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,
-        mode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
-      };
-    }),
-    selection = _useSharedPluginState.selection,
-    mode = _useSharedPluginState.mode;
-  var isDisabled = Boolean(!selection || !(0, _utils.canBeConvertedToSyncBlock)(selection) || mode === 'offline');
-  var onClick = (0, _react.useCallback)(function () {
-    var _api$core, _api$core2;
-    api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref2) {
-      var tr = _ref2.tr;
-      return api === null || api === void 0 ? void 0 : api.syncedBlock.commands.insertSyncedBlock()({
-        tr: tr
-      });
-    });
-    api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.focus();
-  }, [api]);
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
-    onClick: onClick,
-    isDisabled: isDisabled,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_blockSynced.default, {
-      size: "small",
-      label: ""
-    }),
-    elemAfter: /*#__PURE__*/_react.default.createElement(_lozenge.default, {
-      appearance: "new"
-    }, formatMessage(_messages.syncBlockMessages.newLozenge))
-  }, formatMessage(_messages.syncBlockMessages.createSyncBlockLabel));
-};

package/dist/cjs/ui/OverflowMenuSection.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OverflowMenuSection = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _toolbar = require("@atlaskit/editor-common/toolbar");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
-var OverflowMenuSection = exports.OverflowMenuSection = function OverflowMenuSection(_ref) {
-  var children = _ref.children;
-  var _useEditorToolbar = (0, _toolbar.useEditorToolbar)(),
-    editorViewMode = _useEditorToolbar.editorViewMode;
-  var isEdit = editorViewMode === 'edit';
-  if (!isEdit) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, children);
-};

package/dist/es2019/ui/CreateSyncedBlockItem.js

@@ -1,46 +0,0 @@
-import React, { useCallback } from 'react';
-import { useIntl } from 'react-intl-next';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { syncBlockMessages } from '@atlaskit/editor-common/messages';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
-import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
-import Lozenge from '@atlaskit/lozenge';
-import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
-export const CreateSyncedBlockItem = ({
-  api
-}) => {
-  const {
-    formatMessage
-  } = useIntl();
-  const {
-    selection,
-    mode
-  } = useSharedPluginStateWithSelector(api, ['selection', 'connectivity'], states => {
-    var _states$selectionStat, _states$connectivityS;
-    return {
-      selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection,
-      mode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
-    };
-  });
-  const isDisabled = Boolean(!selection || !canBeConvertedToSyncBlock(selection) || mode === 'offline');
-  const onClick = useCallback(() => {
-    var _api$core, _api$core2;
-    api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(({
-      tr
-    }) => api === null || api === void 0 ? void 0 : api.syncedBlock.commands.insertSyncedBlock()({
-      tr
-    }));
-    api === null || api === void 0 ? void 0 : (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions.focus();
-  }, [api]);
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    onClick: onClick,
-    isDisabled: isDisabled,
-    elemBefore: /*#__PURE__*/React.createElement(BlockSyncedIcon, {
-      size: "small",
-      label: ""
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: "new"
-    }, formatMessage(syncBlockMessages.newLozenge))
-  }, formatMessage(syncBlockMessages.createSyncBlockLabel));
-};

package/dist/es2019/ui/OverflowMenuSection.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
-export const OverflowMenuSection = ({
-  children
-}) => {
-  const {
-    editorViewMode
-  } = useEditorToolbar();
-  const isEdit = editorViewMode === 'edit';
-  if (!isEdit) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
-};

package/dist/esm/ui/CreateSyncedBlockItem.js

@@ -1,44 +0,0 @@
-import React, { useCallback } from 'react';
-import { useIntl } from 'react-intl-next';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { syncBlockMessages } from '@atlaskit/editor-common/messages';
-import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
-import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
-import Lozenge from '@atlaskit/lozenge';
-import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
-export var CreateSyncedBlockItem = function CreateSyncedBlockItem(_ref) {
-  var api = _ref.api;
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var _useSharedPluginState = 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,
-        mode: (_states$connectivityS = states.connectivityState) === null || _states$connectivityS === void 0 ? void 0 : _states$connectivityS.mode
-      };
-    }),
-    selection = _useSharedPluginState.selection,
-    mode = _useSharedPluginState.mode;
-  var isDisabled = Boolean(!selection || !canBeConvertedToSyncBlock(selection) || mode === 'offline');
-  var onClick = useCallback(function () {
-    var _api$core, _api$core2;
-    api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref2) {
-      var tr = _ref2.tr;
-      return api === null || api === void 0 ? void 0 : api.syncedBlock.commands.insertSyncedBlock()({
-        tr: tr
-      });
-    });
-    api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.focus();
-  }, [api]);
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
-    onClick: onClick,
-    isDisabled: isDisabled,
-    elemBefore: /*#__PURE__*/React.createElement(BlockSyncedIcon, {
-      size: "small",
-      label: ""
-    }),
-    elemAfter: /*#__PURE__*/React.createElement(Lozenge, {
-      appearance: "new"
-    }, formatMessage(syncBlockMessages.newLozenge))
-  }, formatMessage(syncBlockMessages.createSyncBlockLabel));
-};

package/dist/esm/ui/OverflowMenuSection.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
-import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
-export var OverflowMenuSection = function OverflowMenuSection(_ref) {
-  var children = _ref.children;
-  var _useEditorToolbar = useEditorToolbar(),
-    editorViewMode = _useEditorToolbar.editorViewMode;
-  var isEdit = editorViewMode === 'edit';
-  if (!isEdit) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, children);
-};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-type CreateSyncedBlockItemProps = {
-    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
-};
-export declare const CreateSyncedBlockItem: ({ api }: CreateSyncedBlockItemProps) => React.JSX.Element;
-export {};

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

@@ -1,6 +0,0 @@
-import React from 'react';
-type OverflowMenuSectionProps = {
-    children: React.ReactNode;
-};
-export declare const OverflowMenuSection: ({ children, }: OverflowMenuSectionProps) => React.JSX.Element | null;
-export {};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-type CreateSyncedBlockItemProps = {
-    api?: ExtractInjectionAPI<SyncedBlockPlugin>;
-};
-export declare const CreateSyncedBlockItem: ({ api }: CreateSyncedBlockItemProps) => React.JSX.Element;
-export {};

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

@@ -1,6 +0,0 @@
-import React from 'react';
-type OverflowMenuSectionProps = {
-    children: React.ReactNode;
-};
-export declare const OverflowMenuSection: ({ children, }: OverflowMenuSectionProps) => React.JSX.Element | null;
-export {};