@backstage/core-components 0.16.0-next.2 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @backstage/core-components
 
+## 0.16.0
+
+### Minor Changes
+
+- dc409c5: The SupportButton component will now be hidden if no support config is specified in app-config
+
+### Patch Changes
+
+- 0f18340: Change core component Table tool bar search box to the a appropriate Search icon and text
+- af9097e: Adds the ability to mock a media query per break point and to change the active break point during a test. Usage example:
+
+  ```ts
+  const { set } = mockBreakpoint({
+    initialBreakpoint: 'md',
+    queryBreakpointMap: {
+      '(min-width:1500px)': 'xl',
+      '(min-width:1000px)': 'lg',
+      '(min-width:700px)': 'md',
+      '(min-width:400px)': 'sm',
+      '(min-width:0px)': 'xs',
+    },
+  });
+  // assertions for when the active break point is "md"
+  set('lg');
+  // assertions for when the active break point is "lg"
+  ```
+
+- Updated dependencies
+  - @backstage/config@1.3.0
+  - @backstage/theme@0.6.1
+  - @backstage/core-plugin-api@1.10.1
+  - @backstage/errors@1.2.5
+  - @backstage/version-bridge@1.0.10
+
 ## 0.16.0-next.2
 
 ### Patch Changes

package/dist/components/DependencyGraph/Edge.esm.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import * as d3Shape from 'd3-shape';
 import isFinite from 'lodash/isFinite';
 import makeStyles from '@material-ui/core/styles/makeStyles';
