MC-15093: Buttons From Different Button Groups Merge Onto Same Line When in Full-Width Row

- Updated converter logic for button display
- Renamed coverter to boolean to better match its intent

Author: Hwashiang Yu

app/code/Magento/PageBuilder/view/adminhtml/pagebuilder/content_type/buttons.xml

@@ -32,7 +32,7 @@
                         <style name="border_color" source="border_color"/>
                         <style name="border_width" source="border_width" converter="Magento_PageBuilder/js/converter/style/border-width"/>
                         <style name="border_radius" source="border_radius" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
-                        <style name="display" source="display" converter="Magento_PageBuilder/js/content-type/buttons/converter/style/display/inline-block" preview_converter="Magento_PageBuilder/js/converter/style/preview/display"/>
+                        <style name="display" source="display" converter="Magento_PageBuilder/js/content-type/buttons/converter/style/display/boolean" preview_converter="Magento_PageBuilder/js/converter/style/preview/display"/>
                         <style name="margins" storage_key="margins_and_padding" reader="Magento_PageBuilder/js/property/margins" converter="Magento_PageBuilder/js/converter/style/margins"/>
                         <style name="padding" storage_key="margins_and_padding" reader="Magento_PageBuilder/js/property/paddings" converter="Magento_PageBuilder/js/converter/style/paddings"/>
                         <attribute name="name" source="data-content-type"/>

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/buttons/converter/style/display/inline-block.js renamed to app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/buttons/converter/style/display/boolean.js

@@ -11,7 +11,7 @@ import {get} from "../../../../../utils/object";
 /**
  * @api
  */
-export default class InlineBlock implements ConverterInterface {
+export default class Boolean implements ConverterInterface {
     /**
      * Convert value to internal format
      *
@@ -23,17 +23,17 @@ export default class InlineBlock implements ConverterInterface {
     }
 
     /**
-     * Convert value to knockout format, if buttons are displayed they should be inline block
+     * Convert value to knockout format, if buttons are displayed they should be reset to default
      *
      * @param {string} name
      * @param {DataObject} data
      * @returns {string}
      */
     public toDom(name: string, data: DataObject): string {
-        const value = get(data, name);
+        const value: string | boolean = get(data, name);
         if (!_.isUndefined(value) && value === false) {
             return "none";
         }
-        return "inline-block";
+        return "";
     }
 }