@backstage/core-components 0.8.1 → 0.8.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @backstage/core-components
 
+## 0.8.2
+
+### Patch Changes
+
+- 73a91e25f9: Added description to components: BottomLink, Breadcrumbs, BrokenImageIcon, CardTab, Content, ContentHeader, EmptyState, ErrorPage, FeatureCalloutCircular, Gauge, GaugeCard, Header, HeaderIconLinkRow, HeaderLabel, HeaderTabs, HorizontalScrollGrid, InfoCard, IntroCard
+- 27af6d996b: Locking `rc-progress` to the working version of 3.1.4
+- 10e5f9d10c: Do not `setState` when unmounted in `OverflowTooltip`
+- b646a73fe0: In @backstage/plugin-scaffolder - When user will have one option available in hostUrl or owner - autoselect and select component should be readonly.
+
+  in @backstage/core-components - Select component has extended API with few more props: native : boolean, disabled: boolean. native - if set to true - Select component will use native browser select picker (not rendered by Material UI lib ).
+  disabled - if set to true - action on component will not be possible.
+
+- 7a4bd2ceac: Prefer using `Link` from `@backstage/core-components` rather than material-UI.
+- Updated dependencies
+  - @backstage/core-plugin-api@0.4.0
+
 ## 0.8.1
 
 ### Patch Changes

package/dist/index.d.ts

@@ -524,7 +524,12 @@ declare type Props$i = {
     missing: 'field' | 'info' | 'content' | 'data';
     action?: JSX.Element;
 };
-/** @public */
+/**
+ * Various placeholder views for empty state pages
+ *
+ * @public
+ *
+ */
 declare function EmptyState(props: Props$i): JSX.Element;
 
 /** @public */
@@ -567,7 +572,12 @@ declare type Props$g = {
     title: string;
     description: string;
 };
