@atlaskit/editor-core 189.4.0 → 189.4.2

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

@@ -1,243 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import memoizeOne from 'memoize-one';
-import DecisionIcon from '@atlaskit/icon/glyph/editor/decision';
-import TaskIcon from '@atlaskit/icon/glyph/editor/task';
-import TableIcon from '@atlaskit/icon/glyph/editor/table';
-import EditorImageIcon from '@atlaskit/icon/glyph/editor/image';
-import MentionIcon from '@atlaskit/icon/glyph/editor/mention';
-import EditorMoreIcon from '@atlaskit/icon/glyph/editor/more';
-import LinkIcon from '@atlaskit/icon/glyph/editor/link';
-import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
-import DateIcon from '@atlaskit/icon/glyph/editor/date';
-import StatusIcon from '@atlaskit/icon/glyph/status';
-import ExpandNodeIcon from '@atlaskit/icon/glyph/chevron-right-circle';
-import PlaceholderTextIcon from '@atlaskit/icon/glyph/media-services/text';
-import LayoutTwoEqualIcon from '@atlaskit/icon/glyph/editor/layout-two-equal';
-import HorizontalRuleIcon from '@atlaskit/icon/glyph/editor/horizontal-rule';
-import CodeIcon from '@atlaskit/icon/glyph/editor/code';
-import InfoIcon from '@atlaskit/icon/glyph/editor/info';
-import QuoteIcon from '@atlaskit/icon/glyph/quote';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import { tooltip, addLink, toggleTable } from '@atlaskit/editor-common/keymaps';
-import { shallowEquals } from './shallow-equals';
-import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
-var from = function from(init) {
-  return {
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    value: {
-      name: init.name
-    },
-    elemBefore: jsx(init.Icon, {
-      label: init.content
-    }),
-    elemAfter: init.shortcut ? jsx("div", {
-      css: 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 memoizeOne(fn, shallowEquals);
-};
-export var action = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'action',
-    shortcut: '[]',
-    Icon: TaskIcon,
-    'aria-keyshortcuts': '[ ] Space'
-  });
-});
-export var link = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'link',
-    shortcut: tooltip(addLink),
-    Icon: LinkIcon,
-    'aria-haspopup': init['aria-haspopup'],
-    'aria-keyshortcuts': getAriaKeyshortcuts(addLink)
-  });
-});
-export var media = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'media',
-    Icon: EditorImageIcon
-  });
-});
-export var imageUpload = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'image upload',
-    Icon: EditorImageIcon
-  });
-});
-export var mention = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'mention',
-    Icon: MentionIcon,
-    shortcut: '@',
-    'aria-haspopup': init['aria-haspopup'],
-    'aria-keyshortcuts': 'Shift+2 Space'
-  });
-});
-export var emoji = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'emoji',
-    Icon: EmojiIcon,
-    shortcut: ':',
-    'aria-haspopup': init['aria-haspopup'],
-    'aria-keyshortcuts': 'Shift+;'
-  });
-});
-export var table = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'table',
-    Icon: TableIcon,
-    shortcut: tooltip(toggleTable),
-    'aria-keyshortcuts': getAriaKeyshortcuts(toggleTable)
-  });
-});
-export var layout = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'layout',
-    Icon: LayoutTwoEqualIcon
-  });
-});
-export var codeblock = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'codeblock',
-    Icon: CodeIcon,
-    shortcut: init.shortcut,
-    'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
-  });
-});
-export var panel = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'panel',
-    Icon: InfoIcon,
-    shortcut: init.shortcut,
-    'aria-keyshortcuts': getAriaKeyshortcuts(init.shortcut)
-  });
-});
-export var blockquote = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'blockquote',
-    Icon: QuoteIcon,
-    shortcut: init.shortcut,
-    'aria-keyshortcuts': 'Shift+. Space'
-  });
-});
-export var decision = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'decision',
-    Icon: DecisionIcon,
-    shortcut: '<>',
-    'aria-keyshortcuts': 'Shift+, Shift+. Space'
-  });
-});
-export var horizontalrule = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'horizontalrule',
-    Icon: HorizontalRuleIcon,
-    shortcut: '---',
-    'aria-keyshortcuts': '- - -'
-  });
-});
-export var expand = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'expand',
-    Icon: ExpandNodeIcon
-  });
-});
-export var date = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'date',
-    Icon: DateIcon,
-    shortcut: '//',
-    'aria-keyshortcuts': '/ / Enter'
-  });
-});
-export var placeholder = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'placeholder text',
-    Icon: function Icon() {
-      return jsx(PlaceholderTextIcon, {
-        label: ""
-      });
-    }
-  });
-});
-export var status = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'status',
-    Icon: StatusIcon
-  });
-});
-export var more = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'macro',
-    Icon: function Icon() {
-      return jsx(EditorMoreIcon, {
-        label: ""
-      });
-    }
-  });
-});

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

