qpp-style 9.26.0 → 9.27.0

package/storybook-static/runtime~main.b165398bf7ef3e30d431.manager.bundle.js

@@ -0,0 +1 @@
+(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>chunkId+"."+{51:"fc4b02f2a75c894ae64e",229:"630347465201d1822126",295:"aa3c5122636a27ad7c7b",551:"45aead073703cc6fb12b",807:"1a7f4dcf15e4696572ca",897:"9b5fee8cc7074607c812",935:"532759f0652585685af7"}[chunkId]+".manager.bundle.js",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="qpp-style:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","qpp-style:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkqpp_style=self.webpackChunkqpp_style||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();

package/styles/components/_notification-banner.scss

@@ -1,165 +1,166 @@
 @mixin label-style($customColor) {
-	.expanded-view .notification-banner-label {
-		background-color: $customColor;
-	}
+  .expanded-view .notification-banner-label {
+    background-color: $customColor;
+  }
 
-	.collapsed-view .notification-banner-label .bell-icon svg {
-		fill: $customColor;
-	}
+  .collapsed-view .notification-banner-label .bell-icon svg {
+    fill: $customColor;
+  }
 }
 
 .notification-banner-red {
-	@include label-style($color-red);
+  @include label-style($color-red);
 }
 
 .notification-banner-blue {
-	@include label-style($color-navy);
+  @include label-style($color-navy);
 }
 
 .notification-banner {
-	background: $notification-banner-background;
-	border-bottom: 1px solid $color-gray-light;
-	border-bottom-color: $color-gray-very-light;
-	color: $color-gray-darker;
-	display: flex;
-	flex-direction: column;
-	font-size: 0.875rem;
-
-	&-label {
-		background-color: transparent;
-		border: none;
-		cursor: pointer;
-	}
-
-	&.expanded {
-		.expanded-view.notification-banner-wrapper {
-			opacity: 100;
-			position: relative;
-		}
-
-		.collapsed-view.notification-banner-wrapper {
-			opacity: 0;
-			position: absolute;
-		}
-	}
-
-	&.collapsed {
-		flex-direction: column-reverse;
-
-		.expanded-view.notification-banner-wrapper {
-			opacity: 0;
-			position: absolute;
-		}
-
-		.collapsed-view.notification-banner-wrapper {
-			opacity: 100;
-			position: relative;
-		}
-	}
-
-	.notification-banner-wrapper {
-		display: flex;
-		flex-direction: row;
-		flex-shrink: 0;
-
-		.notification-banner-label {
-			align-items: center;
-			display: flex;
-			line-height: 1;
-			text-transform: uppercase;
-			flex: 0 0 auto;
-		}
-
-		&.expanded-view {
-			justify-content: flex-start;
-
-			.notification-banner-label {
-				color: $color-white;
-				font-size: 1rem;
-				padding: 0 30px;
-			}
-
-			.notification-banner-content {
-				padding: 20px 80px 20px 20px;
-
-				b {
-					color: $color-navy;
-				}
-
-				p {
-					display: inline;
-					margin: 0;
-				}
-
-				a {
-					color: $link-color;
-				}
-			}
-
-			.notification-banner-close {
-				align-self: flex-start;
-				background: transparent;
-				border: 0 none;
-				margin-left: auto;
-				padding: 15px 15px;
-
-				.close-icon {
-					fill: $link-color;
-					height: 1rem;
-					width: 1rem;
-				}
-			}
-		}
-
-		&.collapsed-view {
-			cursor: pointer;
-			justify-content: flex-end;
-			padding: 10px 30px;
-
-			.notification-banner-label {
-				color: $notification-banner-label-color;
-				font-size: 0.75rem;
-
-				.bell-icon {
-					padding-left: 15px;
-
-					svg {
-						height: 18px;
-						width: 18px;
-					}
-				}
-			}
-		}
-	}
+  background: $notification-banner-background;
+  border-bottom: 1px solid $color-gray-light;
+  border-bottom-color: $color-gray-very-light;
+  color: $color-gray-darker;
+  display: flex;
+  flex-direction: column;
+  font-size: 0.875rem;
+
+  &-label {
+    background-color: transparent;
+    border: none;
+    cursor: pointer;
+  }
+
+  &.expanded {
+    .expanded-view.notification-banner-wrapper {
+      opacity: 100;
+      position: relative;
+    }
+
+    .collapsed-view.notification-banner-wrapper {
+      opacity: 0;
+      position: absolute;
+    }
+  }
+
+  &.collapsed {
+    flex-direction: column-reverse;
+
+    .expanded-view.notification-banner-wrapper {
+      opacity: 0;
+      position: absolute;
+    }
+
+    .collapsed-view.notification-banner-wrapper {
+      opacity: 100;
+      position: relative;
+    }
+  }
+
+  .notification-banner-wrapper {
+    display: flex;
+    flex-direction: row;
+    flex-shrink: 0;
+
+    .notification-banner-label {
+      align-items: center;
+      display: flex;
+      line-height: 1;
+      text-transform: uppercase;
+      flex: 0 0 auto;
+    }
+
+    &.expanded-view {
+      justify-content: flex-start;
+
+      .notification-banner-label {
+        color: $color-white;
+        font-size: 1rem;
+        padding: 0 30px;
+      }
+
+      .notification-banner-content {
+        padding: 20px 80px 20px 20px;
+
+        b {
+          color: $color-navy;
+        }
+
+        p {
+          display: inline;
+          margin: 0;
+          font-size: 0.875rem;
+        }
+
+        a {
+          color: $color-navy-medium;
+        }
+      }
+
+      .notification-banner-close {
+        align-self: flex-start;
+        background: transparent;
+        border: 0 none;
+        margin-left: auto;
+        padding: 15px 15px;
+
+        .close-icon {
+          fill: $color-navy-medium;
+          height: 1rem;
+          width: 1rem;
+        }
+      }
+    }
+
+    &.collapsed-view {
+      cursor: pointer;
+      justify-content: flex-end;
+      padding: 10px 30px;
+
+      .notification-banner-label {
+        color: $notification-banner-label-color;
+        font-size: 0.75rem;
+
+        .bell-icon {
+          padding-left: 15px;
+
+          svg {
+            height: 18px;
+            width: 18px;
+          }
+        }
+      }
+    }
+  }
 }
 
 @include breakpoint(xs) {
-	.notification-banner {
-		.notification-banner-wrapper {
-			flex-direction: column;
-
-			&.collapsed-view {
-				align-items: center;
-			}
-
-			&.expanded-view {
-				.notification-banner-label {
-					align-self: flex-start;
-					font-size: 0.875rem;
-					margin: 20px 0 0 20px;
-					padding: 10px;
-				}
-
-				.notification-banner-content {
-					padding: 20px 50px 20px 20px;
-				}
-
-				.notification-banner-close {
-					padding: 20px;
-					position: absolute;
-					right: 0;
-				}
-			}
-		}
-	}
+  .notification-banner {
+    .notification-banner-wrapper {
+      flex-direction: column;
+
+      &.collapsed-view {
+        align-items: center;
+      }
+
+      &.expanded-view {
+        .notification-banner-label {
+          align-self: flex-start;
+          font-size: 0.875rem;
+          margin: 20px 0 0 20px;
+          padding: 10px;
+        }
+
+        .notification-banner-content {
+          padding: 20px 50px 20px 20px;
+        }
+
+        .notification-banner-close {
+          padding: 20px;
+          position: absolute;
+          right: 0;
+        }
+      }
+    }
+  }
 }

package/components/SideNav/Content/LevelTwoContent.jsx

@@ -1,216 +0,0 @@
-import React from 'react';
-import {
-  NavLinkContainer,
-  NavLinkInline,
-  NavLinkDrawer,
-  NavItemInline,
-} from '../Links';
-import AnimationGroup from '../AnimationGroup/AnimationGroup';
-import { PracticeDetails } from '../Details';
-import { ScoreChart } from '../Chart';
-import PropTypes from 'prop-types';
-import {
-  AccountHomeIcon,
-  DashboardIcon,
-  StarIcon,
-  CliniciansIcon,
-  ScoreIncrease,
-  TooltipIcon,
-} from '../../../lib/SvgComponents.jsx';
-import {
-  submissionsUrl,
-  manageUrl,
-  dashboardUrl,
-  performanceFeedbackUrl,
-} from '../helpers';
-
-const PAST_REPORTING_YEARS = ['2017', '2018'];
-
-const LevelTwoContent = ({
-  isExpanded,
-  chartData,
-  showReportingLinks,
-  config: {
-    chartActive = true,
-    openDrawersByDefault,
-    linkCallback,
-    updateTime,
-    practiceId,
-    practiceName,
-    practiceTin,
-    apmEntityId,
-    isConnectedUsersPage,
-    vgId,
-    roleAbbr,
-    performanceYear,
-    finalFeedbackOpen,
-    isApmPaymentDetailsPage,
-    useTooltips,
-    cpcPlusId,
-    pcfId,
-  } = {},
-}) => {
-  const linkClass = isExpanded ? 'link-inline' : 'link-collapsed';
-  let links = [];
-
-  if (isApmPaymentDetailsPage) {
-    const apmDetailsUrl = '/user/apm-incentive-payments/(.*)/practice-details';
-    links.push(
-      <NavItemInline
-        icon={<CliniciansIcon />}
-        className={linkClass}
-        label="Payment Details"
-        urlExpressionToMatch={apmDetailsUrl}
-        showLabel={isExpanded}
-      />
-    );
-  } else {
-    const linkLabel = isConnectedUsersPage
-      ? 'Connected Users'
-      : 'Eligibility & Reporting';
-    let items = [];
-
-    const practiceUrlSegment =
-      performanceYear === '2017' || performanceYear === '2018' || !roleAbbr
-        ? practiceId
-        : practiceId + '_' + roleAbbr;
-
-    if (showReportingLinks && !apmEntityId) {
-      items = [
-        {
-          url: `${submissionsUrl}/reporting/${practiceUrlSegment}/overview`,
-          label: vgId ? 'Virtual Group Reporting' : 'Group Reporting Overview',
-          items: [
-            {
-              url: `${submissionsUrl}/reporting/${practiceUrlSegment}/quality`,
-              label: 'Quality Measures',
-            },
-            {
-              url: `${submissionsUrl}/reporting/${practiceUrlSegment}/aci`,
-              label: 'Promoting Interoperability',
-            },
-            {
-              url: `${submissionsUrl}/reporting/${practiceUrlSegment}/ia`,
-              label: 'Improvement Activities',
-            },
-          ],
-        },
-      ];
-    }
-    links.push(
-      <NavLinkDrawer
-        key="connected-clinicians-link"
-        isAlwaysOpen
-        url={
-          !isConnectedUsersPage
-            ? `${dashboardUrl}`
-            : `${manageUrl}/${practiceId}/connected-users`
-        }
-        isExpanded={isExpanded}
-        openByDefault={openDrawersByDefault}
-        leftIcon={<DashboardIcon />}
-        className={linkClass}
-        label={linkLabel}
-        linkCallback={linkCallback}
-        listOfLinks={
-          !isConnectedUsersPage && [
-            {
-              label: vgId
-                ? 'Virtual Group Details & Participants'
-                : apmEntityId
-                ? 'APM Entity Details & Participants'
-                : 'Practice Details & Clinicians',
-              items: items,
-            },
-          ]
-        }
-        disabled={isConnectedUsersPage ? true : false}
-      />
-    );
-    if (
-      (apmEntityId && performanceYear === '2018' && finalFeedbackOpen) ||
-      (!apmEntityId &&
-        !vgId &&
-        !isConnectedUsersPage &&
-        PAST_REPORTING_YEARS.indexOf(performanceYear) >= 0)
-    ) {
-      links.push(
-        <NavLinkInline
-          key="performance-feedback-link"
-          icon={<StarIcon />}
-          className={linkClass}
-          url={performanceFeedbackUrl(
-            finalFeedbackOpen && performanceYear === '2018'
-              ? performanceYear
-              : '2017'
-          )}
-          label="Performance Feedback"
-          linkCallback={linkCallback}
-          showLabel={isExpanded}
-          useTooltips={useTooltips}
-        />
-      );
-    }
-  }
-
-  return (
-    <div className="sidebar-content">
-      <AnimationGroup display={isExpanded}>
-        <NavLinkInline
-          icon={<AccountHomeIcon />}
-          url={submissionsUrl}
-          label="Account Home"
-          showLabel={isExpanded}
-          className="account-home-link"
-          linkCallback={linkCallback}
-          useTooltips={useTooltips}
-        />
-        <hr />
-      </AnimationGroup>
-      <AnimationGroup display={isExpanded} className={'details'}>
-        <PracticeDetails
-          practiceName={practiceName}
-          {...(!practiceTin ? {} : { practiceTin })}
-          {...(!apmEntityId ? {} : { apmEntityId })}
-          {...(!vgId ? {} : { vgId })}
-          {...(!cpcPlusId ? {} : { cpcPlusId })}
-          {...(!pcfId ? {} : { pcfId })}
-        />
-        <hr />
-      </AnimationGroup>
-      <div className="level-two-nav animation-flat">
-        <NavLinkContainer listOfLinks={links} />
-        <AnimationGroup display={isExpanded && chartActive} className="chart">
-          <div>
-            <hr />
-            <div className="chart-title">
-              <p className="title">Final Group Score</p>
-              <p className="disclaimer">
-                <svg className="left-icon" aria-hidden="true">
-                  <ScoreIncrease />
-                </svg>
-                Score may increase
-                <svg className="right-icon" aria-hidden="true">
-                  <TooltipIcon />
-                </svg>
-              </p>
-              {updateTime && (
-                <p className="timestamp">Last update at {updateTime}</p>
-              )}
-            </div>
-            <ScoreChart chartData={chartData} linkCallback={linkCallback} />
-          </div>
-        </AnimationGroup>
-      </div>
-    </div>
-  );
-};
-
-LevelTwoContent.propTypes = {
-  isExpanded: PropTypes.bool,
-  config: PropTypes.object,
-  chartData: PropTypes.object,
-  showReportingLinks: PropTypes.bool,
-};
-
-export default LevelTwoContent;