@asantemedia-org/edwardsvacuum-design-system 1.6.64 → 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.d.ts

@@ -6,7 +6,4 @@ export { QrForm } from "@stories/experiences/QRFormJourney/Qr-form/Qr-form";
 export type { allQrFromProps } from "@stories/experiences/QRFormJourney/Qr-form/Qr-form";
 export type { FormFieldType } from "@stories/experiences/QRFormJourney/FormFieldType";
 export { AccordionSection } from "@stories/components/AccordionSection";
-export { formatFacetValueAsString, isDelimitedFacetValue, parseDelimitedFacetValue } from "./utils/helpers/formatFacetValue";
-export { FacetUnitSelector } from "./stories/components/FacetUnitSelector";
-export { FriendlyCaptcha } from "./stories/experiences/QRFormJourney/Friendly-captcha/FriendlyCaptcha";
 import "@stories/experiences/QRFormJourney/Qr-form/Qr-form";

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

@@ -370,17 +370,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"};
 
@@ -399,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", {
@@ -1651,5 +1654,5 @@ var QrForm = function (props) {
   })));
 };
 
-export { AccordionSection, AlgoliaDynamicSearchEdwards as AlgoliaDynamicSearch, AlgoliaDynamicSearchRaw, Card, FacetUnitSelector, FriendlyCaptcha, ProductCard, ProductDetailsCard, QrForm, formatFacetValueAsString, isDelimitedFacetValue, parseDelimitedFacetValue };
+export { AccordionSection, AlgoliaDynamicSearchEdwards as AlgoliaDynamicSearch, AlgoliaDynamicSearchRaw, Card, ProductCard, ProductDetailsCard, QrForm };
 //# sourceMappingURL=index.esm.js.map