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

SyncedBlock plugin 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 _editorToolbar = require("@atlaskit/editor-toolbar");
var _CreateSyncedBlockButton = require("./CreateSyncedBlockButton");
var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
  type: _toolbar.SYNCED_BLOCK_GROUP.type,
  key: _toolbar.SYNCED_BLOCK_GROUP.key,
  component: function component(_ref) {
    var children = _ref.children;
    return /*#__PURE__*/_react.default.createElement(_editorToolbar.Show, {
      above: "md"
    }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButtonGroup, null, children));
  },
  parents: [{
    type: _toolbar.INSERT_BLOCK_SECTION.type,
    key: _toolbar.INSERT_BLOCK_SECTION.key,
    rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.SYNCED_BLOCK_GROUP.key]
  }]
};
var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api, enableSourceSyncedBlockCreation) {
  if (!enableSourceSyncedBlockCreation) {
    return [];
  }
  return [SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP, {
    type: _toolbar.SYNCED_BLOCK_BUTTON.type,
    key: _toolbar.SYNCED_BLOCK_BUTTON.key,
    component: function component() {
      return /*#__PURE__*/_react.default.createElement(_CreateSyncedBlockButton.CreateSyncedBlockButton, {
        api: api
      });
    },
    parents: [{
      type: _toolbar.SYNCED_BLOCK_GROUP.type,
      key: _toolbar.SYNCED_BLOCK_GROUP.key,
      rank: _toolbar.SYNCED_BLOCK_SECTION_RANK[_toolbar.SYNCED_BLOCK_BUTTON.key]
    }]
  }];
};