FIX: mouseEnter is deprecated in newer Ember releases

This is the recommended fix via:
https://deprecations.emberjs.com/v3.x/#toc_component-mouseenter-leave-move
This commit is contained in:
Robin Ward 2020-09-18 13:50:26 -04:00
parent 1976306539
commit c5a2de99d1

View File

@ -1,6 +1,6 @@
import I18n from "I18n";
import Component from "@ember/component";
import { computed } from "@ember/object";
import { computed, action } from "@ember/object";
import { makeArray } from "discourse-common/lib/helpers";
import { guidFor } from "@ember/object/internals";
import UtilsMixin from "select-kit/mixins/utils";
@ -27,6 +27,18 @@ export default Component.extend(UtilsMixin, {
"item.classNames",
],
didInsertElement() {
this._super(...arguments);
this.element.addEventListener("mouseenter", this.handleMouseEnter);
},
willDestroyElement() {
this._super(...arguments);
if (this.element) {
this.element.removeEventListener("mouseenter", this.handleMouseEnter);
}
},
isNone: computed("rowValue", function () {
return this.rowValue === this.getValue(this.selectKit.noneItem);
}),
@ -91,7 +103,8 @@ export default Component.extend(UtilsMixin, {
return this.rowValue === this.value;
}),
mouseEnter() {
@action
handleMouseEnter() {
if (!this.isDestroying || !this.isDestroyed) {
this.selectKit.onHover(this.rowValue, this.item);
}