[Feature] Multiple toolbox items for single tool

src/components/modules/api/blocks.ts

@@ -3,6 +3,7 @@ import { BlockToolData, OutputData, ToolConfig } from '../../../../types';
 import * as _ from './../../utils';
 import BlockAPI from '../../block/api';
 import Module from '../../__module';
+import Block from '../../block';
 
 /**
  * @class BlocksAPI
@@ -31,6 +32,7 @@ export default class BlocksAPI extends Module {
       insertNewBlock: (): void => this.insertNewBlock(),
       insert: this.insert,
       update: this.update,
+      composeBlockData: this.composeBlockData,
     };
   }
 
@@ -247,6 +249,27 @@ export default class BlocksAPI extends Module {
     return new BlockAPI(insertedBlock);
   }
 
+  /**
+   * Retrieves default block data by creating fake block.
+   * Merges retrieved data with specified data object.
+   *
+   * @param toolName - block tool name
+   * @param dataOverrides - object containing overrides for default block data
+   */
+  public composeBlockData = async (toolName: string, dataOverrides = {}): Promise<BlockToolData> => {
+    const tool = this.Editor.Tools.blockTools.get(toolName);
+    const block = new Block({
+      tool,
+      api: this.Editor.API,
+      readOnly: true,
+      data: {},
+      tunesData: {},
+    });
+    const blockData = await block.data;
+
+    return Object.assign(blockData, dataOverrides);
+  }
+
   /**
    * Insert new Block
    * After set caret to this Block

src/components/ui/toolbox.ts

@@ -379,7 +379,7 @@ export default class Toolbox extends EventsDispatcher<ToolboxEvent> {
    * @param {string} toolName - Tool name
    * @param blockDataOverrides - predefined Block data
    */
-  private insertNewBlock(toolName: string, blockDataOverrides?: BlockToolData): void {
+  private async insertNewBlock(toolName: string, blockDataOverrides?: BlockToolData): Promise<void> {
     const currentBlockIndex = this.api.blocks.getCurrentBlockIndex();
     const currentBlock = this.api.blocks.getBlockByIndex(currentBlockIndex);
 
@@ -393,9 +393,14 @@ export default class Toolbox extends EventsDispatcher<ToolboxEvent> {
      */
     const index = currentBlock.isEmpty ? currentBlockIndex : currentBlockIndex + 1;
 
+    /**
+     * Merge real tool's data with data overrides
+     */
+    const actualData = await this.api.blocks.composeBlockData(toolName, blockDataOverrides);
+
     const newBlock = this.api.blocks.insert(
       toolName,
-      blockDataOverrides,
+      actualData,
       undefined,
       index,
       undefined,

types/api/blocks.d.ts

@@ -113,6 +113,15 @@ export interface Blocks {
   ): BlockAPI;
 
 
+  /**
+   * Retrieves default block data by creating fake block.
+   * Merges retrieved data with specified data object.
+   *
+   * @param toolName - block tool name
+   * @param dataOverrides - object containing overrides for default block data
+   */
+  composeBlockData(toolName: string, dataOverrides: BlockToolData): Promise<BlockToolData>
+
   /**
    * Updates block data by id
    *