qpp-style 9.31.0 → 9.31.1

package/components/SideNav/UI/SideNavUI.jsx

@@ -27,16 +27,21 @@ const SideNavUI = ({
   performanceYear,
 }) => {
   // Use localStorage value to set init state, default to true
-  const [isExpandedState, setIsExpandedState] = useState(
-    sideNavExpandedStorage.setDefault()
-  );
+  const [isExpandedState, setIsExpandedState] = useState(true);
   const [sideNavContent, setSideNavContent] = useState({});
 
   const collapseRef = useRef(null);
 
+  const changeExpandedClass = (currentClass, newClass) => {
+    document
+      .querySelectorAll(`.${currentClass}`)
+      .forEach((e) => e.classList.replace(currentClass, newClass));
+  };
+
   const expand = () => {
     sideNavExpandedStorage.toggle();
     setIsExpandedState(true);
+    changeExpandedClass('animation-group-exit', 'animation-group-enter');
     if (onExpanded) {
       onExpanded();
     }
@@ -45,6 +50,7 @@ const SideNavUI = ({
   const collapse = () => {
     sideNavExpandedStorage.toggle();
     setIsExpandedState(false);
+    changeExpandedClass('animation-group-enter', 'animation-group-exit');
     if (onCollapsed) {
       onCollapsed();
     }

package/components/SideNav/helpers.js

@@ -375,13 +375,6 @@ const sideNavExpandedStorage = {
   remove: function () {
     localStorage.removeItem('qpp_side_nav_expanded');
   },
-  setDefault: function () {
-    let defaultValue = true;
-    if (!this.isNullOrUndefined()) {
-      defaultValue = this.get();
-    }
-    return defaultValue;
-  },
 };
 
 module.exports = {