@instructure/ui-drilldown 8.26.4-snapshot-3 → 8.26.4-snapshot-7

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.26.4-snapshot-3](https://github.com/instructure/instructure-ui/compare/v8.26.3...v8.26.4-snapshot-3) (2022-07-18)
+## [8.26.4-snapshot-7](https://github.com/instructure/instructure-ui/compare/v8.26.3...v8.26.4-snapshot-7) (2022-07-21)
 
 
 ### Features

package/es/Drilldown/index.js

@@ -243,7 +243,9 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
 
     this.handleOptionSelect = (event, _ref5) => {
       let id = _ref5.id;
-      const selectedOption = this.getPageChildById(id);
+      const selectedOption = this.getPageChildById(id); // TODO: this line can be removed when React 16 is no longer supported
+
+      event.persist();
 
       if (!id || !selectedOption || selectedOption.props.disabled || event.target.getAttribute('disabled') || event.target.getAttribute('aria-disabled')) {
         event.preventDefault();

package/lib/Drilldown/index.js

@@ -259,7 +259,9 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
 
     this.handleOptionSelect = (event, _ref5) => {
       let id = _ref5.id;
-      const selectedOption = this.getPageChildById(id);
+      const selectedOption = this.getPageChildById(id); // TODO: this line can be removed when React 16 is no longer supported
+
+      event.persist();
 
       if (!id || !selectedOption || selectedOption.props.disabled || event.target.getAttribute('disabled') || event.target.getAttribute('aria-disabled')) {
         event.preventDefault();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drilldown",
-  "version": "8.26.4-snapshot-3",
+  "version": "8.26.4-snapshot-7",
   "description": "A drilldown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,28 +24,28 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.26.4-snapshot-3",
-    "@instructure/emotion": "8.26.4-snapshot-3",
-    "@instructure/shared-types": "8.26.4-snapshot-3",
-    "@instructure/ui-dom-utils": "8.26.4-snapshot-3",
-    "@instructure/ui-icons": "8.26.4-snapshot-3",
-    "@instructure/ui-options": "8.26.4-snapshot-3",
-    "@instructure/ui-popover": "8.26.4-snapshot-3",
-    "@instructure/ui-position": "8.26.4-snapshot-3",
-    "@instructure/ui-prop-types": "8.26.4-snapshot-3",
-    "@instructure/ui-react-utils": "8.26.4-snapshot-3",
-    "@instructure/ui-selectable": "8.26.4-snapshot-3",
-    "@instructure/ui-testable": "8.26.4-snapshot-3",
-    "@instructure/ui-utils": "8.26.4-snapshot-3",
-    "@instructure/ui-view": "8.26.4-snapshot-3",
+    "@instructure/console": "8.26.4-snapshot-7",
+    "@instructure/emotion": "8.26.4-snapshot-7",
+    "@instructure/shared-types": "8.26.4-snapshot-7",
+    "@instructure/ui-dom-utils": "8.26.4-snapshot-7",
+    "@instructure/ui-icons": "8.26.4-snapshot-7",
+    "@instructure/ui-options": "8.26.4-snapshot-7",
+    "@instructure/ui-popover": "8.26.4-snapshot-7",
+    "@instructure/ui-position": "8.26.4-snapshot-7",
+    "@instructure/ui-prop-types": "8.26.4-snapshot-7",
+    "@instructure/ui-react-utils": "8.26.4-snapshot-7",
+    "@instructure/ui-selectable": "8.26.4-snapshot-7",
+    "@instructure/ui-testable": "8.26.4-snapshot-7",
+    "@instructure/ui-utils": "8.26.4-snapshot-7",
+    "@instructure/ui-view": "8.26.4-snapshot-7",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.26.4-snapshot-3",
-    "@instructure/ui-color-utils": "8.26.4-snapshot-3",
-    "@instructure/ui-test-locator": "8.26.4-snapshot-3",
-    "@instructure/ui-test-utils": "8.26.4-snapshot-3",
-    "@instructure/ui-themes": "8.26.4-snapshot-3"
+    "@instructure/ui-babel-preset": "8.26.4-snapshot-7",
+    "@instructure/ui-color-utils": "8.26.4-snapshot-7",
+    "@instructure/ui-test-locator": "8.26.4-snapshot-7",
+    "@instructure/ui-test-utils": "8.26.4-snapshot-7",
+    "@instructure/ui-themes": "8.26.4-snapshot-7"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"

package/src/Drilldown/README.md

@@ -1111,15 +1111,17 @@ example: true
   shouldHideOnSelect={false}
 >
   <Drilldown.Page id="root" renderTitle='Should not hide on select'>
-    <Drilldown.Option id="shouldHideOption1">
-      Option
-    </Drilldown.Option>
-    <Drilldown.Option id="shouldHideOption2">
-      Option
-    </Drilldown.Option>
-    <Drilldown.Option id="shouldHideOption3">
-      Option
-    </Drilldown.Option>
+    <Drilldown.Group id="group1" selectableType='single'>
+      <Drilldown.Option value="1" id="shouldHideOption1">
+        Option 1
+      </Drilldown.Option>
+      <Drilldown.Option value="2" id="shouldHideOption2">
+        Option 2
+      </Drilldown.Option>
+      <Drilldown.Option value="3" id="shouldHideOption3">
+        Option 3
+      </Drilldown.Option>
+    </Drilldown.Group>
     <Drilldown.Option
       id="close"
       renderBeforeLabel={<IconXLine />}

package/src/Drilldown/index.tsx

@@ -754,6 +754,9 @@ class Drilldown extends Component<DrilldownProps, DrilldownState> {
   ) => {
     const selectedOption = this.getPageChildById(id)
 
+    // TODO: this line can be removed when React 16 is no longer supported
+    event.persist()
+
     if (
       !id ||
       !selectedOption ||