chore(components): fix new eslint errors

Author: gribnoysup

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

@@ -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-components/src/components/leafygreen.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/hooks/use-confirmation.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-toast.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>
   );