-/** @public */
+/**
+ * One-time, round 'telescope' animation showing new feature.
+ *
+ * @public
+ *
+ */
 declare function FeatureCalloutCircular(props: PropsWithChildren<Props$g>): JSX.Element;
 
 declare type IconLinkVerticalProps = {
@@ -587,7 +597,12 @@ declare type HeaderIconLinkRowClassKey = 'links';
 declare type Props$f = {
     links: IconLinkVerticalProps[];
 };
-/** @public */
+/**
+ * HTML nav tag with links mapped inside
+ *
+ * @public
+ *
+ */
 declare function HeaderIconLinkRow(props: Props$f): JSX.Element;
 
 declare type Props$e = {
@@ -597,7 +612,12 @@ declare type Props$e = {
 };
 /** @public */
 declare type HorizontalScrollGridClassKey = 'root' | 'container' | 'fade' | 'fadeLeft' | 'fadeRight' | 'fadeHidden' | 'button' | 'buttonLeft' | 'buttonRight';
-/** @public */
+/**
+ * Horizontal scrollable component with arrows to navigate
+ *
+ * @public
+ *
+ */
 declare function HorizontalScrollGrid(props: PropsWithChildren<Props$e>): JSX.Element;
 
 declare type Props$d = CSS.Properties & {
@@ -674,6 +694,22 @@ declare function OverflowTooltip(props: Props$b): JSX.Element;
 
 declare function Progress(props: PropsWithChildren<LinearProgressProps>): JSX.Element;
 
+/** @public */
+declare type BottomLinkClassKey = 'root' | 'boxTitle' | 'arrow';
+/** @public */
+declare type BottomLinkProps = {
+    link: string;
+    title: string;
+    onClick?: (event: React__default.MouseEvent<HTMLAnchorElement>) => void;
+};
+/**
+ * Footer with link used in  {@link InfoCard } and {@link TabbedCard}
+ *
+ * @public
+ *
+ */
+declare function BottomLink(props: BottomLinkProps): JSX.Element;
+
 declare type SlackChannel = {
     name: string;
     href?: string;
@@ -690,17 +726,6 @@ declare type State = {
 /** @public */
 declare const ErrorBoundary: ComponentClass<ErrorBoundaryProps, State>;
 
-/** @public */
-declare type BottomLinkClassKey = 'root' | 'boxTitle' | 'arrow';
-/** @public */
-declare type BottomLinkProps = {
-    link: string;
-    title: string;
-    onClick?: (event: React__default.MouseEvent<HTMLAnchorElement>) => void;
-};
-/** @public */
-declare function BottomLink(props: BottomLinkProps): JSX.Element;
-
 /** @public */
 declare type InfoCardClassKey = 'noPadding' | 'header' | 'headerTitle' | 'headerSubheader' | 'headerAvatar' | 'headerAction' | 'headerContent';
 /** @public */
@@ -746,7 +771,12 @@ declare type Props$a = {
     noPadding?: boolean;
     titleTypographyProps?: object;
 };
-/** @public */
+/**
+ * Material-ui card with header , content and actions footer
+ *
+ * @public
+ *
+ */
 declare function InfoCard(props: Props$a): JSX.Element;
 
 /** @public */
@@ -769,7 +799,12 @@ declare type GaugePropsGetColorOptions = {
 };
 /** @public */
 declare type GaugePropsGetColor = (args: GaugePropsGetColorOptions) => string;
-/** @public */
+/**
+ * Circular Progress Bar
+ *
+ * @public
+ *
+ */
 declare function Gauge(props: GaugeProps): JSX.Element;
 
 declare type Props$9 = {
@@ -784,7 +819,12 @@ declare type Props$9 = {
 };
 /** @public */
 declare type GaugeCardClassKey = 'root';
-/** @public */
+/**
+ * {@link Gauge} with header, subheader and footer
+ *
+ * @public
+ *
+ */
 declare function GaugeCard(props: Props$9): JSX.Element;
 
 declare type Props$8 = {
@@ -796,22 +836,29 @@ declare type Props$8 = {
 };
 declare function LinearGauge(props: Props$8): JSX.Element | null;
 
+/** @public */
 declare type SelectInputBaseClassKey = 'root' | 'input';
+/** @public */
 declare type SelectClassKey = 'formControl' | 'label' | 'chips' | 'chip' | 'checkbox' | 'root';
-declare type Item = {
+/** @public */
+declare type SelectItem = {
     label: string;
     value: string | number;
 };
-declare type Selection = string | string[] | number | number[];
+/** @public */
+declare type SelectedItems = string | string[] | number | number[];
 declare type SelectProps = {
     multiple?: boolean;
-    items: Item[];
+    items: SelectItem[];
     label: string;
     placeholder?: string;
-    selected?: Selection;
-    onChange: (arg: Selection) => void;
+    selected?: SelectedItems;
+    onChange: (arg: SelectedItems) => void;
     triggerReset?: boolean;
+    native?: boolean;
+    disabled?: boolean;
 };
+/** @public */
 declare function SelectComponent(props: SelectProps): JSX.Element;
 
 /** @public */
@@ -1024,7 +1071,12 @@ declare type SupportConfig = {
 declare function useSupportConfig(): SupportConfig;
 
 declare type IconComponentProps = ComponentProps<IconComponent>;
-/** @public */
+/**
+ * Broken Image Icon
+ *
+ * @public
+ *
+ */
 declare function BrokenImageIcon(props: IconComponentProps): JSX.Element;
 /** @public */
 declare function CatalogIcon(props: IconComponentProps): JSX.Element;
@@ -1054,11 +1106,13 @@ declare type Props$6 = {
     noPadding?: boolean;
     className?: string;
 };
-declare function Content(props: PropsWithChildren<Props$6>): JSX.Element;
-
 /**
- * TODO favoriteable capability
+ * The main content part inside a {@link Page}.
+ *
+ * @public
+ *
  */
+declare function Content(props: PropsWithChildren<Props$6>): JSX.Element;
 
 /** @public */
 declare type ContentHeaderClassKey = 'container' | 'leftItemsBox' | 'rightItemsBox' | 'description' | 'title';
@@ -1072,7 +1126,12 @@ declare type ContentHeaderProps = {
     description?: string;
     textAlign?: 'left' | 'right' | 'center';
 };
-/** @public */
+/**
+ *  A header at the top inside a {@link Content}.
+ *
+ * @public
+ *
+ */
 declare function ContentHeader(props: PropsWithChildren<ContentHeaderProps>): JSX.Element;
 
 interface IErrorPageProps {
@@ -1082,7 +1141,12 @@ interface IErrorPageProps {
 }
 /** @public */
 declare type ErrorPageClassKey = 'container' | 'title' | 'subtitle';
-/** @public */
+/**
+ * Error page with status and description
+ *
+ * @public
+ *
+ */
 declare function ErrorPage(props: IErrorPageProps): JSX.Element;
 
 declare type MicDropClassKey = 'micDrop';
@@ -1099,7 +1163,12 @@ declare type Props$5 = {
     type?: string;
     typeLink?: string;
 };
-/** @public */
+/**
+ * Backstage main header with abstract color background in multiple variants
+ *
+ * @public
+ *
+ */
 declare function Header(props: PropsWithChildren<Props$5>): JSX.Element;
 
 /** @public */
@@ -1113,7 +1182,12 @@ declare type HeaderLabelProps = {
     value?: HeaderLabelContentProps['value'];
     url?: string;
 };
-/** @public */
+/**
+ * Additional label to main {@link Header}
+ *
+ * @public
+ *
+ */
 declare function HeaderLabel(props: HeaderLabelProps): JSX.Element;
 
 /** @public */
@@ -1130,7 +1204,12 @@ declare type HeaderTabsProps = {
     onChange?: (index: number) => void;
     selectedIndex?: number;
 };
-/** @public */
+/**
+ * Horizontal Tabs component
+ *
+ * @public
+ *
+ */
 declare function HeaderTabs(props: HeaderTabsProps): JSX.Element;
 
 /**
@@ -1388,7 +1467,12 @@ declare type IntroCardProps = {
     text: string;
     onClose: () => void;
 };
-/** @public */
+/**
+ * Closable card with information from Navigation Sidebar
+ *
+ * @public
+ *
+ */
 declare function IntroCard(props: IntroCardProps): JSX.Element;
 declare function SidebarIntro(_props: {}): JSX.Element | null;
 
@@ -1517,7 +1601,12 @@ declare type CardTabClassKey = 'root' | 'selected';
 declare type CardTabProps = TabProps$1 & {
     children: ReactNode;
 };
-/** @public */
+/**
+ * Card tab component used in {@link TabbedCard}
+ *
+ * @public
+ *
+ */
 declare function CardTab(props: PropsWithChildren<CardTabProps>): JSX.Element;
 
 declare type Props = ComponentProps<typeof MaterialBreadcrumbs>;
@@ -1525,7 +1614,12 @@ declare type Props = ComponentProps<typeof MaterialBreadcrumbs>;
 declare type BreadcrumbsClickableTextClassKey = 'root';
 /** @public */
 declare type BreadcrumbsStyledBoxClassKey = 'root';
-/** @public */
+/**
+ * Breadcrumbs component to show navigation hierarchical structure
+ *
+ * @public
+ *
+ */
 declare function Breadcrumbs(props: Props): JSX.Element;
 
 declare type BackstageComponentsNameToClassKey = {
@@ -1609,4 +1703,4 @@ declare type BackstageOverrides = Overrides & {
     [Name in keyof BackstageComponentsNameToClassKey]?: Partial<StyleRules<BackstageComponentsNameToClassKey[Name]>>;
 };
 
-export { AlertDisplay, Avatar, AvatarClassKey, AvatarProps, BackstageContentClassKey, BackstageOverrides, BoldHeaderClassKey, BottomLink, BottomLinkClassKey, BottomLinkProps, Breadcrumbs, BreadcrumbsClickableTextClassKey, BreadcrumbsStyledBoxClassKey, BrokenImageIcon, ActualButton as Button, ButtonProps, CardActionsTopRightClassKey, CardTab, CardTabClassKey, CatalogIcon, ChatIcon, ClosedDropdownClassKey, CodeSnippet, CodeSnippetProps, Content, ContentHeader, ContentHeaderClassKey, CopyTextButton, CopyTextButtonProps, CreateButton, CreateButtonProps, CustomProviderClassKey, DashboardIcon, DependencyGraph, DependencyGraphDefaultLabelClassKey, DependencyGraphDefaultNodeClassKey, DependencyGraphEdgeClassKey, DependencyGraphNodeClassKey, DependencyGraphProps, types_d as DependencyGraphTypes, DismissableBanner, DismissableBannerClassKey, DismissbleBannerClassKey, DocsIcon, EmailIcon, EmptyState, EmptyStateClassKey, EmptyStateImageClassKey, ErrorBoundary, ErrorBoundaryProps, ErrorPage, ErrorPageClassKey, ErrorPanel, ErrorPanelClassKey, ErrorPanelProps, FeatureCalloutCircleClassKey, FeatureCalloutCircular, FiltersContainerClassKey, Gauge, GaugeCard, GaugeCardClassKey, GaugeClassKey, GaugeProps, GaugePropsGetColor, GaugePropsGetColorOptions, GitHubIcon, GroupIcon, Header, HeaderClassKey, HeaderIconLinkRow, HeaderIconLinkRowClassKey, HeaderLabel, HeaderLabelClassKey, HeaderTabs, HeaderTabsClassKey, HelpIcon, HomepageTimer, HorizontalScrollGrid, HorizontalScrollGridClassKey, IconLinkVerticalClassKey, IconLinkVerticalProps, InfoCard, InfoCardClassKey, InfoCardVariants, IntroCard, ItemCard, ItemCardGrid, ItemCardGridClassKey, ItemCardGridProps, ItemCardHeader, ItemCardHeaderClassKey, ItemCardHeaderProps, Lifecycle, LifecycleClassKey, LinearGauge, ActualLink as Link, LinkProps, LogViewer, LogViewerClassKey, LogViewerProps, LoginRequestListItemClassKey, MarkdownContent, MarkdownContentClassKey, MetadataTableCellClassKey, MetadataTableListClassKey, MetadataTableListItemClassKey, MetadataTableTitleCellClassKey, MicDropClassKey, MissingAnnotationEmptyState, MissingAnnotationEmptyStateClassKey, OAuthRequestDialog, OAuthRequestDialogClassKey, OpenedDropdownClassKey, OverflowTooltip, OverflowTooltipClassKey, Page, PageClassKey, PageWithHeader, Progress, ResponseErrorPanel, ResponseErrorPanelClassKey, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, SelectClassKey, SelectInputBaseClassKey, Sidebar, SidebarClassKey, SidebarContext, SidebarContextType, SidebarDivider, SidebarDividerClassKey, SidebarExpandButton, SidebarIntro, SidebarIntroClassKey, SidebarItem, SidebarItemClassKey, SidebarPage, SidebarPageClassKey, SidebarPinStateContext, SidebarPinStateContextType, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, SidebarSpaceClassKey, SidebarSpacer, SidebarSpacerClassKey, SidebarSubmenu, SidebarSubmenuItem, SidebarSubmenuItemDropdownItem, SidebarSubmenuItemProps, SidebarSubmenuProps, SignInPage, SignInPageClassKey, SignInProviderConfig, SimpleStepper, SimpleStepperFooterClassKey, SimpleStepperStep, SimpleStepperStepClassKey, StatusAborted, StatusClassKey, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, StructuredMetadataTableListClassKey, StructuredMetadataTableNestedListClassKey, SubvalueCell, SubvalueCellClassKey, SupportButton, SupportButtonClassKey, SupportConfig, SupportItem, SupportItemLink, Tab, TabBarClassKey, TabIconClassKey, TabbedCard, TabbedCardClassKey, TabbedLayout, Table, TableClassKey, TableColumn, TableFilter, TableFiltersClassKey, TableHeaderClassKey, TableProps, TableState, TableToolbarClassKey, Tabs, TabsClassKey, TrendLine, UserIcon, UserIdentity, WarningIcon, WarningPanel, WarningPanelClassKey, sidebarConfig, useQueryParamState, useSupportConfig };
+export { AlertDisplay, Avatar, AvatarClassKey, AvatarProps, BackstageContentClassKey, BackstageOverrides, BoldHeaderClassKey, BottomLink, BottomLinkClassKey, BottomLinkProps, Breadcrumbs, BreadcrumbsClickableTextClassKey, BreadcrumbsStyledBoxClassKey, BrokenImageIcon, ActualButton as Button, ButtonProps, CardActionsTopRightClassKey, CardTab, CardTabClassKey, CatalogIcon, ChatIcon, ClosedDropdownClassKey, CodeSnippet, CodeSnippetProps, Content, ContentHeader, ContentHeaderClassKey, CopyTextButton, CopyTextButtonProps, CreateButton, CreateButtonProps, CustomProviderClassKey, DashboardIcon, DependencyGraph, DependencyGraphDefaultLabelClassKey, DependencyGraphDefaultNodeClassKey, DependencyGraphEdgeClassKey, DependencyGraphNodeClassKey, DependencyGraphProps, types_d as DependencyGraphTypes, DismissableBanner, DismissableBannerClassKey, DismissbleBannerClassKey, DocsIcon, EmailIcon, EmptyState, EmptyStateClassKey, EmptyStateImageClassKey, ErrorBoundary, ErrorBoundaryProps, ErrorPage, ErrorPageClassKey, ErrorPanel, ErrorPanelClassKey, ErrorPanelProps, FeatureCalloutCircleClassKey, FeatureCalloutCircular, FiltersContainerClassKey, Gauge, GaugeCard, GaugeCardClassKey, GaugeClassKey, GaugeProps, GaugePropsGetColor, GaugePropsGetColorOptions, GitHubIcon, GroupIcon, Header, HeaderClassKey, HeaderIconLinkRow, HeaderIconLinkRowClassKey, HeaderLabel, HeaderLabelClassKey, HeaderTabs, HeaderTabsClassKey, HelpIcon, HomepageTimer, HorizontalScrollGrid, HorizontalScrollGridClassKey, IconLinkVerticalClassKey, IconLinkVerticalProps, InfoCard, InfoCardClassKey, InfoCardVariants, IntroCard, ItemCard, ItemCardGrid, ItemCardGridClassKey, ItemCardGridProps, ItemCardHeader, ItemCardHeaderClassKey, ItemCardHeaderProps, Lifecycle, LifecycleClassKey, LinearGauge, ActualLink as Link, LinkProps, LogViewer, LogViewerClassKey, LogViewerProps, LoginRequestListItemClassKey, MarkdownContent, MarkdownContentClassKey, MetadataTableCellClassKey, MetadataTableListClassKey, MetadataTableListItemClassKey, MetadataTableTitleCellClassKey, MicDropClassKey, MissingAnnotationEmptyState, MissingAnnotationEmptyStateClassKey, OAuthRequestDialog, OAuthRequestDialogClassKey, OpenedDropdownClassKey, OverflowTooltip, OverflowTooltipClassKey, Page, PageClassKey, PageWithHeader, Progress, ResponseErrorPanel, ResponseErrorPanelClassKey, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, SelectClassKey, SelectInputBaseClassKey, SelectItem, SelectedItems, Sidebar, SidebarClassKey, SidebarContext, SidebarContextType, SidebarDivider, SidebarDividerClassKey, SidebarExpandButton, SidebarIntro, SidebarIntroClassKey, SidebarItem, SidebarItemClassKey, SidebarPage, SidebarPageClassKey, SidebarPinStateContext, SidebarPinStateContextType, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, SidebarSpaceClassKey, SidebarSpacer, SidebarSpacerClassKey, SidebarSubmenu, SidebarSubmenuItem, SidebarSubmenuItemDropdownItem, SidebarSubmenuItemProps, SidebarSubmenuProps, SignInPage, SignInPageClassKey, SignInProviderConfig, SimpleStepper, SimpleStepperFooterClassKey, SimpleStepperStep, SimpleStepperStepClassKey, StatusAborted, StatusClassKey, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, StructuredMetadataTableListClassKey, StructuredMetadataTableNestedListClassKey, SubvalueCell, SubvalueCellClassKey, SupportButton, SupportButtonClassKey, SupportConfig, SupportItem, SupportItemLink, Tab, TabBarClassKey, TabIconClassKey, TabbedCard, TabbedCardClassKey, TabbedLayout, Table, TableClassKey, TableColumn, TableFilter, TableFiltersClassKey, TableHeaderClassKey, TableProps, TableState, TableToolbarClassKey, Tabs, TabsClassKey, TrendLine, UserIcon, UserIdentity, WarningIcon, WarningPanel, WarningPanelClassKey, sidebarConfig, useQueryParamState, useSupportConfig };

package/dist/index.esm.js

@@ -12,7 +12,7 @@ import Link from '@material-ui/core/Link';
 import { Link as Link$1, useSearchParams, useResolvedPath, useLocation, resolvePath, NavLink } from 'react-router-dom';
 import Tooltip from '@material-ui/core/Tooltip';
 import CopyIcon from '@material-ui/icons/FileCopy';
-import { useCopyToClipboard, useObservable, useDebounce, useWindowSize, useLocalStorage, useMount } from 'react-use';
+import { useCopyToClipboard, useObservable, useMountedState, useDebounce, useWindowSize, useLocalStorage, useMount } from 'react-use';
 import { LightAsync } from 'react-syntax-highlighter';
 import dark from 'react-syntax-highlighter/dist/esm/styles/hljs/dark';
 import docco from 'react-syntax-highlighter/dist/esm/styles/hljs/docco';
@@ -28,8 +28,8 @@ import * as d3Shape from 'd3-shape';
 import isFinite from 'lodash/isFinite';
 import classNames from 'classnames';
 import SnackbarContent from '@material-ui/core/SnackbarContent';
-import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
+import Typography from '@material-ui/core/Typography';
 import missingAnnotation from './components/EmptyState/assets/missingAnnotation.svg';
 import noInformation from './components/EmptyState/assets/noInformation.svg';
 import createComponent from './components/EmptyState/assets/createComponent.svg';
@@ -62,8 +62,8 @@ import Card from '@material-ui/core/Card';
 import CardActions from '@material-ui/core/CardActions';
 import CardContent from '@material-ui/core/CardContent';
 import CardHeader from '@material-ui/core/CardHeader';
-import ArrowIcon from '@material-ui/icons/ArrowForward';
 import Box from '@material-ui/core/Box';
+import ArrowIcon from '@material-ui/icons/ArrowForward';
 import { Circle, Line } from 'rc-progress';
 import Checkbox from '@material-ui/core/Checkbox';
 import Chip from '@material-ui/core/Chip';
@@ -1760,9 +1760,12 @@ const useStyles$y = makeStyles({
 function OverflowTooltip(props) {
   var _a;
   const [hover, setHover] = useState(false);
+  const isMounted = useMountedState();
   const classes = useStyles$y();
   const handleToggled = (truncated) => {
-    setHover(truncated);
+    if (isMounted()) {
+      setHover(truncated);
+    }
   };
   return /* @__PURE__ */ React.createElement(Tooltip, {
     title: (_a = props.title) != null ? _a : props.text || "",
@@ -1790,6 +1793,39 @@ function Progress(props) {
   });
 }
 
+const useStyles$x = makeStyles((theme) => ({
+  root: {
+    maxWidth: "fit-content",
+    padding: theme.spacing(2, 2, 2, 2.5)
+  },
+  boxTitle: {
+    margin: 0,
+    color: theme.palette.textSubtle
+  },
+  arrow: {
+    color: theme.palette.textSubtle
+  }
+}), { name: "BackstageBottomLink" });
+function BottomLink(props) {
+  const { link, title, onClick } = props;
+  const classes = useStyles$x();
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(ActualLink, {
+    to: link,
+    onClick,
+    underline: "none"
+  }, /* @__PURE__ */ React.createElement(Box, {
+    display: "flex",
+    alignItems: "center",
+    className: classes.root
+  }, /* @__PURE__ */ React.createElement(Box, {
+    className: classes.boxTitle,
+    fontWeight: "fontWeightBold",
+    m: 1
+  }, /* @__PURE__ */ React.createElement(Typography, null, /* @__PURE__ */ React.createElement("strong", null, title))), /* @__PURE__ */ React.createElement(ArrowIcon, {
+    className: classes.arrow
+  }))));
+}
+
 const SlackLink = (props) => {
   const { slackChannel } = props;
   if (!slackChannel) {
@@ -1831,39 +1867,6 @@ const ErrorBoundary = class ErrorBoundary2 extends Component$3 {
   }
 };
 
-const useStyles$x = makeStyles((theme) => ({
-  root: {
-    maxWidth: "fit-content",
-    padding: theme.spacing(2, 2, 2, 2.5)
-  },
-  boxTitle: {
-    margin: 0,
-    color: theme.palette.textSubtle
-  },
-  arrow: {
-    color: theme.palette.textSubtle
-  }
-}), { name: "BackstageBottomLink" });
-function BottomLink(props) {
-  const { link, title, onClick } = props;
-  const classes = useStyles$x();
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(ActualLink, {
-    to: link,
-    onClick,
-    underline: "none"
-  }, /* @__PURE__ */ React.createElement(Box, {
-    display: "flex",
-    alignItems: "center",
-    className: classes.root
-  }, /* @__PURE__ */ React.createElement(Box, {
-    className: classes.boxTitle,
-    fontWeight: "fontWeightBold",
-    m: 1
-  }, /* @__PURE__ */ React.createElement(Typography, null, /* @__PURE__ */ React.createElement("strong", null, title))), /* @__PURE__ */ React.createElement(ArrowIcon, {
-    className: classes.arrow
-  }))));
-}
-
 const useStyles$w = makeStyles((theme) => ({
   noPadding: {
     padding: 0,
@@ -2203,7 +2206,9 @@ function SelectComponent(props) {
     placeholder,
     selected,
     onChange,
-    triggerReset
+    triggerReset,
+    native = false,
+    disabled = false
   } = props;
   const classes = useStyles$r();
   const [value, setValue] = useState(selected || (multiple ? [] : ""));
@@ -2221,6 +2226,10 @@ function SelectComponent(props) {
     onChange(event.target.value);
   };
   const handleClick = (event) => {
+    if (disabled) {
+      event.preventDefault();
+      return;
+    }
     setOpen((previous) => {
       if (multiple && !(event.target instanceof HTMLElement)) {
         return true;
@@ -2246,6 +2255,8 @@ function SelectComponent(props) {
     className: classes.formControl
   }, /* @__PURE__ */ React.createElement(Select, {
     value,
+    native,
+    disabled,
     "data-testid": "select",
     displayEmpty: true,
     multiple,
@@ -2282,7 +2293,10 @@ function SelectComponent(props) {
     }
   }, placeholder && !multiple && /* @__PURE__ */ React.createElement(MenuItem, {
     value: []
-  }, placeholder), items && items.map((item) => /* @__PURE__ */ React.createElement(MenuItem, {
+  }, placeholder), native ? items && items.map((item) => /* @__PURE__ */ React.createElement("option", {
+    value: item.value,
+    key: item.value
+  }, item.label)) : items && items.map((item) => /* @__PURE__ */ React.createElement(MenuItem, {
     key: item.value,
     value: item.value
   }, multiple && /* @__PURE__ */ React.createElement(Checkbox, {
@@ -3848,13 +3862,13 @@ function ErrorPage(props) {
     className: classes.title
   }, "Looks like someone dropped the mic!"), /* @__PURE__ */ React.createElement(Typography, {
     variant: "h6"
-  }, /* @__PURE__ */ React.createElement(Link, {
+  }, /* @__PURE__ */ React.createElement(ActualLink, {
+    to: "#",
     "data-testid": "go-back-link",
     onClick: () => navigate(-1)
-  }, "Go back"), "... or please", " ", /* @__PURE__ */ React.createElement(Link, {
-    href: support.url,
-    rel: "noopener noreferrer"
-  }, "contact support"), " ", "if you think this is a bug.")));
+  }, "Go back"), "... or please ", /* @__PURE__ */ React.createElement(ActualLink, {
+    to: support.url
+  }, "contact support"), " if you think this is a bug.")));
 }
 
 const ClickableText = withStyles({
@@ -4096,8 +4110,8 @@ function HeaderLabel(props) {
     className: classes.root
   }, /* @__PURE__ */ React.createElement(Typography, {
     className: classes.label
-  }, label), url ? /* @__PURE__ */ React.createElement(Link, {
-    href: url
+  }, label), url ? /* @__PURE__ */ React.createElement(ActualLink, {
+    to: url
   }, content) : content));
 }