@atlaskit/editor-core 167.0.3 → 169.1.0

package/dist/esm/plugins/macro/actions.js

@@ -1,11 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 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 _regeneratorRuntime from "@babel/runtime/regenerator";
 import assert from 'assert';
 import { Selection, NodeSelection, TextSelection } from 'prosemirror-state';
 import { safeInsert, replaceSelectedNode, findSelectedNodeOfType, replaceParentNodeOfType } from 'prosemirror-utils';

package/dist/esm/plugins/media/nodeviews/mediaGroup.js

@@ -1,4 +1,3 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -7,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/dist/esm/plugins/media/nodeviews/mediaInline.js

@@ -5,7 +5,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
@@ -13,6 +12,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 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; }

package/dist/esm/plugins/media/nodeviews/mediaNodeUpdater.js

@@ -1,8 +1,8 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import uuidV4 from 'uuid/v4';
 import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/ui';
 import { getMediaClient, isMediaBlobUrl as _isMediaBlobUrl, getAttrsFromUrl, isImageRepresentationReady } from '@atlaskit/media-client';

package/dist/esm/plugins/media/nodeviews/mediaNodeView/media.js

@@ -1,4 +1,3 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -7,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/dist/esm/plugins/media/nodeviews/mediaSingle.js

@@ -1,6 +1,5 @@
 import _get from "@babel/runtime/helpers/get";
 import _extends from "@babel/runtime/helpers/extends";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -9,6 +8,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/dist/esm/plugins/media/picker-facade.js

