@atlaskit/editor-core 177.0.1 → 178.0.1

package/dist/esm/plugins/block-type/commands/delete-and-move-cursor.js

@@ -0,0 +1,58 @@
+import { Selection, TextSelection } from 'prosemirror-state';
+
+// We should override default behaviour when selection spans node depths or
+// ends at a node junction
+var shouldMoveCursorAfterDelete = function shouldMoveCursorAfterDelete(state) {
+  var _state$selection = state.selection,
+      $from = _state$selection.$from,
+      $to = _state$selection.$to;
+  var nodeRange = $from.blockRange($to);
+
+  if (!nodeRange) {
+    return false;
+  }
+
+  var hasSameAncestor = $from.depth === $to.depth && $from.depth - 1 === nodeRange.depth;
+  var toPositionHasNodeAfter = !!$to.nodeAfter;
+
+  if (hasSameAncestor || toPositionHasNodeAfter) {
+    return false;
+  }
+
+  return true;
+};
+/**
+ * Fixes cursor position after delete for list/task in panel and table
+ *
+ * ED-13873 fixes a bug where after deleting a list the cursor would move
+ * to the cell to the right. Uses setSelection to position the cursor as expected after deleting.
+ *
+ * @param state EditorState<any>
+ * @param dispatch CommandDispatch
+ * @returns boolean
+ */
+
+
+export var deleteAndMoveCursor = function deleteAndMoveCursor(state, dispatch) {
+  if (state.selection.empty || !(state.selection instanceof TextSelection)) {
+    return false;
+  }
+
+  if (!shouldMoveCursorAfterDelete(state)) {
+    return false;
+  }
+
+  var tr = state.tr;
+  tr.deleteSelection(); // Make sure the next position is not out of boundaries
+
+  var previousPosition = Math.min(Math.max(state.selection.$from.pos, 0), tr.doc.content.size); // Override default delete behaviour that moves the cursor to first suitable position after selection (postive bias).
+  // See. selectionToInsertionEnd. We will override behavior with negative bias (search for suitable cursor position backwards).
+
+  tr.setSelection(Selection.near(tr.doc.resolve(previousPosition), -1));
+
+  if (dispatch) {
+    dispatch(tr.scrollIntoView());
+  }
+
+  return true;
+};

package/dist/esm/plugins/block-type/commands/index.js

@@ -1,3 +1,4 @@
 export { cleanUpAtTheStartOfDocument, insertBlockType, insertBlockTypesWithAnalytics, setBlockType, setBlockTypeWithAnalytics, setHeading, setHeadingWithAnalytics, setNormalText, setNormalTextWithAnalytics } from './block-type';
 export { insertBlock } from './insert-block';
-export { isConvertableToCodeBlock, transformToCodeBlockAction } from './transform-to-code-block';
+export { isConvertableToCodeBlock, transformToCodeBlockAction } from './transform-to-code-block';
+export { deleteAndMoveCursor } from './delete-and-move-cursor';

package/dist/esm/plugins/block-type/pm-plugins/keymap.js

@@ -1,12 +1,15 @@
 import { redo, undo } from 'prosemirror-history';
+import { chainCommands } from 'prosemirror-commands';
 import * as keymaps from '../../../keymaps';
 import * as commands from '../../../commands';
 import * as blockTypes from '../types';
 import { keymap } from '../../../utils/keymap';
-import { cleanUpAtTheStartOfDocument, insertBlockTypesWithAnalytics } from '../commands';
+import { cleanUpAtTheStartOfDocument, deleteAndMoveCursor, insertBlockTypesWithAnalytics } from '../commands';
 import { deleteEmptyParagraphAndMoveBlockUp } from '../../../utils/commands';
 import { INPUT_METHOD } from '../../analytics';
 import { isNodeAWrappingBlockNode } from '../utils';
+var backspace = chainCommands(cleanUpAtTheStartOfDocument, deleteAndMoveCursor);
+var del = chainCommands(deleteEmptyParagraphAndMoveBlockUp(isNodeAWrappingBlockNode), deleteAndMoveCursor);
 export default function keymapPlugin(schema, featureFlags) {
   var list = {};
   keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, commands.insertNewLineWithAnalytics, list);
