Unify js files

.babelrc.json

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  parser: '@babel/eslint-parser',
+  extends: ['eslint:recommended']
+}

UPGRADE-4.0.md

@@ -9,9 +9,11 @@ If you still need it, please set it up on your own!
 
 Frontend dependencies are handled with NPM. Bower is not used anymore.
 
-A lot of assets that were previously public are handled with NPM and placed in a private `node_modules/` directory. 
+A lot of assets that were previously public are handled with NPM and placed in a private `node_modules/` directory.
 From these dependencies, only the necessary files are exposed publicly through Webpack Encore.
 
+The `jquery-ui` dependency was fully included before, but now we only include the sortable widget (JavaScript and CSS), the rest of this dependency is not exposed. If you are adding more JavaScript or CSS using another widget of `jquery-ui` please include it yourself.
+
 Please check the `src/Resources/public/dist` and the documentation to see the used CSS, JavaScript, images and fonts.
 
 If you are customising (specially removing standard JavaScript or CSS) assets, this will affect you.

assets/js/app.js

@@ -0,0 +1,39 @@
+// Any SCSS/CSS you require will output into a single css file (app.css in this case)
+import '../scss/app.scss';
+
+// Require jQuery normally
+import $ from 'jquery';
+
+// Create global $ and jQuery variables to be used outside this script
+// eslint-disable-next-line
+global.$ = global.jQuery = $;
+
+import 'jquery.scrollto';
+
+// Only using sortable widget from jquery-ui library
+import 'jquery-ui/ui/widget';
+import 'jquery-ui/ui/widgets/sortable';
+import 'bootstrap';
+import 'moment';
+
+// Eonasdan Bootstrap DateTimePicker in its version 3 does not
+// provide the scss or plain css, it only provides the less version
+// of its source files, that's why it is not included it via npm.
+import '../vendor/bootstrap-datetimepicker.min';
+import 'jquery-form';
+
+// Boostrap 3 JavaScript for the x-editable library
+import 'x-editable/dist/bootstrap3-editable/js/bootstrap-editable';
+
+// Full version of Select2, needed because SonataAdmin needs
+// compat dropdownCss and it only comes on the full version
+import 'select2/dist/js/select2.full';
+import 'admin-lte';
+import 'icheck';
+import 'jquery-slimscroll';
+
+// jQuery waypoints version and sticky shortcut
+import 'waypoints/lib/jquery.waypoints';
+import 'waypoints/lib/shortcuts/sticky';
+import 'readmore-js';
+import 'masonry-layout';

assets/scss/app.scss

@@ -1,16 +1,25 @@
 @import "~bootstrap/dist/css/bootstrap.css";
 @import "~font-awesome/scss/font-awesome";
+
+// Basic AdminLTE styles without any plugins,
+// because they conflict with Select2 v4
 @import "~admin-lte/dist/css/alt/AdminLTE-without-plugins.css";
 @import "~icheck/skins/square/blue.css";
 
 // Eonasdan Bootstrap DateTimePicker in its version 3 does not
 // provide the scss or plain css, it only provides the less version
 // of its source files, that's why it is not included it via npm.
 @import "../vendor/bootstrap-datetimepicker.css";
-@import "../vendor/jquery-ui.css";
+
+// Only use sortable widget from jquery-ui library
+@import "~jquery-ui/themes/base/sortable.css";
 @import "~select2/dist/css/select2.css";
 @import "~select2-bootstrap-theme/dist/select2-bootstrap.css";
+
+// Boostrap 3 styles for the x-editable library
 @import "~x-editable/dist/bootstrap3-editable/css/bootstrap-editable.css";
+
+// SonataAdmin custom styles
 @import "./styles";
 @import "./layout";
 @import "./tree";