@atlaskit/editor-core 187.4.8 → 187.4.11

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-core
 
+## 187.4.11
+
+### Patch Changes
+
+- [`8f01c8d69d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f01c8d69d7) - ED-18946 fixed leaking debounce function on assistive text unmount
+- Updated dependencies
+
+## 187.4.10
+
+### Patch Changes
+
+- [`33cec4ba4f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/33cec4ba4f0) - [ED-19203] Extract common logic, styles, and types to editor-common
+
 ## 187.4.8
 
 ### Patch Changes

package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -20,7 +20,7 @@ var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButto
 var _Dropdown = _interopRequireDefault(require("../../../../ui/Dropdown"));
 var _Alignment = _interopRequireDefault(require("../../../../ui/Alignment"));
 var _styles = require("./styles");
-var _styles2 = require("../../../../ui/styles");
+var _styles2 = require("@atlaskit/editor-common/styles");
 var _iconMap = require("./icon-map");
 var _messages = require("./messages");
 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; }

package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/blocktype-button.js

@@ -12,6 +12,7 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
 var _textStyle = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/text-style"));
 var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
 var _styles = require("../../../../ui/styles");
+var _styles2 = require("@atlaskit/editor-common/styles");
 var _types = require("../../types");
 /** @jsx jsx */
 