@@ -14,9 +17,9 @@ export default function keymapPlugin(schema, featureFlags) {
   keymaps.bindKeymapWithCommand(keymaps.moveDown.common, commands.createNewParagraphBelow, list);
   keymaps.bindKeymapWithCommand(keymaps.findKeyMapForBrowser(keymaps.redo), redo, list);
   keymaps.bindKeymapWithCommand(keymaps.undo.common, undo, list);
-  keymaps.bindKeymapWithCommand(keymaps.backspace.common, cleanUpAtTheStartOfDocument, list);
-  keymaps.bindKeymapWithCommand(keymaps.deleteKey.common, deleteEmptyParagraphAndMoveBlockUp(isNodeAWrappingBlockNode), list);
-  keymaps.bindKeymapWithCommand(keymaps.forwardDelete.mac, deleteEmptyParagraphAndMoveBlockUp(isNodeAWrappingBlockNode), list);
+  keymaps.bindKeymapWithCommand(keymaps.backspace.common, backspace, list);
+  keymaps.bindKeymapWithCommand(keymaps.deleteKey.common, del, list);
+  keymaps.bindKeymapWithCommand(keymaps.forwardDelete.mac, del, list);
 
   if (schema.nodes[blockTypes.BLOCK_QUOTE.nodeName]) {
     keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.toggleBlockQuote), insertBlockTypesWithAnalytics(blockTypes.BLOCK_QUOTE.name, INPUT_METHOD.KEYBOARD), list);

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

@@ -33,7 +33,7 @@ function getSpellCheck(featureFlags) {
 
 
 export function createFeatureFlagsFromProps(props) {
-  var _props$featureFlags, _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _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$allowTables5, _props$featureFlags10, _props$featureFlags11, _props$allowTables6, _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$collabEdit, _props$collabEdit2, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38, _props$featureFlags39, _props$featureFlags40, _props$featureFlags41, _props$featureFlags42;
+  var _props$featureFlags, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _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$allowTables5, _props$featureFlags10, _props$featureFlags11, _props$allowTables6, _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$collabEdit, _props$collabEdit2, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38, _props$featureFlags39, _props$featureFlags40, _props$featureFlags41, _props$featureFlags42, _props$featureFlags43, _props$featureFlags44;
 
   var normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   var tableCellOptionsInFloatingToolbar = normalizedFeatureFlags.tableCellOptionsInFloatingToolbar || ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.tableCellOptionsInFloatingToolbar) || undefined;
@@ -41,7 +41,6 @@ export function createFeatureFlagsFromProps(props) {
     newInsertionBehaviour: props.allowNewInsertionBehaviour,
     interactiveExpand: typeof props.allowExpand === 'boolean' ? props.allowExpand : Boolean(props.allowExpand && props.allowExpand.allowInteractiveExpand !== false),
     placeholderBracketHint: !!props.placeholderBracketHint,
-    moreTextColors: typeof props.allowTextColor === 'boolean' ? false : Boolean(((_props$allowTextColor = props.allowTextColor) === null || _props$allowTextColor === void 0 ? void 0 : _props$allowTextColor.allowMoreTextColors) === true),
     findReplace: !!props.allowFindReplace,
     findReplaceMatchCase: _typeof(props.allowFindReplace) === 'object' && Boolean(props.allowFindReplace.allowMatchCase),
     addColumnWithCustomStep: !props.allowTables || typeof props.allowTables === 'boolean' ? false : Boolean(props.allowTables.allowAddColumnWithCustomStep),
@@ -62,21 +61,22 @@ export function createFeatureFlagsFromProps(props) {
     ufo: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.ufo) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.ufo) : false),
     twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.twoLineEditorToolbar) : false),
     saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.saferDispatchedTransactions) : false)),
+    saferDispatchedTransactionsAnalyticsOnly: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactionsAnalyticsOnly === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactionsAnalyticsOnly || (typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.saferDispatchedTransactionsAnalyticsOnly) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.saferDispatchedTransactionsAnalyticsOnly) : false)),
     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$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
+    chromeCursorHandlerFixedVersion: typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
     tableCellOptionsInFloatingToolbar: typeof tableCellOptionsInFloatingToolbar === 'boolean' ? tableCellOptionsInFloatingToolbar : false,