-import { EDGE_TEST_ID, ARROW_MARKER_ID, LABEL_TEST_ID } from './constants.esm.js';
+import { ARROW_MARKER_ID, EDGE_TEST_ID, LABEL_TEST_ID } from './constants.esm.js';
 import { DefaultLabel } from './DefaultLabel.esm.js';
 
 const useStyles = makeStyles(

package/dist/components/FeatureDiscovery/lib/useShowCallout.esm.js

@@ -1,4 +1,4 @@
-import { useCallback, useState } from 'react';
+import { useState, useCallback } from 'react';
 
 const STATES_LOCAL_STORAGE_KEY = "core.calloutSeen";
 function useCalloutStates() {

package/dist/components/Link/Link.esm.js

@@ -1,11 +1,11 @@
-import { useAnalytics, useApp, useApi, configApiRef } from '@backstage/core-plugin-api';
+import { useAnalytics, useApi, configApiRef, useApp } from '@backstage/core-plugin-api';
 import MaterialLink from '@material-ui/core/Link';
 import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import classNames from 'classnames';
 import { trimEnd } from 'lodash';
 import React__default from 'react';
-import { Link as Link$1, createRoutesFromChildren, Route } from 'react-router-dom';
+import { createRoutesFromChildren, Route, Link as Link$1 } from 'react-router-dom';
 import OpenInNew from '@material-ui/icons/OpenInNew';
 
 function isReactRouterBeta() {

package/dist/components/StructuredMetadataTable/StructuredMetadataTable.esm.js

@@ -2,7 +2,7 @@ import React__default, { Fragment } from 'react';
 import { createStyles, withStyles } from '@material-ui/core/styles';
 import startCase from 'lodash/startCase';
 import Typography from '@material-ui/core/Typography';
-import { MetadataList, MetadataTable, MetadataTableItem, MetadataListItem } from './MetadataTable.esm.js';
+import { MetadataList, MetadataTableItem, MetadataListItem, MetadataTable } from './MetadataTable.esm.js';
 
 const listStyle = createStyles({
   root: {

package/dist/index.d.ts

@@ -12,7 +12,7 @@ import { LinearProgressProps } from '@material-ui/core/LinearProgress';
 import { CardHeaderProps } from '@material-ui/core/CardHeader';
 import { BackstagePalette } from '@backstage/theme';
 import { TabProps } from '@material-ui/core/Tab';
-import { Column, MaterialTableProps, Options as Options$1, Icons } from '@material-table/core';
+import { MaterialTableProps, Column, Icons, Options as Options$1 } from '@material-table/core';
 import { SparklinesProps, SparklinesLineProps } from 'react-sparklines';
 import { IconComponent, SignInPageProps, ApiRef, ProfileInfoApi, BackstageIdentityApi, SessionApi, IdentityApi, ProfileInfo, BackstageUserIdentity } from '@backstage/core-plugin-api';
 import { ListItemTextProps } from '@material-ui/core/ListItemText';

package/dist/layout/Sidebar/Items.esm.js

@@ -1,7 +1,7 @@
 import { useAnalytics, useElementFilter } from '@backstage/core-plugin-api';
 import Badge from '@material-ui/core/Badge';
 import Box from '@material-ui/core/Box';
-import { styled, makeStyles } from '@material-ui/core/styles';
+import { makeStyles, styled } from '@material-ui/core/styles';
 import TextField from '@material-ui/core/TextField';
 import Typography from '@material-ui/core/Typography';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
@@ -10,7 +10,7 @@ import ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';
 import ArrowRightIcon from '@material-ui/icons/ArrowRight';
 import Search from '@material-ui/icons/Search';
 import classNames from 'classnames';
-import React__default, { forwardRef, useContext, useCallback, useMemo, useState } from 'react';
+import React__default, { forwardRef, useContext, useMemo, useCallback, useState } from 'react';
 import { useLocation, useResolvedPath, Link, resolvePath } from 'react-router-dom';
 import { SidebarConfigContext, SidebarItemWithSubmenuContext } from './config.esm.js';
 import DoubleArrowLeft from './icons/DoubleArrowLeft.esm.js';

package/dist/layout/Sidebar/Page.esm.js

@@ -1,7 +1,7 @@
 import Box from '@material-ui/core/Box';
 import { makeStyles } from '@material-ui/core/styles';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
-import React__default, { createContext, useState, useContext, useRef, useMemo, useEffect, useCallback } from 'react';
+import React__default, { createContext, useContext, useCallback, useState, useRef, useMemo, useEffect } from 'react';
 import { SidebarConfigContext } from './config.esm.js';
 import { LocalStorage } from './localStorage.esm.js';
 import { SidebarPinStateProvider } from './SidebarPinStateContext.esm.js';

package/dist/layout/SignInPage/guestProvider.esm.js

@@ -4,7 +4,7 @@ import Button from '@material-ui/core/Button';
 import { InfoCard } from '../InfoCard/InfoCard.esm.js';
 import { GridItem } from './styles.esm.js';
 import { ProxiedSignInIdentity } from '../ProxiedSignInPage/ProxiedSignInIdentity.esm.js';
-import { useApi, discoveryApiRef } from '@backstage/core-plugin-api';
+import { discoveryApiRef, useApi } from '@backstage/core-plugin-api';
 import { GuestUserIdentity } from './GuestUserIdentity.esm.js';
 import useLocalStorage from 'react-use/esm/useLocalStorage';
 import { coreComponentsTranslationRef } from '../../translation.esm.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components",
-  "version": "0.16.0-next.2",
+  "version": "0.16.0",
   "description": "Core components used by Backstage plugins and apps",
   "backstage": {
     "role": "web-library"
@@ -66,11 +66,11 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/config": "1.2.0",
-    "@backstage/core-plugin-api": "1.10.0",
-    "@backstage/errors": "1.2.4",
-    "@backstage/theme": "0.6.1-next.0",
-    "@backstage/version-bridge": "1.0.10",
+    "@backstage/config": "^1.3.0",
+    "@backstage/core-plugin-api": "^1.10.1",
+    "@backstage/errors": "^1.2.5",
+    "@backstage/theme": "^0.6.1",
+    "@backstage/version-bridge": "^1.0.10",
     "@date-io/core": "^1.3.13",
     "@material-table/core": "^3.1.0",
     "@material-ui/core": "^4.12.2",
@@ -105,10 +105,10 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@backstage/app-defaults": "1.5.13-next.2",
-    "@backstage/cli": "0.29.0-next.3",
-    "@backstage/core-app-api": "1.15.1",
-    "@backstage/test-utils": "1.7.1-next.0",
+    "@backstage/app-defaults": "^1.5.13",
+    "@backstage/cli": "^0.29.0",
+    "@backstage/core-app-api": "^1.15.2",
+    "@backstage/test-utils": "^1.7.1",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/user-event": "^14.0.0",