@atlaskit/editor-core 184.0.0 → 185.0.0

package/dist/esm/plugins/media/toolbar/index.js

@@ -10,7 +10,6 @@ import DownloadIcon from '@atlaskit/icon/glyph/download';
 import { mediaFilmstripItemDOMSelector } from '@atlaskit/media-filmstrip';
 import commonMessages from '../../../messages';
 import { stateKey } from '../pm-plugins/plugin-key';
-import { hoverDecoration } from '../../base/pm-plugins/decoration';
 import { getLinkingToolbar, shouldShowMediaLinkToolbar } from './linking';
 import buildLayoutButtons from '../../../ui/MediaAndEmbedsToolbar';
 import { getMediaLinkingState } from '../pm-plugins/linking';
@@ -18,7 +17,7 @@ import { getPluginState as getMediaAltTextPluginState } from '../pm-plugins/alt-
 import { altTextButton, getAltTextToolbar } from './alt-text';
 import { showLinkingToolbar } from '../commands/linking';
 import { LinkToolbarAppearance } from './linking-toolbar-appearance';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE } from '../../analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { messages } from '@atlaskit/media-ui';
 import { messages as cardMessages } from '../../card/messages';
 import { FilePreviewItem } from './filePreviewItem';
@@ -41,7 +40,7 @@ var handleRemoveMediaGroup = function handleRemoveMediaGroup(state, dispatch) {
   }
   return true;
 };
-var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar(state, intl, mediaPluginState) {
+var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration) {
   var mediaGroup = state.schema.nodes.mediaGroup;
   var items = [{
     id: 'editor.media.view.switcher',
@@ -104,17 +103,17 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
     appearance: 'danger',
     focusEditoronEnter: true,
     icon: RemoveIcon,
-    onMouseEnter: hoverDecoration(mediaGroup, true),
-    onMouseLeave: hoverDecoration(mediaGroup, false),
-    onFocus: hoverDecoration(mediaGroup, true),
-    onBlur: hoverDecoration(mediaGroup, false),
+    onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaGroup, true),
+    onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaGroup, false),
+    onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaGroup, true),
+    onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaGroup, false),
     title: intl.formatMessage(commonMessages.remove),
     onClick: handleRemoveMediaGroup,
     testId: 'media-toolbar-remove-button'
   }];
   return items;
 };
-var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToolbar(state, intl, mediaPluginState) {
+var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration) {
   var mediaInline = state.schema.nodes.mediaInline;
   var items = [{
     id: 'editor.media.view.switcher',
@@ -177,17 +176,18 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
     appearance: 'danger',
     focusEditoronEnter: true,
     icon: RemoveIcon,
-    onMouseEnter: hoverDecoration(mediaInline, true),
-    onMouseLeave: hoverDecoration(mediaInline, false),
-    onFocus: hoverDecoration(mediaInline, true),
-    onBlur: hoverDecoration(mediaInline, false),
+    onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaInline, true),
+    onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaInline, false),
+    onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaInline, true),
+    onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaInline, false),
     title: intl.formatMessage(commonMessages.remove),
     onClick: removeInlineCard,
     testId: 'media-toolbar-remove-button'
   }];
   return items;
 };
-var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToolbar(state, intl, options, pluginState, mediaLinkingState, widthPluginDependencyApi, getEditorFeatureFlags) {
+var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToolbar(state, intl, options, pluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags) {
+  var _pluginInjectionApi$d2;
   var mediaSingle = state.schema.nodes.mediaSingle;
   var allowResizing = options.allowResizing,
     allowLinking = options.allowLinking,
@@ -224,7 +224,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     });
   }
   if (allowAdvancedToolBarOptions) {
-    toolbarButtons = [].concat(_toConsumableArray(toolbarButtons), _toConsumableArray(buildLayoutButtons(state, intl, state.schema.nodes.mediaSingle, widthPluginDependencyApi, allowResizing, allowResizingInTables)));
+    toolbarButtons = [].concat(_toConsumableArray(toolbarButtons), _toConsumableArray(buildLayoutButtons(state, intl, state.schema.nodes.mediaSingle, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.width, allowResizing, allowResizingInTables)));
     if (toolbarButtons.length) {
       toolbarButtons.push({
         type: 'separator'
@@ -245,14 +245,16 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             };
             var openLink = function openLink() {
               if (editorView) {
-                var _state2 = editorView.state,
+                var _pluginInjectionApi$d;
+                var tr = editorView.state.tr,
                   dispatch = editorView.dispatch;
-                dispatch(addAnalytics(_state2, _state2.tr, {
+                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.attachAnalyticsEvent({
                   eventType: EVENT_TYPE.TRACK,
                   action: ACTION.VISITED,
                   actionSubject: ACTION_SUBJECT.MEDIA,
                   actionSubjectId: ACTION_SUBJECT_ID.LINK
-                }));
+                })(tr);
+                dispatch(tr);
                 return true;
               }
             };
@@ -276,16 +278,18 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
       type: 'separator'
     });
   }
