@backstage/core-components 0.15.1 → 0.16.0-next.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @backstage/core-components
 
+## 0.16.0-next.0
+
+### Minor Changes
+
+- dc409c5: The SupportButton component will now be hidden if no support config is specified in app-config
+
+### Patch Changes
+
+- 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.2.0
+  - @backstage/core-plugin-api@1.10.0
+  - @backstage/errors@1.2.4
+  - @backstage/theme@0.6.0
+  - @backstage/version-bridge@1.0.10
+
 ## 0.15.1
 
 ### Patch Changes

package/alpha/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components__alpha",
-  "version": "0.15.1",
+  "version": "0.16.0-next.0",
   "main": "../dist/alpha.esm.js",
   "module": "../dist/alpha.esm.js",
   "types": "../dist/alpha.d.ts"

package/dist/components/SupportButton/SupportButton.esm.js

@@ -1,4 +1,4 @@
-import { useApp } from '@backstage/core-plugin-api';
+import { useApi, configApiRef, useApp } from '@backstage/core-plugin-api';
 import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 import DialogActions from '@material-ui/core/DialogActions';
@@ -63,6 +63,7 @@ function SupportButton(props) {
   const [popoverOpen, setPopoverOpen] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const classes = useStyles();
+  const supportConfig = useApi(configApiRef).getOptionalConfig("app.support");
   const isSmallScreen = useMediaQuery(
     (theme) => theme.breakpoints.down("sm")
   );
@@ -73,6 +74,9 @@ function SupportButton(props) {
   const popoverCloseHandler = () => {
     setPopoverOpen(false);
   };
+  if (!supportConfig) {
+    return null;
+  }
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Box, { display: "flex", ml: 1 }, isSmallScreen ? /* @__PURE__ */ React__default.createElement(
     IconButton,
     {

package/dist/components/SupportButton/SupportButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupportButton.esm.js","sources":["../../../src/components/SupportButton/SupportButton.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useApp } from '@backstage/core-plugin-api';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport IconButton from '@material-ui/core/IconButton';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MenuList from '@material-ui/core/MenuList';\nimport Popover from '@material-ui/core/Popover';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport React, { MouseEventHandler, useState } from 'react';\nimport { SupportItem, SupportItemLink, useSupportConfig } from '../../hooks';\nimport { HelpIcon } from '../../icons';\nimport { Link } from '../Link';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\ntype SupportButtonProps = {\n  title?: string;\n  items?: SupportItem[];\n  children?: React.ReactNode;\n};\n\nexport type SupportButtonClassKey = 'popoverList';\n\nconst useStyles = makeStyles(\n  {\n    popoverList: {\n      minWidth: 260,\n      maxWidth: 400,\n    },\n    menuItem: {\n      whiteSpace: 'normal',\n    },\n  },\n  { name: 'BackstageSupportButton' },\n);\n\nconst SupportIcon = ({ icon }: { icon: string | undefined }) => {\n  const app = useApp();\n  const Icon = icon ? app.getSystemIcon(icon) ?? HelpIcon : HelpIcon;\n  return <Icon />;\n};\n\nconst SupportLink = ({ link }: { link: SupportItemLink }) => (\n  <Link to={link.url}>{link.title ?? link.url}</Link>\n);\n\nconst SupportListItem = ({ item }: { item: SupportItem }) => {\n  return (\n    <MenuItem button={false}>\n      <ListItemIcon>\n        <SupportIcon icon={item.icon} />\n      </ListItemIcon>\n      <ListItemText\n        primary={item.title}\n        secondary={item.links?.reduce<React.ReactNode[]>(\n          (prev, link, idx) => [\n            ...prev,\n            idx > 0 && <br key={idx} />,\n            <SupportLink link={link} key={link.url} />,\n          ],\n          [],\n        )}\n      />\n    </MenuItem>\n  );\n};\n\nexport function SupportButton(props: SupportButtonProps) {\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const { title, items, children } = props;\n  const { items: configItems } = useSupportConfig();\n\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [anchorEl, setAnchorEl] = useState<Element | null>(null);\n  const classes = useStyles();\n  const isSmallScreen = useMediaQuery<Theme>(theme =>\n    theme.breakpoints.down('sm'),\n  );\n\n  const onClickHandler: MouseEventHandler = event => {\n    setAnchorEl(event.currentTarget);\n    setPopoverOpen(true);\n  };\n\n  const popoverCloseHandler = () => {\n    setPopoverOpen(false);\n  };\n\n  return (\n    <>\n      <Box display=\"flex\" ml={1}>\n        {isSmallScreen ? (\n          <IconButton\n            color=\"primary\"\n            size=\"small\"\n            onClick={onClickHandler}\n            data-testid=\"support-button\"\n            aria-label=\"Support\"\n          >\n            <HelpIcon />\n          </IconButton>\n        ) : (\n          <Button\n            data-testid=\"support-button\"\n            aria-label=\"Support\"\n            color=\"primary\"\n            onClick={onClickHandler}\n            startIcon={<HelpIcon />}\n          >\n            {t('supportButton.title')}\n          </Button>\n        )}\n      </Box>\n      <Popover\n        data-testid=\"support-button-popover\"\n        open={popoverOpen}\n        anchorEl={anchorEl}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        onClose={popoverCloseHandler}\n      >\n        <MenuList\n          className={classes.popoverList}\n          autoFocusItem={Boolean(anchorEl)}\n        >\n          {title && (\n            <MenuItem\n              button={false}\n              alignItems=\"flex-start\"\n              className={classes.menuItem}\n            >\n              <Typography variant=\"subtitle1\">{title}</Typography>\n            </MenuItem>\n          )}\n          {React.Children.map(children, (child, i) => (\n            <MenuItem\n              button={false}\n              alignItems=\"flex-start\"\n              key={`child-${i}`}\n              className={classes.menuItem}\n            >\n              {child}\n            </MenuItem>\n          ))}\n          {(items ?? configItems).map((item, i) => (\n            <SupportListItem item={item} key={`item-${i}`} />\n          ))}\n        </MenuList>\n        <DialogActions>\n          <Button\n            color=\"primary\"\n            onClick={popoverCloseHandler}\n            aria-label=\"Close\"\n          >\n            {t('supportButton.close')}\n          </Button>\n        </DialogActions>\n      </Popover>\n    </>\n  );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"SupportButton.esm.js","sources":["../../../src/components/SupportButton/SupportButton.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { configApiRef, useApi, useApp } from '@backstage/core-plugin-api';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport IconButton from '@material-ui/core/IconButton';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MenuList from '@material-ui/core/MenuList';\nimport Popover from '@material-ui/core/Popover';\nimport { Theme, makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport React, { MouseEventHandler, useState } from 'react';\nimport { SupportItem, SupportItemLink, useSupportConfig } from '../../hooks';\nimport { HelpIcon } from '../../icons';\nimport { Link } from '../Link';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\ntype SupportButtonProps = {\n  title?: string;\n  items?: SupportItem[];\n  children?: React.ReactNode;\n};\n\nexport type SupportButtonClassKey = 'popoverList';\n\nconst useStyles = makeStyles(\n  {\n    popoverList: {\n      minWidth: 260,\n      maxWidth: 400,\n    },\n    menuItem: {\n      whiteSpace: 'normal',\n    },\n  },\n  { name: 'BackstageSupportButton' },\n);\n\nconst SupportIcon = ({ icon }: { icon: string | undefined }) => {\n  const app = useApp();\n  const Icon = icon ? app.getSystemIcon(icon) ?? HelpIcon : HelpIcon;\n  return <Icon />;\n};\n\nconst SupportLink = ({ link }: { link: SupportItemLink }) => (\n  <Link to={link.url}>{link.title ?? link.url}</Link>\n);\n\nconst SupportListItem = ({ item }: { item: SupportItem }) => {\n  return (\n    <MenuItem button={false}>\n      <ListItemIcon>\n        <SupportIcon icon={item.icon} />\n      </ListItemIcon>\n      <ListItemText\n        primary={item.title}\n        secondary={item.links?.reduce<React.ReactNode[]>(\n          (prev, link, idx) => [\n            ...prev,\n            idx > 0 && <br key={idx} />,\n            <SupportLink link={link} key={link.url} />,\n          ],\n          [],\n        )}\n      />\n    </MenuItem>\n  );\n};\n\nexport function SupportButton(props: SupportButtonProps) {\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const { title, items, children } = props;\n  const { items: configItems } = useSupportConfig();\n\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [anchorEl, setAnchorEl] = useState<Element | null>(null);\n  const classes = useStyles();\n  const supportConfig = useApi(configApiRef).getOptionalConfig('app.support');\n  const isSmallScreen = useMediaQuery<Theme>(theme =>\n    theme.breakpoints.down('sm'),\n  );\n\n  const onClickHandler: MouseEventHandler = event => {\n    setAnchorEl(event.currentTarget);\n    setPopoverOpen(true);\n  };\n\n  const popoverCloseHandler = () => {\n    setPopoverOpen(false);\n  };\n\n  if (!supportConfig) {\n    return null;\n  }\n\n  return (\n    <>\n      <Box display=\"flex\" ml={1}>\n        {isSmallScreen ? (\n          <IconButton\n            color=\"primary\"\n            size=\"small\"\n            onClick={onClickHandler}\n            data-testid=\"support-button\"\n            aria-label=\"Support\"\n          >\n            <HelpIcon />\n          </IconButton>\n        ) : (\n          <Button\n            data-testid=\"support-button\"\n            aria-label=\"Support\"\n            color=\"primary\"\n            onClick={onClickHandler}\n            startIcon={<HelpIcon />}\n          >\n            {t('supportButton.title')}\n          </Button>\n        )}\n      </Box>\n      <Popover\n        data-testid=\"support-button-popover\"\n        open={popoverOpen}\n        anchorEl={anchorEl}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        onClose={popoverCloseHandler}\n      >\n        <MenuList\n          className={classes.popoverList}\n          autoFocusItem={Boolean(anchorEl)}\n        >\n          {title && (\n            <MenuItem\n              button={false}\n              alignItems=\"flex-start\"\n              className={classes.menuItem}\n            >\n              <Typography variant=\"subtitle1\">{title}</Typography>\n            </MenuItem>\n          )}\n          {React.Children.map(children, (child, i) => (\n            <MenuItem\n              button={false}\n              alignItems=\"flex-start\"\n              key={`child-${i}`}\n              className={classes.menuItem}\n            >\n              {child}\n            </MenuItem>\n          ))}\n          {(items ?? configItems).map((item, i) => (\n            <SupportListItem item={item} key={`item-${i}`} />\n          ))}\n        </MenuList>\n        <DialogActions>\n          <Button\n            color=\"primary\"\n            onClick={popoverCloseHandler}\n            aria-label=\"Close\"\n          >\n            {t('supportButton.close')}\n          </Button>\n        </DialogActions>\n      </Popover>\n    </>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/index.d.ts

@@ -1144,7 +1144,7 @@ type SupportButtonProps = {
     children?: React__default.ReactNode;
 };
 type SupportButtonClassKey = 'popoverList';
-declare function SupportButton(props: SupportButtonProps): React__default.JSX.Element;
+declare function SupportButton(props: SupportButtonProps): React__default.JSX.Element | null;
 
 type SubRoute$1 = {
     path: string;

package/dist/testUtils.d.ts

@@ -1,3 +1,5 @@
+import { Breakpoint } from '@material-ui/core/styles/createBreakpoints';
+
 /**
  *  This is a mocking method suggested in the Jest docs, as it is not implemented in JSDOM yet.
  *  It can be used to mock values for the Material UI `useMediaQuery` hook if it is used in a tested component.
@@ -9,9 +11,55 @@
  *  https://mui.com/material-ui/react-use-media-query/#testing
  *
  * @public
+ *
+ * @example
+ * Match with any media query:
+ * ```ts
+ * mockBreakpoint({ matches: true });
+ * ```
  */
 declare function mockBreakpoint(options: {
     matches: boolean;
 }): void;
+/**
+ *  This is a mocking method suggested in the Jest docs, as it is not implemented in JSDOM yet.
+ *  It can be used to mock values for the Material UI `useMediaQuery` hook if it is used in a tested component.
+ *
+ *  For issues checkout the documentation:
+ *  https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
+ *
+ *  If there are any updates from Material UI React on testing `useMediaQuery` this mock should be replaced
+ *  https://mui.com/material-ui/react-use-media-query/#testing
+ *
+ * @public
+ *
+ * @example
+ * Set the initial breakpoint:
+ * ```ts
+ * mockBreakpoint({ initialBreakpoint: 'md' });
+ * ```
+ *
+ * @example
+ * Map media queries to breakpoints:
+ * ```ts
+ * mockBreakpoint({ queryBreakpointMap: { '(min-width:1500px)': 'xl', '(min-width:1000px)': 'lg', '(min-width:700px)': 'md', '(min-width:400px)': 'sm', '(min-width:0px)': 'xs', } });
+ * ```
+ *
+ * @example
+ * Change the breakpoint during the test:
+ * ```ts
+ * const { set } = mockBreakpoint({ initialBreakpoint: 'md' });
+ * set('lg');
+ * ```
+ **/
+declare function mockBreakpoint(options: {
+    /** Defaults to 'lg' */
+    initialBreakpoint?: Breakpoint;
+    /** Defaults to \{ '(min-width:1920px)': 'xl', '(min-width:1280px)': 'lg', '(min-width:960px)': 'md', '(min-width:600px)': 'sm', '(min-width:0px)': 'xs' \} */
+    queryBreakpointMap?: Record<string, Breakpoint>;
+}): {
+    set(value: string): void;
+    remove(): void;
+};
 
 export { mockBreakpoint };

package/dist/testUtils.esm.js

@@ -1,19 +1,62 @@
+import { act } from '@testing-library/react';
+
+const originalMatchMedia = window.matchMedia;
 function mockBreakpoint(options) {
+  const mediaQueries = [];
+  let breakpoint = "lg";
+  if ("initialBreakpoint" in options && options.initialBreakpoint) {
+    breakpoint = options.initialBreakpoint;
+  }
+  const breakpoints = "queryBreakpointMap" in options && typeof options.queryBreakpointMap === "object" ? options.queryBreakpointMap : {
+    "(min-width:1920px)": "xl",
+    "(min-width:1280px)": "lg",
+    "(min-width:960px)": "md",
+    "(min-width:600px)": "sm",
+    "(min-width:0px)": "xs"
+  };
   Object.defineProperty(window, "matchMedia", {
     writable: true,
-    value: jest.fn().mockImplementation((query) => ({
-      matches: options.matches ?? false,
-      media: query,
-      onchange: null,
-      addListener: jest.fn(),
-      // deprecated
-      removeListener: jest.fn(),
-      // deprecated
-      addEventListener: jest.fn(),
-      removeEventListener: jest.fn(),
-      dispatchEvent: jest.fn()
-    }))
+    value: jest.fn().mockImplementation((mediaQueryString) => {
+      const mediaQueryListeners = /* @__PURE__ */ new Set();
+      const mediaQueryList = {
+        matches: "matches" in options ? options.matches : breakpoints[mediaQueryString] === breakpoint,
+        media: mediaQueryString,
+        onchange: null,
+        addListener: jest.fn((listener) => {
+          mediaQueryListeners.add(listener);
+        }),
+        removeListener: jest.fn((listener) => {
+          mediaQueryListeners.delete(listener);
+        }),
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn()
+      };
+      mediaQueries.push({
+        mediaQueryString,
+        mediaQueryList,
+        mediaQueryListeners
+      });
+      return mediaQueryList;
+    })
   });
+  return {
+    set(newBreakpoint) {
+      breakpoint = newBreakpoint;
+      mediaQueries.forEach(
+        ({ mediaQueryString, mediaQueryList, mediaQueryListeners }) => {
+          act(() => {
+            const matches = "matches" in options ? options.matches : breakpoints[mediaQueryString] === breakpoint;
+            mediaQueryList.matches = matches;
+            mediaQueryListeners.forEach((listener) => listener({ matches }));
+          });
+        }
+      );
+    },
+    remove() {
+      window.matchMedia = originalMatchMedia;
+    }
+  };
 }
 
 export { mockBreakpoint };

package/dist/testUtils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"testUtils.esm.js","sources":["../src/testUtils.ts"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n *  This is a mocking method suggested in the Jest docs, as it is not implemented in JSDOM yet.\n *  It can be used to mock values for the Material UI `useMediaQuery` hook if it is used in a tested component.\n *\n *  For issues checkout the documentation:\n *  https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom\n *\n *  If there are any updates from Material UI React on testing `useMediaQuery` this mock should be replaced\n *  https://mui.com/material-ui/react-use-media-query/#testing\n *\n * @public\n */\nexport function mockBreakpoint(options: { matches: boolean }) {\n  Object.defineProperty(window, 'matchMedia', {\n    writable: true,\n    value: jest.fn().mockImplementation(query => ({\n      matches: options.matches ?? false,\n      media: query,\n      onchange: null,\n      addListener: jest.fn(), // deprecated\n      removeListener: jest.fn(), // deprecated\n      addEventListener: jest.fn(),\n      removeEventListener: jest.fn(),\n      dispatchEvent: jest.fn(),\n    })),\n  });\n}\n"],"names":[],"mappings":"AA4BO,SAAS,eAAe,OAA+B,EAAA;AAC5D,EAAO,MAAA,CAAA,cAAA,CAAe,QAAQ,YAAc,EAAA;AAAA,IAC1C,QAAU,EAAA,IAAA;AAAA,IACV,KAAO,EAAA,IAAA,CAAK,EAAG,EAAA,CAAE,mBAAmB,CAAU,KAAA,MAAA;AAAA,MAC5C,OAAA,EAAS,QAAQ,OAAW,IAAA,KAAA;AAAA,MAC5B,KAAO,EAAA,KAAA;AAAA,MACP,QAAU,EAAA,IAAA;AAAA,MACV,WAAA,EAAa,KAAK,EAAG,EAAA;AAAA;AAAA,MACrB,cAAA,EAAgB,KAAK,EAAG,EAAA;AAAA;AAAA,MACxB,gBAAA,EAAkB,KAAK,EAAG,EAAA;AAAA,MAC1B,mBAAA,EAAqB,KAAK,EAAG,EAAA;AAAA,MAC7B,aAAA,EAAe,KAAK,EAAG,EAAA;AAAA,KACvB,CAAA,CAAA;AAAA,GACH,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"testUtils.esm.js","sources":["../src/testUtils.ts"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Breakpoint } from '@material-ui/core/styles/createBreakpoints';\nimport { act } from '@testing-library/react';\n\nconst originalMatchMedia = window.matchMedia;\n\n/**\n *  This is a mocking method suggested in the Jest docs, as it is not implemented in JSDOM yet.\n *  It can be used to mock values for the Material UI `useMediaQuery` hook if it is used in a tested component.\n *\n *  For issues checkout the documentation:\n *  https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom\n *\n *  If there are any updates from Material UI React on testing `useMediaQuery` this mock should be replaced\n *  https://mui.com/material-ui/react-use-media-query/#testing\n *\n * @public\n *\n * @example\n * Match with any media query:\n * ```ts\n * mockBreakpoint({ matches: true });\n * ```\n */\nexport function mockBreakpoint(options: { matches: boolean }): void;\n/**\n *  This is a mocking method suggested in the Jest docs, as it is not implemented in JSDOM yet.\n *  It can be used to mock values for the Material UI `useMediaQuery` hook if it is used in a tested component.\n *\n *  For issues checkout the documentation:\n *  https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom\n *\n *  If there are any updates from Material UI React on testing `useMediaQuery` this mock should be replaced\n *  https://mui.com/material-ui/react-use-media-query/#testing\n *\n * @public\n *\n * @example\n * Set the initial breakpoint:\n * ```ts\n * mockBreakpoint({ initialBreakpoint: 'md' });\n * ```\n *\n * @example\n * Map media queries to breakpoints:\n * ```ts\n * mockBreakpoint({ queryBreakpointMap: { '(min-width:1500px)': 'xl', '(min-width:1000px)': 'lg', '(min-width:700px)': 'md', '(min-width:400px)': 'sm', '(min-width:0px)': 'xs', } });\n * ```\n *\n * @example\n * Change the breakpoint during the test:\n * ```ts\n * const { set } = mockBreakpoint({ initialBreakpoint: 'md' });\n * set('lg');\n * ```\n **/\nexport function mockBreakpoint(options: {\n  /** Defaults to 'lg' */\n  initialBreakpoint?: Breakpoint;\n  /** Defaults to \\{ '(min-width:1920px)': 'xl', '(min-width:1280px)': 'lg', '(min-width:960px)': 'md', '(min-width:600px)': 'sm', '(min-width:0px)': 'xs' \\} */\n  queryBreakpointMap?: Record<string, Breakpoint>;\n}): {\n  set(value: string): void;\n  remove(): void;\n};\nexport function mockBreakpoint(\n  options:\n    | {\n        matches: boolean;\n      }\n    | {\n        initialBreakpoint?: Breakpoint;\n        queryBreakpointMap?: Record<string, Breakpoint>;\n      },\n): {\n  set(value: string): void;\n  remove(): void;\n} {\n  const mediaQueries: {\n    mediaQueryString: string;\n    mediaQueryList: { matches: boolean };\n    mediaQueryListeners: Set<(event: { matches: boolean }) => void>;\n  }[] = [];\n  let breakpoint: Breakpoint = 'lg';\n  if ('initialBreakpoint' in options && options.initialBreakpoint) {\n    breakpoint = options.initialBreakpoint;\n  }\n  const breakpoints: Record<string, Breakpoint> =\n    'queryBreakpointMap' in options &&\n    typeof options.queryBreakpointMap === 'object'\n      ? options.queryBreakpointMap\n      : {\n          '(min-width:1920px)': 'xl',\n          '(min-width:1280px)': 'lg',\n          '(min-width:960px)': 'md',\n          '(min-width:600px)': 'sm',\n          '(min-width:0px)': 'xs',\n        };\n  Object.defineProperty(window, 'matchMedia', {\n    writable: true,\n    value: jest.fn().mockImplementation(mediaQueryString => {\n      const mediaQueryListeners = new Set<\n        (event: { matches: boolean }) => void\n      >();\n      const mediaQueryList = {\n        matches:\n          'matches' in options\n            ? options.matches\n            : breakpoints[mediaQueryString] === breakpoint,\n        media: mediaQueryString,\n        onchange: null,\n        addListener: jest.fn(listener => {\n          mediaQueryListeners.add(listener);\n        }),\n        removeListener: jest.fn(listener => {\n          mediaQueryListeners.delete(listener);\n        }),\n        addEventListener: jest.fn(),\n        removeEventListener: jest.fn(),\n        dispatchEvent: jest.fn(),\n      };\n      mediaQueries.push({\n        mediaQueryString,\n        mediaQueryList,\n        mediaQueryListeners,\n      });\n      return mediaQueryList;\n    }),\n  });\n\n  return {\n    set(newBreakpoint: Breakpoint) {\n      breakpoint = newBreakpoint;\n      mediaQueries.forEach(\n        ({ mediaQueryString, mediaQueryList, mediaQueryListeners }) => {\n          act(() => {\n            const matches =\n              'matches' in options\n                ? options.matches\n                : breakpoints[mediaQueryString] === breakpoint;\n            mediaQueryList.matches = matches;\n            mediaQueryListeners.forEach(listener => listener({ matches }));\n          });\n        },\n      );\n    },\n    remove() {\n      window.matchMedia = originalMatchMedia;\n    },\n  };\n}\n"],"names":[],"mappings":";;AAmBA,MAAM,qBAAqB,MAAO,CAAA,UAAA,CAAA;AA6D3B,SAAS,eACd,OAWA,EAAA;AACA,EAAA,MAAM,eAIA,EAAC,CAAA;AACP,EAAA,IAAI,UAAyB,GAAA,IAAA,CAAA;AAC7B,EAAI,IAAA,mBAAA,IAAuB,OAAW,IAAA,OAAA,CAAQ,iBAAmB,EAAA;AAC/D,IAAA,UAAA,GAAa,OAAQ,CAAA,iBAAA,CAAA;AAAA,GACvB;AACA,EAAM,MAAA,WAAA,GACJ,wBAAwB,OACxB,IAAA,OAAO,QAAQ,kBAAuB,KAAA,QAAA,GAClC,QAAQ,kBACR,GAAA;AAAA,IACE,oBAAsB,EAAA,IAAA;AAAA,IACtB,oBAAsB,EAAA,IAAA;AAAA,IACtB,mBAAqB,EAAA,IAAA;AAAA,IACrB,mBAAqB,EAAA,IAAA;AAAA,IACrB,iBAAmB,EAAA,IAAA;AAAA,GACrB,CAAA;AACN,EAAO,MAAA,CAAA,cAAA,CAAe,QAAQ,YAAc,EAAA;AAAA,IAC1C,QAAU,EAAA,IAAA;AAAA,IACV,KAAO,EAAA,IAAA,CAAK,EAAG,EAAA,CAAE,mBAAmB,CAAoB,gBAAA,KAAA;AACtD,MAAM,MAAA,mBAAA,uBAA0B,GAE9B,EAAA,CAAA;AACF,MAAA,MAAM,cAAiB,GAAA;AAAA,QACrB,SACE,SAAa,IAAA,OAAA,GACT,QAAQ,OACR,GAAA,WAAA,CAAY,gBAAgB,CAAM,KAAA,UAAA;AAAA,QACxC,KAAO,EAAA,gBAAA;AAAA,QACP,QAAU,EAAA,IAAA;AAAA,QACV,WAAA,EAAa,IAAK,CAAA,EAAA,CAAG,CAAY,QAAA,KAAA;AAC/B,UAAA,mBAAA,CAAoB,IAAI,QAAQ,CAAA,CAAA;AAAA,SACjC,CAAA;AAAA,QACD,cAAA,EAAgB,IAAK,CAAA,EAAA,CAAG,CAAY,QAAA,KAAA;AAClC,UAAA,mBAAA,CAAoB,OAAO,QAAQ,CAAA,CAAA;AAAA,SACpC,CAAA;AAAA,QACD,gBAAA,EAAkB,KAAK,EAAG,EAAA;AAAA,QAC1B,mBAAA,EAAqB,KAAK,EAAG,EAAA;AAAA,QAC7B,aAAA,EAAe,KAAK,EAAG,EAAA;AAAA,OACzB,CAAA;AACA,MAAA,YAAA,CAAa,IAAK,CAAA;AAAA,QAChB,gBAAA;AAAA,QACA,cAAA;AAAA,QACA,mBAAA;AAAA,OACD,CAAA,CAAA;AACD,MAAO,OAAA,cAAA,CAAA;AAAA,KACR,CAAA;AAAA,GACF,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,IAAI,aAA2B,EAAA;AAC7B,MAAa,UAAA,GAAA,aAAA,CAAA;AACb,MAAa,YAAA,CAAA,OAAA;AAAA,QACX,CAAC,EAAE,gBAAkB,EAAA,cAAA,EAAgB,qBAA0B,KAAA;AAC7D,UAAA,GAAA,CAAI,MAAM;AACR,YAAA,MAAM,UACJ,SAAa,IAAA,OAAA,GACT,QAAQ,OACR,GAAA,WAAA,CAAY,gBAAgB,CAAM,KAAA,UAAA,CAAA;AACxC,YAAA,cAAA,CAAe,OAAU,GAAA,OAAA,CAAA;AACzB,YAAA,mBAAA,CAAoB,QAAQ,CAAY,QAAA,KAAA,QAAA,CAAS,EAAE,OAAA,EAAS,CAAC,CAAA,CAAA;AAAA,WAC9D,CAAA,CAAA;AAAA,SACH;AAAA,OACF,CAAA;AAAA,KACF;AAAA,IACA,MAAS,GAAA;AACP,MAAA,MAAA,CAAO,UAAa,GAAA,kBAAA,CAAA;AAAA,KACtB;AAAA,GACF,CAAA;AACF;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components",
-  "version": "0.15.1",
+  "version": "0.16.0-next.0",
   "description": "Core components used by Backstage plugins and apps",
   "backstage": {
     "role": "web-library"
@@ -55,17 +55,18 @@
     "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.0",
-    "@backstage/version-bridge": "^1.0.10",
+    "@backstage/config": "1.2.0",
+    "@backstage/core-plugin-api": "1.10.0",
+    "@backstage/errors": "1.2.4",
+    "@backstage/theme": "0.6.0",
+    "@backstage/version-bridge": "1.0.10",
     "@date-io/core": "^1.3.13",
     "@material-table/core": "^3.1.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@react-hookz/web": "^24.0.0",
+    "@testing-library/react": "^16.0.0",
     "@types/react-sparklines": "^1.7.0",
     "ansi-regex": "^6.0.1",
     "classnames": "^2.2.6",
@@ -93,13 +94,12 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@backstage/app-defaults": "^1.5.12",
-    "@backstage/cli": "^0.28.0",
-    "@backstage/core-app-api": "^1.15.1",
-    "@backstage/test-utils": "^1.7.0",
+    "@backstage/app-defaults": "1.5.13-next.0",
+    "@backstage/cli": "0.29.0-next.0",
+    "@backstage/core-app-api": "1.15.1",
+    "@backstage/test-utils": "1.7.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
-    "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.0.0",
     "@types/ansi-regex": "^5.0.0",
     "@types/classnames": "^2.2.9",

package/testUtils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components__testutils",
-  "version": "0.15.1",
+  "version": "0.16.0-next.0",
   "main": "../dist/testUtils.esm.js",
   "module": "../dist/testUtils.esm.js",
   "types": "../dist/testUtils.d.ts"