@backstage/core-components 0.9.4 → 0.9.5-next.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @backstage/core-components
 
+## 0.9.5-next.0
+
+### Patch Changes
+
+- 65840b17be: Fix issue where right arrow icon was incorrectly added to side bar items without a sub-menu
+- 6968b65ba1: Updated dependency `@react-hookz/web` to `^14.0.0`.
+- 96d1e01641: Accessibility updates:
+
+  - Added `aria-label` to the `Select` component
+  - Changed heading level used in the header of `Table` component
+
 ## 0.9.4
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1612,6 +1612,7 @@ declare type SidebarItemBaseProps = {
     icon: IconComponent;
     text?: string;
     hasNotifications?: boolean;
+    hasSubmenu?: boolean;
     disableHighlight?: boolean;
     className?: string;
 };

package/dist/index.esm.js

@@ -2360,6 +2360,7 @@ function SelectComponent(props) {
   }, /* @__PURE__ */ React.createElement(InputLabel, {
     className: classes.formLabel
   }, label), /* @__PURE__ */ React.createElement(Select, {
+    "aria-label": label,
     value,
     native,
     disabled,
@@ -3904,6 +3905,7 @@ const SidebarItemBase = forwardRef((props, ref) => {
     icon: Icon,
     text,
     hasNotifications = false,
+    hasSubmenu = false,
     disableHighlight = false,
     onClick,
     children,
@@ -3913,12 +3915,12 @@ const SidebarItemBase = forwardRef((props, ref) => {
   const { sidebarConfig } = useContext(SidebarConfigContext);
   const classes = useMemoStyles(sidebarConfig);
   const { isOpen } = useContext(SidebarContext);
-  const divStyle = !isOpen && children ? { display: "flex", marginLeft: "24px" } : {};
+  const divStyle = !isOpen && hasSubmenu ? { display: "flex", marginLeft: "24px" } : {};
   const displayItemIcon = /* @__PURE__ */ React.createElement("div", {
     style: divStyle
   }, /* @__PURE__ */ React.createElement(Icon, {
     fontSize: "small"
-  }), !isOpen && children ? /* @__PURE__ */ React.createElement(ArrowRightIcon, null) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+  }), !isOpen && hasSubmenu ? /* @__PURE__ */ React.createElement(ArrowRightIcon, null) : /* @__PURE__ */ React.createElement(React.Fragment, null));
   const itemIcon = /* @__PURE__ */ React.createElement(Badge, {
     color: "secondary",
     variant: "dot",
@@ -3999,6 +4001,7 @@ const SidebarItemWithSubmenu = ({
     onMouseEnter: handleMouseEnter,
     className: classNames(isHoveredOn && classes.highlighted)
   }, /* @__PURE__ */ React.createElement(SidebarItemBase, {
+    hasSubmenu: true,
     className: isActive ? classes.selected : "",
     ...props
   }, arrowIcon()), isHoveredOn && children));
@@ -4823,7 +4826,7 @@ function Table(props) {
     icons: tableIcons,
     title: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
       variant: "h5",
-      component: "h3"
+      component: "h2"
     }, title), subtitle && /* @__PURE__ */ React.createElement(Typography, {
       color: "textSecondary",
       variant: "body1"