+  var _ref = (_pluginInjectionApi$d2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d2 !== void 0 ? _pluginInjectionApi$d2 : {},
+    hoverDecoration = _ref.hoverDecoration;
   var removeButton = {
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',
     focusEditoronEnter: true,
     icon: RemoveIcon,
-    onMouseEnter: hoverDecoration(mediaSingle, true),
-    onMouseLeave: hoverDecoration(mediaSingle, false),
-    onFocus: hoverDecoration(mediaSingle, true),
-    onBlur: hoverDecoration(mediaSingle, false),
+    onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, true),
+    onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, false),
+    onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, true),
+    onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, false),
     title: intl.formatMessage(commonMessages.remove),
     onClick: remove,
     testId: 'media-toolbar-remove-button'
@@ -303,6 +307,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
   return items;
 };
 export var floatingToolbar = function floatingToolbar(state, intl) {
+  var _pluginInjectionApi$d3;
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var pluginInjectionApi = arguments.length > 3 ? arguments[3] : undefined;
   var _state$schema$nodes = state.schema.nodes,
@@ -318,6 +323,8 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     getEditorFeatureFlags = options.getEditorFeatureFlags;
   var mediaPluginState = stateKey.getState(state);
   var mediaLinkingState = getMediaLinkingState(state);
+  var _ref2 = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : {},
+    hoverDecoration = _ref2.hoverDecoration;
   if (!mediaPluginState) {
     return;
   }
@@ -356,21 +363,21 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
       var selector = mediaFilmstripItemDOMSelector(mediaOffset);
       return (_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(selector);
     };
-    items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState);
+    items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration);
   } else if (allowMediaInline && selectedNodeType && selectedNodeType === mediaInline) {
     baseToolbar.getDomRef = function () {
       var _mediaPluginState$ele2;
       var element = (_mediaPluginState$ele2 = mediaPluginState.element) === null || _mediaPluginState$ele2 === void 0 ? void 0 : _mediaPluginState$ele2.querySelector(".".concat(MediaInlineNodeSelector));
       return element || mediaPluginState.element;
     };
-    items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState);
+    items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration);
   } else {
     baseToolbar.getDomRef = function () {
       var _mediaPluginState$ele3;
       var element = (_mediaPluginState$ele3 = mediaPluginState.element) === null || _mediaPluginState$ele3 === void 0 ? void 0 : _mediaPluginState$ele3.querySelector(".".concat(MediaSingleNodeSelector));
       return element || mediaPluginState.element;
     };
-    items = generateMediaSingleFloatingToolbar(state, intl, options, mediaPluginState, mediaLinkingState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.width, getEditorFeatureFlags);
+    items = generateMediaSingleFloatingToolbar(state, intl, options, mediaPluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags);
   }
   return _objectSpread(_objectSpread({}, baseToolbar), {}, {
     items: items,

package/dist/esm/plugins/panel/index.js

@@ -29,6 +29,7 @@ var insertPanelType = function insertPanelType(panelAttributes, state) {
 };
 var panelPlugin = function panelPlugin() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var api = arguments.length > 1 ? arguments[1] : undefined;
   return {
     name: 'panel',
     nodes: function nodes() {
@@ -149,7 +150,7 @@ var panelPlugin = function panelPlugin() {
         return quickInsertOptions;
       },
       floatingToolbar: function floatingToolbar(state, intl, providerFactory) {
-        return getToolbarConfig(state, intl, options, providerFactory);
+        return getToolbarConfig(state, intl, options, providerFactory, api === null || api === void 0 ? void 0 : api.dependencies.decorations.actions.hoverDecoration);
       }
     }
   };

package/dist/esm/plugins/panel/toolbar.js

@@ -11,7 +11,6 @@ import ErrorIcon from '@atlaskit/icon/glyph/editor/error';
 import RemoveEmojiIcon from '@atlaskit/icon/glyph/editor/remove-emoji';
 import commonMessages from '../../messages';
 import { removePanel, changePanelType } from './actions';
-import { hoverDecoration } from '../base/pm-plugins/decoration';
 import { panelBackgroundPalette } from '../../ui/ColorPalette/Palettes/panelBackgroundPalette';
 import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
 import { findPanel } from './utils';
@@ -39,7 +38,7 @@ export var panelIconMap = (_panelIconMap = {}, _defineProperty(_panelIconMap, Pa
   shortName: ':tip:',
   id: 'atlassian-tip'
 }), _panelIconMap);
-export var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, activePanelType, activePanelColor, activePanelIcon, state) {
+export var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, hoverDecoration, activePanelType, activePanelColor, activePanelIcon, state) {
   // TODO: ED-14403 investigate why these titles are not getting translated for the tooltips
   var items = [{
     id: 'editor.panel.info',
@@ -242,10 +241,10 @@ export var getToolbarItems = function getToolbarItems(formatMessage, panelNodeTy
     focusEditoronEnter: true,
     icon: RemoveIcon,
     onClick: removePanel(),
-    onMouseEnter: hoverDecoration(panelNodeType, true),
-    onMouseLeave: hoverDecoration(panelNodeType, false),
-    onFocus: hoverDecoration(panelNodeType, true),
-    onBlur: hoverDecoration(panelNodeType, false),
+    onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(panelNodeType, true),
+    onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(panelNodeType, false),
+    onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(panelNodeType, true),
+    onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(panelNodeType, false),
     title: formatMessage(commonMessages.remove),
     tabIndex: null
   });
@@ -254,6 +253,7 @@ export var getToolbarItems = function getToolbarItems(formatMessage, panelNodeTy
 export var getToolbarConfig = function getToolbarConfig(state, intl) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var providerFactory = arguments.length > 3 ? arguments[3] : undefined;
+  var hoverDecoration = arguments.length > 4 ? arguments[4] : undefined;
   var formatMessage = intl.formatMessage;
   var panelObject = findPanel(state);
   if (panelObject) {
@@ -267,7 +267,7 @@ export var getToolbarConfig = function getToolbarConfig(state, intl) {
     };
 
     // force toolbar to be turned on
-    var items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
+    var items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, hoverDecoration, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
     var getDomRef = function getDomRef(editorView) {
       var domAtPos = editorView.domAtPos.bind(editorView);
       var element = findDomRefAtPos(panelObject.pos, domAtPos);

package/dist/esm/plugins/placeholder-text/index.js

@@ -10,7 +10,7 @@ import PlaceholderFloatingToolbar from './ui/PlaceholderFloatingToolbar';
 import { hidePlaceholderFloatingToolbar, insertPlaceholderTextAtSelection } from './actions';
 import { PlaceholderTextNodeView } from './placeholder-text-nodeview';
 import { pluginKey } from './plugin-key';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { isSelectionAtPlaceholder } from './selection-utils';
 import { createInternalTypeAheadTools } from '../type-ahead/api';
@@ -186,7 +186,7 @@ var basePlaceholderTextPlugin = function basePlaceholderTextPlugin(options) {
     }
   };
 };
-var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, options) {
+var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, options, api) {
   if (!options.allowInserting) {
     return plugin;
   }
@@ -205,11 +205,12 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
           });
         },
         action: function action(insert, state) {
+          var _api$dependencies$ana;
           var tr = state.tr;
           tr.setMeta(pluginKey, {
             showInsertPanelAt: tr.selection.anchor
           });
-          return addAnalytics(state, tr, {
+          api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions.attachAnalyticsEvent({
             action: ACTION.INSERTED,
             actionSubject: ACTION_SUBJECT.DOCUMENT,
             actionSubjectId: ACTION_SUBJECT_ID.PLACEHOLDER_TEXT,
@@ -217,7 +218,8 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
               inputMethod: INPUT_METHOD.QUICK_INSERT
             },
             eventType: EVENT_TYPE.TRACK
-          });
+          })(tr);
+          return tr;
         }
       }];
     }
