@atlaskit/editor-core 189.4.0 → 189.4.2

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/item.js

@@ -1,250 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.table = exports.status = exports.placeholder = exports.panel = exports.more = exports.mention = exports.media = exports.link = exports.layout = exports.imageUpload = exports.horizontalrule = exports.expand = exports.emoji = exports.decision = exports.date = exports.codeblock = exports.blockquote = exports.action = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _decision = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/decision"));
-var _task = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/task"));
-var _table = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/table"));
-var _image = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/image"));
-var _mention = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/mention"));
-var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/more"));
-var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/link"));
-var _emoji = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/emoji"));
-var _date = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/date"));
-var _status = _interopRequireDefault(require("@atlaskit/icon/glyph/status"));
-var _chevronRightCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-circle"));
-var _text = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/text"));
-var _layoutTwoEqual = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/layout-two-equal"));
-var _horizontalRule = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/horizontal-rule"));
-var _code = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/code"));
-var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/info"));
-var _quote = _interopRequireDefault(require("@atlaskit/icon/glyph/quote"));
-var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
-var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _shallowEquals = require("./shallow-equals");
-/** @jsx jsx */
-
-var from = function from(init) {
-  return {
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    value: {
-      name: init.name
-    },
-    elemBefore: (0, _react2.jsx)(init.Icon, {
-      label: init.content
-    }),
-    elemAfter: init.shortcut ? (0, _react2.jsx)("div", {
-      css: _shortcut.shortcutStyle
-    }, init.shortcut) : undefined,
-    'aria-label': init.shortcut ? init.content + ' ' + init.shortcut : init.content,
-    'aria-haspopup': init['aria-haspopup'],
-    'aria-keyshortcuts': init['aria-keyshortcuts'],
-    shortcut: init.shortcut,
-    isDisabled: init.disabled
-  };
-};
-var mem = function mem(fn) {
-  return (0, _memoizeOne.default)(fn, _shallowEquals.shallowEquals);
-};
-var action = exports.action = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'action',
-    shortcut: '[]',
-    Icon: _task.default,
-    'aria-keyshortcuts': '[ ] Space'
-  });
-});
-var link = exports.link = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'link',
-    shortcut: (0, _keymaps.tooltip)(_keymaps.addLink),
-    Icon: _link.default,
-    'aria-haspopup': init['aria-haspopup'],
-    'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(_keymaps.addLink)
-  });
-});
-var media = exports.media = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'media',
-    Icon: _image.default
-  });
-});
-var imageUpload = exports.imageUpload = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'image upload',
-    Icon: _image.default
-  });
-});
-var mention = exports.mention = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'mention',
-    Icon: _mention.default,
-    shortcut: '@',
-    'aria-haspopup': init['aria-haspopup'],
-    'aria-keyshortcuts': 'Shift+2 Space'
-  });
-});
-var emoji = exports.emoji = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'emoji',
-    Icon: _emoji.default,
-    shortcut: ':',
-    'aria-haspopup': init['aria-haspopup'],
-    'aria-keyshortcuts': 'Shift+;'
-  });
-});
-var table = exports.table = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'table',
-    Icon: _table.default,
-    shortcut: (0, _keymaps.tooltip)(_keymaps.toggleTable),
-    'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(_keymaps.toggleTable)
-  });
-});
-var layout = exports.layout = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'layout',
-    Icon: _layoutTwoEqual.default
-  });
-});
-var codeblock = exports.codeblock = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'codeblock',
-    Icon: _code.default,
-    shortcut: init.shortcut,
-    'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(init.shortcut)
-  });
-});
-var panel = exports.panel = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'panel',
-    Icon: _info.default,
-    shortcut: init.shortcut,
-    'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(init.shortcut)
-  });
-});
-var blockquote = exports.blockquote = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'blockquote',
-    Icon: _quote.default,
-    shortcut: init.shortcut,
-    'aria-keyshortcuts': 'Shift+. Space'
-  });
-});
-var decision = exports.decision = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'decision',
-    Icon: _decision.default,
-    shortcut: '<>',
-    'aria-keyshortcuts': 'Shift+, Shift+. Space'
-  });
-});
-var horizontalrule = exports.horizontalrule = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'horizontalrule',
-    Icon: _horizontalRule.default,
-    shortcut: '---',
-    'aria-keyshortcuts': '- - -'
-  });
-});
-var expand = exports.expand = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'expand',
-    Icon: _chevronRightCircle.default
-  });
-});
-var date = exports.date = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'date',
-    Icon: _date.default,
-    shortcut: '//',
-    'aria-keyshortcuts': '/ / Enter'
-  });
-});
-var placeholder = exports.placeholder = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'placeholder text',
-    Icon: function Icon() {
-      return (0, _react2.jsx)(_text.default, {
-        label: ""
-      });
-    }
-  });
-});
-var status = exports.status = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'status',
-    Icon: _status.default
-  });
-});
-var more = exports.more = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'macro',
-    Icon: function Icon() {
-      return (0, _react2.jsx)(_more.default, {
-        label: ""
-      });
-    }
-  });
-});

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/messages.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "messages", {
-  enumerable: true,
-  get: function get() {
-    return _messages.toolbarInsertBlockMessages;
-  }
-});
-var _messages = require("@atlaskit/editor-common/messages");

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/shallow-equals.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shallowEquals = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var shallowEquals = exports.shallowEquals = function shallowEquals(_ref, _ref2) {
-  var _ref3 = (0, _slicedToArray2.default)(_ref, 1),
-    aRaw = _ref3[0];
-  var _ref4 = (0, _slicedToArray2.default)(_ref2, 1),
-    bRaw = _ref4[0];
-  var a = aRaw;
-  var b = bRaw;
-  return !Object.keys(a).some(function (key) {
-    var k = key;
-    return a[k] !== b[k];
-  });
-};

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/sort-items.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sortItems = void 0;
-var endPositionNames = ['macro-browser', 'slash-onboarding'];
-var isMacro = function isMacro(item) {
-  return typeof item.content === 'string' && item.content.includes('macro');
-};
-var sortItems = exports.sortItems = function sortItems(items) {
-  return items.sort(function (a, b) {
-    if (endPositionNames.includes(a.value.name) && endPositionNames.includes(b.value.name)) {
-      return endPositionNames.indexOf(a.value.name) - endPositionNames.indexOf(b.value.name);
-    }
-    if (endPositionNames.includes(b.value.name)) {
-      return -1;
-    }
-    if (endPositionNames.includes(a.value.name)) {
-      return 1;
-    }
-    if (isMacro(a) && !isMacro(b)) {
-      return 1;
-    }
-    if (isMacro(b) && !isMacro(a)) {
-      return -1;
-    }
-    return a.content < b.content ? -1 : 1;
-  });
-};

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/styles.js

