diff --git a/docs/development-guide/02-component-structure.md b/docs/development-guide/02-component-structure.md index 3cd72cdf54e..1a18bbb39de 100644 --- a/docs/development-guide/02-component-structure.md +++ b/docs/development-guide/02-component-structure.md @@ -15,9 +15,9 @@ The basic structure of a component file should follow: Here is a minimal code example demonstrating the basic structure of a component file: ```tsx -import * as React from "react"; +import { omittedProps } from "@linode/ui"; import { styled } from "@mui/material/styles"; -import { omittedProps } from "src/utilities/omittedProps"; +import * as React from "react"; // If not exported, it can just be named `Props` export interface SayHelloProps { diff --git a/packages/manager/.storybook/utils.test.ts b/packages/manager/.storybook/utils.test.ts index 9dc8db75c2b..405fb57b34c 100644 --- a/packages/manager/.storybook/utils.test.ts +++ b/packages/manager/.storybook/utils.test.ts @@ -10,7 +10,7 @@ describe('getReactDocgenTSFileGlobs', () => { ).toBe(true); expect( typeScriptFileGlobs.some((file) => - file.includes('../manager/src/components/Paper.{ts,tsx}') + file.includes('../ui/src/components/Paper/**/*.{ts,tsx}') ) ).toBe(true); expect( diff --git a/packages/manager/src/components/AccessPanel/AccessPanel.tsx b/packages/manager/src/components/AccessPanel/AccessPanel.tsx index 78b0905f193..7c26208c4e9 100644 --- a/packages/manager/src/components/AccessPanel/AccessPanel.tsx +++ b/packages/manager/src/components/AccessPanel/AccessPanel.tsx @@ -1,3 +1,4 @@ +import { Paper } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; @@ -14,7 +15,6 @@ import { } from 'src/components/Encryption/constants'; import { Encryption } from 'src/components/Encryption/Encryption'; import { useIsDiskEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; -import { Paper } from 'src/components/Paper'; import { getIsDistributedRegion } from 'src/components/RegionSelect/RegionSelect.utils'; import { SuspenseLoader } from 'src/components/SuspenseLoader'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/components/AkamaiBanner/AkamaiBanner.styles.ts b/packages/manager/src/components/AkamaiBanner/AkamaiBanner.styles.ts index 1788f53a67e..04c3ad2a2a0 100644 --- a/packages/manager/src/components/AkamaiBanner/AkamaiBanner.styles.ts +++ b/packages/manager/src/components/AkamaiBanner/AkamaiBanner.styles.ts @@ -1,9 +1,8 @@ -import { Box } from '@linode/ui'; +import { Box, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Warning from 'src/assets/icons/warning.svg'; import AkamaiLogo from 'src/assets/logo/akamai-logo.svg'; -import { omittedProps } from 'src/utilities/omittedProps'; import { Stack } from '../Stack'; diff --git a/packages/manager/src/components/AreaChart/AreaChart.tsx b/packages/manager/src/components/AreaChart/AreaChart.tsx index ea6dd7e08b5..70dcabf72b4 100644 --- a/packages/manager/src/components/AreaChart/AreaChart.tsx +++ b/packages/manager/src/components/AreaChart/AreaChart.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { Typography, useTheme } from '@mui/material'; import { styled } from '@mui/material/styles'; import { DateTime } from 'luxon'; @@ -16,7 +16,6 @@ import { import { AccessibleAreaChart } from 'src/components/AreaChart/AccessibleAreaChart'; import MetricsDisplay from 'src/components/LineGraph/MetricsDisplay'; -import { Paper } from 'src/components/Paper'; import { StyledBottomLegend } from 'src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/TablesPanel'; import { diff --git a/packages/manager/src/components/Autocomplete/Autocomplete.styles.tsx b/packages/manager/src/components/Autocomplete/Autocomplete.styles.tsx index 5e4c9989e51..0d3c4ad5d34 100644 --- a/packages/manager/src/components/Autocomplete/Autocomplete.styles.tsx +++ b/packages/manager/src/components/Autocomplete/Autocomplete.styles.tsx @@ -1,10 +1,9 @@ +import { omittedProps } from '@linode/ui'; import DoneIcon from '@mui/icons-material/Done'; import Popper from '@mui/material/Popper'; import { styled } from '@mui/material/styles'; import React from 'react'; -import { omittedProps } from 'src/utilities/omittedProps'; - import type { PopperProps } from '@mui/material/Popper'; export const StyledListItem = styled('li', { diff --git a/packages/manager/src/components/BarPercent/BarPercent.tsx b/packages/manager/src/components/BarPercent/BarPercent.tsx index 9aeb1e92d86..81a9d6e4ccf 100644 --- a/packages/manager/src/components/BarPercent/BarPercent.tsx +++ b/packages/manager/src/components/BarPercent/BarPercent.tsx @@ -1,8 +1,8 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { LinearProgress } from 'src/components/LinearProgress'; -import { omittedProps } from 'src/utilities/omittedProps'; import type { SxProps, Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/Button/Button.tsx b/packages/manager/src/components/Button/Button.tsx index 32065827df9..e13a9e1fd86 100644 --- a/packages/manager/src/components/Button/Button.tsx +++ b/packages/manager/src/components/Button/Button.tsx @@ -1,4 +1,4 @@ -import { Tooltip } from '@linode/ui'; +import { Tooltip, omittedProps } from '@linode/ui'; import HelpOutline from '@mui/icons-material/HelpOutline'; import _Button from '@mui/material/Button'; import { styled } from '@mui/material/styles'; @@ -7,7 +7,6 @@ import * as React from 'react'; import Reload from 'src/assets/icons/reload.svg'; import { rotate360 } from '../../styles/keyframes'; -import { omittedProps } from '../../utilities/omittedProps'; import type { ButtonProps as _ButtonProps } from '@mui/material/Button'; import type { SxProps, Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/Button/StyledTagButton.ts b/packages/manager/src/components/Button/StyledTagButton.ts index d0dae58b7cd..18355b0ef08 100644 --- a/packages/manager/src/components/Button/StyledTagButton.ts +++ b/packages/manager/src/components/Button/StyledTagButton.ts @@ -1,7 +1,7 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Plus from 'src/assets/icons/plusSign.svg'; -import { omittedProps } from 'src/utilities/omittedProps'; import { Button } from './Button'; diff --git a/packages/manager/src/components/CheckoutSummary/CheckoutSummary.tsx b/packages/manager/src/components/CheckoutSummary/CheckoutSummary.tsx index a1d7873b0b5..4b26381b8af 100644 --- a/packages/manager/src/components/CheckoutSummary/CheckoutSummary.tsx +++ b/packages/manager/src/components/CheckoutSummary/CheckoutSummary.tsx @@ -1,10 +1,10 @@ +import { Paper } from '@linode/ui'; import { useTheme } from '@mui/material'; import { styled } from '@mui/material/styles'; import Grid2 from '@mui/material/Unstable_Grid2/Grid2'; import useMediaQuery from '@mui/material/useMediaQuery'; import * as React from 'react'; -import { Paper } from '../Paper'; import { Typography } from '../Typography'; import { SummaryItem } from './SummaryItem'; diff --git a/packages/manager/src/components/CircleProgress/CircleProgress.tsx b/packages/manager/src/components/CircleProgress/CircleProgress.tsx index 1d177ce85e0..04270ba551f 100644 --- a/packages/manager/src/components/CircleProgress/CircleProgress.tsx +++ b/packages/manager/src/components/CircleProgress/CircleProgress.tsx @@ -1,10 +1,8 @@ -import { Box } from '@linode/ui'; +import { Box, omittedProps } from '@linode/ui'; import _CircularProgress from '@mui/material/CircularProgress'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { omittedProps } from 'src/utilities/omittedProps'; - import type { CircularProgressProps } from '@mui/material/CircularProgress'; import type { SxProps, Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/CopyTooltip/CopyTooltip.tsx b/packages/manager/src/components/CopyTooltip/CopyTooltip.tsx index d4cdca2642b..04a31c65424 100644 --- a/packages/manager/src/components/CopyTooltip/CopyTooltip.tsx +++ b/packages/manager/src/components/CopyTooltip/CopyTooltip.tsx @@ -1,11 +1,10 @@ -import { Tooltip, VisibilityTooltip } from '@linode/ui'; +import { Tooltip, VisibilityTooltip, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import copy from 'copy-to-clipboard'; import * as React from 'react'; import FileCopy from 'src/assets/icons/copy.svg'; import { createMaskedText } from 'src/utilities/createMaskedText'; -import { omittedProps } from 'src/utilities/omittedProps'; import type { MaskableTextLength } from '../MaskableText/MaskableText'; import type { TooltipProps } from '@linode/ui'; diff --git a/packages/manager/src/components/DescriptionList/DescriptionList.styles.ts b/packages/manager/src/components/DescriptionList/DescriptionList.styles.ts index 6b450e9b98d..e65973514ba 100644 --- a/packages/manager/src/components/DescriptionList/DescriptionList.styles.ts +++ b/packages/manager/src/components/DescriptionList/DescriptionList.styles.ts @@ -1,8 +1,8 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { Typography } from 'src/components/Typography'; -import { omittedProps } from 'src/utilities/omittedProps'; import type { DescriptionListProps } from './DescriptionList'; import type { TypographyProps } from '@mui/material'; diff --git a/packages/manager/src/components/Dialog/Dialog.tsx b/packages/manager/src/components/Dialog/Dialog.tsx index 8a217c008ea..6002e942dfc 100644 --- a/packages/manager/src/components/Dialog/Dialog.tsx +++ b/packages/manager/src/components/Dialog/Dialog.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, omittedProps } from '@linode/ui'; import _Dialog from '@mui/material/Dialog'; import DialogContent from '@mui/material/DialogContent'; import { styled, useTheme } from '@mui/material/styles'; @@ -6,7 +6,6 @@ import * as React from 'react'; import { DialogTitle } from 'src/components/DialogTitle/DialogTitle'; import { Notice } from 'src/components/Notice/Notice'; -import { omittedProps } from 'src/utilities/omittedProps'; import { convertForAria } from 'src/utilities/stringUtils'; import type { DialogProps as _DialogProps } from '@mui/material/Dialog'; diff --git a/packages/manager/src/components/Divider.tsx b/packages/manager/src/components/Divider.tsx index cfd18a7fe5a..6186797e1e3 100644 --- a/packages/manager/src/components/Divider.tsx +++ b/packages/manager/src/components/Divider.tsx @@ -1,8 +1,9 @@ -import _Divider, { DividerProps as _DividerProps } from '@mui/material/Divider'; +import { omittedProps } from '@linode/ui'; +import _Divider from '@mui/material/Divider'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { omittedProps } from 'src/utilities/omittedProps'; +import type { DividerProps as _DividerProps } from '@mui/material/Divider'; export interface DividerProps extends _DividerProps { dark?: boolean; diff --git a/packages/manager/src/components/EntityDetail/EntityDetail.tsx b/packages/manager/src/components/EntityDetail/EntityDetail.tsx index f2be5a8c455..d019a34c5ff 100644 --- a/packages/manager/src/components/EntityDetail/EntityDetail.tsx +++ b/packages/manager/src/components/EntityDetail/EntityDetail.tsx @@ -1,9 +1,8 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; -import { omittedProps } from '../../utilities/omittedProps'; - export interface EntityDetailProps { body?: JSX.Element; footer?: JSX.Element; diff --git a/packages/manager/src/components/GaugePercent/GaugePercent.styles.ts b/packages/manager/src/components/GaugePercent/GaugePercent.styles.ts index 2ada9518254..5e844e917b8 100644 --- a/packages/manager/src/components/GaugePercent/GaugePercent.styles.ts +++ b/packages/manager/src/components/GaugePercent/GaugePercent.styles.ts @@ -1,8 +1,7 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { omittedProps } from 'src/utilities/omittedProps'; - -import { GaugePercentProps } from './GaugePercent'; +import type { GaugePercentProps } from './GaugePercent'; type StyledGaugePercentProps = Pick & Required>; diff --git a/packages/manager/src/components/LineGraph/LineGraph.styles.ts b/packages/manager/src/components/LineGraph/LineGraph.styles.ts index c3a8f50b590..75af5f913a9 100644 --- a/packages/manager/src/components/LineGraph/LineGraph.styles.ts +++ b/packages/manager/src/components/LineGraph/LineGraph.styles.ts @@ -1,3 +1,4 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Button } from 'src/components/Button/Button'; @@ -5,7 +6,6 @@ import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; -import { omittedProps } from 'src/utilities/omittedProps'; export const StyledWrapper = styled('div')(() => ({ display: 'flex', diff --git a/packages/manager/src/components/LineGraph/MetricDisplay.styles.ts b/packages/manager/src/components/LineGraph/MetricDisplay.styles.ts index 9870bd9bc2e..b0f5ff173ee 100644 --- a/packages/manager/src/components/LineGraph/MetricDisplay.styles.ts +++ b/packages/manager/src/components/LineGraph/MetricDisplay.styles.ts @@ -1,9 +1,9 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Button } from 'src/components/Button/Button'; import { Table } from 'src/components/Table'; import { TableCell } from 'src/components/TableCell'; -import { omittedProps } from 'src/utilities/omittedProps'; export const StyledTable = styled(Table, { label: 'StyledTable', diff --git a/packages/manager/src/components/Link.tsx b/packages/manager/src/components/Link.tsx index 4bffa1946e4..8242c791db1 100644 --- a/packages/manager/src/components/Link.tsx +++ b/packages/manager/src/components/Link.tsx @@ -1,4 +1,5 @@ import { sanitizeUrl } from '@braintree/sanitize-url'; +import { omitProps } from '@linode/ui'; import * as React from 'react'; import { Link as RouterLink } from 'react-router-dom'; @@ -9,7 +10,6 @@ import { flattenChildrenIntoAriaLabel, opensInNewTab, } from 'src/utilities/link'; -import { omitProps } from 'src/utilities/omittedProps'; import type { LinkProps as TanStackLinkProps } from '@tanstack/react-router'; import type { LinkProps as _LinkProps } from 'react-router-dom'; diff --git a/packages/manager/src/components/PaymentMethodRow/PaymentMethodRow.tsx b/packages/manager/src/components/PaymentMethodRow/PaymentMethodRow.tsx index 334e530d530..3222eb34b5f 100644 --- a/packages/manager/src/components/PaymentMethodRow/PaymentMethodRow.tsx +++ b/packages/manager/src/components/PaymentMethodRow/PaymentMethodRow.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { useSnackbar } from 'notistack'; import * as React from 'react'; @@ -6,7 +6,6 @@ import { useHistory } from 'react-router-dom'; import { ActionMenu } from 'src/components/ActionMenu/ActionMenu'; import { Chip } from 'src/components/Chip'; -import { Paper } from 'src/components/Paper'; import CreditCard from 'src/features/Billing/BillingPanels/BillingSummary/PaymentDrawer/CreditCard'; import { useMakeDefaultPaymentMethodMutation } from 'src/queries/account/payment'; diff --git a/packages/manager/src/components/PrimaryNav/PrimaryNav.styles.ts b/packages/manager/src/components/PrimaryNav/PrimaryNav.styles.ts index 5d7c0c33ece..69b998cfd4a 100644 --- a/packages/manager/src/components/PrimaryNav/PrimaryNav.styles.ts +++ b/packages/manager/src/components/PrimaryNav/PrimaryNav.styles.ts @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { Link } from 'react-router-dom'; @@ -7,7 +7,6 @@ import AkamaiLogo from 'src/assets/logo/akamai-logo.svg'; import { Accordion } from 'src/components/Accordion'; import { Divider } from 'src/components/Divider'; import { SIDEBAR_WIDTH } from 'src/components/PrimaryNav/SideMenu'; -import { omittedProps } from 'src/utilities/omittedProps'; export const StyledGrid = styled(Grid, { label: 'StyledGrid', diff --git a/packages/manager/src/components/PromotionalOfferCard/PromotionalOfferCard.tsx b/packages/manager/src/components/PromotionalOfferCard/PromotionalOfferCard.tsx index baacd9c737c..47e9dab10a5 100644 --- a/packages/manager/src/components/PromotionalOfferCard/PromotionalOfferCard.tsx +++ b/packages/manager/src/components/PromotionalOfferCard/PromotionalOfferCard.tsx @@ -1,15 +1,16 @@ +import { Paper } from '@linode/ui'; import Button from '@mui/material/Button'; -import { Theme } from '@mui/material/styles'; import * as React from 'react'; import { Link } from 'react-router-dom'; import { makeStyles } from 'tss-react/mui'; import HeavenlyBucketIcon from 'src/assets/icons/promotionalOffers/heavenly-bucket.svg'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; -import { PromotionalOffer } from 'src/featureFlags'; -import { useWindowDimensions } from 'src/hooks/useWindowDimensions'; import { OFFSITE_URL_REGEX, ONSITE_URL_REGEX } from 'src/constants'; +import { useWindowDimensions } from 'src/hooks/useWindowDimensions'; + +import type { Theme } from '@mui/material/styles'; +import type { PromotionalOffer } from 'src/featureFlags'; const useStyles = makeStyles()((theme: Theme) => ({ alignLeft: { diff --git a/packages/manager/src/components/RemovableSelectionsList/RemovableSelectionsList.style.ts b/packages/manager/src/components/RemovableSelectionsList/RemovableSelectionsList.style.ts index bb32350a632..5f715da92d9 100644 --- a/packages/manager/src/components/RemovableSelectionsList/RemovableSelectionsList.style.ts +++ b/packages/manager/src/components/RemovableSelectionsList/RemovableSelectionsList.style.ts @@ -1,9 +1,8 @@ -import { Box } from '@linode/ui'; +import { Box, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { List } from 'src/components/List'; import { ListItem } from 'src/components/ListItem'; -import { omittedProps } from 'src/utilities/omittedProps'; import { Typography } from '../Typography'; diff --git a/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx b/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx index d001a882a4a..0c8e7a6ac1f 100644 --- a/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx +++ b/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx @@ -1,8 +1,7 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; import { CreateFirewallDrawer } from 'src/features/Firewalls/FirewallLanding/CreateFirewallDrawer'; diff --git a/packages/manager/src/components/Stack.stories.tsx b/packages/manager/src/components/Stack.stories.tsx index 0a08390b6b0..07d01cd91bc 100644 --- a/packages/manager/src/components/Stack.stories.tsx +++ b/packages/manager/src/components/Stack.stories.tsx @@ -1,7 +1,7 @@ +import { Paper } from '@linode/ui'; import React from 'react'; import { Divider } from './Divider'; -import { Paper } from './Paper'; import { Stack } from './Stack'; import type { Meta, StoryObj } from '@storybook/react'; diff --git a/packages/manager/src/components/StatusIcon/StatusIcon.tsx b/packages/manager/src/components/StatusIcon/StatusIcon.tsx index 26a10cb1756..4a82cd814fa 100644 --- a/packages/manager/src/components/StatusIcon/StatusIcon.tsx +++ b/packages/manager/src/components/StatusIcon/StatusIcon.tsx @@ -1,9 +1,7 @@ -import { Box } from '@linode/ui'; +import { Box, omittedProps } from '@linode/ui'; import { styled } from '@mui/material'; import * as React from 'react'; -import { omittedProps } from 'src/utilities/omittedProps'; - import type { BoxProps } from '@linode/ui'; export type Status = 'active' | 'error' | 'inactive' | 'other'; diff --git a/packages/manager/src/components/TabbedPanel/TabbedPanel.tsx b/packages/manager/src/components/TabbedPanel/TabbedPanel.tsx index 668aba1514b..8393e3cbde1 100644 --- a/packages/manager/src/components/TabbedPanel/TabbedPanel.tsx +++ b/packages/manager/src/components/TabbedPanel/TabbedPanel.tsx @@ -1,10 +1,9 @@ -import { Box, Tooltip } from '@linode/ui'; +import { Box, Paper, Tooltip } from '@linode/ui'; import HelpOutline from '@mui/icons-material/HelpOutline'; import { styled } from '@mui/material/styles'; import React, { useEffect, useState } from 'react'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { Tab } from 'src/components/Tabs/Tab'; import { TabList } from 'src/components/Tabs/TabList'; import { TabPanel } from 'src/components/Tabs/TabPanel'; diff --git a/packages/manager/src/components/Table/Table.styles.ts b/packages/manager/src/components/Table/Table.styles.ts index 87318bf2aaf..d0a07122ea4 100644 --- a/packages/manager/src/components/Table/Table.styles.ts +++ b/packages/manager/src/components/Table/Table.styles.ts @@ -1,7 +1,6 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { omittedProps } from 'src/utilities/omittedProps'; - import type { TableProps } from './Table'; export const StyledTableWrapper = styled('div', { diff --git a/packages/manager/src/components/TableRow/TableRow.styles.ts b/packages/manager/src/components/TableRow/TableRow.styles.ts index 745ff361b3c..92d357e8fc8 100644 --- a/packages/manager/src/components/TableRow/TableRow.styles.ts +++ b/packages/manager/src/components/TableRow/TableRow.styles.ts @@ -1,8 +1,7 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { default as _TableRow } from '@mui/material/TableRow'; -import { omittedProps } from 'src/utilities/omittedProps'; - import type { TableRowProps } from './TableRow'; export const StyledTableRow = styled(_TableRow, { diff --git a/packages/manager/src/components/Tabs/Tabs.stories.tsx b/packages/manager/src/components/Tabs/Tabs.stories.tsx index 7a279cfc407..89d488081d8 100644 --- a/packages/manager/src/components/Tabs/Tabs.stories.tsx +++ b/packages/manager/src/components/Tabs/Tabs.stories.tsx @@ -1,6 +1,6 @@ +import { Paper } from '@linode/ui'; import * as React from 'react'; -import { Paper } from 'src/components/Paper'; import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; import { TabPanels } from 'src/components/Tabs/TabPanels'; import { Tabs } from 'src/components/Tabs/Tabs'; diff --git a/packages/manager/src/components/Tag/Tag.styles.ts b/packages/manager/src/components/Tag/Tag.styles.ts index 4f61d0f25a7..1912ce37c5b 100644 --- a/packages/manager/src/components/Tag/Tag.styles.ts +++ b/packages/manager/src/components/Tag/Tag.styles.ts @@ -1,7 +1,7 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Chip } from 'src/components/Chip'; -import { omittedProps } from 'src/utilities/omittedProps'; import { StyledLinkButton } from '../Button/StyledLinkButton'; diff --git a/packages/manager/src/components/TagCell/TagCell.tsx b/packages/manager/src/components/TagCell/TagCell.tsx index 3700acad19d..b9f3dfbfe48 100644 --- a/packages/manager/src/components/TagCell/TagCell.tsx +++ b/packages/manager/src/components/TagCell/TagCell.tsx @@ -1,4 +1,4 @@ -import { IconButton } from '@linode/ui'; +import { IconButton, omittedProps } from '@linode/ui'; import MoreHoriz from '@mui/icons-material/MoreHoriz'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; @@ -6,7 +6,6 @@ import * as React from 'react'; import { Tag } from 'src/components/Tag/Tag'; import { useWindowDimensions } from 'src/hooks/useWindowDimensions'; -import { omittedProps } from 'src/utilities/omittedProps'; import { StyledPlusIcon, StyledTagButton } from '../Button/StyledTagButton'; import { CircleProgress } from '../CircleProgress'; diff --git a/packages/manager/src/components/TooltipIcon.tsx b/packages/manager/src/components/TooltipIcon.tsx index b187c60ed89..b5ad2776429 100644 --- a/packages/manager/src/components/TooltipIcon.tsx +++ b/packages/manager/src/components/TooltipIcon.tsx @@ -1,6 +1,5 @@ import styled from '@emotion/styled'; -import { IconButton } from '@linode/ui'; -import { Tooltip, tooltipClasses } from '@linode/ui'; +import { IconButton, Tooltip, omittedProps, tooltipClasses } from '@linode/ui'; import SuccessOutline from '@mui/icons-material/CheckCircleOutlined'; import ErrorOutline from '@mui/icons-material/ErrorOutline'; import HelpOutline from '@mui/icons-material/HelpOutline'; @@ -9,8 +8,6 @@ import WarningSolid from '@mui/icons-material/Warning'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; -import { omittedProps } from 'src/utilities/omittedProps'; - import type { TooltipProps } from '@linode/ui'; import type { SxProps, Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.styles.ts b/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.styles.ts index 7c9341b25b0..da70cc34ee4 100644 --- a/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.styles.ts +++ b/packages/manager/src/components/Uploaders/ImageUploader/ImageUploader.styles.ts @@ -1,8 +1,8 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Button } from 'src/components/Button/Button'; import { Typography } from 'src/components/Typography'; -import { omittedProps } from 'src/utilities/omittedProps'; interface DropZoneClassProps { dropzoneDisabled: boolean; diff --git a/packages/manager/src/components/VerticalLinearStepper/VerticalLinearStepper.styles.ts b/packages/manager/src/components/VerticalLinearStepper/VerticalLinearStepper.styles.ts index 4d8bc9d619c..94da88e268b 100644 --- a/packages/manager/src/components/VerticalLinearStepper/VerticalLinearStepper.styles.ts +++ b/packages/manager/src/components/VerticalLinearStepper/VerticalLinearStepper.styles.ts @@ -1,8 +1,7 @@ +import { omittedProps } from '@linode/ui'; import { StepConnector, StepIcon } from '@mui/material'; import { styled } from '@mui/material/styles'; -import { omittedProps } from 'src/utilities/omittedProps'; - type StyledCircleIconProps = { activeStep: number; index: number; diff --git a/packages/manager/src/features/Account/Maintenance/MaintenanceTable.tsx b/packages/manager/src/features/Account/Maintenance/MaintenanceTable.tsx index 3a5d82f130c..b36a3820932 100644 --- a/packages/manager/src/features/Account/Maintenance/MaintenanceTable.tsx +++ b/packages/manager/src/features/Account/Maintenance/MaintenanceTable.tsx @@ -6,7 +6,7 @@ import { makeStyles } from 'tss-react/mui'; import { DownloadCSV } from 'src/components/DownloadCSV/DownloadCSV'; import { Hidden } from 'src/components/Hidden'; import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; diff --git a/packages/manager/src/features/Backups/AutoEnroll.tsx b/packages/manager/src/features/Backups/AutoEnroll.tsx index f3b9ee4cca1..9a1a6e4764c 100644 --- a/packages/manager/src/features/Backups/AutoEnroll.tsx +++ b/packages/manager/src/features/Backups/AutoEnroll.tsx @@ -1,10 +1,10 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { Toggle } from 'src/components/Toggle/Toggle'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Backups/BackupsCTA.styles.ts b/packages/manager/src/features/Backups/BackupsCTA.styles.ts index 6e3f4102a08..d01ba8ff10c 100644 --- a/packages/manager/src/features/Backups/BackupsCTA.styles.ts +++ b/packages/manager/src/features/Backups/BackupsCTA.styles.ts @@ -1,7 +1,6 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Paper } from 'src/components/Paper'; - export const StyledPaper = styled(Paper, { label: 'StyledPaper', })(({ theme }) => ({ diff --git a/packages/manager/src/features/Betas/BetaDetailsList.tsx b/packages/manager/src/features/Betas/BetaDetailsList.tsx index c91eea22dd9..54926a1b8ac 100644 --- a/packages/manager/src/features/Betas/BetaDetailsList.tsx +++ b/packages/manager/src/features/Betas/BetaDetailsList.tsx @@ -1,9 +1,9 @@ +import { Paper } from '@linode/ui'; import * as React from 'react'; import { CircleProgress } from 'src/components/CircleProgress'; import { Divider } from 'src/components/Divider'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Betas/BetaSignup.tsx b/packages/manager/src/features/Betas/BetaSignup.tsx index 05fe1cbb662..6ea06dbc27f 100644 --- a/packages/manager/src/features/Betas/BetaSignup.tsx +++ b/packages/manager/src/features/Betas/BetaSignup.tsx @@ -1,3 +1,4 @@ +import { Paper } from '@linode/ui'; import { createLazyRoute, useNavigate, @@ -12,7 +13,6 @@ import { CircleProgress } from 'src/components/CircleProgress'; import { HighlightedMarkdown } from 'src/components/HighlightedMarkdown/HighlightedMarkdown'; import { LandingHeader } from 'src/components/LandingHeader/LandingHeader'; import { NotFound } from 'src/components/NotFound'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; import { useCreateAccountBetaMutation } from 'src/queries/account/betas'; diff --git a/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx b/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx index 897e6d275e9..e88a7a0df46 100644 --- a/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx +++ b/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx @@ -13,7 +13,7 @@ import { DownloadCSV } from 'src/components/DownloadCSV/DownloadCSV'; import { LandingHeader } from 'src/components/LandingHeader'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import { printInvoice } from 'src/features/Billing/PdfGenerator/PdfGenerator'; import { useFlags } from 'src/hooks/useFlags'; diff --git a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsDefinitionLanding.tsx b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsDefinitionLanding.tsx index 381eb9cf31f..f0c692253ae 100644 --- a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsDefinitionLanding.tsx +++ b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsDefinitionLanding.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { Route, Switch } from 'react-router-dom'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; export const AlertDefinitionLanding = () => { diff --git a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx index 64223dafd21..e9511a9c42d 100644 --- a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx +++ b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import * as React from 'react'; import { Redirect, @@ -8,7 +8,6 @@ import { useRouteMatch, } from 'react-router-dom'; -import { Paper } from 'src/components/Paper'; import { TabLinkList } from 'src/components/Tabs/TabLinkList'; import { Tabs } from 'src/components/Tabs/Tabs'; import { useFlags } from 'src/hooks/useFlags'; diff --git a/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardWithFilters.tsx b/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardWithFilters.tsx index 4e6d958e87b..cb2ed55152e 100644 --- a/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardWithFilters.tsx +++ b/packages/manager/src/features/CloudPulse/Dashboard/CloudPulseDashboardWithFilters.tsx @@ -1,9 +1,9 @@ +import { Paper } from '@linode/ui'; import { Grid } from '@mui/material'; import React from 'react'; import { CircleProgress } from 'src/components/CircleProgress'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Paper } from 'src/components/Paper'; import { useCloudPulseDashboardByIdQuery } from 'src/queries/cloudpulse/dashboards'; import { CloudPulseDashboardFilterBuilder } from '../shared/CloudPulseDashboardFilterBuilder'; diff --git a/packages/manager/src/features/CloudPulse/Widget/CloudPulseWidget.tsx b/packages/manager/src/features/CloudPulse/Widget/CloudPulseWidget.tsx index 44d5dbcdb39..9573682af68 100644 --- a/packages/manager/src/features/CloudPulse/Widget/CloudPulseWidget.tsx +++ b/packages/manager/src/features/CloudPulse/Widget/CloudPulseWidget.tsx @@ -1,8 +1,8 @@ +import { Paper } from '@linode/ui'; import { Box, Grid, Stack, Typography, useTheme } from '@mui/material'; import { DateTime } from 'luxon'; import React from 'react'; -import { Paper } from 'src/components/Paper'; import { useFlags } from 'src/hooks/useFlags'; import { useCloudPulseMetricsQuery } from 'src/queries/cloudpulse/metrics'; import { useProfile } from 'src/queries/profile/profile'; @@ -27,12 +27,12 @@ import { ZoomIcon } from './components/Zoomer'; import type { FilterValueType } from '../Dashboard/CloudPulseDashboardLanding'; import type { CloudPulseResources } from '../shared/CloudPulseResourcesSelect'; +import type { Widgets } from '@linode/api-v4'; import type { AvailableMetrics, TimeDuration, TimeGranularity, } from '@linode/api-v4'; -import type { Widgets } from '@linode/api-v4'; import type { DataSet } from 'src/components/LineGraph/LineGraph'; import type { Metrics } from 'src/utilities/statMetrics'; diff --git a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.tsx b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.tsx index 501efb6dcd7..917e726bb6d 100644 --- a/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.tsx +++ b/packages/manager/src/features/Databases/DatabaseCreate/DatabaseCreate.tsx @@ -1,5 +1,4 @@ -import { FormControl } from '@linode/ui'; -import { BetaChip } from '@linode/ui'; +import { BetaChip, FormControl, Paper } from '@linode/ui'; import { createDatabaseSchema } from '@linode/validation/lib/databases.schema'; import Grid from '@mui/material/Unstable_Grid2'; import { createLazyRoute } from '@tanstack/react-router'; @@ -22,7 +21,6 @@ import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { LandingHeader } from 'src/components/LandingHeader'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { Radio } from 'src/components/Radio/Radio'; import { RadioGroup } from 'src/components/RadioGroup'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.tsx index 41848130675..8d2387c989e 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.tsx @@ -16,7 +16,7 @@ import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Button } from 'src/components/Button/Button'; import { Divider } from 'src/components/Divider'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import { StyledDateCalendar, diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/DatabaseBackupsLegacy.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/DatabaseBackupsLegacy.tsx index bb260ed996f..318af63572d 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/DatabaseBackupsLegacy.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/legacy/DatabaseBackupsLegacy.tsx @@ -1,7 +1,7 @@ import { APIError } from '@linode/api-v4'; import type { Database, Engine } from '@linode/api-v4/lib/databases'; import * as React from 'react'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.tsx index 68672cc50c7..6253d642d44 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; @@ -9,7 +9,6 @@ import { Divider } from 'src/components/Divider'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { Radio } from 'src/components/Radio/Radio'; import { RadioGroup } from 'src/components/RadioGroup'; import { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettings.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettings.tsx index 5b72c88a7e4..2c7f4bcc22c 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettings.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettings.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { Divider } from 'src/components/Divider'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import { useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummary.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummary.tsx index f93c7f8fc0d..2e2768e6c05 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummary.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummary.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; import { Divider } from 'src/components/Divider'; import { Link } from 'src/components/Link'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import AccessControls from 'src/features/Databases/DatabaseDetail/AccessControls'; import ClusterConfiguration from 'src/features/Databases/DatabaseDetail/DatabaseSummary/DatabaseSummaryClusterConfiguration'; diff --git a/packages/manager/src/features/Domains/CreateDomain/CreateDomain.tsx b/packages/manager/src/features/Domains/CreateDomain/CreateDomain.tsx index 9bfb75e399f..7a4bd2d9362 100644 --- a/packages/manager/src/features/Domains/CreateDomain/CreateDomain.tsx +++ b/packages/manager/src/features/Domains/CreateDomain/CreateDomain.tsx @@ -1,4 +1,4 @@ -import { FormHelperText } from '@linode/ui'; +import { FormHelperText, Paper } from '@linode/ui'; import { createDomainSchema } from '@linode/validation/lib/domains.schema'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; @@ -15,7 +15,6 @@ import { FormControlLabel } from 'src/components/FormControlLabel'; import { LandingHeader } from 'src/components/LandingHeader'; import { MultipleIPInput } from 'src/components/MultipleIPInput/MultipleIPInput'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { Radio } from 'src/components/Radio/Radio'; import { RadioGroup } from 'src/components/RadioGroup'; import { TextField } from 'src/components/TextField'; diff --git a/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx b/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx index 6c6f6cff0cd..4cc6b0f8a6a 100644 --- a/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx +++ b/packages/manager/src/features/Domains/DomainDetail/DomainDetail.tsx @@ -7,7 +7,7 @@ import { CircleProgress } from 'src/components/CircleProgress'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { LandingHeader } from 'src/components/LandingHeader'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { TagCell } from 'src/components/TagCell/TagCell'; import { Typography } from 'src/components/Typography'; import { useIsResourceRestricted } from 'src/hooks/useIsResourceRestricted'; diff --git a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.styles.ts b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.styles.ts index 282760c26ad..320f254c7d1 100644 --- a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.styles.ts +++ b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.styles.ts @@ -1,10 +1,9 @@ -import { Box } from '@linode/ui'; +import { Box, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import DragIndicator from 'src/assets/icons/drag-indicator.svg'; import { Button } from 'src/components/Button/Button'; import { StyledLinkButton } from 'src/components/Button/StyledLinkButton'; -import { omittedProps } from 'src/utilities/omittedProps'; import type { FirewallRuleTableRowProps } from './FirewallRuleTable'; diff --git a/packages/manager/src/features/Help/Panels/PopularPosts.tsx b/packages/manager/src/features/Help/Panels/PopularPosts.tsx index 8c03c36b706..35a31f84e2b 100644 --- a/packages/manager/src/features/Help/Panels/PopularPosts.tsx +++ b/packages/manager/src/features/Help/Panels/PopularPosts.tsx @@ -1,12 +1,13 @@ -import { Theme } from '@mui/material/styles'; +import { Paper } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { Link } from 'src/components/Link'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; +import type { Theme } from '@mui/material/styles'; + const useStyles = makeStyles()((theme: Theme) => ({ post: { marginBottom: theme.spacing(0.5), diff --git a/packages/manager/src/features/Help/Panels/SearchPanel.tsx b/packages/manager/src/features/Help/Panels/SearchPanel.tsx index 49cb8a97d1c..b8f00d29b18 100644 --- a/packages/manager/src/features/Help/Panels/SearchPanel.tsx +++ b/packages/manager/src/features/Help/Panels/SearchPanel.tsx @@ -1,8 +1,8 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { H1Header } from 'src/components/H1Header/H1Header'; -import { Paper } from 'src/components/Paper'; import AlgoliaSearchBar from './AlgoliaSearchBar'; diff --git a/packages/manager/src/features/Help/SupportSearchLanding/DocumentationResults.tsx b/packages/manager/src/features/Help/SupportSearchLanding/DocumentationResults.tsx index dc2813cf728..a80672f5f6c 100644 --- a/packages/manager/src/features/Help/SupportSearchLanding/DocumentationResults.tsx +++ b/packages/manager/src/features/Help/SupportSearchLanding/DocumentationResults.tsx @@ -1,12 +1,13 @@ -import { Theme } from '@mui/material/styles'; +import { Paper } from '@linode/ui'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { Link } from 'src/components/Link'; import { ListItem } from 'src/components/ListItem'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; +import type { Theme } from '@mui/material/styles'; + const useStyles = makeStyles()((theme: Theme) => ({ header: { marginBottom: theme.spacing(2), diff --git a/packages/manager/src/features/Images/ImagesCreate/CreateImageTab.tsx b/packages/manager/src/features/Images/ImagesCreate/CreateImageTab.tsx index e0673104c5c..968a7b84174 100644 --- a/packages/manager/src/features/Images/ImagesCreate/CreateImageTab.tsx +++ b/packages/manager/src/features/Images/ImagesCreate/CreateImageTab.tsx @@ -13,7 +13,7 @@ import { DISK_ENCRYPTION_IMAGES_CAVEAT_COPY } from 'src/components/Encryption/co import { useIsDiskEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { TagsInput } from 'src/components/TagsInput/TagsInput'; import { TextField } from 'src/components/TextField'; diff --git a/packages/manager/src/features/Images/ImagesCreate/ImageUpload.tsx b/packages/manager/src/features/Images/ImagesCreate/ImageUpload.tsx index 37cf10a3f85..1aaebc172b9 100644 --- a/packages/manager/src/features/Images/ImagesCreate/ImageUpload.tsx +++ b/packages/manager/src/features/Images/ImagesCreate/ImageUpload.tsx @@ -13,7 +13,7 @@ import { Checkbox } from 'src/components/Checkbox'; import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Prompt } from 'src/components/Prompt/Prompt'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; import { Stack } from 'src/components/Stack'; diff --git a/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ManageImageRegionsForm.tsx b/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ManageImageRegionsForm.tsx index d2cc55c57ab..85c800b961f 100644 --- a/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ManageImageRegionsForm.tsx +++ b/packages/manager/src/features/Images/ImagesLanding/ImageRegions/ManageImageRegionsForm.tsx @@ -5,7 +5,7 @@ import { useForm } from 'react-hook-form'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { RegionMultiSelect } from 'src/components/RegionSelect/RegionMultiSelect'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Images/ImagesLanding/ImagesLanding.tsx b/packages/manager/src/features/Images/ImagesLanding/ImagesLanding.tsx index 8085e6a3dbd..d002d4c97e7 100644 --- a/packages/manager/src/features/Images/ImagesLanding/ImagesLanding.tsx +++ b/packages/manager/src/features/Images/ImagesLanding/ImagesLanding.tsx @@ -1,4 +1,4 @@ -import { IconButton, InputAdornment } from '@linode/ui'; +import { IconButton, InputAdornment, Paper } from '@linode/ui'; import CloseIcon from '@mui/icons-material/Close'; import { useQueryClient } from '@tanstack/react-query'; import { createLazyRoute } from '@tanstack/react-router'; @@ -18,7 +18,6 @@ import { Hidden } from 'src/components/Hidden'; import { LandingHeader } from 'src/components/LandingHeader'; import { Notice } from 'src/components/Notice/Notice'; import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter'; -import { Paper } from 'src/components/Paper'; import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; diff --git a/packages/manager/src/features/Kubernetes/CreateCluster/CreateCluster.tsx b/packages/manager/src/features/Kubernetes/CreateCluster/CreateCluster.tsx index 90b594b23e8..48ece304cd3 100644 --- a/packages/manager/src/features/Kubernetes/CreateCluster/CreateCluster.tsx +++ b/packages/manager/src/features/Kubernetes/CreateCluster/CreateCluster.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { Divider } from '@mui/material'; import Grid from '@mui/material/Unstable_Grid2'; import { createLazyRoute } from '@tanstack/react-router'; @@ -13,7 +13,6 @@ import { ErrorMessage } from 'src/components/ErrorMessage'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { LandingHeader } from 'src/components/LandingHeader'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; import { RegionHelperText } from 'src/components/SelectRegionPanel/RegionHelperText'; import { Stack } from 'src/components/Stack'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/APLSummaryPanel.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/APLSummaryPanel.tsx index cf44f3222e3..3822b922a9b 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/APLSummaryPanel.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/APLSummaryPanel.tsx @@ -1,10 +1,10 @@ +import { Paper } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import axios from 'axios'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { Link } from 'src/components/Link'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; import type { KubernetesCluster } from '@linode/api-v4/lib/kubernetes'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigPanel.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigPanel.tsx index f0b02f2ae18..8715c86719f 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigPanel.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeConfigPanel.tsx @@ -1,19 +1,20 @@ -import { Theme } from '@mui/material/styles'; -import { makeStyles } from 'tss-react/mui'; +import { Paper } from '@linode/ui'; import { useSnackbar } from 'notistack'; import * as React from 'react'; +import { makeStyles } from 'tss-react/mui'; import Download from 'src/assets/icons/download.svg'; import View from 'src/assets/icons/view.svg'; import { Button } from 'src/components/Button/Button'; import { Typography } from 'src/components/Typography'; -import { Paper } from 'src/components/Paper'; import { useKubenetesKubeConfigQuery } from 'src/queries/kubernetes'; import { downloadFile } from 'src/utilities/downloadFile'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; import { KubeConfigDrawer } from './KubeConfigDrawer'; +import type { Theme } from '@mui/material/styles'; + const useStyles = makeStyles()((theme: Theme) => ({ button: { display: 'block', diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeControlPaneACLDrawer.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeControlPaneACLDrawer.tsx index 1b6ec14c881..5daafad7648 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeControlPaneACLDrawer.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeControlPaneACLDrawer.tsx @@ -1,5 +1,5 @@ import { yupResolver } from '@hookform/resolvers/yup'; -import { Box } from '@linode/ui'; +import { Box, omittedProps } from '@linode/ui'; import { kubernetesControlPlaneACLPayloadSchema } from '@linode/validation'; import { Divider, Stack } from '@mui/material'; import { styled } from '@mui/material/styles'; @@ -20,7 +20,6 @@ import { useKubernetesControlPlaneACLMutation, useKubernetesControlPlaneACLQuery, } from 'src/queries/kubernetes'; -import { omittedProps } from 'src/utilities/omittedProps'; import { scrollErrorIntoViewV2 } from 'src/utilities/scrollErrorIntoViewV2'; import type { KubernetesControlPlaneACLPayload } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx index 25de0fc0093..6f91f150b1c 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx @@ -1,10 +1,9 @@ -import { Box, Tooltip } from '@linode/ui'; +import { Box, Paper, Tooltip } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { StyledActionButton } from 'src/components/Button/StyledActionButton'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; import { NodeTable } from './NodeTable'; diff --git a/packages/manager/src/features/Linodes/CloneLanding/CloneLanding.tsx b/packages/manager/src/features/Linodes/CloneLanding/CloneLanding.tsx index 90e46290596..1ef66ba6214 100644 --- a/packages/manager/src/features/Linodes/CloneLanding/CloneLanding.tsx +++ b/packages/manager/src/features/Linodes/CloneLanding/CloneLanding.tsx @@ -15,7 +15,7 @@ import { import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; import { TabLinkList } from 'src/components/Tabs/TabLinkList'; import { TabPanels } from 'src/components/Tabs/TabPanels'; diff --git a/packages/manager/src/features/Linodes/CloneLanding/Details.tsx b/packages/manager/src/features/Linodes/CloneLanding/Details.tsx index 771ce94a07c..6c44321ce49 100644 --- a/packages/manager/src/features/Linodes/CloneLanding/Details.tsx +++ b/packages/manager/src/features/Linodes/CloneLanding/Details.tsx @@ -10,7 +10,7 @@ import { Link } from 'src/components/Link'; import { List } from 'src/components/List'; import { ListItem } from 'src/components/ListItem'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import { LinodeSelect } from 'src/features/Linodes/LinodeSelect/LinodeSelect'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Addons/Addons.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Addons/Addons.tsx index 23cbd33253a..ccf023632dc 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Addons/Addons.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Addons/Addons.tsx @@ -3,7 +3,7 @@ import { useWatch } from 'react-hook-form'; import { Divider } from 'src/components/Divider'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; import { useRegionsQuery } from 'src/queries/regions/regions'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Details/Details.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Details/Details.tsx index 82a2a9d1c95..514f1744675 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Details/Details.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Details/Details.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { Controller, useFormContext } from 'react-hook-form'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { TagsInput } from 'src/components/TagsInput/TagsInput'; import { TextField } from 'src/components/TextField'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/EUAgreement.tsx b/packages/manager/src/features/Linodes/LinodeCreate/EUAgreement.tsx index 70e61f78697..7db562deec7 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/EUAgreement.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/EUAgreement.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { useController, useWatch } from 'react-hook-form'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; import { EUAgreementCheckbox } from 'src/features/Account/Agreements/EUAgreementCheckbox'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Error.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Error.tsx index ed95bd34dfc..8b75dc5a0bd 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Error.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Error.tsx @@ -3,7 +3,7 @@ import { useFormContext } from 'react-hook-form'; import { ErrorMessage } from 'src/components/ErrorMessage'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import type { CreateLinodeRequest } from '@linode/api-v4'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Firewall.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Firewall.tsx index 78df102ce43..013ef0e613e 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Firewall.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Firewall.tsx @@ -7,7 +7,7 @@ import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { GenerateFirewallDialog } from 'src/components/GenerateFirewallDialog/GenerateFirewallDialog'; import { Link } from 'src/components/Link'; import { LinkButton } from 'src/components/LinkButton'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; import { FIREWALL_GET_STARTED_LINK } from 'src/constants'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Region.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Region.tsx index 4fc3e9001c0..84d57ffd506 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Region.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Region.tsx @@ -7,7 +7,7 @@ import { DocsLink } from 'src/components/DocsLink/DocsLink'; import { useIsDiskEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; import { isDistributedRegionSupported, diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Security.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Security.tsx index dcb02f65c7b..bd4a2e76c84 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Security.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Security.tsx @@ -11,7 +11,7 @@ import { } from 'src/components/Encryption/constants'; import { Encryption } from 'src/components/Encryption/Encryption'; import { useIsDiskEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { getIsDistributedRegion } from 'src/components/RegionSelect/RegionSelect.utils'; import { Skeleton } from 'src/components/Skeleton'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Summary/Summary.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Summary/Summary.tsx index 73277af3bc7..08c1e59efab 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Summary/Summary.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Summary/Summary.tsx @@ -4,7 +4,7 @@ import React from 'react'; import { useFormContext, useWatch } from 'react-hook-form'; import { Divider } from 'src/components/Divider'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; import { useImageQuery } from 'src/queries/images'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/BackupSelect.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/BackupSelect.tsx index 2b6e7de2e0a..20a2aa33e18 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/BackupSelect.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/BackupSelect.tsx @@ -6,7 +6,7 @@ import { useController, useWatch } from 'react-hook-form'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; import { LinearProgress } from 'src/components/LinearProgress'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { SelectionCard } from 'src/components/SelectionCard/SelectionCard'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/LinodeSelect.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/LinodeSelect.tsx index dbd0b910e7e..0636a84dddf 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/LinodeSelect.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Backups/LinodeSelect.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Clone/Clone.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Clone/Clone.tsx index 410a863b41d..4c7cfbfd261 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Clone/Clone.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Clone/Clone.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Images.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Images.tsx index a49e908a459..be608ee1192 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Images.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Images.tsx @@ -8,7 +8,7 @@ import ImageIcon from 'src/assets/icons/entityIcons/image.svg'; import { ImageSelect } from 'src/components/ImageSelect/ImageSelect'; import { getAPIFilterForImageSelect } from 'src/components/ImageSelect/utilities'; import { Link } from 'src/components/Link'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Placeholder } from 'src/components/Placeholder/Placeholder'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSelect.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSelect.tsx index 7b9d43d1e7d..cf463f1ce10 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSelect.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/Marketplace/AppSelect.tsx @@ -5,7 +5,7 @@ import { useFormContext } from 'react-hook-form'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { DebouncedSearchTextField } from 'src/components/DebouncedSearchTextField'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; import { useMarketplaceAppsQuery } from 'src/queries/stackscripts'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/OperatingSystems.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/OperatingSystems.tsx index 29e5ff0deaa..f40539509f9 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/OperatingSystems.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/OperatingSystems.tsx @@ -1,9 +1,9 @@ +import { Paper } from '@linode/ui'; import { useQueryClient } from '@tanstack/react-query'; import React from 'react'; import { useController, useFormContext } from 'react-hook-form'; import { ImageSelect } from 'src/components/ImageSelect/ImageSelect'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptImages.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptImages.tsx index 17c6ec25d5f..9ea42b42068 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptImages.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptImages.tsx @@ -1,8 +1,8 @@ +import { Paper } from '@linode/ui'; import React from 'react'; import { Controller, useWatch } from 'react-hook-form'; import { ImageSelect } from 'src/components/ImageSelect/ImageSelect'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; import { useStackScriptQuery } from 'src/queries/stackscripts'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelection.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelection.tsx index 3edf2b0e66c..f1fe6d0abaa 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelection.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptSelection.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { useFormContext } from 'react-hook-form'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; import { Tab } from 'src/components/Tabs/Tab'; import { TabList } from 'src/components/Tabs/TabList'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFields.tsx b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFields.tsx index 69abaeeb32f..ccdfb4c3a71 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFields.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/UserDefinedFields/UserDefinedFields.tsx @@ -4,7 +4,7 @@ import { useFormContext, useWatch } from 'react-hook-form'; import Info from 'src/assets/icons/info.svg'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { ShowMoreExpansion } from 'src/components/ShowMoreExpansion'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/TwoStepRegion.tsx b/packages/manager/src/features/Linodes/LinodeCreate/TwoStepRegion.tsx index 6c8ba206746..b0b7e8bf696 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/TwoStepRegion.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/TwoStepRegion.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { DocsLink } from 'src/components/DocsLink/DocsLink'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; import { RegionHelperText } from 'src/components/SelectRegionPanel/RegionHelperText'; import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/VPC/VPC.tsx b/packages/manager/src/features/Linodes/LinodeCreate/VPC/VPC.tsx index ef9cfd9d07b..b3bcaa62788 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/VPC/VPC.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/VPC/VPC.tsx @@ -9,7 +9,7 @@ import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; import { LinkButton } from 'src/components/LinkButton'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { TextField } from 'src/components/TextField'; import { TooltipIcon } from 'src/components/TooltipIcon'; diff --git a/packages/manager/src/features/Linodes/LinodeCreate/utilities.ts b/packages/manager/src/features/Linodes/LinodeCreate/utilities.ts index 92fd7443e30..b9474de56cb 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/utilities.ts +++ b/packages/manager/src/features/Linodes/LinodeCreate/utilities.ts @@ -1,3 +1,4 @@ +import { omitProps } from '@linode/ui'; import { useCallback } from 'react'; import { useHistory } from 'react-router-dom'; @@ -9,7 +10,6 @@ import { sendLinodeCreateFormErrorEvent } from 'src/utilities/analytics/formEven import { isPrivateIP } from 'src/utilities/ipUtils'; import { utoa } from 'src/utilities/metadata'; import { isNotNullOrUndefined } from 'src/utilities/nullOrUndefined'; -import { omitProps } from 'src/utilities/omittedProps'; import { getQueryParamsFromQueryString } from 'src/utilities/queryParams'; import { getDefaultUDFData } from './Tabs/StackScripts/UserDefinedFields/utilities'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx index b7c2fe6dfe5..97417dadfa8 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx @@ -5,7 +5,7 @@ import { useSnackbar } from 'notistack'; import * as React from 'react'; import { Button } from 'src/components/Button/Button'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { TextField } from 'src/components/TextField'; import { Typography } from 'src/components/Typography'; import { useEventsPollingActions } from 'src/queries/events/events'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx index bfd2fb5950a..2f54bf79115 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/LinodeBackups.tsx @@ -6,7 +6,7 @@ import { useHistory, useParams } from 'react-router-dom'; import { Button } from 'src/components/Button/Button'; import { CircleProgress } from 'src/components/CircleProgress'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { getIsDistributedRegion } from 'src/components/RegionSelect/RegionSelect.utils'; import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/ScheduleSettings.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/ScheduleSettings.tsx index 6f38b003c23..56fe931b48c 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/ScheduleSettings.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/ScheduleSettings.tsx @@ -8,7 +8,7 @@ import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import { useLinodeQuery, diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeFirewalls/LinodeFirewalls.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeFirewalls/LinodeFirewalls.tsx index 61b0ff3e7d3..b01dae1d22b 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeFirewalls/LinodeFirewalls.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeFirewalls/LinodeFirewalls.tsx @@ -1,7 +1,7 @@ import { Stack } from '@mui/material'; import * as React from 'react'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.styles.ts b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.styles.ts index a3d291b69dd..dd50cbc72d8 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.styles.ts +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.styles.ts @@ -1,7 +1,7 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; -import { omittedProps } from 'src/utilities/omittedProps'; type StyledCopyTooltipProps = { isHovered: boolean }; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx index 084d385fa5d..15421aec60d 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeIPAddresses.tsx @@ -7,7 +7,7 @@ import { Button } from 'src/components/Button/Button'; import { CircleProgress } from 'src/components/CircleProgress'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import OrderBy from 'src/components/OrderBy'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { getIsDistributedRegion } from 'src/components/RegionSelect/RegionSelect.utils'; import { Stack } from 'src/components/Stack'; import { Table } from 'src/components/Table'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkingSummaryPanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkingSummaryPanel.tsx index accb632dbe4..d08415cd49c 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkingSummaryPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/NetworkingSummaryPanel/NetworkingSummaryPanel.tsx @@ -2,7 +2,7 @@ import { styled, useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { useIsGeckoEnabled } from 'src/components/RegionSelect/RegionSelect.utils'; import { useLinodeQuery } from 'src/queries/linodes/linodes'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/ImageEmptyState.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/ImageEmptyState.tsx index 6b3270fdfac..960aed6ed8b 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/ImageEmptyState.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRebuild/ImageEmptyState.tsx @@ -2,7 +2,7 @@ import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import type { SxProps, Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRescue/StandardRescueDialog.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRescue/StandardRescueDialog.tsx index c7f074f58bd..0c3f4c1969e 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeRescue/StandardRescueDialog.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeRescue/StandardRescueDialog.tsx @@ -8,7 +8,7 @@ import { Button } from 'src/components/Button/Button'; import { Dialog } from 'src/components/Dialog/Dialog'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { usePrevious } from 'src/hooks/usePrevious'; import { useEventsPollingActions } from 'src/queries/events/events'; import { useAllLinodeDisksQuery } from 'src/queries/linodes/disks'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel.tsx index 0220fb55d70..68c87f6f469 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import useMediaQuery from '@mui/material/useMediaQuery'; import * as React from 'react'; @@ -6,7 +6,6 @@ import * as React from 'react'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Checkbox } from 'src/components/Checkbox'; import { FormControlLabel } from 'src/components/FormControlLabel'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { TextField } from 'src/components/TextField'; import { TooltipIcon } from 'src/components/TooltipIcon'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDisks.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDisks.tsx index a430e689c7a..73895ce899a 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDisks.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDisks.tsx @@ -8,7 +8,7 @@ import { Hidden } from 'src/components/Hidden'; import OrderBy from 'src/components/OrderBy'; import Paginate from 'src/components/Paginate'; import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx index 79d5ef0b923..73733b1f59c 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeVolumes.tsx @@ -6,7 +6,7 @@ import { Button } from 'src/components/Button/Button'; import { useIsBlockStorageEncryptionFeatureEnabled } from 'src/components/Encryption/utils'; import { Hidden } from 'src/components/Hidden'; import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/LinodeSummary.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/LinodeSummary.tsx index 55a3748120b..6a9d5e4d841 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/LinodeSummary.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSummary/LinodeSummary.tsx @@ -9,7 +9,7 @@ import PendingIcon from 'src/assets/icons/pending.svg'; import { AreaChart } from 'src/components/AreaChart/AreaChart'; import Select from 'src/components/EnhancedSelect/Select'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import { STATS_NOT_READY_API_MESSAGE, diff --git a/packages/manager/src/features/Linodes/LinodesDetail/VolumesUpgradeBanner.tsx b/packages/manager/src/features/Linodes/LinodesDetail/VolumesUpgradeBanner.tsx index 2d1a871b763..0728eb2ada4 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/VolumesUpgradeBanner.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/VolumesUpgradeBanner.tsx @@ -4,7 +4,7 @@ import { useHistory } from 'react-router-dom'; import { Button } from 'src/components/Button/Button'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; import { getUpgradeableVolumeIds } from 'src/features/Volumes/utils'; diff --git a/packages/manager/src/features/Linodes/LinodesLanding/DisplayGroupedLinodes.tsx b/packages/manager/src/features/Linodes/LinodesLanding/DisplayGroupedLinodes.tsx index cd44009569a..ad08c035c02 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/DisplayGroupedLinodes.tsx +++ b/packages/manager/src/features/Linodes/LinodesLanding/DisplayGroupedLinodes.tsx @@ -11,7 +11,7 @@ import { PaginationFooter, getMinimumPageSizeForNumberOfItems, } from 'src/components/PaginationFooter/PaginationFooter'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { useIsGeckoEnabled } from 'src/components/RegionSelect/RegionSelect.utils'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; diff --git a/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.styles.ts b/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.styles.ts index a3f6a27cf53..48c2972e77f 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.styles.ts +++ b/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.styles.ts @@ -1,9 +1,8 @@ -import { IconButton } from '@linode/ui'; +import { IconButton, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { TableRow } from 'src/components/TableRow'; import { Typography } from 'src/components/Typography'; -import { omittedProps } from 'src/utilities/omittedProps'; export const StyledTagHeaderRow = styled(TableRow, { label: 'StyledTagHeaderRow', diff --git a/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.tsx b/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.tsx index 57b42f771a0..0d83541ac4c 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.tsx +++ b/packages/manager/src/features/Linodes/LinodesLanding/DisplayLinodes.tsx @@ -9,7 +9,7 @@ import GroupByTag from 'src/assets/icons/group-by-tag.svg'; import Paginate from 'src/components/Paginate'; import { getMinimumPageSizeForNumberOfItems } from 'src/components/PaginationFooter/PaginationFooter'; import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { useIsGeckoEnabled } from 'src/components/RegionSelect/RegionSelect.utils'; import { TableBody } from 'src/components/TableBody'; import { useInfinitePageSize } from 'src/hooks/useInfinitePageSize'; diff --git a/packages/manager/src/features/Linodes/LinodesLanding/IPAddress.styles.ts b/packages/manager/src/features/Linodes/LinodesLanding/IPAddress.styles.ts index 5f73805886a..00a02287bc3 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/IPAddress.styles.ts +++ b/packages/manager/src/features/Linodes/LinodesLanding/IPAddress.styles.ts @@ -1,7 +1,7 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip'; -import { omittedProps } from 'src/utilities/omittedProps'; import type { IPAddressProps } from './IPAddress'; diff --git a/packages/manager/src/features/Linodes/LinodesLanding/LinodeRow/LinodeRow.styles.ts b/packages/manager/src/features/Linodes/LinodesLanding/LinodeRow/LinodeRow.styles.ts index 2ac9b6061f5..7e0587d82fe 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/LinodeRow/LinodeRow.styles.ts +++ b/packages/manager/src/features/Linodes/LinodesLanding/LinodeRow/LinodeRow.styles.ts @@ -1,7 +1,9 @@ -import { Theme, styled } from '@mui/material/styles'; +import { omittedProps } from '@linode/ui'; +import { styled } from '@mui/material/styles'; import { TableCell } from 'src/components/TableCell'; -import { omittedProps } from 'src/utilities/omittedProps'; + +import type { Theme } from '@mui/material/styles'; type StyledMaintenanceCellProps = { maintenance: boolean }; diff --git a/packages/manager/src/features/Linodes/MigrateLinode/ConfigureForm.styles.ts b/packages/manager/src/features/Linodes/MigrateLinode/ConfigureForm.styles.ts index c82d327a144..7fe8de88f62 100644 --- a/packages/manager/src/features/Linodes/MigrateLinode/ConfigureForm.styles.ts +++ b/packages/manager/src/features/Linodes/MigrateLinode/ConfigureForm.styles.ts @@ -1,8 +1,6 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Paper } from 'src/components/Paper'; - export const StyledPaper = styled(Paper, { label: 'StyledPaper' })( ({ theme }) => ({ '& > p:first-of-type': { diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/CommonStyles.styles.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/CommonStyles.styles.tsx index a086c783e9e..e906d1a5df7 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/CommonStyles.styles.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/CommonStyles.styles.tsx @@ -1,7 +1,7 @@ import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import { TimeRangeSelect } from '../../shared/TimeRangeSelect'; diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Installation.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Installation.tsx index cc42188a892..87c04c222c7 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Installation.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Installation.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { InstallationInstructions } from '../../shared/InstallationInstructions'; diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/LongviewDetailOverview.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/LongviewDetailOverview.tsx index 7a5f48804d6..2b36364059e 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/LongviewDetailOverview.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/LongviewDetailOverview.tsx @@ -4,7 +4,7 @@ import { pathOr } from 'ramda'; import * as React from 'react'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Props as LVDataProps } from 'src/containers/longview.stats.container'; import { LongviewPortsResponse, diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/OverviewGraphs/OverviewGraphs.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/OverviewGraphs/OverviewGraphs.tsx index a2506cab554..cd056965ae7 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/OverviewGraphs/OverviewGraphs.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/OverviewGraphs/OverviewGraphs.tsx @@ -2,7 +2,7 @@ import { styled, useTheme } from '@mui/material/styles'; import * as React from 'react'; import Grid from '@mui/material/Unstable_Grid2'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { isToday as _isToday } from 'src/utilities/isToday'; import { WithStartAndEnd } from '../../../request.types'; diff --git a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Processes/ProcessesGraphs.tsx b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Processes/ProcessesGraphs.tsx index 65d964b732b..b99f8548e7e 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Processes/ProcessesGraphs.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Processes/ProcessesGraphs.tsx @@ -1,9 +1,8 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { LongviewLineGraph } from 'src/components/LongviewLineGraph/LongviewLineGraph'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; import { convertData, diff --git a/packages/manager/src/features/Longview/LongviewDetail/GraphCard.tsx b/packages/manager/src/features/Longview/LongviewDetail/GraphCard.tsx index 54d65f298a0..8c8c02710c6 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/GraphCard.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/GraphCard.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { Typography } from 'src/components/Typography'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; interface Props { children?: React.ReactNode; diff --git a/packages/manager/src/features/Longview/LongviewDetail/LongviewDetail.tsx b/packages/manager/src/features/Longview/LongviewDetail/LongviewDetail.tsx index aa059d5817a..3163e954b25 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/LongviewDetail.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/LongviewDetail.tsx @@ -9,7 +9,7 @@ import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { LandingHeader } from 'src/components/LandingHeader'; import { NotFound } from 'src/components/NotFound'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { SuspenseLoader } from 'src/components/SuspenseLoader'; import { SafeTabPanel } from 'src/components/Tabs/SafeTabPanel'; import { TabLinkList } from 'src/components/Tabs/TabLinkList'; diff --git a/packages/manager/src/features/Longview/LongviewLanding/LongviewClientInstructions.tsx b/packages/manager/src/features/Longview/LongviewLanding/LongviewClientInstructions.tsx index 945e0062d64..c6dc3c1bd19 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/LongviewClientInstructions.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/LongviewClientInstructions.tsx @@ -3,7 +3,7 @@ import { useTheme } from '@mui/material/styles'; import * as React from 'react'; import { EditableEntityLabel } from 'src/components/EditableEntityLabel/EditableEntityLabel'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { DispatchProps } from 'src/containers/longview.container'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Longview/LongviewLanding/LongviewClientRow.tsx b/packages/manager/src/features/Longview/LongviewLanding/LongviewClientRow.tsx index c55a084bc15..5c888ea4783 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/LongviewClientRow.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/LongviewClientRow.tsx @@ -3,7 +3,7 @@ import { default as Grid } from '@mui/material/Unstable_Grid2/Grid2'; import * as React from 'react'; import { compose } from 'recompose'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import withLongviewClients, { DispatchProps, } from 'src/containers/longview.container'; diff --git a/packages/manager/src/features/Longview/LongviewLanding/LongviewList.tsx b/packages/manager/src/features/Longview/LongviewLanding/LongviewList.tsx index 7b3053e7622..4e1359668de 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/LongviewList.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/LongviewList.tsx @@ -6,7 +6,7 @@ import { CircleProgress } from 'src/components/CircleProgress'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import Paginate from 'src/components/Paginate'; import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import { LongviewListRows } from './LongviewListRows'; diff --git a/packages/manager/src/features/Longview/LongviewLanding/LongviewPlans.styles.ts b/packages/manager/src/features/Longview/LongviewLanding/LongviewPlans.styles.ts index 98c5a17d2a1..2d8f848b9fe 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/LongviewPlans.styles.ts +++ b/packages/manager/src/features/Longview/LongviewLanding/LongviewPlans.styles.ts @@ -1,3 +1,4 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Chip } from 'src/components/Chip'; @@ -5,7 +6,6 @@ import { Notice } from 'src/components/Notice/Notice'; import { Table } from 'src/components/Table'; import { TableCell } from 'src/components/TableCell'; import { TableRow } from 'src/components/TableRow'; -import { omittedProps } from 'src/utilities/omittedProps'; import type { LongviewSubscriptionRowProps } from './LongviewPlans'; diff --git a/packages/manager/src/features/Longview/LongviewLanding/LongviewPlans.tsx b/packages/manager/src/features/Longview/LongviewLanding/LongviewPlans.tsx index 22edd56966f..0d6304542f3 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/LongviewPlans.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/LongviewPlans.tsx @@ -11,7 +11,7 @@ import { Button } from 'src/components/Button/Button'; import { CircleProgress } from 'src/components/CircleProgress'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Radio } from 'src/components/Radio/Radio'; import { SupportLink } from 'src/components/SupportLink'; import { TableBody } from 'src/components/TableBody'; diff --git a/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.styles.tsx b/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.styles.tsx index a7bec2af6b9..5c4730043d4 100644 --- a/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.styles.tsx +++ b/packages/manager/src/features/Managed/SSHAccess/LinodePubKey.styles.tsx @@ -3,7 +3,7 @@ import { styled } from '@mui/material/styles'; import SSHKeyIcon from 'src/assets/icons/ssh-key.svg'; import { CircleProgress } from 'src/components/CircleProgress'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; export const StyledCopyToClipboardGrid = styled(Grid, { diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerCreate.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerCreate.tsx index 096cc3925ce..552f0d56928 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerCreate.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerCreate.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { useTheme } from '@mui/material'; import useMediaQuery from '@mui/material/useMediaQuery'; import { createLazyRoute } from '@tanstack/react-router'; @@ -25,7 +25,6 @@ import { ErrorMessage } from 'src/components/ErrorMessage'; import { LandingHeader } from 'src/components/LandingHeader'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; import { SelectFirewallPanel } from 'src/components/SelectFirewallPanel/SelectFirewallPanel'; import { RegionHelperText } from 'src/components/SelectRegionPanel/RegionHelperText'; diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx index b79f93fe010..20b9534cf4e 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/SummaryPanel.tsx @@ -2,7 +2,7 @@ import { styled } from '@mui/material/styles'; import * as React from 'react'; import { Link, useParams } from 'react-router-dom'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { TagCell } from 'src/components/TagCell/TagCell'; import { Typography } from 'src/components/Typography'; import { IPAddress } from 'src/features/Linodes/LinodesLanding/IPAddress'; diff --git a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/TablesPanel.tsx b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/TablesPanel.tsx index 1c2e7c8ff4d..b610a54444f 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/TablesPanel.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerDetail/NodeBalancerSummary/TablesPanel.tsx @@ -8,7 +8,7 @@ import PendingIcon from 'src/assets/icons/pending.svg'; import { AreaChart } from 'src/components/AreaChart/AreaChart'; import { CircleProgress } from 'src/components/CircleProgress'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import { formatBitsPerSecond } from 'src/features/Longview/shared/utilities'; import { diff --git a/packages/manager/src/features/NotificationCenter/NotificationCenter.styles.ts b/packages/manager/src/features/NotificationCenter/NotificationCenter.styles.ts index 574587da698..e8e24d268f6 100644 --- a/packages/manager/src/features/NotificationCenter/NotificationCenter.styles.ts +++ b/packages/manager/src/features/NotificationCenter/NotificationCenter.styles.ts @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, omittedProps } from '@linode/ui'; import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown'; import { styled } from '@mui/material'; import { makeStyles } from 'tss-react/mui'; @@ -6,7 +6,6 @@ import { makeStyles } from 'tss-react/mui'; import { Avatar } from 'src/components/Avatar/Avatar'; import { Link } from 'src/components/Link'; import { Typography } from 'src/components/Typography'; -import { omittedProps } from 'src/utilities/omittedProps'; import type { NotificationCenterNotificationMessageProps } from './types'; import type { Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx index daca1d84ee5..7229f67a0fd 100644 --- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx +++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx @@ -1,11 +1,10 @@ -import { Box } from '@linode/ui'; +import { Box, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import React, { useRef } from 'react'; import { CopyableTextField } from 'src/components/CopyableTextField/CopyableTextField'; import { List } from 'src/components/List'; import { useRegionsQuery } from 'src/queries/regions/regions'; -import { omittedProps } from 'src/utilities/omittedProps'; import { getRegionsByRegionId } from 'src/utilities/regions'; import type { ObjectStorageKey } from '@linode/api-v4/lib/object-storage'; diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx index 096209ce702..cb499aa8c23 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketAccess.tsx @@ -1,7 +1,7 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; import { AccessSelect } from './AccessSelect'; diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts index 96183503462..32af30ee1d0 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketProperties.styles.ts @@ -1,7 +1,7 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; export const StyledText = styled(Typography, { diff --git a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.tsx b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.tsx index e3ed6211e24..c410769f1db 100644 --- a/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.tsx +++ b/packages/manager/src/features/ObjectStorage/BucketDetail/BucketSSL.tsx @@ -1,3 +1,4 @@ +import { Paper } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { useFormik } from 'formik'; @@ -11,7 +12,6 @@ import { ConfirmationDialog } from 'src/components/ConfirmationDialog/Confirmati import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { TextField } from 'src/components/TextField'; import { Typography } from 'src/components/Typography'; import { diff --git a/packages/manager/src/features/PlacementGroups/PlacementGroupsDetail/PlacementGroupsSummary/PlacementGroupsSummary.tsx b/packages/manager/src/features/PlacementGroups/PlacementGroupsDetail/PlacementGroupsSummary/PlacementGroupsSummary.tsx index da952cfd61f..d5b3489c74b 100644 --- a/packages/manager/src/features/PlacementGroups/PlacementGroupsDetail/PlacementGroupsSummary/PlacementGroupsSummary.tsx +++ b/packages/manager/src/features/PlacementGroups/PlacementGroupsDetail/PlacementGroupsSummary/PlacementGroupsSummary.tsx @@ -10,7 +10,7 @@ import * as React from 'react'; import { DescriptionList } from 'src/components/DescriptionList/DescriptionList'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { Typography } from 'src/components/Typography'; import { diff --git a/packages/manager/src/features/Profile/APITokens/APITokenTable.tsx b/packages/manager/src/features/Profile/APITokens/APITokenTable.tsx index 3f2f4c42378..f49ea6b0532 100644 --- a/packages/manager/src/features/Profile/APITokens/APITokenTable.tsx +++ b/packages/manager/src/features/Profile/APITokens/APITokenTable.tsx @@ -1,10 +1,9 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import * as React from 'react'; import { Button } from 'src/components/Button/Button'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter'; -import { Paper } from 'src/components/Paper'; import { Table } from 'src/components/Table'; import { TableBody } from 'src/components/TableBody'; import { TableCell } from 'src/components/TableCell'; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/AuthenticationSettings.tsx b/packages/manager/src/features/Profile/AuthenticationSettings/AuthenticationSettings.tsx index 72d8c3bdeef..efba74259d0 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/AuthenticationSettings.tsx +++ b/packages/manager/src/features/Profile/AuthenticationSettings/AuthenticationSettings.tsx @@ -1,3 +1,4 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { createLazyRoute } from '@tanstack/react-router'; import * as React from 'react'; @@ -8,7 +9,6 @@ import { Divider } from 'src/components/Divider'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { ErrorState } from 'src/components/ErrorState/ErrorState'; import { Link } from 'src/components/Link'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; import { useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts b/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts index 858bc1c1475..cd5b9f75a26 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts +++ b/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts @@ -1,10 +1,9 @@ -import { Box, FormHelperText } from '@linode/ui'; +import { Box, FormHelperText, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { TextField } from 'src/components/TextField'; import { Typography } from 'src/components/Typography'; -import { omittedProps } from 'src/utilities/omittedProps'; export const StyledCodeSentMessageBox = styled(Box, { label: 'StyledCodeSentMessageBox', diff --git a/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.styles.ts b/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.styles.ts index 928294c5572..f0cc13c638c 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.styles.ts +++ b/packages/manager/src/features/Profile/AuthenticationSettings/TPAProviders.styles.ts @@ -1,10 +1,10 @@ -import Grid from '@mui/material/Unstable_Grid2'; +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; +import Grid from '@mui/material/Unstable_Grid2'; import { Button } from 'src/components/Button/Button'; import { Notice } from 'src/components/Notice/Notice'; import { Typography } from 'src/components/Typography'; -import { Paper } from 'src/components/Paper'; export const StyledRootContainer = styled(Paper, { label: 'StyledRootContainer', diff --git a/packages/manager/src/features/Profile/DisplaySettings/DisplaySettings.tsx b/packages/manager/src/features/Profile/DisplaySettings/DisplaySettings.tsx index e15f1448a6b..e1812a53fc5 100644 --- a/packages/manager/src/features/Profile/DisplaySettings/DisplaySettings.tsx +++ b/packages/manager/src/features/Profile/DisplaySettings/DisplaySettings.tsx @@ -1,8 +1,8 @@ +import { Paper } from '@linode/ui'; import { createLazyRoute } from '@tanstack/react-router'; import React from 'react'; import { Divider } from 'src/components/Divider'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Profile/LishSettings/LishSettings.tsx b/packages/manager/src/features/Profile/LishSettings/LishSettings.tsx index c9889bb5d72..dc6f213bb8e 100644 --- a/packages/manager/src/features/Profile/LishSettings/LishSettings.tsx +++ b/packages/manager/src/features/Profile/LishSettings/LishSettings.tsx @@ -1,4 +1,4 @@ -import { Box, FormControl } from '@linode/ui'; +import { Box, FormControl, Paper } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { createLazyRoute } from '@tanstack/react-router'; import { equals, lensPath, remove, set } from 'ramda'; @@ -9,7 +9,6 @@ import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Button } from 'src/components/Button/Button'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { TextField } from 'src/components/TextField'; import { Typography } from 'src/components/Typography'; import { useMutateProfile, useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Profile/Referrals/Referrals.tsx b/packages/manager/src/features/Profile/Referrals/Referrals.tsx index 79dc5fa98c3..6ea34956725 100644 --- a/packages/manager/src/features/Profile/Referrals/Referrals.tsx +++ b/packages/manager/src/features/Profile/Referrals/Referrals.tsx @@ -1,3 +1,4 @@ +import { Paper } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import { createLazyRoute } from '@tanstack/react-router'; import * as React from 'react'; @@ -10,7 +11,6 @@ import { CopyableTextField } from 'src/components/CopyableTextField/CopyableText import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { Link } from 'src/components/Link'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; import { useProfile } from 'src/queries/profile/profile'; import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; diff --git a/packages/manager/src/features/Profile/Settings/Settings.tsx b/packages/manager/src/features/Profile/Settings/Settings.tsx index 655e3e758ee..d8d9097879f 100644 --- a/packages/manager/src/features/Profile/Settings/Settings.tsx +++ b/packages/manager/src/features/Profile/Settings/Settings.tsx @@ -1,3 +1,4 @@ +import { Paper } from '@linode/ui'; import { createLazyRoute } from '@tanstack/react-router'; import * as React from 'react'; import { useHistory, useLocation } from 'react-router-dom'; @@ -5,7 +6,6 @@ import { useHistory, useLocation } from 'react-router-dom'; import { Code } from 'src/components/Code/Code'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { FormControlLabel } from 'src/components/FormControlLabel'; -import { Paper } from 'src/components/Paper'; import { Radio } from 'src/components/Radio/Radio'; import { RadioGroup } from 'src/components/RadioGroup'; import { Stack } from 'src/components/Stack'; diff --git a/packages/manager/src/features/StackScripts/Partials/StackScriptTableHead.styles.ts b/packages/manager/src/features/StackScripts/Partials/StackScriptTableHead.styles.ts index 0e1b5742e5f..9e2bc3c3523 100644 --- a/packages/manager/src/features/StackScripts/Partials/StackScriptTableHead.styles.ts +++ b/packages/manager/src/features/StackScripts/Partials/StackScriptTableHead.styles.ts @@ -1,10 +1,11 @@ -import { Theme, styled } from '@mui/material/styles'; +import { omittedProps } from '@linode/ui'; +import { styled } from '@mui/material/styles'; import { TableCell } from 'src/components/TableCell'; import { TableHead } from 'src/components/TableHead'; -import { omittedProps } from 'src/utilities/omittedProps'; import type { StackScriptTableHeadProps } from './StackScriptTableHead'; +import type { Theme } from '@mui/material/styles'; const tableHeadStyles = (theme: Theme) => { return { diff --git a/packages/manager/src/features/StackScripts/SelectStackScriptPanel/SelectStackScriptPanel.styles.ts b/packages/manager/src/features/StackScripts/SelectStackScriptPanel/SelectStackScriptPanel.styles.ts index f17330b1a33..bdb98656bf6 100644 --- a/packages/manager/src/features/StackScripts/SelectStackScriptPanel/SelectStackScriptPanel.styles.ts +++ b/packages/manager/src/features/StackScripts/SelectStackScriptPanel/SelectStackScriptPanel.styles.ts @@ -1,31 +1,39 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Paper } from 'src/components/Paper'; import { Table } from 'src/components/Table'; -export const StyledLinkDiv = styled('div', { label: 'StyledLinkDiv' })(({ theme }) => ({ - display: 'block', - marginBottom: 24, - marginTop: theme.spacing(), - textAlign: 'right', -})); +export const StyledLinkDiv = styled('div', { label: 'StyledLinkDiv' })( + ({ theme }) => ({ + display: 'block', + marginBottom: 24, + marginTop: theme.spacing(), + textAlign: 'right', + }) +); -export const StyledPanelPaper = styled(Paper, { label: 'StyledPanelPaper' })(({ theme }) => ({ - backgroundColor: theme.color.white, - flexGrow: 1, - marginBottom: theme.spacing(3), - width: '100%', -})); +export const StyledPanelPaper = styled(Paper, { label: 'StyledPanelPaper' })( + ({ theme }) => ({ + backgroundColor: theme.color.white, + flexGrow: 1, + marginBottom: theme.spacing(3), + width: '100%', + }) +); -export const StyledSelectingPaper = styled(Paper, { label: 'StyledSelectingPaper' })({ +export const StyledSelectingPaper = styled(Paper, { + label: 'StyledSelectingPaper', +})({ maxHeight: '1000px', minHeight: '400px', overflowY: 'scroll', paddingTop: 0, }); -export const StyledTable = styled(Table, { label: 'StyledTable' })(({ theme }) => ({ - backgroundColor: theme.color.white, - flexGrow: 1, - width: '100%', -})); \ No newline at end of file +export const StyledTable = styled(Table, { label: 'StyledTable' })( + ({ theme }) => ({ + backgroundColor: theme.color.white, + flexGrow: 1, + width: '100%', + }) +); diff --git a/packages/manager/src/features/StackScripts/StackScriptBase/StackScriptBase.styles.ts b/packages/manager/src/features/StackScripts/StackScriptBase/StackScriptBase.styles.ts index b4a596d5f8f..69dab3a75fc 100644 --- a/packages/manager/src/features/StackScripts/StackScriptBase/StackScriptBase.styles.ts +++ b/packages/manager/src/features/StackScripts/StackScriptBase/StackScriptBase.styles.ts @@ -1,9 +1,9 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { DebouncedSearchTextField } from 'src/components/DebouncedSearchTextField'; import { Placeholder } from 'src/components/Placeholder/Placeholder'; import { Table } from 'src/components/Table'; -import { omittedProps } from 'src/utilities/omittedProps'; import type { WithStackScriptBaseOptions } from './StackScriptBase'; diff --git a/packages/manager/src/features/StackScripts/StackScriptForm/StackScriptForm.tsx b/packages/manager/src/features/StackScripts/StackScriptForm/StackScriptForm.tsx index 849a0551ab0..41bab8c59ed 100644 --- a/packages/manager/src/features/StackScripts/StackScriptForm/StackScriptForm.tsx +++ b/packages/manager/src/features/StackScripts/StackScriptForm/StackScriptForm.tsx @@ -1,9 +1,8 @@ -import { InputAdornment } from '@linode/ui'; +import { InputAdornment, Paper } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { ImageSelect } from 'src/components/ImageSelect/ImageSelect'; -import { Paper } from 'src/components/Paper'; import { TextField } from 'src/components/TextField'; import { Typography } from 'src/components/Typography'; import { getAPIErrorFor } from 'src/utilities/getAPIErrorFor'; diff --git a/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/FieldTypes/UserDefinedText.tsx b/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/FieldTypes/UserDefinedText.tsx index 61d1a9325c9..607a946b355 100644 --- a/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/FieldTypes/UserDefinedText.tsx +++ b/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/FieldTypes/UserDefinedText.tsx @@ -1,11 +1,12 @@ -import { UserDefinedField } from '@linode/api-v4/lib/stackscripts'; +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { AccessPanel } from 'src/components/AccessPanel/AccessPanel'; import { RenderGuard } from 'src/components/RenderGuard'; import { TextField } from 'src/components/TextField'; -import { omittedProps } from 'src/utilities/omittedProps'; + +import type { UserDefinedField } from '@linode/api-v4/lib/stackscripts'; interface Props { error?: string; @@ -19,16 +20,6 @@ interface Props { } class UserDefinedText extends React.Component { - render() { - return ( -
- {this.props.isPassword - ? this.renderPasswordField() - : this.renderTextField()} -
- ); - } - handleUpdatePassword = (value: string) => { const { field, updateFormState } = this.props; updateFormState(field.name, value); @@ -71,6 +62,16 @@ class UserDefinedText extends React.Component { /> ); }; + + render() { + return ( +
+ {this.props.isPassword + ? this.renderPasswordField() + : this.renderTextField()} +
+ ); + } } type StyledAccessPanelProps = Pick; diff --git a/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts b/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts index bec7c1fc296..6b14c1c29a4 100644 --- a/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts +++ b/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts @@ -1,9 +1,6 @@ -import { Box } from '@linode/ui'; +import { Box, Paper, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { Paper } from 'src/components/Paper'; -import { omittedProps } from 'src/utilities/omittedProps'; - export const StyledBox = styled(Box, { label: 'StyledBox' })(({ theme }) => ({ '& > img': { height: 60, diff --git a/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/MarkdownReference.tsx b/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/MarkdownReference.tsx index b9b98e2ffe1..51c289edd7e 100644 --- a/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/MarkdownReference.tsx +++ b/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/MarkdownReference.tsx @@ -1,8 +1,8 @@ +import { Paper } from '@linode/ui'; import * as React from 'react'; import { HighlightedMarkdown } from 'src/components/HighlightedMarkdown/HighlightedMarkdown'; import { Link } from 'src/components/Link'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/PreviewReply.tsx b/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/PreviewReply.tsx index d786e28a852..4c526d57a40 100644 --- a/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/PreviewReply.tsx +++ b/packages/manager/src/features/Support/SupportTicketDetail/TabbedReply/PreviewReply.tsx @@ -1,7 +1,7 @@ +import { Paper } from '@linode/ui'; import * as React from 'react'; import { HighlightedMarkdown } from 'src/components/HighlightedMarkdown/HighlightedMarkdown'; -import { Paper } from 'src/components/Paper'; interface Props { error?: string; diff --git a/packages/manager/src/features/Support/SupportTicketDetail/TicketStatus.tsx b/packages/manager/src/features/Support/SupportTicketDetail/TicketStatus.tsx index 79f3d52f439..e056efd29d6 100644 --- a/packages/manager/src/features/Support/SupportTicketDetail/TicketStatus.tsx +++ b/packages/manager/src/features/Support/SupportTicketDetail/TicketStatus.tsx @@ -1,11 +1,10 @@ -import { SupportTicket } from '@linode/api-v4/lib/support/types'; +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import React from 'react'; import { Hidden } from 'src/components/Hidden'; import { Link } from 'src/components/Link'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; import { Typography } from 'src/components/Typography'; @@ -16,6 +15,8 @@ import { getLinkTargets } from 'src/utilities/getEventsActionLink'; import { SeverityChip } from './SeverityChip'; +import type { SupportTicket } from '@linode/api-v4/lib/support/types'; + type Props = Pick< SupportTicket, 'entity' | 'severity' | 'status' | 'updated' | 'updated_by' diff --git a/packages/manager/src/features/Support/TicketAttachmentRow.tsx b/packages/manager/src/features/Support/TicketAttachmentRow.tsx index 30c3b1a4627..eb978e15480 100644 --- a/packages/manager/src/features/Support/TicketAttachmentRow.tsx +++ b/packages/manager/src/features/Support/TicketAttachmentRow.tsx @@ -1,8 +1,7 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import * as React from 'react'; import { Divider } from 'src/components/Divider'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; diff --git a/packages/manager/src/features/TopMenu/SearchBar/SearchSuggestion.styles.ts b/packages/manager/src/features/TopMenu/SearchBar/SearchSuggestion.styles.ts index eed1bb3881d..ec87141ff35 100644 --- a/packages/manager/src/features/TopMenu/SearchBar/SearchSuggestion.styles.ts +++ b/packages/manager/src/features/TopMenu/SearchBar/SearchSuggestion.styles.ts @@ -1,8 +1,7 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; -import { omittedProps } from 'src/utilities/omittedProps'; - -import { SearchSuggestionProps } from './SearchSuggestion'; +import type { SearchSuggestionProps } from './SearchSuggestion'; export const StyledWrapperDiv = styled('div', { label: 'StyledWrapperDiv', diff --git a/packages/manager/src/features/Users/UserPermissions.styles.ts b/packages/manager/src/features/Users/UserPermissions.styles.ts index fc2a46a9b90..a4dd0c9e512 100644 --- a/packages/manager/src/features/Users/UserPermissions.styles.ts +++ b/packages/manager/src/features/Users/UserPermissions.styles.ts @@ -1,9 +1,9 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import { CircleProgress } from 'src/components/CircleProgress'; import Select from 'src/components/EnhancedSelect/Select'; -import { Paper } from 'src/components/Paper'; export const StyledSelect = styled(Select, { label: 'StyledSelect', diff --git a/packages/manager/src/features/Users/UserProfile/DeleteUserPanel.tsx b/packages/manager/src/features/Users/UserProfile/DeleteUserPanel.tsx index b17597a805b..4d941453204 100644 --- a/packages/manager/src/features/Users/UserProfile/DeleteUserPanel.tsx +++ b/packages/manager/src/features/Users/UserProfile/DeleteUserPanel.tsx @@ -1,9 +1,8 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import React, { useState } from 'react'; import { useHistory } from 'react-router-dom'; import { Button } from 'src/components/Button/Button'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { Typography } from 'src/components/Typography'; import { PARENT_USER } from 'src/features/Account/constants'; diff --git a/packages/manager/src/features/Users/UserProfile/UserDetailsPanel.tsx b/packages/manager/src/features/Users/UserProfile/UserDetailsPanel.tsx index fb902ef61f2..9236aaa831f 100644 --- a/packages/manager/src/features/Users/UserProfile/UserDetailsPanel.tsx +++ b/packages/manager/src/features/Users/UserProfile/UserDetailsPanel.tsx @@ -1,9 +1,9 @@ +import { Paper } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import React from 'react'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; import { MaskableText } from 'src/components/MaskableText/MaskableText'; -import { Paper } from 'src/components/Paper'; import { Stack } from 'src/components/Stack'; import { StatusIcon } from 'src/components/StatusIcon/StatusIcon'; import { TextTooltip } from 'src/components/TextTooltip'; diff --git a/packages/manager/src/features/Users/UserProfile/UserEmailPanel.tsx b/packages/manager/src/features/Users/UserProfile/UserEmailPanel.tsx index a23049081bf..ae1f97874e2 100644 --- a/packages/manager/src/features/Users/UserProfile/UserEmailPanel.tsx +++ b/packages/manager/src/features/Users/UserProfile/UserEmailPanel.tsx @@ -1,9 +1,9 @@ +import { Paper } from '@linode/ui'; import { useSnackbar } from 'notistack'; import React from 'react'; import { Controller, useForm } from 'react-hook-form'; import { Button } from 'src/components/Button/Button'; -import { Paper } from 'src/components/Paper'; import { TextField } from 'src/components/TextField'; import { RESTRICTED_FIELD_TOOLTIP } from 'src/features/Account/constants'; import { useMutateProfile, useProfile } from 'src/queries/profile/profile'; diff --git a/packages/manager/src/features/Users/UserProfile/UsernamePanel.tsx b/packages/manager/src/features/Users/UserProfile/UsernamePanel.tsx index ac4f7b7a51a..4c97c42a81c 100644 --- a/packages/manager/src/features/Users/UserProfile/UsernamePanel.tsx +++ b/packages/manager/src/features/Users/UserProfile/UsernamePanel.tsx @@ -1,10 +1,10 @@ +import { Paper } from '@linode/ui'; import { useSnackbar } from 'notistack'; import React from 'react'; import { Controller, useForm } from 'react-hook-form'; import { useHistory } from 'react-router-dom'; import { Button } from 'src/components/Button/Button'; -import { Paper } from 'src/components/Paper'; import { TextField } from 'src/components/TextField'; import { RESTRICTED_FIELD_TOOLTIP } from 'src/features/Account/constants'; import { useUpdateUserMutation } from 'src/queries/account/users'; diff --git a/packages/manager/src/features/VPCs/VPCCreate/FormComponents/VPCCreateForm.styles.ts b/packages/manager/src/features/VPCs/VPCCreate/FormComponents/VPCCreateForm.styles.ts index 183f8941b8e..2a3df71e598 100644 --- a/packages/manager/src/features/VPCs/VPCCreate/FormComponents/VPCCreateForm.styles.ts +++ b/packages/manager/src/features/VPCs/VPCCreate/FormComponents/VPCCreateForm.styles.ts @@ -1,7 +1,7 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Typography } from 'src/components/Typography'; -import { omittedProps } from 'src/utilities/omittedProps'; type StyledVPCFormProps = { isDrawer?: boolean; diff --git a/packages/manager/src/features/VPCs/VPCCreate/VPCCreate.tsx b/packages/manager/src/features/VPCs/VPCCreate/VPCCreate.tsx index bfcba44b36c..8995ec53601 100644 --- a/packages/manager/src/features/VPCs/VPCCreate/VPCCreate.tsx +++ b/packages/manager/src/features/VPCs/VPCCreate/VPCCreate.tsx @@ -1,20 +1,20 @@ -import Grid from '@mui/material/Unstable_Grid2'; +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; +import Grid from '@mui/material/Unstable_Grid2'; +import { createLazyRoute } from '@tanstack/react-router'; import * as React from 'react'; import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel'; import { DocumentTitleSegment } from 'src/components/DocumentTitle'; import { LandingHeader } from 'src/components/LandingHeader'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; -import { SubnetContent } from 'src/features/VPCs/VPCCreate/FormComponents/SubnetContent'; import { VPC_GETTING_STARTED_LINK } from 'src/features/VPCs/constants'; +import { SubnetContent } from 'src/features/VPCs/VPCCreate/FormComponents/SubnetContent'; import { useCreateVPC } from 'src/hooks/useCreateVPC'; import { CannotCreateVPCNotice } from './FormComponents/CannotCreateVPCNotice'; import { StyledHeaderTypography } from './FormComponents/VPCCreateForm.styles'; import { VPCTopSectionContent } from './FormComponents/VPCTopSectionContent'; -import { createLazyRoute } from '@tanstack/react-router'; const VPCCreate = () => { const { diff --git a/packages/manager/src/features/Volumes/VolumeCreate.tsx b/packages/manager/src/features/Volumes/VolumeCreate.tsx index dc96018b93f..cc2ac13e4ea 100644 --- a/packages/manager/src/features/Volumes/VolumeCreate.tsx +++ b/packages/manager/src/features/Volumes/VolumeCreate.tsx @@ -1,4 +1,4 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { CreateVolumeSchema } from '@linode/validation/lib/volumes.schema'; import { useTheme } from '@mui/material/styles'; import { createLazyRoute } from '@tanstack/react-router'; @@ -23,7 +23,6 @@ import { useIsBlockStorageEncryptionFeatureEnabled } from 'src/components/Encryp import { ErrorMessage } from 'src/components/ErrorMessage'; import { LandingHeader } from 'src/components/LandingHeader'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { RegionSelect } from 'src/components/RegionSelect/RegionSelect'; import { Stack } from 'src/components/Stack'; import { TextField } from 'src/components/TextField'; diff --git a/packages/manager/src/features/components/PlansPanel/DistributedRegionPlanTable.tsx b/packages/manager/src/features/components/PlansPanel/DistributedRegionPlanTable.tsx index 0512c10190c..ea927d09792 100644 --- a/packages/manager/src/features/components/PlansPanel/DistributedRegionPlanTable.tsx +++ b/packages/manager/src/features/components/PlansPanel/DistributedRegionPlanTable.tsx @@ -1,9 +1,8 @@ -import { Box } from '@linode/ui'; +import { Box, Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import React from 'react'; import { Notice } from 'src/components/Notice/Notice'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; import type { SxProps, Theme } from '@mui/material/styles'; diff --git a/packages/manager/src/features/components/PlansPanel/PlanContainer.styles.ts b/packages/manager/src/features/components/PlansPanel/PlanContainer.styles.ts index 30cc5351841..6260a155855 100644 --- a/packages/manager/src/features/components/PlansPanel/PlanContainer.styles.ts +++ b/packages/manager/src/features/components/PlansPanel/PlanContainer.styles.ts @@ -1,8 +1,10 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Table } from 'src/components/Table'; -import { TableCell, TableCellProps } from 'src/components/TableCell'; -import { omittedProps } from 'src/utilities/omittedProps'; +import { TableCell } from 'src/components/TableCell'; + +import type { TableCellProps } from 'src/components/TableCell'; interface StyledTableCellPropsProps extends TableCellProps { isPlanCell?: boolean; diff --git a/packages/ui/.changeset/pr-11183-added-1730215173323.md b/packages/ui/.changeset/pr-11183-added-1730215173323.md new file mode 100644 index 00000000000..c5a6464588a --- /dev/null +++ b/packages/ui/.changeset/pr-11183-added-1730215173323.md @@ -0,0 +1,5 @@ +--- +"@linode/ui": Added +--- + +Migrate `Paper` from `manager` to `ui` package ([#11183](https://github.com/linode/manager/pull/11183)) diff --git a/packages/manager/src/components/Paper.stories.tsx b/packages/ui/src/components/Paper/Paper.stories.tsx similarity index 100% rename from packages/manager/src/components/Paper.stories.tsx rename to packages/ui/src/components/Paper/Paper.stories.tsx diff --git a/packages/manager/src/components/Paper.tsx b/packages/ui/src/components/Paper/Paper.tsx similarity index 89% rename from packages/manager/src/components/Paper.tsx rename to packages/ui/src/components/Paper/Paper.tsx index 778c766c4f7..7badae6d9df 100644 --- a/packages/manager/src/components/Paper.tsx +++ b/packages/ui/src/components/Paper/Paper.tsx @@ -1,10 +1,8 @@ -import { FormHelperText } from '@linode/ui'; +import { FormHelperText } from '../FormHelperText/FormHelperText'; import _Paper from '@mui/material/Paper'; import { styled } from '@mui/material/styles'; import * as React from 'react'; -import { omittedProps } from 'src/utilities/omittedProps'; - import type { PaperProps } from '@mui/material/Paper'; interface Props extends PaperProps { @@ -39,7 +37,7 @@ export const Paper = (props: Props) => { }; const StyledPaper = styled(_Paper, { - shouldForwardProp: omittedProps(['error']), + shouldForwardProp: (prop) => prop !== 'error', })(({ theme, ...props }) => ({ borderColor: props.error ? theme.palette.error.dark : undefined, padding: theme.spacing(3), diff --git a/packages/ui/src/components/Paper/index.ts b/packages/ui/src/components/Paper/index.ts new file mode 100644 index 00000000000..2b9436574cb --- /dev/null +++ b/packages/ui/src/components/Paper/index.ts @@ -0,0 +1 @@ +export * from './Paper'; diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts index 0fd364db998..d1887cebe1c 100644 --- a/packages/ui/src/components/index.ts +++ b/packages/ui/src/components/index.ts @@ -7,5 +7,6 @@ export * from './IconButton'; export * from './Input'; export * from './InputAdornment'; export * from './InputLabel'; +export * from './Paper'; export * from './Tooltip'; export * from './VisibilityTooltip'; diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts index 43f9ba85b57..952d61ff3b1 100644 --- a/packages/ui/src/index.ts +++ b/packages/ui/src/index.ts @@ -1,2 +1,3 @@ export * from './components'; export * from './foundations'; +export * from './utilities'; diff --git a/packages/ui/src/utilities/index.ts b/packages/ui/src/utilities/index.ts new file mode 100644 index 00000000000..2993dc70047 --- /dev/null +++ b/packages/ui/src/utilities/index.ts @@ -0,0 +1 @@ +export * from './omittedProps'; diff --git a/packages/manager/src/utilities/omittedProps.test.tsx b/packages/ui/src/utilities/omittedProps.test.tsx similarity index 90% rename from packages/manager/src/utilities/omittedProps.test.tsx rename to packages/ui/src/utilities/omittedProps.test.tsx index 56a046e1220..9510870f3da 100644 --- a/packages/manager/src/utilities/omittedProps.test.tsx +++ b/packages/ui/src/utilities/omittedProps.test.tsx @@ -1,6 +1,7 @@ // Styled component using omittedProps import styled from '@emotion/styled'; - +import '@testing-library/jest-dom/vitest'; +import { describe, expect, it } from 'vitest'; import { omitProps, omittedProps } from './omittedProps'; type StyledProps = { @@ -11,7 +12,7 @@ type StyledProps = { const MyStyledComponent = styled('div', { label: 'MyStyledComponent', - shouldForwardProp: omittedProps(['extraProp', 'anotherProp']), + shouldForwardProp: omittedProps(['extraProp', 'anotherProp']), })` color: ${(props) => props.color}; `; diff --git a/packages/manager/src/utilities/omittedProps.ts b/packages/ui/src/utilities/omittedProps.ts similarity index 92% rename from packages/manager/src/utilities/omittedProps.ts rename to packages/ui/src/utilities/omittedProps.ts index 9430071eef7..330b95f7f02 100644 --- a/packages/manager/src/utilities/omittedProps.ts +++ b/packages/ui/src/utilities/omittedProps.ts @@ -24,7 +24,10 @@ export const omittedProps = (props: Array) => ( * @param toRemove Array of props to remove * @returns Object with props removed */ -export const omitProps = ( +export const omitProps = < + Props extends NonNullable, + Keys extends keyof Props & string +>( props: Props, toRemove: Keys[] & string[] ) =>