@atlaskit/editor-core 171.0.1 → 172.0.0

package/dist/esm/plugins/media/toolbar/index.js

@@ -28,6 +28,7 @@ import { FilePreviewItem } from './filePreviewItem';
 import { downloadMedia, removeMediaGroupNode } from './utils';
 import { changeInlineToMediaCard, changeMediaCardToInline, removeInlineCard } from './commands';
 import { MediaInlineNodeSelector, MediaSingleNodeSelector } from '../nodeviews/styles';
+import { getCopyButtonConfig, showCopyButton } from '../../copy-button/toolbar';
 
 var remove = function remove(state, dispatch) {
   if (dispatch) {
@@ -95,7 +96,9 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
     title: intl.formatMessage(messages.download)
   }, {
     type: 'separator'
-  }, {
+  }].concat(_toConsumableArray(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, mediaGroup), {
+    type: 'separator'
+  }] : []), [{
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',
@@ -107,7 +110,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
     title: intl.formatMessage(commonMessages.remove),
     onClick: handleRemoveMediaGroup,
     testId: 'media-toolbar-remove-button'
-  }];
+  }]);
   return items;
 };
 
@@ -159,7 +162,9 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
     title: intl.formatMessage(messages.download)
   }, {
     type: 'separator'
-  }, {
+  }].concat(_toConsumableArray(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, mediaInline), {
+    type: 'separator'
+  }] : []), [{
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',
@@ -171,7 +176,7 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
     title: intl.formatMessage(commonMessages.remove),
     onClick: removeInlineCard,
     testId: 'media-toolbar-remove-button'
-  }];
+  }]);
   return items;
 };
 
@@ -257,7 +262,9 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     onClick: remove,
     testId: 'media-toolbar-remove-button'
   };
-  var items = [].concat(_toConsumableArray(toolbarButtons), [removeButton]);
+  var items = [].concat(_toConsumableArray(toolbarButtons), _toConsumableArray(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, mediaSingle), {
+    type: 'separator'
+  }] : []), [removeButton]);
   return items;
 };
 

package/dist/esm/plugins/mentions/analytics.js

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 import { isSpecialMention } from '@atlaskit/mention/resource';
-import { name as packageName, version as packageVersion } from '../../version.json';
+import { name as packageName, version as packageVersion } from '../../version-wrapper';
 import { isTeamType } from './utils';
 var componentName = 'mention';
 export var buildAnalyticsPayload = function buildAnalyticsPayload(actionSubject, action, eventType, sessionId) {

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

@@ -24,7 +24,7 @@ import { DEFAULT_BORDER_COLOR } from '../../ui/ColorPalette/Palettes';
 import { PanelType } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, withAnalytics } from '../analytics';
 import { messages } from './message';
-import { getCopyButtonConfig, showCopyButton } from '../copy-button/utils';
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/toolbar';
 export var panelIconMap = (_panelIconMap = {}, _defineProperty(_panelIconMap, PanelType.INFO, {
   shortName: ':info:',
   id: 'atlassian-info'

package/dist/esm/plugins/paste/edge-cases/index.js

@@ -1,9 +1,13 @@
+import { findParentNodeOfType } from 'prosemirror-utils';
 import { insertSliceIntoRangeSelectionInsideList, insertSliceInsideOfPanelNodeSelected, insertSliceAtNodeEdge, insertSliceIntoEmptyNode } from './lists';
 import { isListNode } from '../../list/utils/node';
 import { isSelectionInsidePanel, isEmptyNode, isCursorSelectionAtTextStartOrEnd } from '../util';
 export function insertSliceForLists(_ref) {
+  var _slice$content$firstC;
+
   var tr = _ref.tr,
-      slice = _ref.slice;
+      slice = _ref.slice,
+      schema = _ref.schema;
   var selection = tr.selection,
       _tr$selection = tr.selection,
       $to = _tr$selection.$to,
@@ -37,9 +41,17 @@ export function insertSliceForLists(_ref) {
       tr: tr,
       slice: slice
     });
-  }
+  } // When pasting a single list item into an action or decision, we skip the special "insert at node edge"
+  // logic so that prosemirror pastes the list's content into the action/decision, rather than
+  // pasting a whole list node directly after the action/decision item. (But we still preserve the
+  // existing "insert at" node edge" behaviour if dealing with a list with more than one item, so that
+  // it still inserts whole list node after the action/decision item).
+
+
+  var pastingIntoActionOrDecision = Boolean(findParentNodeOfType([schema.nodes.taskList, schema.nodes.decisionList])(selection));
+  var oneListItem = slice.content.childCount === 1 && isListNode(slice.content.firstChild) && ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.childCount) === 1;
 
