@atlaskit/editor-core 177.0.1 → 178.0.1

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

@@ -26,7 +26,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;
 
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   const tableCellOptionsInFloatingToolbar = normalizedFeatureFlags.tableCellOptionsInFloatingToolbar || ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.tableCellOptionsInFloatingToolbar) || undefined;
@@ -34,7 +34,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),
@@ -55,21 +54,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/es2019/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -1,5 +1,5 @@
 /** @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';
@@ -31,6 +31,10 @@ const menuContainer = css`
     }
   }
 `;
+const label = css`
+  display: inline-block;
+  width: 100%;
+`;
 export const itemSpacing = gridSize() / 2;
 const DropdownButtonItem = ButtonItem;
 
@@ -42,17 +46,24 @@ const DropdownMenuItem = ({
   iconBefore
 }) => {
   const [tooltipContent, setTooltipContent] = useState(item.tooltip || '');
-  const handleTooltipMouseOut = useCallback(() => {
+  const handleItemMouseOut = useCallback(() => {
     setTooltipContent('');
-  }, []);
+
+    if (item.onMouseOut) {
+      dispatchCommand(item.onMouseOut);
+    }
+  }, [item.onMouseOut, dispatchCommand]);
   const handleItemMouseDown = useCallback(e => {
-    e.preventDefault();
-  }, []);
-  const handleItemMouseOver = useCallback(e => {
+    e.preventDefault(); // ED-16204 - This is needed for safari to get handleItemClick() to work
+
+    if (item.onMouseDown) {
+      dispatchCommand(item.onMouseDown);
+    }
+  }, [item.onMouseDown, dispatchCommand]);
+  const handleItemMouseOver = useCallback(() => {
     setTooltipContent(item.tooltip || '');
 
     if (item.onMouseOver) {
-      e.preventDefault();
       dispatchCommand(item.onMouseOver);
     }
   }, [item.tooltip, item.onMouseOver, dispatchCommand]);
@@ -94,6 +105,24 @@ const DropdownMenuItem = ({
       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 */
