@backstage/core-components 0.16.4 → 0.16.5-next.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @backstage/core-components
 
+## 0.16.5-next.0
+
+### Patch Changes
+
+- fffe3c0: Added `classNames` prop to the `Page` component
+- df3b9f0: Fixed a bug in the SidebarSubmenuItem within the core-components package that caused the dropdown button to be misaligned in the sidebar and the button text to appear in uppercase due to the default <Button> behavior. Also added an example dropdown menu to the app for reference.
+- Updated dependencies
+  - @backstage/config@1.3.2
+  - @backstage/core-plugin-api@1.10.4
+  - @backstage/errors@1.2.7
+  - @backstage/theme@0.6.4
+  - @backstage/version-bridge@1.0.11
+
 ## 0.16.4
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1574,6 +1574,7 @@ declare function ItemCardHeader(props: ItemCardHeaderProps): React__default.JSX.
 type PageClassKey = 'root';
 type Props$3 = {
     themeId: string;
+    className?: string;
     children?: React__default.ReactNode;
 };
 declare function Page(props: Props$3): React__default.JSX.Element;

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

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import { makeStyles, ThemeProvider } from '@material-ui/core/styles';
+import classNames from 'classnames';
 
 const useStyles = makeStyles(
   (theme) => ({
@@ -23,7 +24,7 @@ const useStyles = makeStyles(
   { name: "BackstagePage" }
 );
 function Page(props) {
-  const { themeId, children } = props;
+  const { themeId, className, children } = props;
   const classes = useStyles();
   return /* @__PURE__ */ React__default.createElement(
     ThemeProvider,
@@ -33,7 +34,7 @@ function Page(props) {
         page: baseTheme.getPageTheme({ themeId })
       })
     },
-    /* @__PURE__ */ React__default.createElement("main", { className: classes.root }, children)
+    /* @__PURE__ */ React__default.createElement("main", { className: classNames(classes.root, className) }, children)
   );
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"Page.esm.js","sources":["../../../src/layout/Page/Page.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 React from 'react';\nimport { makeStyles, Theme, ThemeProvider } from '@material-ui/core/styles';\n\nexport type PageClassKey = 'root';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      display: 'grid',\n      gridTemplateAreas:\n        \"'pageHeader pageHeader pageHeader' 'pageSubheader pageSubheader pageSubheader' 'pageNav pageContent pageSidebar'\",\n      gridTemplateRows: 'max-content auto 1fr',\n      gridTemplateColumns: 'auto 1fr auto',\n      overflowY: 'auto',\n      height: '100vh',\n      [theme.breakpoints.down('xs')]: {\n        height: '100%',\n      },\n      '@media print': {\n        display: 'block',\n        height: 'auto',\n        overflowY: 'inherit',\n      },\n    },\n  }),\n  { name: 'BackstagePage' },\n);\n\ntype Props = {\n  themeId: string;\n  children?: React.ReactNode;\n};\n\nexport function Page(props: Props) {\n  const { themeId, children } = props;\n  const classes = useStyles();\n  return (\n    <ThemeProvider\n      theme={(baseTheme: Theme) => ({\n        ...baseTheme,\n        page: baseTheme.getPageTheme({ themeId }),\n      })}\n    >\n      <main className={classes.root}>{children}</main>\n    </ThemeProvider>\n  );\n}\n"],"names":["React"],"mappings":";;;AAqBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,OAAS,EAAA,MAAA;AAAA,MACT,iBACE,EAAA,kHAAA;AAAA,MACF,gBAAkB,EAAA,sBAAA;AAAA,MAClB,mBAAqB,EAAA,eAAA;AAAA,MACrB,SAAW,EAAA,MAAA;AAAA,MACX,MAAQ,EAAA,OAAA;AAAA,MACR,CAAC,KAAM,CAAA,WAAA,CAAY,IAAK,CAAA,IAAI,CAAC,GAAG;AAAA,QAC9B,MAAQ,EAAA;AAAA,OACV;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,OAAS,EAAA,OAAA;AAAA,QACT,MAAQ,EAAA,MAAA;AAAA,QACR,SAAW,EAAA;AAAA;AACb;AACF,GACF,CAAA;AAAA,EACA,EAAE,MAAM,eAAgB;AAC1B,CAAA;AAOO,SAAS,KAAK,KAAc,EAAA;AACjC,EAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,KAAA;AAC9B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAC,SAAsB,MAAA;AAAA,QAC5B,GAAG,SAAA;AAAA,QACH,IAAM,EAAA,SAAA,CAAU,YAAa,CAAA,EAAE,SAAS;AAAA,OAC1C;AAAA,KAAA;AAAA,oBAECA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,OAAA,CAAQ,QAAO,QAAS;AAAA,GAC3C;AAEJ;;;;"}
+{"version":3,"file":"Page.esm.js","sources":["../../../src/layout/Page/Page.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 React from 'react';\nimport { makeStyles, Theme, ThemeProvider } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nexport type PageClassKey = 'root';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      display: 'grid',\n      gridTemplateAreas:\n        \"'pageHeader pageHeader pageHeader' 'pageSubheader pageSubheader pageSubheader' 'pageNav pageContent pageSidebar'\",\n      gridTemplateRows: 'max-content auto 1fr',\n      gridTemplateColumns: 'auto 1fr auto',\n      overflowY: 'auto',\n      height: '100vh',\n      [theme.breakpoints.down('xs')]: {\n        height: '100%',\n      },\n      '@media print': {\n        display: 'block',\n        height: 'auto',\n        overflowY: 'inherit',\n      },\n    },\n  }),\n  { name: 'BackstagePage' },\n);\n\ntype Props = {\n  themeId: string;\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport function Page(props: Props) {\n  const { themeId, className, children } = props;\n  const classes = useStyles();\n  return (\n    <ThemeProvider\n      theme={(baseTheme: Theme) => ({\n        ...baseTheme,\n        page: baseTheme.getPageTheme({ themeId }),\n      })}\n    >\n      <main className={classNames(classes.root, className)}>{children}</main>\n    </ThemeProvider>\n  );\n}\n"],"names":["React"],"mappings":";;;;AAsBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,OAAS,EAAA,MAAA;AAAA,MACT,iBACE,EAAA,kHAAA;AAAA,MACF,gBAAkB,EAAA,sBAAA;AAAA,MAClB,mBAAqB,EAAA,eAAA;AAAA,MACrB,SAAW,EAAA,MAAA;AAAA,MACX,MAAQ,EAAA,OAAA;AAAA,MACR,CAAC,KAAM,CAAA,WAAA,CAAY,IAAK,CAAA,IAAI,CAAC,GAAG;AAAA,QAC9B,MAAQ,EAAA;AAAA,OACV;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,OAAS,EAAA,OAAA;AAAA,QACT,MAAQ,EAAA,MAAA;AAAA,QACR,SAAW,EAAA;AAAA;AACb;AACF,GACF,CAAA;AAAA,EACA,EAAE,MAAM,eAAgB;AAC1B,CAAA;AAQO,SAAS,KAAK,KAAc,EAAA;AACjC,EAAA,MAAM,EAAE,OAAA,EAAS,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA;AACzC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAC,SAAsB,MAAA;AAAA,QAC5B,GAAG,SAAA;AAAA,QACH,IAAM,EAAA,SAAA,CAAU,YAAa,CAAA,EAAE,SAAS;AAAA,OAC1C;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA,CAAC,UAAK,SAAW,EAAA,UAAA,CAAW,QAAQ,IAAM,EAAA,SAAS,KAAI,QAAS;AAAA,GAClE;AAEJ;;;;"}

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

@@ -69,6 +69,10 @@ const useStyles = makeStyles(
         color: theme.palette.navigation.selectedColor
       }
     },
