perf: update dropdown to latest for bib position fix

AlaskaAirlines · Dec 19, 2024 · da752c4 · da752c4
1 parent de300d1
commit da752c4
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 12 deletions.
diff --git a/demo/api.min.js b/demo/api.min.js
@@ -11168,6 +11168,7 @@ class AuroDropdown extends r$2 {
     this.isPopoverVisible = false;
     this.matchWidth = false;
     this.noHideOnThisFocusLoss = false;
+    this.resizeObserver = undefined;
 
     this.privateDefaults();
   }
@@ -11286,6 +11287,10 @@ class AuroDropdown extends r$2 {
 
   disconnectedCallback() {
     super.disconnectedCallback();
+
+    if (this.resizeObserver !== undefined) {
+      this.resizeObserver.unobserve(this.trigger);
+    }
   }
 
   /**
@@ -11452,6 +11457,8 @@ class AuroDropdown extends r$2 {
     });
 
     this.notifyReady();
+
+    this.setUpResizeObserver();
   }
 
   /**
@@ -11480,6 +11487,10 @@ class AuroDropdown extends r$2 {
       this.triggerChevron.removeAttribute('data-expanded');
     }
     this.dispatchEventDropdownToggle();
+
+    if (this.resizeObserver !== undefined) {
+      this.resizeObserver.unobserve(this.trigger);
+    }
   }
 
   /**
@@ -11503,8 +11514,11 @@ class AuroDropdown extends r$2 {
       }
 
       this.handleFocusLoss();
-
       this.dispatchEventDropdownToggle();
+
+      if (this.resizeObserver !== undefined) {
+        this.resizeObserver.observe(this.trigger);
+      }
     }
   }
 
@@ -11554,6 +11568,20 @@ class AuroDropdown extends r$2 {
     }
   }
 
+  /**
+   * Internal method to set up the resize observer. When an element is resized, we update
+   * the popper instance.
+   * @private
+   * @return {void}
+   */
+  setUpResizeObserver() {
+    if ('ResizeObserver' in window) {
+      this.resizeObserver = new ResizeObserver(() => {
+        this.popper.triggerUpdate();
+      });
+    }
+  }
+
   // function that renders the HTML and CSS into  the scope of the component
   render() {
     return u$2`
@@ -11607,7 +11635,7 @@ class AuroDropdown extends r$2 {
   }
 }
 
-var dropdownVersion = '3.2.1';
+var dropdownVersion = '3.2.2';
 
 /**
  * @license

diff --git a/demo/index.min.js b/demo/index.min.js
@@ -10923,6 +10923,7 @@ class AuroDropdown extends r$2 {
     this.isPopoverVisible = false;
     this.matchWidth = false;
     this.noHideOnThisFocusLoss = false;
+    this.resizeObserver = undefined;
 
     this.privateDefaults();
   }
@@ -11041,6 +11042,10 @@ class AuroDropdown extends r$2 {
 
   disconnectedCallback() {
     super.disconnectedCallback();
+
+    if (this.resizeObserver !== undefined) {
+      this.resizeObserver.unobserve(this.trigger);
+    }
   }
 
   /**
@@ -11207,6 +11212,8 @@ class AuroDropdown extends r$2 {
     });
 
     this.notifyReady();
+
+    this.setUpResizeObserver();
   }
 
   /**
@@ -11235,6 +11242,10 @@ class AuroDropdown extends r$2 {
       this.triggerChevron.removeAttribute('data-expanded');
     }
     this.dispatchEventDropdownToggle();
+
+    if (this.resizeObserver !== undefined) {
+      this.resizeObserver.unobserve(this.trigger);
+    }
   }
 
   /**
@@ -11258,8 +11269,11 @@ class AuroDropdown extends r$2 {
       }
 
       this.handleFocusLoss();
-
       this.dispatchEventDropdownToggle();
+
+      if (this.resizeObserver !== undefined) {
+        this.resizeObserver.observe(this.trigger);
+      }
     }
   }
 
@@ -11309,6 +11323,20 @@ class AuroDropdown extends r$2 {
     }
   }
 
+  /**
+   * Internal method to set up the resize observer. When an element is resized, we update
+   * the popper instance.
+   * @private
+   * @return {void}
+   */
+  setUpResizeObserver() {
+    if ('ResizeObserver' in window) {
+      this.resizeObserver = new ResizeObserver(() => {
+        this.popper.triggerUpdate();
+      });
+    }
+  }
+
   // function that renders the HTML and CSS into  the scope of the component
   render() {
     return u$2`
@@ -11362,7 +11390,7 @@ class AuroDropdown extends r$2 {
   }
 }
 
-var dropdownVersion = '3.2.1';
+var dropdownVersion = '3.2.2';
 
 /**
  * @license

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@alaskaairux/icons": "^4.44.1",
-    "@aurodesignsystem/auro-dropdown": "^3.2.1",
+    "@aurodesignsystem/auro-dropdown": "^3.2.2",
     "@aurodesignsystem/auro-formvalidation": "^1.0.4",
     "@aurodesignsystem/auro-input": "^4.3.0",
     "@aurodesignsystem/auro-library": "^3.0.2",

diff --git a/src/dropdownVersion.js b/src/dropdownVersion.js
@@ -1 +1 @@
-export default '3.2.1'
+export default '3.2.2'