Merge pull request #25618 from awanlin/topic/add-missing-overrides

Added missing items to `overridableComponents`

packages/core-components/api-report.md

@@ -695,6 +695,9 @@ export const LinkButton: (props: LinkButtonProps) => JSX.Element;
 export type LinkButtonProps = ButtonProps_2 &
   Omit<LinkProps, 'variant' | 'color'>;
 
+// @public (undocumented)
+export type LinkClassKey = 'visuallyHidden' | 'externalLink';
+
 // Warning: (ae-missing-release-tag) "LinkProps" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
 // @public (undocumented)
@@ -797,9 +800,6 @@ export function MissingAnnotationEmptyState(
   props: Props_3,
 ): React_2.JSX.Element;
 
-// @public @deprecated (undocumented)
-export type MissingAnnotationEmptyStateClassKey = 'code';
-
 // @public
 export const MobileSidebar: (
   props: MobileSidebarProps,
@@ -1130,11 +1130,26 @@ export const SidebarSubmenu: (
   props: SidebarSubmenuProps,
 ) => React_2.JSX.Element;
 
+// @public (undocumented)
+export type SidebarSubmenuClassKey = 'root' | 'drawer' | 'drawerOpen' | 'title';
+
 // @public
 export const SidebarSubmenuItem: (
   props: SidebarSubmenuItemProps,
 ) => React_2.JSX.Element;
 
+// @public (undocumented)
+export type SidebarSubmenuItemClassKey =
+  | 'item'
+  | 'itemContainer'
+  | 'selected'
+  | 'label'
+  | 'subtitle'
+  | 'dropdownArrow'
+  | 'dropdown'
+  | 'dropdownItem'
+  | 'textContent';
+
 // @public
 export type SidebarSubmenuItemDropdownItem = {
   title: string;
@@ -1205,6 +1220,9 @@ export function SimpleStepperStep(
 // @public (undocumented)
 export type SimpleStepperStepClassKey = 'end';
 
+// @public (undocumented)
+export type StackDetailsClassKey = 'title';
+
 // @public (undocumented)
 export function StarIcon(props: IconComponentProps): React_2.JSX.Element;
 

packages/core-components/src/components/EmptyState/MissingAnnotationEmptyState.tsx

@@ -49,12 +49,6 @@ type Props = {
   readMoreUrl?: string;
 };
 
-/**
- * @public
- * @deprecated This component is deprecated, please use {@link @backstage/plugin-catalog-react#MissingAnnotationEmptyStateClassKey} instead
- */
-export type MissingAnnotationEmptyStateClassKey = 'code';
-
 const useStyles = makeStyles(
   theme => ({
     code: {

packages/core-components/src/components/EmptyState/index.ts

@@ -18,4 +18,3 @@ export { EmptyState } from './EmptyState';
 export type { EmptyStateClassKey } from './EmptyState';
 export type { EmptyStateImageClassKey } from './EmptyStateImage';
 export { MissingAnnotationEmptyState } from './MissingAnnotationEmptyState';
-export type { MissingAnnotationEmptyStateClassKey } from './MissingAnnotationEmptyState';

packages/core-components/src/components/Link/Link.tsx

@@ -35,6 +35,9 @@ export function isReactRouterBeta(): boolean {
   return !obj.index;
 }
 
+/** @public */
+export type LinkClassKey = 'visuallyHidden' | 'externalLink';
+
 const useStyles = makeStyles(
   {
     visuallyHidden: {

packages/core-components/src/components/Link/index.ts

@@ -15,4 +15,4 @@
  */
 
 export { Link } from './Link';
-export type { LinkProps } from './Link';
+export type { LinkProps, LinkClassKey } from './Link';

packages/core-components/src/layout/ErrorPage/StackDetails.tsx

@@ -26,6 +26,9 @@ interface IStackDetailsProps {
   stack: string;
 }
 
+/** @public */
+export type StackDetailsClassKey = 'title';
+
 const useStyles = makeStyles(
   theme => ({
     title: {

packages/core-components/src/layout/ErrorPage/index.ts

@@ -17,3 +17,4 @@
 export { ErrorPage } from './ErrorPage';
 export type { ErrorPageClassKey } from './ErrorPage';
 export type { MicDropClassKey } from './MicDrop';
+export type { StackDetailsClassKey } from './StackDetails';

packages/core-components/src/layout/Sidebar/SidebarSubmenu.tsx

@@ -27,6 +27,9 @@ import {
 } from './config';
 import { useSidebarOpenState } from './SidebarOpenStateContext';
 
+/** @public */
+export type SidebarSubmenuClassKey = 'root' | 'drawer' | 'drawerOpen' | 'title';
+
 const useStyles = makeStyles<
   Theme,
   { submenuConfig: SubmenuConfig; left: number }

packages/core-components/src/layout/Sidebar/SidebarSubmenuItem.tsx

@@ -29,6 +29,18 @@ import { isLocationMatch } from './utils';
 import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 
+/** @public */
+export type SidebarSubmenuItemClassKey =
+  | 'item'
+  | 'itemContainer'
+  | 'selected'
+  | 'label'
+  | 'subtitle'
+  | 'dropdownArrow'
+  | 'dropdown'
+  | 'dropdownItem'
+  | 'textContent';
+
 const useStyles = makeStyles(
   theme => ({
     item: {

packages/core-components/src/layout/Sidebar/index.ts

@@ -21,10 +21,14 @@ export { SidebarGroup } from './SidebarGroup';
 export type { SidebarGroupProps } from './SidebarGroup';
 export { SidebarSubmenuItem } from './SidebarSubmenuItem';
 export { SidebarSubmenu } from './SidebarSubmenu';
-export type { SidebarSubmenuProps } from './SidebarSubmenu';
+export type {
+  SidebarSubmenuProps,
+  SidebarSubmenuClassKey,
+} from './SidebarSubmenu';
 export type {
   SidebarSubmenuItemProps,
   SidebarSubmenuItemDropdownItem,
+  SidebarSubmenuItemClassKey,
 } from './SidebarSubmenuItem';
 export type { SidebarClassKey, SidebarProps } from './Bar';
 export { SidebarPage, useContent } from './Page';

packages/core-components/src/overridableComponents.ts

@@ -25,7 +25,6 @@ import {
   DismissableBannerClassKey,
   EmptyStateClassKey,
   EmptyStateImageClassKey,
-  MissingAnnotationEmptyStateClassKey,
   ErrorPanelClassKey,
   FeatureCalloutCircleClassKey,
   HeaderIconLinkRowClassKey,
@@ -61,6 +60,7 @@ import {
   FiltersContainerClassKey,
   TableClassKey,
   WarningPanelClassKey,
+  LinkClassKey,
   FavoriteToggleIconClassKey,
 } from './components';
 
@@ -91,6 +91,10 @@ import {
   TabbedCardClassKey,
   BoldHeaderClassKey,
   CardTabClassKey,
+  SidebarSubmenuClassKey,
+  SidebarSubmenuItemClassKey,
+  StackDetailsClassKey,
+  BreadcrumbsCurrentPageClassKey,
 } from './layout';
 
 type BackstageComponentsNameToClassKey = {
@@ -102,7 +106,6 @@ type BackstageComponentsNameToClassKey = {
   BackstageDismissableBanner: DismissableBannerClassKey;
   BackstageEmptyState: EmptyStateClassKey;
   BackstageEmptyStateImage: EmptyStateImageClassKey;
-  BackstageMissingAnnotationEmptyState: MissingAnnotationEmptyStateClassKey;
   BackstageErrorPanel: ErrorPanelClassKey;
   BackstageFeatureCalloutCircular: FeatureCalloutCircleClassKey;
   BackstageHeaderIconLinkRow: HeaderIconLinkRowClassKey;
@@ -112,7 +115,7 @@ type BackstageComponentsNameToClassKey = {
   BackstageMarkdownContent: MarkdownContentClassKey;
   BackstageLoginRequestListItem: LoginRequestListItemClassKey;
   BackstageLogViewer: LogViewerClassKey;
-  OAuthRequestDialog: OAuthRequestDialogClassKey;
+  BackstageOAuthRequestDialog: OAuthRequestDialogClassKey;
   BackstageOverflowTooltip: OverflowTooltipClassKey;
   BackstageGauge: GaugeClassKey;
   BackstageGaugeCard: GaugeCardClassKey;
@@ -141,10 +144,12 @@ type BackstageComponentsNameToClassKey = {
   BackstageBottomLink: BottomLinkClassKey;
   BackstageBreadcrumbsClickableText: BreadcrumbsClickableTextClassKey;
   BackstageBreadcrumbsStyledBox: BreadcrumbsStyledBoxClassKey;
+  BreadcrumbsCurrentPage: BreadcrumbsCurrentPageClassKey;
   BackstageContent: BackstageContentClassKey;
   BackstageContentHeader: ContentHeaderClassKey;
   BackstageErrorPage: ErrorPageClassKey;
   BackstageErrorPageMicDrop: MicDropClassKey;
+  BackstageErrorPageStackDetails: StackDetailsClassKey;
   BackstageHeader: HeaderClassKey;
   BackstageHeaderLabel: HeaderLabelClassKey;
   BackstageHeaderTabs: HeaderTabsClassKey;
@@ -158,12 +163,15 @@ type BackstageComponentsNameToClassKey = {
   BackstageSidebarSpacer: SidebarSpacerClassKey;
   BackstageSidebarDivider: SidebarDividerClassKey;
   BackstageSidebarItem: SidebarItemClassKey;
+  BackstageSidebarSubmenu: SidebarSubmenuClassKey;
+  BackstageSidebarSubmenuItem: SidebarSubmenuItemClassKey;
   BackstageSidebarPage: SidebarPageClassKey;
   BackstageCustomProvider: CustomProviderClassKey;
   BackstageSignInPage: SignInPageClassKey;
   BackstageTabbedCard: TabbedCardClassKey;
   BackstageTabbedCardBoldHeader: BoldHeaderClassKey;
   BackstageCardTab: CardTabClassKey;
+  BackstageLink: LinkClassKey;
   BackstageFavoriteToggleIcon: FavoriteToggleIconClassKey;
 };