@backstage/core-components 0.11.2-next.2 → 0.12.0-next.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @backstage/core-components
 
+## 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
+
+- bde1e8c8e2: Added `curve` prop to the `DependencyGraph` component to select the type of layout
+- 882101cd9b: Deep-import LightAsync component to improve module-import speed
+- 0d0f30d87e: Fixed layout for core-components docs where table was broken by splitting with code sample
+- Updated dependencies
+  - @backstage/core-plugin-api@1.0.7
+  - @backstage/config@1.0.3
+  - @backstage/errors@1.1.2
+  - @backstage/theme@0.2.16
+  - @backstage/version-bridge@1.0.1
+
 ## 0.11.2-next.2
 
 ### Patch Changes

package/dist/index.d.ts

@@ -510,6 +510,14 @@ interface DependencyGraphProps<NodeData, EdgeData> extends React__default.SVGPro
      * Default: `enabled`
      */
     zoom?: 'enabled' | 'disabled' | 'enable-on-click';
+    /**
+     * A factory for curve generators addressing both lines and areas.
+     *
+     * @remarks
+     *
+     * Default: 'curveMonotoneX'
+     */
+    curve?: 'curveStepBefore' | 'curveMonotoneX';
 }
 /**
  * Graph component used to visualize relations between entities
@@ -593,6 +601,7 @@ declare type ResponseErrorPanelClassKey = 'text' | 'divider';
 /**
  * Renders a warning panel as the effect of a failed server request.
  *
+ * @remarks
  * Has special treatment for ResponseError errors, to display rich
  * server-provided information about what happened.
  */
