@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/es2019/plugins/text-formatting/pm-plugins/smart-input-rule.js

@@ -1,6 +1,7 @@
 import { Selection } from 'prosemirror-state';
 import { createPlugin, createRule, ruleWithAnalytics } from '../../../utils/input-rules';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, PUNC, SYMBOL } from '../../analytics';
+
 /**
  * Creates an InputRuleHandler that will match on a regular expression of the
  * form `(prefix, content, suffix?)`, and replace it with some given text,
@@ -8,7 +9,6 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, PUNC, SYMBOL } f
  *
  * @param text text to replace with
  */
-
 function replaceTextUsingCaptureGroup(text) {
   return (state, match, start, end) => {
     const [, prefix,, suffix] = match;
@@ -24,56 +24,52 @@ function replaceTextUsingCaptureGroup(text) {
     return tr;
   };
 }
-
 function createReplacementRule(to, from) {
   return createRule(from, replaceTextUsingCaptureGroup(to));
 }
+
 /**
  * Create replacement rules fiven a replacement map
  * @param replMap - Replacement map
  * @param trackingEventName - Analytics V2 tracking event name
  * @param replacementRuleWithAnalytics - Analytics GAS V3 middleware for replacement and rules.
  */
-
-
 function createReplacementRules(replMap, replacementRuleWithAnalytics) {
   return Object.keys(replMap).map(replacement => {
     const regex = replMap[replacement];
     const rule = createReplacementRule(replacement, regex);
-
     if (replacementRuleWithAnalytics) {
       return replacementRuleWithAnalytics(replacement)(rule);
     }
-
     return rule;
   });
-} // We don't agressively upgrade single quotes to smart quotes because
+}
+
+// We don't agressively upgrade single quotes to smart quotes because
 // they may clash with an emoji. Only do that when we have a matching
 // single quote, or a contraction.
