MC-2219: Execute Script and Resolve Issues

- update documentation

Author: krissyhiserote

app/code/Magento/PageBuilder/docs/content-type-configuration.md

@@ -54,38 +54,31 @@ The following is an example of a group configuration in `view/adminhtml/pagebuil
 ``` xml
 <!-- Definition of main menu, used for grouping content types  -->
 <groups>
-    <group name="media" translate="label" sortOrder="10">
-        <label>Media</label>
-    </group>
+    <group name="media" translate="label" sortOrder="10" label="Media"/>
 </groups>
 ```
 ### Configuration reference
 
 | Element             | Description                                                              |
 | ------------------- | ------------------------------------------------------------------------ |
 | `group`             | Describes the group name, translated field, and sort order in the menu.  |
-| `label`             | Label displayed on the menu.                                             |
 
+| Attribute           | Description                                                              |
+| ------------------- | ------------------------------------------------------------------------ |
+| `label`             | Label displayed on the menu.                                             |
 
 The following is an example of a content type configuration in `view/adminhtml/pagebuilder/content_type/banner.xml`:
 
 ``` xml
 <content_types>
     <!-- Content type declaration -->
-    <type name="banner" translate="label" sortOrder="1">
-        <label>Banner</label>
-        <icon>icon-pagebuilder-image</icon>
-        <component>Magento_PageBuilder/js/content-type</component>
-        <preview_component>Magento_PageBuilder/js/content-type/banner/preview</preview_component>
-        <content_component>Magento_PageBuilder/js/content-type/content</content_component>
-        <form>pagebuilder_banner_form</form>
-        <group>media</group>
+    <type name="banner" sortOrder="1" translate="label" label="Banner" icon="icon-pagebuilder-image" component="Magento_PageBuilder/js/content-type" preview_component="Magento_PageBuilder/js/content-type/banner/preview" form="pagebuilder_banner_form" group="media">
         <allowed_parents>
             <parent name="row"/>
             <parent name="column"/>
         </allowed_parents>
         <appearances>
-            <appearance name="poster" default="true">
+            <appearance default="true" name="poster" preview_template="Magento_PageBuilder/content-type/banner/poster/preview" render_template="Magento_PageBuilder/content-type/banner/poster/master" reader="Magento_PageBuilder/js/master-format/read/configurable">
                 <data_mapping>
                     <elements>
                         <element name="main" path=".">
@@ -171,17 +164,14 @@ The following is an example of a content type configuration in `view/adminhtml/p
                         </converter>
                     </converters>
                 </data_mapping>
-                <preview_template>Magento_PageBuilder/content-type/banner/poster/preview</preview_template>
-                <render_template>Magento_PageBuilder/content-type/banner/poster/master</render_template>
-                <reader>Magento_PageBuilder/js/component/format/read/configurable</reader>
             </appearance>
-            <appearance name="collage-left">
+            <appearance name="collage-left" preview_template="Magento_PageBuilder/content-type/banner/collage-left/preview" render_template="Magento_PageBuilder/content-type/banner/collage-left/master" reader="Magento_PageBuilder/js/master-format/read/configurable">
                 <!-- Collage left appearance configuration -->
             </appearance>
-            <appearance name="collage-centered">
+            <appearance name="collage-centered" preview_template="Magento_PageBuilder/content-type/banner/collage-centered/preview" render_template="Magento_PageBuilder/content-type/banner/collage-centered/master" reader="Magento_PageBuilder/js/master-format/read/configurable">
                 <!-- Collage centered appearance configuration -->
             </appearance>
-            <appearance name="collage-right">
+            <appearance name="collage-right" preview_template="Magento_PageBuilder/content-type/banner/collage-right/preview" render_template="Magento_PageBuilder/content-type/banner/collage-right/master" reader="Magento_PageBuilder/js/master-format/read/configurable">
                 <!-- Collage right appearance configuration -->
             </appearance>
         </appearances>
@@ -193,17 +183,20 @@ The following is an example of a content type configuration in `view/adminhtml/p
 | Element             | Description                                                                                                                                 |
 | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
 | `type`              | Describes the content type name, translated field, and sort order in the menu group. Each type should have its own configuration file.      |
+| `allowed_parents`   | List of parent content types that can accept this type as a child.                                                                          |
+| `appearances`       | Appearance configuration.                                                                                                                   |
+| `is_visible`        | Determines menu visibility for the component. System components should not be visible in the menu. Default value is true.                   |
+| `additional_data`   | Allows to specify additional data for component, see [custom configuration for content type](custom-configuration.md) for more information. |
+
+| Attribute           | Description                                                                                                                                 |
+| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
 | `label`             | Label displayed on the menu and stage.                                                                                                      |
 | `icon`              | Icon displayed on the menu.                                                                                                                 |
 | `component`         | View model responsible for rendering the preview and master format.                                                                         |
 | `preview_component` | Helper component that contains preview specific logic. Helper component is optional.                                                        |
