@backstage/core-components 0.11.2 → 0.12.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @backstage/core-components
 
+## 0.12.0-next.1
+
+### Patch Changes
+
+- b4fb5c8ecc: MissingAnnotationEmptyState now accepts either a string or an array of strings to support multiple missing annotations.
+- Updated dependencies
+  - @backstage/config@1.0.4-next.0
+  - @backstage/core-plugin-api@1.1.0-next.0
+  - @backstage/errors@1.1.3-next.0
+  - @backstage/theme@0.2.16
+  - @backstage/version-bridge@1.0.1
+
+## 0.12.0-next.0
+
+### Minor Changes
+
+- fb3733e446: **BREAKING**: Removed the `HomepageTimer` as it has been replaced by the `HeaderWorldClock` in the Home plugin and was deprecated over a year ago.
+
+### Patch Changes
+
+- 5f695c219a: Set the `searchTooltip` to "Filter" to follow how the `searchPlaceholder` is set making this more consistent
+- 7573b65232: Internal refactor of imports to avoid circular dependencies
+- 858986f6b6: Disable base path workaround in `Link` component when React Router v6 stable is used.
+- f905853ad6: Prefer using `Link` from `@backstage/core-components` rather than material-UI.
+- Updated dependencies
+  - @backstage/core-plugin-api@1.1.0-next.0
+  - @backstage/config@1.0.4-next.0
+  - @backstage/errors@1.1.3-next.0
+  - @backstage/theme@0.2.16
+  - @backstage/version-bridge@1.0.1
+
 ## 0.11.2
 
 ### Patch Changes

package/dist/index.d.ts

@@ -576,7 +576,7 @@ declare function EmptyState(props: Props$h): JSX.Element;
 declare type EmptyStateImageClassKey = 'generalImg';
 
 declare type Props$g = {
-    annotation: string;
+    annotation: string | string[];
     readMoreUrl?: string;
 };
 declare type MissingAnnotationEmptyStateClassKey = 'code';
