chore(deps): update eslint (#6957)

* chore(deps): update eslint

* chore(components): fix new eslint errors

---------

Co-authored-by: mongodb-devtools-bot[bot] <189715634+mongodb-devtools-bot[bot]@users.noreply.github.com>
Co-authored-by: Sergey Petushkov <[email protected]>

Author: mongodb-devtools-bot[bot]

configs/eslint-config-compass/package.json

@@ -18,16 +18,16 @@
     "@babel/eslint-parser": "^7.14.3",
     "@mongodb-js/eslint-config-devtools": "^0.9.9",
     "@mongodb-js/eslint-plugin-compass": "^1.2.9",
-    "@typescript-eslint/eslint-plugin": "^8.34.0",
-    "@typescript-eslint/parser": "^8.34.0",
+    "@typescript-eslint/eslint-plugin": "^8.35.1",
+    "@typescript-eslint/parser": "^8.35.1",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-chai-friendly": "^1.1.0",
     "eslint-plugin-filename-rules": "^1.2.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-mocha": "^8.0.0",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^4.6.2"
+    "eslint-plugin-react-hooks": "^5.2.0"
   },
   "scripts": {
     "prettier": "prettier-compass",

package-lock.json

@@ -104,12 +104,12 @@
       "cheerio": "1.0.0-rc.10"
     },
     "@mongodb-js/eslint-config-devtools": {
-      "@typescript-eslint/eslint-plugin": "^8.34.0",
-      "@typescript-eslint/parser": "^8.34.0",
+      "@typescript-eslint/eslint-plugin": "^8.35.1",
+      "@typescript-eslint/parser": "^8.35.1",
       "eslint": "^8.57.1",
       "eslint-plugin-jsx-a11y": "^6.10.2",
       "eslint-plugin-react": "^7.37.5",
-      "eslint-plugin-react-hooks": "^4.6.2"
+      "eslint-plugin-react-hooks": "^5.2.0"
     }
   }
 }

package.json

@@ -22,7 +22,7 @@ type PluginTitleProps = {
 } & WorkspaceTabCoreProps &
   WorkspacePluginProps<typeof CollectionWorkspaceTitle>;
 
-function _PluginTitle({
+function PluginTitle({
   editViewName,
   isNonExistent,
   isReadonly,
@@ -84,4 +84,4 @@ export const CollectionPluginTitleComponent = connect(
     isReadonly: state.metadata?.isReadonly,
     sourceName: state.metadata?.sourceName,
   })
-)(_PluginTitle);
+)(PluginTitle);

packages/compass-collection/src/plugin-tab-title.tsx

@@ -70,8 +70,6 @@ import { Tabs, Tab } from '@leafygreen-ui/tabs';
 import TextArea from '@leafygreen-ui/text-area';
 import LeafyGreenTextInput from '@leafygreen-ui/text-input';
 import { SearchInput } from '@leafygreen-ui/search-input';
-export type { ToastProps } from '@leafygreen-ui/toast';
-export { ToastProvider, useToast } from '@leafygreen-ui/toast';
 export { usePrevious, useMergeRefs } from '@leafygreen-ui/hooks';
 import Toggle from '@leafygreen-ui/toggle';
 import Tooltip from '@leafygreen-ui/tooltip';

packages/compass-components/src/components/leafygreen.tsx

@@ -101,7 +101,9 @@ const hideButtonStyles = css({
   display: 'none !important',
 });
 
-const _ConfirmationModalArea: React.FunctionComponent = ({ children }) => {
+const ConfirmationModalStateHandler: React.FunctionComponent = ({
+  children,
+}) => {
   const [confirmationProps, setConfirmationProps] = useState<
     Partial<ConfirmationProperties> & { open: boolean; confirmationId: number }
   >({
@@ -205,7 +207,7 @@ export const ConfirmationModalArea: React.FunctionComponent = ({
 
   return (
     <ConfirmationModalAreaMountedContext.Provider value={true}>
-      <_ConfirmationModalArea>{children}</_ConfirmationModalArea>
+      <ConfirmationModalStateHandler>{children}</ConfirmationModalStateHandler>
     </ConfirmationModalAreaMountedContext.Provider>
   );
 };

packages/compass-components/src/hooks/use-confirmation.tsx

@@ -1,9 +1,9 @@
 import React, { useContext, useEffect, useMemo, useRef } from 'react';
-import type { ToastProps } from '../components/leafygreen';
+import type { ToastProps } from '@leafygreen-ui/toast';
 import {
   ToastProvider,
   useToast as useLeafygreenToast,
-} from '../components/leafygreen';
+} from '@leafygreen-ui/toast';
 import { useStackedComponent } from './use-stacked-component';
 import { css } from '..';
 
@@ -150,7 +150,7 @@ export const openToast = toastState.openToast.bind(toastState);
  */
 export const closeToast = toastState.closeToast.bind(toastState);
 
-const _ToastArea: React.FunctionComponent = ({ children }) => {
+const ToastStateHandler: React.FunctionComponent = ({ children }) => {
   // NB: the way leafygreen implements this hook leads to anything specifying
   // toast methods in hooks dependencies to constantly update potentially
   // causing infinite loops of toasts. To work around that we are storing toast
@@ -207,7 +207,7 @@ export const ToastArea: React.FunctionComponent = ({ children }) => {
   return (
     <ToastAreaMountedContext.Provider value={true}>
       <ToastProvider portalClassName={stackedElemStyles}>
-        <_ToastArea>{children}</_ToastArea>
+        <ToastStateHandler>{children}</ToastStateHandler>
       </ToastProvider>
     </ToastAreaMountedContext.Provider>
   );