-    showHoverPreview: Boolean(typeof ((_props$featureFlags29 = props.featureFlags) === null || _props$featureFlags29 === void 0 ? void 0 : _props$featureFlags29.showHoverPreview) === 'boolean' ? !!((_props$featureFlags30 = props.featureFlags) !== null && _props$featureFlags30 !== void 0 && _props$featureFlags30.showHoverPreview) : false),
-    indentationButtonsInTheToolbar: Boolean(typeof normalizedFeatureFlags.indentationButtonsInTheToolbar === 'boolean' && !!normalizedFeatureFlags.indentationButtonsInTheToolbar || (typeof ((_props$featureFlags31 = props.featureFlags) === null || _props$featureFlags31 === void 0 ? void 0 : _props$featureFlags31.indentationButtonsInTheToolbar) === 'boolean' ? !!((_props$featureFlags32 = props.featureFlags) !== null && _props$featureFlags32 !== void 0 && _props$featureFlags32.indentationButtonsInTheToolbar) : false)),
-    floatingToolbarCopyButton: Boolean(typeof normalizedFeatureFlags.floatingToolbarCopyButton === 'boolean' && !!normalizedFeatureFlags.floatingToolbarCopyButton || (typeof ((_props$featureFlags33 = props.featureFlags) === null || _props$featureFlags33 === void 0 ? void 0 : _props$featureFlags33.floatingToolbarCopyButton) === 'boolean' ? !!((_props$featureFlags34 = props.featureFlags) !== null && _props$featureFlags34 !== void 0 && _props$featureFlags34.floatingToolbarCopyButton) : false)),
-    floatingToolbarLinkSettingsButton: typeof ((_props$featureFlags35 = props.featureFlags) === null || _props$featureFlags35 === void 0 ? void 0 : _props$featureFlags35['floating-toolbar-link-settings-button']) === 'string' ? props.featureFlags['floating-toolbar-link-settings-button'] || undefined : undefined,
+    showHoverPreview: Boolean(typeof ((_props$featureFlags31 = props.featureFlags) === null || _props$featureFlags31 === void 0 ? void 0 : _props$featureFlags31.showHoverPreview) === 'boolean' ? !!((_props$featureFlags32 = props.featureFlags) !== null && _props$featureFlags32 !== void 0 && _props$featureFlags32.showHoverPreview) : false),
+    indentationButtonsInTheToolbar: Boolean(typeof normalizedFeatureFlags.indentationButtonsInTheToolbar === 'boolean' && !!normalizedFeatureFlags.indentationButtonsInTheToolbar || (typeof ((_props$featureFlags33 = props.featureFlags) === null || _props$featureFlags33 === void 0 ? void 0 : _props$featureFlags33.indentationButtonsInTheToolbar) === 'boolean' ? !!((_props$featureFlags34 = props.featureFlags) !== null && _props$featureFlags34 !== void 0 && _props$featureFlags34.indentationButtonsInTheToolbar) : false)),
+    floatingToolbarCopyButton: Boolean(typeof normalizedFeatureFlags.floatingToolbarCopyButton === 'boolean' && !!normalizedFeatureFlags.floatingToolbarCopyButton || (typeof ((_props$featureFlags35 = props.featureFlags) === null || _props$featureFlags35 === void 0 ? void 0 : _props$featureFlags35.floatingToolbarCopyButton) === 'boolean' ? !!((_props$featureFlags36 = props.featureFlags) !== null && _props$featureFlags36 !== void 0 && _props$featureFlags36.floatingToolbarCopyButton) : false)),
+    floatingToolbarLinkSettingsButton: typeof ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37['floating-toolbar-link-settings-button']) === 'string' ? props.featureFlags['floating-toolbar-link-settings-button'] || undefined : undefined,
     disableSpellcheckByBrowser: getSpellCheck(props.featureFlags),
     // Including fallback to props.featureFlags so that mobile feature flags
     // are included (they are not kebab cased)
