MC-17658: Save Selected Block/Dynamic Block In Edit Form By Only Clicking Select Button

- Block implementation

Author: danmooney2

app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_block_form.xml

@@ -94,7 +94,7 @@
             <settings>
                 <dataType>text</dataType>
                 <imports>
-                    <link name="value">${ $.ns }.${ $.ns }.modal.pagebuilder_block_select_grid:externalValue</link>
+                    <link name="value">${ $.ns }.${ $.ns }.modal.pagebuilder_block_select_grid.columns.ids:lastSelected</link>
                 </imports>
             </settings>
         </field>
@@ -127,6 +127,9 @@
     </fieldset>
     <modal name="modal" sortOrder="30">
         <settings>
+            <listens>
+                <link name="pagebuilder_block_select_grid.pagebuilder_block_select_grid.columns.ids:lastSelected">closeModal</link>
+            </listens>
             <options>
                 <option name="title" xsi:type="string" translate="true">Select Block</option>
                 <option name="buttons" xsi:type="array">
@@ -163,6 +166,9 @@
                     <imports>false</imports>
                     <exports>true</exports>
                 </dataLinks>
+                <listens>
+                    <link name="pagebuilder_block_select_grid.pagebuilder_block_select_grid.columns.ids:lastSelected">save</link>
+                </listens>
             </settings>
         </insertListing>
     </modal>

app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_block_select_grid.xml

@@ -49,11 +49,6 @@
                 <param name="controlVisibility" xsi:type="boolean">true</param>
             </childDefaults>
         </settings>
-        <selectionsColumn name="ids" component="Magento_PageBuilder/js/grid/cells/single-select">
-            <settings>
-                <indexField>block_id</indexField>
-            </settings>
-        </selectionsColumn>
         <column name="block_id" sortOrder="10">
             <settings>
                 <label translate="true">ID</label>
@@ -97,5 +92,10 @@
                 <visible>false</visible>
             </settings>
         </column>
+        <selectionsColumn name="ids" component="Magento_PageBuilder/js/grid/cells/single-select">
+            <settings>
+                <indexField>block_id</indexField>
+            </settings>
+        </selectionsColumn>
     </columns>
 </listing>

app/code/Magento/PageBuilder/view/adminhtml/web/js/grid/cells/single-select.js

@@ -14,6 +14,7 @@ define([
             bodyTmpl: 'Magento_PageBuilder/grid/cells/single-select',
             label: '',
             extendedSelections: [],
+            lastSelected: null,
             listens: {
                 selected: 'onSelectedChange setExtendedSelections'
             }
@@ -22,7 +23,7 @@ define([
         /** @inheritdoc */
         initObservable: function () {
             this._super()
-                .observe('extendedSelections');
+                .observe('extendedSelections lastSelected');
 
             return this;
         },
@@ -60,6 +61,14 @@ define([
             return this.selected()[0] === id;
         },
 
+        /** @inheritdoc **/
+        select: function (id) {
+            this._super();
+            this.lastSelected(id);
+
+            return this;
+        },
+
         /** @inheritdoc */
         _setSelection: function (id, isIndex, select) {
             var selected = this.selected;