@atlaskit/editor-core 167.0.3 → 169.1.0

package/dist/cjs/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ExtensionsPlaceholder = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _react = _interopRequireWildcard(require("react"));

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

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = exports.default = exports.RECENT_SEARCH_LIST_SIZE = exports.HyperlinkLinkAddToolbarWithIntl = exports.HyperlinkLinkAddToolbar = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));

package/dist/cjs/plugins/indentation/messages.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+// Common Translations will live here
+var messages = (0, _reactIntlNext.defineMessages)({
+  indent: {
+    id: 'fabric.editor.indent',
+    defaultMessage: 'Indent',
+    description: 'Indent a list item, paragraph or heading'
+  },
+  outdent: {
+    id: 'fabric.editor.outdent',
+    defaultMessage: 'Outdent',
+    description: 'Outdent a list item, paragraph or heading'
+  }
+});
+exports.messages = messages;

package/dist/cjs/plugins/index.js

@@ -109,6 +109,12 @@ Object.defineProperty(exports, "contextPanelPlugin", {
     return _contextPanel.default;
   }
 });
+Object.defineProperty(exports, "copyButtonPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _copyButton.default;
+  }
+});
 Object.defineProperty(exports, "customAutoformatPlugin", {
   enumerable: true,
   get: function get() {
@@ -379,6 +385,12 @@ Object.defineProperty(exports, "textFormattingPlugin", {
     return _textFormatting.default;
   }
 });
+Object.defineProperty(exports, "toolbarListsIndentationPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _toolbarListsIndentation.default;
+  }
+});
 Object.defineProperty(exports, "typeAheadPlugin", {
   enumerable: true,
   get: function get() {
@@ -442,6 +454,8 @@ var _layout = _interopRequireDefault(require("./layout"));
 
 var _list = _interopRequireDefault(require("./list"));
 
+var _toolbarListsIndentation = _interopRequireDefault(require("./toolbar-lists-indentation"));
+
 var _macro = _interopRequireDefault(require("./macro"));
 
 var _maxContentSize = _interopRequireDefault(require("./max-content-size"));
@@ -540,6 +554,8 @@ var _beforePrimaryToolbar = _interopRequireDefault(require("./before-primaryTool
 
 var _codeBidiWarning = _interopRequireDefault(require("./code-bidi-warning"));
 
+var _copyButton = _interopRequireDefault(require("./copy-button"));
+
 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; }

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

@@ -11,16 +11,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
-var _ToolbarLists = _interopRequireDefault(require("./ui/ToolbarLists"));
-
 var _main = require("./pm-plugins/main");
 
 var _inputRules = _interopRequireDefault(require("./pm-plugins/input-rules"));
 
 var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
 
-var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
-
 var _messages = require("./messages");
 
 var _analytics = require("../analytics");
@@ -29,8 +25,6 @@ var _keymaps = require("../../keymaps");
 
 var _assets = require("../quick-insert/assets");
 
-var _types = require("../../ui/Toolbar/types");
-
 var listPlugin = function listPlugin() {
   return {
     name: 'list',
@@ -116,43 +110,6 @@ var listPlugin = function listPlugin() {
           }
         }];
       }
-    },
-    primaryToolbarComponent: function primaryToolbarComponent(_ref4) {
-      var editorView = _ref4.editorView,
-          popupsMountPoint = _ref4.popupsMountPoint,
-          popupsBoundariesElement = _ref4.popupsBoundariesElement,
-          popupsScrollableElement = _ref4.popupsScrollableElement,
-          toolbarSize = _ref4.toolbarSize,
-          disabled = _ref4.disabled,
-          isToolbarReducedSpacing = _ref4.isToolbarReducedSpacing;
-      var isSmall = toolbarSize < _types.ToolbarSize.L;
-      return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
-        plugins: {
-          listState: _main.pluginKey
-        },
-        render: function render(_ref5) {
-          var listState = _ref5.listState;
-
-          if (!listState) {
-            return null;
-          }
-
-          return /*#__PURE__*/_react.default.createElement(_ToolbarLists.default, {
-            isSmall: isSmall,
-            isSeparator: true,
-            isReducedSpacing: isToolbarReducedSpacing,
-            disabled: disabled,
-            editorView: editorView,
-            popupsMountPoint: popupsMountPoint,
-            popupsBoundariesElement: popupsBoundariesElement,
-            popupsScrollableElement: popupsScrollableElement,
-            bulletListActive: listState.bulletListActive,
-            bulletListDisabled: listState.bulletListDisabled,
-            orderedListActive: listState.orderedListActive,
-            orderedListDisabled: listState.orderedListDisabled
-          });
-        }
-      });
     }
   };
 };

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

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.setMacroProvider = exports.runMacroAutoConvert = exports.resolveMacro = exports.insertMacroFromMacroBrowser = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _assert = _interopRequireDefault(require("assert"));

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

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.updateMediaNodeAttributes = exports.handleNewNode = exports.createMediaNodeUpdater = exports.ReactMediaInlineNode = exports.MediaInlineNodeView = exports.MediaInline = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -23,8 +25,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

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

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ReactMediaSingleNode = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.calcOffsetLeft = calcOffsetLeft;
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

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

