MC-3146: Add new row appearances to configuration

davemacaulay · davemacaulay · commit 0ea5cc367ad4 · 2018-07-24T13:57:22.000+02:00
- Add new appearance visual select component
- Update content types to use new component
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_accordion_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_accordion_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_anchor_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_anchor_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_banner_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_banner_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">poster</item>
@@ -56,7 +56,7 @@
                     <class name="admin__field-visual-select-container">true</class>
                 </additionalClasses>
                 <dataType>text</dataType>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_block_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_block_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_button_item_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_button_item_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_buttons_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_buttons_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">inline</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_column_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_column_form.xml
@@ -55,7 +55,7 @@
                 <label />
             </settings>
         </field>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">full-height</item>
@@ -70,7 +70,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_divider_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_divider_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_heading_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_heading_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" sortOrder="10" formElement="select" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_html_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_html_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_image_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_image_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">full-width</item>
@@ -56,7 +56,7 @@
                     <class name="admin__field-visual-select-container">true</class>
                 </additionalClasses>
                 <dataType>text</dataType>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_map_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_map_form.xml
@@ -39,7 +39,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -54,7 +54,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_newsletter_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_newsletter_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_products_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_products_form.xml
@@ -45,7 +45,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">grid</item>
@@ -60,7 +60,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_row_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_row_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/row-appearance-visual-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">contained</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/row-appearance-visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_slide_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_slide_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">poster</item>
@@ -56,7 +56,7 @@
                     <class name="admin__field-visual-select-container">true</class>
                 </additionalClasses>
                 <dataType>text</dataType>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_slider_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_slider_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_tab_item_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_tab_item_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_tabs_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_tabs_form.xml
@@ -44,7 +44,7 @@
                 <link name="hideLabel">${$.name}.appearance:options</link>
             </imports>
         </settings>
-        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/dependent-select">
+        <field name="appearance" formElement="select" sortOrder="10" component="Magento_PageBuilder/js/form/element/appearance-visual-select">
             <argument name="data" xsi:type="array">
                 <item name="config" xsi:type="array">
                     <item name="default" xsi:type="string">default</item>
@@ -59,7 +59,7 @@
                 <validation>
                     <rule name="required-entry" xsi:type="boolean">true</rule>
                 </validation>
-                <elementTmpl>Magento_PageBuilder/form/element/visual-select</elementTmpl>
+                <elementTmpl>Magento_PageBuilder/form/element/appearance-visual-select</elementTmpl>
             </settings>
             <formElements>
                 <select>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_text_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_text_form.xml
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_video_form.xml b/app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_video_form.xml
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/js/form/element/appearance-visual-select.js b/app/code/Magento/PageBuilder/view/adminhtml/web/js/form/element/appearance-visual-select.js
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/form/element/appearance-visual-select.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/form/element/appearance-visual-select.html
