minor #2075 [root] Upgrade JS build dependencies (Kocal)

This PR was squashed before being merged into the 2.x branch.

Discussion
----------

[root] Upgrade JS build dependencies

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | no <!-- please update src/**/CHANGELOG.md files -->
| Issues        | Fix #... <!-- prefix each issue number with "Fix #", no need to create an issue if none exist, explain below instead -->
| License       | MIT

<!--
Replace this notice by a description of your feature/bugfix.
This will help reviewers and should be a good start for the documentation.

Additionally (see https://symfony.com/releases):
 - Always add tests and ensure they pass.
 - For new features, provide some code snippets to help understand usage.
 - Features and deprecations must be submitted against branch main.
 - Changelog entry should follow https://symfony.com/doc/current/contributing/code/conventions.html#writing-a-changelog-entry
 - Never break backward compatibility (see https://symfony.com/bc).
-->

Some maintenance on our root JS dependencies, upgrading Rollup, TypeScript, Babel, ...

Commits
-------

5f54579 [root] Upgrade JS build dependencies

Author: kbond

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;