refactor: [M3-8708] – Migrate TooltipIcon to ui package (linode#11269)

Author: dwiley-akamai

packages/manager/.changeset/pr-11269-removed-1731693533239.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Removed
+---
+
+TooltipIcon component (migrated to `ui` package) ([#11269](https://github.com/linode/manager/pull/11269))

packages/manager/src/components/ActionMenu/ActionMenu.tsx

@@ -1,10 +1,10 @@
+import { TooltipIcon } from '@linode/ui';
 import { IconButton, ListItemText } from '@mui/material';
 import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
 import * as React from 'react';
 
 import KebabIcon from 'src/assets/icons/kebab.svg';
-import { TooltipIcon } from 'src/components/TooltipIcon';
 import { convertToKebabCase } from 'src/utilities/convertToKebobCase';
 
 export interface Action {

packages/manager/src/components/BackupStatus/BackupStatus.tsx

@@ -1,12 +1,11 @@
-import { Tooltip } from '@linode/ui';
+import { Tooltip, TooltipIcon } from '@linode/ui';
 import Backup from '@mui/icons-material/Backup';
 import * as React from 'react';
 import { Link as RouterLink } from 'react-router-dom';
 import { makeStyles } from 'tss-react/mui';
 
 import { DateTimeDisplay } from 'src/components/DateTimeDisplay';
 import { Link } from 'src/components/Link';
-import { TooltipIcon } from 'src/components/TooltipIcon';
 import { Typography } from 'src/components/Typography';
 
 import type { Theme } from '@mui/material/styles';

packages/manager/src/components/Checkbox.tsx

@@ -1,11 +1,11 @@
+import { TooltipIcon } from '@linode/ui';
 import _Checkbox from '@mui/material/Checkbox';
 import { styled } from '@mui/material/styles';
 import * as React from 'react';
 
 import CheckboxIcon from 'src/assets/icons/checkbox.svg';
 import CheckboxCheckedIcon from 'src/assets/icons/checkboxChecked.svg';
 import { FormControlLabel } from 'src/components/FormControlLabel';
-import { TooltipIcon } from 'src/components/TooltipIcon';
 
 import type { CheckboxProps } from '@mui/material/Checkbox';
 import type { SxProps, Theme } from '@mui/material/styles';

packages/manager/src/components/DescriptionList/DescriptionList.tsx

@@ -1,8 +1,7 @@
-import { Box } from '@linode/ui';
+import { Box, TooltipIcon } from '@linode/ui';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import * as React from 'react';
 
-import { TooltipIcon } from 'src/components/TooltipIcon';
 import { Typography } from 'src/components/Typography';
 
 import {
@@ -11,8 +10,8 @@ import {
   StyledDT,
 } from './DescriptionList.styles';
 
+import type { TooltipIconProps } from '@linode/ui';
 import type { Breakpoint, SxProps, Theme } from '@mui/material/styles';
-import type { TooltipIconProps } from 'src/components/TooltipIcon';
 
 type DescriptionListBaseProps = {
   /**

packages/manager/src/components/MultipleIPInput/MultipleIPInput.tsx

@@ -1,4 +1,4 @@
-import { Button, InputLabel, Notice } from '@linode/ui';
+import { Button, InputLabel, Notice, TooltipIcon } from '@linode/ui';
 import Close from '@mui/icons-material/Close';
 import Grid from '@mui/material/Unstable_Grid2';
 import * as React from 'react';
@@ -7,7 +7,6 @@ import { makeStyles } from 'tss-react/mui';
 import { LinkButton } from 'src/components/LinkButton';
 import { StyledLinkButtonBox } from 'src/components/SelectFirewallPanel/SelectFirewallPanel';
 import { TextField } from 'src/components/TextField';
-import { TooltipIcon } from 'src/components/TooltipIcon';
 import { Typography } from 'src/components/Typography';
 
 import type { InputBaseProps } from '@mui/material/InputBase';

packages/manager/src/components/StackScript/StackScript.tsx

@@ -1,4 +1,4 @@
-import { Box, Button, Chip, Divider } from '@linode/ui';
+import { Box, Button, Chip, Divider, TooltipIcon } from '@linode/ui';
 import { useTheme } from '@mui/material/styles';
 import * as React from 'react';
 import { Link, useHistory } from 'react-router-dom';
@@ -13,8 +13,6 @@ import { useAccountManagement } from 'src/hooks/useAccountManagement';
 import { listToItemsByID } from 'src/queries/base';
 import { useAllImagesQuery } from 'src/queries/images';
 
-import { TooltipIcon } from '../TooltipIcon';
-
 import type { StackScript as StackScriptType } from '@linode/api-v4/lib/stackscripts';
 import type { Theme } from '@mui/material/styles';
 

packages/manager/src/components/TableCell/TableCell.tsx

@@ -1,9 +1,8 @@
+import { TooltipIcon } from '@linode/ui';
 import { default as _TableCell } from '@mui/material/TableCell';
 import * as React from 'react';
 import { makeStyles } from 'tss-react/mui';
 
-import { TooltipIcon } from 'src/components/TooltipIcon';
-
 import type { Theme } from '@mui/material/styles';
 import type { TableCellProps as _TableCellProps } from '@mui/material/TableCell';
 

packages/manager/src/components/TextField.tsx

@@ -4,14 +4,14 @@ import {
   FormHelperText,
   InputAdornment,
   InputLabel,
+  TooltipIcon,
 } from '@linode/ui';
 import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';
 import { useTheme } from '@mui/material/styles';
 import { default as _TextField } from '@mui/material/TextField';
 import { clamp } from 'ramda';
 import * as React from 'react';
 
-import { TooltipIcon } from 'src/components/TooltipIcon';
 import { convertToKebabCase } from 'src/utilities/convertToKebobCase';
 
 import type { BoxProps, TooltipProps } from '@linode/ui';

packages/manager/src/components/Toggle/Toggle.tsx

@@ -1,9 +1,11 @@
-import Switch, { SwitchProps } from '@mui/material/Switch';
+import { TooltipIcon } from '@linode/ui';
+import Switch from '@mui/material/Switch';
 import * as React from 'react';
 
 import ToggleOff from 'src/assets/icons/toggleOff.svg';
 import ToggleOn from 'src/assets/icons/toggleOn.svg';
-import { TooltipIcon } from 'src/components/TooltipIcon';
+
+import type { SwitchProps } from '@mui/material/Switch';
 
 export interface ToggleProps extends SwitchProps {
   /**