refactor: [M3-8643] - Move Breadcrumb to linode/ui package

packages/manager/.changeset/pr-11329-removed-1732605381508.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Removed
+---
+
+Move `Breadcrumb` from `manager` to `ui` package ([#11329](https://github.com/linode/manager/pull/11329))

packages/manager/src/components/LandingHeader/LandingHeader.tsx

@@ -1,15 +1,14 @@
-import { Button } from '@linode/ui';
+import { Breadcrumb, Button } from '@linode/ui';
 import { styled, useTheme } from '@mui/material/styles';
 import Grid from '@mui/material/Unstable_Grid2';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import * as React from 'react';
 
 import BetaFeedbackIcon from 'src/assets/icons/icon-feedback.svg';
-import { Breadcrumb } from 'src/components/Breadcrumb/Breadcrumb';
 import { DocsLink } from 'src/components/DocsLink/DocsLink';
 
+import type { BreadcrumbProps } from '@linode/ui';
 import type { Theme } from '@mui/material/styles';
-import type { BreadcrumbProps } from 'src/components/Breadcrumb/Breadcrumb';
 
 export interface LandingHeaderProps {
   analyticsLabel?: string;

packages/manager/src/features/CloudPulse/Alerts/CreateAlert/CreateAlertDefinition.tsx

@@ -1,12 +1,11 @@
 import { yupResolver } from '@hookform/resolvers/yup';
-import { Paper, TextField, Typography } from '@linode/ui';
+import { Breadcrumb, Paper, TextField, Typography } from '@linode/ui';
 import { useSnackbar } from 'notistack';
 import * as React from 'react';
 import { Controller, FormProvider, useForm } from 'react-hook-form';
 import { useHistory } from 'react-router-dom';
 
 import { ActionsPanel } from 'src/components/ActionsPanel/ActionsPanel';
-import { Breadcrumb } from 'src/components/Breadcrumb/Breadcrumb';
 import { useCreateAlertDefinition } from 'src/queries/cloudpulse/alerts';
 
 import { CloudPulseAlertSeveritySelect } from './GeneralInformation/AlertSeveritySelect';

packages/ui/.changeset/pr-11329-added-1732605342203.md

@@ -0,0 +1,5 @@
+---
+"@linode/ui": Added
+---
+
+Move `Breadcrumb` from `manager` to `ui` package ([#11329](https://github.com/linode/manager/pull/11329))

packages/manager/src/components/Breadcrumb/Breadcrumb.stories.tsx → packages/ui/src/components/Breadcrumb/Breadcrumb.stories.tsx

@@ -1,9 +1,10 @@
 import { action } from '@storybook/addon-actions';
-import { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 
 import { Breadcrumb } from './Breadcrumb';
 
+import type { Meta, StoryObj } from '@storybook/react';
+
 const meta: Meta<typeof Breadcrumb> = {
   component: Breadcrumb,
   title: 'Foundations/Breadcrumb',

packages/manager/src/components/Breadcrumb/Breadcrumb.test.tsx → packages/ui/src/components/Breadcrumb/Breadcrumb.test.tsx

@@ -1,9 +1,11 @@
 import { render } from '@testing-library/react';
 import * as React from 'react';
+import { describe, expect, it, vi } from 'vitest';
 
-import { wrapWithTheme } from 'src/utilities/testHelpers';
+import { wrapWithTheme } from '../../utilities/testHelpers';
+import { Breadcrumb } from './Breadcrumb';
 
-import { Breadcrumb, BreadcrumbProps } from './Breadcrumb';
+import type { BreadcrumbProps } from './Breadcrumb';
 
 const props: BreadcrumbProps = {
   pathname: '/linodes/9872893679817/test/lastcrumb',

packages/manager/src/components/Breadcrumb/Breadcrumb.tsx → packages/ui/src/components/Breadcrumb/Breadcrumb.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react';
 
 import { StyledPreContainerDiv, StyledRootDiv } from './Breadcrumb.styles';
-import { CrumbOverridesProps, Crumbs } from './Crumbs';
-import { EditableProps, LabelProps } from './types';
+import { Crumbs } from './Crumbs';
+
+import type { CrumbOverridesProps } from './Crumbs';
+import type { EditableProps, LabelProps } from './types';
 
 export interface BreadcrumbProps {
   /**

packages/manager/src/components/Breadcrumb/Crumbs.styles.tsx → packages/ui/src/components/Breadcrumb/Crumbs.styles.tsx

@@ -1,6 +1,7 @@
-import { Typography } from '@linode/ui';
 import { styled } from '@mui/material';
 
+import { Typography } from '../Typography';
+
 export const StyledTypography = styled(Typography, {
   label: 'StyledTypography',
 })(({}) => ({

packages/manager/src/components/Breadcrumb/Crumbs.tsx → packages/ui/src/components/Breadcrumb/Crumbs.tsx

@@ -1,4 +1,3 @@
-import { LocationDescriptor } from 'history';
 import * as React from 'react';
 import { Link } from 'react-router-dom';
 
@@ -9,7 +8,9 @@ import {
 } from './Crumbs.styles';
 import { FinalCrumb } from './FinalCrumb';
 import { FinalCrumbPrefix } from './FinalCrumbPrefix';
-import { EditableProps, LabelProps } from './types';
+
+import type { EditableProps, LabelProps } from './types';
+import type { LocationDescriptor } from 'history';
 
 export interface CrumbOverridesProps {
   label?: string;

packages/manager/src/components/Breadcrumb/FinalCrumb.styles.tsx → packages/ui/src/components/Breadcrumb/FinalCrumb.styles.tsx

@@ -1,6 +1,8 @@
-import { EditableText, H1Header } from '@linode/ui';
 import { styled } from '@mui/material';
 
+import { EditableText } from '../EditableText';
+import { H1Header } from '../H1Header';
+
 export const StyledDiv = styled('div', { label: 'StyledDiv' })({
   display: 'flex',
   flexDirection: 'column',

packages/manager/src/components/Breadcrumb/FinalCrumb.tsx → packages/ui/src/components/Breadcrumb/FinalCrumb.tsx

@@ -5,7 +5,8 @@ import {
   StyledEditableText,
   StyledH1Header,
 } from './FinalCrumb.styles';
-import { EditableProps, LabelProps } from './types';
+
+import type { EditableProps, LabelProps } from './types';
 
 interface Props {
   crumb: string;

packages/ui/src/components/Breadcrumb/index.ts

@@ -0,0 +1 @@
+export * from './Breadcrumb';

packages/manager/src/components/Breadcrumb/types.ts → packages/ui/src/components/Breadcrumb/types.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 
 export interface LabelProps {
   linkTo?: string;

packages/ui/src/components/index.ts

@@ -3,6 +3,7 @@ export * from './Autocomplete';
 export * from './BetaChip';
 export * from './Box';
 export * from './Button';
+export * from './Breadcrumb';
 export * from './Chip';
 export * from './Checkbox';
 export * from './CircleProgress';