From 29efba2aa1378a22ebc305353a8bdc695cf8d8db Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Tue, 29 Oct 2024 10:53:52 -0400 Subject: [PATCH 01/13] Move Paper to ui package --- .../components/AccessPanel/AccessPanel.tsx | 2 +- .../AkamaiBanner/AkamaiBanner.styles.ts | 2 +- .../src/components/AreaChart/AreaChart.tsx | 2 +- .../Autocomplete/Autocomplete.styles.tsx | 3 +- .../src/components/BarPercent/BarPercent.tsx | 2 +- .../manager/src/components/Button/Button.tsx | 3 +- .../src/components/Button/StyledTagButton.ts | 2 +- .../CheckoutSummary/CheckoutSummary.tsx | 2 +- .../CircleProgress/CircleProgress.tsx | 2 +- .../components/CopyTooltip/CopyTooltip.tsx | 3 +- .../DescriptionList/DescriptionList.styles.ts | 2 +- .../manager/src/components/Dialog/Dialog.tsx | 2 +- packages/manager/src/components/Divider.tsx | 5 +- .../components/EntityDetail/EntityDetail.tsx | 3 +- .../GaugePercent/GaugePercent.styles.ts | 5 +- .../components/ImageSelect/ImageSelect.tsx | 2 +- .../components/LineGraph/LineGraph.styles.ts | 2 +- .../LineGraph/MetricDisplay.styles.ts | 2 +- packages/manager/src/components/Link.tsx | 2 +- .../PaymentMethodRow/PaymentMethodRow.tsx | 8 ++-- .../PromotionalOfferCard.tsx | 9 ++-- .../RemovableSelectionsList.style.ts | 2 +- .../SelectFirewallPanel.tsx | 2 +- .../manager/src/components/Stack.stories.tsx | 2 +- .../src/components/StatusIcon/StatusIcon.tsx | 5 +- .../components/TabbedPanel/TabbedPanel.tsx | 2 +- .../src/components/Table/Table.styles.ts | 3 +- .../components/TableRow/TableRow.styles.ts | 3 +- .../src/components/Tabs/Tabs.stories.tsx | 2 +- .../manager/src/components/Tag/Tag.styles.ts | 2 +- .../src/components/TagCell/TagCell.tsx | 3 +- .../manager/src/components/TooltipIcon.tsx | 5 +- .../ImageUploader/ImageUploader.styles.ts | 2 +- .../VerticalLinearStepper.styles.ts | 3 +- .../Account/Maintenance/MaintenanceTable.tsx | 2 +- .../src/features/Backups/AutoEnroll.tsx | 2 +- .../src/features/Backups/BackupsCTA.styles.ts | 3 +- .../src/features/Betas/BetaDetailsList.tsx | 2 +- .../manager/src/features/Betas/BetaSignup.tsx | 2 +- .../Billing/InvoiceDetail/InvoiceDetail.tsx | 2 +- .../AlertsLanding/AlertsDefinitionLanding.tsx | 2 +- .../Alerts/AlertsLanding/AlertsLanding.tsx | 2 +- .../CloudPulseDashboardWithFilters.tsx | 2 +- .../CloudPulse/Widget/CloudPulseWidget.tsx | 4 +- .../DatabaseCreate/DatabaseCreate.tsx | 4 +- .../DatabaseBackups/DatabaseBackups.tsx | 2 +- .../legacy/DatabaseBackupsLegacy.tsx | 2 +- .../DatabaseResize/DatabaseResize.tsx | 2 +- .../DatabaseSettings/DatabaseSettings.tsx | 2 +- .../DatabaseSummary/DatabaseSummary.tsx | 2 +- .../Domains/CreateDomain/CreateDomain.tsx | 3 +- .../Domains/DomainDetail/DomainDetail.tsx | 2 +- .../Rules/FirewallRuleTable.styles.ts | 2 +- .../src/features/Help/Panels/PopularPosts.tsx | 5 +- .../src/features/Help/Panels/SearchPanel.tsx | 2 +- .../DocumentationResults.tsx | 5 +- .../Images/ImagesCreate/CreateImageTab.tsx | 2 +- .../Images/ImagesCreate/ImageUpload.tsx | 2 +- .../ImageRegions/ManageImageRegionsForm.tsx | 2 +- .../Images/ImagesLanding/ImagesLanding.tsx | 3 +- .../CreateCluster/CreateCluster.tsx | 4 +- .../APLSummaryPanel.tsx | 2 +- .../KubeConfigPanel.tsx | 7 +-- .../KubeControlPaneACLDrawer.tsx | 2 +- .../NodePoolsDisplay/NodePool.tsx | 3 +- .../Linodes/CloneLanding/CloneLanding.tsx | 2 +- .../features/Linodes/CloneLanding/Details.tsx | 2 +- .../Linodes/LinodeCreate/Addons/Addons.tsx | 2 +- .../Linodes/LinodeCreate/Details/Details.tsx | 2 +- .../Linodes/LinodeCreate/EUAgreement.tsx | 2 +- .../features/Linodes/LinodeCreate/Error.tsx | 2 +- .../Linodes/LinodeCreate/Firewall.tsx | 2 +- .../features/Linodes/LinodeCreate/Region.tsx | 2 +- .../Linodes/LinodeCreate/Security.tsx | 2 +- .../Linodes/LinodeCreate/Summary/Summary.tsx | 2 +- .../Tabs/Backups/BackupSelect.tsx | 2 +- .../Tabs/Backups/LinodeSelect.tsx | 2 +- .../Linodes/LinodeCreate/Tabs/Clone/Clone.tsx | 2 +- .../Linodes/LinodeCreate/Tabs/Images.tsx | 2 +- .../Tabs/Marketplace/AppSelect.tsx | 2 +- .../LinodeCreate/Tabs/OperatingSystems.tsx | 2 +- .../Tabs/StackScripts/StackScriptImages.tsx | 2 +- .../StackScripts/StackScriptSelection.tsx | 2 +- .../UserDefinedFields/UserDefinedFields.tsx | 2 +- .../Linodes/LinodeCreate/TwoStepRegion.tsx | 2 +- .../features/Linodes/LinodeCreate/VPC/VPC.tsx | 2 +- .../Linodes/LinodeCreate/utilities.ts | 2 +- .../LinodeBackup/CaptureSnapshot.tsx | 2 +- .../LinodeBackup/LinodeBackups.tsx | 2 +- .../LinodeBackup/ScheduleSettings.tsx | 2 +- .../LinodeFirewalls/LinodeFirewalls.tsx | 2 +- .../LinodeIPAddresses.styles.ts | 2 +- .../LinodeNetworking/LinodeIPAddresses.tsx | 2 +- .../NetworkingSummaryPanel.tsx | 2 +- .../LinodeRebuild/ImageEmptyState.tsx | 2 +- .../LinodeRescue/StandardRescueDialog.tsx | 2 +- .../LinodesDetail/LinodeSettings/VPCPanel.tsx | 2 +- .../LinodeStorage/LinodeDisks.tsx | 2 +- .../LinodeStorage/LinodeVolumes.tsx | 2 +- .../LinodeSummary/LinodeSummary.tsx | 2 +- .../LinodesDetail/VolumesUpgradeBanner.tsx | 2 +- .../LinodesLanding/DisplayGroupedLinodes.tsx | 2 +- .../LinodesLanding/DisplayLinodes.styles.ts | 3 +- .../Linodes/LinodesLanding/DisplayLinodes.tsx | 2 +- .../LinodesLanding/IPAddress.styles.ts | 4 +- .../LinodeRow/LinodeRow.styles.ts | 6 ++- .../MigrateLinode/ConfigureForm.styles.ts | 2 +- .../DetailTabs/CommonStyles.styles.tsx | 2 +- .../DetailTabs/Installation.tsx | 2 +- .../DetailTabs/LongviewDetailOverview.tsx | 2 +- .../OverviewGraphs/OverviewGraphs.tsx | 2 +- .../DetailTabs/Processes/ProcessesGraphs.tsx | 2 +- .../Longview/LongviewDetail/GraphCard.tsx | 2 +- .../LongviewDetail/LongviewDetail.tsx | 2 +- .../LongviewClientInstructions.tsx | 2 +- .../LongviewLanding/LongviewClientRow.tsx | 2 +- .../Longview/LongviewLanding/LongviewList.tsx | 2 +- .../LongviewLanding/LongviewPlans.styles.ts | 2 +- .../LongviewLanding/LongviewPlans.tsx | 2 +- .../Managed/SSHAccess/LinodePubKey.styles.tsx | 2 +- .../NodeBalancers/NodeBalancerCreate.tsx | 4 +- .../NodeBalancerSummary/SummaryPanel.tsx | 2 +- .../NodeBalancerSummary/TablesPanel.tsx | 2 +- .../NotificationCenter.styles.ts | 2 +- .../AccessKeyTable/AccessKeyTable.styles.tsx | 2 +- .../AccessKeyLanding/HostNamesList.tsx | 2 +- .../BucketDetail/BucketAccess.tsx | 2 +- .../BucketDetail/BucketProperties.styles.ts | 2 +- .../ObjectStorage/BucketDetail/BucketSSL.tsx | 2 +- .../PlacementGroupsSummary.tsx | 2 +- .../Profile/APITokens/APITokenTable.tsx | 2 +- .../AuthenticationSettings.tsx | 2 +- .../PhoneVerification.styles.ts | 2 +- .../TPAProviders.styles.ts | 4 +- .../DisplaySettings/DisplaySettings.tsx | 2 +- .../Profile/LishSettings/LishSettings.tsx | 3 +- .../features/Profile/Referrals/Referrals.tsx | 2 +- .../features/Profile/Settings/Settings.tsx | 2 +- .../Partials/StackScriptTableHead.styles.ts | 5 +- .../SelectStackScriptPanel.styles.ts | 46 +++++++++++-------- .../StackScriptBase/StackScriptBase.styles.ts | 2 +- .../StackScriptForm/StackScriptForm.tsx | 3 +- .../FieldTypes/UserDefinedText.tsx | 25 +++++----- .../UserDefinedFieldsPanel.styles.ts | 4 +- .../TabbedReply/MarkdownReference.tsx | 2 +- .../TabbedReply/PreviewReply.tsx | 2 +- .../SupportTicketDetail/TicketStatus.tsx | 5 +- .../features/Support/TicketAttachmentRow.tsx | 2 +- .../SearchBar/SearchSuggestion.styles.ts | 5 +- .../features/Users/UserPermissions.styles.ts | 2 +- .../Users/UserProfile/DeleteUserPanel.tsx | 2 +- .../Users/UserProfile/UserDetailsPanel.tsx | 2 +- .../Users/UserProfile/UserEmailPanel.tsx | 2 +- .../Users/UserProfile/UsernamePanel.tsx | 2 +- .../FormComponents/VPCCreateForm.styles.ts | 2 +- .../src/features/VPCs/VPCCreate/VPCCreate.tsx | 8 ++-- .../src/features/Volumes/VolumeCreate.tsx | 2 +- .../PlansPanel/DistributedRegionPlanTable.tsx | 2 +- .../PlansPanel/PlanContainer.styles.ts | 6 ++- .../src/utilities/omittedProps.test.tsx | 3 +- .../src/components/Paper.stories.tsx | 0 .../{manager => ui}/src/components/Paper.tsx | 4 +- packages/ui/src/components/index.ts | 1 + packages/ui/src/index.ts | 1 + packages/ui/src/utilities/index.ts | 1 + .../src/utilities/omittedProps.ts | 5 +- 166 files changed, 246 insertions(+), 242 deletions(-) rename packages/{manager => ui}/src/components/Paper.stories.tsx (100%) rename packages/{manager => ui}/src/components/Paper.tsx (92%) create mode 100644 packages/ui/src/utilities/index.ts rename packages/{manager => ui}/src/utilities/omittedProps.ts (92%) 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 39dc67c1658..c41aa4359cb 100644 --- a/packages/manager/src/components/AkamaiBanner/AkamaiBanner.styles.ts +++ b/packages/manager/src/components/AkamaiBanner/AkamaiBanner.styles.ts @@ -1,8 +1,8 @@ +import { 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 { Box } from '../Box'; import { Stack } from '../Stack'; diff --git a/packages/manager/src/components/AreaChart/AreaChart.tsx b/packages/manager/src/components/AreaChart/AreaChart.tsx index 9416c620701..37a91c86834 100644 --- a/packages/manager/src/components/AreaChart/AreaChart.tsx +++ b/packages/manager/src/components/AreaChart/AreaChart.tsx @@ -1,3 +1,4 @@ +import { Paper } from '@linode/ui'; import { Typography, useTheme } from '@mui/material'; import { styled } from '@mui/material/styles'; import { DateTime } from 'luxon'; @@ -16,7 +17,6 @@ import { import { AccessibleAreaChart } from 'src/components/AreaChart/AccessibleAreaChart'; import { Box } from 'src/components/Box'; 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 474e6e05c9c..f5ab47954cf 100644 --- a/packages/manager/src/components/CircleProgress/CircleProgress.tsx +++ b/packages/manager/src/components/CircleProgress/CircleProgress.tsx @@ -1,9 +1,9 @@ +import { omittedProps } from '@linode/ui'; import _CircularProgress from '@mui/material/CircularProgress'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { Box } from 'src/components/Box'; -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 1d263a6fb49..50bddb7faf4 100644 --- a/packages/manager/src/components/CopyTooltip/CopyTooltip.tsx +++ b/packages/manager/src/components/CopyTooltip/CopyTooltip.tsx @@ -1,10 +1,9 @@ -import { Tooltip } from '@linode/ui'; +import { Tooltip, 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 { omittedProps } from 'src/utilities/omittedProps'; 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 5c4db71a634..c093d2c4fe8 100644 --- a/packages/manager/src/components/Dialog/Dialog.tsx +++ b/packages/manager/src/components/Dialog/Dialog.tsx @@ -1,3 +1,4 @@ +import { 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 +7,6 @@ import * as React from 'react'; import { Box } from 'src/components/Box'; 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..a252d0f5ed1 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/src/utilities/omittedProps'; 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/ImageSelect/ImageSelect.tsx b/packages/manager/src/components/ImageSelect/ImageSelect.tsx index 92e43254322..50954763f41 100644 --- a/packages/manager/src/components/ImageSelect/ImageSelect.tsx +++ b/packages/manager/src/components/ImageSelect/ImageSelect.tsx @@ -1,3 +1,4 @@ +import { Paper } from '@linode/ui'; import produce from 'immer'; import { DateTime } from 'luxon'; import { equals, groupBy } from 'ramda'; @@ -7,7 +8,6 @@ import DistributedRegionIcon from 'src/assets/icons/entityIcons/distributed-regi import Select from 'src/components/EnhancedSelect'; import { _SingleValue } from 'src/components/EnhancedSelect/components/SingleValue'; import { ImageOption } from 'src/components/ImageSelect/ImageOption'; -import { Paper } from 'src/components/Paper'; import { Typography } from 'src/components/Typography'; import { MAX_MONTHS_EOL_FILTER } from 'src/constants'; import { useAllImagesQuery } from 'src/queries/images'; 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 ed4f14d9978..a891d1e8bae 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 383b3e8b787..bb0b11a399b 100644 --- a/packages/manager/src/components/PaymentMethodRow/PaymentMethodRow.tsx +++ b/packages/manager/src/components/PaymentMethodRow/PaymentMethodRow.tsx @@ -1,18 +1,20 @@ -import { PaymentMethod } from '@linode/api-v4/lib/account/types'; +import { Paper } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { useSnackbar } from 'notistack'; import * as React from 'react'; import { useHistory } from 'react-router-dom'; -import { Action, ActionMenu } from 'src/components/ActionMenu/ActionMenu'; +import { ActionMenu } from 'src/components/ActionMenu/ActionMenu'; import { Box } from 'src/components/Box'; 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'; import { ThirdPartyPayment } from './ThirdPartyPayment'; +import type { PaymentMethod } from '@linode/api-v4/lib/account/types'; +import type { Action } from 'src/components/ActionMenu/ActionMenu'; + interface Props { /** * Whether the user is a child user. 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 c49bf85f512..5f1f9210847 100644 --- a/packages/manager/src/components/RemovableSelectionsList/RemovableSelectionsList.style.ts +++ b/packages/manager/src/components/RemovableSelectionsList/RemovableSelectionsList.style.ts @@ -1,9 +1,9 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Box } from 'src/components/Box'; 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 ff9f53e57cb..2a92895e64c 100644 --- a/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx +++ b/packages/manager/src/components/SelectFirewallPanel/SelectFirewallPanel.tsx @@ -1,8 +1,8 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import * as React from 'react'; import { Box } from 'src/components/Box'; -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 54d84bfee4f..eed43d15a71 100644 --- a/packages/manager/src/components/StatusIcon/StatusIcon.tsx +++ b/packages/manager/src/components/StatusIcon/StatusIcon.tsx @@ -1,9 +1,10 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material'; import * as React from 'react'; -import { omittedProps } from 'src/utilities/omittedProps'; +import { Box } from '../Box'; -import { Box, BoxProps } from '../Box'; +import type { BoxProps } from '../Box'; 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 2dfcbb35378..11efc023ece 100644 --- a/packages/manager/src/components/TabbedPanel/TabbedPanel.tsx +++ b/packages/manager/src/components/TabbedPanel/TabbedPanel.tsx @@ -1,10 +1,10 @@ +import { Paper } from '@linode/ui'; import { 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 fbdf1c156f9..c2bbac4fdbf 100644 --- a/packages/manager/src/features/Account/Maintenance/MaintenanceTable.tsx +++ b/packages/manager/src/features/Account/Maintenance/MaintenanceTable.tsx @@ -6,7 +6,7 @@ import { Box } from 'src/components/Box'; 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 0d8d022c17b..1660f052afe 100644 --- a/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx +++ b/packages/manager/src/features/Billing/InvoiceDetail/InvoiceDetail.tsx @@ -14,7 +14,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 72a1f01c157..c51798708d1 100644 --- a/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx +++ b/packages/manager/src/features/CloudPulse/Alerts/AlertsLanding/AlertsLanding.tsx @@ -8,7 +8,7 @@ import { } from 'react-router-dom'; import { Box } from 'src/components/Box'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; 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 7fe48d86f24..8565d5e9bea 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseBackups/DatabaseBackups.tsx @@ -15,7 +15,7 @@ import { Box } from 'src/components/Box'; 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 fbdc01d70cf..ddfad199e71 100644 --- a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.tsx +++ b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseResize/DatabaseResize.tsx @@ -6,7 +6,7 @@ import { Box } from 'src/components/Box'; import { CircleProgress } from 'src/components/CircleProgress'; 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 { TypeToConfirmDialog } from 'src/components/TypeToConfirmDialog/TypeToConfirmDialog'; import { Typography } from 'src/components/Typography'; import { typeLabelDetails } from 'src/features/Linodes/presentation'; diff --git a/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettings.tsx b/packages/manager/src/features/Databases/DatabaseDetail/DatabaseSettings/DatabaseSettings.tsx index a10f1c39b15..c93bbfb47d6 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 11df700b667..dca31db7a0b 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,10 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import DragIndicator from 'src/assets/icons/drag-indicator.svg'; import { Box } from 'src/components/Box'; 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 b2a07c59764..379f83c3795 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 8b68c849b22..c89ff5bdb6d 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 0304c6b6ae4..e4d8f8e5d53 100644 --- a/packages/manager/src/features/Kubernetes/CreateCluster/CreateCluster.tsx +++ b/packages/manager/src/features/Kubernetes/CreateCluster/CreateCluster.tsx @@ -1,3 +1,4 @@ +import { Paper } from '@linode/ui'; import { Divider } from '@mui/material'; import Grid from '@mui/material/Unstable_Grid2'; import { createLazyRoute } from '@tanstack/react-router'; @@ -13,7 +14,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'; @@ -42,8 +42,8 @@ import { extendType } from 'src/utilities/extendType'; import { filterCurrentTypes } from 'src/utilities/filterCurrentLinodeTypes'; import { stringToExtendedIP } from 'src/utilities/ipUtils'; import { plansNoticesUtils } from 'src/utilities/planNotices'; -import { UNKNOWN_PRICE } from 'src/utilities/pricing/constants'; import { DOCS_LINK_LABEL_DC_PRICING } from 'src/utilities/pricing/constants'; +import { UNKNOWN_PRICE } from 'src/utilities/pricing/constants'; import { getDCSpecificPriceByType } from 'src/utilities/pricing/dynamicPricing'; import { scrollErrorIntoViewV2 } from 'src/utilities/scrollErrorIntoViewV2'; diff --git a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/APLSummaryPanel.tsx b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/APLSummaryPanel.tsx index 4f592804210..c9950c05694 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 841e1d36ca6..b484248d43c 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeControlPaneACLDrawer.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/KubeControlPaneACLDrawer.tsx @@ -1,4 +1,5 @@ import { yupResolver } from '@hookform/resolvers/yup'; +import { omittedProps } from '@linode/ui'; import { kubernetesControlPlaneACLPayloadSchema } from '@linode/validation'; import { Divider, Stack } from '@mui/material'; import { styled } from '@mui/material/styles'; @@ -20,7 +21,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 7969e102be2..d25256c3ee9 100644 --- a/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx +++ b/packages/manager/src/features/Kubernetes/KubernetesClusterDetail/NodePoolsDisplay/NodePool.tsx @@ -1,11 +1,10 @@ -import { Tooltip } from '@linode/ui'; +import { Paper, Tooltip } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; import { makeStyles } from 'tss-react/mui'; import { Box } from 'src/components/Box'; 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 4b5ad2cc023..964aea940e8 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 { Box } from 'src/components/Box'; 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 00020a49f31..c9a54142f86 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Firewall.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Firewall.tsx @@ -7,7 +7,7 @@ import { Box } from 'src/components/Box'; 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 be6d8d29609..ccdce05c61a 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 11e1ee972cf..84eeb022e76 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 { Box } from 'src/components/Box'; 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 ae36337aca5..c8a12ab4792 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 { Box } from 'src/components/Box'; import { ImageSelectv2 } from 'src/components/ImageSelectv2/ImageSelectv2'; import { getAPIFilterForImageSelect } from 'src/components/ImageSelectv2/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 43082645282..583ddf598f8 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 { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Box } from 'src/components/Box'; 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 88074aef2c5..d826945f2af 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/OperatingSystems.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/OperatingSystems.tsx @@ -3,7 +3,7 @@ import React from 'react'; import { useController, useFormContext } from 'react-hook-form'; import { ImageSelectv2 } from 'src/components/ImageSelectv2/ImageSelectv2'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; 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 7658c509ac0..55586387e19 100644 --- a/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptImages.tsx +++ b/packages/manager/src/features/Linodes/LinodeCreate/Tabs/StackScripts/StackScriptImages.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { Controller, useWatch } from 'react-hook-form'; import { ImageSelectv2 } from 'src/components/ImageSelectv2/ImageSelectv2'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; 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 79d5550ed13..4de6f0859ae 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 @@ -5,7 +5,7 @@ import { useFormContext, useWatch } from 'react-hook-form'; import Info from 'src/assets/icons/info.svg'; import { Box } from 'src/components/Box'; 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 19cca071c6e..c006ec0c2ca 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 { Box } from 'src/components/Box'; 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 9c81cdb492f..f61127bf4b5 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 ebdba8be93a..7f668a710a0 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeBackup/CaptureSnapshot.tsx @@ -6,7 +6,7 @@ import * as React from 'react'; import { Box } from 'src/components/Box'; 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 5bb134eabfa..14616259b90 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 c7c2c8b4fca..ef429d6a3a8 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/VPCPanel.tsx @@ -8,7 +8,7 @@ import { Checkbox } from 'src/components/Checkbox'; import { FormControlLabel } from 'src/components/FormControlLabel'; import { Link } from 'src/components/Link'; import { LinkButton } from 'src/components/LinkButton'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { StyledLinkButtonBox } from 'src/components/SelectFirewallPanel/SelectFirewallPanel'; import { Stack } from 'src/components/Stack'; import { TextField } from 'src/components/TextField'; diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDisks.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeStorage/LinodeDisks.tsx index 1824a0a5429..e4294b8ca06 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 102df2b3f55..fa5443aa502 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 1c913f40341..8fd1983e5da 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 { AreaChart } from 'src/components/AreaChart/AreaChart'; import { Box } from 'src/components/Box'; 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 5586742b1e3..cde8a3d2f77 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/DisplayGroupedLinodes.tsx +++ b/packages/manager/src/features/Linodes/LinodesLanding/DisplayGroupedLinodes.tsx @@ -12,7 +12,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 a1cca52b6cc..a7e39ff32ea 100644 --- a/packages/manager/src/features/Linodes/LinodesLanding/IPAddress.styles.ts +++ b/packages/manager/src/features/Linodes/LinodesLanding/IPAddress.styles.ts @@ -1,9 +1,9 @@ +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 { IPAddressProps } from './IPAddress'; +import type { IPAddressProps } from './IPAddress'; interface StyledIpAddressProps extends Partial { isIpHovered?: boolean; 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 c270f1c28ad..8926f6f9eaf 100644 --- a/packages/manager/src/features/Linodes/MigrateLinode/ConfigureForm.styles.ts +++ b/packages/manager/src/features/Linodes/MigrateLinode/ConfigureForm.styles.ts @@ -1,7 +1,7 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Box } from 'src/components/Box'; -import { Paper } from 'src/components/Paper'; export const StyledPaper = styled(Paper, { label: 'StyledPaper' })( ({ theme }) => ({ 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 bc8ac8949dc..f486bd99f72 100644 --- a/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Processes/ProcessesGraphs.tsx +++ b/packages/manager/src/features/Longview/LongviewDetail/DetailTabs/Processes/ProcessesGraphs.tsx @@ -4,7 +4,7 @@ import * as React from 'react'; import { Box } from 'src/components/Box'; import { LongviewLineGraph } from 'src/components/LongviewLineGraph/LongviewLineGraph'; import { Typography } from 'src/components/Typography'; -import { Paper } from 'src/components/Paper'; +import { Paper } from '@linode/ui'; import { LongviewProcesses, WithStartAndEnd, 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 d42ee3dda4d..3c6ad5cba00 100644 --- a/packages/manager/src/features/Longview/LongviewLanding/LongviewList.tsx +++ b/packages/manager/src/features/Longview/LongviewLanding/LongviewList.tsx @@ -7,7 +7,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 { Props as LVProps } from 'src/containers/longview.container'; 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 8957d664cc4..807c5a25ebd 100644 --- a/packages/manager/src/features/NodeBalancers/NodeBalancerCreate.tsx +++ b/packages/manager/src/features/NodeBalancers/NodeBalancerCreate.tsx @@ -1,3 +1,4 @@ +import { Paper } from '@linode/ui'; import { useTheme } from '@mui/material'; import useMediaQuery from '@mui/material/useMediaQuery'; import { createLazyRoute } from '@tanstack/react-router'; @@ -25,7 +26,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'; @@ -55,8 +55,8 @@ import { sendCreateNodeBalancerEvent } from 'src/utilities/analytics/customEvent import { getAPIErrorOrDefault } from 'src/utilities/errorUtils'; import { getGDPRDetails } from 'src/utilities/formatRegion'; import { getAPIErrorFor } from 'src/utilities/getAPIErrorFor'; -import { DOCS_LINK_LABEL_DC_PRICING } from 'src/utilities/pricing/constants'; import { PRICE_ERROR_TOOLTIP_TEXT } from 'src/utilities/pricing/constants'; +import { DOCS_LINK_LABEL_DC_PRICING } from 'src/utilities/pricing/constants'; import { getDCSpecificPriceByType, renderMonthlyPriceToCorrectDecimalPlace, 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 f981ac37906..615d80cf218 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 { AreaChart } from 'src/components/AreaChart/AreaChart'; import { Box } from 'src/components/Box'; 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 6820ce92683..944ce1b3f65 100644 --- a/packages/manager/src/features/NotificationCenter/NotificationCenter.styles.ts +++ b/packages/manager/src/features/NotificationCenter/NotificationCenter.styles.ts @@ -1,3 +1,4 @@ +import { omittedProps } from '@linode/ui'; import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown'; import { styled } from '@mui/material'; import { makeStyles } from 'tss-react/mui'; @@ -6,7 +7,6 @@ import { Avatar } from 'src/components/Avatar/Avatar'; import { Box } from 'src/components/Box'; 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/AccessKeyTable/AccessKeyTable.styles.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.styles.tsx index 467b2c38a0d..955c29ce9ba 100644 --- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.styles.tsx +++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/AccessKeyTable/AccessKeyTable.styles.tsx @@ -1,7 +1,7 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material'; import { TableCell } from 'src/components/TableCell'; -import { omittedProps } from 'src/utilities/omittedProps'; import type { TableCellProps } from 'src/components/TableCell'; diff --git a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx index da1e0406a3f..311d41a838b 100644 --- a/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx +++ b/packages/manager/src/features/ObjectStorage/AccessKeyLanding/HostNamesList.tsx @@ -1,3 +1,4 @@ +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import React, { useRef } from 'react'; @@ -5,7 +6,6 @@ import { Box } from 'src/components/Box'; 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 1778518729c..37d9d30891c 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 { Box } from 'src/components/Box'; 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 e8f84e4f94d..a3934243c4e 100644 --- a/packages/manager/src/features/Profile/APITokens/APITokenTable.tsx +++ b/packages/manager/src/features/Profile/APITokens/APITokenTable.tsx @@ -1,10 +1,10 @@ +import { Paper } from '@linode/ui'; import * as React from 'react'; import { Box } from 'src/components/Box'; 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 c4c8ab5226e..7d1fd94ce9e 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts +++ b/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts @@ -1,3 +1,4 @@ +import { omittedProps } from '@linode/ui'; import { FormHelperText } from '@linode/ui'; import { styled } from '@mui/material/styles'; @@ -5,7 +6,6 @@ import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; import { Box } from 'src/components/Box'; 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 67c86bc3574..da3350d9891 100644 --- a/packages/manager/src/features/Profile/LishSettings/LishSettings.tsx +++ b/packages/manager/src/features/Profile/LishSettings/LishSettings.tsx @@ -1,4 +1,4 @@ -import { FormControl } from '@linode/ui'; +import { FormControl, Paper } from '@linode/ui'; import { useTheme } from '@mui/material/styles'; import { createLazyRoute } from '@tanstack/react-router'; import { equals, lensPath, remove, set } from 'ramda'; @@ -10,7 +10,6 @@ import { Box } from 'src/components/Box'; 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 110734ff1f0..b39d08597e5 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 c47c0fdc24a..c8da5cd29e6 100644 --- a/packages/manager/src/features/StackScripts/StackScriptForm/StackScriptForm.tsx +++ b/packages/manager/src/features/StackScripts/StackScriptForm/StackScriptForm.tsx @@ -1,8 +1,7 @@ -import { InputAdornment } from '@linode/ui'; +import { InputAdornment, Paper } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; -import { Paper } from 'src/components/Paper'; import { TextField } from 'src/components/TextField'; import { Typography } from 'src/components/Typography'; import { ImageSelect } from 'src/features/Images/ImageSelect'; 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 111d44794ae..4cd2226015a 100644 --- a/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts +++ b/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts @@ -1,8 +1,8 @@ +import { omittedProps } from '@linode/ui'; +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Box } from 'src/components/Box'; -import { Paper } from 'src/components/Paper'; -import { omittedProps } from 'src/utilities/omittedProps'; export const StyledBox = styled(Box, { label: 'StyledBox' })(({ theme }) => ({ '& > img': { 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 8f148dd93b9..2deafa4cfd9 100644 --- a/packages/manager/src/features/Support/TicketAttachmentRow.tsx +++ b/packages/manager/src/features/Support/TicketAttachmentRow.tsx @@ -1,8 +1,8 @@ +import { Paper } from '@linode/ui'; import * as React from 'react'; import { Box } from 'src/components/Box'; 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 4c9eac1481e..673e3e0cfc4 100644 --- a/packages/manager/src/features/Users/UserProfile/DeleteUserPanel.tsx +++ b/packages/manager/src/features/Users/UserProfile/DeleteUserPanel.tsx @@ -1,9 +1,9 @@ +import { Paper } from '@linode/ui'; import React, { useState } from 'react'; import { useHistory } from 'react-router-dom'; import { Box } from 'src/components/Box'; 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 f49b7bee65d..e971a61fe05 100644 --- a/packages/manager/src/features/Users/UserProfile/UserDetailsPanel.tsx +++ b/packages/manager/src/features/Users/UserProfile/UserDetailsPanel.tsx @@ -1,8 +1,8 @@ +import { Paper } from '@linode/ui'; import Grid from '@mui/material/Unstable_Grid2'; import React from 'react'; import { DateTimeDisplay } from 'src/components/DateTimeDisplay'; -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 ae3b9bae2ce..5572e295480 100644 --- a/packages/manager/src/features/Volumes/VolumeCreate.tsx +++ b/packages/manager/src/features/Volumes/VolumeCreate.tsx @@ -1,3 +1,4 @@ +import { 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 +24,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 1f56b1ce1b5..eb5d6ade7bc 100644 --- a/packages/manager/src/features/components/PlansPanel/DistributedRegionPlanTable.tsx +++ b/packages/manager/src/features/components/PlansPanel/DistributedRegionPlanTable.tsx @@ -1,9 +1,9 @@ +import { Paper } from '@linode/ui'; import { styled } from '@mui/material/styles'; import React from 'react'; import { Box } from 'src/components/Box'; 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/manager/src/utilities/omittedProps.test.tsx b/packages/manager/src/utilities/omittedProps.test.tsx index 56a046e1220..f48886c0725 100644 --- a/packages/manager/src/utilities/omittedProps.test.tsx +++ b/packages/manager/src/utilities/omittedProps.test.tsx @@ -1,7 +1,6 @@ // Styled component using omittedProps import styled from '@emotion/styled'; - -import { omitProps, omittedProps } from './omittedProps'; +import { omitProps, omittedProps } from '@linode/ui'; type StyledProps = { anotherProp?: string; diff --git a/packages/manager/src/components/Paper.stories.tsx b/packages/ui/src/components/Paper.stories.tsx similarity index 100% rename from packages/manager/src/components/Paper.stories.tsx rename to packages/ui/src/components/Paper.stories.tsx diff --git a/packages/manager/src/components/Paper.tsx b/packages/ui/src/components/Paper.tsx similarity index 92% rename from packages/manager/src/components/Paper.tsx rename to packages/ui/src/components/Paper.tsx index 778c766c4f7..95ec02d2046 100644 --- a/packages/manager/src/components/Paper.tsx +++ b/packages/ui/src/components/Paper.tsx @@ -1,10 +1,8 @@ -import { FormHelperText } from '@linode/ui'; +import { FormHelperText, omittedProps } from '@linode/ui'; 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 { diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts index ec50522e5dc..f053982c033 100644 --- a/packages/ui/src/components/index.ts +++ b/packages/ui/src/components/index.ts @@ -6,4 +6,5 @@ export * from './IconButton'; export * from './Input'; export * from './InputAdornment'; export * from './InputLabel'; +export * from './Paper'; export * from './Tooltip'; 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.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[] ) => From 6ca5aac6326fc767dd15bd5b1e36c04bbd5913bb Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Tue, 29 Oct 2024 11:01:07 -0400 Subject: [PATCH 02/13] Create Paper directory --- packages/ui/src/components/{ => Paper}/Paper.stories.tsx | 0 packages/ui/src/components/{ => Paper}/Paper.tsx | 0 packages/ui/src/components/Paper/index.ts | 1 + 3 files changed, 1 insertion(+) rename packages/ui/src/components/{ => Paper}/Paper.stories.tsx (100%) rename packages/ui/src/components/{ => Paper}/Paper.tsx (100%) create mode 100644 packages/ui/src/components/Paper/index.ts diff --git a/packages/ui/src/components/Paper.stories.tsx b/packages/ui/src/components/Paper/Paper.stories.tsx similarity index 100% rename from packages/ui/src/components/Paper.stories.tsx rename to packages/ui/src/components/Paper/Paper.stories.tsx diff --git a/packages/ui/src/components/Paper.tsx b/packages/ui/src/components/Paper/Paper.tsx similarity index 100% rename from packages/ui/src/components/Paper.tsx rename to packages/ui/src/components/Paper/Paper.tsx 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'; From 0ef2eb3c0c242786a681f1973834576d4d6518d2 Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Tue, 29 Oct 2024 11:19:33 -0400 Subject: [PATCH 03/13] Added changeset: Migrate `Paper` from `manager` to `ui` package --- packages/ui/.changeset/pr-11183-added-1730215173323.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 packages/ui/.changeset/pr-11183-added-1730215173323.md 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)) From 5053903a4129db7437f881c57b25b35dbb6f0c5d Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Tue, 29 Oct 2024 11:25:29 -0400 Subject: [PATCH 04/13] Adjust import path in EntityDetail.tsx --- packages/manager/src/components/EntityDetail/EntityDetail.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/manager/src/components/EntityDetail/EntityDetail.tsx b/packages/manager/src/components/EntityDetail/EntityDetail.tsx index a252d0f5ed1..d019a34c5ff 100644 --- a/packages/manager/src/components/EntityDetail/EntityDetail.tsx +++ b/packages/manager/src/components/EntityDetail/EntityDetail.tsx @@ -1,4 +1,4 @@ -import { omittedProps } from '@linode/ui/src/utilities/omittedProps'; +import { omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import Grid from '@mui/material/Unstable_Grid2'; import * as React from 'react'; From 32749ed694874fd4a82a0aa251a1c89f6dc14cd9 Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Tue, 29 Oct 2024 13:46:26 -0400 Subject: [PATCH 05/13] Import consolidations, update .storybook/utils.test.ts --- packages/manager/.storybook/utils.test.ts | 2 +- .../PhoneVerification/PhoneVerification.styles.ts | 3 +-- .../UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts | 3 +-- 3 files changed, 3 insertions(+), 5 deletions(-) diff --git a/packages/manager/.storybook/utils.test.ts b/packages/manager/.storybook/utils.test.ts index f21815e432e..72f62539bdc 100644 --- a/packages/manager/.storybook/utils.test.ts +++ b/packages/manager/.storybook/utils.test.ts @@ -11,7 +11,7 @@ describe('getReactDocgenTSFileGlobs', () => { ).toBe(true); expect( typeScriptFileGlobs.some( - (file) => file === '../manager/src/components/Paper.{ts,tsx}' + (file) => file === '../ui/src/components/Paper/**/*.{ts,tsx}' ) ).toBe(true); expect( 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 7d1fd94ce9e..c45e9fdc31d 100644 --- a/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts +++ b/packages/manager/src/features/Profile/AuthenticationSettings/PhoneVerification/PhoneVerification.styles.ts @@ -1,5 +1,4 @@ -import { omittedProps } from '@linode/ui'; -import { FormHelperText } from '@linode/ui'; +import { FormHelperText, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Autocomplete } from 'src/components/Autocomplete/Autocomplete'; diff --git a/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts b/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts index 4cd2226015a..fd8238f6fca 100644 --- a/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts +++ b/packages/manager/src/features/StackScripts/UserDefinedFieldsPanel/UserDefinedFieldsPanel.styles.ts @@ -1,5 +1,4 @@ -import { omittedProps } from '@linode/ui'; -import { Paper } from '@linode/ui'; +import { Paper, omittedProps } from '@linode/ui'; import { styled } from '@mui/material/styles'; import { Box } from 'src/components/Box'; From baab67399fb6bef71399d31b0af908fd7aefc756 Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Wed, 30 Oct 2024 11:16:11 -0400 Subject: [PATCH 06/13] Try bypassing omittedProps util in Paper.tsx --- packages/ui/src/components/Paper/Paper.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/components/Paper/Paper.tsx b/packages/ui/src/components/Paper/Paper.tsx index 95ec02d2046..71fc6fadeda 100644 --- a/packages/ui/src/components/Paper/Paper.tsx +++ b/packages/ui/src/components/Paper/Paper.tsx @@ -1,4 +1,4 @@ -import { FormHelperText, omittedProps } from '@linode/ui'; +import { FormHelperText } from '@linode/ui'; import _Paper from '@mui/material/Paper'; import { styled } from '@mui/material/styles'; import * as React from 'react'; @@ -37,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), From 266380400892e0acdc49ca0e4dfdae1551e680d4 Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Thu, 31 Oct 2024 13:55:11 -0400 Subject: [PATCH 07/13] Add build script to ui/package.json, add build-ui job in ci.yml, add build-ui as a need for test-manager in ci.yml --- .github/workflows/ci.yml | 23 ++++++++++++++++++++++- packages/ui/package.json | 1 + 2 files changed, 23 insertions(+), 1 deletion(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index e2d1bd208bd..a921c4fa999 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -152,9 +152,30 @@ jobs: - run: cp scripts/validatePackages/sdk-commonjs.cjs test-sdk-cjs/ - run: cd test-sdk-cjs && node ./sdk-commonjs.cjs + build-ui: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v4 + - uses: actions/setup-node@v4 + with: + node-version: "20.17" + - uses: actions/cache@v4 + with: + path: | + **/node_modules + key: ${{ runner.os }}-${{ hashFiles('**/yarn.lock') }} + - run: yarn --frozen-lockfile + - run: yarn workspace @linode/ui run build + - uses: actions/upload-artifact@v4 + with: + name: packages-ui-lib + path: packages/ui/lib + test-manager: runs-on: ubuntu-latest - needs: build-sdk + needs: + - build-sdk + - build-ui steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 diff --git a/packages/ui/package.json b/packages/ui/package.json index 787d09ef2b2..bad338ad477 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -23,6 +23,7 @@ "react-dom": "^18.2.0" }, "scripts": { + "build": "concurrently --raw \"tsc\" \"tsup\"", "start": "tsc -w --preserveWatchOutput", "lint": "eslint . --quiet --ext .js,.ts,.tsx", "typecheck": "tsc", From 9d1bd5338c32b9b46c787089ccfc8be79ecdb3c1 Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Thu, 31 Oct 2024 14:22:27 -0400 Subject: [PATCH 08/13] Add tsup.config.ts to ui package --- packages/ui/tsup.config.ts | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 packages/ui/tsup.config.ts diff --git a/packages/ui/tsup.config.ts b/packages/ui/tsup.config.ts new file mode 100644 index 00000000000..9c96c1ac136 --- /dev/null +++ b/packages/ui/tsup.config.ts @@ -0,0 +1,10 @@ +import { defineConfig } from 'tsup'; + +export default defineConfig({ + entry: ['src/index.ts'], + format: ['esm', 'cjs', 'iife'], + target: 'es6', + outDir: 'lib', + splitting: false, + dts: false, +}); From 0bddb8e2c80c2be7a17f23533f286b4c6313fb58 Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Thu, 31 Oct 2024 14:44:51 -0400 Subject: [PATCH 09/13] Use ui artifact for test-manager job --- .github/workflows/ci.yml | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index a921c4fa999..c8b22613ebc 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -194,6 +194,10 @@ jobs: with: name: packages-api-v4-lib path: packages/api-v4/lib + - uses: actions/download-artifact@v4 + with: + name: packages-ui-lib + path: packages/ui/lib - run: yarn --frozen-lockfile - run: yarn workspace linode-manager run test From bd1043d842ed57ceca7850c6edc41c978f4e4252 Mon Sep 17 00:00:00 2001 From: Alban Bailly Date: Fri, 1 Nov 2024 09:46:36 -0400 Subject: [PATCH 10/13] Do not import from @lionde/ui within @linode/ui! --- packages/ui/src/components/Paper/Paper.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/components/Paper/Paper.tsx b/packages/ui/src/components/Paper/Paper.tsx index 71fc6fadeda..7badae6d9df 100644 --- a/packages/ui/src/components/Paper/Paper.tsx +++ b/packages/ui/src/components/Paper/Paper.tsx @@ -1,4 +1,4 @@ -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'; From b2de5ab8e3c59c23e735ca7741e01ae88b7d018f Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Fri, 1 Nov 2024 10:49:27 -0400 Subject: [PATCH 11/13] Undo ci.yml-related changes and remove build script in ui/package.json --- .github/workflows/ci.yml | 27 +-------------------------- packages/ui/package.json | 1 - packages/ui/tsup.config.ts | 10 ---------- 3 files changed, 1 insertion(+), 37 deletions(-) delete mode 100644 packages/ui/tsup.config.ts diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index c8b22613ebc..e2d1bd208bd 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -152,30 +152,9 @@ jobs: - run: cp scripts/validatePackages/sdk-commonjs.cjs test-sdk-cjs/ - run: cd test-sdk-cjs && node ./sdk-commonjs.cjs - build-ui: - runs-on: ubuntu-latest - steps: - - uses: actions/checkout@v4 - - uses: actions/setup-node@v4 - with: - node-version: "20.17" - - uses: actions/cache@v4 - with: - path: | - **/node_modules - key: ${{ runner.os }}-${{ hashFiles('**/yarn.lock') }} - - run: yarn --frozen-lockfile - - run: yarn workspace @linode/ui run build - - uses: actions/upload-artifact@v4 - with: - name: packages-ui-lib - path: packages/ui/lib - test-manager: runs-on: ubuntu-latest - needs: - - build-sdk - - build-ui + needs: build-sdk steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 @@ -194,10 +173,6 @@ jobs: with: name: packages-api-v4-lib path: packages/api-v4/lib - - uses: actions/download-artifact@v4 - with: - name: packages-ui-lib - path: packages/ui/lib - run: yarn --frozen-lockfile - run: yarn workspace linode-manager run test diff --git a/packages/ui/package.json b/packages/ui/package.json index f06bafef07b..11fa556f13e 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -23,7 +23,6 @@ "react-dom": "^18.2.0" }, "scripts": { - "build": "concurrently --raw \"tsc\" \"tsup\"", "start": "tsc -w --preserveWatchOutput", "lint": "eslint . --quiet --ext .js,.ts,.tsx", "typecheck": "tsc", diff --git a/packages/ui/tsup.config.ts b/packages/ui/tsup.config.ts deleted file mode 100644 index 9c96c1ac136..00000000000 --- a/packages/ui/tsup.config.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { defineConfig } from 'tsup'; - -export default defineConfig({ - entry: ['src/index.ts'], - format: ['esm', 'cjs', 'iife'], - target: 'es6', - outDir: 'lib', - splitting: false, - dts: false, -}); From 6186e88e99ddbd833dab363538c507f59e02b864 Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Fri, 1 Nov 2024 11:12:32 -0400 Subject: [PATCH 12/13] Fix .storybook/utils.test.ts --- packages/manager/.storybook/utils.test.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/manager/.storybook/utils.test.ts b/packages/manager/.storybook/utils.test.ts index 322aefeda51..405fb57b34c 100644 --- a/packages/manager/.storybook/utils.test.ts +++ b/packages/manager/.storybook/utils.test.ts @@ -9,8 +9,8 @@ describe('getReactDocgenTSFileGlobs', () => { ) ).toBe(true); expect( - typeScriptFileGlobs.some( - (file) => file === '../ui/src/components/Paper/**/*.{ts,tsx}' + typeScriptFileGlobs.some((file) => + file.includes('../ui/src/components/Paper/**/*.{ts,tsx}') ) ).toBe(true); expect( From 623cd732d492208ceb46b0a341b625c843d38730 Mon Sep 17 00:00:00 2001 From: Dajahi Wiley Date: Fri, 1 Nov 2024 18:12:59 -0400 Subject: [PATCH 13/13] Feedback: move omittedProps.test.tsx, update doc --- docs/development-guide/02-component-structure.md | 4 ++-- .../{manager => ui}/src/utilities/omittedProps.test.tsx | 6 ++++-- 2 files changed, 6 insertions(+), 4 deletions(-) rename packages/{manager => ui}/src/utilities/omittedProps.test.tsx (86%) 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/src/utilities/omittedProps.test.tsx b/packages/ui/src/utilities/omittedProps.test.tsx similarity index 86% rename from packages/manager/src/utilities/omittedProps.test.tsx rename to packages/ui/src/utilities/omittedProps.test.tsx index f48886c0725..9510870f3da 100644 --- a/packages/manager/src/utilities/omittedProps.test.tsx +++ b/packages/ui/src/utilities/omittedProps.test.tsx @@ -1,6 +1,8 @@ // Styled component using omittedProps import styled from '@emotion/styled'; -import { omitProps, omittedProps } from '@linode/ui'; +import '@testing-library/jest-dom/vitest'; +import { describe, expect, it } from 'vitest'; +import { omitProps, omittedProps } from './omittedProps'; type StyledProps = { anotherProp?: string; @@ -10,7 +12,7 @@ type StyledProps = { const MyStyledComponent = styled('div', { label: 'MyStyledComponent', - shouldForwardProp: omittedProps(['extraProp', 'anotherProp']), + shouldForwardProp: omittedProps(['extraProp', 'anotherProp']), })` color: ${(props) => props.color}; `;