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

SyncedBlock plugin for @atlaskit/editor-core

import React from 'react';
import { INSERT_BLOCK_SECTION, SYNCED_BLOCK_BUTTON, SYNCED_BLOCK_GROUP } from '@atlaskit/editor-common/toolbar/keys';
import { INSERT_BLOCK_SECTION_RANK, SYNCED_BLOCK_SECTION_RANK } from '@atlaskit/editor-common/toolbar/rank';
import { Show } from '@atlaskit/editor-toolbar/show';
import { ToolbarButtonGroup } from '@atlaskit/editor-toolbar/toolbar-button-group';
import { CreateSyncedBlockButton } from './CreateSyncedBlockButton';
const SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
  type: SYNCED_BLOCK_GROUP.type,
  key: SYNCED_BLOCK_GROUP.key,
  component: ({
    children
  }) => /*#__PURE__*/React.createElement(Show, {
    above: "md"
  }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children)),
  parents: [{
    type: INSERT_BLOCK_SECTION.type,
    key: INSERT_BLOCK_SECTION.key,
    rank: INSERT_BLOCK_SECTION_RANK[SYNCED_BLOCK_GROUP.key]
  }]
};
export const getToolbarComponents = (api, enableSourceSyncedBlockCreation) => {
  if (!enableSourceSyncedBlockCreation) {
    return [];
  }
  return [SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP, {
    type: SYNCED_BLOCK_BUTTON.type,
    key: SYNCED_BLOCK_BUTTON.key,
    component: () => /*#__PURE__*/React.createElement(CreateSyncedBlockButton, {
      api: api
    }),
    parents: [{
      type: SYNCED_BLOCK_GROUP.type,
      key: SYNCED_BLOCK_GROUP.key,
      rank: SYNCED_BLOCK_SECTION_RANK[SYNCED_BLOCK_BUTTON.key]
    }]
  }];
};