@momentum-design/components 0.95.2 → 0.95.4

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

@@ -187,6 +187,13 @@ declare class Select extends Select_base implements AssociatedFormControl {
      * @internal
      */
     private handleNativeInputFocus;
+    /**
+     * Updates the state of the select component.
+     * This public method should be fired when the selected on the option components is updated from the outside.
+     * It ensures that the selected attribute is set correctly on the options
+     * and that the aria-selected attribute is updated accordingly.
+     */
+    updateState(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: Array<CSSResult>;
 }

package/dist/components/select/select.component.js

@@ -419,6 +419,22 @@ class Select extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
     handleNativeInputFocus() {
         this.visualCombobox.focus();
     }
+    /**
+     * Updates the state of the select component.
+     * This public method should be fired when the selected on the option components is updated from the outside.
+     * It ensures that the selected attribute is set correctly on the options
+     * and that the aria-selected attribute is updated accordingly.
+     */
+    updateState() {
+        var _a;
+        const newSelectedOption = this.getFirstSelectedOption();
+        if (!newSelectedOption) {
+            this.setSelectedOption(this.placeholder ? null : this.getFirstValidOption());
+        }
+        else if (((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) !== newSelectedOption.value) {
+            this.setSelectedOption(newSelectedOption);
+        }
+    }
     render() {
         var _a, _b, _c, _d, _e, _f;
         return html `

package/dist/components/select/select.types.d.ts

@@ -2,17 +2,19 @@ import type { ValueOf, TypedEvent } from '../../utils/types';
 import type { PopoverPlacement } from '../popover/popover.types';
 import type Select from './select.component';
 import { ARROW_ICON } from './select.constants';
+type SelectChangeEvent = TypedEvent<Select, {
+    value: string;
+}>;
+type SelectInputEvent = TypedEvent<Select, {
+    value: string;
+}>;
 interface Events {
     onClickEvent: MouseEvent;
-    onChangeEvent: TypedEvent<Select, {
-        value: string;
-    }>;
-    onInputEvent: TypedEvent<Select, {
-        value: string;
-    }>;
+    onChangeEvent: SelectChangeEvent;
+    onInputEvent: SelectInputEvent;
     onKeyDownEvent: KeyboardEvent;
     onFocusEvent: FocusEvent;
 }
 type Placement = Extract<PopoverPlacement, 'bottom-start' | 'top-start'>;
 type ArrowIcon = ValueOf<typeof ARROW_ICON>;
-export type { Events, ArrowIcon, Placement };
+export type { Events, ArrowIcon, Placement, SelectChangeEvent, SelectInputEvent };