@instructure/ui-drilldown 10.19.2-snapshot-12 → 10.20.0

package/CHANGELOG.md

@@ -3,12 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.19.2-snapshot-12](https://github.com/instructure/instructure-ui/compare/v10.19.1...v10.19.2-snapshot-12) (2025-06-13)
+# [10.20.0](https://github.com/instructure/instructure-ui/compare/v10.19.1...v10.20.0) (2025-06-13)
 
 
 ### Bug Fixes
 
 * **many:** update dependencies, browsersdb and moment timezone database ([3813636](https://github.com/instructure/instructure-ui/commit/3813636458c901ad4bc74a4d5ae015cb55defcb2))
+* **ui-top-nav-bar,ui-popover,ui-drilldown:** automatically set aria-expanded, allow override with shouldSetAriaExpanded ([b8e1367](https://github.com/instructure/instructure-ui/commit/b8e13674a2e700e44162a29ca61ead4fd98ce193))
 
 
 

package/es/Drilldown/index.js

@@ -1171,8 +1171,10 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
       onFocus = _this$props7.onFocus,
       onMouseOver = _this$props7.onMouseOver,
       offsetX = _this$props7.offsetX,
-      offsetY = _this$props7.offsetY;
+      offsetY = _this$props7.offsetY,
+      shouldSetAriaExpanded = _this$props7.shouldSetAriaExpanded;
     return trigger ? _jsx(Popover, {
+      shouldSetAriaExpanded: shouldSetAriaExpanded,
       isShowingContent: show,
       defaultIsShowingContent: defaultShow,
       shouldCloseOnDocumentClick: true,
@@ -1246,7 +1248,8 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
   shouldReturnFocus: true,
   withArrow: true,
   offsetX: 0,
-  offsetY: 0
+  offsetY: 0,
+  shouldSetAriaExpanded: true
 }, _Drilldown.Group = DrilldownGroup, _Drilldown.Option = DrilldownOption, _Drilldown.Page = DrilldownPage, _Drilldown.Separator = DrilldownSeparator, _Drilldown)) || _class) || _class) || _class);
 export default Drilldown;
 export { Drilldown };

package/es/Drilldown/props.js

@@ -64,7 +64,8 @@ const propTypes = {
   shouldReturnFocus: PropTypes.bool,
   withArrow: PropTypes.bool,
   offsetX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+  offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  shouldSetAriaExpanded: PropTypes.bool
 };
 const allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'minHeight', 'minWidth', 'maxHeight', 'maxWidth',
 // Popover version props

package/lib/Drilldown/index.js

@@ -1180,8 +1180,10 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
       onFocus = _this$props7.onFocus,
       onMouseOver = _this$props7.onMouseOver,
       offsetX = _this$props7.offsetX,
-      offsetY = _this$props7.offsetY;
+      offsetY = _this$props7.offsetY,
+      shouldSetAriaExpanded = _this$props7.shouldSetAriaExpanded;
     return trigger ? (0, _jsxRuntime.jsx)(_Popover.Popover, {
+      shouldSetAriaExpanded: shouldSetAriaExpanded,
       isShowingContent: show,
       defaultIsShowingContent: defaultShow,
       shouldCloseOnDocumentClick: true,
@@ -1255,6 +1257,7 @@ let Drilldown = exports.Drilldown = (_dec = (0, _withDeterministicId.withDetermi
   shouldReturnFocus: true,
   withArrow: true,
   offsetX: 0,
-  offsetY: 0
+  offsetY: 0,
+  shouldSetAriaExpanded: true
 }, _Drilldown.Group = _DrilldownGroup.DrilldownGroup, _Drilldown.Option = _DrilldownOption.DrilldownOption, _Drilldown.Page = _DrilldownPage.DrilldownPage, _Drilldown.Separator = _DrilldownSeparator.DrilldownSeparator, _Drilldown)) || _class) || _class) || _class);
 var _default = exports.default = Drilldown;

package/lib/Drilldown/props.js

