Merge branch 'main' into 6146-data-table-select-all-performance

config/eslint-config-carbon/internal.js

@@ -13,5 +13,6 @@ module.exports = {
     require.resolve('./plugins/jest'),
     require.resolve('./plugins/react'),
     require.resolve('./plugins/storybook'),
+    require.resolve('./plugins/testing-library'),
   ],
 };

config/eslint-config-carbon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eslint-config-carbon",
   "description": "ESLint configuration for Carbon",
-  "version": "3.3.0",
+  "version": "3.4.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
@@ -33,11 +33,11 @@
   },
   "dependencies": {
     "@babel/eslint-parser": "^7.19.1",
-    "@typescript-eslint/eslint-plugin": "^5.38.1",
-    "@typescript-eslint/parser": "^5.38.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.6",
+    "@typescript-eslint/parser": "^5.59.6",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^8.6.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jest": "^26.9.0",
@@ -48,6 +48,7 @@
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.10",
+    "eslint-plugin-testing-library": "^5.11.0",
     "eslint-restricted-globals": "^0.2.0"
   },
   "devDependencies": {

config/eslint-config-carbon/plugins/testing-library.js

@@ -11,83 +11,13 @@ module.exports = {
   plugins: ['testing-library'],
   overrides: [
     {
-      // extends: ['plugin:testing-library/react'],
-      files: ['**/components/**/Link-test.js'],
+      extends: ['plugin:testing-library/react'],
+      files: ['packages/react/**/*-test.js'],
       rules: {
-        // Enforce promises from async queries to be handled
-        'testing-library/await-async-query': 'error',
-
-        // Enforce async utils to be awaited properly
-        'testing-library/await-async-utils': 'error',
-
-        // Enforce promises from fire event methods to be handled
-        'testing-library/await-fire-event': 'error',
-
-        // Ensure `data-testid` values match a provided regex.
-        'testing-library/consistent-data-testid': 'off',
-
-        // Disallow unnecessary `await` for sync events
-        'testing-library/no-await-sync-events': 'error',
-
-        // Disallow unnecessary `await` for sync queries
-        'testing-library/no-await-sync-query': 'error',
-
-        // Disallow the use of `container` methods
-        'testing-library/no-container': 'error',
-
-        // Disallow the use of debugging utilities like `debug`
-        'testing-library/no-debug': 'error',
-
-        // Disallow importing from DOM Testing Library
-        'testing-library/no-dom-import': 'error',
-
-        // Disallow the use of `cleanup`
-        'testing-library/no-manual-cleanup': 'error',
-
-        // Disallow direct Node access
-        'testing-library/no-node-access': 'error',
-
-        // Disallow the use of promises passed to a `fireEvent` method
-        'testing-library/no-promise-in-fire-event': 'error',
-
-        // Disallow the use of `render` in setup functions
-        'testing-library/no-render-in-setup': 'error',
-
-        // Disallow wrapping Testing Library utils or empty callbacks in `act`
-        'testing-library/no-unnecessary-act': 'error',
-
-        // Disallow empty callbacks for `waitFor` and `waitForElementToBeRemoved`
-        'testing-library/no-wait-for-empty-callback': 'error',
-
-        // Disallow the use of multiple expect inside `waitFor`
-        'testing-library/no-wait-for-multiple-assertions': 'error',
-
-        // Disallow the use of side effects inside `waitFor`
-        'testing-library/no-wait-for-side-effects': 'error',
-
-        // Ensures no snapshot is generated inside of a `waitFor` call
-        'testing-library/no-wait-for-snapshot': 'error',
-
-        // Suggest using explicit assertions rather than just `getBy*` queries
-        'testing-library/prefer-explicit-assert': 'error',
-
-        // Suggest using `findBy*` methods instead of the `waitFor` + `getBy` queries
-        'testing-library/prefer-find-by': 'error',
-
-        // Enforce specific queries when checking element is present or not
-        'testing-library/prefer-presence-queries': 'error',
-
-        // Suggest using screen while using queries
-        'testing-library/prefer-screen-queries': 'error',
-
-        // Suggest using `userEvent` library instead of `fireEvent` for simulating user interaction
-        'testing-library/prefer-user-event': 'error',
-
-        // Use `waitFor` instead of deprecated wait methods
-        'testing-library/prefer-wait-for': 'error',
-
-        // Enforce a valid naming for return value from `render`
-        'testing-library/render-result-naming-convention': 'off',
+        'testing-library/no-node-access': [
+          'error',
+          { allowContainerFirstChild: true },
+        ],
       },
     },
   ],

config/prettier-config-carbon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prettier-config-carbon",
   "description": "Prettier config for the Carbon Design System",
-  "version": "0.9.0",
+  "version": "0.10.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

config/stylelint-config-carbon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stylelint-config-carbon",
   "description": "Stylelint configuration for Carbon",
-  "version": "1.12.0",
+  "version": "1.13.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

examples/class-prefix/package.json

@@ -1,22 +1,21 @@
 {
   "name": "class-prefix",
   "private": true,
-  "version": "0.26.0",
+  "version": "0.27.0-rc.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.29.0",
+    "@carbon/react": "^1.30.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@vitejs/plugin-react": "1.1.3",
+    "@vitejs/plugin-react": "4.0.0",
     "sass": "^1.51.0",
-    "vite": "^2.9.5"
+    "vite": "^4.3.8"
   }
 }

examples/class-prefix/src/App.jsx

@@ -10,7 +10,7 @@ function ExampleComponent() {
   )
 }
 
