MAGETWO-90441: Allow inline editing of Heading from stage

- move and rename toolbar files

Author: anthoula

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type-toolbar/option.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+import ValueInterface from "./value.d";
+
+export interface OptionInterface {
+    key: string;
+    type: string;
+    options: ValueInterface[];
+}

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/heading/preview.js

@@ -5,11 +5,11 @@
 
 import ko from "knockout";
 import Preview from "./content-type/preview";
-import ToolbarOptionsValueInterface from "./toolbar-options-value.d";
-import ToolbarOptionsInterface from "./toolbar-options.d";
+import OptionInterface from "./option.d";
+import ValueInterface from "./value.d";
 
-export class ToolbarOptions {
-    public options: KnockoutObservableArray<ToolbarOptionsInterface> = ko.observableArray([]);
+export default class ToolbarOption {
+    public options: KnockoutObservableArray<OptionInterface> = ko.observableArray([]);
     private preview: Preview;
 
     /**
@@ -18,7 +18,7 @@ export class ToolbarOptions {
      * @param preview
      * @param options
      */
-    constructor(preview: Preview, options: ToolbarOptionsInterface[]) {
+    constructor(preview: Preview, options: OptionInterface[]) {
         this.preview = preview;
         this.options(options);
     }
@@ -36,10 +36,10 @@ export class ToolbarOptions {
      * Upon clicking the option update the value as directed
      * When user toggles the option off, set the value back to default
      *
-     * @param {ToolbarOptionsInterface} option
-     * @param {ToolbarOptionsValueInterface} value
+     * @param {OptionInterface} option
+     * @param {ValueInterface} value
      */
-    public onClickOption(option: ToolbarOptionsInterface, value: ToolbarOptionsValueInterface) {
+    public onClickOption(option: OptionInterface, value: ValueInterface) {
         const defaultValue: string = this.preview.config.fields[option.key].default;
         const currentValue: string = this.preview.previewData[option.key]();
         if (currentValue === value.value) {

app/code/Magento/PageBuilder/view/adminhtml/web/js/toolbar.js

@@ -3,7 +3,7 @@
  * See COPYING.txt for license details.
  */
 
-export interface ToolbarOptionsValueInterface {
+export interface ValueInterface {
     value: string;
     label: string;
     icon: string;

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/content-type-toolbar/option.d.ts

@@ -7,12 +7,13 @@ import $ from "jquery";
 import events from "uiEvents";
 import _ from "underscore";
 import ContentTypeConfigInterface from "../../content-type-config.d";
+import ToolbarOption from "../../content-type-toolbar/option";
+import OptionInterface from "../../content-type-toolbar/option.d";
 import ContentTypeInterface from "../../content-type.d";
-import {ToolbarOptions, ToolbarOptionsInterface} from "../../toolbar-options";
+import Toolbar from "../../toolbar";
 import ContentTypeReadyEventParamsInterface from "../content-type-ready-event-params.d";
 import ObservableUpdater from "../observable-updater";
 import BasePreview from "../preview";
-import Toolbar from "../toolbar";
 
 export default class Heading extends BasePreview {
     private element: Element;
@@ -60,10 +61,10 @@ export default class Heading extends BasePreview {
     /**
      * Build and return the tool bar options for heading
      *
-     * @returns {ToolbarOptions}
+     * @returns {ToolbarOption}
      */
-    public getHeadingToolbar(): ToolbarOptions {
-        const options: ToolbarOptionsInterface[] = [
+    public getHeadingToolbar(): ToolbarOption {
+        const options: OptionInterface[] = [
             {
                 key: "heading_type",
                 type: "select",
@@ -123,6 +124,6 @@ export default class Heading extends BasePreview {
             },
         ];
 
-        return new ToolbarOptions(this, options);
+        return new ToolbarOption(this, options);
     }
 }

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/toolbar-options.ts renamed to app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/content-type-toolbar/option.ts

@@ -5,7 +5,7 @@
 
 import $ from "jquery";
 import events from "uiEvents";
-import Preview from "./preview";
+import Preview from "./content-type/preview";
 
 export default {
     /**