refactor: [M3-6307] - MUIv5 Migration - SRC > Components > CopyTooltip

CHANGELOG.md

@@ -9,6 +9,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 ### Added:
 - Metadata
 - Add No Results section for Marketplace Search #8999
+- Add Private IP checkbox when cloning a Linode #9039
 
 ### Changed:
 - `<RegionSelect />` can now dynamically get country flag and group all countrys #8996
@@ -33,6 +34,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 - MUIv5 Migration - Components > CreateLinodeDisabled #9015
 - MUIv5 Migration - `Components > DateTimeDisplay, DebouncedSearchTextField` #9007
 - MUIv5 Migration - `SRC > Components > ConfirmationDialog` #9016
+- MUIv5 Migration - `SRC > Components > CopyTooltip` #9040
+- - MUIv5 Migration - `SRC > Components > CopyTooltip` #9040
 - Add basic Adobe Analytics tracking #8989
 
 ## [2023-04-18] - v1.91.1

packages/manager/src/components/CopyTooltip/CopyTooltip.stories.mdx

@@ -1,22 +1,20 @@
 import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
-import CopyTooltip from 'src/components/CopyTooltip/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 
 <Meta
   title="Elements/Tooltip/Copy Tooltip"
   component={CopyTooltip}
   decorators={[
     (Story) => (
-      <div style={{marginTop: '1.5em'}}>
+      <div style={{ marginTop: '1.5em' }}>
         <Story />
       </div>
-    )
+    ),
   ]}
 />
 
 export const Template = (args) => {
-  return (
-    <CopyTooltip {...args} />
-  );
+  return <CopyTooltip {...args} />;
 };
 
 # Copy Tooltip
@@ -42,4 +40,4 @@ If horizontal space is limited, truncate the content.
   </Story>
 </Canvas>
 
-<ArgsTable story="Copy Tooltip" exclude={['className']} sort="requiredFirst"/>
+<ArgsTable story="Copy Tooltip" sort="requiredFirst" />

packages/manager/src/components/CopyTooltip/CopyTooltip.tsx

@@ -80,5 +80,3 @@ export const CopyTooltip = (props: Props) => {
     </ToolTip>
   );
 };
-
-export default CopyTooltip;

packages/manager/src/components/CopyableAndDownloadableTextField.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import snakeCase from 'lodash/snakeCase';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import DownloadTooltip from 'src/components/DownloadTooltip';
 import { makeStyles } from '@mui/styles';
 import { Theme } from '@mui/material/styles';

packages/manager/src/components/CopyableTextField/CopyableTextField.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import { makeStyles } from '@mui/styles';
 import { Theme } from '@mui/material/styles';
 import TextField, { Props as TextFieldProps } from 'src/components/TextField';

packages/manager/src/components/LinodeCLIModal/LinodeCLIModal.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { makeStyles } from '@mui/styles';
 import { Theme } from '@mui/material/styles';
 import { Dialog } from 'src/components/Dialog/Dialog';