-    restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags36 = props.featureFlags) === null || _props$featureFlags36 === void 0 ? void 0 : _props$featureFlags36.restartNumberedLists) === true,
-    listNumberContinuity: normalizedFeatureFlags.listNumberContinuity === true || ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37.listNumberContinuity) === true,
-    restartNumberedListsToolbar: normalizedFeatureFlags.restartNumberedListsToolbar === true || ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38.restartNumberedListsToolbar) === true,
-    useSomewhatSemanticTextColorNames: Boolean(typeof normalizedFeatureFlags.useSomewhatSemanticTextColorNames === 'boolean' && !!normalizedFeatureFlags.useSomewhatSemanticTextColorNames || (typeof ((_props$featureFlags39 = props.featureFlags) === null || _props$featureFlags39 === void 0 ? void 0 : _props$featureFlags39.useSomewhatSemanticTextColorNames) === 'boolean' ? !!((_props$featureFlags40 = props.featureFlags) !== null && _props$featureFlags40 !== void 0 && _props$featureFlags40.useSomewhatSemanticTextColorNames) : false)),
+    restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38.restartNumberedLists) === true,
+    listNumberContinuity: normalizedFeatureFlags.listNumberContinuity === true || ((_props$featureFlags39 = props.featureFlags) === null || _props$featureFlags39 === void 0 ? void 0 : _props$featureFlags39.listNumberContinuity) === true,
+    restartNumberedListsToolbar: normalizedFeatureFlags.restartNumberedListsToolbar === true || ((_props$featureFlags40 = props.featureFlags) === null || _props$featureFlags40 === void 0 ? void 0 : _props$featureFlags40.restartNumberedListsToolbar) === true,
+    useSomewhatSemanticTextColorNames: Boolean(typeof normalizedFeatureFlags.useSomewhatSemanticTextColorNames === 'boolean' && !!normalizedFeatureFlags.useSomewhatSemanticTextColorNames || (typeof ((_props$featureFlags41 = props.featureFlags) === null || _props$featureFlags41 === void 0 ? void 0 : _props$featureFlags41.useSomewhatSemanticTextColorNames) === 'boolean' ? !!((_props$featureFlags42 = props.featureFlags) !== null && _props$featureFlags42 !== void 0 && _props$featureFlags42.useSomewhatSemanticTextColorNames) : false)),
     lpLinkPickerFocusTrap: Boolean(normalizedFeatureFlags.lpLinkPickerFocusTrap),
-    preventPopupOverflow: Boolean(typeof ((_props$featureFlags41 = props.featureFlags) === null || _props$featureFlags41 === void 0 ? void 0 : _props$featureFlags41['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags42 = props.featureFlags) !== null && _props$featureFlags42 !== void 0 && _props$featureFlags42['prevent-popup-overflow']) : false)
+    preventPopupOverflow: Boolean(typeof ((_props$featureFlags43 = props.featureFlags) === null || _props$featureFlags43 === void 0 ? void 0 : _props$featureFlags43['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags44 = props.featureFlags) !== null && _props$featureFlags44 !== void 0 && _props$featureFlags44['prevent-popup-overflow']) : false)
   });
 }

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

@@ -6,14 +6,14 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 /** @jsx jsx */
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useEffect, createRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Component } from 'react';
 import { gridSize } from '@atlaskit/theme/constants';
@@ -29,6 +29,7 @@ export var menuItemDimensions = {
 };
 var spacer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  padding: 8px;\n"])));
 var menuContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-width: ", "px;\n\n  // temporary solution to retain spacing defined by @atlaskit/Item\n  & button {\n    min-height: ", "px;\n    padding: 8px 8px 7px;\n\n    & > [data-item-elem-before] {\n      margin-right: ", "px;\n    }\n  }\n"])), menuItemDimensions.width, gridSize() * 4, gridSize() / 2);
+var label = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: 100%;\n"])));
 export var itemSpacing = gridSize() / 2;
 var DropdownButtonItem = ButtonItem;
 
@@ -44,17 +45,24 @@ var DropdownMenuItem = function DropdownMenuItem(_ref) {
       tooltipContent = _useState2[0],
       setTooltipContent = _useState2[1];
 
-  var handleTooltipMouseOut = useCallback(function () {
+  var handleItemMouseOut = useCallback(function () {
     setTooltipContent('');
-  }, []);
+
+    if (item.onMouseOut) {
+      dispatchCommand(item.onMouseOut);
+    }
+  }, [item.onMouseOut, dispatchCommand]);
   var handleItemMouseDown = useCallback(function (e) {
-    e.preventDefault();
-  }, []);
-  var handleItemMouseOver = useCallback(function (e) {
+    e.preventDefault(); // ED-16204 - This is needed for safari to get handleItemClick() to work
+
+    if (item.onMouseDown) {
+      dispatchCommand(item.onMouseDown);
+    }
+  }, [item.onMouseDown, dispatchCommand]);
+  var handleItemMouseOver = useCallback(function () {
     setTooltipContent(item.tooltip || '');
 
     if (item.onMouseOver) {
-      e.preventDefault();
       dispatchCommand(item.onMouseOver);
     }
   }, [item.tooltip, item.onMouseOver, dispatchCommand]);
@@ -96,6 +104,24 @@ var DropdownMenuItem = function DropdownMenuItem(_ref) {
       editorView === null || editorView === void 0 ? void 0 : editorView.focus();
     }
   }, [dispatchCommand, item.onClick, hide, editorView]);
+  /* ED-16704 - Native mouse event handler to overcome firefox issue on disabled <button> - https://github.com/whatwg/html/issues/5886 */
+
+  var labelRef = /*#__PURE__*/createRef();
+  var handleTitleWrapperMouseEvent = useCallback(function (e) {
+    if (item.disabled) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }, [item.disabled]);
+  useEffect(function () {
+    var labelRefCurrent = labelRef.current;
+    labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.addEventListener('click', handleTitleWrapperMouseEvent);
+    labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.addEventListener('mousedown', handleTitleWrapperMouseEvent);
+    return function () {
+      labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.removeEventListener('click', handleTitleWrapperMouseEvent);
+      labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.removeEventListener('mousedown', handleTitleWrapperMouseEvent);
+    };
+  });
   var itemContent = jsx(DropdownButtonItem, {
     iconBefore: iconBefore,
     iconAfter: item.elemAfter,
@@ -106,16 +132,18 @@ var DropdownMenuItem = function DropdownMenuItem(_ref) {
     onMouseOver: handleItemMouseOver,
     onMouseEnter: handleItemMouseEnter,
     onMouseLeave: handleItemMouseLeave,
+    onMouseOut: handleItemMouseOut,
     onFocus: handleItemOnFocus,
     onBlur: handleItemOnBlur
-  }, item.title);
+  }, jsx("span", {
+    ref: labelRef,
+    css: label
+  }, item.title));
 
   if (tooltipContent) {
     return jsx(Tooltip, {
       content: tooltipContent
-    }, jsx("div", {
-      onMouseOut: handleTooltipMouseOut
-    }, itemContent));
+    }, itemContent);
   }
 
   return itemContent;

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

