[root] Upgrade JS build dependencies

package.json

@@ -10,19 +10,19 @@
         "check-format": "biome format"
     },
     "devDependencies": {
-        "@babel/core": "^7.15.8",
-        "@babel/preset-env": "^7.15.8",
-        "@babel/preset-react": "^7.15.8",
-        "@babel/preset-typescript": "^7.15.8",
+        "@babel/core": "^7.25.2",
+        "@babel/preset-env": "^7.25.3",
+        "@babel/preset-react": "^7.24.7",
+        "@babel/preset-typescript": "^7.24.7",
         "@biomejs/biome": "^1.8.3",
-        "@rollup/plugin-commonjs": "^23.0.0",
-        "@rollup/plugin-node-resolve": "^15.0.0",
-        "@rollup/plugin-typescript": "^10.0.0",
+        "@rollup/plugin-commonjs": "^26.0.1",
+        "@rollup/plugin-node-resolve": "^15.2.3",
+        "@rollup/plugin-typescript": "^11.1.6",
         "@symfony/stimulus-testing": "^2.0.1",
         "clean-css-cli": "^5.6.2",
-        "rollup": "^3.7.0",
-        "tslib": "^2.3.1",
-        "typescript": "^4.4.4",
+        "rollup": "^4.21.0",
+        "tslib": "^2.6.3",
+        "typescript": "^5.5.4",
         "vitest": "^0.34.6"
     }
 }

rollup.config.js

@@ -94,9 +94,16 @@ module.exports = {
         resolve(),
         typescript({
             filterRoot: packageRoot,
-            include: ['src/**/*.ts'],
+            include: [
+                'src/**/*.ts', 
+                // TODO: Remove for the next major release
+                // "@rollup/plugin-typescript" v11.0.0 fixed an issue (https://github.com/rollup/plugins/pull/1310) that 
+                // cause a breaking change for UX React users, the dist file requires "react-dom/client" instead of "react-dom"
+                // and it will break for users using the Symfony AssetMapper without Symfony Flex (for automatic "importmap.php" upgrade).
+                '**/node_modules/react-dom/client.js'
+            ],
             compilerOptions: {
-                outDir: 'dist',
+                outDir: '.',
                 declaration: true,
                 emitDeclarationOnly: true,
             }

src/Autocomplete/assets/dist/controller.js

@@ -15,12 +15,19 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
 
 function __classPrivateFieldGet(receiver, state, kind, f) {
     if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 var _default_1_instances, _default_1_getCommonConfig, _default_1_createAutocomplete, _default_1_createAutocompleteWithHtmlContents, _default_1_createAutocompleteWithRemoteData, _default_1_stripTags, _default_1_mergeObjects, _default_1_createTomSelect;
 class default_1 extends Controller {

src/Map/src/Bridge/Google/assets/dist/map_controller.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="google.maps" />
 import AbstractMapController from '@symfony/ux-map/abstract-map-controller';
 import type { Point, MarkerDefinition } from '@symfony/ux-map/abstract-map-controller';
 import type { LoaderOptions } from '@googlemaps/js-api-loader';

src/React/assets/dist/register_controller.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="webpack-env" />
 import type { ComponentClass, FunctionComponent } from 'react';
 type Component = string | FunctionComponent<object> | ComponentClass<object, any>;
 declare global {

src/Svelte/assets/dist/register_controller.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="webpack-env" />
 import type { SvelteComponent } from 'svelte';
 declare global {
     function resolveSvelteComponent(name: string): typeof SvelteComponent<any>;

src/Vue/assets/dist/register_controller.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="webpack-env" />
 import type { Component } from 'vue';
 declare global {
     function resolveVueComponent(name: string): Component;