@atlaskit/editor-plugin-quick-insert/dist/es2019/ui/QuickInsertMenuFooterItem.js

Quick insert plugin for @atlaskit/editor-core

import React, { useCallback } from 'react';
import { useIntl } from 'react-intl';
import { toolbarInsertBlockMessages } from '@atlaskit/editor-common/messages';
import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
export const QuickInsertMenuFooterItem = ({
  api
}) => {
  const {
    formatMessage
  } = useIntl();
  const onSelect = useCallback(({
    insert
  }) => {
    var _api$quickInsert$comm, _api$quickInsert;
    const tr = insert(undefined);
    return (_api$quickInsert$comm = api === null || api === void 0 ? void 0 : (_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 ? void 0 : _api$quickInsert.commands.openElementBrowser()({
      tr
    })) !== null && _api$quickInsert$comm !== void 0 ? _api$quickInsert$comm : tr;
  }, [api]);
  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
    ariaLabel: formatMessage(toolbarInsertBlockMessages.viewMoreAriaLabel),
    iconBefore: /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, {
      label: ""
    }),
    isDisabled: !(api !== null && api !== void 0 && api.quickInsert),
    onSelect: onSelect,
    shouldWrapIcon: false,
    title: formatMessage(toolbarInsertBlockMessages.viewMore)
  });
};