@@ -225,6 +227,6 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
   return plugin;
 };
 var placeholderTextPlugin = function placeholderTextPlugin(options, api) {
-  return decorateWithPluginOptions(basePlaceholderTextPlugin(options, api), options);
+  return decorateWithPluginOptions(basePlaceholderTextPlugin(options, api), options, api);
 };
 export default placeholderTextPlugin;

package/dist/esm/plugins/type-ahead/ui/TypeAheadPopup.js

@@ -171,6 +171,25 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
       element === null || element === void 0 ? void 0 : element.removeEventListener('focusout', focusOut);
     };
   }, [ref, cancel]);
+
+  // ED-17443 When you press escape on typeahead panel, it should remove focus and close the panel
+  // This is the expected keyboard behaviour advised by the Accessibility team
+  useLayoutEffect(function () {
+    var escape = function escape(event) {
+      if (event.key === 'Escape') {
+        cancel({
+          addPrefixTrigger: true,
+          setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
+          forceFocusOnEditor: true
+        });
+      }
+    };
+    var element = ref.current;
+    element === null || element === void 0 ? void 0 : element.addEventListener('keydown', escape);
+    return function () {
+      element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', escape);
+    };
+  }, [ref, cancel]);
   return jsx(Popup, {
     zIndex: akEditorFloatingDialogZIndex,
     target: anchorElement,

package/dist/esm/ui/CollapsedEditor/index.js

@@ -11,7 +11,6 @@ import { IntlProviderIfMissingWrapper } from '@atlaskit/editor-common/ui';
 import React from 'react';
 import Editor from '../../editor';
 import EditorNext from '../../editor-next';
-import EditorMigrationComponent from '../../editor-next/editor-migration-component';
 import EditorWithActions from '../../labs/EditorWithActions';
 import ChromeCollapsed from '../ChromeCollapsed';
 var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
@@ -46,7 +45,7 @@ var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
       var child = React.Children.only(this.props.children);
-      if (child.type !== Editor && child.type !== EditorWithActions && child.type !== EditorNext && child.type !== EditorMigrationComponent) {
+      if (child.type !== Editor && child.type !== EditorWithActions && child.type !== EditorNext) {
         throw new Error('Expected child to be of type `Editor`');
       }
       if (!this.props.isExpanded) {

package/dist/esm/ui/ColorPickerButton/index.js

@@ -159,8 +159,8 @@ var ColorPickerButton = function ColorPickerButton(props) {
   };
   var title = props.title || '';
   var currentColor = props.currentColor && props.hexToPaletteColor ? props.hexToPaletteColor(props.currentColor) : props.currentColor;
-  var buttonStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: 6px;\n    background-color: ", ";\n    ", "\n    &:before {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      align-self: center;\n      content: '';\n      border: 1px solid ", ";\n      border-radius: ", "px;\n      background-color: ", ";\n      width: ", "px;\n      height: ", "px;\n      padding: 0;\n    }\n  "])), "var(--ds-background-neutral, transparent)", /* If custom props size height, override the button base height property */
-  !!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) && "height: inherit;", DEFAULT_BORDER_COLOR, borderRadius(), currentColor || 'transparent', ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || 14, ((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || 14);
+  var buttonStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: 6px;\n    background-color: ", ";\n    ", "\n    &:before {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      align-self: center;\n      content: '';\n      border: 1px solid ", ";\n      border-radius: ", "px;\n      background-color: ", ";\n      width: ", ";\n      height: ", ";\n      padding: 0;\n    }\n  "])), "var(--ds-background-neutral, transparent)", /* If custom props size height, override the button base height property */
+  !!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) && "height: inherit;", DEFAULT_BORDER_COLOR, borderRadius(), currentColor || 'transparent', ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || '14px', ((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || '14px');
   return jsx("div", {
     css: colorPickerButtonWrapper
   }, jsx(Tooltip, {

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -10,8 +10,6 @@ import { Field } from '@atlaskit/form';
 import { hexToEditorTableChartsPaletteColor } from '@atlaskit/editor-palette';
 import { DEFAULT_BORDER_COLOR } from '../../../ui/ColorPalette/Palettes/common';
 import { validate as _validate } from '../utils';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { gridSize } from '@atlaskit/theme/constants';
 import { requiredIndicator } from './common/RequiredIndicator';
 import { headingSizes } from '@atlaskit/theme/typography';
 import FieldMessages from '../FieldMessages';
@@ -368,13 +366,10 @@ var ColorPicker = function ColorPicker(props) {
     showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames,
     cols: EXPANDED_COLOR_PICKER_COLUMNS,
     alignX: "right",
-    placement: "ConfigPanel"
-    // TODO: Migrate away from gridSize
-    // Recommendation: Update types of size object to accept string width/height and then replace gridSize with tokens
-    ,
+    placement: "ConfigPanel",
     size: {
-      width: 3 * gridSize(),
-      height: 3 * gridSize()
+      width: "var(--ds-space-300, 24px)",
+      height: "var(--ds-space-300, 24px)"
     }
   }) : jsx(ColorPickerButton, {
     title: title,
@@ -385,8 +380,8 @@ var ColorPicker = function ColorPicker(props) {
     alignX: "right",
     placement: "ConfigPanel",
     size: {
-      width: 3 * gridSize(),
-      height: 3 * gridSize()
+      width: "var(--ds-space-300, 24px)",
+      height: "var(--ds-space-300, 24px)"
     }
   });
 };

package/dist/esm/ui/ElementBrowser/components/StatelessElementBrowser.js

@@ -74,18 +74,20 @@ function StatelessElementBrowser(props) {
   /* Only for hitting enter to select item when focused on search bar,
    * The actual enter key press is handled on individual items level.
    */
+  var selectedItem = items[selectedItemIndex];
   var onItemsEnterKeyPress = useCallback(function (e) {
     if (e.key !== 'Enter') {
       return;
     }
-    props.onInsertItem(items[selectedItemIndex]);
-  }, [props, items, selectedItemIndex]);
+    if (onSelectItem && selectedItem != null) {
+      onSelectItem(selectedItem);
+    }
+  }, [onSelectItem, selectedItem]);
 
   /**
    * On arrow key selection and clicks the selectedItemIndex will change.
    * Making sure to update parent component.
    */
-  var selectedItem = items[selectedItemIndex];
   useEffect(function () {
     if (onSelectItem && selectedItem != null) {
       onSelectItem(selectedItem);

package/dist/esm/ui/styles.js

@@ -5,7 +5,13 @@ import { N30 } from '@atlaskit/theme/colors';
 export { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 export { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
 export var buttonGroupStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  & > div {\n    display: flex;\n  }\n"])));
+
+// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
+// If you make change here, change in above file as well.
 export var separatorStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n  user-select: none;\n"])), "var(--ds-border, ".concat(N30, ")"));
+
+// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
+// If you make change here, change in above file as well.
 export var wrapperStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n\n  margin-left: 0;\n  min-width: auto;\n"])));
 export var wrapperSmallStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: 4px;\n  min-width: 40px;\n"])));
 export var expandIconWrapperStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "184.0.0";
+export var version = "185.0.0";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "184.0.0",
+	"version": "185.0.0",
 	"sideEffects": false
 }

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

@@ -4,11 +4,6 @@ import React from 'react';
 import { EditorNextProps } from '../types/editor-props';
 import { Context } from './utils/editorPropTypes';
 export default class EditorNext extends React.Component<EditorNextProps> {
-    /**
-     * WARNING: Code should be shared between Editor + EditorNext
-     * If you are making changes that affect both, consider making them
-     * in editor-next/editor-internal.tsx or editor-next/editor-utils.ts
-     */
     static defaultProps: import("../types/editor-props").EditorProps;
     static contextTypes: {
         editorActions: PropTypes.Requireable<object>;
@@ -19,7 +14,6 @@ export default class EditorNext extends React.Component<EditorNextProps> {
     };
     private editorActions;
     private createAnalyticsEvent?;
-    private editorSessionId;
     private experienceStore?;
     private startTime?;
     constructor(props: EditorNextProps, context: Context);

package/dist/types/editor.d.ts

@@ -1,146 +1,10 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import PropTypes from 'prop-types';
-import { EditorView } from 'prosemirror-view';
 import React from 'react';
-import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
-import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
-import type { Transformer, AllEditorPresetPluginTypes } from '@atlaskit/editor-common/types';
-import EditorActions from './actions';
-import { Context } from './editor-next/utils/editorPropTypes';
-import { EventDispatcher } from './event-dispatcher';
-import { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
-import { QuickInsertOptions, QuickInsertProvider } from './plugins/quick-insert/types';
 import { EditorProps } from './types/editor-props';
-import { ProviderFactoryState } from './editor-next/hooks/useProviderFactory';
 export type { AllowedBlockTypes, Command, CommandDispatch, DomAtPos, EditorAppearance, EditorAppearanceComponentProps, EditorConfig, EditorInstance, EditorPlugin, EditorProps, ExtensionConfig, ExtensionProvidersProp, FeedbackInfo, MarkConfig, MessageDescriptor, NodeConfig, NodeViewConfig, PluginsOptions, PMPlugin, PMPluginCreateConfig, PMPluginFactory, PMPluginFactoryParams, ReactComponents, ToolbarUIComponentFactory, ToolbarUiComponentFactoryParams, UIComponentFactory, UiComponentFactoryParams, } from './types';
-type PresetState = {
-    preset: EditorPresetBuilder<string[], AllEditorPresetPluginTypes[]>;
-};
-export default class Editor extends React.Component<EditorProps, ProviderFactoryState & PresetState> {
-    /**
-     * WARNING: Code should be shared between Editor + EditorNext
-     * If you are making changes that affect both, consider making them
-     * in editor-next/editor-internal.tsx or editor-next/editor-utils.ts
-     */
+export default class Editor extends React.Component<EditorProps> {
     static defaultProps: EditorProps;
-    static contextTypes: {
-        editorActions: PropTypes.Requireable<object>;
-    };
-    static propTypes: {
-        minHeight: ({ appearance, minHeight, }: Pick<EditorProps, "appearance" | "minHeight">) => Error | null;
-    };
-    private providerFactory;
-    private editorActions;
-    private createAnalyticsEvent?;
     private editorSessionId;
-    private experienceStore?;
-    private startTime?;
-    constructor(props: EditorProps, context: Context);
-    /**
-     * Consider any changes here to corresponding file for `EditorNext` in
-     * `useProviderFactory` (editor-next/hooks/useProviderFactory.ts) and
-     * `useMeasureEditorMountTime` (editor-next/hooks/useMeasureEditorMountTime.ts)
-     */
-    componentDidMount(): void;
-    /**
-     * Consider any changes here to corresponding file for `EditorNext` in
-     * `useProviderFactory` (editor-next/hooks/useProviderFactory.ts)
-     */
-    componentDidUpdate(prevProps: EditorProps): void;
-    /**
-     * Consider any changes here to corresponding file for `EditorNext` in
-     * `useProviderFactory` (editor-next/hooks/useProviderFactory.ts) and
-     * `useMeasureEditorMountTime` (editor-next/hooks/useMeasureEditorMountTime.ts)
-     */
-    componentWillUnmount(): void;
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an anti-pattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    trackEditorActions(editorActions: EditorActions & {
-        _contentRetrievalTracking?: {
-            getValueTracked: boolean;
-            samplingCounters: {
-                success: number;
-                failure: number;
-            };
-        };
-    }, props: EditorProps): EditorActions<any> & {
-        _contentRetrievalTracking?: {
-            getValueTracked: boolean;
-            samplingCounters: {
-                success: number;
-                failure: number;
-            };
-        } | undefined;
-    };
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    prepareExtensionProvider: (extensionProviders?: import("./types").ExtensionProvidersProp | undefined) => ExtensionProvider<any> | undefined;
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    prepareQuickInsertProvider: (extensionProvider?: ExtensionProvider, quickInsert?: QuickInsertOptions) => Promise<QuickInsertProvider> | undefined;
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    onEditorCreated(instance: {
-        view: EditorView;
-        eventDispatcher: EventDispatcher;
-        transformer?: Transformer<string>;
-    }): void;
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    onEditorDestroyed(_instance: {
-        view: EditorView;
-        transformer?: Transformer<string>;
-    }): void;
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    handleSave: (view: EditorView) => void;
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    handleAnalyticsEvent: FireAnalyticsCallback;
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    registerEditorForActions(editorView: EditorView, eventDispatcher: EventDispatcher, contentTransformer?: Transformer<string>): void;
-    private getFeatureFlags;
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    unregisterEditorFromActions(): void;
-    private getExperienceStore;
     render(): jsx.JSX.Element;
 }