@@ -1 +0,0 @@
-export { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';

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

@@ -1,13 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-export var shallowEquals = function shallowEquals(_ref, _ref2) {
-  var _ref3 = _slicedToArray(_ref, 1),
-    aRaw = _ref3[0];
-  var _ref4 = _slicedToArray(_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/esm/plugins/insert-block/ui/ToolbarInsertBlock/sort-items.js

@@ -1,24 +0,0 @@
-var endPositionNames = ['macro-browser', 'slash-onboarding'];
-var isMacro = function isMacro(item) {
-  return typeof item.content === 'string' && item.content.includes('macro');
-};
-export var 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/esm/plugins/insert-block/ui/ToolbarInsertBlock/styles.js

@@ -1,4 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import { css } from '@emotion/react';
-export var triggerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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/esm/plugins/insert-block/ui/ToolbarInsertBlock/types.js

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

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

@@ -1,83 +0,0 @@
-import React from 'react';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import ToolbarListsIndentation from './ui';
-import { ToolbarSize } from '../../ui/Toolbar/types';
-import { getIndentationButtonsState } from './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 < ToolbarSize.L;
-      return /*#__PURE__*/React.createElement(PrimaryToolbarComponent, {
-        featureFlags: featureFlags,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        isSmall: isSmall,
-        isToolbarReducedSpacing: isToolbarReducedSpacing,
-        disabled: disabled,
-        editorView: editorView,
-        showIndentationButtons: showIndentationButtons,
-        pluginInjectionApi: api,
-        allowHeadingAndParagraphIndentation: allowHeadingAndParagraphIndentation
-      });
-    }
-  };
-};
-export 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 = useSharedPluginState(pluginInjectionApi, ['list', 'indentation', 'taskDecision']),
-    listState = _useSharedPluginState.listState,
-    indentationState = _useSharedPluginState.indentationState,
-    taskDecisionState = _useSharedPluginState.taskDecisionState;
-  var toolbarListsIndentationState = getIndentationButtonsState(editorView.state, allowHeadingAndParagraphIndentation, taskDecisionState, indentationState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.list.actions.isInsideListItem);
-  if (!listState) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ToolbarListsIndentation, {
-    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
-  });
-}
-export default toolbarListsIndentationPlugin;

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

