@atlaskit/editor-core 153.1.4 → 156.0.0

package/dist/cjs/plugins/extension/toolbar.js

@@ -72,19 +72,22 @@ var breakoutOptions = function breakoutOptions(state, formatMessage, extensionSt
       icon: _mediaCenter.default,
       onClick: (0, _commands.updateExtensionLayout)('default'),
       selected: layout === 'default',
-      title: formatMessage(_messages.default.layoutFixedWidth)
+      title: formatMessage(_messages.default.layoutFixedWidth),
+      tabIndex: null
     }, {
       type: 'button',
       icon: _mediaWide.default,
       onClick: (0, _commands.updateExtensionLayout)('wide'),
       selected: layout === 'wide',
-      title: formatMessage(_messages.default.layoutWide)
+      title: formatMessage(_messages.default.layoutWide),
+      tabIndex: null
     }, {
       type: 'button',
       icon: _mediaFullWidth.default,
       onClick: (0, _commands.updateExtensionLayout)('full-width'),
       selected: layout === 'full-width',
-      title: formatMessage(_messages.default.layoutFullWidth)
+      title: formatMessage(_messages.default.layoutFullWidth),
+      tabIndex: null
     }];
   }
 
@@ -111,7 +114,8 @@ var editButton = function editButton(formatMessage, extensionState) {
       (0, _actions.editExtension)(macroState && macroState.macroProvider, updateExtension)(state, dispatch, view);
       return true;
     },
-    title: formatMessage(messages.edit)
+    title: formatMessage(messages.edit),
+    tabIndex: null
   }];
 };
 
@@ -147,7 +151,8 @@ var getToolbarConfig = function getToolbarConfig() {
           onMouseLeave: (0, _decoration.hoverDecoration)(nodeType, false),
           onFocus: (0, _decoration.hoverDecoration)(nodeType, true),
           onBlur: (0, _decoration.hoverDecoration)(nodeType, false),
-          title: formatMessage(_messages.default.remove)
+          title: formatMessage(_messages.default.remove),
+          tabIndex: null
         }])
       };
     }

package/dist/cjs/plugins/extension/ui/Extension/Extension/index.js

@@ -11,7 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _styles = require("./styles");
 
@@ -60,7 +62,7 @@ var Extension = function Extension(props) {
         innerRef: handleRef,
         "data-layout": node.attrs.layout,
         className: classNames,
-        extensionWidth: (0, _editorCommon.calcBreakoutWidth)(node.attrs.layout, widthState.width)
+        extensionWidth: (0, _utils.calcBreakoutWidth)(node.attrs.layout, widthState.width)
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "extension-overflow-wrapper ".concat(hasBody ? 'with-body' : '')
       }, /*#__PURE__*/_react.default.createElement(_styles2.Overlay, {
@@ -78,7 +80,7 @@ var Extension = function Extension(props) {
   });
 };
 
