@atlaskit/editor-core 176.0.3 → 177.0.1

package/dist/cjs/plugins/panel/styles.js

@@ -15,12 +15,10 @@ var _panel = require("@atlaskit/editor-common/panel");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _templateObject;
 
 var panelStyles = function panelStyles(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    .", " {\n      cursor: pointer;\n\n      /* Danger when top level node */\n      &.danger {\n        box-shadow: 0 0 0 ", "px\n          ", ";\n        background-color: ", " !important;\n\n        .", " {\n          color: ", " !important;\n        }\n      }\n    }\n\n    .", " {\n      cursor: text;\n    }\n\n    /* Danger when nested node */\n    .danger .", " {\n      &[data-panel-type] {\n        background-color: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      }\n    }\n\n    ", ";\n  }\n\n  .", ".", ":not(.danger) {\n    ", "\n  }\n"])), _panel.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, (0, _tokens.token)('color.background.danger', _editorSharedStyles.akEditorDeleteBackground), _panel.PanelSharedCssClassName.icon, (0, _tokens.token)('color.icon.danger', _editorSharedStyles.akEditorDeleteIconColor), _panel.PanelSharedCssClassName.content, _panel.PanelSharedCssClassName.prefix, (0, _tokens.token)('color.blanket.danger', _editorSharedStyles.akEditorDeleteBackgroundWithOpacity), _panel.PanelSharedCssClassName.icon, (0, _tokens.token)('color.icon.danger', _editorSharedStyles.akEditorDeleteIconColor), (0, _panel.panelSharedStyles)(props), _panel.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]));
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    .", " {\n      cursor: pointer;\n\n      /* Danger when top level node */\n      &.danger {\n        box-shadow: 0 0 0 ", "px\n          ", ";\n        background-color: ", " !important;\n\n        .", " {\n          color: ", " !important;\n        }\n      }\n    }\n\n    .", " {\n      cursor: text;\n    }\n\n    /* Danger when nested node */\n    .danger .", " {\n      &[data-panel-type] {\n        background-color: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      }\n    }\n\n    ", ";\n  }\n\n  .", ".", ":not(.danger) {\n    ", "\n  }\n"])), _panel.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), _panel.PanelSharedCssClassName.icon, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), _panel.PanelSharedCssClassName.content, _panel.PanelSharedCssClassName.prefix, "var(--ds-blanket-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"), _panel.PanelSharedCssClassName.icon, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), (0, _panel.panelSharedStyles)(props), _panel.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]));
 };
 
 exports.panelStyles = panelStyles;

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

@@ -290,6 +290,7 @@ var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isC
     id: 'editor.panel.delete',
     type: 'button',
     appearance: 'danger',
+    focusEditoronEnter: true,
     icon: _remove.default,
     onClick: (0, _actions.removePanel)(),
     onMouseEnter: (0, _decoration.hoverDecoration)(panelNodeType, true),

package/dist/cjs/plugins/panel/utils.js