@@ -23,7 +23,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import { DN70 } from '@atlaskit/theme/colors';
 import { getFeatureFlags } from '../../feature-flags-context';
-import { compareArrays, getFirstFocusableElement, shallowEqual } from '../utils';
+import { compareArrays, shallowEqual } from '../utils';
 import { showConfirmDialog } from '../pm-plugins/toolbar-data/commands';
 import Button from './Button';
 import Dropdown from './Dropdown';
@@ -336,14 +336,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "focusToolbar", function (event) {
-      if (event.altKey && event.keyCode === 121) {
-        var _getFirstFocusableEle, _this$toolbarContaine;
-
-        (_getFirstFocusableEle = getFirstFocusableElement((_this$toolbarContaine = _this.toolbarContainerRef) === null || _this$toolbarContaine === void 0 ? void 0 : _this$toolbarContaine.current)) === null || _getFirstFocusableEle === void 0 ? void 0 : _getFirstFocusableEle.focus();
-      }
-    });
-
     _defineProperty(_assertThisInitialized(_this), "shouldHandleArrowKeys", function () {
       var _this$props$items;
 
@@ -422,7 +414,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       this.setState({
         mounted: true
       });
-      document.addEventListener('keydown', this.focusToolbar);
     }
   }, {
     key: "componentDidUpdate",
@@ -439,13 +430,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       this.resetStyling({
         table: this.props.node.type.name === 'table'
       });
-      document.removeEventListener('keydown', this.focusToolbar);
     }
