qpp-style 9.31.1 → 9.31.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Error/error.js +1 -1
- package/components/FlashNotification/FlashNotificationUI.jsx +3 -3
- package/components/FlashNotification/index.js +1 -1
- package/components/Header/HeaderMenuItem.jsx +1 -1
- package/components/Header/HeaderUI.jsx +1 -1
- package/components/Header/ImpersonatorBanner.jsx +1 -1
- package/components/Header/header.js +1 -1
- package/components/NotificationBanner/CollapsedView.js +2 -2
- package/components/NotificationBanner/index.js +3 -3
- package/components/SessionDialog/sessionDialog.js +1 -1
- package/components/SideNav/Chart/ScoreChart.jsx +1 -1
- package/components/SideNav/Content/SelectRole/index.js +1 -1
- package/components/SideNav/Links/NavLinkDrawer.jsx +5 -5
- package/components/SideNav/UI/SideNavUI.jsx +2 -3
- package/components/SideNav/helpers.js +6 -6
- package/components/SideNav/index.js +1 -1
- package/dist/browser.js +1 -1
- package/dist/browser.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/index.js.map +1 -1
- package/package.json +28 -28
- package/styles/qppds/components/sidebar/_sidebar-animation.scss +114 -87
|
@@ -51,14 +51,14 @@ class FlashNotification extends Component {
|
|
|
51
51
|
function () {
|
|
52
52
|
this.setState({ isClosed: false });
|
|
53
53
|
}.bind(this),
|
|
54
|
-
250
|
|
54
|
+
250,
|
|
55
55
|
);
|
|
56
56
|
|
|
57
57
|
this.timer = setTimeout(
|
|
58
58
|
function () {
|
|
59
59
|
this._fadeOutNotification();
|
|
60
60
|
}.bind(this),
|
|
61
|
-
10000
|
|
61
|
+
10000,
|
|
62
62
|
);
|
|
63
63
|
}
|
|
64
64
|
|
|
@@ -71,7 +71,7 @@ class FlashNotification extends Component {
|
|
|
71
71
|
this.props.onClose();
|
|
72
72
|
}
|
|
73
73
|
}.bind(this),
|
|
74
|
-
500
|
|
74
|
+
500,
|
|
75
75
|
);
|
|
76
76
|
}
|
|
77
77
|
|
|
@@ -72,7 +72,7 @@ const HeaderMenuItem = ({
|
|
|
72
72
|
!menuRef.current ||
|
|
73
73
|
menuRef.current.contains(event.target) ||
|
|
74
74
|
excludedClickOutClasses.some((className) =>
|
|
75
|
-
event?.target?.classList.contains(className)
|
|
75
|
+
event?.target?.classList.contains(className),
|
|
76
76
|
)
|
|
77
77
|
) {
|
|
78
78
|
return;
|
|
@@ -5,7 +5,7 @@ import { BellOutline } from '../../lib/SvgComponents.jsx';
|
|
|
5
5
|
const CollapsedView = forwardRef(
|
|
6
6
|
(
|
|
7
7
|
{ expandNotification, label },
|
|
8
|
-
{ collapsedWrapperRef, collapsedBannerRef }
|
|
8
|
+
{ collapsedWrapperRef, collapsedBannerRef },
|
|
9
9
|
) => {
|
|
10
10
|
return (
|
|
11
11
|
<div
|
|
@@ -26,7 +26,7 @@ const CollapsedView = forwardRef(
|
|
|
26
26
|
</button>
|
|
27
27
|
</div>
|
|
28
28
|
);
|
|
29
|
-
}
|
|
29
|
+
},
|
|
30
30
|
);
|
|
31
31
|
|
|
32
32
|
CollapsedView.displayName = 'CollapsedView';
|
|
@@ -78,7 +78,7 @@ const NotificationBanner = ({ result }) => {
|
|
|
78
78
|
: collapsedBannerRef.current.setAttribute('tabIndex', ' ');
|
|
79
79
|
|
|
80
80
|
setHeight(
|
|
81
|
-
expanded ? '100%' : `${collapsedWrapperRef.current.offsetHeight}px
|
|
81
|
+
expanded ? '100%' : `${collapsedWrapperRef.current.offsetHeight}px`,
|
|
82
82
|
);
|
|
83
83
|
}
|
|
84
84
|
};
|
|
@@ -112,7 +112,7 @@ const NotificationBanner = ({ result }) => {
|
|
|
112
112
|
...storageNotification.content,
|
|
113
113
|
dateDismissed,
|
|
114
114
|
},
|
|
115
|
-
})
|
|
115
|
+
}),
|
|
116
116
|
);
|
|
117
117
|
} else {
|
|
118
118
|
window.localStorage.setItem(
|
|
@@ -123,7 +123,7 @@ const NotificationBanner = ({ result }) => {
|
|
|
123
123
|
name: 'header-notification',
|
|
124
124
|
dateDismissed,
|
|
125
125
|
},
|
|
126
|
-
})
|
|
126
|
+
}),
|
|
127
127
|
);
|
|
128
128
|
}
|
|
129
129
|
};
|
|
@@ -54,7 +54,7 @@ const ScoreChart = ({ performanceYear, chartData, linkCallback }) => {
|
|
|
54
54
|
|
|
55
55
|
// Removing invalid categories
|
|
56
56
|
const categories = chartData.categories.filter(
|
|
57
|
-
({ maxContribution }) => !!maxContribution
|
|
57
|
+
({ maxContribution }) => !!maxContribution,
|
|
58
58
|
);
|
|
59
59
|
|
|
60
60
|
// Calculating the sum of valid categories in order to calculate ratios
|
|
@@ -26,7 +26,7 @@ const SelectRole = ({ selectedRole, setSelectedRole }) => {
|
|
|
26
26
|
e.preventDefault();
|
|
27
27
|
const dropdownValue = e.target.value;
|
|
28
28
|
const newRoleSelected = ROLE_OPTIONS.filter(
|
|
29
|
-
(opt) => opt.value === dropdownValue
|
|
29
|
+
(opt) => opt.value === dropdownValue,
|
|
30
30
|
)[0].value;
|
|
31
31
|
// Update localStorage with the new role selected
|
|
32
32
|
updateLocalStorageRoleState(newRoleSelected);
|
|
@@ -101,7 +101,7 @@ const NavLinkDrawer = ({
|
|
|
101
101
|
// Classes for the link drawer button
|
|
102
102
|
const currentPage = isCurrentPage(
|
|
103
103
|
{ items, listOfLinks, url },
|
|
104
|
-
linkActiveFunc
|
|
104
|
+
linkActiveFunc,
|
|
105
105
|
);
|
|
106
106
|
const expandedClass = currentPage ? 'expanded' : '';
|
|
107
107
|
|
|
@@ -223,10 +223,10 @@ const NavLinkDrawer = ({
|
|
|
223
223
|
? { disabled: isAlwaysOpen || disabled }
|
|
224
224
|
: {})}
|
|
225
225
|
className={`${className} ${expandedClass} ${highlightTitle(
|
|
226
|
-
isHighlighted
|
|
226
|
+
isHighlighted,
|
|
227
227
|
)} ${hasDarkerTitle(darkerBackground)}
|
|
228
228
|
${currentPage ? 'currentPage' : ''} ${isLeftBorderHighlightDisabled(
|
|
229
|
-
leftBorderHighlightDisabled
|
|
229
|
+
leftBorderHighlightDisabled,
|
|
230
230
|
)}
|
|
231
231
|
${isLabelSectionHidden(hideLabelSection)}
|
|
232
232
|
${isHiddenWhileCollapsed(leftBorderHighlightDisabled, isExpanded)}`}
|
|
@@ -253,14 +253,14 @@ const NavLinkDrawer = ({
|
|
|
253
253
|
className={`${currentPage ? 'currentPage' : ''} ${
|
|
254
254
|
isOpen && !disabled ? 'drawer open' : 'drawer'
|
|
255
255
|
} ${hasDarkerBackground(
|
|
256
|
-
darkerBackground
|
|
256
|
+
darkerBackground,
|
|
257
257
|
)} ${hasLargerDrawBottomPadding(largerDrawerBottomPadding)}`}
|
|
258
258
|
>
|
|
259
259
|
<ul aria-hidden={!isOpen}>
|
|
260
260
|
{listOfLinks &&
|
|
261
261
|
renderDrawerLinksRecursively(
|
|
262
262
|
listOfLinks,
|
|
263
|
-
`parent-link ${adjustItemSpacing(largerDrawerBottomPadding)}
|
|
263
|
+
`parent-link ${adjustItemSpacing(largerDrawerBottomPadding)}`,
|
|
264
264
|
)}
|
|
265
265
|
</ul>
|
|
266
266
|
</div>
|
|
@@ -26,7 +26,6 @@ const SideNavUI = ({
|
|
|
26
26
|
onExpanded,
|
|
27
27
|
performanceYear,
|
|
28
28
|
}) => {
|
|
29
|
-
// Use localStorage value to set init state, default to true
|
|
30
29
|
const [isExpandedState, setIsExpandedState] = useState(true);
|
|
31
30
|
const [sideNavContent, setSideNavContent] = useState({});
|
|
32
31
|
|
|
@@ -118,7 +117,7 @@ const SideNavUI = ({
|
|
|
118
117
|
container: getDynamicContent(
|
|
119
118
|
item.items,
|
|
120
119
|
item.className,
|
|
121
|
-
containerRecursionId + 1
|
|
120
|
+
containerRecursionId + 1,
|
|
122
121
|
),
|
|
123
122
|
linkBack: (
|
|
124
123
|
<AnimationGroup display={isExpandedState} key={key}>
|
|
@@ -267,7 +266,7 @@ const SideNavUI = ({
|
|
|
267
266
|
) : (
|
|
268
267
|
getDynamicContent(
|
|
269
268
|
items,
|
|
270
|
-
'sidebar-content' + (isAltStyle ? ' alt-style' : '')
|
|
269
|
+
'sidebar-content' + (isAltStyle ? ' alt-style' : ''),
|
|
271
270
|
)
|
|
272
271
|
);
|
|
273
272
|
|
|
@@ -119,7 +119,7 @@ const replaceDefaultContentMgrLinks = (defaultContent) => {
|
|
|
119
119
|
...defaultContent,
|
|
120
120
|
contentManager: [
|
|
121
121
|
defaultContent.contentManager.find(
|
|
122
|
-
(obj) => obj.label === 'Dashboard Home'
|
|
122
|
+
(obj) => obj.label === 'Dashboard Home',
|
|
123
123
|
),
|
|
124
124
|
{
|
|
125
125
|
url: `${host}.qpp.cms.gov/cm/`,
|
|
@@ -316,14 +316,14 @@ const getUrlConditionMap = (userPermissions) => {
|
|
|
316
316
|
[facilityBasedPreviewBaseUrl]: userPermissions.hasAuthorizations,
|
|
317
317
|
'/user/helpdesk-viewing-tool': userPermissions.canImpersonate,
|
|
318
318
|
'/reviewer/exception': userPermissions.internalReviewerNames?.includes(
|
|
319
|
-
'QPP Targeted Review & Exceptions'
|
|
319
|
+
'QPP Targeted Review & Exceptions',
|
|
320
320
|
),
|
|
321
321
|
'/reviewer/targeted-review':
|
|
322
322
|
userPermissions.internalReviewerNames?.includes(
|
|
323
|
-
'QPP Targeted Review & Exceptions'
|
|
323
|
+
'QPP Targeted Review & Exceptions',
|
|
324
324
|
),
|
|
325
325
|
'/self-nomination': userPermissions.internalReviewerNames?.includes(
|
|
326
|
-
'QPP Self-Nomination'
|
|
326
|
+
'QPP Self-Nomination',
|
|
327
327
|
),
|
|
328
328
|
|
|
329
329
|
'/case-management': userPermissions.internalReviewerNames?.some((val) =>
|
|
@@ -331,7 +331,7 @@ const getUrlConditionMap = (userPermissions) => {
|
|
|
331
331
|
'QPP Case Management - PIMMS Reviewer',
|
|
332
332
|
'QPP Case Management - ACO PAC Reviewer',
|
|
333
333
|
'QPP Case Management - CMS Reviewer',
|
|
334
|
-
].includes(val)
|
|
334
|
+
].includes(val),
|
|
335
335
|
),
|
|
336
336
|
|
|
337
337
|
// dev pre
|
|
@@ -361,7 +361,7 @@ const sideNavExpandedStorage = {
|
|
|
361
361
|
},
|
|
362
362
|
toggle: function () {
|
|
363
363
|
const isSideNavExpanded = JSON.parse(
|
|
364
|
-
localStorage.getItem('qpp_side_nav_expanded')
|
|
364
|
+
localStorage.getItem('qpp_side_nav_expanded'),
|
|
365
365
|
);
|
|
366
366
|
if (!isSideNavExpanded) {
|
|
367
367
|
localStorage.setItem('qpp_side_nav_expanded', true);
|