-  if (isCursorSelectionAtTextStartOrEnd(selection)) {
+  if (!(pastingIntoActionOrDecision && oneListItem) && isCursorSelectionAtTextStartOrEnd(selection)) {
     return insertSliceAtNodeEdge({
       tr: tr,
       slice: slice

package/dist/esm/plugins/paste/handlers.js

@@ -111,6 +111,25 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice) {
       dispatch(tr);
     }
 
+    return true;
+  };
+}
+export function handlePastePanelIntoList(slice) {
+  return function (state, dispatch) {
+    var schema = state.schema,
+        tr = state.tr;
+    var selection = tr.selection; // Check this pasting action is related to copy content from panel node into a selected the list node
+
+    var selectionParentListNode = selection.$to.node(selection.$to.depth - 1);
+    var panelNode = slice.content.firstChild;
+
+    if (!dispatch || !selectionParentListNode || (selectionParentListNode === null || selectionParentListNode === void 0 ? void 0 : selectionParentListNode.type) !== schema.nodes.listItem || !panelNode || (panelNode === null || panelNode === void 0 ? void 0 : panelNode.type) !== schema.nodes.panel || (panelNode === null || panelNode === void 0 ? void 0 : panelNode.content.firstChild) === undefined) {
+      return false;
+    } // Paste the panel node contents extracted instead of pasting the entire panel node
+
+
+    tr.replaceSelection(slice).scrollIntoView();
+    dispatch(tr);
     return true;
   };
 } // If we paste a link onto some selected text, apply the link as a mark
@@ -678,7 +697,8 @@ export function handleRichText(slice) {
         heading = _state$schema$nodes2.heading,
         paragraph = _state$schema$nodes2.paragraph,
         panel = _state$schema$nodes2.panel;
-    var selection = state.selection;
+    var selection = state.selection,
+        schema = state.schema;
     var firstChildOfSlice = (_slice$content = slice.content) === null || _slice$content === void 0 ? void 0 : _slice$content.firstChild;
     var lastChildOfSlice = (_slice$content2 = slice.content) === null || _slice$content2 === void 0 ? void 0 : _slice$content2.lastChild; // In case user is pasting inline code,
     // any backtick ` immediately preceding it should be removed.
@@ -709,7 +729,8 @@ export function handleRichText(slice) {
     if (isSliceContentListNodes || isTargetPanelEmpty) {
       insertSliceForLists({
         tr: tr,
-        slice: slice
+        slice: slice,
+        schema: schema
       });
     } else if (noNeedForSafeInsert) {
       tr.replaceSelection(slice);

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

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { ACTION, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, PasteTypes, PasteContents, withAnalytics } from '../../analytics';
 import { getPasteSource } from '../util';
-import { handlePasteAsPlainText, handlePasteIntoTaskOrDecisionOrPanel, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText, handlePasteIntoCaption } from '../handlers';
+import { handlePasteAsPlainText, handlePasteIntoTaskOrDecisionOrPanel, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText, handlePasteIntoCaption, handlePastePanelIntoList } from '../handlers';
 import { pipe } from '../../../utils';
 import { findParentNode } from 'prosemirror-utils';
 import { mapSlice } from '../../../utils/slice';
@@ -252,6 +252,11 @@ export var handleRichTextWithAnalytics = function handleRichTextWithAnalytics(vi
     type: PasteTypes.richText
   }))(slice);
 };
+export var handlePastePanelIntoListWithAnalytics = function handlePastePanelIntoListWithAnalytics(view, event, slice) {
+  return pipe(handlePastePanelIntoList, pasteCommandWithAnalytics(view, event, slice, {
+    type: PasteTypes.richText
+  }))(slice);
+};
 export var handleExpandWithAnalytics = function handleExpandWithAnalytics(view, event, slice) {
   return pipe(handleExpandPasteInTable, pasteCommandWithAnalytics(view, event, slice, {
     type: PasteTypes.richText
@@ -268,7 +273,11 @@ export var handlePasteLinkOnSelectedTextWithAnalytics = function handlePasteLink
     hyperlinkPasteOnText: true
   }))(slice);
 };
-export var createPasteMeasurePayload = function createPasteMeasurePayload(view, duration, content) {
+export var createPasteMeasurePayload = function createPasteMeasurePayload(_ref) {
+  var view = _ref.view,
+      duration = _ref.duration,
+      content = _ref.content,
+      distortedDuration = _ref.distortedDuration;
   var pasteIntoNode = getActionSubjectId(view);
   return {
     action: ACTION.PASTED_TIMED,
@@ -277,7 +286,8 @@ export var createPasteMeasurePayload = function createPasteMeasurePayload(view,
     attributes: {
       pasteIntoNode: pasteIntoNode,
       content: content,
-      time: duration
+      time: duration,
+      distortedDuration: distortedDuration
     }
   };
 };

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

@@ -14,7 +14,7 @@ import { linkifyContent } from '../../hyperlink/utils';
 import { transformSliceNestedExpandToExpand } from '../../expand/utils';
 import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks } from '../handlers';
 import { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark } from '../../code-block/utils';
-import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent, handlePasteIntoCaptionWithAnalytics } from './analytics';
+import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent, handlePasteIntoCaptionWithAnalytics, handlePastePanelIntoListWithAnalytics } from './analytics';
 import { analyticsPluginKey, PasteTypes } from '../../analytics';
 import { insideTable, measurements } from '../../../utils';
 import { measureRender } from '@atlaskit/editor-common/utils';
