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

package/dist/index.js

@@ -390,14 +390,28 @@ var FacetUnitSelector = function (_a) {
   var _c = React.useState(0),
     selectedIndex = _c[0],
     setSelectedIndex = _c[1];
+  var isChanging = React.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 = React.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", {