Merge remote-tracking branch 'owls/PB-173' into PB-107

Author: cspruiell

app/code/Magento/PageBuilder/Block/WidgetInitializer.php

@@ -47,11 +47,22 @@ public function __construct(
 
     /**
      * Returns config for widgets initializer component.
+     *
      * @return string
      * @api
      */
     public function getConfig() : string
     {
         return $this->jsonSerializer->serialize($this->config->getConfig());
     }
+
+    /**
+     * Returns breakpoints for widgets initializer component.
+     *
+     * @return string
+     */
+    public function getBreakpoints() : string
+    {
+        return $this->jsonSerializer->serialize($this->config->getBreakpoints());
+    }
 }

app/code/Magento/PageBuilder/Model/Filter/Template.php

@@ -272,8 +272,13 @@ private function generateCssFromImages(string $elementClass, array $images) : st
                 'background-image' => 'url(' . $images['desktop_image'] . ')',
             ];
         }
-        if (isset($images['mobile_image']) && $this->getMobileMediaQuery()) {
-            $css[$this->getMobileMediaQuery()]['.' . $elementClass] = [
+        if (isset($images['mobile_image']) && $this->getMediaQuery('mobile')) {
+            $css[$this->getMediaQuery('mobile')]['.' . $elementClass] = [
+                'background-image' => 'url(' . $images['mobile_image'] . ')',
+            ];
+        }
+        if (isset($images['mobile_image']) && $this->getMediaQuery('mobile-small')) {
+            $css[$this->getMediaQuery('mobile-small')]['.' . $elementClass] = [
                 'background-image' => 'url(' . $images['mobile_image'] . ')',
             ];
         }
@@ -305,13 +310,14 @@ private function cssFromArray(array $css) : string
     /**
      * Generate the mobile media query from view configuration
      *
+     * @param string $view
      * @return null|string
      */
-    private function getMobileMediaQuery() : ?string
+    private function getMediaQuery(string $view) : ?string
     {
         $breakpoints = $this->viewConfig->getViewConfig()->getVarValue(
             'Magento_PageBuilder',
-            'breakpoints/mobile/conditions'
+            'breakpoints/' . $view . '/conditions'
         );
         if ($breakpoints && count($breakpoints) > 0) {
             $mobileBreakpoint = '@media only screen ';

app/code/Magento/PageBuilder/Model/Stage/Config.php

@@ -141,6 +141,7 @@ public function getConfig()
             'column_grid_max' => $this->scopeConfig->getValue(self::XML_PATH_COLUMN_GRID_MAX),
             'can_use_inline_editing_on_stage' => $this->isWysiwygProvisionedForEditingOnStage(),
             'widgets' => $this->widgetInitializerConfig->getConfig(),
+            'breakpoints' => $this->widgetInitializerConfig->getBreakpoints()
         ];
     }
 
@@ -190,13 +191,15 @@ private function getContentTypes()
      */
     private function flattenContentTypeData(string $name, array $contentType)
     {
-        return [
+        $result = [
             'name' => $name,
             'label' => $contentType['label'],
             'icon' => isset($contentType['icon']) ? $contentType['icon'] : '',
             'form' => isset($contentType['form']) ? $contentType['form'] : '',
             'menu_section' => $contentType['menu_section'] ?? 'general',
-            'fields' => isset($contentType['form']) ? $this->uiComponentConfig->getFields($contentType['form']) : [],
+            'fields' => isset($contentType['form'])
+                ? ['default' => $this->uiComponentConfig->getFields($contentType['form'])]
+                : [],
             'component' => $contentType['component'],
             'preview_component' => $contentType['preview_component'] ?? self::DEFAULT_PREVIEW_COMPONENT,
             'master_component' => $contentType['master_component'] ?? self::DEFAULT_MASTER_COMPONENT,
@@ -207,6 +210,14 @@ private function flattenContentTypeData(string $name, array $contentType)
                 : [],
             'is_system' => isset($contentType['is_system']) && $contentType['is_system'] === 'false' ? false : true
         ];
+
+        foreach ($result['appearances'] as $key => $appearance) {
+            if (isset($appearance['form'])) {
+                $result['fields'][$key . '-appearance'] = $this->uiComponentConfig->getFields($appearance['form']);
+            }
+        }
+
+        return $result;
     }
 
     /**

app/code/Magento/PageBuilder/Model/Stage/Config/UiComponentConfig.php

@@ -48,7 +48,10 @@ public function getFields($componentName) : array
             $componentConfig,
             function ($item, $key) {
                 // Determine if this item has a formElement key
-                if (isset($item[Converter::DATA_ARGUMENTS_KEY]['data']['config']['formElement'])) {
+                if (isset($item[Converter::DATA_ARGUMENTS_KEY]['data']['config']['formElement'])
+                    && !(isset($item[Converter::DATA_ARGUMENTS_KEY]['data']['config']['componentDisabled'])
+                        && $item[Converter::DATA_ARGUMENTS_KEY]['data']['config']['componentDisabled'] === true)
+                ) {
                     $elementConfig = $item[Converter::DATA_ARGUMENTS_KEY]['data']['config'];
                     // If the field has a dataScope use that for the key instead of the name
                     if (isset($elementConfig['dataScope'])) {

app/code/Magento/PageBuilder/Model/WidgetInitializerConfig.php

@@ -8,6 +8,9 @@
 
 namespace Magento\PageBuilder\Model;
 
+use Magento\Framework\App\ObjectManager;
+use Magento\Framework\View\ConfigInterface;
+
 /**
  * Container for the configuration related to the widget initializer mechanism
  */
@@ -18,12 +21,21 @@ class WidgetInitializerConfig
      */
     private $config;
 
+    /**
+     * @var ConfigInterface
+     */
+    private $viewConfig;
+
     /**
      * @param array $config
+     * @param ConfigInterface|null $viewConfig
      */
-    public function __construct(array $config)
-    {
+    public function __construct(
+        array $config,
+        ConfigInterface $viewConfig = null
+    ) {
         $this->config = $config;
+        $this->viewConfig = $viewConfig ?: ObjectManager::getInstance()->get(ConfigInterface::class);
     }
 
     /**
@@ -43,10 +55,23 @@ public function getConfig(): array
                 if (isset($item['appearance'])) {
                     $selector .= sprintf('[data-appearance="%s"]', $item['appearance']);
                 }
-                $componentConfig = isset($item['config']) ? $item['config'] : '{}';
+                $componentConfig = isset($item['config']) ? $item['config'] : false;
                 $resultConfig[$selector][$item['component']] = $componentConfig;
             }
         }
         return $resultConfig;
     }
+
+    /**
+     * Returns breakpoint for widgets initializer component.
+     *
+     * @return array
+     */
+    public function getBreakpoints(): array
+    {
+        return $this->viewConfig->getViewConfig()->getVarValue(
+            'Magento_PageBuilder',
+            'breakpoints'
+        );
+    }
 }