-var _default = (0, _editorCommon.overflowShadow)(Extension, {
+var _default = (0, _ui.overflowShadow)(Extension, {
   overflowSelector: '.extension-overflow-wrapper'
 });
 

package/dist/cjs/plugins/extension/ui/Extension/ExtensionComponent.js

@@ -31,7 +31,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _extensions = require("@atlaskit/editor-common/extensions");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _Extension = _interopRequireDefault(require("./Extension"));
 
@@ -63,8 +65,8 @@ var ExtensionComponent = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "privatePropsParsed", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mounted", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getNodeRenderer", (0, _memoizeOne.default)(_editorCommon.getNodeRenderer));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getExtensionModuleNodePrivateProps", (0, _memoizeOne.default)(_editorCommon.getExtensionModuleNodePrivateProps));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getNodeRenderer", (0, _memoizeOne.default)(_extensions.getNodeRenderer));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getExtensionModuleNodePrivateProps", (0, _memoizeOne.default)(_extensions.getExtensionModuleNodePrivateProps));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setStateFromPromise", function (stateKey, promise) {
       promise && promise.then(function (p) {
         if (!_this.mounted) {
@@ -152,7 +154,7 @@ var ExtensionComponent = /*#__PURE__*/function (_Component) {
       var result;
 
       if (extensionHandlers && extensionHandlers[extensionType]) {
-        var render = (0, _editorCommon.getExtensionRenderer)(extensionHandlers[extensionType]);
+        var render = (0, _utils.getExtensionRenderer)(extensionHandlers[extensionType]);
         result = render(node, editorView.state.doc);
       }
 

package/dist/cjs/plugins/extension/ui/Extension/ExtensionNodeWrapper.js

@@ -9,12 +9,12 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var ExtensionNodeWrapper = function ExtensionNodeWrapper(_ref) {
   var children = _ref.children,
       nodeType = _ref.nodeType;
-  return /*#__PURE__*/_react.default.createElement("span", null, children, nodeType === 'inlineExtension' && _editorCommon.ZERO_WIDTH_SPACE);
+  return /*#__PURE__*/_react.default.createElement("span", null, children, nodeType === 'inlineExtension' && _utils.ZERO_WIDTH_SPACE);
 };
 
 var _default = ExtensionNodeWrapper;

package/dist/cjs/plugins/extension/ui/Extension/Lozenge.js

@@ -29,7 +29,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _file = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _styles = require("./styles");
 
@@ -69,7 +69,7 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var node = this.props.node;
-      var imageData = (0, _editorCommon.getExtensionLozengeData)({
+      var imageData = (0, _utils.getExtensionLozengeData)({
         node: node,
         type: 'image'
       });
@@ -78,7 +78,7 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
         return this.renderImage(imageData);
       }
 
-      var iconData = (0, _editorCommon.getExtensionLozengeData)({
+      var iconData = (0, _utils.getExtensionLozengeData)({
         node: node,
         type: 'icon'
       });

package/dist/cjs/plugins/extension/ui/Extension/index.js

@@ -25,7 +25,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 
 var _ExtensionComponent = _interopRequireDefault(require("./ExtensionComponent"));
 
@@ -66,7 +66,7 @@ var Extension = /*#__PURE__*/function (_Component) {
         editorAppearance: editorAppearance
       });
     });
-    _this.providerFactory = props.providerFactory || new _editorCommon.ProviderFactory();
+    _this.providerFactory = props.providerFactory || new _providerFactory.ProviderFactory();
     return _this;
   }
 
@@ -82,7 +82,7 @@ var Extension = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.WithProviders, {
+      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
         providers: ['extensionProvider'],
         providerFactory: this.providerFactory,
         renderNode: this.renderWithProvider

package/dist/cjs/plugins/fake-text-cursor/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.stateKey = exports.default = exports.createPlugin = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _cursor = require("./cursor");
@@ -13,7 +15,7 @@ var stateKey = new _prosemirrorState.PluginKey('fakeTextCursorPlugin');
 exports.stateKey = stateKey;
 
 var createPlugin = function createPlugin() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: stateKey,
     props: {
       decorations: _cursor.drawFakeTextCursor

package/dist/cjs/plugins/feature-flags-context/feature-flags-from-props.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -30,7 +30,7 @@ var safeNumberFeatureFlag = function safeNumberFeatureFlag(value) {
 
 
 function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32;
+  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$collabEdit, _props$collabEdit2, _props$featureFlags37, _props$featureFlags38;
 
   var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -59,11 +59,16 @@ function createFeatureFlagsFromProps(props) {
     errorBoundaryDocStructure: Boolean(typeof ((_props$featureFlags18 = props.featureFlags) === null || _props$featureFlags18 === void 0 ? void 0 : _props$featureFlags18.useErrorBoundaryDocStructure) === 'boolean' ? !!((_props$featureFlags19 = props.featureFlags) !== null && _props$featureFlags19 !== void 0 && _props$featureFlags19.useErrorBoundaryDocStructure) : false),
     synchronyErrorDocStructure: Boolean(typeof ((_props$featureFlags20 = props.featureFlags) === null || _props$featureFlags20 === void 0 ? void 0 : _props$featureFlags20.synchronyErrorDocStructure) === 'boolean' ? !!((_props$featureFlags21 = props.featureFlags) !== null && _props$featureFlags21 !== void 0 && _props$featureFlags21.synchronyErrorDocStructure) : false),
     enableViewUpdateSubscription: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.enableViewUpdateSubscription) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.enableViewUpdateSubscription) : false),
-    collabAvatarScroll: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.collabAvatarScroll) : false),
-    ufo: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.ufo) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.ufo) : false),
-    codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !_editorCommon.browser.safari : false),
-    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.twoLineEditorToolbar) : false),
-    codeBidiWarnings: Boolean(typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags31 = props.featureFlags) !== null && _props$featureFlags31 !== void 0 && _props$featureFlags31.codeBidiWarnings) : true),
-    maxUnsafeChromeSpellcheckingVersion: safeNumberFeatureFlag((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32.maxUnsafeChromeSpellcheckingVersion)
+    plainTextPasteLinkification: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.plainTextPasteLinkification) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.plainTextPasteLinkification) : false),
+    collabAvatarScroll: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.collabAvatarScroll) : false),
+    ufo: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.ufo) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.ufo) : false),
+    codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !_utils.browser.safari : false),
+    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags31 = props.featureFlags) !== null && _props$featureFlags31 !== void 0 && _props$featureFlags31.twoLineEditorToolbar) : false),
+    codeBidiWarnings: Boolean(typeof ((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags33 = props.featureFlags) !== null && _props$featureFlags33 !== void 0 && _props$featureFlags33.codeBidiWarnings) : true),
+    saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags34 = props.featureFlags) === null || _props$featureFlags34 === void 0 ? void 0 : _props$featureFlags34.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags35 = props.featureFlags) !== null && _props$featureFlags35 !== void 0 && _props$featureFlags35.saferDispatchedTransactions) : false)),
+    maxUnsafeChromeSpellcheckingVersion: safeNumberFeatureFlag((_props$featureFlags36 = props.featureFlags) === null || _props$featureFlags36 === void 0 ? void 0 : _props$featureFlags36.maxUnsafeChromeSpellcheckingVersion),
+    useNativeCollabPlugin: Boolean(typeof ((_props$collabEdit = props.collabEdit) === null || _props$collabEdit === void 0 ? void 0 : _props$collabEdit.useNativePlugin) === 'boolean' ? !!((_props$collabEdit2 = props.collabEdit) !== null && _props$collabEdit2 !== void 0 && _props$collabEdit2.useNativePlugin) : false),
+    chromeCursorHandlerFixedVersion: typeof ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
+    viewChangingExperimentToolbarStyle: typeof ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38.viewChangingExperimentToolbarStyle) === 'string' ? props.featureFlags.viewChangingExperimentToolbarStyle || undefined : undefined
   });
 }