-| `content_component` | Contains master format rendering logic that is generic for all appearances. Content component is optional.                                  |
+| `master_component`  | Contains master format rendering logic that is generic for all appearances. Content component is optional.                                  |
 | `form`              | UI component form used for editing the content type                                                                                         |
 | `group`             | Existing menu group that contains this content type.                                                                                        |
-| `allowed_parents`   | List of parent content types that can accept this type as a child.                                                                          |
-| `appearances`       | Appearance configuration.                                                                                                                   |
-| `is_visible`        | Determines menu visibility for the component. System components should not be visible in the menu. Default value is true.                   |
-| `additional_data`   | Allows to specify additional data for component, see [custom configuration for content type](custom-configuration.md) for more information. |
 
 
 ### `form` configuration reference
@@ -237,6 +230,9 @@ It controls the templates, how data is read from the master format, and how to a
 | ------------------- | -------------------------------------------------------------------------------------- |
 | `appearance`        | The name of the appearance. Every content type requires one default appearance.        |
 | `data_mapping`      | Specifies how data is read from, saved to, and converted to and from the master format |
+
+| Attribute           | Description                                                                            |
+| ------------------- | -------------------------------------------------------------------------------------- |
 | `preview_template`  | Template used to display the element in the preview                                    |
 | `render_template`   | Template used to render the content type to the master format                          |
 | `reader`            | Reads data for the content type from the master format                                 |
@@ -246,11 +242,8 @@ It reads data based on the configuration specified in `data_mapping`.
 
 **Example:**
 ``` xml
-<appearance name="poster" default="true">
+<appearance default="true" name="poster" preview_template="Magento_PageBuilder/content-type/banner/poster/preview" render_template="Magento_PageBuilder/content-type/banner/poster/master" reader="Magento_PageBuilder/js/master-format/read/configurable">
     <data_mapping/>
-    <preview_template>Magento_PageBuilder/content-type/banner/poster/preview</preview_template>
-    <render_template>Magento_PageBuilder/content-type/banner/poster/master</render_template>
-    <reader>Magento_PageBuilder/js/component/format/read/configurable</reader>
 </appearance>
 ```
 

app/code/Magento/PageBuilder/docs/custom-configuration.md

@@ -64,7 +64,7 @@ Use `additional_data` in your `Vendor/ModuleName/view/adminhtml/pagebuilder/cont
 
 ``` xml
 <additional_data>
-    <arguments name="uploaderConfig" xsi:type="array">
+    <item name="uploaderConfig" xsi:type="array">
         <item name="maxFileSize" xsi:type="object">Magento\PageBuilder\Model\Config\ContentType\AdditionalData\Provider\Uploader\MaxFileSize</item>
         <item name="allowedExtensions" xsi:type="string">jpg jpeg gif png</item>
         <item name="component" xsi:type="string">Magento_PageBuilder/js/form/element/image-uploader</item>
@@ -85,7 +85,7 @@ Use `additional_data` in your `Vendor/ModuleName/view/adminhtml/pagebuilder/cont
         <item name="validation" xsi:type="array">
             <item name="required-entry" xsi:type="boolean">true</item>
         </item>
-    </arguments>
+    </item>
 </additional_data>
  ```
 

app/code/Magento/PageBuilder/docs/how-to-add-new-content-type.md

@@ -52,17 +52,12 @@ To add configuration for a new content type, create a file under the following l
 ``` XML
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Vendor_ModuleName:etc/content_type.xsd">
     <content_types>
-        <type name="simple" sortOrder="35" translate="label">
-            <label>Simple</label>
-            <icon>icon-modulename-simple</icon>
-            <component>Vendor_ModuleName/js/content-type</component>
-            <form>modulename_simple_form</form>
-            <group>general</group>
+        <type name="simple" sortOrder="35" translate="label" label="Simple" icon="icon-modulename-simple" component="Vendor_ModuleName/js/content-type" form="modulename_simple_form" group="general">
             <allowed_parents>
                 <parent name="row"/>
             </allowed_parents>
             <appearances>
-                <appearance default="true" name="default">
+                <appearance default="true" name="default" preview_template="Vendor_ModuleNameCustom/content-type/simple/default/preview" render_template="Vendor_ModuleNameCustom/content-type/simple/default/master" reader="Magento_PageBuilder/js/master-format/read/configurable">
                     <data_mapping>
                         <elements>
                             <element name="main" path=".">
@@ -81,9 +76,6 @@ To add configuration for a new content type, create a file under the following l
                             </element>
                         </elements>
                     </data_mapping>
-                    <preview_template>Vendor_ModuleNameCustom/content-type/simple/default/preview</preview_template>
-                    <render_template>Vendor_ModuleNameCustom/content-type/simple/default/master</render_template>
-                    <reader>Magento_PageBuilder/js/master-format/read/configurable</reader>
                 </appearance>
             </appearances>
         </type>
@@ -250,20 +242,13 @@ Now, let's add content type that can contain other content types. Create configu
 ``` XML
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_PageBuilder:etc/content_type.xsd">
     <content_types>
