@momentum-design/components 0.128.0 → 0.129.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -80,10 +80,10 @@ export { default as Tab } from './tab';
80
80
  export { default as TabList } from './tablist';
81
81
  export { default as Text } from './text';
82
82
  export { default as Textarea } from './textarea';
83
- export { default as ThemeProvider } from './themeprovider';
84
- export { default as Toast } from './toast';
85
83
  export { default as Toggle } from './toggle';
86
84
  export { default as ToggleTip } from './toggletip';
87
85
  export { default as Tooltip } from './tooltip';
88
86
  export { default as Typewriter } from './typewriter';
89
87
  export { default as VirtualizedList } from './virtualizedlist';
88
+ export { default as ThemeProvider } from './themeprovider';
89
+ export { default as Toast } from './toast';
@@ -80,10 +80,10 @@ export { default as Tab } from './tab';
80
80
  export { default as TabList } from './tablist';
81
81
  export { default as Text } from './text';
82
82
  export { default as Textarea } from './textarea';
83
- export { default as ThemeProvider } from './themeprovider';
84
- export { default as Toast } from './toast';
85
83
  export { default as Toggle } from './toggle';
86
84
  export { default as ToggleTip } from './toggletip';
87
85
  export { default as Tooltip } from './tooltip';
88
86
  export { default as Typewriter } from './typewriter';
89
87
  export { default as VirtualizedList } from './virtualizedlist';
88
+ export { default as ThemeProvider } from './themeprovider';
89
+ export { default as Toast } from './toast';
@@ -7,7 +7,7 @@ export declare abstract class ListNavigationMixinInterface {
7
7
  protected initialFocus: number;
8
8
  protected abstract get navItems(): BaseArray<HTMLElement>;
9
9
  protected resetTabIndexes(index: number, focusElement?: boolean): void;
10
- protected resetTabIndexAndSetFocus(newIndex: number, oldIndex?: number, focusNewItem?: boolean): void;
10
+ protected resetTabIndexAndSetFocus(newIndex: number, oldIndex?: number, focusNewItem?: boolean, scrollToNewItem?: boolean): void;
11
11
  protected setInitialFocus(): void;
12
12
  protected handleNavigationKeyDown(event: KeyboardEvent): void;
13
13
  }
@@ -61,7 +61,7 @@ export const ListNavigationMixin = (superClass) => {
61
61
  // When user clicked on a focusable element inside the item, we update the navigation index, but
62
62
  // keep the focus on the clicked element.
63
63
  const focusNewItem = !(this.navItems.at(newIndex) !== target && document.activeElement === event.target);
64
- this.resetTabIndexAndSetFocus(newIndex, undefined, focusNewItem);
64
+ this.resetTabIndexAndSetFocus(newIndex, undefined, focusNewItem, false);
65
65
  }
66
66
  };
67
67
  this.addEventListener('keydown', this.handleNavigationKeyDown.bind(this));
@@ -179,7 +179,7 @@ export const ListNavigationMixin = (superClass) => {
179
179
  * @param focusNewItem - Call focus() on the new item or not. It should be false during firstUpdate
180
180
  * @returns - This method does not return anything.
181
181
  */
182
- resetTabIndexAndSetFocus(newIndex, oldIndex, focusNewItem = true) {
182
+ resetTabIndexAndSetFocus(newIndex, oldIndex, focusNewItem = true, scrollToNewItem = true) {
183
183
  var _a;
184
184
  const { navItems } = this;
185
185
  if (navItems.length === 0)
@@ -199,7 +199,9 @@ export const ListNavigationMixin = (superClass) => {
199
199
  newItem.setAttribute('tabindex', '0');
200
200
  if (focusNewItem) {
201
201
  newItem.focus({ preventScroll: true });
202
- newItem.scrollIntoView({ block: 'nearest' });
202
+ if (scrollToNewItem) {
203
+ newItem.scrollIntoView({ block: 'nearest' });
204
+ }
203
205
  }
204
206
  }
205
207
  /**
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@momentum-design/components",
3
3
  "packageManager": "yarn@3.2.4",
4
- "version": "0.128.0",
4
+ "version": "0.129.1",
5
5
  "engines": {
6
6
  "node": ">=20.0.0",
7
7
  "npm": ">=8.0.0"