-
-
 function createSingleQuotesRules() {
-  return [// wrapped text
+  return [
+  // wrapped text
   createRule(/(\s|^)'(\S+.*\S+)'$/, (state, match, start, end) => {
     const OPEN_SMART_QUOTE_CHAR = '‘';
     const CLOSED_SMART_QUOTE_CHAR = '’';
-    const [, spacing, innerContent] = match; // Edge case where match begins with some spacing. We need to add
+    const [, spacing, innerContent] = match;
+    // Edge case where match begins with some spacing. We need to add
     // it back to the document
-
-    const openQuoteReplacement = spacing + OPEN_SMART_QUOTE_CHAR; // End is not always where the closed quote is, edge case exists
+    const openQuoteReplacement = spacing + OPEN_SMART_QUOTE_CHAR;
+    // End is not always where the closed quote is, edge case exists
     // when there is spacing after the closed quote. We need to
     // determine position of closed quote from the start position.
-
     const positionOfClosedQuote = start + openQuoteReplacement.length + innerContent.length;
     return state.tr.insertText(CLOSED_SMART_QUOTE_CHAR, positionOfClosedQuote, end).insertText(openQuoteReplacement, start, start + openQuoteReplacement.length);
-  }), // apostrophe
+  }),
+  // apostrophe
   createReplacementRule('’', /(\w+)(')(\w+)$/)];
 }
 /**
  * Get replacement rules related to product
  */
-
-
 function getProductRules() {
   const productRuleWithAnalytics = product => ruleWithAnalytics((_state, match) => ({
     action: ACTION.SUBSTITUTED,
@@ -85,7 +81,6 @@ function getProductRules() {
       originalSpelling: match[2]
     }
   }));
-
   return createReplacementRules({
     Atlassian: /(\s+|^)(atlassian)(\s)$/,
     Jira: /(\s+|^)(jira|JIRA)(\s)$/,
@@ -94,18 +89,16 @@ function getProductRules() {
     Trello: /(\s+|^)(trello)(\s)$/
   }, productRuleWithAnalytics);
 }
+
 /**
  * Get replacement rules related to symbol
  */
-
-
 function getSymbolRules() {
   const symbolToString = {
     '→': SYMBOL.ARROW_RIGHT,
     '←': SYMBOL.ARROW_LEFT,
     '↔︎': SYMBOL.ARROW_DOUBLE
   };
-
   const symbolRuleWithAnalytics = symbol => ruleWithAnalytics(() => ({
     action: ACTION.SUBSTITUTED,
     actionSubject: ACTION_SUBJECT.TEXT,
@@ -115,18 +108,16 @@ function getSymbolRules() {
       symbol: symbolToString[symbol]
     }
   }));
-
   return createReplacementRules({
     '→': /(\s+|^)(--?>)(\s)$/,
     '←': /(\s+|^)(<--?)(\s)$/,
     '↔︎': /(\s+|^)(<->?)(\s)$/
   }, symbolRuleWithAnalytics);
 }
+
 /**
  * Get replacement rules related to punctuation
  */
-
-
 function getPunctuationRules() {
   const punctuationToString = {
     '–': PUNC.DASH,
@@ -135,7 +126,6 @@ function getPunctuationRules() {
     '”': PUNC.QUOTE_DOUBLE,
     [PUNC.QUOTE_SINGLE]: PUNC.QUOTE_SINGLE
   };
-
   const punctuationRuleWithAnalytics = punctuation => ruleWithAnalytics(() => ({
     action: ACTION.SUBSTITUTED,
     actionSubject: ACTION_SUBJECT.TEXT,
@@ -145,7 +135,6 @@ function getPunctuationRules() {
       punctuation: punctuationToString[punctuation]
     }
   }));
-
   const dashEllipsisRules = createReplacementRules({
     '–': /(\s+|^)(--)(\s)$/,
     '…': /()(\.\.\.)$/
@@ -157,5 +146,4 @@ function getPunctuationRules() {
   const singleQuoteRules = createSingleQuotesRules();
   return [...dashEllipsisRules, ...doubleQuoteRules, ...singleQuoteRules.map(rule => punctuationRuleWithAnalytics(PUNC.QUOTE_SINGLE)(rule))];
 }
-
 export default (featureFlags => createPlugin('text-formatting:smart-input', [...getProductRules(), ...getSymbolRules(), ...getPunctuationRules()]));

package/dist/es2019/plugins/text-formatting/ui/Toolbar/dropdown-menu.js

@@ -22,7 +22,6 @@ export const FormattingTextDropdownMenu = /*#__PURE__*/React.memo(({
     shouldCloseMenu = true
   }) => {
     item.command(editorView.state, editorView.dispatch);
-
     if (shouldCloseMenu) {
       closeMenu();
     }

package/dist/es2019/plugins/text-formatting/ui/Toolbar/hooks/clear-formatting-icon.js

@@ -8,11 +8,9 @@ import { pluginKey as clearFormattingPluginKey } from '../../../pm-plugins/clear
 import { clearFormatting as clearFormattingKeymap, tooltip } from '../../../../../keymaps';
 import { INPUT_METHOD } from '../../../../analytics/types/enums';
 const clearFormattingToolbar = clearFormattingWithAnalytics(INPUT_METHOD.TOOLBAR);
-
 const useClearFormattingPluginState = editorState => {
   return useMemo(() => clearFormattingPluginKey.getState(editorState), [editorState]);
 };
-
 export const useClearIcon = ({
   intl,
   editorState
@@ -25,7 +23,6 @@ export const useClearIcon = ({
     if (!isPluginAvailable) {
       return null;
     }
-
     return {
       key: 'clearFormatting',
       command: clearFormattingToolbar,

package/dist/es2019/plugins/text-formatting/ui/Toolbar/hooks/formatting-icons.js

@@ -12,11 +12,9 @@ import { toggleCode, toggleStrikethrough, toggleUnderline, tooltip, toggleBold,
 import { INPUT_METHOD } from '../../../../analytics/types/enums';
 import { IconTypes } from '../types';
 import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
-
 const withToolbarInputMethod = func => func({
   inputMethod: INPUT_METHOD.TOOLBAR
 });
-
 const IconButtons = {
   strong: {
     buttonId: TOOLBAR_ACTION_SUBJECT_ID.TEXT_FORMATTING_STRONG,
@@ -62,7 +60,6 @@ const IconButtons = {
     tooltipKeymap: toggleSuperscript
   }
 };
-
 const getIcon = ({
   iconType,
   isDisabled,
@@ -97,7 +94,6 @@ const getIcon = ({
     'aria-keyshortcuts': getAriaKeyshortcuts(tooltipKeymap)
   };
 };
-
 const IconsMarkSchema = {
   [IconTypes.strong]: 'strong',
   [IconTypes.em]: 'em',
@@ -107,7 +103,6 @@ const IconsMarkSchema = {
   [IconTypes.superscript]: 'subsup',
   [IconTypes.subscript]: 'subsup'
 };
-
 const buildMenuIconState = iconMark => ({
   schema,
   textFormattingPluginState
@@ -115,7 +110,6 @@ const buildMenuIconState = iconMark => ({
   const hasPluginState = Boolean(textFormattingPluginState);
   const markSchema = IconsMarkSchema[iconMark];
   const hasSchemaMark = Boolean(schema.marks[markSchema]);
-
   if (!hasPluginState) {
     return {
       isActive: false,
@@ -124,7 +118,6 @@ const buildMenuIconState = iconMark => ({
       hasSchemaMark
     };
   }
-
   const isActive = textFormattingPluginState[`${iconMark}Active`];
   const isDisabled = textFormattingPluginState[`${iconMark}Disabled`];
   const isHidden = textFormattingPluginState[`${iconMark}Hidden`];
@@ -135,7 +128,6 @@ const buildMenuIconState = iconMark => ({
     hasSchemaMark
   };
 };
-
 const buildIcon = iconMark => {
   const getState = buildMenuIconState(iconMark);
   return ({
@@ -164,7 +156,6 @@ const buildIcon = iconMark => {
     return useMemo(() => shouldRenderIcon ? iconComponent : null, [shouldRenderIcon, iconComponent]);
   };
 };
-
 const buildStrongIcon = buildIcon(IconTypes.strong);
 const buildEmIcon = buildIcon(IconTypes.em);
 const buildUnderlineIcon = buildIcon(IconTypes.underline);
@@ -172,9 +163,7 @@ const buildStrikeIcon = buildIcon(IconTypes.strike);
 const buildCodeIcon = buildIcon(IconTypes.code);
 const buildSubscriptIcon = buildIcon(IconTypes.subscript);
 const buildSuperscriptIcon = buildIcon(IconTypes.superscript);
-
 const useTextFormattingPluginState = editorState => useMemo(() => textFormattingPluginKey.getState(editorState), [editorState]);
-
 export const useFormattingIcons = ({
   isToolbarDisabled,
   editorState,
@@ -209,7 +198,6 @@ export const useHasFormattingActived = ({
     if (!textFormattingPluginState) {
       return false;
     }
-
     return iconTypeList.some(iconType => textFormattingPluginState[`${iconType}Active`]);
   }, [textFormattingPluginState, iconTypeList]);
   return hasActiveFormatting;

package/dist/es2019/plugins/text-formatting/ui/Toolbar/hooks/responsive-toolbar-buttons.js

@@ -28,16 +28,13 @@ export const useResponsiveToolbarButtons = ({
       if (!icon || !icon.iconMark) {
         return acc;
       }
-
       const isIconSingleButton = iconTypeList.includes(icon.iconMark);
-
       if (isIconSingleButton) {
         return {
           dropdownItems: acc.dropdownItems,
           singleItems: [...acc.singleItems, icon]
         };
       }
-
       return {
         dropdownItems: [...acc.dropdownItems, icon],
         singleItems: acc.singleItems

package/dist/es2019/plugins/text-formatting/ui/Toolbar/index.js

@@ -12,7 +12,6 @@ import { FormattingTextDropdownMenu } from './dropdown-menu';
 import { toolbarMessages } from './toolbar-messages';
 import { usePreviousObjectState, compareItemsArrays, isArrayContainsContent } from '../../utils';
 import Announcer from '../../../../utils/announcer/announcer';
-
 const ToolbarFormatting = ({
   shouldUseResponsiveToolbar,
   popupsMountPoint,
@@ -60,7 +59,6 @@ const ToolbarFormatting = ({
   const fromSubscriptToSuperscript = isArrayContainsContent(activeItems, 'Superscript') && isArrayContainsContent(prevActiveItems, 'Subscript');
   let comparedItems;
   let screenReaderMessage = '';
-
   if (prevActiveItems && activeItems.length > prevActiveItems.length) {
     comparedItems = compareItemsArrays(activeItems, prevActiveItems);
     screenReaderMessage = intl.formatMessage(toolbarMessages.on, {
@@ -68,40 +66,33 @@ const ToolbarFormatting = ({
     });
   } else {
     comparedItems = compareItemsArrays(prevActiveItems, activeItems);
-
     if (comparedItems && comparedItems.length) {
       var _activeItems$;
-
       screenReaderMessage = intl.formatMessage(toolbarMessages.off, {
         formattingType: comparedItems[0].content
       });
-
       if (((_activeItems$ = activeItems[0]) === null || _activeItems$ === void 0 ? void 0 : _activeItems$.content) === 'Code') {
         screenReaderMessage = intl.formatMessage(toolbarMessages.codeOn, {
           textFormattingOff: (prevActiveItems === null || prevActiveItems === void 0 ? void 0 : prevActiveItems.length) > 1 ? clearFormattingStatus : screenReaderMessage
         });
       }
-
       if (fromSuperscriptToSubscript) {
         screenReaderMessage = superscriptOffSubscriptOnStatus;
       }
-
       if (fromSubscriptToSuperscript) {
         screenReaderMessage = subscriptOffSuperscriptOnStatus;
       }
     }
-  } // handle 'Clear formatting' status for screen readers
-
+  }
 
+  // handle 'Clear formatting' status for screen readers
   if (!(activeItems !== null && activeItems !== void 0 && activeItems.length) && (prevActiveItems === null || prevActiveItems === void 0 ? void 0 : prevActiveItems.length) > 1) {
     screenReaderMessage = clearFormattingStatus;
   }
-
   const items = useMemo(() => {
     if (!clearIcon) {
       return dropdownItems;
     }
-
     return [...dropdownItems, clearIcon];
   }, [clearIcon, dropdownItems]);
   const moreFormattingButtonLabel = intl.formatMessage(toolbarMessages.moreFormatting);
@@ -143,7 +134,6 @@ const ToolbarFormatting = ({
     css: separatorStyles
   })));
 };
-
 class Toolbar extends React.PureComponent {
   render() {
     const {
@@ -167,7 +157,5 @@ class Toolbar extends React.PureComponent {
       intl: intl
     });
   }
-
 }
-
 export default injectIntl(Toolbar);

package/dist/es2019/plugins/text-formatting/ui/Toolbar/single-toolbar-buttons.js

@@ -18,7 +18,6 @@ export const SingleToolbarButtons = /*#__PURE__*/React.memo(({
     css: buttonGroupStyle
   }, items.map(item => {
     var _item$ariaLabel;
-
     return jsx(ToolbarButton, {
       key: item.key,
       testId: `editor-toolbar__${String(item.content)}`,

package/dist/es2019/plugins/text-formatting/ui/Toolbar/types.js

@@ -1,5 +1,4 @@
 export let IconTypes;
-
 (function (IconTypes) {
   IconTypes["strong"] = "strong";
   IconTypes["em"] = "em";

package/dist/es2019/plugins/text-formatting/utils.js

@@ -13,13 +13,11 @@ export const domIndex = function (node) {
   if (node) {
     for (let index = 0;; index++) {
       node = node.previousSibling;
-
       if (!node) {
         return index;
       }
     }
   }
-
   return;
 };
 export const hasCode = (state, pos) => {
@@ -27,39 +25,36 @@ export const hasCode = (state, pos) => {
     code
   } = state.schema.marks;
   const node = pos >= 0 && state.doc.nodeAt(pos);
-
   if (node) {
     return !!node.marks.filter(mark => mark.type === code).length;
   }
-
   return false;
 };
+
 /**
  * Determine if a mark (with specific attribute values) exists anywhere in the selection.
  */
-
 export const markActive = (state, mark) => {
   const {
     from,
     to,
     empty
-  } = state.selection; // When the selection is empty, only the active marks apply.
-
+  } = state.selection;
+  // When the selection is empty, only the active marks apply.
   if (empty) {
     return !!mark.isInSet(state.tr.storedMarks || state.selection.$from.marks());
-  } // For a non-collapsed selection, the marks on the nodes matter.
-
-
+  }
+  // For a non-collapsed selection, the marks on the nodes matter.
   let found = false;
   state.doc.nodesBetween(from, to, node => {
     found = found || mark.isInSet(node.marks);
   });
   return found;
 };
+
 /**
  * Determine if a mark of a specific type exists anywhere in the selection.
  */
-
 export const anyMarkActive = (state, markType) => {
   const {
     $from,
@@ -67,18 +62,14 @@ export const anyMarkActive = (state, markType) => {
     to,
     empty
   } = state.selection;
-
   if (empty) {
     return !!markType.isInSet(state.storedMarks || $from.marks());
   }
-
   let rangeHasMark = false;
-
   if (state.selection instanceof CellSelection) {
     state.selection.forEachCell((cell, cellPos) => {
       const from = cellPos;
       const to = cellPos + cell.nodeSize;
-
       if (!rangeHasMark) {
         rangeHasMark = state.doc.rangeHasMark(from, to, markType);
       }
@@ -86,10 +77,8 @@ export const anyMarkActive = (state, markType) => {
   } else {
     rangeHasMark = state.doc.rangeHasMark(from, to, markType);
   }
-
   return rangeHasMark;
 };
-
 const blockStylingIsPresent = state => {
   let {
     from,
@@ -101,12 +90,10 @@ const blockStylingIsPresent = state => {
       isBlockStyling = true;
       return false;
     }
-
     return true;
   });
   return isBlockStyling;
 };
-
 const marksArePresent = state => {
   const activeMarkTypes = FORMATTING_MARK_TYPES.filter(mark => {
     if (!!state.schema.marks[mark]) {
@@ -117,19 +104,15 @@ const marksArePresent = state => {
       const {
         marks
       } = state.schema;
-
       if (empty) {
         return !!marks[mark].isInSet(state.storedMarks || $from.marks());
       }
-
       return anyMarkActive(state, marks[mark]);
     }
-
     return false;
   });
   return activeMarkTypes.length > 0;
 };
-
 export const checkFormattingIsPresent = state => {
   return marksArePresent(state) || blockStylingIsPresent(state);
 };

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

@@ -4,13 +4,11 @@ import WithPluginState from '../../ui/WithPluginState';
 import { ToolbarSize } from '../../ui/Toolbar/types';
 import { pluginKey as listPluginKey } from '../list/pm-plugins/main';
 import { pluginKey as indentationButtonsPluginKey, createPlugin as indentationButtonsPlugin } from './pm-plugins/indentation-buttons';
-
 const toolbarListsIndentationPlugin = ({
   showIndentationButtons,
   allowHeadingAndParagraphIndentation
 }) => ({
   name: 'toolbarListsIndentation',
-
   pmPlugins() {
     return [{
       name: 'indentationButtons',
@@ -23,7 +21,6 @@ const toolbarListsIndentationPlugin = ({
       })
     }];
   },
-
   primaryToolbarComponent({
     editorView,
     popupsMountPoint,
@@ -46,7 +43,6 @@ const toolbarListsIndentationPlugin = ({
         if (!listState) {
           return null;
         }
-
         return /*#__PURE__*/React.createElement(ToolbarListsIndentation, {
           isSmall: isSmall,
           isReducedSpacing: isToolbarReducedSpacing,
@@ -66,7 +62,5 @@ const toolbarListsIndentationPlugin = ({
       }
     });
   }
-
 });
-
 export default toolbarListsIndentationPlugin;

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

@@ -6,7 +6,6 @@ import { getListItemAttributes, isInsideListItem } from '../../list/utils/select
 import { getCurrentIndentLevel as getTaskListIndentLevel, getTaskItemIndex, isInsideTask } from '../../tasks-and-decisions/pm-plugins/helpers';
 import { isIndentationAllowed, MAX_INDENTATION_LEVEL } from '../../indentation/commands';
 export const pluginKey = new PluginKey('indentationButtonsPlugin');
-
 function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndentation) {
   const state = {
     indentDisabled: true,
@@ -16,11 +15,12 @@ function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndenta
   const {
     selection
   } = editorState;
-  const node = selection.$from.node(); // Handle bullet and numbered lists seperately as they do
+  const node = selection.$from.node();
+
+  // Handle bullet and numbered lists seperately as they do
   // not use the indentation mark.
   // Check for lists before paragraphs and headings in case
   // the selection is in a list nested in a layout column.
-
   if (isInsideListItem(editorState)) {
     const {
       indentLevel,
@@ -32,10 +32,10 @@ function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndenta
       outdentDisabled: false,
       node: 'list'
     };
-  } // Handle tasks seperately as they do not use the indentation mark
-  // and have different behaviour for outdent compared to lists
-
+  }
 
+  // Handle tasks seperately as they do not use the indentation mark
+  // and have different behaviour for outdent compared to lists
   if (isInsideTask(editorState)) {
     const indentLevel = getTaskListIndentLevel(selection) || 0;
     const itemIndex = getTaskItemIndex(editorState);
@@ -45,14 +45,12 @@ function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndenta
       node: 'taskList'
     };
   }
-
   const isTopLevelParagraphOrHeading = selection.$from.depth === 1;
-  const isInLayoutNode = hasParentNodeOfType(editorState.schema.nodes.layoutColumn)(selection) && // depth of non-nested paragraphs and headings in layouts will always be 3
+  const isInLayoutNode = hasParentNodeOfType(editorState.schema.nodes.layoutColumn)(selection) &&
+  // depth of non-nested paragraphs and headings in layouts will always be 3
   selection.$from.depth === 3;
-
   if (allowHeadingAndParagraphIndentation && isIndentationAllowed(editorState.schema, node) && (isTopLevelParagraphOrHeading || isInLayoutNode)) {
     const indentationMark = node.marks.find(mark => mark.type === editorState.schema.marks.indentation);
-
     if (!indentationMark) {
       return {
         outdentDisabled: true,
@@ -60,17 +58,14 @@ function getIndentationButtonsState(editorState, allowHeadingAndParagraphIndenta
         node: 'paragraph_heading'
       };
     }
-
     return {
       indentDisabled: indentationMark.attrs.level >= MAX_INDENTATION_LEVEL,
       outdentDisabled: false,
       node: 'paragraph_heading'
     };
   }
-
   return state;
 }
-
 export const createPlugin = ({
   dispatch,
   showIndentationButtons,
@@ -85,20 +80,16 @@ export const createPlugin = ({
       };
       return showIndentationButtons ? getIndentationButtonsState(state, allowHeadingAndParagraphIndentation) : initialState;
     },
-
     apply(_tr, pluginState, _oldState, newState) {
       if (showIndentationButtons) {
         const state = getIndentationButtonsState(newState, allowHeadingAndParagraphIndentation);
-
         if (!shallowEqual(pluginState, state)) {
           dispatch(pluginKey, state);
           return state;
         }
       }
-
       return pluginState;
     }
-
   },
   key: pluginKey
 });

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

@@ -31,12 +31,10 @@ export function Toolbar(props) {
   const labelOrderedList = formatMessage(messages.orderedList);
   const indentMessage = formatMessage(indentationMessages.indent);
   const outdentMessage = formatMessage(indentationMessages.outdent);
-
   const handleOnItemActivated = buttonName => event => onItemActivated({
     editorView: props.editorView,
     buttonName
   });
-
   return jsx("span", {
     css: buttonGroupStyle
   }, jsx(ToolbarButton, {

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

@@ -26,19 +26,15 @@ export function ToolbarDropdown(props) {
   } = props;
   const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
   const labelLists = formatMessage(listMessages.lists);
-
   const onOpenChange = attrs => {
     setIsDropdownOpen(attrs.isDropdownOpen);
   };
-
   const handleTriggerClick = () => {
     onOpenChange({
       isDropdownOpen: !isDropdownOpen
     });
   };
-
   const items = useItems(props);
-
   const handleOnItemActivated = ({
     item,
     shouldCloseMenu = true
@@ -49,7 +45,6 @@ export function ToolbarDropdown(props) {
       buttonName: item.value.name
     });
   };
-
   return jsx("span", {
     css: wrapperStyle
   }, jsx(DropdownMenu, {
@@ -85,7 +80,6 @@ export function ToolbarDropdown(props) {
     css: separatorStyles
   }));
 }
-
 function useItems(props) {
   const {
     formatMessage
@@ -115,7 +109,6 @@ function useItems(props) {
       css: shortcutStyle
     }, tooltip(toggleOrderedListKeymap))
   }];
-
   if (props.showIndentationButtons) {
     const labelIndent = formatMessage(indentationMessages.indent);
     const labelOutdent = formatMessage(indentationMessages.outdent);
@@ -143,7 +136,6 @@ function useItems(props) {
       }, tooltip(toggleIndentKeymap))
     });
   }
-
   return [{
     items
   }];