@asantemedia-org/edwardsvacuum-design-system 1.6.65 → 1.6.66

package/dist/index.css

@@ -482,18 +482,15 @@
   font-size: 0.85rem;
   color: rgb(196, 38, 46);
   cursor: pointer;
-  transition: border-color 0.2s ease, background-color 0.2s ease;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 0.5rem center;
 }
 .FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK:hover {
-  border-color: rgb(172, 174, 176);
   background-color: rgb(250, 250, 250);
 }
 .FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK:focus {
   outline: none;
-  border-color: rgb(196, 38, 46);
   box-shadow: 0 0 0 2px rgba(196, 38, 46, 0.15);
 }
 .FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK option {

package/dist/index.esm.css

@@ -482,18 +482,15 @@
   font-size: 0.85rem;
   color: rgb(196, 38, 46);
   cursor: pointer;
-  transition: border-color 0.2s ease, background-color 0.2s ease;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 0.5rem center;
 }
 .FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK:hover {
-  border-color: rgb(172, 174, 176);
   background-color: rgb(250, 250, 250);
 }
 .FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK:focus {
   outline: none;
-  border-color: rgb(196, 38, 46);
   box-shadow: 0 0 0 2px rgba(196, 38, 46, 0.15);
 }
 .FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK option {

package/dist/index.esm.js

@@ -388,14 +388,28 @@ var FacetUnitSelector = function (_a) {
   var _c = useState(0),
     selectedIndex = _c[0],
     setSelectedIndex = _c[1];
+  var isChanging = useRef(false);
   var getClassName = function (name) {
     return usePlainClasses ? name : getStyle$2(name);
   };
   if (!entries || entries.length === 0) return null;
   var selectedEntry = entries[selectedIndex];
-  var handleUnitChange = function (e) {
-    setSelectedIndex(Number(e.target.value));
-  };
+  var handleUnitChange = useCallback(function (e) {
+    // Stop event propagation to prevent AEM handlers
+    e.stopPropagation();
+    // Prevent multiple rapid changes
+    if (isChanging.current) return;
+    isChanging.current = true;
+    var newIndex = Number(e.target.value);
+    // Use requestAnimationFrame to defer state update
+    requestAnimationFrame(function () {
+      setSelectedIndex(newIndex);
+      // Reset change lock
+      setTimeout(function () {
+        isChanging.current = false;
+      }, 100);
+    });
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: getClassName("facet-unit-selector")
   }, /*#__PURE__*/React.createElement("span", {