@@ -72,7 +72,8 @@ const propTypes = exports.propTypes = {
   shouldReturnFocus: _propTypes.default.bool,
   withArrow: _propTypes.default.bool,
   offsetX: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  offsetY: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
+  offsetY: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  shouldSetAriaExpanded: _propTypes.default.bool
 };
 const allowedProps = exports.allowedProps = ['rootPageId', 'children', 'id', 'label', 'disabled', 'rotateFocus', 'as', 'role', 'overflowX', 'overflowY', 'height', 'width', 'minHeight', 'minWidth', 'maxHeight', 'maxWidth',
 // Popover version props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drilldown",
-  "version": "10.19.2-snapshot-12",
+  "version": "10.20.0",
   "description": "A drilldown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,29 +24,29 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/console": "10.19.2-snapshot-12",
-    "@instructure/emotion": "10.19.2-snapshot-12",
-    "@instructure/shared-types": "10.19.2-snapshot-12",
-    "@instructure/ui-dom-utils": "10.19.2-snapshot-12",
-    "@instructure/ui-icons": "10.19.2-snapshot-12",
-    "@instructure/ui-options": "10.19.2-snapshot-12",
-    "@instructure/ui-popover": "10.19.2-snapshot-12",
-    "@instructure/ui-position": "10.19.2-snapshot-12",
-    "@instructure/ui-prop-types": "10.19.2-snapshot-12",
-    "@instructure/ui-react-utils": "10.19.2-snapshot-12",
-    "@instructure/ui-selectable": "10.19.2-snapshot-12",
-    "@instructure/ui-testable": "10.19.2-snapshot-12",
-    "@instructure/ui-utils": "10.19.2-snapshot-12",
-    "@instructure/ui-view": "10.19.2-snapshot-12",
+    "@instructure/console": "10.20.0",
+    "@instructure/emotion": "10.20.0",
+    "@instructure/shared-types": "10.20.0",
+    "@instructure/ui-dom-utils": "10.20.0",
+    "@instructure/ui-icons": "10.20.0",
+    "@instructure/ui-options": "10.20.0",
+    "@instructure/ui-popover": "10.20.0",
+    "@instructure/ui-position": "10.20.0",
+    "@instructure/ui-prop-types": "10.20.0",
+    "@instructure/ui-react-utils": "10.20.0",
+    "@instructure/ui-selectable": "10.20.0",
+    "@instructure/ui-testable": "10.20.0",
+    "@instructure/ui-utils": "10.20.0",
+    "@instructure/ui-view": "10.20.0",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.19.2-snapshot-12",
-    "@instructure/ui-babel-preset": "10.19.2-snapshot-12",
-    "@instructure/ui-color-utils": "10.19.2-snapshot-12",
-    "@instructure/ui-scripts": "10.19.2-snapshot-12",
-    "@instructure/ui-test-utils": "10.19.2-snapshot-12",
-    "@instructure/ui-themes": "10.19.2-snapshot-12",
+    "@instructure/ui-axe-check": "10.20.0",
+    "@instructure/ui-babel-preset": "10.20.0",
+    "@instructure/ui-color-utils": "10.20.0",
+    "@instructure/ui-scripts": "10.20.0",
+    "@instructure/ui-test-utils": "10.20.0",
+    "@instructure/ui-themes": "10.20.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.6.1",

package/src/Drilldown/index.tsx

@@ -121,7 +121,8 @@ class Drilldown extends Component<DrilldownProps, DrilldownState> {
     shouldReturnFocus: true,
     withArrow: true,
     offsetX: 0,
-    offsetY: 0
+    offsetY: 0,
+    shouldSetAriaExpanded: true
   }
 
   static Group = DrilldownGroup
@@ -1494,11 +1495,13 @@ class Drilldown extends Component<DrilldownProps, DrilldownState> {
       onFocus,
       onMouseOver,
       offsetX,
-      offsetY
+      offsetY,
+      shouldSetAriaExpanded
     } = this.props
 
     return trigger ? (
       <Popover
+        shouldSetAriaExpanded={shouldSetAriaExpanded}
         isShowingContent={show}
         defaultIsShowingContent={defaultShow}
         shouldCloseOnDocumentClick={true}

package/src/Drilldown/props.ts

@@ -261,6 +261,12 @@ type DrilldownOwnProps = {
    * Works only if `trigger` is provided.
    */
   offsetY?: string | number
+  /**
+   * If true (default), then the aria-expanded prop is added to the trigger.
+   * If its supplied via the aria-expanded prop then it takes the given value,
+   * otherwise its calculated automatically based on whether the content is shown.
+   */
+  shouldSetAriaExpanded?: boolean
 }
 
 type PropKeys = keyof DrilldownOwnProps
@@ -338,7 +344,8 @@ const propTypes: PropValidators<PropKeys> = {
   shouldReturnFocus: PropTypes.bool,
   withArrow: PropTypes.bool,
   offsetX: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+  offsetY: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  shouldSetAriaExpanded: PropTypes.bool
 }
 
 const allowedProps: AllowedPropKeys = [