@backstage/core-components 0.12.0 → 0.12.1-next.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @backstage/core-components
 
+## 0.12.1-next.0
+
+### Patch Changes
+
+- ea4a5be8f3: Create a variable for minimum height and add a prop named 'fit' for determining if the graph height should grow or be contained.
+- 64a579a998: Add items prop to SupportButton. This prop can be used to override the items that would otherwise be grabbed from the config.
+- 3280711113: Updated dependency `msw` to `^0.49.0`.
+- 19356df560: Updated dependency `zen-observable` to `^0.9.0`.
+- 17a8e32f39: Updated dependency `rc-progress` to `3.4.1`.
+- dfc8edf9c5: Internal refactor to avoid usage of deprecated symbols.
+- Updated dependencies
+  - @backstage/core-plugin-api@1.1.1-next.0
+  - @backstage/config@1.0.5-next.0
+  - @backstage/errors@1.1.4-next.0
+  - @backstage/theme@0.2.16
+  - @backstage/version-bridge@1.0.2
+
 ## 0.12.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -518,6 +518,14 @@ interface DependencyGraphProps<NodeData, EdgeData> extends React__default.SVGPro
      * Default: 'curveMonotoneX'
      */
     curve?: 'curveStepBefore' | 'curveMonotoneX';
+    /**
+     * Controls if the graph should be contained or grow
+     *
+     * @remarks
+     *
+     * Default: 'grow'
+     */
+    fit?: 'grow' | 'contain';
 }
 /**
  * Graph component used to visualize relations between entities
@@ -979,8 +987,29 @@ declare type Props$6 = {
 };
 declare function StructuredMetadataTable(props: Props$6): JSX.Element;
 
+declare type SetQueryParams<T> = (params: T) => void;
+declare function useQueryParamState<T>(stateName: string, 
+/** @deprecated Don't configure a custom debouceTime */
+debounceTime?: number): [T | undefined, SetQueryParams<T>];
+
+declare type SupportItemLink = {
+    url: string;
+    title: string;
+};
+declare type SupportItem = {
+    title: string;
+    icon?: string;
+    links: SupportItemLink[];
+};
+declare type SupportConfig = {
+    url: string;
+    items: SupportItem[];
+};
+declare function useSupportConfig(): SupportConfig;
+
 declare type SupportButtonProps = {
     title?: string;
+    items?: SupportItem[];
     children?: React__default.ReactNode;
 };
 declare type SupportButtonClassKey = 'popoverList';
@@ -1120,26 +1149,6 @@ declare type WarningProps = {
  */
 declare function WarningPanel(props: WarningProps): JSX.Element;
 
-declare type SetQueryParams<T> = (params: T) => void;
-declare function useQueryParamState<T>(stateName: string, 
-/** @deprecated Don't configure a custom debouceTime */
-debounceTime?: number): [T | undefined, SetQueryParams<T>];
-
-declare type SupportItemLink = {
-    url: string;
-    title: string;
-};
-declare type SupportItem = {
-    title: string;
-    icon?: string;
-    links: SupportItemLink[];
-};
-declare type SupportConfig = {
-    url: string;
-    items: SupportItem[];
-};
-declare function useSupportConfig(): SupportConfig;
-
 declare type IconComponentProps = ComponentProps<IconComponent>;
 /**
  * Broken Image Icon

package/dist/index.esm.js

@@ -644,6 +644,7 @@ function DependencyGraph(props) {
     defs,
     zoom = "enabled",
     curve = "curveMonotoneX",
+    fit = "grow",
     ...svgProps
   } = props;
   const theme = useTheme$1();
@@ -662,6 +663,8 @@ function DependencyGraph(props) {
   const [graphEdges, setGraphEdges] = React.useState([]);
   const maxWidth = Math.max(graphWidth, containerWidth);
   const maxHeight = Math.max(graphHeight, containerHeight);
+  const minHeight = Math.min(graphHeight, containerHeight);
+  const scalableHeight = fit === "grow" ? maxHeight : minHeight;
   const containerRef = React.useMemo(
     () => debounce((node) => {
       if (!node) {
@@ -803,7 +806,7 @@ function DependencyGraph(props) {
     ref: containerRef,
     ...svgProps,
     width: "100%",
-    height: maxHeight,
+    height: scalableHeight,
     viewBox: `0 0 ${maxWidth} ${maxHeight}`
   }, /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("marker", {
     id: ARROW_MARKER_ID,
@@ -3263,8 +3266,8 @@ const SupportListItem = ({ item }) => {
   }));
 };
 function SupportButton(props) {
-  const { title, children } = props;
-  const { items } = useSupportConfig();
+  const { title, items, children } = props;
+  const { items: configItems } = useSupportConfig();
   const [popoverOpen, setPopoverOpen] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const classes = useStyles$o();
@@ -3314,7 +3317,7 @@ function SupportButton(props) {
   }, title)), React.Children.map(children, (child, i) => /* @__PURE__ */ React.createElement(ListItem, {
     alignItems: "flex-start",
     key: `child-${i}`
-  }, child)), items && items.map((item, i) => /* @__PURE__ */ React.createElement(SupportListItem, {
+  }, child)), (items != null ? items : configItems).map((item, i) => /* @__PURE__ */ React.createElement(SupportListItem, {
     item,
     key: `item-${i}`
   }))), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button$1, {