@@ -1,8 +1,8 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { isImagePreview } from '@atlaskit/media-picker';
 
 var PickerFacade = /*#__PURE__*/function () {

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

@@ -1,4 +1,3 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -14,6 +13,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 _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';

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

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { getMediaClient } from '@atlaskit/media-client';
 import { findParentNodeOfType, removeParentNodeOfType, removeSelectedNode } from 'prosemirror-utils';
 export var getSelectedMediaContainerNodeAttrs = function getSelectedMediaContainerNodeAttrs(mediaPluginState) {

package/dist/esm/plugins/media/ui/MediaPicker/PickerFacadeProvider.js

@@ -1,4 +1,3 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -7,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/dist/esm/plugins/media/ui/ResizableMediaSingle/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -8,6 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/dist/esm/plugins/media/utils/check-media-type.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { getMediaClient } from '@atlaskit/media-client';
 export var checkMediaType = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaNode, mediaClientConfig) {

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

@@ -24,6 +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';
 export var panelIconMap = (_panelIconMap = {}, _defineProperty(_panelIconMap, PanelType.INFO, {
   shortName: ':info:',
   id: 'atlassian-info'
@@ -43,7 +44,7 @@ export var panelIconMap = (_panelIconMap = {}, _defineProperty(_panelIconMap, Pa
   shortName: ':tip:',
   id: 'atlassian-tip'
 }), _panelIconMap);
-export var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, activePanelType, activePanelColor, activePanelIcon) {
+export var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, activePanelType, activePanelColor, activePanelIcon, state) {
   // TODO: ED-14403 investigate why these titles are not getting translated for the tooltips
   var items = [{
     id: 'editor.panel.info',
@@ -242,6 +243,12 @@ export var getToolbarItems = function getToolbarItems(formatMessage, panelNodeTy
     }
   }
 
+  if (state && showCopyButton(state)) {
+    items.push({
+      type: 'separator'
+    }, getCopyButtonConfig(state, formatMessage, panelNodeType));
+  }
+
   items.push({
     type: 'separator'
   }, {
@@ -277,7 +284,7 @@ export var getToolbarConfig = function getToolbarConfig(state, intl) {
     }; // force toolbar to be turned on
 
 
-    var items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined);
+    var items = getToolbarItems(formatMessage, nodeType, options.allowCustomPanel || false, options.allowCustomPanel && options.allowCustomPanelEdit || false, providerFactory, panelType, options.allowCustomPanel ? panelColor : undefined, options.allowCustomPanel ? panelIcon || isStandardPanel(panelType) : undefined, state);
 
     var getDomRef = function getDomRef(editorView) {
       var domAtPos = editorView.domAtPos.bind(editorView);

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

@@ -1,6 +1,6 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 

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

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Slice, Fragment } from 'prosemirror-model';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';

package/dist/esm/plugins/quick-insert/index.js

@@ -1,6 +1,6 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/dist/esm/plugins/table/commands/hover.js

@@ -86,7 +86,7 @@ export var hoverRows = function hoverRows(hoveredRows, isInDanger) {
     return tr.setMeta('addToHistory', false);
   });
 };
-export var hoverTable = function hoverTable(isInDanger) {
+export var hoverTable = function hoverTable(isInDanger, isSelected) {
   return createCommand(function (state) {
     var table = findTable(state.selection);
 
@@ -103,7 +103,7 @@ export var hoverTable = function hoverTable(isInDanger) {
       return false;
     }
 
-    var decorations = createControlsHoverDecoration(cells, 'table', isInDanger);
+    var decorations = createControlsHoverDecoration(cells, 'table', isInDanger, isSelected);
     return {
       type: 'HOVER_TABLE',
       data: {

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

@@ -15,7 +15,8 @@ import { splitCell } from '@atlaskit/editor-tables/utils';
 import tableMessages from './ui/messages';
 import { messages as ContextualMenuMessages } from './ui/FloatingContextualMenu/ContextualMenu';
 import { findParentDomRefOfType } from 'prosemirror-utils';
-import { closestElement } from '../../utils/dom'; // TODO: ED-14403 investigate why these translations don't work
+import { closestElement } from '../../utils/dom';
+import { getCopyButtonConfig, showCopyButton } from '../copy-button/utils'; // TODO: ED-14403 investigate why these translations don't work
 
 export var messages = defineMessages({
   tableOptions: {
@@ -244,7 +245,9 @@ export var getToolbarConfig = function getToolbarConfig(config) {
         items: [menu, separator(menu.hidden)].concat(_toConsumableArray(cellItems), [{
           type: 'extensions-placeholder',
           separator: 'end'
-        }, {
+        }], _toConsumableArray(state && showCopyButton(state) ? [getCopyButtonConfig(state, intl.formatMessage, nodeType, hoverTable(false, true), clearHoverSelection()), {
+          type: 'separator'
+        }] : []), [{
           id: 'editor.table.delete',
           type: 'button',
           appearance: 'danger',

package/dist/esm/plugins/table/utils/decoration.js

@@ -25,7 +25,7 @@ export var createCellHoverDecoration = function createCellHoverDecoration(cells,
     });
   });
 };
-export var createControlsHoverDecoration = function createControlsHoverDecoration(cells, type, danger) {
+export var createControlsHoverDecoration = function createControlsHoverDecoration(cells, type, danger, selected) {
   return cells.map(function (cell) {
     var classes = [ClassName.HOVERED_CELL];
 
@@ -33,6 +33,10 @@ export var createControlsHoverDecoration = function createControlsHoverDecoratio
       classes.push(ClassName.HOVERED_CELL_IN_DANGER);
     }
 
+    if (selected) {
+      classes.push(ClassName.SELECTED_CELL);
+    }
+
     classes.push(type === 'column' ? ClassName.HOVERED_COLUMN : type === 'row' ? ClassName.HOVERED_ROW : ClassName.HOVERED_TABLE);
     var key;
 

package/dist/esm/plugins/tasks-and-decisions/ui/Task/task-item-with-providers.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -10,6 +9,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["contextIdentifierProvider"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

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

@@ -0,0 +1,51 @@
+import React from 'react';
+import ToolbarListsIndentation from './ui';
+import WithPluginState from '../../ui/WithPluginState';
+import { ToolbarSize } from '../../ui/Toolbar/types';
+import { pluginKey as listPluginKey } from '../list/pm-plugins/main';
+
+var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref) {
+  var showIndentationButtons = _ref.showIndentationButtons;
+  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;
+      var isSmall = toolbarSize < ToolbarSize.L;
+      return /*#__PURE__*/React.createElement(WithPluginState, {
+        plugins: {
+          listState: listPluginKey
+        },
+        render: function render(_ref3) {
+          var listState = _ref3.listState;
+
+          if (!listState) {
+            return null;
+          }
+
+          return /*#__PURE__*/React.createElement(ToolbarListsIndentation, {
+            isSmall: isSmall,
+            isReducedSpacing: isToolbarReducedSpacing,
+            disabled: disabled,
+            editorView: editorView,
+            popupsMountPoint: popupsMountPoint,
+            popupsBoundariesElement: popupsBoundariesElement,
+            popupsScrollableElement: popupsScrollableElement,
+            bulletListActive: listState.bulletListActive,
+            bulletListDisabled: listState.bulletListDisabled,
+            orderedListActive: listState.orderedListActive,
+            orderedListDisabled: listState.orderedListDisabled,
+            showIndentationButtons: !!showIndentationButtons
+          });
+        }
+      });
+    }
+  };
+};
+
+export default toolbarListsIndentationPlugin;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,96 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { useIntl } from 'react-intl-next';
+import BulletListIcon from '@atlaskit/icon/glyph/editor/bullet-list';
+import NumberListIcon from '@atlaskit/icon/glyph/editor/number-list';
+import IndentIcon from '@atlaskit/icon/glyph/editor/indent';
+import OutdentIcon from '@atlaskit/icon/glyph/editor/outdent';
+import { toggleBulletList as toggleBulletListKeymap, toggleOrderedList as toggleOrderedListKeymap, indent as toggleIndentKeymap, outdent as toggleOutdentKeymap, ToolTipContent } from '../../../keymaps';
+import ToolbarButton, { TOOLBAR_BUTTON } from '../../../ui/ToolbarButton';
+import { messages } from '../../list/messages';
+import { messages as indentationMessages } from '../../indentation/messages';
+import { buttonGroupStyle, separatorStyles } from '../../../ui/styles';
+export function Toolbar(props) {
+  var _useIntl = useIntl(),
+      formatMessage = _useIntl.formatMessage;
+
+  var disabled = props.disabled,
+      isReducedSpacing = props.isReducedSpacing,
+      bulletListActive = props.bulletListActive,
+      bulletListDisabled = props.bulletListDisabled,
+      orderedListActive = props.orderedListActive,
+      orderedListDisabled = props.orderedListDisabled,
+      showIndentationButtons = props.showIndentationButtons,
+      onItemActivated = props.onItemActivated;
+  var labelUnorderedList = formatMessage(messages.unorderedList);
+  var labelOrderedList = formatMessage(messages.orderedList);
+
+  var handleOnItemActivated = function handleOnItemActivated(buttonName) {
+    return function (event) {
+      return onItemActivated({
+        editorView: props.editorView,
+        buttonName: buttonName
+      });
+    };
+  };
+
+  return jsx("span", {
+    css: buttonGroupStyle
+  }, jsx(ToolbarButton, {
+    buttonId: TOOLBAR_BUTTON.BULLET_LIST,
+    spacing: isReducedSpacing ? 'none' : 'default',
+    onClick: handleOnItemActivated('bullet_list'),
+    selected: bulletListActive,
+    "aria-pressed": bulletListActive,
+    "aria-label": labelUnorderedList,
+    disabled: bulletListDisabled || disabled,
+    title: jsx(ToolTipContent, {
+      description: labelUnorderedList,
+      keymap: toggleBulletListKeymap
+    }),
+    iconBefore: jsx(BulletListIcon, {
+      label: ""
+    })
+  }), jsx(ToolbarButton, {
+    buttonId: TOOLBAR_BUTTON.ORDERED_LIST,
+    spacing: isReducedSpacing ? 'none' : 'default',
+    onClick: handleOnItemActivated('ordered_list'),
+    selected: orderedListActive,
+    "aria-pressed": orderedListActive,
+    "aria-label": labelOrderedList,
+    disabled: orderedListDisabled || disabled,
+    title: jsx(ToolTipContent, {
+      description: labelOrderedList,
+      keymap: toggleOrderedListKeymap
+    }),
+    iconBefore: jsx(NumberListIcon, {
+      label: ""
+    })
+  }), showIndentationButtons && jsx(ToolbarButton, {
+    buttonId: TOOLBAR_BUTTON.INDENT,
+    spacing: isReducedSpacing ? 'none' : 'default',
+    onClick: handleOnItemActivated('indent'),
+    iconBefore: jsx(IndentIcon, {
+      label: ""
+    }),
+    disabled: true,
+    title: jsx(ToolTipContent, {
+      description: formatMessage(indentationMessages.indent),
+      keymap: toggleIndentKeymap
+    })
+  }), showIndentationButtons && jsx(ToolbarButton, {
+    buttonId: TOOLBAR_BUTTON.OUTDENT,
+    spacing: isReducedSpacing ? 'none' : 'default',
+    onClick: handleOnItemActivated('outdent'),
+    iconBefore: jsx(OutdentIcon, {
+      label: ""
+    }),
+    disabled: true,
+    title: jsx(ToolTipContent, {
+      description: formatMessage(indentationMessages.outdent),
+      keymap: toggleOutdentKeymap
+    })
+  }), jsx("span", {
+    css: separatorStyles
+  }));
+}

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

@@ -0,0 +1,153 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
+import BulletListIcon from '@atlaskit/icon/glyph/editor/bullet-list';
+import { toggleBulletList as toggleBulletListKeymap, toggleOrderedList as toggleOrderedListKeymap, indent as toggleIndentKeymap, outdent as toggleOutdentKeymap, tooltip } from '../../../keymaps';
+import DropdownMenu from '../../../ui/DropdownMenu';
+import ToolbarButton from '../../../ui/ToolbarButton';
+import { wrapperStyle, expandIconWrapperStyle, shortcutStyle, separatorStyles } from '../../../ui/styles';
+import { messages as listMessages } from '../../list/messages';
+import { messages as indentationMessages } from '../../indentation/messages';
+export function ToolbarDropdown(props) {
+  var _useIntl = useIntl(),
+      formatMessage = _useIntl.formatMessage;
+
+  var disabled = props.disabled,
+      isReducedSpacing = props.isReducedSpacing,
+      bulletListActive = props.bulletListActive,
+      orderedListActive = props.orderedListActive,
+      popupsMountPoint = props.popupsMountPoint,
+      popupsBoundariesElement = props.popupsBoundariesElement,
+      popupsScrollableElement = props.popupsScrollableElement,
+      onItemActivated = props.onItemActivated;
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isDropdownOpen = _React$useState2[0],
+      setIsDropdownOpen = _React$useState2[1];
+
+  var labelLists = formatMessage(listMessages.lists);
+
+  var onOpenChange = function onOpenChange(attrs) {
+    setIsDropdownOpen(attrs.isDropdownOpen);
+  };
+
+  var handleTriggerClick = function handleTriggerClick() {
+    onOpenChange({
+      isDropdownOpen: !isDropdownOpen
+    });
+  };
+
+  var items = useItems(props);
+
+  var handleOnItemActivated = function handleOnItemActivated(_ref) {
+    var item = _ref.item;
+    setIsDropdownOpen(false);
+    return onItemActivated({
+      editorView: props.editorView,
+      buttonName: item.value.name
+    });
+  };
+
+  return jsx("span", {
+    css: wrapperStyle
+  }, jsx(DropdownMenu, {
+    items: items,
+    onItemActivated: handleOnItemActivated,
+    mountTo: popupsMountPoint,
+    boundariesElement: popupsBoundariesElement,
+    scrollableElement: popupsScrollableElement,
+    isOpen: isDropdownOpen,
+    onOpenChange: onOpenChange,
+    fitHeight: 188,
+    fitWidth: 175,
+    shouldUseDefaultRole: true
+  }, jsx(ToolbarButton, {
+    spacing: isReducedSpacing ? 'none' : 'default',
+    selected: bulletListActive || orderedListActive,
+    "aria-expanded": isDropdownOpen,
+    "aria-haspopup": true,
+    "aria-label": labelLists,
+    disabled: disabled,
+    onClick: handleTriggerClick,
+    title: labelLists,
+    iconBefore: jsx("span", {
+      css: wrapperStyle
+    }, jsx(BulletListIcon, {
+      label: labelLists
+    }), jsx("span", {
+      css: expandIconWrapperStyle
+    }, jsx(ExpandIcon, {
+      label: ""
+    })))
+  })), jsx("span", {
+    css: separatorStyles
+  }));
+}
+
+function useItems(props) {
+  var _useIntl2 = useIntl(),
+      formatMessage = _useIntl2.formatMessage;
+
+  var labelUnorderedList = formatMessage(listMessages.unorderedList);
+  var labelOrderedList = formatMessage(listMessages.orderedList);
+  var items = [{
+    key: 'unorderedList',
+    content: labelUnorderedList,
+    value: {
+      name: 'bullet_list'
+    },
+    isDisabled: props.bulletListDisabled,
+    isActive: Boolean(props.bulletListActive),
+    elemAfter: jsx("div", {
+      css: shortcutStyle
+    }, tooltip(toggleBulletListKeymap))
+  }, {
+    key: 'orderedList',
+    content: labelOrderedList,
+    value: {
+      name: 'ordered_list'
+    },
+    isDisabled: props.orderedListDisabled,
+    isActive: Boolean(props.orderedListActive),
+    elemAfter: jsx("div", {
+      css: shortcutStyle
+    }, tooltip(toggleOrderedListKeymap))
+  }];
+
+  if (props.showIndentationButtons) {
+    var labelIndent = formatMessage(indentationMessages.indent);
+    var labelOutdent = formatMessage(indentationMessages.outdent);
+    items.push({
+      key: 'indent',
+      content: labelIndent,
+      value: {
+        name: 'indent'
+      },
+      isDisabled: true,
+      isActive: false,
+      elemAfter: jsx("div", {
+        css: shortcutStyle
+      }, tooltip(toggleIndentKeymap))
+    }, {
+      key: 'outdent',
+      content: labelOutdent,
+      value: {
+        name: 'outdent'
+      },
+      isDisabled: true,
+      isActive: false,
+      elemAfter: jsx("div", {
+        css: shortcutStyle
+      }, tooltip(toggleOutdentKeymap))
+    });
+  }
+
+  return [{
+    items: items
+  }];
+}