@instructure/ui-drilldown 8.38.1 → 8.38.2-snapshot-2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.38.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v8.38.1...v8.38.2-snapshot-2) (2023-07-06)
+
+**Note:** Version bump only for package @instructure/ui-drilldown
+
+
+
+
+
 ## [8.38.1](https://github.com/instructure/instructure-ui/compare/v8.38.0...v8.38.1) (2023-06-13)
 
 **Note:** Version bump only for package @instructure/ui-drilldown

package/es/Drilldown/index.js

@@ -62,12 +62,6 @@ category: components
 @tsProps
 **/
 let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Drilldown extends Component {
-  // Array of visited page ids in "breadcrumbs" fashion
-
-  // Map of the active options on the page (includes header options too)
-
-  // Map of the selected options in groups (grouped by group id)
-
   constructor(props) {
     super(props);
     this._drilldownRef = null;
@@ -80,8 +74,11 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
     this._headerTitleId = void 0;
     this._headerTitleLabelId = void 0;
     this._headerActionId = void 0;
+    // Array of visited page ids in "breadcrumbs" fashion
     this._pageHistory = void 0;
+    // Map of the active options on the page (includes header options too)
     this._activeOptionsMap = {};
+    // Map of the selected options in groups (grouped by group id)
     this.ref = null;
     this.handleRef = el => {
       // ref and elementRef have to be set together for the same element
@@ -158,6 +155,7 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
         });
       }
     };
+    // Navigates to the page and also returns the new and old pageIds
     this.goToPage = newPageId => {
       var _this$pageMap;
       if (!newPageId) {
@@ -284,6 +282,8 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
         this.hide(event);
       }
     };
+    // Setting extra logic for keyboard navigation.
+    // Enter, Esc and up/down/home/end keys are handled by Selectable.
     this.handleKeyDown = event => {
       const id = event.target.id;
       const option = this.getPageChildById(id);
@@ -637,9 +637,6 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
     const optionElement = container === null || container === void 0 ? void 0 : container.querySelector(`[id="${id}"]`);
     optionElement === null || optionElement === void 0 ? void 0 : optionElement.focus();
   }
-
-  // Navigates to the page and also returns the new and old pageIds
-
   handleGroupOptionSelected(event, selectedOption) {
     this.setState(oldState => {
       var _oldState$selectedGro;
@@ -697,9 +694,6 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
       }
     });
   }
-
-  // Setting extra logic for keyboard navigation.
-  // Enter, Esc and up/down/home/end keys are handled by Selectable.
   renderList(getOptionProps, getDisabledOptionProps) {
     const currentPage = this.currentPage,
       headerChildren = this.headerChildren;

package/lib/Drilldown/index.js

@@ -75,12 +75,6 @@ category: components
 @tsProps
 **/
 let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Drilldown extends _react.Component {
-  // Array of visited page ids in "breadcrumbs" fashion
-
-  // Map of the active options on the page (includes header options too)
-
-  // Map of the selected options in groups (grouped by group id)
-
   constructor(props) {
     super(props);
     this._drilldownRef = null;
@@ -93,8 +87,11 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
     this._headerTitleId = void 0;
     this._headerTitleLabelId = void 0;
     this._headerActionId = void 0;
+    // Array of visited page ids in "breadcrumbs" fashion
     this._pageHistory = void 0;
+    // Map of the active options on the page (includes header options too)
     this._activeOptionsMap = {};
+    // Map of the selected options in groups (grouped by group id)
     this.ref = null;
     this.handleRef = el => {
       // ref and elementRef have to be set together for the same element
@@ -171,6 +168,7 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
         });
       }
     };
+    // Navigates to the page and also returns the new and old pageIds
     this.goToPage = newPageId => {
       var _this$pageMap;
       if (!newPageId) {
@@ -297,6 +295,8 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
         this.hide(event);
       }
     };
+    // Setting extra logic for keyboard navigation.
+    // Enter, Esc and up/down/home/end keys are handled by Selectable.
     this.handleKeyDown = event => {
       const id = event.target.id;
       const option = this.getPageChildById(id);
@@ -650,9 +650,6 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
     const optionElement = container === null || container === void 0 ? void 0 : container.querySelector(`[id="${id}"]`);
     optionElement === null || optionElement === void 0 ? void 0 : optionElement.focus();
   }
-
-  // Navigates to the page and also returns the new and old pageIds
-
   handleGroupOptionSelected(event, selectedOption) {
     this.setState(oldState => {
       var _oldState$selectedGro;
@@ -710,9 +707,6 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
       }
     });
   }
-
-  // Setting extra logic for keyboard navigation.
-  // Enter, Esc and up/down/home/end keys are handled by Selectable.
   renderList(getOptionProps, getDisabledOptionProps) {
     const currentPage = this.currentPage,
       headerChildren = this.headerChildren;

package/package.json

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