@atlaskit/editor-plugin-toolbar-lists-indentation/dist/cjs/ui/toolbar-components/BulletedListButton.js

Toolbar lists and indentation plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BulletedListButton = void 0;
var _react = _interopRequireDefault(require("react"));
var _keymaps = require("@atlaskit/editor-common/keymaps");
var _listBulletedIcon = require("@atlaskit/editor-toolbar/list-bulleted-icon");
var _toolbarButton = require("@atlaskit/editor-toolbar/toolbar-button");
var _toolbarTooltip = require("@atlaskit/editor-toolbar/toolbar-tooltip");
var _BulletedListMenuItem = require("./BulletedListMenuItem");
var BulletedListButton = exports.BulletedListButton = function BulletedListButton(_ref) {
  var api = _ref.api,
    parents = _ref.parents;
  var _useBulletedListInfo = (0, _BulletedListMenuItem.useBulletedListInfo)({
      api: api,
      parents: parents
    }),
    bulletMessage = _useBulletedListInfo.bulletMessage,
    onClick = _useBulletedListInfo.onClick,
    isDisabled = _useBulletedListInfo.isDisabled,
    isSelected = _useBulletedListInfo.isSelected;
  return /*#__PURE__*/_react.default.createElement(_toolbarTooltip.ToolbarTooltip, {
    content: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
      description: bulletMessage,
      keymap: _keymaps.toggleBulletList
    })
  }, /*#__PURE__*/_react.default.createElement(_toolbarButton.ToolbarButton, {
    iconBefore: /*#__PURE__*/_react.default.createElement(_listBulletedIcon.ListBulletedIcon, {
      size: "small",
      label: ""
    }),
    onClick: onClick,
    isSelected: isSelected,
    isDisabled: isDisabled,
    ariaKeyshortcuts: (0, _keymaps.getAriaKeyshortcuts)(_keymaps.toggleBulletList),
    label: bulletMessage
  }));
};