Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: [M3-6797] - MUI v5 Migration - Components > Hidden #9326

Merged
Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@linode/manager": Tech Stories
---

MUI v5 Migration - Components > Hidden ([#9326](https://github.com/linode/manager/pull/9326))
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { EntityHeader } from 'src/components/EntityHeader/EntityHeader';
import Button from '../Button';
import Link from '../Link';
import Box from 'src/components/core/Box';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import LinodeActionMenu from 'src/features/Linodes/LinodesLanding/LinodeActionMenu';

const sxBoxFlex = {
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as React from 'react';
import GroupByTag from 'src/assets/icons/group-by-tag.svg';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import { TableHead } from 'src/components/TableHead';
Expand Down
2 changes: 2 additions & 0 deletions packages/manager/src/components/Hidden.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
export { default as Hidden } from '@mui/material/Hidden';
export type { HiddenProps } from '@mui/material/Hidden';
2 changes: 1 addition & 1 deletion packages/manager/src/components/SideMenu.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as React from 'react';
import Drawer from 'src/components/core/Drawer';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import PrimaryNav from './PrimaryNav/PrimaryNav';
Expand Down
2 changes: 1 addition & 1 deletion packages/manager/src/components/TableRow/TableRow.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from 'tss-react/mui';
import { Theme } from '@mui/material/styles';
import {
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import Hidden, { HiddenProps } from '../core/Hidden';
import { Hidden, HiddenProps } from '../Hidden';
import Skeleton from '../core/Skeleton';
import { TableCell } from '../TableCell/TableCell';
import { TableRow } from '../TableRow/TableRow';
Expand Down
6 changes: 0 additions & 6 deletions packages/manager/src/components/core/Hidden.ts

This file was deleted.

2 changes: 1 addition & 1 deletion packages/manager/src/features/Account/AccountLogins.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { AccountLogin } from '@linode/api-v4/lib/account/types';
import Typography from 'src/components/core/Typography';
import * as React from 'react';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from 'tss-react/mui';
import { Theme } from '@mui/material/styles';
import { TableBody } from 'src/components/TableBody';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import Link from 'src/components/Link';
import { TableCell } from 'src/components/TableCell';
import { TableRow } from 'src/components/TableRow';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/* eslint-disable jsx-a11y/anchor-is-valid */
import * as React from 'react';
import Box from 'src/components/core/Box';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { TableBody } from 'src/components/TableBody';
import { TableHead } from 'src/components/TableHead';
import { Table } from 'src/components/Table';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as React from 'react';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import Tooltip from 'src/components/core/Tooltip';
import Link from 'src/components/Link';
import { TableCell } from 'src/components/TableCell';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as React from 'react';
import { ErrorState } from 'src/components/ErrorState/ErrorState';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import LandingHeader from 'src/components/LandingHeader';
import { ProductInformationBanner } from 'src/components/ProductInformationBanner/ProductInformationBanner';
import { CircleProgress } from 'src/components/CircleProgress';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import {
import * as React from 'react';
import { Link } from 'react-router-dom';
import { Chip } from 'src/components/core/Chip';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { StatusIcon } from 'src/components/StatusIcon/StatusIcon';
import { Status } from 'src/components/StatusIcon/StatusIcon';
import { TableCell } from 'src/components/TableCell';
Expand Down
2 changes: 1 addition & 1 deletion packages/manager/src/features/Domains/DomainTableRow.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { Domain, DomainStatus } from '@linode/api-v4/lib/domains';
import * as React from 'react';
import { Link } from 'react-router-dom';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import { DateTimeDisplay } from 'src/components/DateTimeDisplay';
Expand Down
2 changes: 1 addition & 1 deletion packages/manager/src/features/Domains/DomainsLanding.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ import { TableBody } from 'src/components/TableBody';
import { TableSortCell } from 'src/components/TableSortCell';
import { TableCell } from 'src/components/TableCell';
import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { CloneDomainDrawer } from './CloneDomainDrawer';
import { EditDomainDrawer } from './EditDomainDrawer';
import { DomainsEmptyLandingState } from './DomainsEmptyLandingPage';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { Linode } from '@linode/api-v4/lib/linodes';
import * as React from 'react';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { useTheme } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import useMediaQuery from '@mui/material/useMediaQuery';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useHistory } from 'react-router-dom';
import Button from 'src/components/Button';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import Typography from 'src/components/core/Typography';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { TransferEntities } from '@linode/api-v4/lib/entity-transfers';
import * as React from 'react';
import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import { DateTimeDisplay } from 'src/components/DateTimeDisplay';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
import { APIError } from '@linode/api-v4/lib/types';
import * as React from 'react';
import Accordion from 'src/components/Accordion';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import { TableBody } from 'src/components/TableBody';
Expand Down
2 changes: 1 addition & 1 deletion packages/manager/src/features/Events/EventRow.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { Event, EventAction } from '@linode/api-v4/lib/account';
import { pathOr } from 'ramda';
import * as React from 'react';
import { compose } from 'recompose';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import { DateTimeDisplay } from 'src/components/DateTimeDisplay';
Expand Down
2 changes: 1 addition & 1 deletion packages/manager/src/features/Events/EventsLanding.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import * as React from 'react';
import { connect } from 'react-redux';
import { Waypoint } from 'react-waypoint';
import { compose } from 'recompose';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import { TableBody } from 'src/components/TableBody';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import DragIndicator from 'src/assets/icons/drag-indicator.svg';
import Undo from 'src/assets/icons/undo.svg';
import Button from 'src/components/Button';
import Box from '@mui/material/Box';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles, useTheme } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import useMediaQuery from '@mui/material/useMediaQuery';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ import { TableRow } from 'src/components/TableRow';
import { TableSortCell } from 'src/components/TableSortCell/TableSortCell';
import { TableCell } from 'src/components/TableCell';
import { TableBody } from 'src/components/TableBody';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { PaginationFooter } from 'src/components/PaginationFooter/PaginationFooter';

const preferenceKey = 'firewalls';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { Firewall, FirewallDevice } from '@linode/api-v4/lib/firewalls';
import { APIError } from '@linode/api-v4/lib/types';
import * as React from 'react';
import { Link } from 'react-router-dom';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import { StatusIcon } from 'src/components/StatusIcon/StatusIcon';
Expand Down
2 changes: 1 addition & 1 deletion packages/manager/src/features/Images/ImageRow.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { Event } from '@linode/api-v4/lib/account';
import { Image } from '@linode/api-v4/lib/images';
import * as React from 'react';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import Typography from 'src/components/core/Typography';
import { TableCell } from 'src/components/TableCell';
import { TableRow } from 'src/components/TableRow';
Expand Down
2 changes: 1 addition & 1 deletion packages/manager/src/features/Images/ImagesLanding.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import * as React from 'react';
import ActionsPanel from 'src/components/ActionsPanel';
import Button from 'src/components/Button';
import { ErrorState } from 'src/components/ErrorState/ErrorState';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import imageEvents from 'src/store/selectors/imageEvents';
import ImageRow, { ImageWithEvent } from './ImageRow';
import ImagesDrawer, { DrawerMode } from './ImagesDrawer';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import * as React from 'react';
import { RouteComponentProps, withRouter } from 'react-router-dom';
import { compose } from 'recompose';
import ActionMenu, { Action } from 'src/components/ActionMenu';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { useTheme } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import useMediaQuery from '@mui/material/useMediaQuery';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as React from 'react';
import { Chip } from 'src/components/core/Chip';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import Grid from '@mui/material/Unstable_Grid2';
import { DateTimeDisplay } from 'src/components/DateTimeDisplay';
import { TableCell } from 'src/components/TableCell';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';

import { ErrorState } from 'src/components/ErrorState/ErrorState';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import LandingHeader from 'src/components/LandingHeader';
import { ProductInformationBanner } from 'src/components/ProductInformationBanner/ProductInformationBanner';
import { TransferDisplay } from 'src/components/TransferDisplay/TransferDisplay';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ import { TableRow } from 'src/components/TableRow';
import { TagCell } from 'src/components/TagCell/TagCell';
import Box from 'src/components/core/Box';
import { Chip } from 'src/components/core/Chip';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import Typography, { TypographyProps } from 'src/components/core/Typography';
import { lishLaunch } from 'src/features/Lish/lishUtils';
import LinodeActionMenu from 'src/features/Linodes/LinodesLanding/LinodeActionMenu';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { TableBody } from 'src/components/TableBody';
import { TableHead } from 'src/components/TableHead';
import { TableRow } from 'src/components/TableRow';
import { TableCell } from 'src/components/TableCell';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { ExtendedType } from 'src/utilities/extendType';
import { KubernetesPlanSelection } from './KubernetesPlanSelection';

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import Grid from '@mui/material/Unstable_Grid2';
import { styled } from '@mui/material/styles';
import Button from 'src/components/Button';
import { EnhancedNumberInput } from 'src/components/EnhancedNumberInput/EnhancedNumberInput';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import SelectionCard from 'src/components/SelectionCard';
import { TableCell } from 'src/components/TableCell';
import { convertMegabytesTo } from 'src/utilities/unitConversions';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import Grid from '@mui/material/Unstable_Grid2';
import { TableBody } from 'src/components/TableBody';
import { TableHead } from 'src/components/TableHead';
import { TableRow } from 'src/components/TableRow';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { ExtendedType } from 'src/utilities/extendType';
import { PlanSelection, PlanSelectionType } from './PlanSelection';
import { StyledTableCell, StyledTable } from './PlanContainer.styles';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import * as React from 'react';
import { useSelector } from 'react-redux';
import { BaseType, LinodeTypeClass } from '@linode/api-v4/lib/linodes';
import FormControlLabel from 'src/components/core/FormControlLabel';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { Currency } from 'src/components/Currency';
import { TooltipIcon } from 'src/components/TooltipIcon/TooltipIcon';
import { Radio } from 'src/components/Radio/Radio';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import AddNewLink from 'src/components/AddNewLink';
import Button from 'src/components/Button';
import { CircleProgress } from 'src/components/CircleProgress';
import { CopyTooltip } from 'src/components/CopyTooltip/CopyTooltip';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import Paper from 'src/components/core/Paper';
import { makeStyles } from 'tss-react/mui';
import { Theme, useTheme } from '@mui/material/styles';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { Disk } from '@linode/api-v4/lib/linodes';
import * as React from 'react';
import BarPercent from 'src/components/BarPercent';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import { DateTimeDisplay } from 'src/components/DateTimeDisplay';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as React from 'react';
import AddNewLink from 'src/components/AddNewLink';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import OrderBy from 'src/components/OrderBy';
import Paginate from 'src/components/Paginate';
import Typography from 'src/components/core/Typography';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as React from 'react';
import AddNewLink from 'src/components/AddNewLink';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import Typography from 'src/components/core/Typography';
import Grid from '@mui/material/Unstable_Grid2';
import { connect } from 'react-redux';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import classNames from 'classnames';
import * as React from 'react';
import { Link } from 'react-router-dom';
import Flag from 'src/assets/icons/flag.svg';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import Tooltip from 'src/components/core/Tooltip';
import Typography from 'src/components/core/Typography';
import { TooltipIcon } from 'src/components/TooltipIcon/TooltipIcon';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as React from 'react';
import GridView from 'src/assets/icons/grid-view.svg';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import { TableHead } from 'src/components/TableHead';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { ManagedContact } from '@linode/api-v4/lib/managed';
import { useSnackbar } from 'notistack';
import * as React from 'react';
import AddNewLink from 'src/components/AddNewLink';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from 'tss-react/mui';
import { Theme } from '@mui/material/styles';
import { TableBody } from 'src/components/TableBody';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { ManagedContact } from '@linode/api-v4/lib/managed';
import * as React from 'react';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { TableCell } from 'src/components/TableCell';
import { TableRow } from 'src/components/TableRow';
import ActionMenu from './ContactsActionMenu';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { ManagedLinodeSetting } from '@linode/api-v4/lib/managed';
import * as React from 'react';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { TableCell } from 'src/components/TableCell';
import { TableRow } from 'src/components/TableRow';
import ActionMenu from './SSHAccessActionMenu';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { ManagedLinodeSetting } from '@linode/api-v4/lib/managed';
import produce from 'immer';
import * as React from 'react';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { makeStyles } from '@mui/styles';
import { Theme } from '@mui/material/styles';
import { TableBody } from 'src/components/TableBody';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as React from 'react';
import ActionMenu, { Action } from 'src/components/ActionMenu';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import useMediaQuery from '@mui/material/useMediaQuery';
import InlineMenuAction from 'src/components/InlineMenuAction';
import { useHistory } from 'react-router-dom';
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { NodeBalancer } from '@linode/api-v4/lib/nodebalancers';
import { Link } from 'react-router-dom';
import Hidden from 'src/components/core/Hidden';
import { Hidden } from 'src/components/Hidden';
import { TableCell } from 'src/components/TableCell';
import { TableRow } from 'src/components/TableRow';
import IPAddress from 'src/features/Linodes/LinodesLanding/IPAddress';
Expand Down
Loading