@momentum-design/components 0.129.43 → 0.129.44

package/dist/components/virtualizedlist/virtualizedlist.component.d.ts

@@ -4,7 +4,7 @@ import List from '../list/list.component';
 import type { ElementStoreChangeTypes } from '../../utils/controllers/ElementStore';
 import { type BaseArray } from '../../utils/virtualIndexArray';
 import { VirtualizerProps, Virtualizer } from './virtualizedlist.types';
-declare const VirtualizedList_base: import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/DataAriaLabelMixin").DataAriaLabelMixinInterface> & typeof List;
+declare const VirtualizedList_base: import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/KeyToActionMixin").KeyToActionInterface> & import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/DataAriaLabelMixin").DataAriaLabelMixinInterface> & typeof List;
 /**
  * `mdc-virtualizedlist` is an extension of the `mdc-list` component that adds virtualization capabilities using
  * the Tanstack Virtual library.

package/dist/components/virtualizedlist/virtualizedlist.component.js

@@ -15,8 +15,8 @@ import List from '../list/list.component';
 import { DataAriaLabelMixin } from '../../utils/mixins/DataAriaLabelMixin';
 import { Interval } from '../../utils/range';
 import { VirtualIndexArray } from '../../utils/virtualIndexArray';
-import { KEYS } from '../../utils/keys';
 import { LIFE_CYCLE_EVENTS } from '../../utils/mixins/lifecycle/lifecycle.contants';
+import { ACTIONS, KeyToActionMixin } from '../../utils/mixins/KeyToActionMixin';
 import styles from './virtualizedlist.styles';
 import { DEFAULTS } from './virtualizedlist.constants';
 /**
@@ -86,7 +86,7 @@ import { DEFAULTS } from './virtualizedlist.constants';
  * @csspart container - The container of the virtualized list.
  * @csspart scroll - The scrollable area of the virtualized list.
  */
-class VirtualizedList extends DataAriaLabelMixin(List) {
+class VirtualizedList extends KeyToActionMixin(DataAriaLabelMixin(List)) {
     /**
      * The current virtual items being rendered.
      */
@@ -548,21 +548,22 @@ class VirtualizedList extends DataAriaLabelMixin(List) {
     }
     handleNavigationKeyDown(event) {
         var _a, _b, _c, _d;
-        switch (event.key) {
-            case KEYS.HOME: {
+        const action = this.getActionForKeyEvent(event);
+        switch (action) {
+            case ACTIONS.HOME: {
                 // Move focus to the first item
                 (_b = (_a = this.virtualizer) === null || _a === void 0 ? void 0 : _a.scrollToIndex) === null || _b === void 0 ? void 0 : _b.call(_a, 0, { align: 'start' });
                 this.endOfScrollQueue.push(() => this.resetTabIndexes(0));
                 break;
             }
-            case KEYS.END: {
+            case ACTIONS.END: {
                 // Move focus to the last item
                 const selectedItem = this.virtualizerProps.count - 1;
                 (_d = (_c = this.virtualizer) === null || _c === void 0 ? void 0 : _c.scrollToIndex) === null || _d === void 0 ? void 0 : _d.call(_c, selectedItem, { align: 'end' });
                 this.endOfScrollQueue.push(() => this.resetTabIndexes(selectedItem));
                 break;
             }
-            case KEYS.ARROW_UP: {
+            case ACTIONS.UP: {
                 this.atBottom = 're-evaluate';
                 break;
             }