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

package/dist/index.js

@@ -372,17 +372,6 @@ var parseDelimitedFacetValue = function (value) {
     return entry !== null;
   });
 };
-/**
- * Formats a delimited facet value into a human-readable string list
- * Returns null if the value is not in delimited format
- */
-var formatFacetValueAsString = function (value) {
-  if (!isDelimitedFacetValue(value)) return null;
-  var entries = parseDelimitedFacetValue(value);
-  return entries.map(function (e) {
-    return "".concat(e.value, " ").concat(e.unit);
-  }).join(', ');
-};
 
 var styles$2 = {"facet-unit-selector":"FacetUnitSelector-module__facet-unit-selector___1Zdhx","facet-unit-selector__value":"FacetUnitSelector-module__facet-unit-selector__value___E-LAN","facet-unit-selector__unit":"FacetUnitSelector-module__facet-unit-selector__unit___TxIk7","facet-unit-selector__dropdown":"FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK"};
 
@@ -401,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", {
@@ -1657,12 +1660,7 @@ exports.AccordionSection = AccordionSection;
 exports.AlgoliaDynamicSearch = AlgoliaDynamicSearchEdwards;
 exports.AlgoliaDynamicSearchRaw = AlgoliaDynamicSearchRaw;
 exports.Card = Card;
-exports.FacetUnitSelector = FacetUnitSelector;
-exports.FriendlyCaptcha = FriendlyCaptcha;
 exports.ProductCard = ProductCard;
 exports.ProductDetailsCard = ProductDetailsCard;
 exports.QrForm = QrForm;
-exports.formatFacetValueAsString = formatFacetValueAsString;
-exports.isDelimitedFacetValue = isDelimitedFacetValue;
-exports.parseDelimitedFacetValue = parseDelimitedFacetValue;
 //# sourceMappingURL=index.js.map