+    dropdownButton: {
+      textTransform: "none",
+      justifyContent: "flex-start"
+    },
     textContent: {
       color: theme.palette.navigation.color,
       paddingLeft: theme.spacing(4),
@@ -111,6 +115,7 @@ const SidebarSubmenuItem = (props) => {
         onTouchStart: (e) => e.stopPropagation(),
         className: classNames(
           classes.item,
+          classes.dropdownButton,
           isActive ? classes.selected : void 0
         )
       },

package/dist/layout/Sidebar/SidebarSubmenuItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSubmenuItem.esm.js","sources":["../../../src/layout/Sidebar/SidebarSubmenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 React, { useContext, useState } from 'react';\nimport { resolvePath, useLocation, useResolvedPath } from 'react-router-dom';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { Link } from '../../components/Link';\nimport { IconComponent } from '@backstage/core-plugin-api';\nimport classnames from 'classnames';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';\nimport { SidebarItemWithSubmenuContext } from './config';\nimport { isLocationMatch } from './utils';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\n\n/** @public */\nexport type SidebarSubmenuItemClassKey =\n  | 'item'\n  | 'itemContainer'\n  | 'selected'\n  | 'label'\n  | 'subtitle'\n  | 'dropdownArrow'\n  | 'dropdown'\n  | 'dropdownItem'\n  | 'textContent';\n\nconst useStyles = makeStyles(\n  theme => ({\n    item: {\n      height: 48,\n      width: '100%',\n      '&:hover': {\n        background:\n          theme.palette.navigation.navItem?.hoverBackground || '#6f6f6f',\n        color: theme.palette.navigation.selectedColor,\n      },\n      display: 'flex',\n      alignItems: 'center',\n      color: theme.palette.navigation.color,\n      padding: theme.spacing(2.5),\n      cursor: 'pointer',\n      position: 'relative',\n      background: 'none',\n      border: 'none',\n    },\n    itemContainer: {\n      width: '100%',\n    },\n    selected: {\n      background: '#6f6f6f',\n      color: theme.palette.common.white,\n    },\n    label: {\n      margin: theme.spacing(1.75),\n      marginLeft: theme.spacing(1),\n      fontSize: theme.typography.body2.fontSize,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      'text-overflow': 'ellipsis',\n      lineHeight: 1,\n    },\n    subtitle: {\n      fontSize: 10,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      'text-overflow': 'ellipsis',\n    },\n    dropdownArrow: {\n      position: 'absolute',\n      right: 21,\n    },\n    dropdown: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'end',\n    },\n    dropdownItem: {\n      width: '100%',\n      padding: '10px 0 10px 0',\n      '&:hover': {\n        background:\n          theme.palette.navigation.navItem?.hoverBackground || '#6f6f6f',\n        color: theme.palette.navigation.selectedColor,\n      },\n    },\n    textContent: {\n      color: theme.palette.navigation.color,\n      paddingLeft: theme.spacing(4),\n      paddingRight: theme.spacing(1),\n      fontSize: theme.typography.body2.fontSize,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      'text-overflow': 'ellipsis',\n    },\n  }),\n  { name: 'BackstageSidebarSubmenuItem' },\n);\n\n/**\n * Clickable item displayed when submenu item is clicked.\n * title: Text content of item\n * to: Path to navigate to when item is clicked\n *\n * @public\n */\nexport type SidebarSubmenuItemDropdownItem = {\n  title: string;\n  to: string;\n};\n/**\n * Holds submenu item content.\n *\n * @remarks\n * title: Text content of submenu item\n * subtitle: A subtitle displayed under the main title\n * to: Path to navigate to when item is clicked\n * icon: Icon displayed on the left of text content\n * dropdownItems: Optional array of dropdown items displayed when submenu item is clicked.\n *\n * @public\n */\nexport type SidebarSubmenuItemProps = {\n  title: string;\n  subtitle?: string;\n  to?: string;\n  icon?: IconComponent;\n  dropdownItems?: SidebarSubmenuItemDropdownItem[];\n  exact?: boolean;\n  initialShowDropdown?: boolean;\n};\n\n/**\n * Item used inside a submenu within the sidebar.\n *\n * @public\n */\nexport const SidebarSubmenuItem = (props: SidebarSubmenuItemProps) => {\n  const { title, subtitle, to, icon: Icon, dropdownItems, exact } = props;\n  const classes = useStyles();\n  const { setIsHoveredOn } = useContext(SidebarItemWithSubmenuContext);\n  const closeSubmenu = () => {\n    setIsHoveredOn(false);\n  };\n  const toLocation = useResolvedPath(to ?? '');\n  const currentLocation = useLocation();\n  let isActive = isLocationMatch(currentLocation, toLocation, exact);\n\n  const [showDropDown, setShowDropDown] = useState(\n    props.initialShowDropdown ?? false,\n  );\n  const handleClickDropdown = () => {\n    setShowDropDown(!showDropDown);\n  };\n  if (dropdownItems !== undefined) {\n    dropdownItems.some(item => {\n      const resolvedPath = resolvePath(item.to);\n      isActive = isLocationMatch(currentLocation, resolvedPath, exact);\n      return isActive;\n    });\n    return (\n      <Box className={classes.itemContainer}>\n        <Tooltip title={title} enterDelay={500} enterNextDelay={500}>\n          <Button\n            role=\"button\"\n            onClick={handleClickDropdown}\n            onTouchStart={e => e.stopPropagation()}\n            className={classnames(\n              classes.item,\n              isActive ? classes.selected : undefined,\n            )}\n          >\n            {Icon && <Icon fontSize=\"small\" />}\n            <Typography\n              variant=\"subtitle1\"\n              component=\"span\"\n              className={classes.label}\n            >\n              {title}\n              <br />\n              {subtitle && (\n                <Typography\n                  variant=\"caption\"\n                  component=\"span\"\n                  className={classes.subtitle}\n                >\n                  {subtitle}\n                </Typography>\n              )}\n            </Typography>\n            {showDropDown ? (\n              <ArrowDropUpIcon className={classes.dropdownArrow} />\n            ) : (\n              <ArrowDropDownIcon className={classes.dropdownArrow} />\n            )}\n          </Button>\n        </Tooltip>\n        {dropdownItems && showDropDown && (\n          <Box className={classes.dropdown}>\n            {dropdownItems.map((object, key) => (\n              <Tooltip\n                key={key}\n                title={object.title}\n                enterDelay={500}\n                enterNextDelay={500}\n              >\n                <Link\n                  to={object.to}\n                  underline=\"none\"\n                  className={classes.dropdownItem}\n                  onClick={closeSubmenu}\n                  onTouchStart={e => e.stopPropagation()}\n                >\n                  <Typography component=\"span\" className={classes.textContent}>\n                    {object.title}\n                  </Typography>\n                </Link>\n              </Tooltip>\n            ))}\n          </Box>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box className={classes.itemContainer}>\n      <Tooltip title={title} enterDelay={500} enterNextDelay={500}>\n        <Link\n          to={to!}\n          underline=\"none\"\n          className={classnames(\n            classes.item,\n            isActive ? classes.selected : undefined,\n          )}\n          onClick={closeSubmenu}\n          onTouchStart={e => e.stopPropagation()}\n        >\n          {Icon && <Icon fontSize=\"small\" />}\n          <Typography\n            variant=\"subtitle1\"\n            component=\"span\"\n            className={classes.label}\n          >\n            {title}\n            <br />\n            {subtitle && (\n              <Typography\n                variant=\"caption\"\n                component=\"span\"\n                className={classes.subtitle}\n              >\n                {subtitle}\n              </Typography>\n            )}\n          </Typography>\n        </Link>\n      </Tooltip>\n    </Box>\n  );\n};\n"],"names":["React","classnames"],"mappings":"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"}
+{"version":3,"file":"SidebarSubmenuItem.esm.js","sources":["../../../src/layout/Sidebar/SidebarSubmenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 React, { useContext, useState } from 'react';\nimport { resolvePath, useLocation, useResolvedPath } from 'react-router-dom';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { Link } from '../../components/Link';\nimport { IconComponent } from '@backstage/core-plugin-api';\nimport classnames from 'classnames';\nimport ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';\nimport ArrowDropUpIcon from '@material-ui/icons/ArrowDropUp';\nimport { SidebarItemWithSubmenuContext } from './config';\nimport { isLocationMatch } from './utils';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\n\n/** @public */\nexport type SidebarSubmenuItemClassKey =\n  | 'item'\n  | 'itemContainer'\n  | 'selected'\n  | 'label'\n  | 'subtitle'\n  | 'dropdownArrow'\n  | 'dropdown'\n  | 'dropdownItem'\n  | 'textContent';\n\nconst useStyles = makeStyles(\n  theme => ({\n    item: {\n      height: 48,\n      width: '100%',\n      '&:hover': {\n        background:\n          theme.palette.navigation.navItem?.hoverBackground || '#6f6f6f',\n        color: theme.palette.navigation.selectedColor,\n      },\n      display: 'flex',\n      alignItems: 'center',\n      color: theme.palette.navigation.color,\n      padding: theme.spacing(2.5),\n      cursor: 'pointer',\n      position: 'relative',\n      background: 'none',\n      border: 'none',\n    },\n    itemContainer: {\n      width: '100%',\n    },\n    selected: {\n      background: '#6f6f6f',\n      color: theme.palette.common.white,\n    },\n    label: {\n      margin: theme.spacing(1.75),\n      marginLeft: theme.spacing(1),\n      fontSize: theme.typography.body2.fontSize,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      'text-overflow': 'ellipsis',\n      lineHeight: 1,\n    },\n    subtitle: {\n      fontSize: 10,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      'text-overflow': 'ellipsis',\n    },\n    dropdownArrow: {\n      position: 'absolute',\n      right: 21,\n    },\n    dropdown: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'end',\n    },\n    dropdownItem: {\n      width: '100%',\n      padding: '10px 0 10px 0',\n      '&:hover': {\n        background:\n          theme.palette.navigation.navItem?.hoverBackground || '#6f6f6f',\n        color: theme.palette.navigation.selectedColor,\n      },\n    },\n    dropdownButton: {\n      textTransform: 'none',\n      justifyContent: 'flex-start',\n    },\n    textContent: {\n      color: theme.palette.navigation.color,\n      paddingLeft: theme.spacing(4),\n      paddingRight: theme.spacing(1),\n      fontSize: theme.typography.body2.fontSize,\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      'text-overflow': 'ellipsis',\n    },\n  }),\n  { name: 'BackstageSidebarSubmenuItem' },\n);\n\n/**\n * Clickable item displayed when submenu item is clicked.\n * title: Text content of item\n * to: Path to navigate to when item is clicked\n *\n * @public\n */\nexport type SidebarSubmenuItemDropdownItem = {\n  title: string;\n  to: string;\n};\n/**\n * Holds submenu item content.\n *\n * @remarks\n * title: Text content of submenu item\n * subtitle: A subtitle displayed under the main title\n * to: Path to navigate to when item is clicked\n * icon: Icon displayed on the left of text content\n * dropdownItems: Optional array of dropdown items displayed when submenu item is clicked.\n *\n * @public\n */\nexport type SidebarSubmenuItemProps = {\n  title: string;\n  subtitle?: string;\n  to?: string;\n  icon?: IconComponent;\n  dropdownItems?: SidebarSubmenuItemDropdownItem[];\n  exact?: boolean;\n  initialShowDropdown?: boolean;\n};\n\n/**\n * Item used inside a submenu within the sidebar.\n *\n * @public\n */\nexport const SidebarSubmenuItem = (props: SidebarSubmenuItemProps) => {\n  const { title, subtitle, to, icon: Icon, dropdownItems, exact } = props;\n  const classes = useStyles();\n  const { setIsHoveredOn } = useContext(SidebarItemWithSubmenuContext);\n  const closeSubmenu = () => {\n    setIsHoveredOn(false);\n  };\n  const toLocation = useResolvedPath(to ?? '');\n  const currentLocation = useLocation();\n  let isActive = isLocationMatch(currentLocation, toLocation, exact);\n\n  const [showDropDown, setShowDropDown] = useState(\n    props.initialShowDropdown ?? false,\n  );\n  const handleClickDropdown = () => {\n    setShowDropDown(!showDropDown);\n  };\n  if (dropdownItems !== undefined) {\n    dropdownItems.some(item => {\n      const resolvedPath = resolvePath(item.to);\n      isActive = isLocationMatch(currentLocation, resolvedPath, exact);\n      return isActive;\n    });\n    return (\n      <Box className={classes.itemContainer}>\n        <Tooltip title={title} enterDelay={500} enterNextDelay={500}>\n          <Button\n            role=\"button\"\n            onClick={handleClickDropdown}\n            onTouchStart={e => e.stopPropagation()}\n            className={classnames(\n              classes.item,\n              classes.dropdownButton,\n              isActive ? classes.selected : undefined,\n            )}\n          >\n            {Icon && <Icon fontSize=\"small\" />}\n            <Typography\n              variant=\"subtitle1\"\n              component=\"span\"\n              className={classes.label}\n            >\n              {title}\n              <br />\n              {subtitle && (\n                <Typography\n                  variant=\"caption\"\n                  component=\"span\"\n                  className={classes.subtitle}\n                >\n                  {subtitle}\n                </Typography>\n              )}\n            </Typography>\n            {showDropDown ? (\n              <ArrowDropUpIcon className={classes.dropdownArrow} />\n            ) : (\n              <ArrowDropDownIcon className={classes.dropdownArrow} />\n            )}\n          </Button>\n        </Tooltip>\n        {dropdownItems && showDropDown && (\n          <Box className={classes.dropdown}>\n            {dropdownItems.map((object, key) => (\n              <Tooltip\n                key={key}\n                title={object.title}\n                enterDelay={500}\n                enterNextDelay={500}\n              >\n                <Link\n                  to={object.to}\n                  underline=\"none\"\n                  className={classes.dropdownItem}\n                  onClick={closeSubmenu}\n                  onTouchStart={e => e.stopPropagation()}\n                >\n                  <Typography component=\"span\" className={classes.textContent}>\n                    {object.title}\n                  </Typography>\n                </Link>\n              </Tooltip>\n            ))}\n          </Box>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box className={classes.itemContainer}>\n      <Tooltip title={title} enterDelay={500} enterNextDelay={500}>\n        <Link\n          to={to!}\n          underline=\"none\"\n          className={classnames(\n            classes.item,\n            isActive ? classes.selected : undefined,\n          )}\n          onClick={closeSubmenu}\n          onTouchStart={e => e.stopPropagation()}\n        >\n          {Icon && <Icon fontSize=\"small\" />}\n          <Typography\n            variant=\"subtitle1\"\n            component=\"span\"\n            className={classes.label}\n          >\n            {title}\n            <br />\n            {subtitle && (\n              <Typography\n                variant=\"caption\"\n                component=\"span\"\n                className={classes.subtitle}\n              >\n                {subtitle}\n              </Typography>\n            )}\n          </Typography>\n        </Link>\n      </Tooltip>\n    </Box>\n  );\n};\n"],"names":["React","classnames"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components",
-  "version": "0.16.4",
+  "version": "0.16.5-next.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.3.2",
-    "@backstage/core-plugin-api": "^1.10.4",
-    "@backstage/errors": "^1.2.7",
-    "@backstage/theme": "^0.6.4",
-    "@backstage/version-bridge": "^1.0.11",
+    "@backstage/config": "1.3.2",
+    "@backstage/core-plugin-api": "1.10.4",
+    "@backstage/errors": "1.2.7",
+    "@backstage/theme": "0.6.4",
+    "@backstage/version-bridge": "1.0.11",
     "@dagrejs/dagre": "^1.1.4",
     "@date-io/core": "^1.3.13",
     "@material-table/core": "^3.1.0",
@@ -106,10 +106,10 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@backstage/app-defaults": "^1.5.17",
-    "@backstage/cli": "^0.30.0",
-    "@backstage/core-app-api": "^1.15.5",
-    "@backstage/test-utils": "^1.7.5",
+    "@backstage/app-defaults": "1.5.18-next.0",
+    "@backstage/cli": "0.30.1-next.0",
+    "@backstage/core-app-api": "1.15.5",
+    "@backstage/test-utils": "1.7.5",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/user-event": "^14.0.0",