@@ -1,11 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.triggerWrapper = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _templateObject;
-var triggerWrapper = exports.triggerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 42px;\n\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n"])));

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/types.js

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

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

@@ -1,91 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PrimaryToolbarComponent = PrimaryToolbarComponent;
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _ui = _interopRequireDefault(require("./ui"));
-var _types = require("../../ui/Toolbar/types");
-var _indentationButtons = require("./pm-plugins/indentation-buttons");
-var toolbarListsIndentationPlugin = function toolbarListsIndentationPlugin(_ref) {
-  var _api$featureFlags;
-  var config = _ref.config,
-    api = _ref.api;
-  var _ref2 = config !== null && config !== void 0 ? config : {},
-    _ref2$showIndentation = _ref2.showIndentationButtons,
-    showIndentationButtons = _ref2$showIndentation === void 0 ? false : _ref2$showIndentation,
-    _ref2$allowHeadingAnd = _ref2.allowHeadingAndParagraphIndentation,
-    allowHeadingAndParagraphIndentation = _ref2$allowHeadingAnd === void 0 ? false : _ref2$allowHeadingAnd;
-  var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  return {
-    name: 'toolbarListsIndentation',
-    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 < _types.ToolbarSize.L;
-      return /*#__PURE__*/_react.default.createElement(PrimaryToolbarComponent, {
-        featureFlags: featureFlags,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        isSmall: isSmall,
-        isToolbarReducedSpacing: isToolbarReducedSpacing,
-        disabled: disabled,
-        editorView: editorView,
-        showIndentationButtons: showIndentationButtons,
-        pluginInjectionApi: api,
-        allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
-      });
-    }
-  };
-};
-function PrimaryToolbarComponent(_ref4) {
-  var featureFlags = _ref4.featureFlags,
-    popupsMountPoint = _ref4.popupsMountPoint,
-    popupsBoundariesElement = _ref4.popupsBoundariesElement,
-    popupsScrollableElement = _ref4.popupsScrollableElement,
-    isSmall = _ref4.isSmall,
-    isToolbarReducedSpacing = _ref4.isToolbarReducedSpacing,
-    disabled = _ref4.disabled,
-    editorView = _ref4.editorView,
-    showIndentationButtons = _ref4.showIndentationButtons,
-    pluginInjectionApi = _ref4.pluginInjectionApi,
-    allowHeadingAndParagraphIndentation = _ref4.allowHeadingAndParagraphIndentation;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['list', 'indentation', 'taskDecision']),
-    listState = _useSharedPluginState.listState,
-    indentationState = _useSharedPluginState.indentationState,
-    taskDecisionState = _useSharedPluginState.taskDecisionState;
-  var toolbarListsIndentationState = (0, _indentationButtons.getIndentationButtonsState)(editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem);
-  if (!listState) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_ui.default, {
-    featureFlags: featureFlags,
-    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,
-    indentDisabled: toolbarListsIndentationState.indentDisabled,
-    outdentDisabled: toolbarListsIndentationState.outdentDisabled,
-    indentationStateNode: toolbarListsIndentationState === null || toolbarListsIndentationState === void 0 ? void 0 : toolbarListsIndentationState.node,
-    pluginInjectionApi: pluginInjectionApi
-  });
-}
-var _default = exports.default = toolbarListsIndentationPlugin;

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

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getIndentationButtonsState = getIndentationButtonsState;
-var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _lists = require("@atlaskit/editor-common/lists");
-var _indentation = require("@atlaskit/editor-common/indentation");
-function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, isInsideListItem) {
-  var _indentationState$isI;
-  var state = {
-    indentDisabled: true,
-    outdentDisabled: true,
-    node: null
-  };
-  var selection = editorState.selection;
-
-  // 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 !== null && isInsideListItem !== void 0 && isInsideListItem(editorState.tr)) {
-    var _getListItemAttribute = (0, _lists.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 >= _indentation.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 (taskDecisionState !== null && taskDecisionState !== void 0 && taskDecisionState.isInsideTask) {
-    return {
-      indentDisabled: taskDecisionState.indentDisabled,
-      outdentDisabled: taskDecisionState.outdentDisabled,
-      node: 'taskList'
-    };
-  }
-  var isTopLevelParagraphOrHeading = selection.$from.depth === 1;
-  var isInLayoutNode = (0, _utils.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 && ((_indentationState$isI = indentationState === null || indentationState === void 0 ? void 0 : indentationState.isIndentationAllowed) !== null && _indentationState$isI !== void 0 ? _indentationState$isI : false) && (isTopLevelParagraphOrHeading || isInLayoutNode) && indentationState) {
-    return {
-      indentDisabled: indentationState.indentDisabled,
-      outdentDisabled: indentationState.outdentDisabled,
-      node: 'paragraph_heading'
-    };
-  }
-  return state;
-}

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

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

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

@@ -1,135 +0,0 @@
-"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("@atlaskit/editor-common/messages");
-var _styles = require("@atlaskit/editor-common/styles");
-var _keymaps2 = require("@atlaskit/editor-common/keymaps");
-var _react2 = require("react");
-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 indentButtonRef = (0, _react2.useRef)(null);
-  var outdentButtonRef = (0, _react2.useRef)(null);
-  var disabled = props.disabled,
-    isReducedSpacing = props.isReducedSpacing,
-    bulletListActive = props.bulletListActive,
-    bulletListDisabled = props.bulletListDisabled,
-    orderedListActive = props.orderedListActive,
-    orderedListDisabled = props.orderedListDisabled,
-    showIndentationButtons = props.showIndentationButtons,
-    indentDisabled = props.indentDisabled,
-    outdentDisabled = props.outdentDisabled,
-    onItemActivated = props.onItemActivated;
-  var labelUnorderedList = formatMessage(_messages.listMessages.unorderedList);
-  var labelOrderedList = formatMessage(_messages.listMessages.orderedList);
-  var indentMessage = formatMessage(_messages.indentationMessages.indent);
-  var outdentMessage = formatMessage(_messages.indentationMessages.outdent);
-  var isIndentButtonFocused = document.activeElement === indentButtonRef.current;
-  var isOutdentButtonFocused = document.activeElement === outdentButtonRef.current;
-  var handleOnItemActivated = function handleOnItemActivated(buttonName) {
-    return function (event) {
-      return onItemActivated({
-        editorView: props.editorView,
-        buttonName: buttonName
-      });
-    };
-  };
-  (0, _react2.useEffect)(function () {
-    if (isIndentButtonFocused && indentDisabled && outdentButtonRef.current) {
-      outdentButtonRef.current.focus();
-    }
-  }, [indentButtonRef, indentDisabled, isIndentButtonFocused]);
-  (0, _react2.useEffect)(function () {
-    if (isOutdentButtonFocused && outdentDisabled && indentButtonRef.current) {
-      indentButtonRef.current.focus();
-    }
-  }, [outdentButtonRef, outdentDisabled, isOutdentButtonFocused]);
-  return (0, _react.jsx)("span", {
-    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": (0, _keymaps.tooltip)(_keymaps.toggleBulletList, labelUnorderedList),
-    "aria-keyshortcuts": (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.toggleBulletList),
-    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,
-    testId: labelOrderedList,
-    spacing: isReducedSpacing ? 'none' : 'default',
-    onClick: handleOnItemActivated('ordered_list'),
-    selected: orderedListActive,
-    "aria-pressed": orderedListActive,
-    "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,
-      keymap: _keymaps.toggleOrderedList
-    }),
-    iconBefore: (0, _react.jsx)(_numberList.default, {
-      label: ""
-    })
-  }), showIndentationButtons && (0, _react.jsx)(_ToolbarButton.default, {
-    buttonId: _ToolbarButton.TOOLBAR_BUTTON.OUTDENT,
-    testId: _ToolbarButton.TOOLBAR_BUTTON.OUTDENT,
-    ref: outdentButtonRef,
-    spacing: isReducedSpacing ? 'none' : 'default',
-    onClick: handleOnItemActivated('outdent'),
-    iconBefore: (0, _react.jsx)(_outdent.default, {
-      label: ""
-    }),
-    disabled: outdentDisabled || disabled,
-    "aria-label": (0, _keymaps.tooltip)(_keymaps.outdent, outdentMessage),
-    "aria-keyshortcuts": (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.outdent),
-    title: (0, _react.jsx)(_keymaps.ToolTipContent, {
-      description: outdentMessage,
-      keymap: _keymaps.outdent
-    })
-  }), showIndentationButtons && (0, _react.jsx)(_ToolbarButton.default, {
-    buttonId: _ToolbarButton.TOOLBAR_BUTTON.INDENT,
-    testId: _ToolbarButton.TOOLBAR_BUTTON.INDENT,
-    ref: indentButtonRef,
-    spacing: isReducedSpacing ? 'none' : 'default',
-    onClick: handleOnItemActivated('indent'),
-    iconBefore: (0, _react.jsx)(_indent.default, {
-      label: ""
-    }),
-    disabled: indentDisabled || disabled,
-    "aria-label": (0, _keymaps.tooltip)(_keymaps.indent, indentMessage),
-    "aria-keyshortcuts": (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.indent),
-    title: (0, _react.jsx)(_keymaps.ToolTipContent, {
-      description: indentMessage,
-      keymap: _keymaps.indent
-    })
-  }), (0, _react.jsx)("span", {
-    css: _styles.separatorStyles
-  }));
-}