@@ -1300,14 +1300,6 @@ declare type HeaderTabsProps = {
  */
 declare function HeaderTabs(props: HeaderTabsProps): JSX.Element;
 
-/**
- * Please use the HeaderWorldClock in the home plugin
- *
- * @public
- * @deprecated in favor of the HeaderWorldClock which is found in the to home plugin
- */
-declare function HomepageTimer(_props: {}): JSX.Element | null;
-
 declare type ItemCardProps = {
     description?: string;
     tags?: string[];
@@ -2051,4 +2043,4 @@ declare type BackstageOverrides = Overrides & {
     [Name in keyof BackstageComponentsNameToClassKey]?: Partial<StyleRules<BackstageComponentsNameToClassKey[Name]>>;
 };
 
-export { AlertDisplay, AlertDisplayProps, Avatar, AvatarClassKey, AvatarProps, BackstageContentClassKey, BackstageOverrides, BoldHeaderClassKey, BottomLink, BottomLinkClassKey, BottomLinkProps, Breadcrumbs, BreadcrumbsClickableTextClassKey, BreadcrumbsStyledBoxClassKey, BrokenImageIcon, 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, HeaderActionMenu, HeaderActionMenuItem, HeaderActionMenuProps, HeaderClassKey, HeaderIconLinkRow, HeaderIconLinkRowClassKey, HeaderLabel, HeaderLabelClassKey, HeaderTabs, HeaderTabsClassKey, HelpIcon, HomepageTimer, HorizontalScrollGrid, HorizontalScrollGridClassKey, IconLinkVerticalClassKey, IconLinkVerticalProps, IdentityProviders, InfoCard, InfoCardClassKey, InfoCardVariants, IntroCard, ItemCard, ItemCardGrid, ItemCardGridClassKey, ItemCardGridProps, ItemCardHeader, ItemCardHeaderClassKey, ItemCardHeaderProps, Lifecycle, LifecycleClassKey, LinearGauge, Link, LinkProps, LogViewer, LogViewerClassKey, LogViewerProps, LoginRequestListItemClassKey, MarkdownContent, MarkdownContentClassKey, MetadataTableCellClassKey, MetadataTableListClassKey, MetadataTableListItemClassKey, MetadataTableTitleCellClassKey, MicDropClassKey, MissingAnnotationEmptyState, MissingAnnotationEmptyStateClassKey, MobileSidebar, MobileSidebarProps, OAuthRequestDialog, OAuthRequestDialogClassKey, OpenedDropdownClassKey, OverflowTooltip, OverflowTooltipClassKey, Page, PageClassKey, PageWithHeader, Progress, ProxiedSignInPage, ProxiedSignInPageProps, ResponseErrorPanel, ResponseErrorPanelClassKey, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, SelectClassKey, SelectInputBaseClassKey, SelectItem, SelectedItems, Sidebar, SidebarClassKey, LegacySidebarContext as SidebarContext, SidebarContextType, SidebarDivider, SidebarDividerClassKey, SidebarExpandButton, SidebarGroup, SidebarGroupProps, SidebarIntro, SidebarIntroClassKey, SidebarItem, SidebarItemClassKey, SidebarOpenState, SidebarOpenStateProvider, SidebarOptions, SidebarPage, SidebarPageClassKey, SidebarPageProps, SidebarPinState, LegacySidebarPinStateContext as SidebarPinStateContext, SidebarPinStateContextType, SidebarPinStateProvider, SidebarProps, 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, SubmenuOptions, SubvalueCell, SubvalueCellClassKey, SupportButton, SupportButtonClassKey, SupportConfig, SupportItem, SupportItemLink, Tab, TabBarClassKey, TabClassKey, TabIconClassKey, TabbedCard, TabbedCardClassKey, TabbedLayout, Table, TableClassKey, TableColumn, TableFilter, TableFiltersClassKey, TableHeaderClassKey, TableProps, TableState, TableToolbarClassKey, Tabs, TabsClassKey, TrendLine, UserIcon, UserIdentity, WarningIcon, WarningPanel, WarningPanelClassKey, sidebarConfig, useContent, useQueryParamState, useSidebarOpenState, useSidebarPinState, useSupportConfig };
+export { AlertDisplay, AlertDisplayProps, Avatar, AvatarClassKey, AvatarProps, BackstageContentClassKey, BackstageOverrides, BoldHeaderClassKey, BottomLink, BottomLinkClassKey, BottomLinkProps, Breadcrumbs, BreadcrumbsClickableTextClassKey, BreadcrumbsStyledBoxClassKey, BrokenImageIcon, 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, HeaderActionMenu, HeaderActionMenuItem, HeaderActionMenuProps, HeaderClassKey, HeaderIconLinkRow, HeaderIconLinkRowClassKey, HeaderLabel, HeaderLabelClassKey, HeaderTabs, HeaderTabsClassKey, HelpIcon, HorizontalScrollGrid, HorizontalScrollGridClassKey, IconLinkVerticalClassKey, IconLinkVerticalProps, IdentityProviders, InfoCard, InfoCardClassKey, InfoCardVariants, IntroCard, ItemCard, ItemCardGrid, ItemCardGridClassKey, ItemCardGridProps, ItemCardHeader, ItemCardHeaderClassKey, ItemCardHeaderProps, Lifecycle, LifecycleClassKey, LinearGauge, Link, LinkProps, LogViewer, LogViewerClassKey, LogViewerProps, LoginRequestListItemClassKey, MarkdownContent, MarkdownContentClassKey, MetadataTableCellClassKey, MetadataTableListClassKey, MetadataTableListItemClassKey, MetadataTableTitleCellClassKey, MicDropClassKey, MissingAnnotationEmptyState, MissingAnnotationEmptyStateClassKey, MobileSidebar, MobileSidebarProps, OAuthRequestDialog, OAuthRequestDialogClassKey, OpenedDropdownClassKey, OverflowTooltip, OverflowTooltipClassKey, Page, PageClassKey, PageWithHeader, Progress, ProxiedSignInPage, ProxiedSignInPageProps, ResponseErrorPanel, ResponseErrorPanelClassKey, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, SelectClassKey, SelectInputBaseClassKey, SelectItem, SelectedItems, Sidebar, SidebarClassKey, LegacySidebarContext as SidebarContext, SidebarContextType, SidebarDivider, SidebarDividerClassKey, SidebarExpandButton, SidebarGroup, SidebarGroupProps, SidebarIntro, SidebarIntroClassKey, SidebarItem, SidebarItemClassKey, SidebarOpenState, SidebarOpenStateProvider, SidebarOptions, SidebarPage, SidebarPageClassKey, SidebarPageProps, SidebarPinState, LegacySidebarPinStateContext as SidebarPinStateContext, SidebarPinStateContextType, SidebarPinStateProvider, SidebarProps, 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, SubmenuOptions, SubvalueCell, SubvalueCellClassKey, SupportButton, SupportButtonClassKey, SupportConfig, SupportItem, SupportItemLink, Tab, TabBarClassKey, TabClassKey, TabIconClassKey, TabbedCard, TabbedCardClassKey, TabbedLayout, Table, TableClassKey, TableColumn, TableFilter, TableFiltersClassKey, TableHeaderClassKey, TableProps, TableState, TableToolbarClassKey, Tabs, TabsClassKey, TrendLine, UserIcon, UserIdentity, WarningIcon, WarningPanel, WarningPanelClassKey, sidebarConfig, useContent, useQueryParamState, useSidebarOpenState, useSidebarPinState, useSupportConfig };

package/dist/index.esm.js

@@ -9,8 +9,8 @@ import { makeStyles, createStyles, useTheme, darken, lighten, withStyles, styled
 import MaterialAvatar from '@material-ui/core/Avatar';
 import Button$1 from '@material-ui/core/Button';
 import classNames from 'classnames';
-import Link$1 from '@material-ui/core/Link';
-import { Link as Link$2, useSearchParams, useLocation, useResolvedPath as useResolvedPath$1, resolvePath } from 'react-router-dom';
+import MaterialLink from '@material-ui/core/Link';
+import { Link as Link$1, createRoutesFromChildren, Route as Route$1, useSearchParams, useLocation, useResolvedPath as useResolvedPath$1, resolvePath } from 'react-router-dom';
 import { trimEnd, isEqual, orderBy, isMatch, transform } from 'lodash';
 import Tooltip from '@material-ui/core/Tooltip';
 import CopyIcon from '@material-ui/icons/FileCopy';
@@ -96,15 +96,6 @@ import BottomNavigation from '@material-ui/core/BottomNavigation';
 import Drawer from '@material-ui/core/Drawer';
 import MenuIcon from '@material-ui/icons/Menu';
 import BottomNavigationAction from '@material-ui/core/BottomNavigationAction';
-import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
-import ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';
-import Badge from '@material-ui/core/Badge';
-import TextField from '@material-ui/core/TextField';
-import ArrowRightIcon from '@material-ui/icons/ArrowRight';
-import SearchIcon from '@material-ui/icons/Search';
-import Collapse from '@material-ui/core/Collapse';
-import ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';
-import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
 import Tab from '@material-ui/core/Tab';
 import Tabs$1 from '@material-ui/core/Tabs';
 import AddBox from '@material-ui/icons/AddBox';
@@ -125,6 +116,15 @@ import NavigateBeforeIcon from '@material-ui/icons/NavigateBefore';
 import NavigateNextIcon from '@material-ui/icons/NavigateNext';
 import useWindowSize from 'react-use/lib/useWindowSize';
 import { Sparklines, SparklinesLine } from 'react-sparklines';
+import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+import ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';
+import Badge from '@material-ui/core/Badge';
+import TextField from '@material-ui/core/TextField';
+import ArrowRightIcon from '@material-ui/icons/ArrowRight';
+import SearchIcon from '@material-ui/icons/Search';
+import ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';
+import ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';
+import Collapse from '@material-ui/core/Collapse';
 import MicDropSvgUrl from './layout/ErrorPage/mic-drop.svg';
 import MaterialBreadcrumbs from '@material-ui/core/Breadcrumbs';
 import MoreVert from '@material-ui/icons/MoreVert';
@@ -216,6 +216,13 @@ function Avatar(props) {
   }, displayName && extractInitials(displayName));
 }
 
+function isReactRouterBeta() {
+  const [obj] = createRoutesFromChildren(/* @__PURE__ */ React.createElement(Route$1, {
+    index: true,
+    element: /* @__PURE__ */ React.createElement("div", null)
+  }));
+  return !obj.index;
+}
 const useStyles$R = makeStyles(
   {
     visuallyHidden: {
@@ -276,7 +283,7 @@ const Link = React.forwardRef(
   ({ onClick, noTrack, ...props }, ref) => {
     const classes = useStyles$R();
     const analytics = useAnalytics();
-    const to = useResolvedPath(props.to);
+    const to = isReactRouterBeta() ? useResolvedPath(props.to) : props.to;
     const linkText = getNodeText(props.children) || to;
     const external = isExternalUri(to);
     const newWindow = external && !!/^https?:/.exec(to);
@@ -286,7 +293,7 @@ const Link = React.forwardRef(
         analytics.captureEvent("click", linkText, { attributes: { to } });
       }
     };
-    return external ? /* @__PURE__ */ React.createElement(Link$1, {
+    return external ? /* @__PURE__ */ React.createElement(MaterialLink, {
       ...newWindow ? { target: "_blank", rel: "noopener" } : {},
       ...props,
       ref,
@@ -295,10 +302,10 @@ const Link = React.forwardRef(
       className: classNames(classes.externalLink, props.className)
     }, props.children, /* @__PURE__ */ React.createElement("span", {
       className: classes.visuallyHidden
-    }, ", Opens in a new window")) : /* @__PURE__ */ React.createElement(Link$1, {
+    }, ", Opens in a new window")) : /* @__PURE__ */ React.createElement(MaterialLink, {
       ...props,
       ref,
-      component: Link$2,
+      component: Link$1,
       to,
       onClick: handleClick
     });
@@ -391,13 +398,13 @@ function CreateButton(props) {
     return null;
   }
   return isXSScreen ? /* @__PURE__ */ React.createElement(IconButton, {
-    component: Link$2,
+    component: Link$1,
     color: "primary",
     title,
     size: "small",
     to
   }, /* @__PURE__ */ React.createElement(AddCircleOutline, null)) : /* @__PURE__ */ React.createElement(Button$1, {
-    component: Link$2,
+    component: Link$1,
     variant: "contained",
     color: "primary",
     to
@@ -1038,7 +1045,7 @@ function EmptyState(props) {
   }) : missing.customImage));
 }
 
-const COMPONENT_YAML = `apiVersion: backstage.io/v1alpha1
+const COMPONENT_YAML_TEMPLATE = `apiVersion: backstage.io/v1alpha1
 kind: Component
 metadata:
   name: example
@@ -1049,6 +1056,11 @@ spec:
   type: website
   lifecycle: production
   owner: user:guest`;
+const ANNOTATION_REGEXP = /^.*ANNOTATION.*$/m;
+const ANNOTATION_YAML = COMPONENT_YAML_TEMPLATE.match(ANNOTATION_REGEXP)[0];
+const ANNOTATION_LINE = COMPONENT_YAML_TEMPLATE.split("\n").findIndex(
+  (line) => ANNOTATION_REGEXP.test(line)
+);
 const useStyles$J = makeStyles(
   (theme) => ({
     code: {
@@ -1059,24 +1071,35 @@ const useStyles$J = makeStyles(
   }),
   { name: "BackstageMissingAnnotationEmptyState" }
 );
+function generateLineNumbers(lineCount) {
+  return Array.from(Array(lineCount + 1).keys(), (i) => i + ANNOTATION_LINE);
+}
+function generateComponentYaml(annotations) {
+  const annotationYaml = annotations.map((ann) => ANNOTATION_YAML.replace("ANNOTATION", ann)).join("\n");
+  return COMPONENT_YAML_TEMPLATE.replace(ANNOTATION_YAML, annotationYaml);
+}
+function generateDescription(annotations) {
+  const isSingular = annotations.length <= 1;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, "The ", isSingular ? "annotation" : "annotations", " ", annotations.map((ann) => /* @__PURE__ */ React.createElement("code", null, ann)).reduce((prev, curr) => /* @__PURE__ */ React.createElement(React.Fragment, null, prev, ", ", curr)), " ", isSingular ? "is" : "are", " missing. You need to add the", " ", isSingular ? "annotation" : "annotations", " to your component if you want to enable this tool.");
+}
 function MissingAnnotationEmptyState(props) {
   const { annotation, readMoreUrl } = props;
+  const annotations = Array.isArray(annotation) ? annotation : [annotation];
   const url = readMoreUrl || "https://backstage.io/docs/features/software-catalog/well-known-annotations";
   const classes = useStyles$J();
-  const description = /* @__PURE__ */ React.createElement(React.Fragment, null, "The ", /* @__PURE__ */ React.createElement("code", null, annotation), " annotation is missing. You need to add the annotation to your component if you want to enable this tool.");
   return /* @__PURE__ */ React.createElement(EmptyState, {
     missing: "field",
     title: "Missing Annotation",
-    description,
+    description: generateDescription(annotations),
     action: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
       variant: "body1"
     }, "Add the annotation to your component YAML as shown in the highlighted example below:"), /* @__PURE__ */ React.createElement("div", {
       className: classes.code
     }, /* @__PURE__ */ React.createElement(CodeSnippet, {
-      text: COMPONENT_YAML.replace("ANNOTATION", annotation),
+      text: generateComponentYaml(annotations),
       language: "yaml",
       showLineNumbers: true,
-      highlightedNumbers: [6, 7],
+      highlightedNumbers: generateLineNumbers(annotations.length),
       customStyle: { background: "inherit", fontSize: "115%" }
     })), /* @__PURE__ */ React.createElement(Button$1, {
       color: "primary",
@@ -1562,19 +1585,17 @@ function IconLinkVertical({
 }) {
   const classes = useIconStyles();
   if (disabled) {
-    return /* @__PURE__ */ React.createElement(Link$1, {
+    return /* @__PURE__ */ React.createElement("div", {
       title,
-      className: classNames(classes.link, classes.disabled),
-      underline: "none"
+      className: classNames(classes.link, classes.disabled)
     }, icon, /* @__PURE__ */ React.createElement("span", {
       className: classes.label
     }, label));
   }
-  return /* @__PURE__ */ React.createElement(Link$1, {
+  return /* @__PURE__ */ React.createElement(Link, {
     title,
     className: classNames(classes.link, classes[color]),
     to: href,
-    component: Link,
     onClick
   }, icon, /* @__PURE__ */ React.createElement("span", {
     className: classes.label
@@ -4286,7 +4307,7 @@ const WorkaroundNavLink = React.forwardRef(function WorkaroundNavLinkWithRef({
     isActive = locationPathname.startsWith(`${toPathname}/`);
   }
   const ariaCurrent = isActive ? ariaCurrentProp : void 0;
-  return /* @__PURE__ */ React.createElement(Link$2, {
+  return /* @__PURE__ */ React.createElement(Link$1, {
     ...rest,
     to,
     ref,
@@ -4601,10 +4622,8 @@ function IntroCard(props) {
     variant: "subtitle2"
   }, text), /* @__PURE__ */ React.createElement("div", {
     className: classes.introDismiss
-  }, /* @__PURE__ */ React.createElement(Link$1, {
-    component: "button",
+  }, /* @__PURE__ */ React.createElement(IconButton, {
     onClick: handleClose,
-    underline: "none",
     className: classes.introDismissLink
   }, /* @__PURE__ */ React.createElement(CloseIcon, {
     className: classes.introDismissIcon
@@ -5331,7 +5350,9 @@ function Table(props) {
     }, subtitle)),
     data: typeof data === "function" ? data : tableData,
     style: { width: "100%" },
-    localization: { toolbar: { searchPlaceholder: "Filter" } },
+    localization: {
+      toolbar: { searchPlaceholder: "Filter", searchTooltip: "Filter" }
+    },
     ...restProps
   }));
 }
@@ -6038,63 +6059,6 @@ function HeaderLabel(props) {
   }, content) : content));
 }
 
-const timeFormat = {
-  hour: "2-digit",
-  minute: "2-digit"
-};
-function getTimes(configApi) {
-  const d = new Date();
-  const lang = window.navigator.language;
-  const clocks = [];
-  if (!configApi.has("homepage.clocks")) {
-    return clocks;
-  }
-  const clockConfigs = configApi.getConfigArray("homepage.clocks");
-  for (const clock of clockConfigs) {
-    if (clock.has("label") && clock.has("timezone")) {
-      let label = clock.getString("label");
-      const options = {
-        timeZone: clock.getString("timezone"),
-        ...timeFormat
-      };
-      try {
-        new Date().toLocaleString(lang, options);
-      } catch (e) {
-        console.warn(
-          `The timezone ${options.timeZone} is invalid. Defaulting to GMT`
-        );
-        options.timeZone = "GMT";
-        label = "GMT";
-      }
-      const time = d.toLocaleTimeString(lang, options);
-      clocks.push({ time, label });
-    }
-  }
-  return clocks;
-}
-function HomepageTimer(_props) {
-  const configApi = useApi(configApiRef);
-  const defaultTimes = [];
-  const [clocks, setTimes] = React.useState(defaultTimes);
-  React.useEffect(() => {
-    setTimes(getTimes(configApi));
-    const intervalId = setInterval(() => {
-      setTimes(getTimes(configApi));
-    }, 1e3);
-    return () => {
-      clearInterval(intervalId);
-    };
-  }, [configApi]);
-  if (clocks.length !== 0) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, clocks.map((clock) => /* @__PURE__ */ React.createElement(HeaderLabel, {
-      label: clock.label,
-      value: clock.time,
-      key: clock.label
-    })));
-  }
-  return null;
-}
-
 const styles$1 = (theme) => createStyles({
   root: {
     color: theme.palette.common.white,
@@ -7024,5 +6988,5 @@ function CardTab(props) {
   });
 }
 
-export { AlertDisplay, Avatar, BottomLink, Breadcrumbs, BrokenImageIcon, Button, CardTab, CatalogIcon, ChatIcon, CodeSnippet, Content, ContentHeader, CopyTextButton, CreateButton, DashboardIcon, DependencyGraph, types as DependencyGraphTypes, DismissableBanner, DocsIcon, EmailIcon, EmptyState, ErrorBoundary, ErrorPage, ErrorPanel, FeatureCalloutCircular, Gauge, GaugeCard, GitHubIcon, GroupIcon, Header, HeaderActionMenu, HeaderIconLinkRow, HeaderLabel, HeaderTabs, HelpIcon, HomepageTimer, HorizontalScrollGrid, InfoCard, IntroCard, ItemCard, ItemCardGrid, ItemCardHeader, Lifecycle, LinearGauge, Link, LogViewer, MarkdownContent, MissingAnnotationEmptyState, MobileSidebar, OAuthRequestDialog, OverflowTooltip, Page, PageWithHeader, Progress, ProxiedSignInPage, ResponseErrorPanel, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, Sidebar, LegacySidebarContext as SidebarContext, SidebarDivider, SidebarExpandButton, SidebarGroup, SidebarIntro, SidebarItem, SidebarOpenStateProvider, SidebarPage, LegacySidebarPinStateContext as SidebarPinStateContext, SidebarPinStateProvider, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, SidebarSpacer, SidebarSubmenu, SidebarSubmenuItem, SignInPage, SimpleStepper, SimpleStepperStep, StatusAborted, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, SubvalueCell, SupportButton, TabbedCard, TabbedLayout, Table, Tabs, TrendLine, UserIcon, UserIdentity, WarningIcon, WarningPanel, sidebarConfig, useContent, useQueryParamState, useSidebarOpenState, useSidebarPinState, useSupportConfig };
+export { AlertDisplay, Avatar, BottomLink, Breadcrumbs, BrokenImageIcon, Button, CardTab, CatalogIcon, ChatIcon, CodeSnippet, Content, ContentHeader, CopyTextButton, CreateButton, DashboardIcon, DependencyGraph, types as DependencyGraphTypes, DismissableBanner, DocsIcon, EmailIcon, EmptyState, ErrorBoundary, ErrorPage, ErrorPanel, FeatureCalloutCircular, Gauge, GaugeCard, GitHubIcon, GroupIcon, Header, HeaderActionMenu, HeaderIconLinkRow, HeaderLabel, HeaderTabs, HelpIcon, HorizontalScrollGrid, InfoCard, IntroCard, ItemCard, ItemCardGrid, ItemCardHeader, Lifecycle, LinearGauge, Link, LogViewer, MarkdownContent, MissingAnnotationEmptyState, MobileSidebar, OAuthRequestDialog, OverflowTooltip, Page, PageWithHeader, Progress, ProxiedSignInPage, ResponseErrorPanel, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, Sidebar, LegacySidebarContext as SidebarContext, SidebarDivider, SidebarExpandButton, SidebarGroup, SidebarIntro, SidebarItem, SidebarOpenStateProvider, SidebarPage, LegacySidebarPinStateContext as SidebarPinStateContext, SidebarPinStateProvider, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, SidebarSpacer, SidebarSubmenu, SidebarSubmenuItem, SignInPage, SimpleStepper, SimpleStepperStep, StatusAborted, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, SubvalueCell, SupportButton, TabbedCard, TabbedLayout, Table, Tabs, TrendLine, UserIcon, UserIdentity, WarningIcon, WarningPanel, sidebarConfig, useContent, useQueryParamState, useSidebarOpenState, useSidebarPinState, useSupportConfig };
 //# sourceMappingURL=index.esm.js.map