qpp-style 1.0.0-cc.74 → 1.0.0-cc.78

package/components/Breadcrumb/Breadcrumb.stories.js

@@ -32,6 +32,24 @@ export const ExampleLightBreadcrumb = () => (
 
 ExampleLightBreadcrumb.storyName = 'Light';
 
+export const ExampleScreenreaderOnlyBreadcrumb = () => (
+  <div className="qppds qpp-u-padding--16 qpp-u-fill--blue-80">
+    <Breadcrumb
+      newBreadcrumb={boolean('newBreadcrumb', true)}
+      crumbs={[
+        {
+          url: '/',
+          category: 'MainContent',
+          label: 'Home',
+          title: 'Home',
+        },
+        'Mips Overview',
+      ]}
+    />
+  </div>
+);
+ExampleScreenreaderOnlyBreadcrumb.storyName = 'SR Only Breadcrumb';
+
 export const ExampleDarkBreadcrumb = () => (
   <div className="qppds qpp-u-padding--16">
     <Breadcrumb

package/components/Breadcrumb/index.js

@@ -50,12 +50,12 @@ const Breadcrumb = ({
             return (
               <li
                 key={crumb}
-                className="qpp-c-breadcrumbs__list-item qpp-c-breadcrumbs__list-item--current"
+                className={`${
+                  i === crumbs.length - 1 ? 'sr-only' : ''
+                } qpp-c-breadcrumbs__list-itemqpp-c-breadcrumbs__list-item--current`}
                 aria-current="page"
               >
-                <span className={i === crumbs.length - 1 ? 'sr-only' : ''}>
-                  {crumb}
-                </span>
+                <span>{crumb}</span>
               </li>
             );
           }

package/components/Header/ImpersonatorBanner.jsx

@@ -4,6 +4,7 @@ import axios from 'axios';
 import CloseIcon from '@material-ui/icons/Close';
 
 import { TextButton } from '../Button';
+import { deleteImpersonatedUser } from '../../session/logout';
 
 const ImpersonatorBanner = () => {
   const { qpp_auth_token: token = null, qpp_impersonated_user: user = null } =
@@ -21,8 +22,7 @@ const ImpersonatorBanner = () => {
 
   const onClick = () => {
     const fn = () => {
-      document.cookie =
-        'qpp_impersonated_user=; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
+      deleteImpersonatedUser({ qpp_impersonated_user: user });
       window.location.reload();
     };
     return axios

package/components/SideNav/Content/LevelOneContent.jsx

@@ -18,6 +18,7 @@ import {
   PhysicianCompareIcon,
   StarIcon,
   TargetIcon,
+  IndividualReporting,
 } from '../../../lib/SvgComponents';
 import {
   dashboardUrl,
@@ -45,6 +46,7 @@ const getIcon = (url) =>
     '/user/exception/#/landing': HardshipIcon,
     '/user/targeted-review/#/landing': TargetIcon,
     '/user/test-data': MyTestDataIcon,
+    '/user/self-nomination/#/landing': IndividualReporting,
   }[url] || null);
 
 const LevelOneContent = ({
@@ -59,6 +61,7 @@ const LevelOneContent = ({
     qpp_ehr_authorized,
     qpp_has_non_registry_authorizations,
     qpp_auth_token,
+    qpp_cms_internal_authorized,
     qpp_can_impersonate,
   } = cookie.parse(document.cookie);
 
@@ -72,12 +75,16 @@ const LevelOneContent = ({
   const hasAuthorizations = qpp_has_authorizations === 'true';
   const hasApmPayments = user_has_apm_payments === 'true';
   const isDevPre = qpp_is_dev_pre === 'true';
+  const isInternalReviewer = qpp_cms_internal_authorized === 'true';
   const ehrAuthorized = qpp_ehr_authorized === 'true';
   const hasNonRegistryAuthorizations =
     qpp_has_non_registry_authorizations === 'true';
 
   const linkClass = isExpanded ? 'link-inline' : 'link-collapsed';
-  const content = isDevPre ? levelOneContent?.devPre : levelOneContent?.default;
+  let content = isDevPre ? levelOneContent?.devPre : levelOneContent?.default;
+  if (isInternalReviewer) {
+    content = levelOneContent?.internalReviewers
+  }
 
   // Mapping side nav link urls to the conditions that determine their inclusion in the side nav
   const urlConditionMap = {
@@ -170,6 +177,7 @@ LevelOneContent.propTypes = {
     default: PropTypes.arrayOf(PropTypes.object),
     devPre: PropTypes.arrayOf(PropTypes.object),
     viewer: PropTypes.arrayOf(PropTypes.object),
+    internalReviewers: PropTypes.arrayOf(PropTypes.object),
   }),
 };
 

package/components/SideNav/UI/SideNavUI.jsx

@@ -297,6 +297,7 @@ SideNavUI.propTypes = {
     content: PropTypes.shape({
       default: PropTypes.arrayOf(PropTypes.object),
       devPre: PropTypes.arrayOf(PropTypes.object),
+      internalReviewers: PropTypes.arrayOf(PropTypes.object),
       viewer: PropTypes.arrayOf(PropTypes.object),
     }),
   }),
@@ -318,6 +319,7 @@ SideNavUI.defaultProps = {
     content: {
       default: [],
       devPre: [],
+      internalReviewers: [],
       viewer: [],
     },
   },

package/components/SideNav/UI/default-content.json

@@ -22,7 +22,7 @@
       "label": "APM Incentive Payments"
     },
     {
-      "url": "/user/submissions/physician-compare",
+      "url": "/user/submissions/doctors-clinicians-preview",
       "label": "Doctors & Clinicians Preview"
     },
     {
@@ -76,6 +76,24 @@
       "label": "Developer Tools"
     }
   ],
+  "internalReviewers": [
+    {
+      "url": "/user/submissions",
+      "label": "Dashboard Home"
+    },
+    {
+      "url": "/user/exception/#/landing",
+      "label": "Exceptions Application"
+    },
+    {
+      "className": "stroke-based-icon",
+      "url": "/user/targeted-review/#/landing",
+      "label": "Targeted Review"
+    },
+    {
+      "url": "/user/self-nomination/#/landing",
+      "label": "Self Nomination"
+    }
+  ],
   "viewer": []
 }
-

package/components/SideNav/helpers.js

@@ -2,9 +2,9 @@ const submissionsUrl = '/user/submissions';
 const dashboardUrl = '/user/dashboard';
 const manageUrl = '/user/manage-access';
 const feedbackUrl = `${submissionsUrl}/feedback`;
-const physicianCompareUrl = `${submissionsUrl}/physician-compare`;
+const physicianCompareUrl = `${submissionsUrl}/doctors-clinicians-preview`;
 const reportsPortalUrl = `${submissionsUrl}/reports`;
-const facilityBasedPreviewBaseUrl = `${submissionsUrl}/facility-based-preview`
+const facilityBasedPreviewBaseUrl = `${submissionsUrl}/facility-based-preview`;
 
 const performanceFeedbackUrl = (performanceYear) => {
   if (performanceYear) {