@@ -1,50 +0,0 @@
-import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { getListItemAttributes } from '@atlaskit/editor-common/lists';
-import { MAX_INDENTATION_LEVEL } from '@atlaskit/editor-common/indentation';
-export 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 = 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 (taskDecisionState !== null && taskDecisionState !== void 0 && taskDecisionState.isInsideTask) {
-    return {
-      indentDisabled: taskDecisionState.indentDisabled,
-      outdentDisabled: taskDecisionState.outdentDisabled,
-      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 && ((_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/esm/plugins/toolbar-lists-indentation/types.js

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

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

@@ -1,124 +0,0 @@
-/** @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, tooltip } from '../../../keymaps';
-import ToolbarButton, { TOOLBAR_BUTTON } from '../../../ui/ToolbarButton';
-import { listMessages as messages, indentationMessages } from '@atlaskit/editor-common/messages';
-import { separatorStyles, buttonGroupStyle } from '@atlaskit/editor-common/styles';
-import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
-import { useEffect, useRef } from 'react';
-export function Toolbar(props) {
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var indentButtonRef = useRef(null);
-  var outdentButtonRef = 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.unorderedList);
-  var labelOrderedList = formatMessage(messages.orderedList);
-  var indentMessage = formatMessage(indentationMessages.indent);
-  var outdentMessage = formatMessage(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
-      });
-    };
-  };
-  useEffect(function () {
-    if (isIndentButtonFocused && indentDisabled && outdentButtonRef.current) {
-      outdentButtonRef.current.focus();
-    }
-  }, [indentButtonRef, indentDisabled, isIndentButtonFocused]);
-  useEffect(function () {
-    if (isOutdentButtonFocused && outdentDisabled && indentButtonRef.current) {
-      indentButtonRef.current.focus();
-    }
-  }, [outdentButtonRef, outdentDisabled, isOutdentButtonFocused]);
-  return jsx("span", {
-    css: buttonGroupStyle
-  }, jsx(ToolbarButton, {
-    buttonId: TOOLBAR_BUTTON.BULLET_LIST,
-    testId: labelUnorderedList,
-    spacing: isReducedSpacing ? 'none' : 'default',
-    onClick: handleOnItemActivated('bullet_list'),
-    selected: bulletListActive,
-    "aria-pressed": bulletListActive,
-    "aria-label": tooltip(toggleBulletListKeymap, labelUnorderedList),
-    "aria-keyshortcuts": getAriaKeyshortcuts(toggleBulletListKeymap),
-    disabled: bulletListDisabled || disabled,
-    title: jsx(ToolTipContent, {
-      description: labelUnorderedList,
-      keymap: toggleBulletListKeymap
-    }),
-    iconBefore: jsx(BulletListIcon, {
-      label: ""
-    })
-  }), jsx(ToolbarButton, {
-    buttonId: TOOLBAR_BUTTON.ORDERED_LIST,
-    testId: labelOrderedList,
-    spacing: isReducedSpacing ? 'none' : 'default',
-    onClick: handleOnItemActivated('ordered_list'),
-    selected: orderedListActive,
-    "aria-pressed": orderedListActive,
-    "aria-label": tooltip(toggleOrderedListKeymap, labelOrderedList),
-    "aria-keyshortcuts": getAriaKeyshortcuts(toggleOrderedListKeymap),
-    disabled: orderedListDisabled || disabled,
-    title: jsx(ToolTipContent, {
-      description: labelOrderedList,
-      keymap: toggleOrderedListKeymap
-    }),
-    iconBefore: jsx(NumberListIcon, {
-      label: ""
-    })
-  }), showIndentationButtons && jsx(ToolbarButton, {
-    buttonId: TOOLBAR_BUTTON.OUTDENT,
-    testId: TOOLBAR_BUTTON.OUTDENT,
-    ref: outdentButtonRef,
-    spacing: isReducedSpacing ? 'none' : 'default',
-    onClick: handleOnItemActivated('outdent'),
-    iconBefore: jsx(OutdentIcon, {
-      label: ""
-    }),
-    disabled: outdentDisabled || disabled,
-    "aria-label": tooltip(toggleOutdentKeymap, outdentMessage),
-    "aria-keyshortcuts": getAriaKeyshortcuts(toggleOutdentKeymap),
-    title: jsx(ToolTipContent, {
-      description: outdentMessage,
-      keymap: toggleOutdentKeymap
-    })
-  }), showIndentationButtons && jsx(ToolbarButton, {
-    buttonId: TOOLBAR_BUTTON.INDENT,
-    testId: TOOLBAR_BUTTON.INDENT,
-    ref: indentButtonRef,
-    spacing: isReducedSpacing ? 'none' : 'default',
-    onClick: handleOnItemActivated('indent'),
-    iconBefore: jsx(IndentIcon, {
-      label: ""
-    }),
-    disabled: indentDisabled || disabled,
-    "aria-label": tooltip(toggleIndentKeymap, indentMessage),
-    "aria-keyshortcuts": getAriaKeyshortcuts(toggleIndentKeymap),
-    title: jsx(ToolTipContent, {
-      description: indentMessage,
-      keymap: toggleIndentKeymap
-    })
-  }), jsx("span", {
-    css: separatorStyles
-  }));
-}