qpp-style 9.34.4 → 9.34.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qpp-style",
-  "version": "9.34.4",
+  "version": "9.34.6",
   "description": "Shared style guide across the QPP program.",
   "main": "dist/index.js",
   "homepage": "https://cmsgov.github.io/qpp-style",
@@ -82,7 +82,6 @@
   "dependencies": {
     "@material-design-icons/svg": "^0.14.13",
     "ariakit": "^2.0.0-next.44",
-    "axios": "^1.5.1",
     "cookie": "^0.5.0",
     "jwt-decode": "^3.1.2",
     "prop-types": "^15.8.1",

package/session/logout.js

@@ -1,20 +1,19 @@
-import cookie from 'cookie';
-import axios from 'axios';
+import cookie from "cookie";
 
 export const deleteImpersonatedUser = (cookies) => {
-  if (cookies.hasOwnProperty('qpp_impersonated_user')) {
+  if (cookies.hasOwnProperty("qpp_impersonated_user")) {
     document.cookie =
-      'qpp_impersonated_user=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
+      "qpp_impersonated_user=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";
   }
 
-  if (cookies.hasOwnProperty('qpp_impersonated_type')) {
+  if (cookies.hasOwnProperty("qpp_impersonated_type")) {
     document.cookie =
-      'qpp_impersonated_type=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
+      "qpp_impersonated_type=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";
   }
 };
 
 export const revertApmPaymentCookie = () => {
-  const userHasApmPayments = localStorage.getItem('user_has_apm_payments');
+  const userHasApmPayments = localStorage.getItem("user_has_apm_payments");
 
   if (userHasApmPayments) {
     document.cookie = `user_has_apm_payments=${userHasApmPayments}; Path=/;`;
@@ -23,11 +22,11 @@ export const revertApmPaymentCookie = () => {
 
 export const revertQppHasAuthsCookie = () => {
   const { qppHasAuthorizations, behindSSL } = JSON.parse(
-    localStorage.getItem('impersonatorAuthValues')
+    localStorage.getItem("impersonatorAuthValues"),
   );
   if (qppHasAuthorizations) {
     document.cookie = `qpp_has_authorizations=${qppHasAuthorizations};path=/${
-      behindSSL ? ';secure' : ''
+      behindSSL ? ";secure" : ""
     }`;
   }
 };
@@ -37,14 +36,14 @@ export const revertQppHasAuthsCookie = () => {
  * @param  {Object} [_window] The DOM Window
  * @return {Function} Returns a promise
  */
-const LogoutSession = (_window) => {
+const LogoutSession = async (_window) => {
   // Remove the Side Nav expanded state from localStorage
-  localStorage.removeItem('qpp_side_nav_expanded')
+  localStorage.removeItem("qpp_side_nav_expanded");
 
   let cookies = cookie.parse(_window.document.cookie);
-  let logoutDestination = '/logout-confirmation';
+  let logoutDestination = "/logout-confirmation";
 
-  if (cookies.hasOwnProperty('qpp_auth_token')) {
+  if (cookies.hasOwnProperty("qpp_auth_token")) {
     let onSuccess = () => {
       // redirect to login/logged out screen
       deleteImpersonatedUser(cookies);
@@ -57,18 +56,21 @@ const LogoutSession = (_window) => {
       _window.location.pathname = logoutDestination;
     };
 
-    return axios({
-      method: 'POST',
-      url: '/user/session-logout',
-      headers: {
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${cookies.qpp_auth_token}`,
-      },
-    })
-      .then(onSuccess, onError)
-      .catch(function (err) {
-        console.log(err);
-      });
+    try {
+      const url = "/user/session-logout";
+      const options = {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${cookies.qpp_auth_token}`,
+        },
+      };
+      await fetch(url, options);
+      onSuccess();
+    } catch (error) {
+      onError();
+      console.log(error);
+    }
   } else {
     _window.location.pathname = logoutDestination;
   }

package/styles/qppds/components/sidebar/_sidebar-animation.scss

@@ -1,5 +1,5 @@
 $drawerMaxHeight: fit-content;
-$simpleMaxHeight: 105px;
+$simpleMaxHeight: fit-content;
 $chartMaxHeight: 306px;
 $detailsMaxHeight: 130px;
 
@@ -29,33 +29,7 @@ $detailsMaxHeight: 130px;
   }
 }
 
-@mixin delayDrawerKeyframes($maxHeight) {
-  @keyframes delayRemoveDrawer {
-    0% {
-      height: $maxHeight;
-    }
-
-    100% {
-      height: 0;
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-  }
-
-  @keyframes delayAddDrawer {
-    0% {
-      height: 0;
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-
-    100% {
-      height: $maxHeight;
-    }
-  }
-}
-
-@include delayDrawerKeyframes($drawerMaxHeight);
+@include delayKeyframes('Drawer', $drawerMaxHeight);
 @include delayKeyframes('Simple', $simpleMaxHeight);
 @include delayKeyframes('Chart', $chartMaxHeight);
 @include delayKeyframes('Details', $detailsMaxHeight);
@@ -81,7 +55,7 @@ $detailsMaxHeight: 130px;
   animation-fill-mode: forwards;
   animation-name: delayRemoveSimple;
   animation-timing-function: ease-in-out;
-} 
+}
 
 .sidebar {
   .animation-flat {