@momentum-ui/web-components 2.13.18 → 2.13.19

package/dist/types/components/dropdown/Dropdown.d.ts

@@ -12,13 +12,30 @@ export declare namespace Dropdown {
         [key: string]: string;
     };
     type Option = string | OptionMember;
+    type RenderOptionMember = {
+        key: string;
+        value: string;
+        option?: Option;
+    };
     export type EventDetail = {
         "dropdown-focus-in": undefined;
         "dropdown-focus-out": undefined;
         "dropdown-selected": {
             option: Option;
         };
+        "dropdown-selection-removed": undefined;
+    };
+    export type MessageType = "error" | "success" | "warning";
+    export type Message = {
+        type: MessageType;
+        message: string;
+        id?: string;
+        ariaLive?: "off" | "assertive" | "polite";
     };
+    export class MessageController {
+        determineMessageType(array: Dropdown.Message[]): MessageType;
+        filterMessagesByType(array: Dropdown.Message[], value: string): string[];
+    }
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
         title: string;
@@ -30,24 +47,66 @@ export declare namespace Dropdown {
         customTabIndex: number;
         allowUnselected: boolean;
         visibleOptions: number;
+        newMomentum: boolean;
+        compact: boolean;
+        searchable: boolean;
+        searchItem: boolean;
+        inputValue: string;
+        placeholder: string;
+        readOnly: boolean;
+        autofocus: boolean;
+        leftIcon: string;
+        trimSpace: boolean;
+        resultsTextLocalization: string;
+        helpText: string;
+        messageArr: Dropdown.Message[];
+        htmlId: string;
+        clearAriaLabel: string;
+        clearIconHeight: string;
+        arrowAriaLabel: string;
+        popupChevronAriaHidden: string;
+        ariaLabel: string;
+        searchResultAriaLabel: string;
+        ariaLabelForDropdown: string;
         private renderOptions;
         private selectedKey;
         private expanded;
         private focusedIndex;
         label: HTMLLabelElement;
+        input?: HTMLInputElement;
         optionsList: HTMLUListElement;
         optionsListItems?: HTMLLIElement[];
+        private readonly messageController;
         private lastMaxHeight;
         connectedCallback(): void;
         disconnectedCallback(): void;
         protected firstUpdated(changedProperties: PropertyValues): void;
         protected updated(changedProperties: PropertyValues): void;
+        private notifySearchResultCount;
+        private setInitialValue;
+        private getOptionValue;
+        private getOptionId;
+        private isOptionObject;
         updateRenderOptions(): void;
         updateListDOM(): Promise<void>;
         resizeDropdownList(): Promise<void>;
         protected handleFocusIn(event: Event): void;
         protected handleFocusOut(event: Event): void;
         static get styles(): import("lit-element").CSSResult[];
+        get filteredOptions(): RenderOptionMember[] | {
+            key: string;
+            value: string;
+            disabled: boolean;
+        }[];
+        get messageType(): Dropdown.MessageType | null;
+        get messages(): string[] | null;
+        private setVisualListbox;
+        private updateOnNextFrame;
+        private setInputValue;
+        private shouldChangeButton;
+        toggleVisualListBox(e: any): void;
+        handleRemoveAll(event: MouseEvent): void;
+        private removeAllSelected;
         setupEvents(): void;
         teardownEvents(): void;
         expand(): void;
@@ -62,6 +121,7 @@ export declare namespace Dropdown {
         focusNext(): void;
         focusPrev(): void;
         focusToIndex(n: number): void;
+        focusToIndexWithOption(o: RenderOptionMember): void;
         focusReset(): void;
         scrollToIndex(n: number): Promise<void>;
         getOptionKeyValuePair(option: Option): {
@@ -70,8 +130,17 @@ export declare namespace Dropdown {
         };
         get labelTitle(): string;
         get dropDownClassMap(): {
+            [x: string]: boolean;
             "md-dropdown__expanded": boolean;
+            "md-new-dropdown": boolean;
         };
+        handleInput(event: Event): void;
+        private notifyInputValueChanged;
+        helpTextTemplate(): {};
+        messagesTemplate(): {};
+        iconTemplate(): import("lit-element").TemplateResult;
+        clearButtonTemplate(): import("lit-element").TemplateResult;
+        arrowButtonTemplate(): import("lit-element").TemplateResult;
         render(): import("lit-element").TemplateResult;
     }
     export {};

package/dist/types/components/help-text/HelpText.d.ts

@@ -17,7 +17,7 @@ export declare namespace HelpText {
             [x: string]: boolean;
         };
         static get styles(): import("lit-element").CSSResult[];
-        getIconName(): "" | "check-circle-badge-filled" | "clear-filled" | "warning-filled" | "priority-badge-filled";
+        getIconName(): "" | "check-circle-badge-filled" | "error-legacy-badge-filled" | "warning-badge-filled" | "info-badge-filled";
         render(): import("lit-element").TemplateResult;
     }
 }

package/dist/types/components/timepicker/TimePicker.d.ts

@@ -37,7 +37,7 @@ export declare namespace TimePicker {
         handleTimeBlur(event: CustomEvent, unit: TimePicker.TimeUnit): void;
         static get styles(): import("lit-element").CSSResult[];
         formatTimeUnit: (unit: TimePicker.TimeUnit) => void;
-        messageType: (isValid: boolean) => "" | "error";
+        messageType: (isValid: boolean) => "error" | "";
         generateTimeBox: (unit: TimePicker.TimeUnit) => import("lit-element").TemplateResult;
         generateAmPmComboBox: () => import("lit-element").TemplateResult;
         render(): import("lit-element").TemplateResult;

package/dist/types/components/tooltip/Tooltip.d.ts

@@ -27,6 +27,7 @@ export declare namespace Tooltip {
         reference: HTMLDivElement;
         private slotContent;
         private _keyDownListener;
+        private _wheelListener;
         connectedCallback(): void;
         disconnectedCallback(): void;
         protected handleFocusIn(event: Event): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.13.18",
+  "version": "2.13.19",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
@@ -13,8 +13,8 @@
     "@interactjs/interact": "1.10.3",
     "@interactjs/modifiers": "1.10.3",
     "@interactjs/utils": "1.10.3",
-    "@momentum-design/icons": "0.0.160",
-    "@momentum-design/tokens": "0.0.84",
+    "@momentum-design/icons": "0.0.161",
+    "@momentum-design/tokens": "0.0.91",
     "@popperjs/core": "^2.4.4",
     "country-codes-list": "1.6.8",
     "country-flags-svg": "1.1.4",