Upgrade Select2 to v4

docs/reference/configuration.rst

@@ -186,7 +186,7 @@ Full Configuration Options
                     - bundles/sonataadmin/dist/icheck/skins/square/blue.css
                     - bundles/sonataadmin/vendor/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css
                     - bundles/sonataadmin/vendor/jqueryui/themes/base/jquery-ui.css
-                    - bundles/sonataadmin/dist/select2/select2.css
+                    - bundles/sonataadmin/dist/select2/select2.min.css
                     - bundles/sonataadmin/dist/select2-bootstrap-css/select2-bootstrap.min.css
                     - bundles/sonataadmin/dist/x-editable/bootstrap-editable.css
                     - bundles/sonataadmin/css/styles.css
@@ -213,7 +213,7 @@ Full Configuration Options
                     - bundles/sonataadmin/dist/jquery-form/jquery.form.js
                     - bundles/sonataadmin/vendor/jquery.confirmExit/jquery.confirmExit.js
                     - bundles/sonataadmin/dist/x-editable/bootstrap-editable.min.js
-                    - bundles/sonataadmin/dist/select2/select2.js
+                    - bundles/sonataadmin/dist/select2/select2.min.js
                     - bundles/sonataadmin/dist/admin-lte/js/adminlte.min.js
                     - bundles/sonataadmin/dist/icheck/icheck.min.js
                     - bundles/sonataadmin/dist/jquery-slimcroll/jquery.slimscroll.min.js

package.json

@@ -14,8 +14,8 @@
     "masonry-layout": "4.2.2",
     "moment": "2.17.1",
     "readmore-js": "2.2.1",
-    "select2": "3.5.1",
-    "select2-bootstrap-css": "1.4.6",
+    "select2": "^4.0",
+    "select2-bootstrap-css": "^1.4.6",
     "waypoints": "4.0.1",
     "x-editable": "1.5.1"
   },

src/DependencyInjection/Configuration.php

@@ -397,7 +397,7 @@ public function getConfigTreeBuilder(): TreeBuilder
                                 'bundles/sonataadmin/vendor/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css',
                                 'bundles/sonataadmin/vendor/jqueryui/themes/base/jquery-ui.css',
 
-                                'bundles/sonataadmin/dist/select2/select2.css',
+                                'bundles/sonataadmin/dist/select2/select2.min.css',
                                 'bundles/sonataadmin/dist/select2-bootstrap-css/select2-bootstrap.min.css',
                                 'bundles/sonataadmin/dist/x-editable/bootstrap-editable.css',
 
@@ -436,7 +436,7 @@ public function getConfigTreeBuilder(): TreeBuilder
                                 'bundles/sonataadmin/vendor/jquery.confirmExit/jquery.confirmExit.js',
 
                                 'bundles/sonataadmin/dist/x-editable/bootstrap-editable.min.js',
-                                'bundles/sonataadmin/dist/select2/select2.js',
+                                'bundles/sonataadmin/dist/select2/select2.min.js',
                                 'bundles/sonataadmin/dist/admin-lte/js/adminlte.min.js',
                                 'bundles/sonataadmin/dist/icheck/icheck.min.js',
                                 'bundles/sonataadmin/dist/jquery-slimcroll/jquery.slimscroll.min.js',

src/Resources/public/Admin.js

@@ -120,10 +120,8 @@ var Admin = {
                 }
 
                 select.select2({
-                    width: function(){
-                        // Select2 v3 and v4 BC. If window.Select2 is defined, then the v3 is installed.
-                        // NEXT_MAJOR: Remove Select2 v3 support.
-                        return Admin.get_select2_width(window.Select2 ? this.element : select);
+                    width: function() {
+                        return Admin.get_select2_width(select);
                     },
                     dropdownAutoWidth: true,
                     minimumResultsForSearch: minimumResultsForSearch,
@@ -569,9 +567,7 @@ var Admin = {
 
         var options = Object.assign({
             width: function(){
-                // Select2 v3 and v4 BC. If window.Select2 is defined, then the v3 is installed.
-                // NEXT_MAJOR: Remove Select2 v3 support.
-                return Admin.get_select2_width(window.Select2 ? this.element : subject);
+                return Admin.get_select2_width(subject);
             },
             dropdownAutoWidth: true,
             data: transformedData,