+
+  const labelRef = /*#__PURE__*/createRef();
+  const handleTitleWrapperMouseEvent = useCallback(e => {
+    if (item.disabled) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }, [item.disabled]);
+  useEffect(() => {
+    const 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 () => {
+      labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.removeEventListener('click', handleTitleWrapperMouseEvent);
+      labelRefCurrent === null || labelRefCurrent === void 0 ? void 0 : labelRefCurrent.removeEventListener('mousedown', handleTitleWrapperMouseEvent);
+    };
+  });
   const itemContent = jsx(DropdownButtonItem, {
     iconBefore: iconBefore,
     iconAfter: item.elemAfter,
@@ -104,16 +133,18 @@ const DropdownMenuItem = ({
     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/es2019/plugins/floating-toolbar/ui/Toolbar.js

@@ -10,7 +10,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';
@@ -331,14 +331,6 @@ class Toolbar extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "focusToolbar", 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(this, "shouldHandleArrowKeys", () => {
       var _this$props$items;
 
@@ -409,7 +401,6 @@ class Toolbar extends Component {
     this.setState({
       mounted: true
     });
-    document.addEventListener('keydown', this.focusToolbar);
   }
 
   componentDidUpdate(prevProps) {
@@ -424,13 +415,7 @@ class Toolbar extends 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
-   */
-
 
   render() {
     const {
@@ -448,11 +433,18 @@ class Toolbar extends Component {
 
     const firstElementIsSelect = items[0].type === 'select';
     const hasSelect = items.find(item => item.type === 'select' && item.selectType === 'list');
+
+    const 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: theme => [toolbarContainer({

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

@@ -770,6 +770,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
     }), displayUrl && jsx(Tooltip, {
       content: formatClearLinkText
     }, jsx("button", {
+      type: "button",
       css: clearText,
       onClick: this.handleClearText
     }, jsx(CrossCircleIcon, {
@@ -795,6 +796,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
     }), displayText && jsx(Tooltip, {
       content: formatMessage(messages.clearText)
     }, jsx("button", {
+      type: "button",
       css: clearText,
       onClick: this.handleClearDisplayText,
       onKeyDown: this.handleClearTextKeyDown

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

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

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

@@ -1,6 +1,6 @@
 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';
@@ -11,7 +11,7 @@ export function createInitialPluginState(editorState, pluginConfig) {
     value: defaultColor.color,
     label: defaultColor.label,
     border: DEFAULT_BORDER_COLOR
-  }, ...textColorPaletteExtended];
+  }, ...textColorPalette];
   const state = {
     color: getActiveColor(editorState),
     disabled: getDisabledState(editorState),

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

@@ -7,7 +7,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';
@@ -51,16 +50,13 @@ export class ToolbarTextColor extends React.Component {
 
         const {
           pluginState: {
-            palette,
-            defaultColor
+            palette
           }
         } = this.props; // we store color names in analytics
 
         const swatch = palette.find(sw => sw.value === color);
-        const isNewColor = color !== defaultColor && !originalTextColors.some(col => col.value === color);
         this.dispatchAnalyticsEvent(this.buildAnalyticsSelectColor({
-          color: (swatch ? swatch.label : color).toLowerCase(),
-          isNewColor
+          color: (swatch ? swatch.label : color).toLowerCase()
         }));
         this.handleOpenChange({
           isOpen: false,

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

@@ -65,6 +65,22 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
       return () => window.removeEventListener('resize', updateOnResize);
     }
   });
+
+  const isShortcutToFocusToolbar = event => {
+    //Alt + F9 to reach first element in this main toolbar
+    return event.altKey && (event.key === 'F9' || event.keyCode === 120);
+  };
+
+  const 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, ({
     width: contextPanelWidth
   }) => {
@@ -72,7 +88,9 @@ export const EditorToolbar = /*#__PURE__*/React.memo(props => {
 
     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/es2019/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/es2019/ui/ColorPickerButton/index.js

@@ -10,8 +10,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
 const colorPickerButtonWrapper = css`
   position: relative;
 `; // Control the size of color picker buttons and preview
@@ -100,6 +100,23 @@ const ColorPickerButton = props => {
   };
 
   const title = props.title || '';
+  const buttonStyle = css`
+    padding: 6px;
+    background-color: ${"var(--ds-background-neutral, transparent)"};
+    &:before {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      align-self: center;
+      content: '';
+      border: 1px solid ${DEFAULT_BORDER_COLOR};
+      border-radius: ${borderRadius()}px;
+      background-color: ${props.currentColor || 'transparent'};
+      width: ${((_props$size = props.size) === null || _props$size === void 0 ? void 0 : _props$size.width) || 14}px;
+      height: ${((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.height) || 14}px;
+      padding: 0;
+    }
+  `;
   return jsx("div", {
     css: colorPickerButtonWrapper
   }, jsx(Tooltip, {
@@ -110,13 +127,7 @@ const ColorPickerButton = props => {
     "aria-label": title,
     spacing: "compact",
     onClick: togglePopup,
-    style: {
-      backgroundColor: props.currentColor || 'transparent',
-      border: `1px solid ${DEFAULT_BORDER_COLOR}`,
-      width: `${((_props$size = props.size) === null || _props$size === void 0 ? void 0 : _props$size.width) || 20}px`,
-      height: `${((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.height) || 20}px`,
-      padding: 0
-    }
+    css: buttonStyle
   })), renderPopup());
 };
 

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

@@ -23,7 +23,8 @@ export const ToolbarArrowKeyNavigationProvider = ({
   editorView,
   childComponentSelector,
   handleEscape,
-  disableArrowKeyNavigation
+  disableArrowKeyNavigation,
+  isShortcutToFocusToolbar
 }) => {
   const wrapperRef = useRef(null);
   const selectedItemIndex = useRef(0);
@@ -142,11 +143,35 @@ export const ToolbarArrowKeyNavigationProvider = ({
       }
     };
 
+    const globalKeyDownHandler = event => {
+      //To focus the first element in the toolbar
+      if (isShortcutToFocusToolbar(event)) {
+        var _filteredFocusableEle4, _filteredFocusableEle5;
+
+        const 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 () => {
       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/es2019/utils/performance/instrumented-plugin.js

@@ -11,18 +11,20 @@ export class InstrumentedPlugin extends SafePlugin {
         enabled: false
       },
       saferDispatchedTransactions = false,
+      saferDispatchedTransactionsAnalyticsOnly = false,
       dispatchAnalyticsEvent
     } = options;
-    const shouldOverrideApply = transactionTracking.enabled && transactionTracker || saferDispatchedTransactions;
+    const shouldOverrideApply = transactionTracking.enabled && transactionTracker || saferDispatchedTransactions || saferDispatchedTransactionsAnalyticsOnly;
 
     if (shouldOverrideApply && spec.state) {
       const originalApply = spec.state.apply.bind(spec.state);
 
       spec.state.apply = (aTr, value, oldState, newState) => {
         const self = this;
-        const tr = saferDispatchedTransactions ? new Proxy(aTr, freezeUnsafeTransactionProperties({
+        const tr = saferDispatchedTransactions || saferDispatchedTransactionsAnalyticsOnly ? new Proxy(aTr, freezeUnsafeTransactionProperties({
           dispatchAnalyticsEvent,
-          pluginKey: self.key
+          pluginKey: self.key,
+          analyticsOnly: saferDispatchedTransactionsAnalyticsOnly
         })) : aTr;
         const shouldTrackTransactions = transactionTracker === null || transactionTracker === void 0 ? void 0 : transactionTracker.shouldTrackTransaction(transactionTracking);
 

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

@@ -7,7 +7,8 @@ const isReadOnlyProperty = prop => ['doc', 'docs', 'steps', 'selection'].include
 
 export const freezeUnsafeTransactionProperties = ({
   dispatchAnalyticsEvent,
-  pluginKey
+  pluginKey,
+  analyticsOnly
 }) => {
   const isUnsafe = () => {
     if (dispatchAnalyticsEvent) {
@@ -17,11 +18,16 @@ export const freezeUnsafeTransactionProperties = ({
         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/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "177.0.1";
+export const version = "178.0.1";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

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

package/dist/esm/create-editor/ErrorBoundary.js

@@ -97,8 +97,10 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
                   actionSubject: ACTION_SUBJECT.EDITOR,
                   eventType: EVENT_TYPE.OPERATIONAL,
                   attributes: {
-                    errorStack: errorStack,
                     errorId: sharedId
+                  },
+                  nonPrivacySafeAttributes: {
+                    errorStack: errorStack
                   }
                 });
 

package/dist/esm/create-editor/ReactEditorView.js

@@ -354,9 +354,10 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
 
       var nodes = findChangedNodesFromTransaction(unsafeTransaction);
       var changedNodesValid = validateNodes(nodes);
-      var transaction = _this.featureFlags.saferDispatchedTransactions ? new Proxy(unsafeTransaction, freezeUnsafeTransactionProperties({
+      var transaction = _this.featureFlags.saferDispatchedTransactions || _this.featureFlags.saferDispatchedTransactionsAnalyticsOnly ? new Proxy(unsafeTransaction, freezeUnsafeTransactionProperties({
         dispatchAnalyticsEvent: _this.dispatchAnalyticsEvent,
-        pluginKey: 'unknown-reacteditorview'
+        pluginKey: 'unknown-reacteditorview',
+        analyticsOnly: _this.featureFlags.saferDispatchedTransactionsAnalyticsOnly
       })) : unsafeTransaction;
 
       if (changedNodesValid) {

package/dist/esm/create-editor/create-editor.js

@@ -106,7 +106,8 @@ export function createPMPlugins(config) {
       _performanceTracking$2 = performanceTracking.transactionTracking,
       transactionTracking = _performanceTracking$2 === void 0 ? TRACKING_DEFAULT : _performanceTracking$2;
   var saferDispatchedTransactions = featureFlags.saferDispatchedTransactions;
-  var useInstrumentedPlugin = uiTracking.enabled || transactionTracking.enabled || saferDispatchedTransactions;
+  var saferDispatchedTransactionsAnalyticsOnly = featureFlags.saferDispatchedTransactionsAnalyticsOnly;
+  var useInstrumentedPlugin = uiTracking.enabled || transactionTracking.enabled || saferDispatchedTransactions || saferDispatchedTransactionsAnalyticsOnly;
 
   if (process.env.NODE_ENV === 'development' && transactionTracking.enabled && !transactionTracker) {
     // eslint-disable-next-line no-console
@@ -118,6 +119,7 @@ export function createPMPlugins(config) {
       uiTracking: uiTracking,
       transactionTracking: transactionTracking,
       saferDispatchedTransactions: saferDispatchedTransactions,
+      saferDispatchedTransactionsAnalyticsOnly: saferDispatchedTransactionsAnalyticsOnly,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, transactionTracker);
   } : function (plugin) {

package/dist/esm/editor.js

@@ -401,6 +401,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "deprecationWarnings",
     value: function deprecationWarnings(props) {
+      var _props$allowTextColor;
+
       if (process.env.NODE_ENV === 'production') {
         return;
       }
@@ -433,6 +435,11 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         // eslint-disable-next-line no-console
         console.warn("Advanced table options are deprecated (except isHeaderRowRequired) to continue using advanced table features use - <Editor allowTables={{ advanced: true }} /> [Will be changed in editor-core@".concat(nextVersion, "]"));
       }
+
+      if (props.hasOwnProperty('allowTextColor') && typeof props.allowTextColor !== 'boolean' && (props === null || props === void 0 ? void 0 : (_props$allowTextColor = props.allowTextColor) === null || _props$allowTextColor === void 0 ? void 0 : _props$allowTextColor.allowMoreTextColors) !== undefined) {
+        // eslint-disable-next-line no-console
+        console.warn("\"allowMoreTextColors\" field of \"allowTextColor\" property is deprecated. It will be removedin editor-core@".concat(nextVersion, ". The color palette now shows more colors by default."));
+      }
     }
   }, {
     key: "onEditorDestroyed",

package/dist/esm/extensibility.js

@@ -4,7 +4,14 @@ 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';
+import { pluginKey as tablePluginKeyInner } 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`
+ */
+
+var tablePluginKey = tablePluginKeyInner;
+export { tablePluginKey };
 export var EmitterEvents = {
   TABLE_DELETED: 'TABLE_DELETED'
 };