@atlaskit/editor-plugin-selection-extension/dist/es2019/ui/toolbar/SelectionExtensionDropdownMenu.js

editor-plugin-selection-extension plugin for @atlaskit/editor-core

import React, { useState } from 'react';
import { injectIntl } from 'react-intl';
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
import { DropdownMenuWithKeyboardNavigation as DropdownMenu } from '@atlaskit/editor-common/ui-menu';
import { SelectionExtensionDropdownMenuButton } from './SelectionExtensionDropdownMenuButton';
const SelectionExtensionDropdownMenuComponent = /*#__PURE__*/React.memo(({
  items,
  onItemActivated,
  editorAnalyticsAPI
}) => {
  const [isMenuOpen, setIsMenuOpen] = useState(false);
  return /*#__PURE__*/React.createElement(DropdownMenu
  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
  , {
    section: {
      hasSeparator: true
    },
    isOpen: isMenuOpen,
    items: items,
    fitHeight: 188,
    fitWidth: 136,
    onItemActivated: onItemActivated,
    "data-testid": "selection-extension-dropdown-menu"
  }, /*#__PURE__*/React.createElement(SelectionExtensionDropdownMenuButton, {
    "aria-expanded": isMenuOpen,
    selected: isMenuOpen
    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
    ,
    onClick: () => setIsMenuOpen(prevIsMenuOpen => {
      const nextIsMenuOpen = !prevIsMenuOpen;
      if (editorAnalyticsAPI) {
        editorAnalyticsAPI.fireAnalyticsEvent({
          action: ACTION.CLICKED,
          actionSubject: ACTION_SUBJECT.BUTTON,
          actionSubjectId: ACTION_SUBJECT_ID.EDITOR_PLUGIN_SELECTION_EXTENSION_DROPDOWN,
          eventType: EVENT_TYPE.TRACK,
          attributes: {
            toggle: nextIsMenuOpen ? ACTION.OPENED : ACTION.CLOSED
          }
        });
      }
      return nextIsMenuOpen;
    })
  }));
});

// eslint-disable-next-line @typescript-eslint/ban-types
export const SelectionExtensionDropdownMenu = injectIntl(SelectionExtensionDropdownMenuComponent);