Migrate to Prettier v3 (#732)

Author: Tristan-WorkGH

.eslintrc.json

@@ -25,6 +25,27 @@
         "react/jsx-props-no-spreading": "off",
         "react/require-default-props": "off",
         "no-plusplus": ["error", { "allowForLoopAfterthoughts": true }],
-        "import/prefer-default-export":"off"
+        "import/prefer-default-export": "off",
+        // extend https://github.com/airbnb/javascript/blob/master/packages/eslint-config-airbnb-base/rules/imports.js
+        "import/no-extraneous-dependencies": [
+            "error",
+            {
+                "devDependencies": [
+                    "test/**", // tape, common npm pattern
+                    "tests/**", // also common npm pattern
+                    "spec/**", // mocha, rspec-like pattern
+                    "**/__tests__/**", // jest pattern
+                    "**/__mocks__/**", // jest pattern
+                    "test.{js,jsx,ts,tsx}", // repos with a single test file
+                    "test-*.{js,jsx,ts,tsx}", // repos with multiple top-level test files
+                    "**/*{.,_}{test,spec}.{js,jsx,ts,tsx}", // tests where the extension or filename suffix denotes that it is a test
+                    "**/jest.config.ts", // jest config
+                    "**/jest.setup.ts", // jest setup
+                    "**/prettier.config.ts",
+                    "**/vite.config.ts"
+                ],
+                "optionalDependencies": false
+            }
+        ]
     }
 }

.github/config/.licenserc.yaml

@@ -21,5 +21,4 @@ header:
     - '**/*.svg'
     - '**/*.properties'
 
-
   comment: on-failure

.gitignore

@@ -5,3 +5,5 @@
 npm-debug.log*
 /.idea
 *.tgz
+.vscode/
+.idea/

.npmrc

@@ -0,0 +1 @@
+node-options=--experimental-strip-types

.prettierrc.json

@@ -1,4 +1,4 @@
 {
     "sonarCloudOrganization": "gridsuite",
     "projectKey": "gridsuite_commons-ui"
-}
+}

.sonarlint/connectedMode.json

@@ -8,33 +8,35 @@ The commons-ui library have a demo app in which you can call your components to
 The `npm start` command install the library's dependencies then launches the demo app.
 
 If you want to test your library integration with a consumer application my-app you have first
-to build commons-ui via 
+to build commons-ui via
+
 - `npm install` (if not already done to get `tsc`)
 - `npm run build:pack`
 
 Then in the my-app project :
-- Change the commons-ui dependency in my-app's package.json from    
-`@gridsuite/commons-ui:"^x.x.x"`    
-to     
-`@gridsuite/commons-ui:"file:{PATH_TO_LIBRARY}/gridsuite-commons-ui-{LIBRARY_VERSION}.tgz"` 
+
+- Change the commons-ui dependency in my-app's package.json from  
+  `@gridsuite/commons-ui:"^x.x.x"`  
+  to  
+  `@gridsuite/commons-ui:"file:{PATH_TO_LIBRARY}/gridsuite-commons-ui-{LIBRARY_VERSION}.tgz"`
 - `npm install`
 - `npm start`
 
-*Warning* : with Create React App, we realised the library was not updating correctly if you try to install the library multiple times.
+_Warning_ : with Create React App, we realised the library was not updating correctly if you try to install the library multiple times.
 To fix this, run this command from the app **after** running "npm install"
+
 - rm -Rf node_modules/.cache
- 
 
 #### For integrators
 
 If you want to deploy a new version of commons-ui in the [NPM package registry](https://www.npmjs.com/package/@gridsuite/commons-ui),
 you need to follow the steps below:
 
--   [Make a release action](https://github.com/gridsuite/commons-ui/actions/workflows/release.yml)
-  - In the 'run workflow' combobox select, let the branch on main
-  - Enter the type of evolution (major | minor | patch)
-  - Enter your NPM access token (it must be an **automation** access token to bypass 2FA, see the [access token documentation](https://docs.npmjs.com/creating-and-viewing-access-tokens) for details)
-  - Click 'run workflow'
+- [Make a release action](https://github.com/gridsuite/commons-ui/actions/workflows/release.yml)
+- In the 'run workflow' combobox select, let the branch on main
+- Enter the type of evolution (major | minor | patch)
+- Enter your NPM access token (it must be an **automation** access token to bypass 2FA, see the [access token documentation](https://docs.npmjs.com/creating-and-viewing-access-tokens) for details)
+- Click 'run workflow'
 
 #### License Headers and dependencies checking
 
@@ -44,6 +46,7 @@ To check dependencies license compatibility with this project one locally, pleas
 npm run licenses-check
 ```
 
-Notes : 
-* Check [license-checker-config.json](license-checker-config.json) for license white list and exclusion.
-If you need to update this list, please inform organization's owners.
+Notes :
+
+- Check [license-checker-config.json](license-checker-config.json) for license white list and exclusion.
+  If you need to update this list, please inform organization's owners.

README.md

@@ -5,7 +5,7 @@
     file, You can obtain one at http://mozilla.org/MPL/2.0/.
 -->
 
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
     <head>
         <meta charset="UTF-8" />

demo/index.html

@@ -14,9 +14,7 @@ const config: Config = {
         '^.+\\.(css|less|scss)$': 'identity-obj-proxy',
     },
     // see https://github.com/react-dnd/react-dnd/issues/3443
-    transformIgnorePatterns: [
-        'node_modules/(?!react-dnd|dnd-core|@react-dnd)',
-    ], // transform from ESM
+    transformIgnorePatterns: ['node_modules/(?!react-dnd|dnd-core|@react-dnd)'], // transform from ESM
     globals: {
         IS_REACT_ACT_ENVIRONMENT: true,
     },

jest.config.ts

@@ -5,7 +5,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-import '@testing-library/jest-dom'
+import '@testing-library/jest-dom';
 import { TextEncoder, TextDecoder } from 'util';
 
 // fix for ReferenceError: TextDecoder / TextEncoder is not defined