@backstage/core-components 0.8.8-next.0 → 0.8.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/dist/index.d.ts +17 -19
- package/dist/index.esm.js +49 -47
- package/dist/index.esm.js.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @backstage/core-components
|
|
2
2
|
|
|
3
|
+
## 0.8.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 8d785a0b1b: chore: bump `ansi-regex` from `5.0.1` to `6.0.1`
|
|
8
|
+
- f2dfbd3fb0: Adjust ErrorPage to accept optional supportUrl property to override app support config. Update type of additionalInfo property to be ReactNode to accept both string and component.
|
|
9
|
+
- 19155e0939: Updated React component type declarations to avoid exporting exotic component types.
|
|
10
|
+
- 89c84b9108: chore: fixing typescript errors for `TabbedCard.tsx` for React 17.x
|
|
11
|
+
- d62bdb7a8e: The `ErrorPage` now falls back to using the default support configuration if the `ConfigApi` is not available.
|
|
12
|
+
|
|
3
13
|
## 0.8.8-next.0
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
package/dist/index.d.ts
CHANGED
|
@@ -16,12 +16,11 @@ import { Column, MaterialTableProps } from '@material-table/core';
|
|
|
16
16
|
import { SparklinesProps, SparklinesLineProps } from 'react-sparklines';
|
|
17
17
|
import { IconComponent, SignInPageProps, ApiRef, ProfileInfoApi, BackstageIdentityApi, SessionApi, IdentityApi, ProfileInfo, BackstageUserIdentity } from '@backstage/core-plugin-api';
|
|
18
18
|
import * as _material_ui_styles from '@material-ui/styles';
|
|
19
|
-
import * as _material_ui_core_styles from '@material-ui/core/styles';
|
|
20
19
|
import { WithStyles, Theme } from '@material-ui/core/styles';
|
|
21
20
|
import { BottomNavigationActionProps } from '@material-ui/core/BottomNavigationAction';
|
|
21
|
+
import { StyledComponentProps, StyleRules } from '@material-ui/core/styles/withStyles';
|
|
22
22
|
import MaterialBreadcrumbs from '@material-ui/core/Breadcrumbs';
|
|
23
23
|
import { Overrides } from '@material-ui/core/styles/overrides';
|
|
24
|
-
import { StyleRules } from '@material-ui/core/styles/withStyles';
|
|
25
24
|
|
|
26
25
|
/**
|
|
27
26
|
* Displays alerts from {@link @backstage/core-plugin-api#AlertApi}
|
|
@@ -73,7 +72,7 @@ declare type LinkProps = LinkProps$1 & LinkProps$2 & {
|
|
|
73
72
|
* - Makes the Link use react-router
|
|
74
73
|
* - Captures Link clicks as analytics events.
|
|
75
74
|
*/
|
|
76
|
-
declare const
|
|
75
|
+
declare const Link: (props: LinkProps) => JSX.Element;
|
|
77
76
|
|
|
78
77
|
/**
|
|
79
78
|
* Properties for {@link Button}
|
|
@@ -84,8 +83,15 @@ declare const ActualLink: React__default.ForwardRefExoticComponent<Pick<LinkProp
|
|
|
84
83
|
* See {@link https://v4.mui.com/api/button/#props | Material-UI Button Props} for all properties
|
|
85
84
|
*/
|
|
86
85
|
declare type ButtonProps = ButtonProps$1 & Omit<LinkProps, 'variant' | 'color'>;
|
|
87
|
-
/**
|
|
88
|
-
|
|
86
|
+
/**
|
|
87
|
+
* Thin wrapper on top of material-ui's {@link https://v4.mui.com/components/buttons/ | Button} component
|
|
88
|
+
*
|
|
89
|
+
* @public
|
|
90
|
+
* @remarks
|
|
91
|
+
*
|
|
92
|
+
* Makes the Button to utilise react-router
|
|
93
|
+
*/
|
|
94
|
+
declare const Button: (props: ButtonProps) => JSX.Element;
|
|
89
95
|
|
|
90
96
|
/**
|
|
91
97
|
* Properties for {@link CodeSnippet}
|
|
@@ -1582,7 +1588,7 @@ declare type SidebarItemProps = SidebarItemLinkProps | SidebarItemButtonProps |
|
|
|
1582
1588
|
*
|
|
1583
1589
|
* If children contain a `SidebarSubmenu` component the `SidebarItem` will have a expandable submenu
|
|
1584
1590
|
*/
|
|
1585
|
-
declare const SidebarItem:
|
|
1591
|
+
declare const SidebarItem: (props: SidebarItemProps) => JSX.Element;
|
|
1586
1592
|
declare type SidebarSearchFieldProps = {
|
|
1587
1593
|
onSearch: (input: string) => void;
|
|
1588
1594
|
to?: string;
|
|
@@ -1590,20 +1596,12 @@ declare type SidebarSearchFieldProps = {
|
|
|
1590
1596
|
};
|
|
1591
1597
|
declare function SidebarSearchField(props: SidebarSearchFieldProps): JSX.Element;
|
|
1592
1598
|
declare type SidebarSpaceClassKey = 'root';
|
|
1593
|
-
declare const SidebarSpace: React__default.ComponentType<
|
|
1594
|
-
className?: string | undefined;
|
|
1595
|
-
}>;
|
|
1599
|
+
declare const SidebarSpace: React__default.ComponentType<React__default.ClassAttributes<HTMLDivElement> & React__default.HTMLAttributes<HTMLDivElement> & StyledComponentProps<"root">>;
|
|
1596
1600
|
declare type SidebarSpacerClassKey = 'root';
|
|
1597
|
-
declare const SidebarSpacer: React__default.ComponentType<
|
|
1598
|
-
className?: string | undefined;
|
|
1599
|
-
}>;
|
|
1601
|
+
declare const SidebarSpacer: React__default.ComponentType<React__default.ClassAttributes<HTMLDivElement> & React__default.HTMLAttributes<HTMLDivElement> & StyledComponentProps<"root">>;
|
|
1600
1602
|
declare type SidebarDividerClassKey = 'root';
|
|
1601
|
-
declare const SidebarDivider: React__default.ComponentType<
|
|
1602
|
-
|
|
1603
|
-
}>;
|
|
1604
|
-
declare const SidebarScrollWrapper: React__default.ComponentType<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof React__default.ClassAttributes<HTMLDivElement>> & _material_ui_core_styles.StyledComponentProps<"root"> & {
|
|
1605
|
-
className?: string | undefined;
|
|
1606
|
-
}>;
|
|
1603
|
+
declare const SidebarDivider: React__default.ComponentType<React__default.ClassAttributes<HTMLHRElement> & React__default.HTMLAttributes<HTMLHRElement> & StyledComponentProps<"root">>;
|
|
1604
|
+
declare const SidebarScrollWrapper: React__default.ComponentType<React__default.ClassAttributes<HTMLDivElement> & React__default.HTMLAttributes<HTMLDivElement> & StyledComponentProps<"root">>;
|
|
1607
1605
|
/**
|
|
1608
1606
|
* A button which allows you to expand the sidebar when clicked.
|
|
1609
1607
|
* Use optionally to replace sidebar's expand-on-hover feature with expand-on-click.
|
|
@@ -1877,4 +1875,4 @@ declare type BackstageOverrides = Overrides & {
|
|
|
1877
1875
|
[Name in keyof BackstageComponentsNameToClassKey]?: Partial<StyleRules<BackstageComponentsNameToClassKey[Name]>>;
|
|
1878
1876
|
};
|
|
1879
1877
|
|
|
1880
|
-
export { AlertDisplay, Avatar, AvatarClassKey, AvatarProps, BackstageContentClassKey, BackstageOverrides, BoldHeaderClassKey, BottomLink, BottomLinkClassKey, BottomLinkProps, Breadcrumbs, BreadcrumbsClickableTextClassKey, BreadcrumbsStyledBoxClassKey, BrokenImageIcon,
|
|
1878
|
+
export { AlertDisplay, 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, 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, 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, SidebarContext, SidebarContextType, SidebarDivider, SidebarDividerClassKey, SidebarExpandButton, SidebarGroup, SidebarGroupProps, SidebarIntro, SidebarIntroClassKey, SidebarItem, SidebarItemClassKey, SidebarPage, SidebarPageClassKey, SidebarPageProps, SidebarPinStateContext, SidebarPinStateContextType, 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, 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, useContent, useQueryParamState, useSupportConfig };
|
package/dist/index.esm.js
CHANGED
|
@@ -7,9 +7,9 @@ import { useApi, alertApiRef, useAnalytics, errorApiRef, storageApiRef, useApp,
|
|
|
7
7
|
import pluralize from 'pluralize';
|
|
8
8
|
import { makeStyles, createStyles, useTheme, darken, lighten, withStyles, styled, ThemeProvider } from '@material-ui/core/styles';
|
|
9
9
|
import MaterialAvatar from '@material-ui/core/Avatar';
|
|
10
|
-
import Button from '@material-ui/core/Button';
|
|
11
|
-
import Link from '@material-ui/core/Link';
|
|
12
|
-
import { Link as Link$
|
|
10
|
+
import Button$1 from '@material-ui/core/Button';
|
|
11
|
+
import Link$1 from '@material-ui/core/Link';
|
|
12
|
+
import { Link as Link$2, useSearchParams, useLocation, useResolvedPath, resolvePath, NavLink } from 'react-router-dom';
|
|
13
13
|
import Tooltip from '@material-ui/core/Tooltip';
|
|
14
14
|
import CopyIcon from '@material-ui/icons/FileCopy';
|
|
15
15
|
import useCopyToClipboard from 'react-use/lib/useCopyToClipboard';
|
|
@@ -220,7 +220,7 @@ const getNodeText = (node) => {
|
|
|
220
220
|
}
|
|
221
221
|
return "";
|
|
222
222
|
};
|
|
223
|
-
const
|
|
223
|
+
const Link = React.forwardRef(({ onClick, noTrack, ...props }, ref) => {
|
|
224
224
|
const analytics = useAnalytics();
|
|
225
225
|
const to = String(props.to);
|
|
226
226
|
const linkText = getNodeText(props.children) || to;
|
|
@@ -232,26 +232,26 @@ const ActualLink = React.forwardRef(({ onClick, noTrack, ...props }, ref) => {
|
|
|
232
232
|
analytics.captureEvent("click", linkText, { attributes: { to } });
|
|
233
233
|
}
|
|
234
234
|
};
|
|
235
|
-
return external ? /* @__PURE__ */ React.createElement(Link, {
|
|
235
|
+
return external ? /* @__PURE__ */ React.createElement(Link$1, {
|
|
236
236
|
ref,
|
|
237
237
|
href: to,
|
|
238
238
|
onClick: handleClick,
|
|
239
239
|
...newWindow ? { target: "_blank", rel: "noopener" } : {},
|
|
240
240
|
...props
|
|
241
|
-
}) : /* @__PURE__ */ React.createElement(Link, {
|
|
241
|
+
}) : /* @__PURE__ */ React.createElement(Link$1, {
|
|
242
242
|
ref,
|
|
243
|
-
component: Link$
|
|
243
|
+
component: Link$2,
|
|
244
244
|
onClick: handleClick,
|
|
245
245
|
...props
|
|
246
246
|
});
|
|
247
247
|
});
|
|
248
248
|
|
|
249
|
-
const LinkWrapper = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(
|
|
249
|
+
const LinkWrapper = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Link, {
|
|
250
250
|
ref,
|
|
251
251
|
...props,
|
|
252
252
|
color: "initial"
|
|
253
253
|
}));
|
|
254
|
-
const
|
|
254
|
+
const Button = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Button$1, {
|
|
255
255
|
ref,
|
|
256
256
|
component: LinkWrapper,
|
|
257
257
|
...props
|
|
@@ -328,13 +328,13 @@ function CreateButton(props) {
|
|
|
328
328
|
return null;
|
|
329
329
|
}
|
|
330
330
|
return isXSScreen ? /* @__PURE__ */ React.createElement(IconButton, {
|
|
331
|
-
component: Link$
|
|
331
|
+
component: Link$2,
|
|
332
332
|
color: "primary",
|
|
333
333
|
title,
|
|
334
334
|
size: "small",
|
|
335
335
|
to
|
|
336
|
-
}, /* @__PURE__ */ React.createElement(AddCircleOutline, null)) : /* @__PURE__ */ React.createElement(Button, {
|
|
337
|
-
component: Link$
|
|
336
|
+
}, /* @__PURE__ */ React.createElement(AddCircleOutline, null)) : /* @__PURE__ */ React.createElement(Button$1, {
|
|
337
|
+
component: Link$2,
|
|
338
338
|
variant: "contained",
|
|
339
339
|
color: "primary",
|
|
340
340
|
to
|
|
@@ -947,9 +947,9 @@ function MissingAnnotationEmptyState(props) {
|
|
|
947
947
|
showLineNumbers: true,
|
|
948
948
|
highlightedNumbers: [6, 7],
|
|
949
949
|
customStyle: { background: "inherit", fontSize: "115%" }
|
|
950
|
-
})), /* @__PURE__ */ React.createElement(Button, {
|
|
950
|
+
})), /* @__PURE__ */ React.createElement(Button$1, {
|
|
951
951
|
color: "primary",
|
|
952
|
-
component:
|
|
952
|
+
component: Link,
|
|
953
953
|
to: "https://backstage.io/docs/features/software-catalog/well-known-annotations"
|
|
954
954
|
}, "Read more"))
|
|
955
955
|
});
|
|
@@ -1389,7 +1389,7 @@ function IconLinkVertical({
|
|
|
1389
1389
|
}) {
|
|
1390
1390
|
const classes = useIconStyles();
|
|
1391
1391
|
if (disabled) {
|
|
1392
|
-
return /* @__PURE__ */ React.createElement(Link, {
|
|
1392
|
+
return /* @__PURE__ */ React.createElement(Link$1, {
|
|
1393
1393
|
title,
|
|
1394
1394
|
className: classNames(classes.link, classes.disabled),
|
|
1395
1395
|
underline: "none"
|
|
@@ -1397,11 +1397,11 @@ function IconLinkVertical({
|
|
|
1397
1397
|
className: classes.label
|
|
1398
1398
|
}, label));
|
|
1399
1399
|
}
|
|
1400
|
-
return /* @__PURE__ */ React.createElement(Link, {
|
|
1400
|
+
return /* @__PURE__ */ React.createElement(Link$1, {
|
|
1401
1401
|
title,
|
|
1402
1402
|
className: classNames(classes.link, classes[color]),
|
|
1403
1403
|
to: href,
|
|
1404
|
-
component:
|
|
1404
|
+
component: Link,
|
|
1405
1405
|
onClick
|
|
1406
1406
|
}, icon, /* @__PURE__ */ React.createElement("span", {
|
|
1407
1407
|
className: classes.label
|
|
@@ -1716,7 +1716,7 @@ const LoginRequestListItem = ({ request, busy, setBusy }) => {
|
|
|
1716
1716
|
secondary: error && /* @__PURE__ */ React.createElement(Typography, {
|
|
1717
1717
|
color: "error"
|
|
1718
1718
|
}, error)
|
|
1719
|
-
}), /* @__PURE__ */ React.createElement(Button, {
|
|
1719
|
+
}), /* @__PURE__ */ React.createElement(Button$1, {
|
|
1720
1720
|
color: "primary",
|
|
1721
1721
|
variant: "contained",
|
|
1722
1722
|
onClick: handleContinue
|
|
@@ -1762,7 +1762,7 @@ function OAuthRequestDialog(_props) {
|
|
|
1762
1762
|
setBusy
|
|
1763
1763
|
})))), /* @__PURE__ */ React.createElement(DialogActions, {
|
|
1764
1764
|
classes: { root: classes.actionButtons }
|
|
1765
|
-
}, /* @__PURE__ */ React.createElement(Button, {
|
|
1765
|
+
}, /* @__PURE__ */ React.createElement(Button$1, {
|
|
1766
1766
|
onClick: handleRejectAll
|
|
1767
1767
|
}, "Reject All")));
|
|
1768
1768
|
}
|
|
@@ -1824,7 +1824,7 @@ const useStyles$z = makeStyles((theme) => ({
|
|
|
1824
1824
|
function BottomLink(props) {
|
|
1825
1825
|
const { link, title, onClick } = props;
|
|
1826
1826
|
const classes = useStyles$z();
|
|
1827
|
-
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
|
|
1827
|
+
return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(Link, {
|
|
1828
1828
|
to: link,
|
|
1829
1829
|
onClick,
|
|
1830
1830
|
underline: "none"
|
|
@@ -1850,7 +1850,7 @@ const SlackLink = (props) => {
|
|
|
1850
1850
|
} else if (!slackChannel.href) {
|
|
1851
1851
|
return /* @__PURE__ */ React.createElement(React.Fragment, null, "Please contact ", slackChannel.name, " for help.");
|
|
1852
1852
|
}
|
|
1853
|
-
return /* @__PURE__ */ React.createElement(
|
|
1853
|
+
return /* @__PURE__ */ React.createElement(Button, {
|
|
1854
1854
|
to: slackChannel.href,
|
|
1855
1855
|
variant: "contained"
|
|
1856
1856
|
}, slackChannel.name);
|
|
@@ -2426,7 +2426,7 @@ const useStyles$s = makeStyles((theme) => ({
|
|
|
2426
2426
|
}
|
|
2427
2427
|
}
|
|
2428
2428
|
}), { name: "BackstageSimpleStepperFooter" });
|
|
2429
|
-
const RestartBtn = ({ text, handleClick }) => /* @__PURE__ */ React.createElement(Button, {
|
|
2429
|
+
const RestartBtn = ({ text, handleClick }) => /* @__PURE__ */ React.createElement(Button$1, {
|
|
2430
2430
|
onClick: handleClick
|
|
2431
2431
|
}, text || "Reset");
|
|
2432
2432
|
const NextBtn = ({
|
|
@@ -2435,14 +2435,14 @@ const NextBtn = ({
|
|
|
2435
2435
|
disabled,
|
|
2436
2436
|
last,
|
|
2437
2437
|
stepIndex
|
|
2438
|
-
}) => /* @__PURE__ */ React.createElement(Button, {
|
|
2438
|
+
}) => /* @__PURE__ */ React.createElement(Button$1, {
|
|
2439
2439
|
variant: "contained",
|
|
2440
2440
|
color: "primary",
|
|
2441
2441
|
disabled,
|
|
2442
2442
|
"data-testid": `nextButton-${stepIndex}`,
|
|
2443
2443
|
onClick: handleClick
|
|
2444
2444
|
}, text || (last ? "Finish" : "Next"));
|
|
2445
|
-
const BackBtn = ({ text, handleClick, disabled, stepIndex }) => /* @__PURE__ */ React.createElement(Button, {
|
|
2445
|
+
const BackBtn = ({ text, handleClick, disabled, stepIndex }) => /* @__PURE__ */ React.createElement(Button$1, {
|
|
2446
2446
|
onClick: handleClick,
|
|
2447
2447
|
"data-testid": `backButton-${stepIndex}`,
|
|
2448
2448
|
disabled
|
|
@@ -2898,7 +2898,7 @@ const SupportIcon = ({ icon }) => {
|
|
|
2898
2898
|
};
|
|
2899
2899
|
const SupportLink = ({ link }) => {
|
|
2900
2900
|
var _a;
|
|
2901
|
-
return /* @__PURE__ */ React.createElement(
|
|
2901
|
+
return /* @__PURE__ */ React.createElement(Link, {
|
|
2902
2902
|
to: link.url
|
|
2903
2903
|
}, (_a = link.title) != null ? _a : link.url);
|
|
2904
2904
|
};
|
|
@@ -2942,7 +2942,7 @@ function SupportButton(props) {
|
|
|
2942
2942
|
size: "small",
|
|
2943
2943
|
onClick: onClickHandler,
|
|
2944
2944
|
"data-testid": "support-button"
|
|
2945
|
-
}, /* @__PURE__ */ React.createElement(HelpIcon, null)) : /* @__PURE__ */ React.createElement(Button, {
|
|
2945
|
+
}, /* @__PURE__ */ React.createElement(HelpIcon, null)) : /* @__PURE__ */ React.createElement(Button$1, {
|
|
2946
2946
|
"data-testid": "support-button",
|
|
2947
2947
|
color: "primary",
|
|
2948
2948
|
onClick: onClickHandler,
|
|
@@ -2972,7 +2972,7 @@ function SupportButton(props) {
|
|
|
2972
2972
|
}, child)), items && items.map((item, i) => /* @__PURE__ */ React.createElement(SupportListItem, {
|
|
2973
2973
|
item,
|
|
2974
2974
|
key: `item-${i}`
|
|
2975
|
-
}))), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, {
|
|
2975
|
+
}))), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button$1, {
|
|
2976
2976
|
color: "primary",
|
|
2977
2977
|
onClick: popoverCloseHandler
|
|
2978
2978
|
}, "Close"))));
|
|
@@ -3125,7 +3125,7 @@ const MobileSidebarGroup = (props) => {
|
|
|
3125
3125
|
return /* @__PURE__ */ React.createElement(BottomNavigationAction, {
|
|
3126
3126
|
label,
|
|
3127
3127
|
icon,
|
|
3128
|
-
component:
|
|
3128
|
+
component: Link,
|
|
3129
3129
|
to: to ? to : location.pathname,
|
|
3130
3130
|
onChange,
|
|
3131
3131
|
value,
|
|
@@ -3383,7 +3383,7 @@ function A11ySkipSidebar() {
|
|
|
3383
3383
|
if (!(contentRef == null ? void 0 : contentRef.current)) {
|
|
3384
3384
|
return null;
|
|
3385
3385
|
}
|
|
3386
|
-
return /* @__PURE__ */ React.createElement(Button, {
|
|
3386
|
+
return /* @__PURE__ */ React.createElement(Button$1, {
|
|
3387
3387
|
onClick: focusContent,
|
|
3388
3388
|
variant: "contained",
|
|
3389
3389
|
className: classNames(classes.visuallyHidden)
|
|
@@ -3489,7 +3489,7 @@ const SidebarSubmenuItem = (props) => {
|
|
|
3489
3489
|
className: classes.dropdownArrow
|
|
3490
3490
|
})), dropdownItems && showDropDown && /* @__PURE__ */ React.createElement("div", {
|
|
3491
3491
|
className: classes.dropdown
|
|
3492
|
-
}, dropdownItems.map((object, key) => /* @__PURE__ */ React.createElement(Link, {
|
|
3492
|
+
}, dropdownItems.map((object, key) => /* @__PURE__ */ React.createElement(Link$1, {
|
|
3493
3493
|
component: NavLink,
|
|
3494
3494
|
to: object.to,
|
|
3495
3495
|
underline: "none",
|
|
@@ -3503,7 +3503,7 @@ const SidebarSubmenuItem = (props) => {
|
|
|
3503
3503
|
}
|
|
3504
3504
|
return /* @__PURE__ */ React.createElement("div", {
|
|
3505
3505
|
className: classes.itemContainer
|
|
3506
|
-
}, /* @__PURE__ */ React.createElement(Link, {
|
|
3506
|
+
}, /* @__PURE__ */ React.createElement(Link$1, {
|
|
3507
3507
|
component: NavLink,
|
|
3508
3508
|
to,
|
|
3509
3509
|
underline: "none",
|
|
@@ -3804,7 +3804,7 @@ const WorkaroundNavLink = React.forwardRef(function WorkaroundNavLinkWithRef({
|
|
|
3804
3804
|
isActive = locationPathname.startsWith(`${toPathname}/`);
|
|
3805
3805
|
}
|
|
3806
3806
|
const ariaCurrent = isActive ? ariaCurrentProp : void 0;
|
|
3807
|
-
return /* @__PURE__ */ React.createElement(Link$
|
|
3807
|
+
return /* @__PURE__ */ React.createElement(Link$2, {
|
|
3808
3808
|
...rest,
|
|
3809
3809
|
to,
|
|
3810
3810
|
ref,
|
|
@@ -4082,7 +4082,7 @@ function IntroCard(props) {
|
|
|
4082
4082
|
variant: "subtitle2"
|
|
4083
4083
|
}, text), /* @__PURE__ */ React.createElement("div", {
|
|
4084
4084
|
className: classes.introDismiss
|
|
4085
|
-
}, /* @__PURE__ */ React.createElement(Link, {
|
|
4085
|
+
}, /* @__PURE__ */ React.createElement(Link$1, {
|
|
4086
4086
|
component: "button",
|
|
4087
4087
|
onClick: handleClose,
|
|
4088
4088
|
underline: "none",
|
|
@@ -4376,7 +4376,7 @@ const Filters = (props) => {
|
|
|
4376
4376
|
className: classes.header
|
|
4377
4377
|
}, /* @__PURE__ */ React.createElement("div", {
|
|
4378
4378
|
className: classes.value
|
|
4379
|
-
}, "Filters"), /* @__PURE__ */ React.createElement(Button, {
|
|
4379
|
+
}, "Filters"), /* @__PURE__ */ React.createElement(Button$1, {
|
|
4380
4380
|
color: "primary",
|
|
4381
4381
|
onClick: handleClick
|
|
4382
4382
|
}, "Clear all")), /* @__PURE__ */ React.createElement("div", {
|
|
@@ -5101,11 +5101,11 @@ function ErrorPage(props) {
|
|
|
5101
5101
|
className: classes.title
|
|
5102
5102
|
}, "Looks like someone dropped the mic!"), /* @__PURE__ */ React.createElement(Typography, {
|
|
5103
5103
|
variant: "h6"
|
|
5104
|
-
}, /* @__PURE__ */ React.createElement(
|
|
5104
|
+
}, /* @__PURE__ */ React.createElement(Link, {
|
|
5105
5105
|
to: "#",
|
|
5106
5106
|
"data-testid": "go-back-link",
|
|
5107
5107
|
onClick: () => navigate(-1)
|
|
5108
|
-
}, "Go back"), "... or please", " ", /* @__PURE__ */ React.createElement(
|
|
5108
|
+
}, "Go back"), "... or please", " ", /* @__PURE__ */ React.createElement(Link, {
|
|
5109
5109
|
to: supportUrl || support.url
|
|
5110
5110
|
}, "contact support"), " if you think this is a bug.")));
|
|
5111
5111
|
}
|
|
@@ -5243,7 +5243,7 @@ const TypeFragment = ({
|
|
|
5243
5243
|
}
|
|
5244
5244
|
return /* @__PURE__ */ React.createElement(Breadcrumbs, {
|
|
5245
5245
|
className: classes.breadcrumb
|
|
5246
|
-
}, /* @__PURE__ */ React.createElement(
|
|
5246
|
+
}, /* @__PURE__ */ React.createElement(Link, {
|
|
5247
5247
|
to: typeLink
|
|
5248
5248
|
}, type), /* @__PURE__ */ React.createElement(Typography, null, pageTitle));
|
|
5249
5249
|
};
|
|
@@ -5352,7 +5352,7 @@ function HeaderLabel(props) {
|
|
|
5352
5352
|
className: classes.root
|
|
5353
5353
|
}, /* @__PURE__ */ React.createElement(Typography, {
|
|
5354
5354
|
className: classes.label
|
|
5355
|
-
}, label), url ? /* @__PURE__ */ React.createElement(
|
|
5355
|
+
}, label), url ? /* @__PURE__ */ React.createElement(Link, {
|
|
5356
5356
|
to: url
|
|
5357
5357
|
}, content) : content));
|
|
5358
5358
|
}
|
|
@@ -5445,11 +5445,11 @@ function ItemCard(props) {
|
|
|
5445
5445
|
size: "small",
|
|
5446
5446
|
label: tag,
|
|
5447
5447
|
key: i
|
|
5448
|
-
}))) : null, description), /* @__PURE__ */ React.createElement(CardActions, null, !href && /* @__PURE__ */ React.createElement(
|
|
5448
|
+
}))) : null, description), /* @__PURE__ */ React.createElement(CardActions, null, !href && /* @__PURE__ */ React.createElement(Button, {
|
|
5449
5449
|
to: "#",
|
|
5450
5450
|
onClick,
|
|
5451
5451
|
color: "primary"
|
|
5452
|
-
}, label), href && /* @__PURE__ */ React.createElement(
|
|
5452
|
+
}, label), href && /* @__PURE__ */ React.createElement(Button, {
|
|
5453
5453
|
to: href,
|
|
5454
5454
|
color: "primary"
|
|
5455
5455
|
}, label)));
|
|
@@ -5844,7 +5844,7 @@ const Component$2 = ({ config, onSignInSuccess }) => {
|
|
|
5844
5844
|
return /* @__PURE__ */ React.createElement(GridItem, null, /* @__PURE__ */ React.createElement(InfoCard, {
|
|
5845
5845
|
variant: "fullHeight",
|
|
5846
5846
|
title,
|
|
5847
|
-
actions: /* @__PURE__ */ React.createElement(Button, {
|
|
5847
|
+
actions: /* @__PURE__ */ React.createElement(Button$1, {
|
|
5848
5848
|
color: "primary",
|
|
5849
5849
|
variant: "outlined",
|
|
5850
5850
|
onClick: handleLogin
|
|
@@ -5873,7 +5873,7 @@ const commonProvider = { Component: Component$2, loader: loader$2 };
|
|
|
5873
5873
|
const Component$1 = ({ onSignInSuccess }) => /* @__PURE__ */ React.createElement(GridItem, null, /* @__PURE__ */ React.createElement(InfoCard, {
|
|
5874
5874
|
title: "Guest",
|
|
5875
5875
|
variant: "fullHeight",
|
|
5876
|
-
actions: /* @__PURE__ */ React.createElement(Button, {
|
|
5876
|
+
actions: /* @__PURE__ */ React.createElement(Button$1, {
|
|
5877
5877
|
color: "primary",
|
|
5878
5878
|
variant: "outlined",
|
|
5879
5879
|
onClick: () => onSignInSuccess(new GuestUserIdentity())
|
|
@@ -5944,7 +5944,7 @@ const Component = ({ onSignInSuccess }) => {
|
|
|
5944
5944
|
error: Boolean(errors.idToken)
|
|
5945
5945
|
}), errors.idToken && /* @__PURE__ */ React.createElement(FormHelperText, {
|
|
5946
5946
|
error: true
|
|
5947
|
-
}, errors.idToken.message)), /* @__PURE__ */ React.createElement(Button, {
|
|
5947
|
+
}, errors.idToken.message)), /* @__PURE__ */ React.createElement(Button$1, {
|
|
5948
5948
|
type: "submit",
|
|
5949
5949
|
color: "primary",
|
|
5950
5950
|
variant: "outlined",
|
|
@@ -6176,7 +6176,7 @@ const SingleSignInPage = ({
|
|
|
6176
6176
|
}, /* @__PURE__ */ React.createElement(GridItem, null, /* @__PURE__ */ React.createElement(InfoCard, {
|
|
6177
6177
|
variant: "fullHeight",
|
|
6178
6178
|
title: provider.title,
|
|
6179
|
-
actions: /* @__PURE__ */ React.createElement(Button, {
|
|
6179
|
+
actions: /* @__PURE__ */ React.createElement(Button$1, {
|
|
6180
6180
|
color: "primary",
|
|
6181
6181
|
variant: "outlined",
|
|
6182
6182
|
onClick: () => {
|
|
@@ -6232,13 +6232,15 @@ function TabbedCard(props) {
|
|
|
6232
6232
|
let selectedTabContent;
|
|
6233
6233
|
if (!value) {
|
|
6234
6234
|
React.Children.map(children, (child, index) => {
|
|
6235
|
-
if (index === selectedIndex)
|
|
6235
|
+
if (React.isValidElement(child) && index === selectedIndex) {
|
|
6236
6236
|
selectedTabContent = child == null ? void 0 : child.props.children;
|
|
6237
|
+
}
|
|
6237
6238
|
});
|
|
6238
6239
|
} else {
|
|
6239
6240
|
React.Children.map(children, (child) => {
|
|
6240
|
-
if ((child == null ? void 0 : child.props.value) === value)
|
|
6241
|
+
if (React.isValidElement(child) && (child == null ? void 0 : child.props.value) === value) {
|
|
6241
6242
|
selectedTabContent = child == null ? void 0 : child.props.children;
|
|
6243
|
+
}
|
|
6242
6244
|
});
|
|
6243
6245
|
}
|
|
6244
6246
|
const errProps = errorBoundaryProps || (slackChannel ? { slackChannel } : {});
|
|
@@ -6282,5 +6284,5 @@ function CardTab(props) {
|
|
|
6282
6284
|
});
|
|
6283
6285
|
}
|
|
6284
6286
|
|
|
6285
|
-
export { AlertDisplay, Avatar, BottomLink, Breadcrumbs, BrokenImageIcon,
|
|
6287
|
+
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, 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, SidebarContext, SidebarDivider, SidebarExpandButton, SidebarGroup, SidebarIntro, SidebarItem, SidebarPage, SidebarPinStateContext, 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, useSupportConfig };
|
|
6286
6288
|
//# sourceMappingURL=index.esm.js.map
|