-        <type name="complex" sortOrder="35" translate="label">
-            <label>Complex</label>
-            <icon>icon-vendorname-complex</icon>
-            <component>Magento_PageBuilder/js/content-type-collection</component>
-            <preview_component>Magento_PageBuilder/js/content-type/preview-collection</preview_component>
-            <content_component>Magento_PageBuilder/js/content-type/content-collection</content_component>
-            <form>vendorname_complex_form</form>
-            <group>general</group>
+        <type name="complex" sortOrder="35" translate="label" labe="Complex" icon="icon-vendorname-complex" component="Magento_PageBuilder/js/content-type-collection" preview_component="Magento_PageBuilder/js/content-type/preview-collection" master_component="Magento_PageBuilder/js/content-type/content-collection" form="vendorname_complex_form" group="general">
             <allowed_parents>
                 <parent name="row"/>
                 <parent name="column"/>
             </allowed_parents>
             <appearances>
-                <appearance default="true" name="default">
+                <appearance default="true" name="default" preview_template="Vendor_ModuleName/content-type/complex/default/preview" render_template="Vendor_ModuleName/content-type/complex/default/master" reader="Magento_PageBuilder/js/master-format/read/configurable">
                     <data_mapping>
                         <elements>
                             <element name="main" path=".">
@@ -282,9 +267,6 @@ Now, let's add content type that can contain other content types. Create configu
                             </element>
                         </elements>
                     </data_mapping>
-                    <preview_template>Vendor_ModuleName/content-type/complex/default/preview</preview_template>
-                    <render_template>Vendor_ModuleName/content-type/complex/default/master</render_template>
-                    <reader>Magento_PageBuilder/js/master-format/read/configurable</reader>
                 </appearance>
             </appearances>
         </type>
@@ -328,11 +310,11 @@ Now need to create preview and render templates.
 
 Please also notice that we specified in configuration the following, to allow our content type accept other content types as children.
 
-| Setting             | Value                                          |
-| ------------------- | ---------------------------------------------- |
-| `component`         | Magento_PageBuilder/js/content-type-collection |
+| Setting             | Value                                                       |
+| ------------------- | ----------------------------------------------------------- |
+| `component`         | Magento_PageBuilder/js/content-type-collection              |
 | `preview_component` | Magento_PageBuilder/js/content-type/preview-collection      |
-| `content_component` | Magento_PageBuilder/js/content-type/content-collection      |
+| `master_component`  | Magento_PageBuilder/js/content-type/content-collection      |
 
 You can also specify `content_component` if you want to do modifications to observables used in master format templates.
 

app/code/Magento/PageBuilder/docs/image-uploader.md

@@ -57,10 +57,10 @@ Use `additional_data` in your `<YourModule>/view/base/pagebuilder/content_type/<
 ``` xml
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_PageBuilder:etc/content_type.xsd">
     <content_types>
-        <type name="MyName" translate="label">
+        <type name="MyName" translate="label" label="MyName" icon="icon-modulename-simple" component="Vendor_ModuleName/js/content-type" form="modulename_simple_form" group="general">
             ...
             <additional_data>
-                <arguments name="uploaderConfig" xsi:type="array">
+                <item name="uploaderConfig" xsi:type="array">
                     <item name="isShowImageUploadInstructions" xsi:type="boolean">false</item>
                     <item name="isShowImageUploadOptions" xsi:type="boolean">true</item>
                     <item name="maxFileSize" xsi:type="object">Magento\PageBuilder\Model\Config\ContentType\AdditionalData\Provider\Uploader\MaxFileSize</item>
@@ -83,7 +83,7 @@ Use `additional_data` in your `<YourModule>/view/base/pagebuilder/content_type/<
                     <item name="validation" xsi:type="array">
                         <item name="required-entry" xsi:type="boolean">true</item>
                     </item>
-                </arguments>
+                </item>
             </additional_data>
         </type>
     </content_types>
@@ -127,4 +127,4 @@ Update the preview template file, `bluefoot/app/code/Magento/PageBuilder/view/ad
             </scope>
    ...
 </div>
-```
+```