@atlaskit/editor-core 177.0.1 → 178.0.0

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.0";
 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.0",
 	"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/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);