chore(deps): update typescript-eslint monorepo to v6 (major) (#916)

* chore(deps): update typescript-eslint monorepo to v6

* chore: update config and apply changes

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Robb Niznik <rniznik@launchdarkly.com>

.eslintrc.js

@@ -6,6 +6,7 @@ module.exports = {
     'plugin:react/jsx-runtime',
     'plugin:react-hooks/recommended',
     'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/stylistic',
     'plugin:import/recommended',
     'plugin:import/typescript',
     'plugin:jsx-a11y/recommended',

package.json

@@ -69,8 +69,8 @@
     "@types/react": "^18.2.8",
     "@types/react-dom": "^18.2.4",
     "@types/testing-library__jest-dom": "^5.14.3",
-    "@typescript-eslint/eslint-plugin": "^5.61.0",
-    "@typescript-eslint/parser": "^5.61.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
     "@vanilla-extract/css": "^1.12.0",
     "@vanilla-extract/vite-plugin": "^3.8.2",
     "@vitejs/plugin-react-swc": "^3.3.1",

packages/menu/src/utils.ts

@@ -24,7 +24,7 @@ const handleKeyboardInteractions = (
 };
 
 const chainEventHandlers =
-  (...handlers: Array<EventHandler<SyntheticEvent> | undefined>) =>
+  (...handlers: (EventHandler<SyntheticEvent> | undefined)[]) =>
   (event: SyntheticEvent) => {
     handlers.forEach((h) => typeof h === 'function' && h(event));
   };

packages/modal/src/ModalContainer.tsx

@@ -18,7 +18,7 @@ const overlay: Variants = {
   hidden: { opacity: 0 },
 };
 
-const transitions: { [key: string]: Variants } = {
+const transitions: Record<string, Variants> = {
   desktopPop: {
     hidden: { opacity: 0, scale: 0.9 },
     visible: { opacity: 1, scale: 1, transition: { type: 'spring', delay: 0.1, duration: 0.15 } },

packages/select/src/SelectItem.tsx

@@ -16,6 +16,7 @@ const SelectItem = <T extends object, P extends ElementType = 'div'>(
 
 SelectItem.getCollectionNode = function* getCollectionNode<T extends object>(
   props: ItemProps<T>,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   context: any
 ) {
   const rendered = props.title || props.children;

packages/select/src/SingleSelect/types.ts

@@ -6,6 +6,7 @@ type SingleSelection = {
   /** The initial selected keys in the collection (uncontrolled). */
   defaultSelectedKey?: Key;
   /** Handler that is called when the selection changes. */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   onSelectionChange?: (key: Key) => any;
 };
 

packages/tab-list/src/TabList.tsx

@@ -16,7 +16,7 @@ type TabListProps<T extends string | number> = AriaTabListProps<HTMLDivElement>
   /** CSS classes to pass into the TabList wrapper div. */
   className?: string;
   /** The children passed into the TabList. This is a react-stately Item with JSX children. */
-  children: ItemElement<ReactNode> | Array<ItemElement<ReactNode>>;
+  children: ItemElement<ReactNode> | ItemElement<ReactNode>[];
   /** Array of any disabled Tabs in the grouping. */
   disabledTabs?: string[];
   /** Called when the user clicks on a different tab */

packages/tag/src/Tag.tsx

@@ -71,6 +71,7 @@ const Tag = <T extends object>(props: TagProps<T>) => {
               data-test-id="remove-tag-btn"
               onClick={(e) => {
                 e.stopPropagation();
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 removeButtonProps.onPress?.(undefined as any);
               }}
               {...removeButtonProps}

packages/tag/src/TagItem.tsx

@@ -17,6 +17,7 @@ const TagItem = <T extends object, P extends ElementType = 'div'>(
 
 TagItem.getCollectionNode = function* getCollectionNode<T extends object>(
   props: ItemProps<T>,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   context: any
 ) {
   const rendered = props.title || props.children;