@atlaskit/editor-plugin-toolbar-lists-indentation/dist/cjs/ui/toolbar-components/BulletedListButtonGroup.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.getBulletedListButtonGroup = void 0;
var _react = _interopRequireDefault(require("react"));
var _context = require("@atlaskit/editor-common/toolbar/context");
var _keys = require("@atlaskit/editor-common/toolbar/keys");
var _rank = require("@atlaskit/editor-common/toolbar/rank");
var _show = require("@atlaskit/editor-toolbar/show");
var _toolbarButtonGroup = require("@atlaskit/editor-toolbar/toolbar-button-group");
var _BulletedListButton = require("./BulletedListButton");
var BulletedListButtonGroup = function BulletedListButtonGroup(_ref) {
  var children = _ref.children;
  var _useEditorToolbar = (0, _context.useEditorToolbar)(),
    editorAppearance = _useEditorToolbar.editorAppearance;
  if (editorAppearance === 'full-page') {
    return /*#__PURE__*/_react.default.createElement(_show.Show, {
      above: "xl"
    }, /*#__PURE__*/_react.default.createElement(_toolbarButtonGroup.ToolbarButtonGroup, null, children));
  }
};
var getBulletedListButtonGroup = exports.getBulletedListButtonGroup = function getBulletedListButtonGroup(api) {
  return [{
    type: _keys.BULLETED_LIST_BUTTON_GROUP.type,
    key: _keys.BULLETED_LIST_BUTTON_GROUP.key,
    parents: [{
      type: _keys.TEXT_SECTION_PRIMARY_TOOLBAR.type,
      key: _keys.TEXT_SECTION_PRIMARY_TOOLBAR.key,
      rank: _rank.TEXT_SECTION_PRIMARY_TOOLBAR_RANK[_keys.BULLETED_LIST_BUTTON_GROUP.key]
    }],
    component: function component(_ref2) {
      var children = _ref2.children;
      return /*#__PURE__*/_react.default.createElement(BulletedListButtonGroup, null, children);
    }
  }, {
    type: _keys.BULLETED_LIST_BUTTON.type,
    key: _keys.BULLETED_LIST_BUTTON.key,
    parents: [{
      type: _keys.BULLETED_LIST_BUTTON_GROUP.type,
      key: _keys.BULLETED_LIST_BUTTON_GROUP.key,
      rank: 100
    }],
    component: function component(_ref3) {
      var parents = _ref3.parents;
      return /*#__PURE__*/_react.default.createElement(_BulletedListButton.BulletedListButton, {
        api: api,
        parents: parents
      });
    }
  }];
};