@@ -37,7 +38,7 @@ var BlockTypeButton = function BlockTypeButton(props) {
     "aria-haspopup": true,
     "aria-expanded": props['aria-expanded'],
     iconAfter: (0, _react2.jsx)("span", {
-      css: [_styles.wrapperStyle, props.isSmall && _styles.wrapperSmallStyle],
+      css: [_styles2.wrapperStyle, props.isSmall && _styles.wrapperSmallStyle],
       "data-testid": "toolbar-block-type-text-styles-icon"
     }, props.isSmall && (0, _react2.jsx)(_textStyle.default, {
       label: labelTextStyles

package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -17,7 +17,7 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _DropdownMenu = _interopRequireDefault(require("../../../../ui/DropdownMenu"));
-var _styles = require("../../../../ui/styles");
+var _styles = require("@atlaskit/editor-common/styles");
 var _styled = require("./styled");
 var _keymaps = require("../../../../keymaps");
 var _blocktypeButton = require("./blocktype-button");

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -20,7 +20,7 @@ var _reactIntlNext = require("react-intl-next");
 var _picker = require("@atlaskit/emoji/picker");
 var _ui = require("@atlaskit/editor-common/ui");
 var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
-var _styles = require("../../../../ui/styles");
+var _styles = require("@atlaskit/editor-common/styles");
 var _actions = require("../../../date/actions");
 var _commands = require("../../../quick-insert/commands");
 var _actions2 = require("../../../placeholder-text/actions");

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -24,11 +24,12 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
 var _ColorPalette = _interopRequireWildcard(require("../../../../ui/ColorPalette"));
 var _Dropdown = _interopRequireDefault(require("../../../../ui/Dropdown"));
 var _styles = require("../../../../ui/styles");
+var _styles2 = require("@atlaskit/editor-common/styles");
 var _ToolbarButton = _interopRequireWildcard(require("../../../../ui/ToolbarButton"));
 var _analytics = require("../../../analytics");
 var commands = _interopRequireWildcard(require("../../commands/change-color"));
 var _icon = require("./icon");
-var _styles2 = require("./styles");
+var _styles3 = require("./styles");
 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(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; }
@@ -185,7 +186,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         selectedRowIndex = _getSelectedRowAndCol.selectedRowIndex,
         selectedColumnIndex = _getSelectedRowAndCol.selectedColumnIndex;
       return (0, _react2.jsx)("span", {
-        css: _styles.wrapperStyle
+        css: _styles2.wrapperStyle
       }, (0, _react2.jsx)(_Dropdown.default, {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
@@ -217,11 +218,11 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           onKeyDown: this.onKeyDown,
           ref: this.toolbarItemRef,
           iconBefore: (0, _react2.jsx)("div", {
-            css: _styles.triggerWrapperStyles
+            css: _styles2.triggerWrapperStyles
           }, (0, _react2.jsx)("div", {
-            css: _styles2.textColorIconWrapper
+            css: _styles3.textColorIconWrapper
           }, (0, _react2.jsx)(_icon.EditorTextColorIcon, null), (0, _react2.jsx)("div", {
-            css: [_styles2.textColorIconBar, selectedColor ? "background: ".concat(selectedColor, ";") : pluginState.disabled && _styles2.backgroundDisabled]
+            css: [_styles3.textColorIconBar, selectedColor ? "background: ".concat(selectedColor, ";") : pluginState.disabled && _styles3.backgroundDisabled]
           })), (0, _react2.jsx)("span", {
             css: _styles.expandIconWrapperStyle
           }, (0, _react2.jsx)(_chevronDown.default, {
@@ -242,7 +243,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
         }
       }))), (0, _react2.jsx)("span", {
-        css: _styles.separatorStyles
+        css: _styles2.separatorStyles
       }));
     }
   }, {

package/dist/cjs/plugins/text-formatting/commands/clear-formatting.js

@@ -8,8 +8,8 @@ exports.clearFormatting = clearFormatting;
 exports.clearFormattingWithAnalytics = clearFormattingWithAnalytics;
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _prosemirrorTransform = require("prosemirror-transform");
-var _cellSelection2 = require("../../../utils/cell-selection");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _cellSelection2 = require("../utils/cell-selection");
 var FORMATTING_NODE_TYPES = ['heading', 'codeBlock', 'blockquote'];
 exports.FORMATTING_NODE_TYPES = FORMATTING_NODE_TYPES;
 var FORMATTING_MARK_TYPES = ['em', 'code', 'strike', 'strong', 'underline', 'textColor', 'subsup'];

package/dist/cjs/plugins/text-formatting/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
-var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
+var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
 var _main = require("./pm-plugins/main");
 var _clearFormatting = require("./pm-plugins/clear-formatting");
 var _clearFormattingKeymap = _interopRequireDefault(require("./pm-plugins/clear-formatting-keymap"));
@@ -96,7 +96,7 @@ var textFormatting = function textFormatting() {
         isToolbarReducedSpacing = _ref6.isToolbarReducedSpacing,
         toolbarSize = _ref6.toolbarSize,
         disabled = _ref6.disabled;
-      return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
+      return /*#__PURE__*/_react.default.createElement(_withPluginState.WithPluginState, {
         plugins: {
           textFormattingState: _main.pluginKey,
           clearFormattingPluginState: _clearFormatting.pluginKey

package/dist/cjs/plugins/text-formatting/pm-plugins/clear-formatting-keymap.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.keymapPlugin = keymapPlugin;
 var _prosemirrorKeymap = require("prosemirror-keymap");
-var keymaps = _interopRequireWildcard(require("../../../keymaps"));
+var keymaps = _interopRequireWildcard(require("@atlaskit/editor-common/keymaps"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _clearFormatting = require("../commands/clear-formatting");
 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); }

package/dist/cjs/plugins/text-formatting/pm-plugins/clear-formatting.js

@@ -1,16 +1,19 @@
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = exports.plugin = void 0;
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var safePlugin = _interopRequireWildcard(require("@atlaskit/editor-common/safe-plugin"));
 var _prosemirrorState = require("prosemirror-state");
 var _utils = 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; }
 var pluginKey = new _prosemirrorState.PluginKey('clearFormattingPlugin');
 exports.pluginKey = pluginKey;
 var plugin = function plugin(dispatch) {
-  return new _safePlugin.SafePlugin({
+  return new safePlugin.SafePlugin({
     state: {
       init: function init(_config, state) {
         return {

package/dist/cjs/plugins/text-formatting/pm-plugins/keymap.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = keymapPlugin;
-var keymaps = _interopRequireWildcard(require("../../../keymaps"));
-var _keymap = require("../../../utils/keymap");
+var keymaps = _interopRequireWildcard(require("@atlaskit/editor-common/keymaps"));
+var _prosemirrorKeymap = require("prosemirror-keymap");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var commands = _interopRequireWildcard(require("../commands/text-formatting"));
 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); }
@@ -48,5 +48,5 @@ function keymapPlugin(schema, editorAnalyticsAPI) {
       inputMethod: _analytics.INPUT_METHOD.SHORTCUT
     }), list);
   }
-  return (0, _keymap.keymap)(list);
+  return (0, _prosemirrorKeymap.keymap)(list);
 }

package/dist/cjs/plugins/text-formatting/pm-plugins/main.js

@@ -13,7 +13,7 @@ Object.defineProperty(exports, "pluginKey", {
 });
 var _prosemirrorCommands = require("prosemirror-commands");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var keymaps = _interopRequireWildcard(require("../../../keymaps"));
+var keymaps = _interopRequireWildcard(require("@atlaskit/editor-common/keymaps"));
 var _utils = require("@atlaskit/editor-common/utils");
 var commands = _interopRequireWildcard(require("../commands/text-formatting"));
 var _utils2 = require("../utils");

package/dist/cjs/plugins/text-formatting/ui/Toolbar/constants.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ResponsiveCustomMenu = exports.ResponsiveCustomButtonToolbar = exports.DefaultButtonsToolbar = exports.DefaultButtonsMenu = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _types = require("../../../../ui/Toolbar/types");
+var _types = require("@atlaskit/editor-common/types");
 var _types2 = require("./types");
 var _ResponsiveCustomButt, _ResponsiveCustomMenu;
 var DefaultButtonsToolbar = [_types2.IconTypes.strong, _types2.IconTypes.em];

package/dist/cjs/plugins/text-formatting/ui/Toolbar/hooks/clear-formatting-icon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.useClearIcon = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _styles = require("../../../../../ui/styles");
+var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _toolbarMessages = require("../toolbar-messages");
 var _clearFormatting = require("../../../commands/clear-formatting");
 var _clearFormatting2 = require("../../../pm-plugins/clear-formatting");
-var _keymaps = require("../../../../../keymaps");
-var _enums = require("../../../../analytics/types/enums");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _analytics = require("@atlaskit/editor-common/analytics");
 /** @jsx jsx */
 
 var useClearFormattingPluginState = function useClearFormattingPluginState(editorState) {
@@ -28,7 +28,7 @@ var useClearIcon = function useClearIcon(_ref) {
   var formattingIsPresent = Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.formattingIsPresent);
   var clearFormattingLabel = intl.formatMessage(_toolbarMessages.toolbarMessages.clearFormatting);
   var clearFormattingToolbar = (0, _react.useCallback)(function (state, dispatch) {
-    return (0, _clearFormatting.clearFormattingWithAnalytics)(_enums.INPUT_METHOD.TOOLBAR, editorAnalyticsAPI)(state, dispatch);
+    return (0, _clearFormatting.clearFormattingWithAnalytics)(_analytics.INPUT_METHOD.TOOLBAR, editorAnalyticsAPI)(state, dispatch);
   }, [editorAnalyticsAPI]);
   return (0, _react.useMemo)(function () {
     if (!isPluginAvailable) {
@@ -39,7 +39,7 @@ var useClearIcon = function useClearIcon(_ref) {
       command: clearFormattingToolbar,
       content: clearFormattingLabel,
       elemAfter: (0, _react2.jsx)("div", {
-        css: _styles.shortcutStyle
+        css: _shortcut.shortcutStyle
       }, (0, _keymaps.tooltip)(_keymaps.clearFormatting)),
       value: {
         name: 'clearFormatting'

package/dist/cjs/plugins/text-formatting/ui/Toolbar/hooks/formatting-icons.js

@@ -11,13 +11,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _bold = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/bold"));
 var _italic = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/italic"));
-var _styles = require("../../../../../ui/styles");
+var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _toolbarMessages = require("../toolbar-messages");
 var commands = _interopRequireWildcard(require("../../../commands/text-formatting"));
-var _toolbarButton = require("../../../../../plugins/analytics/types/toolbar-button");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _pluginKey = require("../../../pm-plugins/plugin-key");
 var _keymaps = require("../../../../../keymaps");
-var _enums = require("../../../../analytics/types/enums");
 var _types = require("../types");
 var _keymaps2 = require("@atlaskit/editor-common/keymaps");
 var _IconsMarkSchema;
@@ -26,13 +25,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 var withToolbarInputMethod = function withToolbarInputMethod(func) {
   return func({
-    inputMethod: _enums.INPUT_METHOD.TOOLBAR
+    inputMethod: _analytics.INPUT_METHOD.TOOLBAR
   });
 };
 var IconButtons = function IconButtons(editorAnalyticsAPI) {
   return {
     strong: {
-      buttonId: _toolbarButton.TOOLBAR_ACTION_SUBJECT_ID.TEXT_FORMATTING_STRONG,
+      buttonId: _analytics.TOOLBAR_ACTION_SUBJECT_ID.TEXT_FORMATTING_STRONG,
       command: withToolbarInputMethod(commands.toggleStrongWithAnalytics(editorAnalyticsAPI)),
       message: _toolbarMessages.toolbarMessages.bold,
       tooltipKeymap: _keymaps.toggleBold,
@@ -43,7 +42,7 @@ var IconButtons = function IconButtons(editorAnalyticsAPI) {
       }
     },
     em: {
-      buttonId: _toolbarButton.TOOLBAR_ACTION_SUBJECT_ID.TEXT_FORMATTING_ITALIC,
+      buttonId: _analytics.TOOLBAR_ACTION_SUBJECT_ID.TEXT_FORMATTING_ITALIC,
       command: withToolbarInputMethod(commands.toggleEmWithAnalytics(editorAnalyticsAPI)),
       message: _toolbarMessages.toolbarMessages.italic,
       tooltipKeymap: _keymaps.toggleItalic,
@@ -101,7 +100,7 @@ var getIcon = function getIcon(_ref) {
       keymap: tooltipKeymap
     }) : undefined,
     elemAfter: tooltipKeymap ? (0, _react2.jsx)("div", {
-      css: _styles.shortcutStyle
+      css: _shortcut.shortcutStyle
     }, (0, _keymaps.tooltip)(tooltipKeymap)) : undefined,
     value: {
       name: iconType

package/dist/cjs/plugins/text-formatting/ui/Toolbar/index.js

@@ -16,7 +16,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _styles = require("../../../../ui/styles");
+var _styles = require("@atlaskit/editor-common/styles");
 var _formattingIcons = require("./hooks/formatting-icons");
 var _clearFormattingIcon = require("./hooks/clear-formatting-icon");
 var _responsiveToolbarButtons = require("./hooks/responsive-toolbar-buttons");

package/dist/cjs/plugins/text-formatting/ui/Toolbar/more-button.js

@@ -8,8 +8,8 @@ exports.MoreButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/more"));
-var _styles = require("../../../../ui/styles");
-var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
+var _styles = require("@atlaskit/editor-common/styles");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 /** @jsx jsx */
 
 var MoreButton = /*#__PURE__*/_react.default.memo(function (_ref) {
@@ -20,7 +20,7 @@ var MoreButton = /*#__PURE__*/_react.default.memo(function (_ref) {
     isDisabled = _ref.isDisabled,
     onClick = _ref.onClick,
     onKeyDown = _ref.onKeyDown;
-  return (0, _react2.jsx)(_ToolbarButton.default, {
+  return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
     disabled: isDisabled,
     selected: isSelected,
     onClick: onClick,

package/dist/cjs/plugins/text-formatting/ui/Toolbar/single-toolbar-buttons.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.SingleToolbarButtons = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _styles = require("../../../../ui/styles");
-var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _styles = require("@atlaskit/editor-common/styles");
 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; }
 /** @jsx jsx */
@@ -28,7 +27,7 @@ var SingleToolbarButtons = /*#__PURE__*/_react.default.memo(function (_ref) {
     css: _styles.buttonGroupStyle
   }, items.map(function (item) {
     var _item$ariaLabel;
-    return (0, _react2.jsx)(_ToolbarButton.default, {
+    return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
       key: item.key,
       testId: "editor-toolbar__".concat(String(item.content)),
       buttonId: item.buttonId,

package/dist/cjs/plugins/toolbar-lists-indentation/ui/Toolbar.js

@@ -16,7 +16,7 @@ var _keymaps = require("../../../keymaps");
 var _ToolbarButton = _interopRequireWildcard(require("../../../ui/ToolbarButton"));
 var _messages = require("../../list/messages");
 var _messages2 = require("../../indentation/messages");
-var _styles = require("../../../ui/styles");
+var _styles = require("@atlaskit/editor-common/styles");
 var _keymaps2 = require("@atlaskit/editor-common/keymaps");
 var _react2 = require("react");
 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); }

package/dist/cjs/plugins/toolbar-lists-indentation/ui/ToolbarDropdown.js

@@ -15,6 +15,7 @@ var _keymaps = require("../../../keymaps");
 var _DropdownMenu = _interopRequireDefault(require("../../../ui/DropdownMenu"));
 var _ToolbarButton = _interopRequireDefault(require("../../../ui/ToolbarButton"));
 var _styles = require("../../../ui/styles");
+var _styles2 = require("@atlaskit/editor-common/styles");
 var _messages = require("../../list/messages");
 var _messages2 = require("../../indentation/messages");
 /** @jsx jsx */
@@ -67,7 +68,7 @@ function ToolbarDropdown(props) {
     });
   };
   return (0, _react.jsx)("span", {
-    css: _styles.wrapperStyle
+    css: _styles2.wrapperStyle
   }, (0, _react.jsx)(_DropdownMenu.default, {
     items: items,
     onItemActivated: handleOnItemActivated,
@@ -96,7 +97,7 @@ function ToolbarDropdown(props) {
     onKeyDown: handleOnKeyDown,
     title: labelLists,
     iconBefore: (0, _react.jsx)("span", {
-      css: _styles.wrapperStyle
+      css: _styles2.wrapperStyle
     }, (0, _react.jsx)(_bulletList.default, {
       label: labelLists
     }), (0, _react.jsx)("span", {
@@ -105,7 +106,7 @@ function ToolbarDropdown(props) {
       label: ""
     })))
   })), (0, _react.jsx)("span", {
-    css: _styles.separatorStyles
+    css: _styles2.separatorStyles
   }));
 }
 function useItems(props) {

package/dist/cjs/plugins/type-ahead/ui/AssistiveText.js

@@ -68,7 +68,9 @@ var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "componentWillUnmount",
-    value: function componentWillUnmount() {}
+    value: function componentWillUnmount() {
+      this.debounceStatusUpdate.cancel();
+    }
   }, {
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps() {

package/dist/cjs/plugins/undo-redo/ui/ToolbarUndoRedo/index.js

@@ -17,7 +17,7 @@ var _reactIntlNext = require("react-intl-next");
 var _undo = _interopRequireDefault(require("@atlaskit/icon/glyph/undo"));
 var _redo = _interopRequireDefault(require("@atlaskit/icon/glyph/redo"));
 var _keymaps = require("../../../../keymaps");
-var _styles = require("../../../../ui/styles");
+var _styles = require("@atlaskit/editor-common/styles");
 var _ToolbarButton = _interopRequireWildcard(require("../../../../ui/ToolbarButton"));
 var _messages = require("../../messages");
 var _api = require("../../../type-ahead/api");

package/dist/cjs/ui/styles.js

@@ -4,50 +4,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.expandIconWrapperStyle = exports.clickSelectWrapperStyle = exports.centeredToolbarContainer = exports.buttonGroupStyle = exports.buttonContentStyle = exports.buttonContentReducedSpacingStyle = void 0;
+exports.expandIconWrapperStyle = exports.clickSelectWrapperStyle = exports.centeredToolbarContainer = exports.buttonContentStyle = exports.buttonContentReducedSpacingStyle = void 0;
 Object.defineProperty(exports, "scrollbarStyles", {
   enumerable: true,
   get: function get() {
     return _scrollbar.scrollbarStyles;
   }
 });
-exports.separatorStyles = void 0;
 Object.defineProperty(exports, "shortcutStyle", {
   enumerable: true,
   get: function get() {
     return _shortcut.shortcutStyle;
   }
 });
-exports.wrapperStyle = exports.wrapperSmallStyle = exports.triggerWrapperStyles = void 0;
+exports.wrapperSmallStyle = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _scrollbar = require("@atlaskit/editor-shared-styles/scrollbar");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-var buttonGroupStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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.
-exports.buttonGroupStyle = buttonGroupStyle;
-var separatorStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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(_colors.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.
-exports.separatorStyles = separatorStyles;
-var wrapperStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\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"])));
-exports.wrapperStyle = wrapperStyle;
-var wrapperSmallStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 4px;\n  min-width: 40px;\n"])));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var wrapperSmallStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n  min-width: 40px;\n"])), "var(--ds-space-050, 4px)");
 exports.wrapperSmallStyle = wrapperSmallStyle;
-var expandIconWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: -8px;\n"])));
+var expandIconWrapperStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: -8px;\n"])));
 exports.expandIconWrapperStyle = expandIconWrapperStyle;
-var triggerWrapperStyles = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
-exports.triggerWrapperStyles = triggerWrapperStyles;
-var buttonContentStyle = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: 6px;\n"])));
+var buttonContentStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: ", ";\n"])), "var(--ds-space-075, 6px)");
 exports.buttonContentStyle = buttonContentStyle;
-var buttonContentReducedSpacingStyle = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px;\n"])));
+var buttonContentReducedSpacingStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", ";\n"])), "var(--ds-space-100, 8px)");
 exports.buttonContentReducedSpacingStyle = buttonContentReducedSpacingStyle;
-var clickSelectWrapperStyle = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  user-select: all;\n"])));
+var clickSelectWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  user-select: all;\n"])));
 exports.clickSelectWrapperStyle = clickSelectWrapperStyle;
-var centeredToolbarContainer = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n"])));
+var centeredToolbarContainer = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n"])));
 exports.centeredToolbarContainer = centeredToolbarContainer;

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.4.8";
+var version = "187.4.11";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

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

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -8,7 +8,7 @@ import ToolbarButton from '../../../../ui/ToolbarButton';
 import Dropdown from '../../../../ui/Dropdown';
 import Alignment from '../../../../ui/Alignment';
 import { expandIconWrapper, triggerWrapper, wrapper } from './styles';
-import { separatorStyles } from '../../../../ui/styles';
+import { separatorStyles } from '@atlaskit/editor-common/styles';
 import { IconMap } from './icon-map';
 import { messages } from './messages';
 export class AlignmentToolbar extends React.Component {

package/dist/es2019/plugins/block-type/ui/ToolbarBlockType/blocktype-button.js

@@ -5,7 +5,8 @@ import { FormattedMessage, defineMessages } from 'react-intl-next';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import TextStyleIcon from '@atlaskit/icon/glyph/editor/text-style';
 import ToolbarButton from '../../../../ui/ToolbarButton';
-import { buttonContentStyle, buttonContentReducedSpacingStyle, wrapperStyle, wrapperSmallStyle, expandIconWrapperStyle } from '../../../../ui/styles';
+import { buttonContentStyle, buttonContentReducedSpacingStyle, wrapperSmallStyle, expandIconWrapperStyle } from '../../../../ui/styles';
+import { wrapperStyle } from '@atlaskit/editor-common/styles';
 import { NORMAL_TEXT } from '../../types';
 export const messages = defineMessages({
   textStyles: {

package/dist/es2019/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -5,7 +5,7 @@ import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import DropdownMenu from '../../../../ui/DropdownMenu';
-import { separatorStyles, wrapperStyle } from '../../../../ui/styles';
+import { separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { blockTypeMenuItemStyle, keyboardShortcut, keyboardShortcutSelect } from './styled';
 import { tooltip, findKeymapByDescription } from '../../../../keymaps';
 import { BlockTypeButton } from './blocktype-button';

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -7,7 +7,7 @@ import { injectIntl } from 'react-intl-next';
 import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 import { Popup } from '@atlaskit/editor-common/ui';
 import ToolbarButton from '../../../../ui/ToolbarButton';
-import { separatorStyles, buttonGroupStyle, wrapperStyle } from '../../../../ui/styles';
+import { separatorStyles, buttonGroupStyle, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { insertDate } from '../../../date/actions';
 import { openElementBrowserModal } from '../../../quick-insert/commands';
 import { showPlaceholderFloatingToolbar } from '../../../placeholder-text/actions';

package/dist/es2019/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -10,7 +10,8 @@ import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ColorPalette, { textPaletteTooltipMessages } from '../../../../ui/ColorPalette';
 import Dropdown from '../../../../ui/Dropdown';
-import { expandIconWrapperStyle, wrapperStyle, separatorStyles, triggerWrapperStyles } from '../../../../ui/styles';
+import { expandIconWrapperStyle } from '../../../../ui/styles';
+import { wrapperStyle, separatorStyles, triggerWrapperStyles } from '@atlaskit/editor-common/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../analytics';
 import * as commands from '../../commands/change-color';

package/dist/es2019/plugins/text-formatting/commands/clear-formatting.js

@@ -1,7 +1,7 @@
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { liftTarget } from 'prosemirror-transform';
-import { cellSelectionNodesBetween } from '../../../utils/cell-selection';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { cellSelectionNodesBetween } from '../utils/cell-selection';
 export const FORMATTING_NODE_TYPES = ['heading', 'codeBlock', 'blockquote'];
 export const FORMATTING_MARK_TYPES = ['em', 'code', 'strike', 'strong', 'underline', 'textColor', 'subsup'];
 const formatTypes = {

package/dist/es2019/plugins/text-formatting/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { code, em, strike, strong, subsup, underline } from '@atlaskit/adf-schema';
-import WithPluginState from '../../ui/WithPluginState';
+import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
 import { plugin as textFormattingPlugin, pluginKey as textFormattingPluginKey } from './pm-plugins/main';
 import { plugin as clearFormattingPlugin, pluginKey as clearFormattingPluginKey } from './pm-plugins/clear-formatting';
 import clearFormattingKeymapPlugin from './pm-plugins/clear-formatting-keymap';

package/dist/es2019/plugins/text-formatting/pm-plugins/clear-formatting-keymap.js

@@ -1,5 +1,5 @@
 import { keymap } from 'prosemirror-keymap';
-import * as keymaps from '../../../keymaps';
+import * as keymaps from '@atlaskit/editor-common/keymaps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { clearFormattingWithAnalytics } from '../commands/clear-formatting';
 export function keymapPlugin(editorAnalyticsAPI) {