@atlaskit/editor-plugin-floating-toolbar 0.5.1 → 0.6.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 0.6.1
+
+### Patch Changes
+
+- [#39749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39749) [`e6b69f455c3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6b69f455c3) - Connect yarn changeset to packages, upgrade adf-schema
+
+## 0.6.0
+
+### Minor Changes
+
+- [#40754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40754) [`fc1c299c926`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc1c299c926) - ED-20017 Extract Floating toolbar plugin to its own package
+
 ## 0.5.1
 
 ### Patch Changes
@@ -10,7 +22,7 @@
 
 ### Minor Changes
 
-- [`9f2365fabcc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f2365fabcc) - ED-19617 - Initial creation of editor-plugin-copy-button package
+- [#40092](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40092) [`9f2365fabcc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f2365fabcc) - ED-19617 - Initial creation of editor-plugin-copy-button package
 
 ### Patch Changes
 
@@ -26,13 +38,13 @@
 
 ### Patch Changes
 
-- [`308ead2410b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/308ead2410b) - add missing dependency to @atlaskit/editor-plugin-floating-toolbar
+- [#39989](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39989) [`308ead2410b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/308ead2410b) - add missing dependency to @atlaskit/editor-plugin-floating-toolbar
 
 ## 0.4.2
 
 ### Patch Changes
 
-- [`da629b62ef9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da629b62ef9) - ED-19617 Refactor actions to remove createExtenstionAPI and call it instead during initialisation
+- [#39743](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39743) [`da629b62ef9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da629b62ef9) - ED-19617 Refactor actions to remove createExtenstionAPI and call it instead during initialisation
 
 ## 0.4.1
 
@@ -44,7 +56,7 @@
 
 ### Minor Changes
 
-- [`ad3c5c21079`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad3c5c21079) - Updating all plugins with minor version to correct issue with semver.
+- [#39325](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39325) [`ad3c5c21079`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad3c5c21079) - Updating all plugins with minor version to correct issue with semver.
 
 ### Patch Changes
 
@@ -54,7 +66,7 @@
 
 ### Patch Changes
 
-- [`24e27147cbd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/24e27147cbd) - Added atlaskit docs to all existing plugins.
+- [#39177](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39177) [`24e27147cbd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/24e27147cbd) - Added atlaskit docs to all existing plugins.
 
 ## 0.3.2
 
@@ -66,13 +78,13 @@
 
 ### Patch Changes
 
-- [`3413f770f2b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3413f770f2b) - Moving references to floating-toolbar types to `editor-common`
+- [#38389](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38389) [`3413f770f2b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3413f770f2b) - Moving references to floating-toolbar types to `editor-common`
 
 ## 0.3.0
 
 ### Minor Changes
 
-- [`31405891e32`](https://bitbucket.org/atlassian/atlassian-frontend/commits/31405891e32) - Extract editor disabled plugin as separate package.
+- [#37702](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37702) [`31405891e32`](https://bitbucket.org/atlassian/atlassian-frontend/commits/31405891e32) - Extract editor disabled plugin as separate package.
 
 ### Patch Changes
 
@@ -82,18 +94,18 @@
 
 ### Patch Changes
 
-- [`4e6f1bf8511`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e6f1bf8511) - [ED-19233] Import prosemirror libraries from internal facade package
+- [#37785](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37785) [`4e6f1bf8511`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e6f1bf8511) - [ED-19233] Import prosemirror libraries from internal facade package
 
 ## 0.2.2
 
 ### Patch Changes
 
-- [`73b5128036b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73b5128036b) - [ED-17082] Mark package as a singleton one
+- [#35782](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35782) [`73b5128036b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73b5128036b) - [ED-17082] Mark package as a singleton one
 - Updated dependencies
 
 ## 0.2.1
 
 ### Patch Changes
 
-- [`87366c84531`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87366c84531) - Extract context panel plugin to new package @atlaskit/editor-plugin-context-panel
+- [#35475](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35475) [`87366c84531`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87366c84531) - Extract context panel plugin to new package @atlaskit/editor-plugin-context-panel
 - Updated dependencies

package/README.md

@@ -27,4 +27,4 @@ Please see [Atlaskit - Editor plugin floating toolbar](https://atlaskit.atlassia
 For internal Atlassian, visit the slack channel [#help-editor](https://atlassian.slack.com/archives/CFG3PSQ9E) for support or visit [go/editor-help](https://go/editor-help) to submit a bug.
 ## License
 ---
- Please see [Atlassian Frontend - License](https://developer.atlassian.com/cloud/framework/atlassian-frontend/#license) for more licensing information.
+ Please see [Atlassian Frontend - License](https://hello.atlassian.net/wiki/spaces/AF/pages/2589099144/Documentation#License) for more licensing information.

package/dist/cjs/index.js

@@ -2,4 +2,11 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+Object.defineProperty(exports, "floatingToolbarPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _plugin.floatingToolbarPlugin;
+  }
+});
+var _plugin = require("./plugin");

package/dist/cjs/plugin.js

@@ -0,0 +1,385 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = exports.getRelevantConfig = exports.floatingToolbarPlugin = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _ui = require("@atlaskit/editor-common/ui");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _forceFocus = _interopRequireWildcard(require("./pm-plugins/force-focus"));
+var _commands = require("./pm-plugins/toolbar-data/commands");
+var _plugin = require("./pm-plugins/toolbar-data/plugin");
+var _pluginKey = require("./pm-plugins/toolbar-data/plugin-key");
+var _ConfirmationModal = require("./ui/ConfirmationModal");
+var _ToolbarLoader = require("./ui/ToolbarLoader");
+var _utils2 = require("./utils");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// AFP-2532 TODO: Fix automatic suppressions below
+var getRelevantConfig = function getRelevantConfig(selection, configs) {
+  // node selections always take precedence, see if
+  var configPair;
+  configs.find(function (config) {
+    var node = (0, _utils.findSelectedNodeOfType)(config.nodeType)(selection);
+    if (node) {
+      configPair = {
+        node: node.node,
+        pos: node.pos,
+        config: config
+      };
+    }
+    return !!node;
+  });
+  if (configPair) {
+    return configPair;
+  }
+
+  // create mapping of node type name to configs
+  var configByNodeType = {};
+  configs.forEach(function (config) {
+    if (Array.isArray(config.nodeType)) {
+      config.nodeType.forEach(function (nodeType) {
+        configByNodeType[nodeType.name] = config;
+      });
+    } else {
+      configByNodeType[config.nodeType.name] = config;
+    }
+  });
+
+  // search up the tree from selection
+  var $from = selection.$from;
+  for (var i = $from.depth; i > 0; i--) {
+    var node = $from.node(i);
+    var matchedConfig = configByNodeType[node.type.name];
+    if (matchedConfig) {
+      return {
+        config: matchedConfig,
+        node: node,
+        pos: $from.pos
+      };
+    }
+  }
+
+  // if it is AllSelection (can be result of Cmd+A) - use first node
+  if (selection instanceof _state.AllSelection) {
+    var docNode = $from.node(0);
+    var _matchedConfig = null;
+    var firstChild = (0, _utils2.findNode)(docNode, function (node) {
+      _matchedConfig = configByNodeType[node.type.name];
+      return !!_matchedConfig;
+    });
+    if (firstChild && _matchedConfig) {
+      return {
+        config: _matchedConfig,
+        node: firstChild,
+        pos: $from.pos
+      };
+    }
+  }
+  return;
+};
+exports.getRelevantConfig = getRelevantConfig;
+var getDomRefFromSelection = function getDomRefFromSelection(view, dispatchAnalyticsEvent) {
+  try {
+    return (0, _utils.findDomRefAtPos)(view.state.selection.from, view.domAtPos.bind(view));
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn(error);
+    if (dispatchAnalyticsEvent) {
+      var payload = {
+        action: _analytics.ACTION.ERRORED,
+        actionSubject: _analytics.ACTION_SUBJECT.CONTENT_COMPONENT,
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          component: _analytics.CONTENT_COMPONENT.FLOATING_TOOLBAR,
+          selection: view.state.selection.toJSON(),
+          position: view.state.selection.from,
+          docSize: view.state.doc.nodeSize,
+          error: error.toString(),
+          errorStack: error.stack || undefined
+        }
+      };
+      dispatchAnalyticsEvent(payload);
+    }
+  }
+};
+function filterUndefined(x) {
+  return !!x;
+}
+var floatingToolbarPlugin = function floatingToolbarPlugin(_ref) {
+  var api = _ref.api;
+  return {
+    name: 'floatingToolbar',
+    pmPlugins: function pmPlugins() {
+      var floatingToolbarHandlers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      return [{
+        // Should be after all toolbar plugins
+        name: 'floatingToolbar',
+        plugin: function plugin(_ref2) {
+          var dispatch = _ref2.dispatch,
+            providerFactory = _ref2.providerFactory,
+            getIntl = _ref2.getIntl;
+          return floatingToolbarPluginFactory({
+            floatingToolbarHandlers: floatingToolbarHandlers,
+            dispatch: dispatch,
+            providerFactory: providerFactory,
+            getIntl: getIntl
+          });
+        }
+      }, {
+        name: 'floatingToolbarData',
+        plugin: function plugin(_ref3) {
+          var dispatch = _ref3.dispatch;
+          return (0, _plugin.createPlugin)(dispatch);
+        }
+      }, {
+        name: 'forceFocus',
+        plugin: function plugin() {
+          return (0, _forceFocus.default)();
+        }
+      }];
+    },
+    actions: {
+      forceFocusSelector: _forceFocus.forceFocusSelector
+    },
+    getSharedState: function getSharedState(editorState) {
+      var _pluginKey$getState$g, _pluginKey$getState, _pluginKey$getState$g2;
+      if (!editorState) {
+        return undefined;
+      }
+      var configWithNodeInfo = (_pluginKey$getState$g = (_pluginKey$getState = pluginKey.getState(editorState)) === null || _pluginKey$getState === void 0 ? void 0 : (_pluginKey$getState$g2 = _pluginKey$getState.getConfigWithNodeInfo) === null || _pluginKey$getState$g2 === void 0 ? void 0 : _pluginKey$getState$g2.call(_pluginKey$getState, editorState)) !== null && _pluginKey$getState$g !== void 0 ? _pluginKey$getState$g : undefined;
+      return {
+        configWithNodeInfo: configWithNodeInfo,
+        floatingToolbarData: _pluginKey.pluginKey.getState(editorState)
+      };
+    },
+    contentComponent: function contentComponent(_ref4) {
+      var popupsMountPoint = _ref4.popupsMountPoint,
+        popupsBoundariesElement = _ref4.popupsBoundariesElement,
+        popupsScrollableElement = _ref4.popupsScrollableElement,
+        editorView = _ref4.editorView,
+        providerFactory = _ref4.providerFactory,
+        dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
+      return /*#__PURE__*/_react.default.createElement(ContentComponent, {
+        editorView: editorView,
+        pluginInjectionApi: api,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement,
+        providerFactory: providerFactory,
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent
+      });
+    }
+  };
+};
+exports.floatingToolbarPlugin = floatingToolbarPlugin;
+function ContentComponent(_ref5) {
+  var _pluginInjectionApi$f, _configWithNodeInfo$c, _configWithNodeInfo$c2;
+  var pluginInjectionApi = _ref5.pluginInjectionApi,
+    editorView = _ref5.editorView,
+    popupsMountPoint = _ref5.popupsMountPoint,
+    popupsBoundariesElement = _ref5.popupsBoundariesElement,
+    popupsScrollableElement = _ref5.popupsScrollableElement,
+    providerFactory = _ref5.providerFactory,
+    dispatchAnalyticsEvent = _ref5.dispatchAnalyticsEvent;
+  var featureFlags = (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.featureFlags) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.sharedState.currentState()) || {};
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['floatingToolbar', 'editorDisabled']),
+    floatingToolbarState = _useSharedPluginState.floatingToolbarState,
+    editorDisabledState = _useSharedPluginState.editorDisabledState;
+  var _ref6 = floatingToolbarState !== null && floatingToolbarState !== void 0 ? floatingToolbarState : {},
+    configWithNodeInfo = _ref6.configWithNodeInfo,
+    floatingToolbarData = _ref6.floatingToolbarData;
+  if (!configWithNodeInfo || !configWithNodeInfo.config || typeof ((_configWithNodeInfo$c = configWithNodeInfo.config) === null || _configWithNodeInfo$c === void 0 ? void 0 : _configWithNodeInfo$c.visible) !== 'undefined' && !((_configWithNodeInfo$c2 = configWithNodeInfo.config) !== null && _configWithNodeInfo$c2 !== void 0 && _configWithNodeInfo$c2.visible)) {
+    return null;
+  }
+  var config = configWithNodeInfo.config,
+    node = configWithNodeInfo.node;
+  var title = config.title,
+    _config$getDomRef = config.getDomRef,
+    getDomRef = _config$getDomRef === void 0 ? getDomRefFromSelection : _config$getDomRef,
+    items = config.items,
+    _config$align = config.align,
+    align = _config$align === void 0 ? 'center' : _config$align,
+    _config$className = config.className,
+    className = _config$className === void 0 ? '' : _config$className,
+    height = config.height,
+    width = config.width,
+    zIndex = config.zIndex,
+    _config$offset = config.offset,
+    offset = _config$offset === void 0 ? [0, 12] : _config$offset,
+    forcePlacement = config.forcePlacement,
+    preventPopupOverflow = config.preventPopupOverflow,
+    onPositionCalculated = config.onPositionCalculated,
+    _config$absoluteOffse = config.absoluteOffset,
+    absoluteOffset = _config$absoluteOffse === void 0 ? {
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0
+    } : _config$absoluteOffse,
+    focusTrap = config.focusTrap;
+  var targetRef = getDomRef(editorView, dispatchAnalyticsEvent);
+  if (!targetRef || editorDisabledState && editorDisabledState.editorDisabled) {
+    return null;
+  }
+  var customPositionCalculation;
+  var toolbarItems = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.copyButton.actions.processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions.hoverDecoration);
+  if (onPositionCalculated) {
+    customPositionCalculation = function customPositionCalculation(nextPos) {
+      return onPositionCalculated(editorView, nextPos);
+    };
+  }
+  var dispatchCommand = function dispatchCommand(fn) {
+    return fn && fn(editorView.state, editorView.dispatch, editorView);
+  };
+
+  // Confirm dialog
+  var _ref7 = floatingToolbarData || {},
+    confirmDialogForItem = _ref7.confirmDialogForItem;
+  var confirmButtonItem = confirmDialogForItem ? toolbarItems[confirmDialogForItem] : undefined;
+  var scrollable = config.scrollable;
+  var confirmDialogOptions = typeof (confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog) === 'function' ? confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog() : confirmButtonItem === null || confirmButtonItem === void 0 ? void 0 : confirmButtonItem.confirmDialog;
+  return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
+    component: _analytics.ACTION_SUBJECT.FLOATING_TOOLBAR_PLUGIN,
+    componentId: (0, _camelCase.default)(title),
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+    fallbackComponent: null
+  }, /*#__PURE__*/_react.default.createElement(_ui.Popup, {
+    ariaLabel: title,
+    offset: offset,
+    target: targetRef,
+    alignY: "bottom",
+    forcePlacement: forcePlacement,
+    fitHeight: height,
+    fitWidth: width,
+    absoluteOffset: absoluteOffset,
+    alignX: align,
+    stick: true,
+    zIndex: zIndex,
+    mountTo: popupsMountPoint,
+    boundariesElement: popupsBoundariesElement,
+    scrollableElement: popupsScrollableElement,
+    onPositionCalculated: customPositionCalculation,
+    style: scrollable ? {
+      maxWidth: '100%'
+    } : {},
+    focusTrap: focusTrap,
+    preventOverflow: preventPopupOverflow
+  }, /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
+    providerFactory: providerFactory,
+    providers: ['extensionProvider'],
+    renderNode: function renderNode(providers) {
+      return /*#__PURE__*/_react.default.createElement(_ToolbarLoader.ToolbarLoader, {
+        target: targetRef,
+        items: toolbarItems,
+        node: node,
+        dispatchCommand: dispatchCommand,
+        editorView: editorView,
+        className: className,
+        focusEditor: function focusEditor() {
+          return editorView.focus();
+        },
+        providerFactory: providerFactory,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement,
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+        extensionsProvider: providers.extensionProvider,
+        scrollable: scrollable,
+        featureFlags: featureFlags,
+        api: pluginInjectionApi
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement(_ConfirmationModal.ConfirmationModal, {
+    testId: "ak-floating-toolbar-confirmation-modal",
+    options: confirmDialogOptions,
+    onConfirm: function onConfirm() {
+      var isChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      if (!!confirmDialogOptions.onConfirm) {
+        dispatchCommand(confirmDialogOptions.onConfirm(isChecked));
+      } else {
+        dispatchCommand(confirmButtonItem.onClick);
+      }
+    },
+    onClose: function onClose() {
+      dispatchCommand((0, _commands.hideConfirmDialog)());
+      // Need to set focus to Editor here,
+      // As when the Confirmation dialog pop up, and user interacts with the dialog, Editor loses focus.
+      // So when Confirmation dialog is closed, Editor does not have the focus, then cursor goes to the position 1 of the doc,
+      // instead of the cursor position before the dialog pop up.
+      if (!editorView.hasFocus()) {
+        editorView.focus();
+      }
+    }
+  }));
+}
+
+/**
+ *
+ * ProseMirror Plugin
+ *
+ */
+// We throttle update of this plugin with RAF.
+// So from other plugins you will always get the previous state.
+var pluginKey = new _state.PluginKey('floatingToolbarPluginKey');
+
+/**
+ * Clean up floating toolbar configs from undesired properties.
+ */
+exports.pluginKey = pluginKey;
+function sanitizeFloatingToolbarConfig(config) {
+  // Cleanup from non existing node types
+  if (Array.isArray(config.nodeType)) {
+    return _objectSpread(_objectSpread({}, config), {}, {
+      nodeType: config.nodeType.filter(filterUndefined)
+    });
+  }
+  return config;
+}
+function floatingToolbarPluginFactory(options) {
+  var floatingToolbarHandlers = options.floatingToolbarHandlers,
+    providerFactory = options.providerFactory,
+    getIntl = options.getIntl;
+  var intl = getIntl();
+  var getConfigWithNodeInfo = function getConfigWithNodeInfo(editorState) {
+    var activeConfigs = floatingToolbarHandlers.map(function (handler) {
+      return handler(editorState, intl, providerFactory);
+    }).filter(filterUndefined).map(function (config) {
+      return sanitizeFloatingToolbarConfig(config);
+    });
+    var relevantConfig = activeConfigs && getRelevantConfig(editorState.selection, activeConfigs);
+    return relevantConfig;
+  };
+  var apply = function apply(tr, pluginState) {
+    var newPluginState = {
+      getConfigWithNodeInfo: getConfigWithNodeInfo
+    };
+    return newPluginState;
+  };
+  return new _safePlugin.SafePlugin({
+    key: pluginKey,
+    state: {
+      init: function init() {
+        // Use this point to preload the UI
+        _ToolbarLoader.ToolbarLoader.preload();
+        return {
+          getConfigWithNodeInfo: getConfigWithNodeInfo
+        };
+      },
+      apply: apply
+    }
+  });
+}

package/dist/cjs/pm-plugins/force-focus/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkShouldForceFocusAndApply = checkShouldForceFocusAndApply;
+exports.forceFocusStateKey = exports.forceFocusSelector = exports.default = void 0;
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var forceFocusStateKey = new _state.PluginKey('forceFocusStatePlugin');
+/**
+ * Used in cases where a floating toolbar button opens a submenu which destroys
+ * the button, but the user has pressed ESC to close the submenu and focus needs
+ * to move back to the button. */
+exports.forceFocusStateKey = forceFocusStateKey;
+var _default = function _default() {
+  return new _safePlugin.SafePlugin({
+    key: forceFocusStateKey,
+    state: {
+      init: function init() {
+        return {
+          selector: null
+        };
+      },
+      apply: function apply(tr, prevState) {
+        var meta = tr.getMeta(forceFocusStateKey);
+        if (meta && 'selector' in meta) {
+          return {
+            selector: meta.selector
+          };
+        }
+        return prevState;
+      }
+    }
+  });
+};
+/**
+ * The provided selector should be the floating toolbar button that needs focus.
+ */
+exports.default = _default;
+var forceFocusSelector = function forceFocusSelector(selector) {
+  return function (tr) {
+    return tr.setMeta(forceFocusStateKey, {
+      selector: selector
+    });
+  };
+};
+
+/**
+ * If a selector is set and the element exists, focus it.
+ */
+exports.forceFocusSelector = forceFocusSelector;
+function checkShouldForceFocusAndApply(view) {
+  var state = view === null || view === void 0 ? void 0 : view.state;
+  if (state) {
+    var _forceFocusStateKey$g = forceFocusStateKey.getState(state),
+      selector = _forceFocusStateKey$g.selector;
+    if (selector) {
+      var focusableElement = document.querySelector(selector);
+      if (focusableElement) {
+        focusableElement.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center',
+          inline: 'nearest'
+        });
+        focusableElement.focus();
+        var tr = view.state.tr,
+          dispatch = view.dispatch;
+        dispatch(forceFocusSelector(null)(tr));
+      }
+    }
+  }
+}

package/dist/cjs/pm-plugins/toolbar-data/commands.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.showConfirmDialog = exports.hideConfirmDialog = void 0;
+var _pluginFactory = require("./plugin-factory");
+var showConfirmDialog = function showConfirmDialog(buttonIndex) {
+  return (0, _pluginFactory.createCommand)({
+    type: 'SHOW_CONFIRM_DIALOG',
+    data: {
+      buttonIndex: buttonIndex
+    }
+  }, function (tr) {
+    return tr.setMeta('addToHistory', false);
+  });
+};
+exports.showConfirmDialog = showConfirmDialog;
+var hideConfirmDialog = function hideConfirmDialog() {
+  return (0, _pluginFactory.createCommand)({
+    type: 'HIDE_CONFIRM_DIALOG'
+  }, function (tr) {
+    return tr.setMeta('addToHistory', false);
+  });
+};
+exports.hideConfirmDialog = hideConfirmDialog;

package/dist/cjs/pm-plugins/toolbar-data/plugin-factory.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPluginState = exports.createPluginState = exports.createCommand = void 0;
+var _utils = require("@atlaskit/editor-common/utils");
+var _pluginKey = require("./plugin-key");
+var _reducer = require("./reducer");
+var _pluginFactory = (0, _utils.pluginFactory)(_pluginKey.pluginKey, _reducer.reducer),
+  createPluginState = _pluginFactory.createPluginState,
+  createCommand = _pluginFactory.createCommand,
+  getPluginState = _pluginFactory.getPluginState;
+exports.getPluginState = getPluginState;
+exports.createCommand = createCommand;
+exports.createPluginState = createPluginState;

package/dist/cjs/pm-plugins/toolbar-data/plugin-key.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = void 0;
+var _state = require("@atlaskit/editor-prosemirror/state");
+var pluginKey = new _state.PluginKey('floatingToolbarData');
+exports.pluginKey = pluginKey;

package/dist/cjs/pm-plugins/toolbar-data/plugin.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlugin = void 0;
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _pluginFactory = require("./plugin-factory");
+var _pluginKey = require("./plugin-key");
+var createPlugin = function createPlugin(dispatch) {
+  return new _safePlugin.SafePlugin({
+    state: (0, _pluginFactory.createPluginState)(dispatch, {}),
+    key: _pluginKey.pluginKey
+  });
+};
+exports.createPlugin = createPlugin;

package/dist/cjs/pm-plugins/toolbar-data/reducer.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reducer = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var reducer = function reducer(pluginState, action) {
+  switch (action.type) {
+    case 'SHOW_CONFIRM_DIALOG':
+      return _objectSpread(_objectSpread({}, pluginState), {}, {
+        confirmDialogForItem: action.data.buttonIndex
+      });
+    case 'HIDE_CONFIRM_DIALOG':
+      return _objectSpread(_objectSpread({}, pluginState), {}, {
+        confirmDialogForItem: undefined
+      });
+    default:
+      return pluginState;
+  }
+};
+exports.reducer = reducer;