@@ -34,7 +34,7 @@ var panelAttrsToDom = function panelAttrsToDom(attrs, allowCustomPanel) {
       panelIconText = attrs.panelIconText;
   var isCustomPanel = panelType === _adfSchema.PanelType.CUSTOM && allowCustomPanel;
   var hasIcon = !isCustomPanel || !!panelIcon || !!panelIconId;
-  var style = ["".concat(panelColor && isCustomPanel ? "background-color: ".concat(panelColor, ";") : ''), "".concat(hasIcon ? '' : 'padding: 12px;')].join('');
+  var style = ["".concat(panelColor && isCustomPanel ? "background-color: ".concat(panelColor, ";") : ''), "".concat(hasIcon ? '' : 'padding-left: 12px;')].join('');
   var panelAttrs = {
     class: _panel.PanelSharedCssClassName.prefix,
     'data-panel-type': panelType || _adfSchema.PanelType.INFO,

package/dist/cjs/plugins/paste/index.js

@@ -9,7 +9,8 @@ var _main = require("./pm-plugins/main");
 
 var pastePlugin = function pastePlugin(_ref) {
   var cardOptions = _ref.cardOptions,
-      sanitizePrivateContent = _ref.sanitizePrivateContent;
+      sanitizePrivateContent = _ref.sanitizePrivateContent,
+      plainTextPasteLinkification = _ref.plainTextPasteLinkification;
   return {
     name: 'paste',
     pmPlugins: function pmPlugins() {

package/dist/cjs/plugins/paste/pm-plugins/analytics.js

@@ -8,7 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.createPasteAnalyticsPayload = createPasteAnalyticsPayload;
 exports.createPasteMeasurePayload = void 0;
 exports.getContent = getContent;
-exports.handleSelectedTableWithAnalytics = exports.handleRichTextWithAnalytics = exports.handlePastePreservingMarksWithAnalytics = exports.handlePastePanelIntoListWithAnalytics = exports.handlePasteLinkOnSelectedTextWithAnalytics = exports.handlePasteIntoTaskAndDecisionWithAnalytics = exports.handlePasteIntoCaptionWithAnalytics = exports.handlePasteAsPlainTextWithAnalytics = exports.handleMediaSingleWithAnalytics = exports.handleMarkdownWithAnalytics = exports.handleExpandWithAnalytics = exports.handleCodeBlockWithAnalytics = exports.getContentNodeTypes = void 0;
+exports.getContentNodeTypes = void 0;
+exports.getMediaTraceId = getMediaTraceId;
+exports.handleSelectedTableWithAnalytics = exports.handleRichTextWithAnalytics = exports.handlePastePreservingMarksWithAnalytics = exports.handlePastePanelIntoListWithAnalytics = exports.handlePasteLinkOnSelectedTextWithAnalytics = exports.handlePasteIntoTaskAndDecisionWithAnalytics = exports.handlePasteIntoCaptionWithAnalytics = exports.handlePasteAsPlainTextWithAnalytics = exports.handleMediaSingleWithAnalytics = exports.handleMarkdownWithAnalytics = exports.handleExpandWithAnalytics = exports.handleCodeBlockWithAnalytics = void 0;
 exports.pasteCommandWithAnalytics = pasteCommandWithAnalytics;
 exports.sendPasteAnalyticsEvent = sendPasteAnalyticsEvent;
 
@@ -118,6 +120,18 @@ function getContent(state, slice) {
   return pasteContent ? pasteContent : _analytics.PasteContents.uncategorized;
 }
 
+function getMediaTraceId(slice) {
+  var traceId;
+  (0, _slice.mapSlice)(slice, function (node) {
+    if (node.type.name === 'media' || node.type.name === 'mediaInline') {
+      traceId = node.attrs.__mediaTraceId;
+    }
+
+    return node;
+  });
+  return traceId;
+}
+
 function getActionSubjectId(view) {
   var _view$state = view.state,
       selection = _view$state.selection,
@@ -178,7 +192,8 @@ function createPasteAnalyticsPayload(view, event, slice, pasteContext) {
   var actionSubjectId = getActionSubjectId(view);
   var pasteSize = slice.size;
   var content = getContent(view.state, slice);
-  var linkUrls = []; // If we have a link among the pasted content, grab the
+  var linkUrls = [];
+  var mediaTraceId = getMediaTraceId(slice); // If we have a link among the pasted content, grab the
   // domain and send it up with the analytics event
 
   if (content === _analytics.PasteContents.url || content === _analytics.PasteContents.mixed) {
@@ -219,7 +234,8 @@ function createPasteAnalyticsPayload(view, event, slice, pasteContext) {
     content: content,
     source: source,
     hyperlinkPasteOnText: !!pasteContext.hyperlinkPasteOnText,
-    linksInPasteCount: linkUrls.length
+    linksInPasteCount: linkUrls.length,
+    mediaTraceId: mediaTraceId
   }, linkDomains);
 } // TODO: ED-6612 We should not dispatch only analytics, it's preferred to wrap each command with his own analytics.
 // However, handlers like handleMacroAutoConvert dispatch multiple time,

package/dist/cjs/plugins/paste/pm-plugins/main.js

@@ -323,7 +323,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptions, san
           }
         }
 
-        slice = (0, _utils6.transformUnsupportedBlockCardToInline)(slice, state); // Handles edge case so that when copying text from the top level of the document
+        slice = (0, _utils6.transformUnsupportedBlockCardToInline)(slice, state, cardOptions); // Handles edge case so that when copying text from the top level of the document
         // it can be pasted into nodes like panels/actions/decisions without removing them.
         // Overriding openStart to be 1 when only pasting a paragraph makes the preferred
         // depth favour the text, rather than the paragraph node.

package/dist/cjs/plugins/paste/util/index.js

@@ -152,8 +152,8 @@ function isCode(str) {
 
 
 function escapeLinks(text) {
-  return text.replace(/(\[([^\]]+)\]\()?((https?|ftp):\/\/[^\s]+)/g, function (str) {
-    return str.match(/^(https?|ftp):\/\/[^\s]+$/) ? "<".concat(str, ">") : str;
+  return text.replace(/(\[([^\]]+)\]\()?((https?|ftp|jamfselfservice):\/\/[^\s]+)/g, function (str) {
+    return str.match(/^(https?|ftp|jamfselfservice):\/\/[^\s]+$/) ? "<".concat(str, ">") : str;
   });
 }
 

package/dist/cjs/plugins/placeholder/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlaceholderDecoration = createPlaceholderDecoration;
 exports.createPlugin = createPlugin;
-exports.pluginKey = exports.default = void 0;
+exports.pluginKey = exports.placeholderTestId = exports.default = void 0;
 
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
@@ -17,10 +17,6 @@ var _prosemirrorView = require("prosemirror-view");
 
 var _document = require("../../utils/document");
 
-var _main = require("../alignment/pm-plugins/main");
-
-var _styles = require("./styles");
-
 var _focusHandler = require("../base/pm-plugins/focus-handler");
 
 var _utils2 = require("../type-ahead/utils");
@@ -34,23 +30,26 @@ function getPlaceholderState(editorState) {
   return pluginKey.getState(editorState);
 }
 
+var placeholderTestId = 'placeholder-test-id';
+exports.placeholderTestId = placeholderTestId;
+
 function createPlaceholderDecoration(editorState, placeholderText) {
   var pos = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   var placeholderDecoration = document.createElement('span');
-  var placeHolderClass = _styles.placeHolderClassName;
+  var placeholderNodeWithText = placeholderDecoration;
+  placeholderDecoration.setAttribute('data-testid', placeholderTestId);
+  placeholderDecoration.className = 'placeholder-decoration'; // PM sets contenteditable to false on Decorations so Firefox doesn't display the flashing cursor
+  // So adding an extra span which will contain the placeholder text
 
-  var alignment = _main.pluginKey.getState(editorState);
+  if (_utils.browser.gecko) {
+    var placeholderNode = document.createElement('span');
+    placeholderNode.setAttribute('contenteditable', 'true'); // explicitly overriding the default Decoration behaviour
 
-  if (alignment && alignment.align === 'end') {
-    placeHolderClass = placeHolderClass + ' align-end';
-  } else if (alignment && alignment.align === 'center') {
-    placeHolderClass = placeHolderClass + ' align-center';
+    placeholderDecoration.appendChild(placeholderNode);
+    placeholderNodeWithText = placeholderNode;
   }
 
-  placeholderDecoration.className = placeHolderClass;
-  var placeholderNode = document.createElement('span');
-  placeholderNode.textContent = placeholderText;
-  placeholderDecoration.appendChild(placeholderNode); // ME-2289 Tapping on backspace in empty editor hides and displays the keyboard
+  placeholderNodeWithText.textContent = placeholderText || ' '; // ME-2289 Tapping on backspace in empty editor hides and displays the keyboard
   // Add a editable buff node as the cursor moving forward is inevitable
   // when backspace in GBoard composition
 
@@ -62,7 +61,7 @@ function createPlaceholderDecoration(editorState, placeholderText) {
   }
 
   return _prosemirrorView.DecorationSet.create(editorState.doc, [_prosemirrorView.Decoration.widget(pos, placeholderDecoration, {
-    side: -1,
+    side: 0,
     key: 'placeholder'
   })]);
 }
@@ -79,7 +78,7 @@ var emptyPlaceholder = {
   hasPlaceholder: false
 };
 
-function createPlaceHolderStateFrom(editorState, getPlaceholderHintMessage, defaultPlaceholderText, bracketPlaceholderText) {
+function createPlaceHolderStateFrom(editorState, defaultPlaceholderText, bracketPlaceholderText) {
   var isEditorFocused = _focusHandler.focusStateKey.getState(editorState);
 
   if ((0, _utils2.isTypeAheadOpen)(editorState)) {
@@ -90,48 +89,26 @@ function createPlaceHolderStateFrom(editorState, getPlaceholderHintMessage, defa
     return setPlaceHolderState(defaultPlaceholderText);
   }
 
-  var placeholderHint = getPlaceholderHintMessage();
-
-  if (placeholderHint && (0, _document.isInEmptyLine)(editorState) && isEditorFocused) {
-    var $from = editorState.selection.$from;
-    return setPlaceHolderState(placeholderHint, $from.pos);
-  }
-
   if (bracketPlaceholderText && (0, _document.bracketTyped)(editorState) && isEditorFocused) {
-    var _$from = editorState.selection.$from; // Space is to account for positioning of the bracket
+    var $from = editorState.selection.$from; // Space is to account for positioning of the bracket
 
     var bracketHint = '  ' + bracketPlaceholderText;
-    return setPlaceHolderState(bracketHint, _$from.pos - 1);
+    return setPlaceHolderState(bracketHint, $from.pos - 1);
   }
 
   return emptyPlaceholder;
 }
 
-function createGetPlaceholderHintMessage(placeholderHints) {
-  var index = 0;
-  return function () {
-    if (!placeholderHints || placeholderHints.length === 0) {
-      return;
-    }
-
-    var length = placeholderHints.length;
-    var placeholder = placeholderHints[index++];
-    index = index % length;
-    return placeholder;
-  };
-}
-
-function createPlugin(defaultPlaceholderText, placeholderHints, bracketPlaceholderText) {
-  if (!defaultPlaceholderText && !placeholderHints && !bracketPlaceholderText) {
+function createPlugin(defaultPlaceholderText, bracketPlaceholderText) {
+  if (!defaultPlaceholderText && !bracketPlaceholderText) {
     return;
   }
 
-  var getPlaceholderHintMessage = createGetPlaceholderHintMessage(placeholderHints);
   return new _safePlugin.SafePlugin({
     key: pluginKey,
     state: {
       init: function init(_, state) {
-        return createPlaceHolderStateFrom(state, getPlaceholderHintMessage, defaultPlaceholderText, bracketPlaceholderText);
+        return createPlaceHolderStateFrom(state, defaultPlaceholderText, bracketPlaceholderText);
       },
       apply: function apply(tr, _oldPluginState, _oldEditorState, newEditorState) {
         var meta = tr.getMeta(pluginKey);
@@ -142,11 +119,11 @@ function createPlugin(defaultPlaceholderText, placeholderHints, bracketPlacehold
           }
 
           if (meta.applyPlaceholderIfEmpty) {
-            return createPlaceHolderStateFrom(newEditorState, getPlaceholderHintMessage, defaultPlaceholderText, bracketPlaceholderText);
+            return createPlaceHolderStateFrom(newEditorState, defaultPlaceholderText, bracketPlaceholderText);
           }
         }
 
-        return createPlaceHolderStateFrom(newEditorState, getPlaceholderHintMessage, defaultPlaceholderText, bracketPlaceholderText);
+        return createPlaceHolderStateFrom(newEditorState, defaultPlaceholderText, bracketPlaceholderText);
       }
     },
     props: {
@@ -173,7 +150,7 @@ var placeholderPlugin = function placeholderPlugin(options) {
       return [{
         name: 'placeholder',
         plugin: function plugin() {
-          return createPlugin(options && options.placeholder, options && options.placeholderHints, options && options.placeholderBracketHint);
+          return createPlugin(options && options.placeholder, options && options.placeholderBracketHint);
         }
       }];
     }

package/dist/cjs/plugins/placeholder/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.placeholderStyles = exports.placeHolderClassName = void 0;
+exports.placeholderStyles = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -13,11 +13,7 @@ var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _templateObject;
 
-var placeHolderClassName = 'placeholder-decoration';
-exports.placeHolderClassName = placeHolderClassName;
-var placeholderStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror .", " {\n    position: relative;\n    color: ", ";\n    width: 100%;\n\n    pointer-events: none;\n    display: block;\n    user-select: none;\n\n    > span {\n      position: absolute;\n      pointer-events: none;\n      outline: none;\n    }\n\n    &.align-end > span {\n      right: 0;\n    }\n\n    &.align-center > span {\n      left: 0;\n    }\n  }\n"])), placeHolderClassName, (0, _tokens.token)('color.text.subtlest', _colors.N200));
+var placeholderStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror .placeholder-decoration {\n    color: ", ";\n    width: 100%;\n    pointer-events: none;\n    user-select: none;\n  }\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"));
 exports.placeholderStyles = placeholderStyles;

package/dist/cjs/plugins/placeholder-text/styles.js

@@ -15,9 +15,7 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _templateObject;
 
-var placeholderTextStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror span[data-placeholder] {\n    color: ", ";\n    display: inline;\n  }\n\n  .ProseMirror span.pm-placeholder {\n    display: inline;\n    color: ", ";\n  }\n  .ProseMirror span.pm-placeholder__text {\n    display: inline;\n    color: ", ";\n  }\n\n  .ProseMirror span.pm-placeholder.", " {\n    ", "\n  }\n\n  .ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n    color: ", ";\n    cursor: text;\n    content: attr(data-placeholder);\n    display: inline;\n  }\n"])), (0, _tokens.token)('color.text.subtlest', _colors.N300), (0, _tokens.token)('color.text.subtlest', _colors.N300), (0, _tokens.token)('color.text.subtlest', _colors.N300), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Background]), (0, _tokens.token)('color.text.subtlest', _colors.N300));
+var placeholderTextStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror span[data-placeholder] {\n    color: ", ";\n    display: inline;\n  }\n\n  .ProseMirror span.pm-placeholder {\n    display: inline;\n    color: ", ";\n  }\n  .ProseMirror span.pm-placeholder__text {\n    display: inline;\n    color: ", ";\n  }\n\n  .ProseMirror span.pm-placeholder.", " {\n    ", "\n  }\n\n  .ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n    color: ", ";\n    cursor: text;\n    content: attr(data-placeholder);\n    display: inline;\n  }\n"])), "var(--ds-text-subtlest, ".concat(_colors.N300, ")"), "var(--ds-text-subtlest, ".concat(_colors.N300, ")"), "var(--ds-text-subtlest, ".concat(_colors.N300, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Background]), "var(--ds-text-subtlest, ".concat(_colors.N300, ")"));
 exports.placeholderTextStyles = placeholderTextStyles;

package/dist/cjs/plugins/rule/styles.js

@@ -15,12 +15,10 @@ var _styles = require("@atlaskit/editor-common/styles");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _templateObject;
 
 var ruleStyles = function ruleStyles(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", ";\n\n    hr {\n      cursor: pointer;\n      padding: 4px 0;\n      margin: calc(", "em - 4px) 0;\n      background-clip: content-box;\n\n      &.", " {\n        outline: none;\n        background-color: ", ";\n      }\n    }\n  }\n"])), (0, _styles.ruleSharedStyles)(props), _editorSharedStyles.akEditorLineHeight, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _tokens.token)('color.border.selected', _editorSharedStyles.akEditorSelectedBorderColor));
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", ";\n\n    hr {\n      cursor: pointer;\n      padding: 4px 0;\n      margin: calc(", "em - 4px) 0;\n      background-clip: content-box;\n\n      &.", " {\n        outline: none;\n        background-color: ", ";\n      }\n    }\n  }\n"])), (0, _styles.ruleSharedStyles)(props), _editorSharedStyles.akEditorLineHeight, _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border-selected, ".concat(_editorSharedStyles.akEditorSelectedBorderColor, ")"));
 };
 
 exports.ruleStyles = ruleStyles;

package/dist/cjs/plugins/status/ui/statusPicker.js

@@ -45,8 +45,6 @@ var _actions = require("../actions");
 
 var _analytics = require("../analytics");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _templateObject;
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -63,7 +61,7 @@ exports.InputMethod = InputMethod;
   InputMethod["enterKey"] = "enterKey";
 })(InputMethod || (exports.InputMethod = InputMethod = {}));
 
-var pickerContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  padding: ", "px 0;\n  border-radius: ", "px;\n  box-shadow: ", ";\n  input {\n    text-transform: uppercase;\n  }\n"])), (0, _tokens.token)('elevation.surface.overlay', _colors.N0), (0, _constants.gridSize)(), (0, _constants.borderRadius)(), (0, _tokens.token)('elevation.shadow.overlay', '0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)'));
+var pickerContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  padding: ", "px 0;\n  border-radius: ", "px;\n  box-shadow: ", ";\n  input {\n    text-transform: uppercase;\n  }\n"])), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), (0, _constants.gridSize)(), (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, 0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25))");
 
 var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(StatusPickerWithoutAnalytcs, _React$Component);

package/dist/cjs/plugins/tasks-and-decisions/nodeviews/taskItem.js

@@ -27,6 +27,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
+var _steps = require("@atlaskit/adf-schema/steps");
+
 var _nodeviews = require("../../../nodeviews");
 
 var _WithPluginState = _interopRequireDefault(require("../../../ui/WithPluginState"));
@@ -63,12 +65,14 @@ var Task = /*#__PURE__*/function (_ReactNodeView) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOnChange", function (taskId, isChecked) {
       var tr = _this.view.state.tr;
 
-      var nodePos = _this.getPos();
+      var nodePos = _this.getPos(); // SetAttrsStep should be used to prevent task updates from being dropped when mapping task ticks
+      // from a previous version of the document, such as a published page.
+
 
-      tr.setNodeMarkup(nodePos, undefined, {
+      tr.step(new _steps.SetAttrsStep(nodePos, {
         state: isChecked ? 'DONE' : 'TODO',
         localId: taskId
-      });
+      }));
       tr.setMeta('scrollIntoView', false);
 
       _this.view.dispatch(tr);

package/dist/cjs/plugins/tasks-and-decisions/styles.js

@@ -15,9 +15,7 @@ var _styles = require("@atlaskit/editor-common/styles");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _templateObject;
 
-var taskDecisionStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  [data-decision-wrapper] {\n    cursor: pointer;\n  }\n\n  .", " > [data-decision-wrapper],\n  ol[data-node-type='decisionList'].", " {\n    border-radius: 4px;\n    ", "\n  }\n\n  .danger {\n    .", ".", "\n      > div {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n      background-color: ", ";\n      &::after {\n        content: none; /* reset the Blanket selection style */\n      }\n    }\n  }\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _styles.TaskDecisionSharedCssClassName.DECISION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, (0, _tokens.token)('color.border.danger', _editorSharedStyles.akEditorDeleteBorder), (0, _tokens.token)('color.blanket.danger', _editorSharedStyles.akEditorDeleteBackgroundWithOpacity));
+var taskDecisionStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  [data-decision-wrapper] {\n    cursor: pointer;\n  }\n\n  .", " > [data-decision-wrapper],\n  ol[data-node-type='decisionList'].", " {\n    border-radius: 4px;\n    ", "\n  }\n\n  .danger {\n    .", ".", "\n      > div {\n      box-shadow: 0 0 0 ", "px\n        ", ";\n      background-color: ", ";\n      &::after {\n        content: none; /* reset the Blanket selection style */\n      }\n    }\n  }\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _styles.TaskDecisionSharedCssClassName.DECISION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-blanket-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"));
 exports.taskDecisionStyles = taskDecisionStyles;

package/dist/cjs/plugins/tasks-and-decisions/ui/ToolbarDecision/index.js

@@ -89,6 +89,7 @@ var ToolbarDecision = /*#__PURE__*/function (_PureComponent) {
         disabled: disabled || isDisabled,
         spacing: isReducedSpacing ? 'none' : 'default',
         title: "".concat(label, " <>"),
+        "aria-keyshortcuts": "Shift+, Shift+. space",
         iconBefore: /*#__PURE__*/_react.default.createElement(_decision.default, {
           label: label
         })

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

@@ -51,6 +51,8 @@ var _icon = require("./icon");
 
 var _styles2 = require("./styles");
 
+var _getFeatureFlags2 = require("../../../feature-flags-context/get-feature-flags");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -109,10 +111,9 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
 
         var _this$props$pluginSta = _this.props.pluginState,
             palette = _this$props$pluginSta.palette,
-            paletteExpanded = _this$props$pluginSta.paletteExpanded,
             defaultColor = _this$props$pluginSta.defaultColor; // we store color names in analytics
 
-        var swatch = (paletteExpanded || palette).find(function (sw) {
+        var swatch = palette.find(function (sw) {
           return sw.value === color;
         });
         var isNewColor = color !== defaultColor && !_textColorPalette.textColorPalette.some(function (col) {
@@ -205,11 +206,14 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           popupsScrollableElement = _this$props.popupsScrollableElement,
           isReducedSpacing = _this$props.isReducedSpacing,
           pluginState = _this$props.pluginState,
-          paletteExpanded = _this$props.pluginState.paletteExpanded,
           formatMessage = _this$props.intl.formatMessage,
           disabled = _this$props.disabled;
       var labelTextColor = formatMessage(messages.textColor);
-      var palette = paletteExpanded || pluginState.palette;
+      var palette = pluginState.palette;
+
+      var _getFeatureFlags = (0, _getFeatureFlags2.getFeatureFlags)(this.props.editorView.state),
+          useSomewhatSemanticTextColorNames = _getFeatureFlags.useSomewhatSemanticTextColorNames;
+
       var fitWidth;
 
       if (document.body.clientWidth <= 740) {
@@ -265,7 +269,8 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           return _this2.changeTextColor(color, pluginState.disabled);
         },
         selectedColor: pluginState.color,
-        textPalette: true
+        textPalette: true,
+        useSomewhatSemanticTextColorNames: useSomewhatSemanticTextColorNames
       }))), (0, _react2.jsx)("span", {
         css: _styles.separatorStyles
       }));

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

@@ -35,6 +35,8 @@ var _enums = require("../../../../analytics/types/enums");
 
 var _types = require("../types");
 
+var _keymaps2 = require("@atlaskit/editor-common/keymaps");
+
 var _IconsMarkSchema;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -123,7 +125,9 @@ var getIcon = function getIcon(_ref) {
       name: iconType
     },
     isActive: isActive,
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    'aria-label': tooltipKeymap ? (0, _keymaps.tooltip)(tooltipKeymap, String(content)) : String(content),
+    'aria-keyshortcuts': (0, _keymaps2.getAriaKeyshortcuts)(tooltipKeymap)
   };
 };
 

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

@@ -35,8 +35,11 @@ var SingleToolbarButtons = /*#__PURE__*/_react.default.memo(function (_ref) {
   return (0, _react2.jsx)("span", {
     css: _styles.buttonGroupStyle
   }, items.map(function (item) {
+    var _item$ariaLabel;
+
     return (0, _react2.jsx)(_ToolbarButton.default, {
       key: item.key,
+      testId: "editor-toolbar__".concat(String(item.content)),
       buttonId: item.buttonId,
       spacing: isReducedSpacing ? 'none' : 'default',
       onClick: onClick(item.command),
@@ -45,7 +48,8 @@ var SingleToolbarButtons = /*#__PURE__*/_react.default.memo(function (_ref) {
       title: item.tooltipElement,
       iconBefore: item.iconElement,
       "aria-pressed": item.isActive,
-      "aria-label": String(item.content)
+      "aria-label": (_item$ariaLabel = item['aria-label']) !== null && _item$ariaLabel !== void 0 ? _item$ariaLabel : String(item.content),
+      "aria-keyshortcuts": item['aria-keyshortcuts']
     });
   }));
 });

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

@@ -31,6 +31,8 @@ var _messages2 = require("../../indentation/messages");
 
 var _styles = require("../../../ui/styles");
 
+var _keymaps2 = require("@atlaskit/editor-common/keymaps");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -52,6 +54,8 @@ function Toolbar(props) {
       onItemActivated = props.onItemActivated;
   var labelUnorderedList = formatMessage(_messages.messages.unorderedList);
   var labelOrderedList = formatMessage(_messages.messages.orderedList);
+  var indentMessage = formatMessage(_messages2.messages.indent);
+  var outdentMessage = formatMessage(_messages2.messages.outdent);
 
   var handleOnItemActivated = function handleOnItemActivated(buttonName) {
     return function (event) {
@@ -66,11 +70,13 @@ function Toolbar(props) {
     css: _styles.buttonGroupStyle
   }, (0, _react.jsx)(_ToolbarButton.default, {
     buttonId: _ToolbarButton.TOOLBAR_BUTTON.BULLET_LIST,
+    testId: labelUnorderedList,
     spacing: isReducedSpacing ? 'none' : 'default',
     onClick: handleOnItemActivated('bullet_list'),
     selected: bulletListActive,
     "aria-pressed": bulletListActive,
-    "aria-label": labelUnorderedList,
+    "aria-label": (0, _keymaps.tooltip)(_keymaps.toggleBulletList, labelUnorderedList),
+    "aria-keyshortcuts": (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.toggleBulletList),
     disabled: bulletListDisabled || disabled,
     title: (0, _react.jsx)(_keymaps.ToolTipContent, {
       description: labelUnorderedList,
@@ -81,11 +87,13 @@ function Toolbar(props) {
     })
   }), (0, _react.jsx)(_ToolbarButton.default, {
     buttonId: _ToolbarButton.TOOLBAR_BUTTON.ORDERED_LIST,
+    testId: labelOrderedList,
     spacing: isReducedSpacing ? 'none' : 'default',
     onClick: handleOnItemActivated('ordered_list'),
     selected: orderedListActive,
     "aria-pressed": orderedListActive,
-    "aria-label": labelOrderedList,
+    "aria-label": (0, _keymaps.tooltip)(_keymaps.toggleOrderedList, labelOrderedList),
+    "aria-keyshortcuts": (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.toggleOrderedList),
     disabled: orderedListDisabled || disabled,
     title: (0, _react.jsx)(_keymaps.ToolTipContent, {
       description: labelOrderedList,
@@ -103,9 +111,10 @@ function Toolbar(props) {
       label: ""
     }),
     disabled: outdentDisabled || disabled,
-    "aria-label": formatMessage(_messages2.messages.outdent),
+    "aria-label": (0, _keymaps.tooltip)(_keymaps.outdent, outdentMessage),
+    "aria-keyshortcuts": (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.outdent),
     title: (0, _react.jsx)(_keymaps.ToolTipContent, {
-      description: formatMessage(_messages2.messages.outdent),
+      description: outdentMessage,
       keymap: _keymaps.outdent
     })
   }), showIndentationButtons && (0, _react.jsx)(_ToolbarButton.default, {
@@ -117,9 +126,10 @@ function Toolbar(props) {
       label: ""
     }),
     disabled: indentDisabled || disabled,
-    "aria-label": formatMessage(_messages2.messages.indent),
+    "aria-label": (0, _keymaps.tooltip)(_keymaps.indent, indentMessage),
+    "aria-keyshortcuts": (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.indent),
     title: (0, _react.jsx)(_keymaps.ToolTipContent, {
-      description: formatMessage(_messages2.messages.indent),
+      description: indentMessage,
       keymap: _keymaps.indent
     })
   }), (0, _react.jsx)("span", {

package/dist/cjs/plugins/type-ahead/index.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +15,7 @@ Object.defineProperty(exports, "typeAheadPluginKey", {
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 
@@ -45,10 +43,6 @@ var _statsModifier = require("./stats-modifier");
 
 var _analytics = require("../analytics");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  *
  * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
@@ -97,7 +91,7 @@ var TypeAheadMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     });
   }, [onItemInsert, query]);
 
-  var cancel = (0, _react.useCallback)(function (_ref3) {
+  var cancel = _react.default.useCallback(function (_ref3) {
     var setSelectionAt = _ref3.setSelectionAt,
         addPrefixTrigger = _ref3.addPrefixTrigger,
         forceFocusOnEditor = _ref3.forceFocusOnEditor;