-import CopyTooltip from '../CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import { sendCLIClickEvent } from 'src/utilities/ga';
 
 const useStyles = makeStyles((theme: Theme) => ({

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

@@ -4,7 +4,7 @@ import { Theme, useTheme } from '@mui/material/styles';
 import * as React from 'react';
 import { Link, useHistory } from 'react-router-dom';
 import Button from 'src/components/Button';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import Chip from 'src/components/core/Chip';
 import Divider from 'src/components/core/Divider';
 import Typography from 'src/components/core/Typography';

packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryConnectionDetails.tsx

@@ -6,7 +6,7 @@ import * as React from 'react';
 import DownloadIcon from 'src/assets/icons/lke-download.svg';
 import Button from 'src/components/Button';
 import { CircleProgress } from 'src/components/CircleProgress';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import Box from 'src/components/core/Box';
 import Typography from 'src/components/core/Typography';
 import { TooltipIcon } from 'src/components/TooltipIcon/TooltipIcon';

packages/manager/src/features/EntityTransfers/RenderTransferRow.tsx

@@ -1,6 +1,6 @@
 import { TransferEntities } from '@linode/api-v4/lib/entity-transfers';
 import * as React from 'react';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import Hidden from 'src/components/core/Hidden';
 import { makeStyles } from '@mui/styles';
 import { Theme } from '@mui/material/styles';

packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigDrawer.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import Download from 'src/assets/icons/download.svg';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import Grid from '@mui/material/Unstable_Grid2';
 import { makeStyles } from '@mui/styles';
 import { Theme } from '@mui/material/styles';

packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodeTable.tsx

@@ -2,7 +2,7 @@ import { PoolNodeResponse } from '@linode/api-v4/lib/kubernetes';
 import { APIError } from '@linode/api-v4/lib/types';
 import * as React from 'react';
 import { Link } from 'react-router-dom';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import { makeStyles } from '@mui/styles';
 import { Theme } from '@mui/material/styles';
 import TableBody from 'src/components/core/TableBody';

packages/manager/src/features/Longview/shared/InstallationInstructions.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { makeStyles } from '@mui/styles';
 import { Theme } from '@mui/material/styles';
 
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import Typography from 'src/components/core/Typography';
 import Grid from 'src/components/Grid';
 

packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ObjectStorageKey } from '@linode/api-v4/lib/object-storage';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import { makeStyles } from '@mui/styles';
 import { Theme } from '@mui/material/styles';
 import TableBody from 'src/components/core/TableBody';

packages/manager/src/features/ObjectStorage/BucketDetail/ObjectDetailsDrawer.tsx

@@ -4,7 +4,7 @@ import {
   updateObjectACL,
 } from '@linode/api-v4/lib/object-storage';
 import * as React from 'react';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import Divider from 'src/components/core/Divider';
 import { makeStyles } from '@mui/styles';
 import Typography from 'src/components/core/Typography';

packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx

@@ -5,7 +5,7 @@ import {
 } from '@linode/api-v4/lib/object-storage';
 import * as React from 'react';
 import { Link } from 'react-router-dom';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import Divider from 'src/components/core/Divider';
 import { makeStyles } from '@mui/styles';
 import Typography from 'src/components/core/Typography';

packages/manager/src/features/linodes/LinodeEntityDetail.tsx

@@ -7,7 +7,7 @@ import { Link } from 'react-router-dom';
 import { HashLink } from 'react-router-hash-link';
 import { compose } from 'recompose';
 import Button from 'src/components/Button';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import Box from 'src/components/core/Box';
 import Chip from 'src/components/core/Chip';
 import Hidden from 'src/components/core/Hidden';

packages/manager/src/features/linodes/LinodesCreate/CodeBlock/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import HighlightedMarkdown from 'src/components/HighlightedMarkdown';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import { sendEvent } from 'src/utilities/ga';
 import { useCodeBlockStyles } from './styles';
 export interface Props {

packages/manager/src/features/linodes/LinodesDetail/LinodeNetworking/LinodeNetworking.tsx

@@ -19,7 +19,7 @@ import { compose as recompose } from 'recompose';
 import AddNewLink from 'src/components/AddNewLink';
 import Button from 'src/components/Button';
 import { CircleProgress } from 'src/components/CircleProgress';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import Hidden from 'src/components/core/Hidden';
 import Paper from 'src/components/core/Paper';
 import { createStyles, withStyles, WithStyles } from '@mui/styles';

packages/manager/src/features/linodes/LinodesLanding/IPAddress.tsx

@@ -1,7 +1,7 @@
 import copy from 'copy-to-clipboard';
 import { tail } from 'ramda';
 import * as React from 'react';
-import CopyTooltip from 'src/components/CopyTooltip';
+import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
 import { createStyles, withStyles, WithStyles } from '@mui/styles';
 import { Theme } from '@mui/material/styles';
 import ShowMore from 'src/components/ShowMore';