-    /**
-     * To listen to keyboard shortcut Alt+F10 and focus floating toolbar's first focusable element.
-     * @param event
-     */
-
   }, {
     key: "render",
     value: function render() {
@@ -465,11 +450,18 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       var hasSelect = items.find(function (item) {
         return item.type === 'select' && item.selectType === 'list';
       });
+
+      var isShortcutToFocusToolbar = function isShortcutToFocusToolbar(event) {
+        //Alt + F10 to reach first element in this floating toolbar
+        return event.altKey && (event.key === 'F10' || event.keyCode === 121);
+      };
+
       return jsx(React.Fragment, null, jsx(ToolbarArrowKeyNavigationProvider, {
         editorView: this.props.editorView,
         handleEscape: this.handleEscape,
         disableArrowKeyNavigation: !this.shouldHandleArrowKeys(),
-        childComponentSelector: "[data-testid='editor-floating-toolbar']"
+        childComponentSelector: "[data-testid='editor-floating-toolbar']",
+        isShortcutToFocusToolbar: isShortcutToFocusToolbar
       }, jsx("div", {
         ref: this.toolbarContainerRef,
         css: function css(theme) {

package/dist/esm/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -979,6 +979,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       }), displayUrl && jsx(Tooltip, {
         content: formatClearLinkText
       }, jsx("button", {
+        type: "button",
         css: clearText,
         onClick: this.handleClearText
       }, jsx(CrossCircleIcon, {
@@ -1006,6 +1007,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       }), displayText && jsx(Tooltip, {
         content: formatMessage(messages.clearText)
       }, jsx("button", {
+        type: "button",
         css: clearText,
         onClick: this.handleClearDisplayText,
         onKeyDown: this.handleClearTextKeyDown

package/dist/esm/plugins/text-color/commands/change-color.js

@@ -41,8 +41,7 @@ export var changeColor = function changeColor(color) {
     if (textColor) {
       var pluginState = pluginKey.getState(state);
       var activeColor = getActiveColor(state);
-      var withColorAnalytics = createWithColorAnalytics(color, activeColor, // palette is a subset of paletteExpanded
-      pluginState.paletteExpanded || pluginState.palette);
+      var withColorAnalytics = createWithColorAnalytics(color, activeColor, pluginState.palette);
 
       if (pluginState.disabled) {
         return false;

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

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
-import { textColorPaletteExtended } from '../../../ui/ColorPalette/Palettes/textColorPalette';
+import { textColorPalette } from '../../../ui/ColorPalette/Palettes/textColorPalette';
 import { DEFAULT_BORDER_COLOR } from '../../../ui/ColorPalette/Palettes/common';
 import { DEFAULT_COLOR, getActiveColor } from '../utils/color';
 import { getDisabledState } from '../utils/disabled';
@@ -18,7 +18,7 @@ export function createInitialPluginState(editorState, pluginConfig) {
     value: defaultColor.color,
     label: defaultColor.label,
     border: DEFAULT_BORDER_COLOR
-  }].concat(_toConsumableArray(textColorPaletteExtended));
+  }].concat(_toConsumableArray(textColorPalette));
   var state = {
     color: getActiveColor(editorState),
     disabled: getDisabledState(editorState),

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

@@ -21,7 +21,6 @@ import { defineMessages, injectIntl } from 'react-intl-next';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ColorPalette from '../../../../ui/ColorPalette';
-import { textColorPalette as originalTextColors } from '../../../../ui/ColorPalette/Palettes/textColorPalette';
 import Dropdown from '../../../../ui/Dropdown';
 import { expandIconWrapperStyle, wrapperStyle, separatorStyles, triggerWrapperStyles } from '../../../../ui/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
@@ -77,20 +76,14 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
       if (!disabled) {
         var _this$props$editorVie;
 
-        var _this$props$pluginSta = _this.props.pluginState,
-            palette = _this$props$pluginSta.palette,
-            defaultColor = _this$props$pluginSta.defaultColor; // we store color names in analytics
+        var palette = _this.props.pluginState.palette; // we store color names in analytics
 
         var swatch = palette.find(function (sw) {
           return sw.value === color;
         });
-        var isNewColor = color !== defaultColor && !originalTextColors.some(function (col) {
-          return col.value === color;
-        });
 
         _this.dispatchAnalyticsEvent(_this.buildAnalyticsSelectColor({
-          color: (swatch ? swatch.label : color).toLowerCase(),
-          isNewColor: isNewColor
+          color: (swatch ? swatch.label : color).toLowerCase()
         }));
 
         _this.handleOpenChange({

package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js

@@ -73,13 +73,31 @@ export var EditorToolbar = /*#__PURE__*/React.memo(function (props) {
       };
     }
   });
+
+  var isShortcutToFocusToolbar = function isShortcutToFocusToolbar(event) {
+    //Alt + F9 to reach first element in this main toolbar
+    return event.altKey && (event.key === 'F9' || event.keyCode === 120);
+  };
+
+  var handleEscape = function handleEscape(event) {
+    var _props$editorView;
+
+    if (!((_props$editorView = props.editorView) !== null && _props$editorView !== void 0 && _props$editorView.hasFocus())) {
+      var _props$editorView2;
+
+      (_props$editorView2 = props.editorView) === null || _props$editorView2 === void 0 ? void 0 : _props$editorView2.focus();
+    }
+  };
+
   return jsx(ContextPanelConsumer, null, function (_ref) {
     var _props$featureFlags8, _props$featureFlags9, _props$featureFlags10;
 
     var contextPanelWidth = _ref.width;
     return jsx(ToolbarArrowKeyNavigationProvider, {
       editorView: props.editorView,
-      childComponentSelector: "[data-testid='ak-editor-main-toolbar']"
+      childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
+      isShortcutToFocusToolbar: isShortcutToFocusToolbar,
+      handleEscape: handleEscape
     }, jsx("div", {
       css: mainToolbarStyle(props.showKeyline || contextPanelWidth > 0, !!((_props$featureFlags8 = props.featureFlags) !== null && _props$featureFlags8 !== void 0 && _props$featureFlags8.twoLineEditorToolbar)),
       "data-testid": "ak-editor-main-toolbar"

package/dist/esm/ui/ColorPalette/Palettes/textColorPalette.js

@@ -1 +1 @@
-export { textColorPalette, textColorPaletteExtended } from '@atlaskit/editor-common/ui-color';
+export { textColorPalette } from '@atlaskit/editor-common/ui-color';

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 
 /** @jsx jsx */
 import React from 'react';
@@ -15,8 +15,8 @@ import ColorPalette from '../ColorPalette';
 import { DEFAULT_BORDER_COLOR } from '../ColorPalette/Palettes/common';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { editorAnalyticsChannel } from '../../plugins/analytics/consts';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../plugins/analytics/types'; // helps adjusts position of popup
-
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../plugins/analytics/types';
+// helps adjusts position of popup
 var colorPickerButtonWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"]))); // Control the size of color picker buttons and preview
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
 
@@ -104,6 +104,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
   };
 
   var title = props.title || '';
+  var buttonStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: 6px;\n    background-color: ", ";\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)", DEFAULT_BORDER_COLOR, borderRadius(), props.currentColor || 'transparent', ((_props$size = props.size) === null || _props$size === void 0 ? void 0 : _props$size.width) || 14, ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.height) || 14);
   return jsx("div", {
     css: colorPickerButtonWrapper
   }, jsx(Tooltip, {
@@ -114,13 +115,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
     "aria-label": title,
     spacing: "compact",
     onClick: togglePopup,
-    style: {
-      backgroundColor: props.currentColor || 'transparent',
-      border: "1px solid ".concat(DEFAULT_BORDER_COLOR),
-      width: "".concat(((_props$size = props.size) === null || _props$size === void 0 ? void 0 : _props$size.width) || 20, "px"),
-      height: "".concat(((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.height) || 20, "px"),
-      padding: 0
-    }
+    css: buttonStyle
   })), renderPopup());
 };
 

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

@@ -23,7 +23,8 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
       editorView = _ref.editorView,
       childComponentSelector = _ref.childComponentSelector,
       handleEscape = _ref.handleEscape,
-      disableArrowKeyNavigation = _ref.disableArrowKeyNavigation;
+      disableArrowKeyNavigation = _ref.disableArrowKeyNavigation,
+      isShortcutToFocusToolbar = _ref.isShortcutToFocusToolbar;
   var wrapperRef = useRef(null);
   var selectedItemIndex = useRef(0);
   var incrementIndex = useCallback(function (list) {
@@ -139,11 +140,35 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
       }
     };
 
+    var globalKeyDownHandler = function globalKeyDownHandler(event) {
+      //To focus the first element in the toolbar
+      if (isShortcutToFocusToolbar(event)) {
+        var _filteredFocusableEle4, _filteredFocusableEle5;
+
+        var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
+        (_filteredFocusableEle4 = filteredFocusableElements[0]) === null || _filteredFocusableEle4 === void 0 ? void 0 : _filteredFocusableEle4.focus();
+        (_filteredFocusableEle5 = filteredFocusableElements[0]) === null || _filteredFocusableEle5 === void 0 ? void 0 : _filteredFocusableEle5.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center',
+          inline: 'nearest'
+        });
+      }
+    };
+
     element === null || element === void 0 ? void 0 : element.addEventListener('keydown', handleKeyDown);
+
+    if (isShortcutToFocusToolbar) {
+      document.addEventListener('keydown', globalKeyDownHandler);
+    }
+
     return function () {
       element === null || element === void 0 ? void 0 : element.removeEventListener('keydown', handleKeyDown);
+
+      if (isShortcutToFocusToolbar) {
+        document.removeEventListener('keydown', globalKeyDownHandler);
+      }
     };
-  }, [selectedItemIndex, wrapperRef, editorView, disableArrowKeyNavigation, handleEscape, childComponentSelector, incrementIndex, decrementIndex]);
+  }, [selectedItemIndex, wrapperRef, editorView, disableArrowKeyNavigation, handleEscape, childComponentSelector, incrementIndex, decrementIndex, isShortcutToFocusToolbar]);
   return /*#__PURE__*/React.createElement("div", {
     className: "custom-key-handler-wrapper",
     ref: wrapperRef

package/dist/esm/utils/performance/instrumented-plugin.js

@@ -35,8 +35,10 @@ export var InstrumentedPlugin = /*#__PURE__*/function (_SafePlugin) {
     } : _options$uiTracking,
         _options$saferDispatc = options.saferDispatchedTransactions,
         saferDispatchedTransactions = _options$saferDispatc === void 0 ? false : _options$saferDispatc,
+        _options$saferDispatc2 = options.saferDispatchedTransactionsAnalyticsOnly,
+        saferDispatchedTransactionsAnalyticsOnly = _options$saferDispatc2 === void 0 ? false : _options$saferDispatc2,
         dispatchAnalyticsEvent = options.dispatchAnalyticsEvent;
-    var shouldOverrideApply = transactionTracking.enabled && transactionTracker || saferDispatchedTransactions;
+    var shouldOverrideApply = transactionTracking.enabled && transactionTracker || saferDispatchedTransactions || saferDispatchedTransactionsAnalyticsOnly;
 
     if (shouldOverrideApply && spec.state) {
       var originalApply = spec.state.apply.bind(spec.state);
@@ -44,9 +46,10 @@ export var InstrumentedPlugin = /*#__PURE__*/function (_SafePlugin) {
       spec.state.apply = function (aTr, value, oldState, newState) {
         var self = _assertThisInitialized(_this);
 
-        var tr = saferDispatchedTransactions ? new Proxy(aTr, freezeUnsafeTransactionProperties({
+        var tr = saferDispatchedTransactions || saferDispatchedTransactionsAnalyticsOnly ? new Proxy(aTr, freezeUnsafeTransactionProperties({
           dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          pluginKey: self.key
+          pluginKey: self.key,
+          analyticsOnly: saferDispatchedTransactionsAnalyticsOnly
         })) : aTr;
         var shouldTrackTransactions = transactionTracker === null || transactionTracker === void 0 ? void 0 : transactionTracker.shouldTrackTransaction(transactionTracking);
 

package/dist/esm/utils/performance/safer-transactions.js

@@ -11,7 +11,8 @@ var isReadOnlyProperty = function isReadOnlyProperty(prop) {
 
 export var freezeUnsafeTransactionProperties = function freezeUnsafeTransactionProperties(_ref) {
   var dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
-      pluginKey = _ref.pluginKey;
+      pluginKey = _ref.pluginKey,
+      analyticsOnly = _ref.analyticsOnly;
 
   var isUnsafe = function isUnsafe() {
     if (dispatchAnalyticsEvent) {
@@ -21,11 +22,16 @@ export var freezeUnsafeTransactionProperties = function freezeUnsafeTransactionP
         eventType: EVENT_TYPE.OPERATIONAL,
         attributes: {
           pluginKey: pluginKey || 'unknown'
+        },
+        nonPrivacySafeAttributes: {
+          stack: new Error().stack
         }
       });
     }
 
-    throw new Error(UNSAFE_PROPERTY_SET_ERROR);
+    if (!analyticsOnly) {
+      throw new Error(UNSAFE_PROPERTY_SET_ERROR);
+    }
   };
 
   return {

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "177.0.1";
+export var version = "178.0.1";
 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": "177.0.1",
+	"version": "178.0.1",
 	"sideEffects": false
 }

package/dist/types/extensibility.d.ts

@@ -4,7 +4,12 @@ export { toJSON } from './utils';
 export { default as Extension } from './plugins/extension/ui/Extension';
 export { default as ExtensionNodeWrapper } from './plugins/extension/ui/Extension/ExtensionNodeWrapper';
 export { ExtensionNode } from './plugins/extension/nodeviews/extension';
-export { pluginKey as tablePluginKey } from '@atlaskit/editor-plugin-table/plugin-key';
+/**
+ * @deprecated [ED-14688] - used during the table viz project and not used anymore
+ * will be removed in a future version of `@atlaskit/editor-core`
+ */
+declare const tablePluginKey: import("prosemirror-state").PluginKey<import("@atlaskit/editor-plugin-table/types").TablePluginState, any>;
+export { tablePluginKey };
 export declare const EmitterEvents: {
     TABLE_DELETED: string;
 };