@backstage/plugin-catalog-react 1.11.3-next.0 → 1.11.3

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @backstage/plugin-catalog-react
 
+## 1.11.3
+
+### Patch Changes
+
+- 47dec6f: Added the `no-top-level-material-ui-4-imports` ESLint rule to aid with the migration to Material UI v5
+- b863830: Change behavior in EntityAutoCompletePicker to only hide filter if there are no available options. Previously the filter was hidden if there were <= 1 available options.
+- abfbcfc: Updated dependency `@testing-library/react` to `^15.0.0`.
+- cb1e3b0: Updated dependency `@testing-library/dom` to `^10.0.0`.
+- Updated dependencies
+  - @backstage/core-components@0.14.4
+  - @backstage/core-plugin-api@1.9.2
+  - @backstage/frontend-plugin-api@0.6.4
+  - @backstage/version-bridge@1.0.8
+  - @backstage/plugin-permission-react@0.4.22
+  - @backstage/integration-react@1.1.26
+  - @backstage/catalog-client@1.6.4
+  - @backstage/catalog-model@1.4.5
+  - @backstage/errors@1.2.4
+  - @backstage/types@1.1.1
+  - @backstage/plugin-catalog-common@1.0.22
+  - @backstage/plugin-permission-common@0.7.13
+
+## 1.11.3-next.1
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/catalog-client@1.6.4-next.0
+  - @backstage/frontend-plugin-api@0.6.4-next.1
+  - @backstage/catalog-model@1.4.5
+  - @backstage/core-components@0.14.4-next.0
+  - @backstage/core-plugin-api@1.9.1
+  - @backstage/errors@1.2.4
+  - @backstage/integration-react@1.1.26-next.0
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.7
+  - @backstage/plugin-catalog-common@1.0.22
+  - @backstage/plugin-permission-common@0.7.13
+  - @backstage/plugin-permission-react@0.4.21
+
 ## 1.11.3-next.0
 
 ### Patch Changes

package/alpha/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-catalog-react",
-  "version": "1.11.3-next.0",
+  "version": "1.11.3",
   "main": "../dist/alpha.esm.js",
   "module": "../dist/alpha.esm.js",
   "types": "../dist/alpha.d.ts"

package/dist/index.d.ts

@@ -8,7 +8,8 @@ import { Entity, CompoundEntityRef } from '@backstage/catalog-model';
 import { Observable } from '@backstage/types';
 import React, { PropsWithChildren, ReactNode, ComponentProps } from 'react';
 import { LinkProps, InfoCardVariants, TableColumn, TableOptions } from '@backstage/core-components';
-import { IconButton, TextFieldProps } from '@material-ui/core';
+import IconButton from '@material-ui/core/IconButton';
+import { TextFieldProps } from '@material-ui/core/TextField';
 import { Overrides } from '@material-ui/core/styles/overrides';
 import { StyleRules } from '@material-ui/core/styles/withStyles';
 import { scmIntegrationsApiRef } from '@backstage/integration-react';

package/dist/index.esm.js