@@ -168,8 +168,15 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
           var content = getContentNodeTypes(slice.content);
           var pasteId = uuid();
           var measureName = "".concat(measurements.PASTE, "_").concat(pasteId);
-          measureRender(measureName, function (duration) {
-            var payload = createPasteMeasurePayload(view, duration, content);
+          measureRender(measureName, function (_ref) {
+            var duration = _ref.duration,
+                distortedDuration = _ref.distortedDuration;
+            var payload = createPasteMeasurePayload({
+              view: view,
+              duration: duration,
+              content: content,
+              distortedDuration: distortedDuration
+            });
 
             if (payload) {
               dispatchAnalyticsEvent(payload);
@@ -222,7 +229,15 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
         var markdownSlice;
 
         if (isPlainText) {
-          markdownSlice = getMarkdownSlice(text, slice.openStart, slice.openEnd);
+          var _markdownSlice;
+
+          markdownSlice = getMarkdownSlice(text, slice.openStart, slice.openEnd); // https://product-fabric.atlassian.net/browse/ED-15134
+          // Lists are not allowed within Blockquotes at this time. Attempting to
+          // paste a markdown list ie. ">- foo" will yeild a markdownSlice of size 0.
+          // Rather then blocking the paste action with no UI feedback, this will instead
+          // force a "paste as plain text" action by clearing the markdownSlice.
+
+          markdownSlice = !((_markdownSlice = markdownSlice) !== null && _markdownSlice !== void 0 && _markdownSlice.size) ? undefined : markdownSlice;
 
           if (markdownSlice) {
             // linkify text prior to converting to macro
@@ -351,6 +366,10 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
             return true;
           }
 
+          if (handlePastePanelIntoListWithAnalytics(view, event, slice)(state, dispatch)) {
+            return true;
+          }
+
           return handleRichTextWithAnalytics(view, event, slice)(state, dispatch);
         }
 

package/dist/esm/plugins/status/analytics.js

@@ -4,7 +4,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { name as packageName, version as packageVersion } from '../../version.json';
+import { name as packageName, version as packageVersion } from '../../version-wrapper';
 export var FABRIC_CHANNEL = 'fabric-elements';
 export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {

package/dist/esm/plugins/table/toolbar.js

@@ -16,7 +16,7 @@ import tableMessages from './ui/messages';
 import { messages as ContextualMenuMessages } from './ui/FloatingContextualMenu/ContextualMenu';
 import { findParentDomRefOfType } from 'prosemirror-utils';
 import { closestElement } from '../../utils/dom';
-import { getCopyButtonConfig, showCopyButton } from '../copy-button/utils'; // TODO: ED-14403 investigate why these translations don't work
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/toolbar'; // TODO: ED-14403 investigate why these translations don't work
 
 export var messages = defineMessages({
   tableOptions: {

package/dist/esm/plugins/tasks-and-decisions/pm-plugins/keymaps.js

@@ -16,14 +16,14 @@ import { insertTaskDecisionWithAnalytics } from '../commands';
 import { joinAtCut, liftSelection, wrapSelectionInTaskList } from './commands';
 import { getBlockRange, getCurrentIndentLevel, isActionOrDecisionItem, isActionOrDecisionList, isEmptyTaskDecision, isInsideTask, isInsideTaskOrDecisionItem, liftBlock, subtreeHeight, walkOut, isTable, getTaskItemIndex, isInsideDecision } from './helpers';
 
-var indentationAnalytics = function indentationAnalytics(curIndentLevel, direction) {
+var indentationAnalytics = function indentationAnalytics(curIndentLevel, direction, inputMethod) {
   return {
     action: ACTION.FORMATTED,
     actionSubject: ACTION_SUBJECT.TEXT,
     actionSubjectId: ACTION_SUBJECT_ID.FORMAT_INDENT,
     eventType: EVENT_TYPE.TRACK,
     attributes: {
-      inputMethod: INPUT_METHOD.KEYBOARD,
+      inputMethod: inputMethod,
       previousIndentationLevel: curIndentLevel,
       newIndentLevel: direction === INDENT_DIRECTION.OUTDENT ? curIndentLevel - 1 : curIndentLevel + 1,
       direction: direction,
@@ -92,15 +92,18 @@ var joinTaskDecisionFollowing = function joinTaskDecisionFollowing(state, dispat
   return false;
 };
 
-var unindent = filter(isInsideTask, function (state, dispatch) {
-  var curIndentLevel = getCurrentIndentLevel(state.selection);
+export var getUnindentCommand = function getUnindentCommand() {
+  var inputMethod = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INPUT_METHOD.KEYBOARD;
+  return filter(isInsideTask, function (state, dispatch) {
+    var curIndentLevel = getCurrentIndentLevel(state.selection);
 
-  if (!curIndentLevel || curIndentLevel === 1) {
-    return false;
-  }
+    if (!curIndentLevel || curIndentLevel === 1) {
+      return false;
+    }
 
-  return withAnalytics(indentationAnalytics(curIndentLevel, INDENT_DIRECTION.OUTDENT))(autoJoin(liftSelection, ['taskList']))(state, dispatch);
-}); // if selection is decision item or first action item in table cell
+    return withAnalytics(indentationAnalytics(curIndentLevel, INDENT_DIRECTION.OUTDENT, inputMethod))(autoJoin(liftSelection, ['taskList']))(state, dispatch);
+  });
+}; // if selection is decision item or first action item in table cell
 // then dont consume the Tab, as table-keymap should tab to the next cell
 
 var shouldLetTabThroughInTable = function shouldLetTabThroughInTable(state) {
@@ -118,28 +121,31 @@ var shouldLetTabThroughInTable = function shouldLetTabThroughInTable(state) {
   return false;
 };
 
-var indent = filter(isInsideTask, function (state, dispatch) {
-  // limit ui indentation to 6 levels
-  var curIndentLevel = getCurrentIndentLevel(state.selection);
+export var getIndentCommand = function getIndentCommand() {
+  var inputMethod = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INPUT_METHOD.KEYBOARD;
+  return filter(isInsideTask, function (state, dispatch) {
+    // limit ui indentation to 6 levels
+    var curIndentLevel = getCurrentIndentLevel(state.selection);
 
-  if (!curIndentLevel || curIndentLevel >= 6) {
-    return true;
-  }
+    if (!curIndentLevel || curIndentLevel >= 6) {
+      return true;
+    }
 
-  var _state$schema$nodes3 = state.schema.nodes,
-      taskList = _state$schema$nodes3.taskList,
-      taskItem = _state$schema$nodes3.taskItem;
-  var _state$selection = state.selection,
-      $from = _state$selection.$from,
-      $to = _state$selection.$to;
-  var maxDepth = subtreeHeight($from, $to, [taskList, taskItem]);
+    var _state$schema$nodes3 = state.schema.nodes,
+        taskList = _state$schema$nodes3.taskList,
+        taskItem = _state$schema$nodes3.taskItem;
+    var _state$selection = state.selection,
+        $from = _state$selection.$from,
+        $to = _state$selection.$to;
+    var maxDepth = subtreeHeight($from, $to, [taskList, taskItem]);
 
-  if (maxDepth >= 6) {
-    return true;
-  }
+    if (maxDepth >= 6) {
+      return true;
+    }
 
-  return withAnalytics(indentationAnalytics(curIndentLevel, INDENT_DIRECTION.INDENT))(autoJoin(wrapSelectionInTaskList, ['taskList']))(state, dispatch);
-});
+    return withAnalytics(indentationAnalytics(curIndentLevel, INDENT_DIRECTION.INDENT, inputMethod))(autoJoin(wrapSelectionInTaskList, ['taskList']))(state, dispatch);
+  });
+};
 
 var backspaceFrom = function backspaceFrom($from) {
   return function (state, dispatch) {
@@ -156,7 +162,7 @@ var backspaceFrom = function backspaceFrom($from) {
         paragraph = _state$schema$nodes4.paragraph;
 
     if ($from.node($from.depth - 2).type === taskList) {
-      return unindent(state, dispatch);
+      return getUnindentCommand()(state, dispatch);
     } // bottom level, should "unwrap" taskItem contents into paragraph
     // we achieve this by slicing the content out, and replacing
 
@@ -305,7 +311,7 @@ var splitListItem = function splitListItem(state, dispatch) {
   return false;
 };
 
-var enter = filter(isInsideTaskOrDecisionItem, chainCommands(filter(isEmptyTaskDecision, chainCommands(unindent, splitListItem)), function (state, dispatch) {
+var enter = filter(isInsideTaskOrDecisionItem, chainCommands(filter(isEmptyTaskDecision, chainCommands(getUnindentCommand(), splitListItem)), function (state, dispatch) {
   var selection = state.selection,
       schema = state.schema;
   var taskItem = schema.nodes.taskItem;
@@ -353,12 +359,12 @@ export function keymapPlugin(schema, allowNestedTasks, consumeTabs) {
     'Shift-Tab': filter([isInsideTaskOrDecisionItem, function (state) {
       return !shouldLetTabThroughInTable(state);
     }], function (state, dispatch) {
-      return unindent(state, dispatch) || !!consumeTabs;
+      return getUnindentCommand(INPUT_METHOD.KEYBOARD)(state, dispatch) || !!consumeTabs;
     }),
     Tab: filter([isInsideTaskOrDecisionItem, function (state) {
       return !shouldLetTabThroughInTable(state);
     }], function (state, dispatch) {
-      return indent(state, dispatch) || !!consumeTabs;
+      return getIndentCommand(INPUT_METHOD.KEYBOARD)(state, dispatch) || !!consumeTabs;
     })
   };
   var defaultHandlers = consumeTabs ? {

package/dist/esm/plugins/toolbar-lists-indentation/index.js

@@ -3,26 +3,43 @@ import ToolbarListsIndentation from './ui';
 import WithPluginState from '../../ui/WithPluginState';
 import { ToolbarSize } from '../../ui/Toolbar/types';
 import { pluginKey as listPluginKey } from '../list/pm-plugins/main';
+import { pluginKey as indentationButtonsPluginKey, createPlugin as indentationButtonsPlugin } from './pm-plugins/indentation-buttons';
 
 var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref) {
-  var showIndentationButtons = _ref.showIndentationButtons;
+  var showIndentationButtons = _ref.showIndentationButtons,
+      allowHeadingAndParagraphIndentation = _ref.allowHeadingAndParagraphIndentation;
   return {
     name: 'toolbarListsIndentation',
-    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
-      var editorView = _ref2.editorView,
-          popupsMountPoint = _ref2.popupsMountPoint,
-          popupsBoundariesElement = _ref2.popupsBoundariesElement,
-          popupsScrollableElement = _ref2.popupsScrollableElement,
-          toolbarSize = _ref2.toolbarSize,
-          disabled = _ref2.disabled,
-          isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing;
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'indentationButtons',
+        plugin: function plugin(_ref2) {
+          var dispatch = _ref2.dispatch;
+          return indentationButtonsPlugin({
+            dispatch: dispatch,
+            showIndentationButtons: showIndentationButtons,
+            allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
+          });
+        }
+      }];
+    },
+    primaryToolbarComponent: function primaryToolbarComponent(_ref3) {
+      var editorView = _ref3.editorView,
+          popupsMountPoint = _ref3.popupsMountPoint,
+          popupsBoundariesElement = _ref3.popupsBoundariesElement,
+          popupsScrollableElement = _ref3.popupsScrollableElement,
+          toolbarSize = _ref3.toolbarSize,
+          disabled = _ref3.disabled,
+          isToolbarReducedSpacing = _ref3.isToolbarReducedSpacing;
       var isSmall = toolbarSize < ToolbarSize.L;
       return /*#__PURE__*/React.createElement(WithPluginState, {
         plugins: {
-          listState: listPluginKey
+          listState: listPluginKey,
+          indentationState: indentationButtonsPluginKey
         },
-        render: function render(_ref3) {
-          var listState = _ref3.listState;
+        render: function render(_ref4) {
+          var listState = _ref4.listState,
+              indentationState = _ref4.indentationState;
 
           if (!listState) {
             return null;
@@ -40,7 +57,9 @@ var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref)
             bulletListDisabled: listState.bulletListDisabled,
             orderedListActive: listState.orderedListActive,
             orderedListDisabled: listState.orderedListDisabled,
-            showIndentationButtons: !!showIndentationButtons
+            showIndentationButtons: !!showIndentationButtons,
+            indentDisabled: indentationState.indentDisabled,
+            outdentDisabled: indentationState.outdentDisabled
           });
         }
       });

package/dist/esm/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.js

@@ -0,0 +1,105 @@
+import { PluginKey } from 'prosemirror-state';
+import { hasParentNodeOfType } from 'prosemirror-utils';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { shallowEqual } from '../../../utils';
+import { getListItemAttributes, isInsideListItem } from '../../list/utils/selection';
+import { getCurrentIndentLevel as getTaskListIndentLevel, getTaskItemIndex, isInsideTask } from '../../tasks-and-decisions/pm-plugins/helpers';
+import { isIndentationAllowed, MAX_INDENTATION_LEVEL } from '../../indentation/commands';
+export var pluginKey = new PluginKey('indentationButtonsPlugin');
+
+function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndentation) {
+  var state = {
+    indentDisabled: true,
+    outdentDisabled: true,
+    node: null
+  };
+  var selection = editorState.selection;
+  var node = selection.$from.node(); // Handle bullet and numbered lists seperately as they do
+  // not use the indentation mark.
+  // Check for lists before paragraphs and headings in case
+  // the selection is in a list nested in a layout column.
+
+  if (isInsideListItem(editorState)) {
+    var _getListItemAttribute = getListItemAttributes(selection.$head),
+        indentLevel = _getListItemAttribute.indentLevel,
+        itemIndex = _getListItemAttribute.itemIndex;
+
+    return {
+      // List indent levels are zero indexed so we need to subtract 1
+      indentDisabled: itemIndex === 0 || indentLevel >= MAX_INDENTATION_LEVEL - 1,
+      outdentDisabled: false,
+      node: 'list'
+    };
+  } // Handle tasks seperately as they do not use the indentation mark
+  // and have different behaviour for outdent compared to lists
+
+
+  if (isInsideTask(editorState)) {
+    var _indentLevel = getTaskListIndentLevel(selection) || 0;
+
+    var _itemIndex = getTaskItemIndex(editorState);
+
+    return {
+      indentDisabled: _itemIndex === 0 || _indentLevel >= MAX_INDENTATION_LEVEL,
+      outdentDisabled: _indentLevel <= 1,
+      node: 'taskList'
+    };
+  }
+
+  var isTopLevelParagraphOrHeading = selection.$from.depth === 1;
+  var isInLayoutNode = hasParentNodeOfType(editorState.schema.nodes.layoutColumn)(selection) && // depth of non-nested paragraphs and headings in layouts will always be 3
+  selection.$from.depth === 3;
+
+  if (allowHeadingAndParagraphIndentation && isIndentationAllowed(editorState.schema, node) && (isTopLevelParagraphOrHeading || isInLayoutNode)) {
+    var indentationMark = node.marks.find(function (mark) {
+      return mark.type === editorState.schema.marks.indentation;
+    });
+
+    if (!indentationMark) {
+      return {
+        outdentDisabled: true,
+        indentDisabled: false,
+        node: 'paragraph_heading'
+      };
+    }
+
+    return {
+      indentDisabled: indentationMark.attrs.level >= MAX_INDENTATION_LEVEL,
+      outdentDisabled: false,
+      node: 'paragraph_heading'
+    };
+  }
+
+  return state;
+}
+
+export var createPlugin = function createPlugin(_ref) {
+  var dispatch = _ref.dispatch,
+      showIndentationButtons = _ref.showIndentationButtons,
+      allowHeadingAndParagraphIndentation = _ref.allowHeadingAndParagraphIndentation;
+  return new SafePlugin({
+    state: {
+      init: function init(_config, state) {
+        var initialState = {
+          indentDisabled: true,
+          outdentDisabled: true,
+          node: null
+        };
+        return showIndentationButtons ? getIndentationButtonsState(state, allowHeadingAndParagraphIndentation) : initialState;
+      },
+      apply: function apply(_tr, pluginState, _oldState, newState) {
+        if (showIndentationButtons) {
+          var state = getIndentationButtonsState(newState, allowHeadingAndParagraphIndentation);
+
+          if (!shallowEqual(pluginState, state)) {
+            dispatch(pluginKey, state);
+            return state;
+          }
+        }
+
+        return pluginState;
+      }
+    },
+    key: pluginKey
+  });
+};

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

@@ -21,6 +21,8 @@ export function Toolbar(props) {
       orderedListActive = props.orderedListActive,
       orderedListDisabled = props.orderedListDisabled,
       showIndentationButtons = props.showIndentationButtons,
+      indentDisabled = props.indentDisabled,
+      outdentDisabled = props.outdentDisabled,
       onItemActivated = props.onItemActivated;
   var labelUnorderedList = formatMessage(messages.unorderedList);
   var labelOrderedList = formatMessage(messages.orderedList);
@@ -68,24 +70,28 @@ export function Toolbar(props) {
     })
   }), showIndentationButtons && jsx(ToolbarButton, {
     buttonId: TOOLBAR_BUTTON.INDENT,
+    testId: TOOLBAR_BUTTON.INDENT,
     spacing: isReducedSpacing ? 'none' : 'default',
     onClick: handleOnItemActivated('indent'),
     iconBefore: jsx(IndentIcon, {
       label: ""
     }),
-    disabled: true,
+    disabled: indentDisabled || disabled,
+    "aria-label": formatMessage(indentationMessages.indent),
     title: jsx(ToolTipContent, {
       description: formatMessage(indentationMessages.indent),
       keymap: toggleIndentKeymap
     })
   }), showIndentationButtons && jsx(ToolbarButton, {
     buttonId: TOOLBAR_BUTTON.OUTDENT,
+    testId: TOOLBAR_BUTTON.OUTDENT,
     spacing: isReducedSpacing ? 'none' : 'default',
     onClick: handleOnItemActivated('outdent'),
     iconBefore: jsx(OutdentIcon, {
       label: ""
     }),
-    disabled: true,
+    disabled: outdentDisabled || disabled,
+    "aria-label": formatMessage(indentationMessages.outdent),
     title: jsx(ToolTipContent, {
       description: formatMessage(indentationMessages.outdent),
       keymap: toggleOutdentKeymap

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

@@ -128,7 +128,7 @@ function useItems(props) {
       value: {
         name: 'indent'
       },
-      isDisabled: true,
+      isDisabled: props.indentDisabled,
       isActive: false,
       elemAfter: jsx("div", {
         css: shortcutStyle
@@ -139,7 +139,7 @@ function useItems(props) {
       value: {
         name: 'outdent'
       },
-      isDisabled: true,
+      isDisabled: props.outdentDisabled,
       isActive: false,
       elemAfter: jsx("div", {
         css: shortcutStyle