-function App() {
+export default function App() {
   return (
     <>
       <ExampleComponent />
@@ -20,5 +20,3 @@ function App() {
     </>
   );
 }
-
-export default App

examples/class-prefix/src/main.jsx

@@ -1,12 +1,13 @@
 import './index.scss'
 
-import React from 'react'
-import ReactDOM from 'react-dom'
+import React from 'react';
+import { createRoot } from 'react-dom/client';
 import App from './App'
 
-ReactDOM.render(
+const domNode = document.getElementById('root');
+const root = createRoot(domNode);
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById('root')
+  </React.StrictMode>
 );

examples/class-prefix/vite.config.js

@@ -3,9 +3,5 @@ import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    react({
-      jsxRuntime: 'classic',
-    }),
-  ],
+  plugins: [react()],
 });

examples/codesandbox-styles/package.json

@@ -1,15 +1,16 @@
 {
   "name": "codesandbox-styles",
   "private": true,
-  "version": "0.32.0",
+  "version": "0.33.0-rc.0",
+  "type": "module",
   "scripts": {
-    "develop": "vite"
+    "dev": "vite"
   },
   "devDependencies": {
-    "vite": "^2.8.0"
+    "sass": "^1.51.0",
+    "vite": "^4.3.8"
   },
   "dependencies": {
-    "@carbon/styles": "^1.29.0",
-    "sass": "^1.51.0"
+    "@carbon/styles": "^1.30.0-rc.0"
   }
 }

examples/codesandbox-with-sass-compilation/package.json

@@ -1,9 +1,9 @@
 {
   "name": "codesandbox-with-sass-compilation",
-  "version": "0.30.0",
+  "version": "0.31.0-rc.0",
   "private": true,
   "dependencies": {
-    "@carbon/react": "^1.29.0",
+    "@carbon/react": "^1.30.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/codesandbox/package.json

@@ -1,9 +1,9 @@
 {
   "name": "codesandbox",
-  "version": "0.30.0",
+  "version": "0.31.0-rc.0",
   "private": true,
   "dependencies": {
-    "@carbon/react": "^1.29.0",
+    "@carbon/react": "^1.30.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/custom-theme/package.json

@@ -1,22 +1,21 @@
 {
   "name": "custom-theme",
   "private": true,
-  "version": "0.27.0",
+  "version": "0.28.0-rc.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.29.0",
+    "@carbon/react": "^1.30.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@vitejs/plugin-react": "1.1.3",
+    "@vitejs/plugin-react": "4.0.0",
     "sass": "^1.51.0",
-    "vite": "^2.9.5"
+    "vite": "^4.3.8"
   }
 }

examples/custom-theme/src/App.jsx

@@ -1,7 +1,7 @@
 import { Button } from '@carbon/react';
 import React from 'react';
 
-function App() {
+export default function App() {
   return (
     <div>
       <Button>Button with custom theme</Button>
@@ -16,5 +16,3 @@ function App() {
     </div>
   );
 }
-
-export default App;

examples/custom-theme/src/main.jsx

@@ -1,12 +1,13 @@
-import './index.scss'
+import './index.scss';
 
-import React from 'react'
-import ReactDOM from 'react-dom'
-import App from './App'
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
 
-ReactDOM.render(
+const domNode = document.getElementById('root');
+const root = createRoot(domNode);
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById('root')
+  </React.StrictMode>
 );

examples/custom-theme/vite.config.js

@@ -3,9 +3,5 @@ import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    react({
-      jsxRuntime: 'classic',
-    }),
-  ],
+  plugins: [react()],
 });

examples/id-prefix/package.json

@@ -1,22 +1,21 @@
 {
   "name": "id-prefix",
   "private": true,
-  "version": "0.26.0",
+  "version": "0.27.0-rc.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.29.0",
+    "@carbon/react": "^1.30.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@vitejs/plugin-react": "1.1.3",
+    "@vitejs/plugin-react": "4.0.0",
     "sass": "^1.51.0",
-    "vite": "^2.9.5"
+    "vite": "^4.3.8"
   }
 }

examples/id-prefix/src/App.jsx

@@ -10,7 +10,7 @@ function ExampleComponent() {
   )
 }
 
-function App() {
+export default function App() {
   return (
     <>
       <ExampleComponent />
@@ -20,5 +20,3 @@ function App() {
     </>
   );
 }
-
-export default App