qpp-style 9.34.3 → 9.34.4
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/coverage/clover.xml +139 -142
- package/coverage/coverage-final.json +13 -12
- package/coverage/lcov-report/Infotip.jsx.html +298 -0
- package/coverage/lcov-report/InfotipContent.jsx.html +223 -0
- package/coverage/lcov-report/InfotipIcon.jsx.html +208 -0
- package/coverage/lcov-report/index.html +51 -51
- package/coverage/lcov-report/index.js.html +94 -0
- package/coverage/lcov-report/react/components/Accordion/index.html +1 -1
- package/coverage/lcov-report/react/components/Accordion/index.jsx.html +14 -14
- package/coverage/lcov-report/react/components/Button/index.html +1 -1
- package/coverage/lcov-report/react/components/Button/index.js.html +16 -16
- package/coverage/lcov-report/react/components/Dropdown/index.html +1 -1
- package/coverage/lcov-report/react/components/Dropdown/index.js.html +10 -10
- package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +4 -4
- package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +5 -5
- package/coverage/lcov-report/react/components/Error/error.js.html +4 -4
- package/coverage/lcov-report/react/components/Error/index.html +1 -1
- package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +11 -11
- package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +2 -2
- package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +2 -2
- package/coverage/lcov-report/react/components/Footer/footer.js.html +5 -5
- package/coverage/lcov-report/react/components/Footer/index.html +1 -1
- package/coverage/lcov-report/react/components/GovBanner/index.html +1 -1
- package/coverage/lcov-report/react/components/GovBanner/index.js.html +3 -3
- package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +9 -9
- package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +3 -3
- package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +22 -16
- package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html +64 -10
- package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html +8 -8
- package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html +38 -38
- package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +10 -10
- package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +10 -10
- package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html +5 -5
- package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +17 -14
- package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +2 -2
- package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +25 -25
- package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +2 -2
- package/coverage/lcov-report/react/components/Header/header.js.html +4 -4
- package/coverage/lcov-report/react/components/Header/hooks.js.html +9 -9
- package/coverage/lcov-report/react/components/Header/index.html +13 -13
- package/coverage/lcov-report/react/components/Header/utag-helpers.js.html +2 -2
- package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +41 -41
- package/coverage/lcov-report/react/components/Infotip/InfotipContent.jsx.html +18 -18
- package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +11 -11
- package/coverage/lcov-report/react/components/Infotip/index.html +38 -23
- package/coverage/lcov-report/react/components/Infotip/index.js.html +2 -2
- package/coverage/lcov-report/react/components/Modal/LegacyModal.jsx.html +9 -9
- package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +11 -11
- package/coverage/lcov-report/react/components/Modal/index.html +1 -1
- package/coverage/lcov-report/react/components/Modal/index.jsx.html +6 -6
- package/coverage/lcov-report/react/components/NotificationBanner/CollapsedView.js.html +5 -5
- package/coverage/lcov-report/react/components/NotificationBanner/ExpandedView.js.html +6 -6
- package/coverage/lcov-report/react/components/NotificationBanner/index.html +1 -1
- package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +29 -29
- package/coverage/lcov-report/react/components/SanitizedContent/index.html +1 -1
- package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +178 -178
- package/coverage/lcov-report/react/components/Session/Session.jsx.html +9 -9
- package/coverage/lcov-report/react/components/Session/SessionDialogWrapped.jsx.html +4 -4
- package/coverage/lcov-report/react/components/Session/index.html +1 -1
- package/coverage/lcov-report/react/components/Session/index.jsx.html +2 -2
- package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +6 -6
- package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +1 -1
- package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +11 -11
- package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.html +1 -1
- package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.js.html +6 -6
- package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/utils.js.html +23 -23
- package/coverage/lcov-report/react/components/SideNav/Content/index.html +1 -1
- package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +2 -2
- package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +3 -3
- package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +4 -4
- package/coverage/lcov-report/react/components/SideNav/Details/index.html +1 -1
- package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +3 -3
- package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +5 -5
- package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +8 -8
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +3 -3
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +33 -33
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +15 -15
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +8 -8
- package/coverage/lcov-report/react/components/SideNav/Links/index.html +1 -1
- package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +6 -6
- package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +36 -126
- package/coverage/lcov-report/react/components/SideNav/UI/default-markup.js.html +1 -1
- package/coverage/lcov-report/react/components/SideNav/UI/index.html +19 -19
- package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +2 -2
- package/coverage/lcov-report/react/components/SideNav/helpers.js.html +96 -84
- package/coverage/lcov-report/react/components/SideNav/index.html +10 -10
- package/coverage/lcov-report/react/components/SideNav/index.js.html +4 -4
- package/coverage/lcov-report/react/components/hooks/index.html +1 -1
- package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +7 -7
- package/coverage/lcov-report/react/index.html +1 -1
- package/coverage/lcov-report/react/index.js.html +1 -1
- package/coverage/lcov-report/react/lib/Chevron.jsx.html +1 -1
- package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1 -1
- package/coverage/lcov-report/react/lib/index.html +1 -1
- package/coverage/lcov-report/react/session/index.html +20 -20
- package/coverage/lcov-report/react/session/index.js.html +1 -1
- package/coverage/lcov-report/react/session/isAuthV2.js.html +2 -2
- package/coverage/lcov-report/react/session/logout.js.html +43 -43
- package/coverage/lcov-report/react/session/refresh.js.html +2 -2
- package/coverage/lcov-report/react/session/ttl.js.html +2 -2
- package/coverage/lcov.info +253 -258
- 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 +14 -20
- package/test/components/FooterUI.test.js +18 -19
- package/test/components/Infotip.test.js +29 -31
- package/test/session/session.test.js +64 -65
|
@@ -225,26 +225,26 @@
|
|
|
225
225
|
<span class="cline-any cline-neutral"> </span>
|
|
226
226
|
<span class="cline-any cline-neutral"> </span>
|
|
227
227
|
<span class="cline-any cline-neutral"> </span>
|
|
228
|
-
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from
|
|
229
|
-
import cookie from
|
|
230
|
-
import axios from
|
|
231
|
-
import { CloseIcon } from
|
|
232
|
-
import { TextButton } from
|
|
228
|
+
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
|
|
229
|
+
import cookie from "cookie";
|
|
230
|
+
import axios from "axios";
|
|
231
|
+
import { CloseIcon } from "../../lib/SvgComponents";
|
|
232
|
+
import { TextButton } from "../Button";
|
|
233
233
|
import {
|
|
234
234
|
deleteImpersonatedUser,
|
|
235
235
|
revertQppHasAuthsCookie,
|
|
236
236
|
revertApmPaymentCookie,
|
|
237
|
-
} from
|
|
238
|
-
import { viewingToolUrl } from
|
|
237
|
+
} from "../../session/logout";
|
|
238
|
+
import { viewingToolUrl } from "../SideNav/helpers";
|
|
239
239
|
|
|
240
240
|
const getViewType = <span class="fstat-no" title="function not covered" >(v</span>iewType) =>
|
|
241
241
|
<span class="cstat-no" title="statement not covered" > ({</span>
|
|
242
|
-
username:
|
|
243
|
-
npi:
|
|
244
|
-
tin:
|
|
245
|
-
apm_id:
|
|
246
|
-
cms_id:
|
|
247
|
-
vg_id:
|
|
242
|
+
username: "HARP ID",
|
|
243
|
+
npi: "NPI",
|
|
244
|
+
tin: "TIN",
|
|
245
|
+
apm_id: "APM Entity",
|
|
246
|
+
cms_id: "Registry",
|
|
247
|
+
vg_id: "Virtual Group",
|
|
248
248
|
})[viewType];
|
|
249
249
|
|
|
250
250
|
const ImpersonatorBanner = <span class="fstat-no" title="function not covered" >()</span> => {
|
|
@@ -255,14 +255,14 @@ const ImpersonatorBanner = <span class="fstat-no" title="function not covered" >
|
|
|
255
255
|
} = <span class="cstat-no" title="statement not covered" >cookie.parse(document.cookie);</span>
|
|
256
256
|
|
|
257
257
|
const className = <span class="cstat-no" title="statement not covered" >[</span>
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
].join(
|
|
258
|
+
"qpp-u-display--flex",
|
|
259
|
+
"qpp-u-justify-content--between",
|
|
260
|
+
"qpp-u-fill--gold-20",
|
|
261
|
+
"qpp-u-padding-x--40",
|
|
262
|
+
"qpp-u-padding-y--24",
|
|
263
|
+
"qpp-u-font-size--14",
|
|
264
|
+
"qpp-u-color--gray-80",
|
|
265
|
+
].join(" ");
|
|
266
266
|
|
|
267
267
|
const onClick = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> => {</span>
|
|
268
268
|
const fn = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> => {</span>
|
|
@@ -279,9 +279,9 @@ const ImpersonatorBanner = <span class="fstat-no" title="function not covered" >
|
|
|
279
279
|
<span class="cstat-no" title="statement not covered" > window.location.href = viewingToolUrl;</span>
|
|
280
280
|
};
|
|
281
281
|
<span class="cstat-no" title="statement not covered" > return axios</span>
|
|
282
|
-
.delete(
|
|
282
|
+
.delete("/api/auth/helpdesk/view", {
|
|
283
283
|
headers: {
|
|
284
|
-
Accept:
|
|
284
|
+
Accept: "application/vnd.qpp.cms.gov.v2+json",
|
|
285
285
|
Authorization: `Bearer ${token}`,
|
|
286
286
|
},
|
|
287
287
|
})
|
|
@@ -293,7 +293,7 @@ const ImpersonatorBanner = <span class="fstat-no" title="function not covered" >
|
|
|
293
293
|
user && (
|
|
294
294
|
<div className={className}>
|
|
295
295
|
<div>
|
|
296
|
-
VIEW ONLY | You are currently viewing {getViewType(viewType)}:{
|
|
296
|
+
VIEW ONLY | You are currently viewing {getViewType(viewType)}:{" "}
|
|
297
297
|
<strong>{user}</strong>
|
|
298
298
|
</div>
|
|
299
299
|
<TextButton onClick={onClick} className="qpp-u-color--gray-80">
|
|
@@ -313,7 +313,7 @@ export default ImpersonatorBanner;
|
|
|
313
313
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
314
314
|
Code coverage generated by
|
|
315
315
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
316
|
-
at 2023-
|
|
316
|
+
at 2023-10-09T20:35:15.116Z
|
|
317
317
|
</div>
|
|
318
318
|
<script src="../../../prettify.js"></script>
|
|
319
319
|
<script>
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
<span class="cline-any cline-neutral"> </span>
|
|
118
118
|
<span class="cline-any cline-neutral"> </span>
|
|
119
119
|
<span class="cline-any cline-neutral"> </span>
|
|
120
|
-
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from
|
|
120
|
+
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
|
|
121
121
|
|
|
122
122
|
const NavigationButtonIcon = <span class="fstat-no" title="function not covered" >()</span> => (
|
|
123
123
|
<span class="cstat-no" title="statement not covered" > <svg</span>
|
|
@@ -151,7 +151,7 @@ export default NavigationButtonIcon;
|
|
|
151
151
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
152
152
|
Code coverage generated by
|
|
153
153
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
154
|
-
at 2023-
|
|
154
|
+
at 2023-10-09T20:35:15.116Z
|
|
155
155
|
</div>
|
|
156
156
|
<script src="../../../prettify.js"></script>
|
|
157
157
|
<script>
|
|
@@ -143,9 +143,9 @@
|
|
|
143
143
|
<span class="cline-any cline-neutral"> </span>
|
|
144
144
|
<span class="cline-any cline-neutral"> </span>
|
|
145
145
|
<span class="cline-any cline-neutral"> </span>
|
|
146
|
-
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from
|
|
147
|
-
import { render } from
|
|
148
|
-
import HeaderUI from
|
|
146
|
+
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
|
|
147
|
+
import { render } from "react-dom";
|
|
148
|
+
import HeaderUI from "./HeaderUI.jsx";
|
|
149
149
|
|
|
150
150
|
/**
|
|
151
151
|
* Renders the QPP Header content.
|
|
@@ -190,7 +190,7 @@ export default class Header {
|
|
|
190
190
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
191
191
|
Code coverage generated by
|
|
192
192
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
193
|
-
at 2023-
|
|
193
|
+
at 2023-10-09T20:35:15.116Z
|
|
194
194
|
</div>
|
|
195
195
|
<script src="../../../prettify.js"></script>
|
|
196
196
|
<script>
|
|
@@ -195,8 +195,8 @@
|
|
|
195
195
|
<span class="cline-any cline-neutral"> </span>
|
|
196
196
|
<span class="cline-any cline-no"> </span>
|
|
197
197
|
<span class="cline-any cline-neutral"> </span>
|
|
198
|
-
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React, { createContext, useState, useEffect, useContext } from
|
|
199
|
-
import PropTypes from
|
|
198
|
+
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React, { createContext, useState, useEffect, useContext } from "react";
|
|
199
|
+
import PropTypes from "prop-types";
|
|
200
200
|
|
|
201
201
|
export function <span class="fstat-no" title="function not covered" >useWindowWidth(</span>) {
|
|
202
202
|
const [windowSize, setWindowSize] = <span class="cstat-no" title="statement not covered" >useState(undefined);</span>
|
|
@@ -204,9 +204,9 @@ export function <span class="fstat-no" title="function not covered" >useWindowWi
|
|
|
204
204
|
function <span class="fstat-no" title="function not covered" >handleResize(</span>) {
|
|
205
205
|
<span class="cstat-no" title="statement not covered" > setWindowSize(window.innerWidth);</span>
|
|
206
206
|
}
|
|
207
|
-
<span class="cstat-no" title="statement not covered" > window.addEventListener(
|
|
207
|
+
<span class="cstat-no" title="statement not covered" > window.addEventListener("resize", handleResize);</span>
|
|
208
208
|
<span class="cstat-no" title="statement not covered" > handleResize();</span>
|
|
209
|
-
<span class="cstat-no" title="statement not covered" > return <span class="fstat-no" title="function not covered" >()</span> => <span class="cstat-no" title="statement not covered" >window.removeEventListener(
|
|
209
|
+
<span class="cstat-no" title="statement not covered" > return <span class="fstat-no" title="function not covered" >()</span> => <span class="cstat-no" title="statement not covered" >window.removeEventListener("resize", handleResize);</span></span>
|
|
210
210
|
}, []);
|
|
211
211
|
<span class="cstat-no" title="statement not covered" > return windowSize;</span>
|
|
212
212
|
}
|
|
@@ -218,16 +218,16 @@ export const HeaderStateProvider = <span class="fstat-no" title="function not co
|
|
|
218
218
|
RouterLink,
|
|
219
219
|
headerContent, // allow header content from api request available to all child components
|
|
220
220
|
}) => {
|
|
221
|
-
const [currentOpenMenu, setCurrentOpenMenu] = <span class="cstat-no" title="statement not covered" >useState(
|
|
221
|
+
const [currentOpenMenu, setCurrentOpenMenu] = <span class="cstat-no" title="statement not covered" >useState("");</span>
|
|
222
222
|
|
|
223
223
|
const handleToggleMenu = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(n</span>ame) => {</span>
|
|
224
224
|
<span class="cstat-no" title="statement not covered" > if (currentOpenMenu === name) {</span>
|
|
225
|
-
<span class="cstat-no" title="statement not covered" > return setCurrentOpenMenu(
|
|
225
|
+
<span class="cstat-no" title="statement not covered" > return setCurrentOpenMenu("");</span>
|
|
226
226
|
}
|
|
227
227
|
<span class="cstat-no" title="statement not covered" > return setCurrentOpenMenu(name);</span>
|
|
228
228
|
};
|
|
229
229
|
|
|
230
|
-
const closeMenus = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> => <span class="cstat-no" title="statement not covered" >setCurrentOpenMenu(
|
|
230
|
+
const closeMenus = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> => <span class="cstat-no" title="statement not covered" >setCurrentOpenMenu("");</span></span>
|
|
231
231
|
|
|
232
232
|
<span class="cstat-no" title="statement not covered" > return (</span>
|
|
233
233
|
<HeaderStateContext.Provider
|
|
@@ -257,7 +257,7 @@ HeaderStateProvider.defaultProps = {
|
|
|
257
257
|
export const useHeaderState = <span class="fstat-no" title="function not covered" >()</span> => {
|
|
258
258
|
const context = <span class="cstat-no" title="statement not covered" >useContext(HeaderStateContext);</span>
|
|
259
259
|
<span class="cstat-no" title="statement not covered" > if (context === undefined) {</span>
|
|
260
|
-
<span class="cstat-no" title="statement not covered" > throw new Error(
|
|
260
|
+
<span class="cstat-no" title="statement not covered" > throw new Error("useHeaderState must be used within a HeaderStateProvider");</span>
|
|
261
261
|
}
|
|
262
262
|
<span class="cstat-no" title="statement not covered" > return context;</span>
|
|
263
263
|
};
|
|
@@ -268,7 +268,7 @@ export const useHeaderState = <span class="fstat-no" title="function not covered
|
|
|
268
268
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
269
269
|
Code coverage generated by
|
|
270
270
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
271
|
-
at 2023-
|
|
271
|
+
at 2023-10-09T20:35:15.116Z
|
|
272
272
|
</div>
|
|
273
273
|
<script src="../../../prettify.js"></script>
|
|
274
274
|
<script>
|
|
@@ -23,16 +23,16 @@
|
|
|
23
23
|
<div class='clearfix'>
|
|
24
24
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
|
-
<span class="strong">17.
|
|
26
|
+
<span class="strong">17.43% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>38/218</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
<div class='fl pad1y space-right2'>
|
|
33
33
|
<span class="strong">0% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>0/
|
|
35
|
+
<span class='fraction'>0/104</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">18.
|
|
47
|
+
<span class="strong">18.35% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>38/207</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -125,17 +125,17 @@
|
|
|
125
125
|
|
|
126
126
|
<tr>
|
|
127
127
|
<td class="file low" data-value="HeaderLogo.jsx"><a href="HeaderLogo.jsx.html">HeaderLogo.jsx</a></td>
|
|
128
|
-
<td data-value="
|
|
129
|
-
<div class="chart"><div class="cover-fill" style="width:
|
|
128
|
+
<td data-value="22.22" class="pic low">
|
|
129
|
+
<div class="chart"><div class="cover-fill" style="width: 22%"></div><div class="cover-empty" style="width: 78%"></div></div>
|
|
130
130
|
</td>
|
|
131
|
-
<td data-value="
|
|
132
|
-
<td data-value="
|
|
131
|
+
<td data-value="22.22" class="pct low">22.22%</td>
|
|
132
|
+
<td data-value="9" class="abs low">2/9</td>
|
|
133
133
|
<td data-value="0" class="pct low">0%</td>
|
|
134
|
-
<td data-value="
|
|
134
|
+
<td data-value="4" class="abs low">0/4</td>
|
|
135
135
|
<td data-value="0" class="pct low">0%</td>
|
|
136
136
|
<td data-value="1" class="abs low">0/1</td>
|
|
137
|
-
<td data-value="
|
|
138
|
-
<td data-value="
|
|
137
|
+
<td data-value="22.22" class="pct low">22.22%</td>
|
|
138
|
+
<td data-value="9" class="abs low">2/9</td>
|
|
139
139
|
</tr>
|
|
140
140
|
|
|
141
141
|
<tr>
|
|
@@ -326,7 +326,7 @@
|
|
|
326
326
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
327
327
|
Code coverage generated by
|
|
328
328
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
329
|
-
at 2023-
|
|
329
|
+
at 2023-10-09T20:35:15.116Z
|
|
330
330
|
</div>
|
|
331
331
|
<script src="../../../prettify.js"></script>
|
|
332
332
|
<script>
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
ga_event_label: eventLabel,
|
|
89
89
|
page_title: `${window.document.title}`,
|
|
90
90
|
page_url: `${window.location.pathname}`,
|
|
91
|
-
event:
|
|
91
|
+
event: "trackEvent",
|
|
92
92
|
});
|
|
93
93
|
</pre></td></tr></table></pre>
|
|
94
94
|
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
98
98
|
Code coverage generated by
|
|
99
99
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
100
|
-
at 2023-
|
|
100
|
+
at 2023-10-09T20:35:15.116Z
|
|
101
101
|
</div>
|
|
102
102
|
<script src="../../../prettify.js"></script>
|
|
103
103
|
<script>
|
|
@@ -23,30 +23,30 @@
|
|
|
23
23
|
<div class='clearfix'>
|
|
24
24
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
|
-
<span class="strong">
|
|
26
|
+
<span class="strong">100% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>13/13</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
<div class='fl pad1y space-right2'>
|
|
33
|
-
<span class="strong">
|
|
33
|
+
<span class="strong">100% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>
|
|
35
|
+
<span class='fraction'>2/2</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
<div class='fl pad1y space-right2'>
|
|
40
|
-
<span class="strong">
|
|
40
|
+
<span class="strong">100% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>
|
|
42
|
+
<span class='fraction'>3/3</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">
|
|
47
|
+
<span class="strong">100% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>13/13</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
</div>
|
|
62
62
|
</template>
|
|
63
63
|
</div>
|
|
64
|
-
<div class='status-line
|
|
64
|
+
<div class='status-line high'></div>
|
|
65
65
|
<pre><table class="coverage">
|
|
66
66
|
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
|
|
67
67
|
<a name='L2'></a><a href='#L2'>2</a>
|
|
@@ -139,9 +139,9 @@
|
|
|
139
139
|
<span class="cline-any cline-neutral"> </span>
|
|
140
140
|
<span class="cline-any cline-neutral"> </span>
|
|
141
141
|
<span class="cline-any cline-neutral"> </span>
|
|
142
|
-
<span class="cline-any cline-yes">
|
|
142
|
+
<span class="cline-any cline-yes">3x</span>
|
|
143
143
|
<span class="cline-any cline-neutral"> </span>
|
|
144
|
-
<span class="cline-any cline-yes">
|
|
144
|
+
<span class="cline-any cline-yes">3x</span>
|
|
145
145
|
<span class="cline-any cline-neutral"> </span>
|
|
146
146
|
<span class="cline-any cline-neutral"> </span>
|
|
147
147
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -154,17 +154,17 @@
|
|
|
154
154
|
<span class="cline-any cline-neutral"> </span>
|
|
155
155
|
<span class="cline-any cline-neutral"> </span>
|
|
156
156
|
<span class="cline-any cline-neutral"> </span>
|
|
157
|
-
<span class="cline-any cline-yes">
|
|
157
|
+
<span class="cline-any cline-yes">3x</span>
|
|
158
158
|
<span class="cline-any cline-neutral"> </span>
|
|
159
|
-
<span class="cline-any cline-
|
|
159
|
+
<span class="cline-any cline-yes">1x</span>
|
|
160
160
|
<span class="cline-any cline-neutral"> </span>
|
|
161
161
|
<span class="cline-any cline-neutral"> </span>
|
|
162
|
-
<span class="cline-any cline-
|
|
163
|
-
<span class="cline-any cline-
|
|
164
|
-
<span class="cline-any cline-
|
|
162
|
+
<span class="cline-any cline-yes">2x</span>
|
|
163
|
+
<span class="cline-any cline-yes">1x</span>
|
|
164
|
+
<span class="cline-any cline-yes">1x</span>
|
|
165
165
|
<span class="cline-any cline-neutral"> </span>
|
|
166
|
-
<span class="cline-any cline-
|
|
167
|
-
<span class="cline-any cline-
|
|
166
|
+
<span class="cline-any cline-yes">1x</span>
|
|
167
|
+
<span class="cline-any cline-yes">1x</span>
|
|
168
168
|
<span class="cline-any cline-neutral"> </span>
|
|
169
169
|
<span class="cline-any cline-neutral"> </span>
|
|
170
170
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -172,8 +172,8 @@
|
|
|
172
172
|
<span class="cline-any cline-neutral"> </span>
|
|
173
173
|
<span class="cline-any cline-neutral"> </span>
|
|
174
174
|
<span class="cline-any cline-neutral"> </span>
|
|
175
|
-
<span class="cline-any cline-yes">2x</span>
|
|
176
175
|
<span class="cline-any cline-yes">3x</span>
|
|
176
|
+
<span class="cline-any cline-yes">7x</span>
|
|
177
177
|
<span class="cline-any cline-neutral"> </span>
|
|
178
178
|
<span class="cline-any cline-neutral"> </span>
|
|
179
179
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -191,51 +191,51 @@
|
|
|
191
191
|
<span class="cline-any cline-neutral"> </span>
|
|
192
192
|
<span class="cline-any cline-neutral"> </span>
|
|
193
193
|
<span class="cline-any cline-neutral"> </span>
|
|
194
|
-
<span class="cline-any cline-yes">
|
|
194
|
+
<span class="cline-any cline-yes">3x</span>
|
|
195
195
|
<span class="cline-any cline-neutral"> </span>
|
|
196
196
|
<span class="cline-any cline-neutral"> </span>
|
|
197
197
|
<span class="cline-any cline-neutral"> </span>
|
|
198
198
|
<span class="cline-any cline-neutral"> </span>
|
|
199
199
|
<span class="cline-any cline-neutral"> </span>
|
|
200
200
|
<span class="cline-any cline-neutral"> </span>
|
|
201
|
-
<span class="cline-any cline-yes">
|
|
201
|
+
<span class="cline-any cline-yes">3x</span>
|
|
202
202
|
<span class="cline-any cline-neutral"> </span>
|
|
203
203
|
<span class="cline-any cline-neutral"> </span>
|
|
204
204
|
<span class="cline-any cline-neutral"> </span>
|
|
205
205
|
<span class="cline-any cline-neutral"> </span>
|
|
206
206
|
<span class="cline-any cline-neutral"> </span>
|
|
207
207
|
<span class="cline-any cline-neutral"> </span>
|
|
208
|
-
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from
|
|
209
|
-
import PropTypes from
|
|
210
|
-
import InfotipContent from
|
|
211
|
-
import InfotipIcon from
|
|
208
|
+
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
|
|
209
|
+
import PropTypes from "prop-types";
|
|
210
|
+
import InfotipContent from "./InfotipContent";
|
|
211
|
+
import InfotipIcon from "./InfotipIcon";
|
|
212
212
|
|
|
213
|
-
const BUTTON_SIZE =
|
|
213
|
+
const BUTTON_SIZE = "16px";
|
|
214
214
|
|
|
215
215
|
const buttonStyle = {
|
|
216
|
-
background:
|
|
216
|
+
background: "transparent",
|
|
217
217
|
border: 0,
|
|
218
218
|
padding: 0,
|
|
219
219
|
width: BUTTON_SIZE,
|
|
220
220
|
height: BUTTON_SIZE,
|
|
221
|
-
WebkitTouchCallout:
|
|
222
|
-
WebkitUserSelect:
|
|
223
|
-
userSelect:
|
|
221
|
+
WebkitTouchCallout: "none",
|
|
222
|
+
WebkitUserSelect: "none",
|
|
223
|
+
userSelect: "none",
|
|
224
224
|
};
|
|
225
225
|
|
|
226
226
|
// TODO: We may want to improve this by tracking touch positions to ensure
|
|
227
227
|
// that a 'touchend' event must be reasonably close to the tooltip target.
|
|
228
228
|
const touchHandlers = {
|
|
229
|
-
onTouchStart:
|
|
230
|
-
|
|
229
|
+
onTouchStart: (e) => {
|
|
230
|
+
e.stopPropagation();
|
|
231
231
|
},
|
|
232
|
-
onTouchEnd:
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
232
|
+
onTouchEnd: (e) => {
|
|
233
|
+
if (document.activeElement !== e.currentTarget) {
|
|
234
|
+
e.preventDefault();
|
|
235
|
+
e.currentTarget.focus();
|
|
236
236
|
} else {
|
|
237
|
-
|
|
238
|
-
|
|
237
|
+
e.preventDefault();
|
|
238
|
+
e.currentTarget.blur();
|
|
239
239
|
}
|
|
240
240
|
},
|
|
241
241
|
};
|
|
@@ -256,7 +256,7 @@ const Infotip = ({ ariaLabel, label, lightIcon, ...props }) => (
|
|
|
256
256
|
width={BUTTON_SIZE}
|
|
257
257
|
height={BUTTON_SIZE}
|
|
258
258
|
aria-hidden
|
|
259
|
-
style={{ float:
|
|
259
|
+
style={{ float: "left" }}
|
|
260
260
|
/>
|
|
261
261
|
</button>
|
|
262
262
|
</InfotipContent>
|
|
@@ -270,7 +270,7 @@ Infotip.propTypes = {
|
|
|
270
270
|
};
|
|
271
271
|
|
|
272
272
|
Infotip.defaultProps = {
|
|
273
|
-
ariaLabel:
|
|
273
|
+
ariaLabel: "Information",
|
|
274
274
|
lightIcon: false,
|
|
275
275
|
DEBUG_STYLE: undefined,
|
|
276
276
|
};
|
|
@@ -283,7 +283,7 @@ export default Infotip;
|
|
|
283
283
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
284
284
|
Code coverage generated by
|
|
285
285
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
286
|
-
at 2023-
|
|
286
|
+
at 2023-10-09T20:35:15.116Z
|
|
287
287
|
</div>
|
|
288
288
|
<script src="../../../prettify.js"></script>
|
|
289
289
|
<script>
|
|
@@ -118,13 +118,13 @@
|
|
|
118
118
|
<span class="cline-any cline-neutral"> </span>
|
|
119
119
|
<span class="cline-any cline-neutral"> </span>
|
|
120
120
|
<span class="cline-any cline-neutral"> </span>
|
|
121
|
-
<span class="cline-any cline-yes">
|
|
122
|
-
<span class="cline-any cline-yes">
|
|
121
|
+
<span class="cline-any cline-yes">3x</span>
|
|
122
|
+
<span class="cline-any cline-yes">3x</span>
|
|
123
123
|
<span class="cline-any cline-neutral"> </span>
|
|
124
|
-
<span class="cline-any cline-yes">
|
|
125
|
-
<span class="cline-any cline-yes">
|
|
124
|
+
<span class="cline-any cline-yes">3x</span>
|
|
125
|
+
<span class="cline-any cline-yes">25x</span>
|
|
126
126
|
<span class="cline-any cline-neutral"> </span>
|
|
127
|
-
<span class="cline-any cline-yes">
|
|
127
|
+
<span class="cline-any cline-yes">25x</span>
|
|
128
128
|
<span class="cline-any cline-neutral"> </span>
|
|
129
129
|
<span class="cline-any cline-neutral"> </span>
|
|
130
130
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
<span class="cline-any cline-neutral"> </span>
|
|
133
133
|
<span class="cline-any cline-neutral"> </span>
|
|
134
134
|
<span class="cline-any cline-neutral"> </span>
|
|
135
|
-
<span class="cline-any cline-yes">
|
|
135
|
+
<span class="cline-any cline-yes">25x</span>
|
|
136
136
|
<span class="cline-any cline-neutral"> </span>
|
|
137
137
|
<span class="cline-any cline-neutral"> </span>
|
|
138
138
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -149,38 +149,38 @@
|
|
|
149
149
|
<span class="cline-any cline-neutral"> </span>
|
|
150
150
|
<span class="cline-any cline-neutral"> </span>
|
|
151
151
|
<span class="cline-any cline-neutral"> </span>
|
|
152
|
-
<span class="cline-any cline-yes">
|
|
152
|
+
<span class="cline-any cline-yes">3x</span>
|
|
153
153
|
<span class="cline-any cline-neutral"> </span>
|
|
154
154
|
<span class="cline-any cline-neutral"> </span>
|
|
155
155
|
<span class="cline-any cline-neutral"> </span>
|
|
156
156
|
<span class="cline-any cline-neutral"> </span>
|
|
157
157
|
<span class="cline-any cline-neutral"> </span>
|
|
158
|
-
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from
|
|
159
|
-
import PropTypes from
|
|
158
|
+
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
|
|
159
|
+
import PropTypes from "prop-types";
|
|
160
160
|
import {
|
|
161
161
|
Tooltip as TooltipAriaKit,
|
|
162
162
|
TooltipAnchor,
|
|
163
163
|
TooltipArrow,
|
|
164
164
|
useTooltipState,
|
|
165
|
-
} from
|
|
165
|
+
} from "ariakit/tooltip";
|
|
166
166
|
|
|
167
|
-
const TEXT_COLOR =
|
|
168
|
-
const BACKGROUND_COLOR =
|
|
167
|
+
const TEXT_COLOR = "#FFF";
|
|
168
|
+
const BACKGROUND_COLOR = "#333";
|
|
169
169
|
|
|
170
170
|
const InfotipContent = ({ children, label }) => {
|
|
171
171
|
const tooltip = useTooltipState();
|
|
172
172
|
|
|
173
173
|
const cssStyles = {
|
|
174
|
-
maxWidth:
|
|
175
|
-
padding:
|
|
176
|
-
borderRadius:
|
|
177
|
-
fontSize:
|
|
174
|
+
maxWidth: "300px",
|
|
175
|
+
padding: "8px",
|
|
176
|
+
borderRadius: "4px",
|
|
177
|
+
fontSize: "0.9rem",
|
|
178
178
|
backgroundColor: BACKGROUND_COLOR,
|
|
179
179
|
color: TEXT_COLOR,
|
|
180
180
|
};
|
|
181
181
|
return (
|
|
182
182
|
<>
|
|
183
|
-
<TooltipAnchor as={
|
|
183
|
+
<TooltipAnchor as={"span"} state={tooltip} className="tooltip-anchor">
|
|
184
184
|
{children}
|
|
185
185
|
</TooltipAnchor>
|
|
186
186
|
<TooltipAriaKit
|
|
@@ -208,7 +208,7 @@ export default InfotipContent;
|
|
|
208
208
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
209
209
|
Code coverage generated by
|
|
210
210
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
211
|
-
at 2023-
|
|
211
|
+
at 2023-10-09T20:35:15.116Z
|
|
212
212
|
</div>
|
|
213
213
|
<script src="../../../prettify.js"></script>
|
|
214
214
|
<script>
|