@@ -45,6 +45,8 @@ var _analytics = require("../analytics");
 
 var _message = require("./message");
 
+var _utils2 = require("../copy-button/utils");
+
 var _panelIconMap;
 
 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; }
@@ -72,7 +74,7 @@ var panelIconMap = (_panelIconMap = {}, (0, _defineProperty2.default)(_panelIcon
 }), _panelIconMap);
 exports.panelIconMap = panelIconMap;
 
-var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, activePanelType, activePanelColor, activePanelIcon) {
+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',
@@ -271,6 +273,12 @@ var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isC
     }
   }
 
+  if (state && (0, _utils2.showCopyButton)(state)) {
+    items.push({
+      type: 'separator'
+    }, (0, _utils2.getCopyButtonConfig)(state, formatMessage, panelNodeType));
+  }
+
   items.push({
     type: 'separator'
   }, {
@@ -309,7 +317,7 @@ 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/cjs/plugins/table/commands/hover.js

@@ -107,7 +107,7 @@ var hoverRows = function hoverRows(hoveredRows, isInDanger) {
 
 exports.hoverRows = hoverRows;
 
-var hoverTable = function hoverTable(isInDanger) {
+var hoverTable = function hoverTable(isInDanger, isSelected) {
   return (0, _pluginFactory.createCommand)(function (state) {
     var table = (0, _utils.findTable)(state.selection);
 
@@ -125,7 +125,7 @@ var hoverTable = function hoverTable(isInDanger) {
       return false;
     }
 
-    var decorations = (0, _utils2.createControlsHoverDecoration)(cells, 'table', isInDanger);
+    var decorations = (0, _utils2.createControlsHoverDecoration)(cells, 'table', isInDanger, isSelected);
     return {
       type: 'HOVER_TABLE',
       data: {

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

@@ -41,6 +41,8 @@ var _prosemirrorUtils = require("prosemirror-utils");
 
 var _dom = require("../../utils/dom");
 
+var _utils2 = require("../copy-button/utils");
+
 // TODO: ED-14403 investigate why these translations don't work
 var messages = (0, _reactIntlNext.defineMessages)({
   tableOptions: {
@@ -277,7 +279,9 @@ var getToolbarConfig = function getToolbarConfig(config) {
         items: [menu, separator(menu.hidden)].concat((0, _toConsumableArray2.default)(cellItems), [{
           type: 'extensions-placeholder',
           separator: 'end'
-        }, {
+        }], (0, _toConsumableArray2.default)(state && (0, _utils2.showCopyButton)(state) ? [(0, _utils2.getCopyButtonConfig)(state, intl.formatMessage, nodeType, (0, _commands.hoverTable)(false, true), (0, _commands.clearHoverSelection)()), {
+          type: 'separator'
+        }] : []), [{
           id: 'editor.table.delete',
           type: 'button',
           appearance: 'danger',

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

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

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

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ui = _interopRequireDefault(require("./ui"));
+
+var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
+
+var _types = require("../../ui/Toolbar/types");
+
+var _main = require("../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 < _types.ToolbarSize.L;
+      return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
+        plugins: {
+          listState: _main.pluginKey
+        },
+        render: function render(_ref3) {
+          var listState = _ref3.listState;
+
+          if (!listState) {
+            return null;
+          }
+
+          return /*#__PURE__*/_react.default.createElement(_ui.default, {
+            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
+          });
+        }
+      });
+    }
+  };
+};
+
+var _default = toolbarListsIndentationPlugin;
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toolbar = Toolbar;
+
+var _react = require("@emotion/react");
+
+var _reactIntlNext = require("react-intl-next");
+
+var _bulletList = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/bullet-list"));
+
+var _numberList = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/number-list"));
+
+var _indent = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/indent"));
+
+var _outdent = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/outdent"));
+
+var _keymaps = require("../../../keymaps");
+
+var _ToolbarButton = _interopRequireWildcard(require("../../../ui/ToolbarButton"));
+
+var _messages = require("../../list/messages");
+
+var _messages2 = require("../../indentation/messages");
+
+var _styles = require("../../../ui/styles");
+
+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; }
+
+/** @jsx jsx */
+function Toolbar(props) {
+  var _useIntl = (0, _reactIntlNext.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.messages.unorderedList);
+  var labelOrderedList = formatMessage(_messages.messages.orderedList);
+
+  var handleOnItemActivated = function handleOnItemActivated(buttonName) {
+    return function (event) {
+      return onItemActivated({
+        editorView: props.editorView,
+        buttonName: buttonName
+      });
+    };
+  };
+
+  return (0, _react.jsx)("span", {
+    css: _styles.buttonGroupStyle
+  }, (0, _react.jsx)(_ToolbarButton.default, {
+    buttonId: _ToolbarButton.TOOLBAR_BUTTON.BULLET_LIST,
+    spacing: isReducedSpacing ? 'none' : 'default',
+    onClick: handleOnItemActivated('bullet_list'),
+    selected: bulletListActive,
+    "aria-pressed": bulletListActive,
+    "aria-label": labelUnorderedList,
+    disabled: bulletListDisabled || disabled,
+    title: (0, _react.jsx)(_keymaps.ToolTipContent, {
+      description: labelUnorderedList,
+      keymap: _keymaps.toggleBulletList
+    }),
+    iconBefore: (0, _react.jsx)(_bulletList.default, {
+      label: ""
+    })
+  }), (0, _react.jsx)(_ToolbarButton.default, {
+    buttonId: _ToolbarButton.TOOLBAR_BUTTON.ORDERED_LIST,
+    spacing: isReducedSpacing ? 'none' : 'default',
+    onClick: handleOnItemActivated('ordered_list'),
+    selected: orderedListActive,
+    "aria-pressed": orderedListActive,
+    "aria-label": labelOrderedList,
+    disabled: orderedListDisabled || disabled,
+    title: (0, _react.jsx)(_keymaps.ToolTipContent, {
+      description: labelOrderedList,
+      keymap: _keymaps.toggleOrderedList
+    }),
+    iconBefore: (0, _react.jsx)(_numberList.default, {
+      label: ""
+    })
+  }), showIndentationButtons && (0, _react.jsx)(_ToolbarButton.default, {
+    buttonId: _ToolbarButton.TOOLBAR_BUTTON.INDENT,
+    spacing: isReducedSpacing ? 'none' : 'default',
+    onClick: handleOnItemActivated('indent'),
+    iconBefore: (0, _react.jsx)(_indent.default, {
+      label: ""
+    }),
+    disabled: true,
+    title: (0, _react.jsx)(_keymaps.ToolTipContent, {
+      description: formatMessage(_messages2.messages.indent),
+      keymap: _keymaps.indent
+    })
+  }), showIndentationButtons && (0, _react.jsx)(_ToolbarButton.default, {
+    buttonId: _ToolbarButton.TOOLBAR_BUTTON.OUTDENT,
+    spacing: isReducedSpacing ? 'none' : 'default',
+    onClick: handleOnItemActivated('outdent'),
+    iconBefore: (0, _react.jsx)(_outdent.default, {
+      label: ""
+    }),
+    disabled: true,
+    title: (0, _react.jsx)(_keymaps.ToolTipContent, {
+      description: formatMessage(_messages2.messages.outdent),
+      keymap: _keymaps.outdent
+    })
+  }), (0, _react.jsx)("span", {
+    css: _styles.separatorStyles
+  }));
+}