@@ -682,6 +691,7 @@ interface LogViewerProps {
 /**
  * A component that displays logs in a scrollable text area.
  *
+ * @remarks
  * The LogViewer has support for search and filtering, as well as displaying
  * text content with ANSI color escape codes.
  *
@@ -707,10 +717,10 @@ declare type Props$b = {
     className?: string;
 };
 /**
- * MarkdownContent
- * --
- * Renders markdown with the default dialect [gfm - GitHub flavored Markdown](https://github.github.com/gfm/) to backstage theme styled HTML.
- * If you just want to render to plain [CommonMark](https://commonmark.org/), set the dialect to `'common-mark'`
+ * Renders markdown with the default dialect {@link https://github.github.com/gfm/ | gfm - GitHub flavored Markdown} to backstage theme styled HTML.
+ *
+ * @remarks
+ * If you just want to render to plain {@link https://commonmark.org/ | CommonMark}, set the dialect to `'common-mark'`
  */
 declare function MarkdownContent(props: Props$b): JSX.Element;
 
@@ -984,6 +994,7 @@ declare type SubRoute$1 = {
  * TabbedLayout is a compound component, which allows you to define a layout for
  * pages using a sub-navigation mechanism.
  *
+ * @remarks
  * Consists of two parts: TabbedLayout and TabbedLayout.Route
  *
  * @example
@@ -1090,7 +1101,7 @@ declare type WarningProps = {
     children?: React__default.ReactNode;
 };
 /**
- * WarningPanel. Show a user friendly error message to a user similar to
+ * Show a user friendly error message to a user similar to
  * ErrorPanel except that the warning panel only shows the warning message to
  * the user.
  *
@@ -1289,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[];
@@ -1312,6 +1315,7 @@ declare type ItemCardProps = {
  * This card type has been deprecated. Instead use plain MUI Card and helpers
  * where appropriate.
  *
+ *  @example
  * ```
  *   <Card>
  *     <CardMedia>
@@ -1347,6 +1351,7 @@ declare type ItemCardGridProps = Partial<WithStyles<typeof styles$1>> & {
  * A default grid to use when arranging "item cards" - cards that let users
  * select among several options.
  *
+ * @remarks
  * The immediate children are expected to be MUI Card components.
  *
  * Styles for the grid can be overridden using the `classes` prop, e.g.:
@@ -1391,6 +1396,7 @@ declare type ItemCardHeaderProps = Partial<WithStyles<typeof styles>> & {
  * A simple card header, rendering a default look for "item cards" - cards that
  * are arranged in a grid for users to select among several options.
  *
+ * @remarks
  * This component expects to be placed within a MUI `<CardMedia>`.
  *
  * Styles for the header can be overridden using the `classes` prop, e.g.:
@@ -1442,12 +1448,12 @@ declare type ProxiedSignInPageProps = SignInPageProps & {
  */
 declare const ProxiedSignInPage: (props: ProxiedSignInPageProps) => JSX.Element | null;
 
-/** @public **/
+/** @public */
 declare type SidebarOptions = {
     drawerWidthClosed?: number;
     drawerWidthOpen?: number;
 };
-/** @public **/
+/** @public */
 declare type SubmenuOptions = {
     drawerWidthClosed?: number;
     drawerWidthOpen?: number;
@@ -1498,6 +1504,7 @@ declare type MobileSidebarProps = {
 /**
  * A navigation component for mobile screens, which sticks to the bottom.
  *
+ * @remarks
  * It alternates the normal sidebar by grouping the `SidebarItems` based on provided `SidebarGroup`s
  * either rendering them as a link or an overlay menu.
  * If no `SidebarGroup`s are provided the sidebar content is wrapped in an default overlay menu.
@@ -1529,6 +1536,7 @@ interface SidebarGroupProps extends BottomNavigationActionProps {
 /**
  * Groups items of the `Sidebar` together.
  *
+ * @remarks
  * On bigger screens, this won't have any effect at the moment.
  * On small screens, it will add an action to the bottom navigation - either triggering an overlay menu or acting as a link
  *
@@ -1550,6 +1558,7 @@ declare type SidebarSubmenuItemDropdownItem = {
 /**
  * Holds submenu item content.
  *
+ * @remarks
  * title: Text content of submenu item
  * subtitle: A subtitle displayed under the main title
  * to: Path to navigate to when item is clicked
@@ -1660,6 +1669,7 @@ declare type SidebarItemProps = SidebarItemLinkProps | SidebarItemButtonProps |
 /**
  * Creates a `SidebarItem`
  *
+ * @remarks
  * If children contain a `SidebarSubmenu` component the `SidebarItem` will have a expandable submenu
  */
 declare const SidebarItem: (props: SidebarItemProps) => JSX.Element;
@@ -1678,6 +1688,8 @@ declare const SidebarDivider: React__default.ComponentType<React__default.ClassA
 declare const SidebarScrollWrapper: React__default.ComponentType<React__default.ClassAttributes<HTMLDivElement> & React__default.HTMLAttributes<HTMLDivElement> & StyledComponentProps<"root">>;
 /**
  * A button which allows you to expand the sidebar when clicked.
+ *
+ * @remarks
  * Use optionally to replace sidebar's expand-on-hover feature with expand-on-click.
  *
  * If you are using this you might want to set the `disableExpandOnHover` of the `Sidebar` to `true`.
@@ -1815,7 +1827,7 @@ declare type SignInProviderConfig = {
     message: string;
     apiRef: ApiRef<ProfileInfoApi & BackstageIdentityApi & SessionApi>;
 };
-/** @public **/
+/** @public */
 declare type IdentityProviders = ('guest' | 'custom' | SignInProviderConfig)[];
 
 declare type MultiSignInPageProps = SignInPageProps & {
@@ -2031,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
@@ -551,7 +558,7 @@ function DefaultLabel({ edge: { label } }) {
 const useStyles$N = makeStyles$1(
   (theme) => ({
     path: {
-      strokeWidth: 2,
+      strokeWidth: 1,
       stroke: theme.palette.textSubtle,
       fill: "none",
       transition: `${theme.transitions.duration.shortest}ms`
@@ -565,12 +572,12 @@ const useStyles$N = makeStyles$1(
 const renderDefault = (props) => /* @__PURE__ */ React.createElement(DefaultLabel, {
   ...props
 });
-const createPath = d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape.curveMonotoneX);
 function Edge({
   render = renderDefault,
   setEdge,
   id,
-  edge
+  edge,
+  curve
 }) {
   const { x = 0, y = 0, width, height, points } = edge;
   const labelProps = edge;
@@ -591,6 +598,10 @@ function Edge({
     }
   }, [edge, height, width, setEdge, id]);
   let path = "";
+  const createPath = React.useMemo(
+    () => d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape[curve]),
+    [curve]
+  );
   if (points) {
     const finitePoints = points.filter(
       (point) => isFinite(point.x) && isFinite(point.y)
@@ -600,7 +611,6 @@ function Edge({
   return /* @__PURE__ */ React.createElement(React.Fragment, null, path && /* @__PURE__ */ React.createElement("path", {
     "data-testid": EDGE_TEST_ID,
     className: classes.path,
-    markerEnd: `url(#${ARROW_MARKER_ID})`,
     d: path
   }), labelProps.label ? /* @__PURE__ */ React.createElement("g", {
     ref: labelRef,
@@ -633,6 +643,7 @@ function DependencyGraph(props) {
     renderLabel,
     defs,
     zoom = "enabled",
+    curve = "curveMonotoneX",
     ...svgProps
   } = props;
   const theme = useTheme$1();
@@ -823,7 +834,8 @@ function DependencyGraph(props) {
       id: e,
       setEdge,
       render: renderLabel,
-      edge
+      edge,
+      curve
     });
   }), graphNodes.map((id) => {
     const node = graph.current.node(id);
@@ -1557,19 +1569,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
@@ -4281,7 +4291,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,
@@ -4596,10 +4606,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
@@ -5326,7 +5334,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
   }));
 }
@@ -6033,63 +6043,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,
@@ -7019,5 +6972,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