AC-106: Upgrade jQuery UI to latest version 1.12.1

Author: krissyhiserote

app/code/Magento/PageBuilder/Test/Mftf/Section/PageBuilderTabsSection/TabOnStageSection.xml

@@ -12,7 +12,7 @@
         <element name="baseJS" type="text" selector="document.querySelectorAll('[data-content-type=tab-item]')[{{arg1}} - 1]" parameterized="true"/>
         <element name="elementChildren" type="text" selector="(//*[@role=&quot;tabpanel&quot;])[{{arg1}}]//div[contains(@class, &quot;pagebuilder-tab-item&quot;)]//div[contains(@class, &quot;tab-item-container&quot;)]" parameterized="true"/>
         <element name="all" type="button" selector=".pagebuilder-tab-item"/>
-        <element name="moveHandle" type="button" selector="(//div[@data-content-type='tabs'])[{{arg1}}]//li[@role='tab'][{{arg2}}]//span[@class='tab-drag-handle']" parameterized="true"/>
+        <element name="moveHandle" type="button" selector="(//div[@data-content-type='tabs'])[{{arg1}}]//li[@role='tab'][{{arg2}}]//span[contains(@class, 'tab-drag-handle')]" parameterized="true"/>
         <element name="tabHeader" type="button" selector="(//ul[contains(@class, 'tabs-navigation')]//a[contains(@class, 'tab-title')])[{{arg1}}]" parameterized="true"/>
         <element name="tabHeaderCSS" type="button" selector="[data-content-type=tabs] [role=presentation]"/>
         <element name="tabHeaderEditableTitle" type="button" selector="(//ul[contains(@class, 'tabs-navigation')]//a[contains(@class, 'tab-title')])[{{arg1}}]//span[contains(@contenteditable, 'true')]" parameterized="true"/>

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/buttons/preview.js

@@ -52,7 +52,7 @@ export default class Preview extends PreviewCollection {
         // Keeps track of number of button item to disable sortable if there is only 1.
         this.contentType.children.subscribe(() => {
             const sortableElement = $(this.wrapperElement).find(".buttons-container");
-            if (!sortableElement.data("sortable")) {
+            if (!sortableElement.data("ui-sortable")) {
                 return;
             }
             if (this.contentType.children().length <= 1) {

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/column-group/preview.js

@@ -595,7 +595,7 @@ export default class Preview extends PreviewCollection {
             _.defer(() => {
                 // Re-enable any disabled sortable areas
                 group.find(".ui-sortable").each(function() {
-                    if ($(this).data("sortable")) {
+                    if ($(this).data("ui-sortable")) {
                         $(this).sortable("option", "disabled", false);
                     }
                 });
@@ -873,7 +873,7 @@ export default class Preview extends PreviewCollection {
             event.pageY < (groupPosition.top + groupPosition.outerHeight) - 20
         ) {
             // Disable the column group sortable instance
-            if (elementChildrenParent.data("sortable")) {
+            if (elementChildrenParent.data("ui-sortable")) {
                 elementChildrenParent.sortable("option", "disabled", true);
             }
 
@@ -892,7 +892,7 @@ export default class Preview extends PreviewCollection {
             }
         } else if (this.dropOverElement) {
             // Re-enable the column group sortable instance
-            if (elementChildrenParent.data("sortable")) {
+            if (elementChildrenParent.data("ui-sortable")) {
                 elementChildrenParent.sortable("option", "disabled", false);
             }
             this.dropPosition = null;
@@ -917,7 +917,7 @@ export default class Preview extends PreviewCollection {
                 _.defer(() => {
                     // Re-enable the column group sortable instance & all children sortable instances
                     group.parents(".element-children").each(function() {
-                        if ($(this).data("sortable")) {
+                        if ($(this).data("ui-sortable")) {
                             $(this).sortable("option", "disabled", false);
                         }
                     });
@@ -926,7 +926,7 @@ export default class Preview extends PreviewCollection {
             activate() {
                 if (getDraggedContentTypeConfig() === Config.getContentTypeConfig("column")) {
                     group.find(".ui-sortable").each(function() {
-                        if ($(this).data("sortable")) {
+                        if ($(this).data("ui-sortable")) {
                             $(this).sortable("option", "disabled", true);
                         }
                     });

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/slider/preview.js

@@ -533,7 +533,7 @@ export default class Preview extends PreviewCollection {
      * @param {number} index
      */
     private focusElement(event: JQueryEventObject, index: number) {
-        const handleClassName = $(event.target).data("sortable").options.handle;
+        const handleClassName = $(event.target).data("ui-sortable").options.handle;
 
         $($(event.target).find(handleClassName)[index]).focus();
     }

app/code/Magento/PageBuilder/view/adminhtml/web/js/panel.js

@@ -206,7 +206,7 @@ export default class Panel {
                      * size this yields better results when dragging
                      */
                     $(".content-type-container.ui-sortable").each(function() {
-                        if ($(this).data("sortable")) {
+                        if ($(this).data("ui-sortable")) {
                             $(this).sortable("option", "tolerance", "intersect");
                         }
                     });
@@ -217,7 +217,7 @@ export default class Panel {
             },
             stop() {
                 $(".content-type-container.ui-sortable").each(function() {
-                    if ($(this).data("sortable")) {
+                    if ($(this).data("ui-sortable")) {
                         $(this).sortable("option", "tolerance", "pointer");
                     }
                 });