@@ -4,7 +4,13 @@ import { stringifyEntityRef, DEFAULT_NAMESPACE, ANNOTATION_SOURCE_LOCATION, pars
 import get from 'lodash/get';
 import React, { useState, useEffect, useMemo, createContext, useCallback, useContext, useRef, memo, Fragment, forwardRef, useLayoutEffect } from 'react';
 import ObservableImpl from 'zen-observable';
-import { Grid, useMediaQuery, useTheme, Button, Drawer, Box, Typography, FormControlLabel, Checkbox, makeStyles, TextField, Tooltip, Card, List, MenuItem, ListItemIcon, ListItemText as ListItemText$1, ListItemSecondaryAction, IconButton, CardContent, Chip, CardActions, Toolbar, FormControl, Input, InputAdornment, withStyles as withStyles$1, DialogContentText, ListSubheader as ListSubheader$1, ListItem, Dialog, DialogTitle, DialogContent, Tabs, Tab, DialogActions, Divider } from '@material-ui/core';
+import Box from '@material-ui/core/Box';
+import Button from '@material-ui/core/Button';
+import Drawer from '@material-ui/core/Drawer';
+import Grid from '@material-ui/core/Grid';
+import Typography from '@material-ui/core/Typography';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+import { useTheme, makeStyles, withStyles } from '@material-ui/core/styles';
 import FilterListIcon from '@material-ui/icons/FilterList';
 import { Select, Link, ResponseErrorPanel, Progress, OverflowTooltip, Table, DependencyGraph, DependencyGraphTypes, CodeSnippet, CopyTextButton, EmptyState } from '@backstage/core-components';
 import { g as getEntityRelations, u as useEntity } from './esm/useEntity-DuPQWZpR.esm.js';
@@ -20,36 +26,59 @@ import isEqual$1 from 'lodash/isEqual';
 import sortBy from 'lodash/sortBy';
 import useObservable from 'react-use/esm/useObservable';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-import { Autocomplete, Alert } from '@material-ui/lab';
+import Autocomplete from '@material-ui/lab/Autocomplete';
+import Checkbox from '@material-ui/core/Checkbox';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
 import CheckBoxIcon from '@material-ui/icons/CheckBox';
 import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
+import TextField from '@material-ui/core/TextField';
 import classNames from 'classnames';
+import Tooltip from '@material-ui/core/Tooltip';
 import { useMountEffect, useDebouncedEffect } from '@react-hookz/web';
 import PersonIcon from '@material-ui/icons/Person';
 import GroupIcon from '@material-ui/icons/Group';
-import { withStyles, makeStyles as makeStyles$1 } from '@material-ui/core/styles';
+import Card from '@material-ui/core/Card';
+import List from '@material-ui/core/List';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
+import ListItemText$1 from '@material-ui/core/ListItemText';
+import MenuItem from '@material-ui/core/MenuItem';
 import SettingsIcon from '@material-ui/icons/Settings';
 import StarIcon from '@material-ui/icons/Star';
 import useDeepCompareEffect from 'react-use/esm/useDeepCompareEffect';
 import { getOrCreateGlobalSingleton } from '@backstage/version-bridge';
 import HoverPopover from 'material-ui-popup-state/HoverPopover';
 import { usePopupState, bindHover, bindPopover } from 'material-ui-popup-state/hooks';
+import CardActions from '@material-ui/core/CardActions';
+import CardContent from '@material-ui/core/CardContent';
+import Chip from '@material-ui/core/Chip';
+import IconButton from '@material-ui/core/IconButton';
 import InfoIcon from '@material-ui/icons/Info';
 import EmailIcon from '@material-ui/icons/Email';
+import FormControl from '@material-ui/core/FormControl';
+import Input from '@material-ui/core/Input';
+import InputAdornment from '@material-ui/core/InputAdornment';
+import Toolbar from '@material-ui/core/Toolbar';
 import Clear from '@material-ui/icons/Clear';
 import Search from '@material-ui/icons/Search';
 import useDebounce$1 from 'react-use/lib/useDebounce';
 import StarBorder from '@material-ui/icons/StarBorder';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import Tab from '@material-ui/core/Tab';
+import Tabs from '@material-ui/core/Tabs';
+import DialogContentText from '@material-ui/core/DialogContentText';
 import SvgIcon from '@material-ui/core/SvgIcon';
+import ListItem from '@material-ui/core/ListItem';
+import Alert from '@material-ui/lab/Alert';
+import MuiListSubheader from '@material-ui/core/ListSubheader';
 import HelpOutlineIcon from '@material-ui/icons/HelpOutline';
 import groupBy from 'lodash/groupBy';
-import DialogContentText$1 from '@material-ui/core/DialogContentText';
 import YAML from 'yaml';
-import Alert$1 from '@material-ui/lab/Alert';
+import Divider from '@material-ui/core/Divider';
 import { assertError } from '@backstage/errors';
-import Box$1 from '@material-ui/core/Box';
-import Button$1 from '@material-ui/core/Button';
-import Typography$1 from '@material-ui/core/Typography';
 
 const catalogApiRef = createApiRef({
   id: "plugin.catalog.service"
@@ -1119,8 +1148,6 @@ function EntityAutocompletePicker(props) {
   if (filter && typeof filter === "object" && !("values" in filter) || !availableOptions.length) {
     return null;
   }
-  if (availableOptions.length <= 1)
-    return null;
   return /* @__PURE__ */ React.createElement(Box, { className: classes.root, pb: 1, pt: 1 }, /* @__PURE__ */ React.createElement(Typography, { className: classes.label, variant: "button", component: "label" }, label, /* @__PURE__ */ React.createElement(
     Autocomplete,
     {
@@ -2497,7 +2524,7 @@ EntityTable.columns = columnFactories;
 EntityTable.systemEntityColumns = systemEntityColumns;
 EntityTable.componentEntityColumns = componentEntityColumns;
 
-const YellowStar = withStyles$1({
+const YellowStar = withStyles({
   root: {
     color: "#f3ba37"
   }
@@ -2735,7 +2762,7 @@ function ListItemText(props) {
 }
 function ListSubheader(props) {
   const classes = useStyles$5();
-  return /* @__PURE__ */ React.createElement(ListSubheader$1, { className: classes.monospace }, props.children);
+  return /* @__PURE__ */ React.createElement(MuiListSubheader, { className: classes.monospace }, props.children);
 }
 function Container(props) {
   return /* @__PURE__ */ React.createElement(Box, { mt: 2 }, /* @__PURE__ */ React.createElement(Card, { variant: "outlined" }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h6", gutterBottom: true }, props.title, props.helpLink && /* @__PURE__ */ React.createElement(HelpIcon, { to: props.helpLink })), props.children)));
@@ -2926,7 +2953,7 @@ function OverviewPage(props) {
 }
 
 function YamlPage(props) {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DialogContentText$1, { variant: "h2" }, "Entity as YAML"), /* @__PURE__ */ React.createElement(DialogContentText$1, null, "This is the raw entity data as received from the catalog, on YAML form."), /* @__PURE__ */ React.createElement(DialogContentText$1, null, /* @__PURE__ */ React.createElement("div", { style: { fontSize: "75%" }, "data-testid": "code-snippet" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DialogContentText, { variant: "h2" }, "Entity as YAML"), /* @__PURE__ */ React.createElement(DialogContentText, null, "This is the raw entity data as received from the catalog, on YAML form."), /* @__PURE__ */ React.createElement(DialogContentText, null, /* @__PURE__ */ React.createElement("div", { style: { fontSize: "75%" }, "data-testid": "code-snippet" }, /* @__PURE__ */ React.createElement(
     CodeSnippet,
     {
       text: YAML.stringify(sortKeys(props.entity)),
@@ -3152,7 +3179,7 @@ const Contents = ({
     return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error: state.error });
   }
   if (state.type === "bootstrap") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Alert$1, { severity: "info" }, 'You cannot unregister this entity, since it originates from a protected Backstage configuration (location "', state.location, '"). If you believe this is in error, please contact the ', appTitle, " ", "integrator."), /* @__PURE__ */ React.createElement(Box, { marginTop: 2 }, !showDelete && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Alert, { severity: "info" }, 'You cannot unregister this entity, since it originates from a protected Backstage configuration (location "', state.location, '"). If you believe this is in error, please contact the ', appTitle, " ", "integrator."), /* @__PURE__ */ React.createElement(Box, { marginTop: 2 }, !showDelete && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       Button,
       {
         variant: "text",
@@ -3216,14 +3243,14 @@ const Contents = ({
       "Delete Entity"
     )));
   }
-  return /* @__PURE__ */ React.createElement(Alert$1, { severity: "error" }, "Internal error: Unknown state");
+  return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Internal error: Unknown state");
 };
 const UnregisterEntityDialog = (props) => {
   const { open, onConfirm, onClose, entity } = props;
   return /* @__PURE__ */ React.createElement(Dialog, { open, onClose }, /* @__PURE__ */ React.createElement(DialogTitle, { id: "responsive-dialog-title" }, "Are you sure you want to unregister this entity?"), /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(Contents, { entity, onConfirm, onClose })));
 };
 
-const useStyles = makeStyles$1(
+const useStyles = makeStyles(
   (theme) => ({
     code: {
       borderRadius: 6,
@@ -3282,7 +3309,7 @@ function MissingAnnotationEmptyState(props) {
       missing: "field",
       title: "Missing Annotation",
       description: generateDescription(annotations, entityKind),
-      action: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography$1, { variant: "body1" }, "Add the annotation to your ", entityKind, " YAML as shown in the highlighted example below:"), /* @__PURE__ */ React.createElement(Box$1, { className: classes.code }, /* @__PURE__ */ React.createElement(
+      action: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "Add the annotation to your ", entityKind, " YAML as shown in the highlighted example below:"), /* @__PURE__ */ React.createElement(Box, { className: classes.code }, /* @__PURE__ */ React.createElement(
         CodeSnippet,
         {
           text: yamlText,
@@ -3291,7 +3318,7 @@ function MissingAnnotationEmptyState(props) {
           highlightedNumbers: lineNumbers,
           customStyle: { background: "inherit", fontSize: "115%" }
         }
-      )), /* @__PURE__ */ React.createElement(Button$1, { color: "primary", component: Link, to: url }, "Read more"))
+      )), /* @__PURE__ */ React.createElement(Button, { color: "primary", component: Link, to: url }, "Read more"))
     }
   );
 }