package/dist/cjs/plugins/feature-flags-context/get-feature-flags.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFeatureFlags = void 0;
+
+var _pluginKey = require("./plugin-key");
+
+var getFeatureFlags = function getFeatureFlags(state) {
+  return _pluginKey.pluginKey.getState(state);
+};
+
+exports.getFeatureFlags = getFeatureFlags;

package/dist/cjs/plugins/feature-flags-context/index.js

@@ -5,21 +5,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFeatureFlags = exports.pluginKey = exports.getFeatureFlags = exports.default = void 0;
+exports.useFeatureFlags = exports.getFeatureFlags = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _EditorContext = require("../../ui/EditorContext");
 
+var _pluginKey = require("./plugin-key");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var pluginKey = new _prosemirrorState.PluginKey('featureFlagsContextPlugin');
-exports.pluginKey = pluginKey;
-
 var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
   var featureFlags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
@@ -28,8 +27,8 @@ var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
       return [{
         name: 'featureFlagsContext',
         plugin: function plugin() {
-          return new _prosemirrorState.Plugin({
-            key: pluginKey,
+          return new _safePlugin.SafePlugin({
+            key: _pluginKey.pluginKey,
             state: {
               init: function init() {
                 return _objectSpread({}, featureFlags);
@@ -46,7 +45,7 @@ var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
 };
 
 var getFeatureFlags = function getFeatureFlags(state) {
-  return pluginKey.getState(state);
+  return _pluginKey.pluginKey.getState(state);
 };
 
 exports.getFeatureFlags = getFeatureFlags;
@@ -56,7 +55,7 @@ var useFeatureFlags = function useFeatureFlags() {
       editorActions = _useEditorContext.editorActions;
 
   var editorView = editorActions === null || editorActions === void 0 ? void 0 : editorActions._privateGetEditorView();
-  return editorView !== null && editorView !== void 0 && editorView.state ? pluginKey.getState(editorView.state) : undefined;
+  return editorView !== null && editorView !== void 0 && editorView.state ? _pluginKey.pluginKey.getState(editorView.state) : undefined;
 };
 
 exports.useFeatureFlags = useFeatureFlags;

package/dist/cjs/plugins/feature-flags-context/plugin-key.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var pluginKey = new _prosemirrorState.PluginKey('featureFlagsContextPlugin');
+exports.pluginKey = pluginKey;

package/dist/cjs/plugins/find-replace/plugin.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _prosemirrorView = require("prosemirror-view");
 
@@ -150,7 +150,7 @@ exports.getPluginState = getPluginState;
 exports.createCommand = createCommand;
 
 var createPlugin = function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _types.findReplacePluginKey,
     state: createPluginState(dispatch, function () {
       return initialState;

package/dist/cjs/plugins/find-replace/ui/Find.js

@@ -97,6 +97,18 @@ var Find = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "findTextfieldRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isComposing", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "syncFindText", function () {
+      var _this$state;
+
+      // If the external prop findText changes and we aren't in a composition we should update to
+      // use the external prop value.
+      //
+      // An example of where this may happen is when a find occurs through the user selecting some text
+      // and pressing Mod-f.
+      if (!_this.isComposing && _this.props.findText !== ((_this$state = _this.state) === null || _this$state === void 0 ? void 0 : _this$state.localFindText)) {
+        _this.updateFindValue(_this.props.findText || '');
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "skipWhileComposing", function (fn) {
       if (_this.isComposing) {
         return;
@@ -198,7 +210,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
     // occur to this value which do not originate from this component.
 
     _this.state = {
-      localFindText: _this.props.findText || ''
+      localFindText: ''
     };
     return _this;
   }
@@ -208,21 +220,13 @@ var Find = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       this.props.onFindTextfieldRefSet(this.findTextfieldRef);
       this.focusFindTextfield();
+      this.syncFindText();
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      this.focusFindTextfield(); // If the external prop findText changes and we aren't in a composition we should update to the
-      // use the external prop value.
-      //
-      // An example of where this may happen is when a find occurs through the user selecting some text
-      // and pressing Mod-f.
-
-      if (!this.isComposing && this.props.findText !== this.state.localFindText) {
-        this.setState({
-          localFindText: this.props.findText || ''
-        });
-      }
+      this.focusFindTextfield();
+      this.syncFindText();
     }
   }, {
     key: "render",

package/dist/cjs/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -164,7 +164,9 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           iconBefore: /*#__PURE__*/_react.default.createElement(_search.default, {
             label: title
           }),
-          onClick: this.toggleOpen
+          onClick: this.toggleOpen,
+          "aria-expanded": isActive,
+          "aria-haspopup": true
         })
       }, /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_FindReplace.default, (0, _extends2.default)({
         findText: findText,

package/dist/cjs/plugins/floating-toolbar/index.js

@@ -11,13 +11,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
 var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
 
@@ -247,7 +249,7 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
             componentId: (0, _camelCase.default)(title),
             dispatchAnalyticsEvent: dispatchAnalyticsEvent,
             fallbackComponent: null
-          }, /*#__PURE__*/_react.default.createElement(_editorCommon.Popup, {
+          }, /*#__PURE__*/_react.default.createElement(_ui.Popup, {
             ariaLabel: title,
             offset: offset,
             target: targetRef,
@@ -347,7 +349,7 @@ function floatingToolbarPluginFactory(options) {
     return newPluginState;
   };
 
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     state: {
       init: function init() {

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _pluginKey = require("./plugin-key");
 
 var _pluginFactory = require("./plugin-factory");
 
 var createPlugin = function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: (0, _pluginFactory.createPluginState)(dispatch, {}),
     key: _pluginKey.pluginKey
   });

package/dist/cjs/plugins/floating-toolbar/ui/Button.js

@@ -45,7 +45,9 @@ var _default = function _default(_ref) {
       tooltipContent = _ref.tooltipContent,
       testId = _ref.testId,
       _ref$hideTooltipOnCli = _ref.hideTooltipOnClick,
-      hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli;
+      hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli,
+      ariaHasPopup = _ref.ariaHasPopup,
+      tabIndex = _ref.tabIndex;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
   var customSpacing = iconOnly ? _styles.iconOnlySpacing : {};
@@ -72,11 +74,12 @@ var _default = function _default(_ref) {
       }, rest);
     },
     "aria-label": title,
+    "aria-pressed": selected,
     spacing: 'compact',
     href: href,
     target: target,
     appearance: appearance,
-    "aria-haspopup": true,
+    "aria-haspopup": ariaHasPopup,
     iconBefore: icon || undefined,
     iconAfter: iconAfter,
     onClick: onClick,
@@ -84,7 +87,12 @@ var _default = function _default(_ref) {
     isDisabled: disabled,
     testId: testId,
     onFocus: onFocus,
-    onBlur: onBlur
+    onBlur: onBlur // @ts-ignore
+    // tabIndex set as 0 by default in the design system  ButtonBase component
+    // this is not expected for all buttons, we have to use tabIndex={null} for some cases
+    // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
+    ,
+    tabIndex: tabIndex
   }, children)));
 };
 

package/dist/cjs/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -37,6 +37,10 @@ var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = _interopRequireDefault(require("./messages"));
+
 var _templateObject, _templateObject2;
 
 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); }
@@ -96,7 +100,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           hide = _this$props.hide,
           dispatchCommand = _this$props.dispatchCommand,
-          items = _this$props.items;
+          items = _this$props.items,
+          intl = _this$props.intl;
       return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
         theme: (0, _defineProperty2.default)({}, _item.itemThemeNamespace, editorItemTheme)
       }, /*#__PURE__*/_react.default.createElement(MenuContainer, null, items.filter(function (item) {
@@ -105,7 +110,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         var itemContent = /*#__PURE__*/_react.default.createElement(_item.default, {
           key: idx,
           isCompact: true,
-          elemBefore: _this.renderSelected(item),
+          elemBefore: _this.renderSelected(item, intl),
           onClick: function onClick() {
             /**
              * The order of dispatching the event and hide() is important, because
@@ -132,14 +137,14 @@ var Dropdown = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "renderSelected",
-    value: function renderSelected(item) {
+    value: function renderSelected(item, intl) {
       var selected = item.selected;
 
       if (selected !== undefined) {
         return selected ? /*#__PURE__*/_react.default.createElement(_done.default, {
           primaryColor: _colors.B400,
           size: "small",
-          label: "test question"
+          label: intl.formatMessage(_messages.default.confirmModalOK)
         }) : /*#__PURE__*/_react.default.createElement(Spacer, null);
       }
 
@@ -149,4 +154,6 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   return Dropdown;
 }(_react.Component);
 
-exports.default = Dropdown;
+var _default = (0, _reactIntlNext.injectIntl)(Dropdown);
+
+exports.default = _default;

package/dist/cjs/plugins/floating-toolbar/ui/EmojiPickerButton.js

@@ -17,7 +17,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _emoji = require("@atlaskit/emoji");
 
@@ -43,7 +45,7 @@ var EmojiPickerButton = function EmojiPickerButton(props) {
       isPopupOpen = _React$useState2[0],
       setIsPopupOpen = _React$useState2[1];
 
-  var EmojiPickerWithListener = (0, _editorCommon.withOuterListeners)(_emoji.EmojiPicker);
+  var EmojiPickerWithListener = (0, _ui.withOuterListeners)(_emoji.EmojiPicker);
 
   var togglePopup = function togglePopup() {
     setIsPopupOpen(!isPopupOpen);
@@ -55,6 +57,20 @@ var EmojiPickerButton = function EmojiPickerButton(props) {
     props.onChange && props.onChange(emoji);
   };
 
+  var isDetachedElement = function isDetachedElement(el) {
+    return !document.body.contains(el);
+  };
+
+  var handleEmojiClickOutside = function handleEmojiClickOutside(e) {
+    // Ignore click events for detached elements.
+    // Workaround for CETI-240 - where two onClicks fire - one when the upload button is
+    // still in the document, and one once it's detached. Does not always occur, and
+    // may be a side effect of a react render optimisation
+    if (e && e.target && !isDetachedElement(e.target)) {
+      togglePopup();
+    }
+  };
+
   var renderPicker = function renderPicker(providers) {
     if (!providers.emojiProvider) {
       return null;
@@ -64,7 +80,7 @@ var EmojiPickerButton = function EmojiPickerButton(props) {
       emojiProvider: providers.emojiProvider,
       onSelection: updateEmoji,
       onPickerRef: function onPickerRef() {},
-      handleClickOutside: togglePopup
+      handleClickOutside: handleEmojiClickOutside
     });
   };
 
@@ -73,13 +89,13 @@ var EmojiPickerButton = function EmojiPickerButton(props) {
       return;
     }
 
-    return /*#__PURE__*/_react.default.createElement(_editorCommon.Popup, {
+    return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
       target: buttonRef.current,
       mountTo: buttonRef.current.parentElement,
       fitHeight: 350,
       fitWidth: 350,
       offset: [0, 10]
-    }, /*#__PURE__*/_react.default.createElement(EmojiPickerWrapper, null, /*#__PURE__*/_react.default.createElement(_editorCommon.WithProviders, {
+    }, /*#__PURE__*/_react.default.createElement(EmojiPickerWrapper, null, /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
       providers: ['emojiProvider'],
       providerFactory: props.providerFactory,
       renderNode: renderPicker

package/dist/cjs/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js

@@ -19,7 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _extensions = require("@atlaskit/editor-common/extensions");
 
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 
@@ -179,7 +179,7 @@ var ExtensionsPlaceholder = function ExtensionsPlaceholder(props) {
   }, []);
 
   var extensionItems = _react.default.useMemo(function () {
-    return (0, _editorCommon.getContextualToolbarItemsFromModule)(extensions, (0, _utils.nodeToJSON)(node), (0, _extensionApi.createExtensionAPI)({
+    return (0, _extensions.getContextualToolbarItemsFromModule)(extensions, (0, _utils.nodeToJSON)(node), (0, _extensionApi.createExtensionAPI)({
       editorView: editorView
     }));
   }, [extensions, node, editorView]);