@vodafone_de/brix-components 11.3.1 → 11.3.2

package/dist/components/Accordion/index.js

@@ -131,16 +131,19 @@ const Accordion = ({
   ...props
 }) => {
   const ref = useRef(null);
+  const lastOpenStateRef = useRef(expanded);
   const [toggle, setToggle] = useState(expanded ? accordionToggleExpanded : accordionToggleCollapsed);
   const [animated, setAnimated] = useState(true);
   useEffect(() => {
     const target = ref.current;
     const observer = new MutationObserver(() => {
-      if (target == null ? void 0 : target.open) {
+      const currentOpen = (target == null ? void 0 : target.open) ?? false;
+      if (currentOpen !== lastOpenStateRef.current) {
+        lastOpenStateRef.current = currentOpen;
         setAnimated(false);
-        setToggle(accordionToggleExpanded);
+        setToggle(currentOpen ? accordionToggleExpanded : accordionToggleCollapsed);
         if (props.handleOnToggle) {
-          props.handleOnToggle(uid, true);
+          props.handleOnToggle(uid, currentOpen);
         }
       }
     });
@@ -151,7 +154,7 @@ const Accordion = ({
       });
     }
     return () => observer.disconnect();
-  }, []);
+  }, [uid, props]);
   useEffect(() => {
     if (expanded && accordionToggleExpanded === toggle) {
       return;
@@ -168,9 +171,11 @@ const Accordion = ({
   const handleToggle = (event) => {
     event.preventDefault();
     const current = toggle;
+    const willExpand = accordionToggleExpanded !== current;
+    lastOpenStateRef.current = willExpand;
     setToggle(accordionToggleExpanded === current ? accordionToggleCollapsing : accordionToggleExpanded);
     if (props.handleOnToggle) {
-      props.handleOnToggle(uid, accordionToggleExpanded !== current);
+      props.handleOnToggle(uid, willExpand);
     }
   };
   const onTransition = (open) => {
@@ -179,6 +184,10 @@ const Accordion = ({
     }
     if (!open) {
       setToggle(accordionToggleCollapsed);
+      lastOpenStateRef.current = false;
+    }
+    if (open) {
+      lastOpenStateRef.current = true;
     }
   };
   const className = `${props.className ? props.className : ""} ${accordionToggleCollapsing === toggle ? "collapsing" : ""} `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vodafone_de/brix-components",
   "description": "Brix is the digital design system for vodafone.de",
-  "version": "11.3.1",
+  "version": "11.3.2",
   "exports": {
     "./package.json": "./package.json",
     ".": {