minor #2423 Apply natural import order for JS to synchronise the code base with Biome and its configuration (chadyred)

This PR was merged into the 2.x branch.

Discussion
----------

Apply natural import order for JS to synchronise the code base with Biome and its configuration

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | no <!-- please update src/**/CHANGELOG.md files -->
| License       | MIT

Hello,

`Biome` sounds really good 🧑‍🔬 , it seems to be a really cool tool, guys !

It applies a rule for ordering import "naturally" (https://biomejs.dev/analyzer/import-sorting/) so, I apply the command to check and fix

What about apply it "as is" ? Another alternative will be to disabled the rule. What do you think about that detail ?

Maybe, an import needs of a package just above, from another package import, this is what I propose also to disable the rule, WYT ?

Thanks ^^

Commits
-------

331a409 chore: Apply natural import order for JS to synchronise the code base with Biome and its configuration

Author: Kocal

src/Autocomplete/assets/src/controller.ts

@@ -3,10 +3,10 @@ import TomSelect from 'tom-select';
 import type { TPluginHash } from 'tom-select/dist/types/contrib/microplugin';
 import type {
     RecursivePartial,
-    TomSettings,
-    TomTemplates,
     TomLoadCallback,
     TomOption,
+    TomSettings,
+    TomTemplates,
 } from 'tom-select/dist/types/types';
 import type { escape_html } from 'tom-select/dist/types/utils';
 

src/Autocomplete/assets/test/controller.test.ts

@@ -9,14 +9,14 @@
 
 import { Application } from '@hotwired/stimulus';
 import { getByTestId, waitFor } from '@testing-library/dom';
+import userEvent from '@testing-library/user-event';
+import type TomSelect from 'tom-select';
+import { vi } from 'vitest';
+import createFetchMock from 'vitest-fetch-mock';
 import AutocompleteController, {
     type AutocompleteConnectOptions,
     type AutocompletePreConnectOptions,
 } from '../src/controller';
-import userEvent from '@testing-library/user-event';
-import type TomSelect from 'tom-select';
-import createFetchMock from 'vitest-fetch-mock';
-import { vi } from 'vitest';
 
 const shortDelay = (ms: number): Promise<void> => new Promise((resolve) => setTimeout(resolve, ms));
 

src/Cropperjs/assets/test/controller.test.ts

@@ -8,8 +8,8 @@
  */
 
 import { Application, Controller } from '@hotwired/stimulus';
-import { getByTestId, waitFor } from '@testing-library/dom';
 import { clearDOM, mountDOM } from '@symfony/stimulus-testing';
+import { getByTestId, waitFor } from '@testing-library/dom';
 import CropperjsController from '../src/controller';
 
 let cropper: Cropper | null = null;

src/Dropzone/assets/test/controller.test.ts

@@ -8,9 +8,9 @@
  */
 
 import { Application, Controller } from '@hotwired/stimulus';
+import { clearDOM, mountDOM } from '@symfony/stimulus-testing';
 import { getByTestId, waitFor } from '@testing-library/dom';
 import user from '@testing-library/user-event';
-import { clearDOM, mountDOM } from '@symfony/stimulus-testing';
 import DropzoneController from '../src/controller';
 
 // Controller used to check the actual controller was properly booted

src/LazyImage/assets/test/controller.test.ts

@@ -8,8 +8,8 @@
  */
 
 import { Application, Controller } from '@hotwired/stimulus';
-import { getByTestId, waitFor } from '@testing-library/dom';
 import { clearDOM, mountDOM } from '@symfony/stimulus-testing';
+import { getByTestId, waitFor } from '@testing-library/dom';
 import LazyImageController from '../src/controller';
 
 // Controller used to check the actual controller was properly booted

src/LiveComponent/assets/dist/Component/index.d.ts

@@ -1,9 +1,9 @@
 import type { BackendInterface } from '../Backend/Backend';
-import ValueStore from './ValueStore';
 import type BackendRequest from '../Backend/BackendRequest';
+import BackendResponse from '../Backend/BackendResponse';
 import type { ElementDriver } from './ElementDriver';
+import ValueStore from './ValueStore';
 import type { PluginInterface } from './plugins/PluginInterface';
-import BackendResponse from '../Backend/BackendResponse';
 type MaybePromise<T = void> = T | Promise<T>;
 export type ComponentHooks = {
     connect: (component: Component) => MaybePromise;

src/LiveComponent/assets/dist/Component/plugins/LazyPlugin.d.ts

@@ -1,5 +1,5 @@
-import type { PluginInterface } from './PluginInterface';
 import type Component from '../index';
+import type { PluginInterface } from './PluginInterface';
 export default class implements PluginInterface {
     private intersectionObserver;
     attachToComponent(component: Component): void;

src/LiveComponent/assets/dist/Component/plugins/LoadingPlugin.d.ts

@@ -1,6 +1,6 @@
-import { type Directive } from '../../Directive/directives_parser';
 import type BackendRequest from '../../Backend/BackendRequest';
 import type Component from '../../Component';
+import { type Directive } from '../../Directive/directives_parser';
 import type { PluginInterface } from './PluginInterface';
 interface ElementLoadingDirectives {
     element: HTMLElement | SVGElement;

src/LiveComponent/assets/dist/HookManager.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentHookName, ComponentHookCallback } from './Component';
+import type { ComponentHookCallback, ComponentHookName } from './Component';
 export default class {
     private hooks;
     register<T extends string | ComponentHookName = ComponentHookName>(hookName: T, callback: ComponentHookCallback<T>): void;

src/LiveComponent/assets/dist/dom_utils.d.ts

@@ -1,6 +1,6 @@
+import type Component from './Component';
 import type ValueStore from './Component/ValueStore';
 import { type Directive } from './Directive/directives_parser';
-import type Component from './Component';
 export declare function getValueFromElement(element: HTMLElement, valueStore: ValueStore): string | string[] | null | boolean;
 export declare function setValueOnElement(element: HTMLElement, value: any): void;
 export declare function getAllModelDirectiveFromElements(element: HTMLElement): Directive[];