@atlaskit/editor-plugin-selection-toolbar/dist/cjs/ui/toolbar-components.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getToolbarComponents = void 0;
var _react = _interopRequireDefault(require("react"));
var _toolbar = require("@atlaskit/editor-common/toolbar");
var _MenuSection = require("./MenuSection");
var _PinButton = require("./PinButton");
var _PinMenuItem = require("./PinMenuItem");
var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api, contextualFormattingEnabled, disablePin) {
  var components = [{
    type: _toolbar.PIN_MENU_SECTION.type,
    key: _toolbar.PIN_MENU_SECTION.key,
    parents: [{
      type: _toolbar.OVERFLOW_MENU.type,
      key: _toolbar.OVERFLOW_MENU.key,
      rank: _toolbar.OVERFLOW_MENU_RANK[_toolbar.PIN_MENU_SECTION.key]
    }],
    component: function component(_ref) {
      var children = _ref.children;
      return /*#__PURE__*/_react.default.createElement(_MenuSection.MenuSection, {
        api: api
      }, children);
    }
  }, {
    type: _toolbar.PIN_MENU_ITEM.type,
    key: _toolbar.PIN_MENU_ITEM.key,
    parents: [{
      type: _toolbar.PIN_MENU_SECTION.type,
      key: _toolbar.PIN_MENU_SECTION.key,
      rank: _toolbar.PIN_MENU_SECTION_RANK[_toolbar.PIN_MENU_ITEM.key]
    }],
    component: function component() {
      return /*#__PURE__*/_react.default.createElement(_PinMenuItem.PinMenuItem, {
        api: api,
        disablePin: disablePin
      });
    }
  }];

  // Add pin button to primary toolbar when contextual formatting is enabled
  if (contextualFormattingEnabled) {
    var pinButtonComponents = [{
      type: _toolbar.PIN_GROUP.type,
      key: _toolbar.PIN_GROUP.key,
      parents: [{
        type: _toolbar.PIN_SECTION.type,
        key: _toolbar.PIN_SECTION.key,
        rank: _toolbar.PIN_SECTION_RANK[_toolbar.PIN_GROUP.key]
      }]
    }, {
      type: _toolbar.PIN_BUTTON.type,
      key: _toolbar.PIN_BUTTON.key,
      parents: [{
        type: _toolbar.PIN_GROUP.type,
        key: _toolbar.PIN_GROUP.key,
        rank: _toolbar.PIN_GROUP_RANK[_toolbar.PIN_BUTTON.key]
      }],
      component: function component() {
        return /*#__PURE__*/_react.default.createElement(_PinButton.PinButton, {
          api: api
        });
      }
    }];
    components.push.apply(components, pinButtonComponents);
  }
  return components;
};