qpp-style 0.0.8 → 0.0.10
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/.eslintrc.js +28 -28
- package/.husky/pre-commit +5 -0
- package/README.md +45 -0
- package/components/Accordion/index.jsx +35 -43
- package/components/Alert/index.js +53 -0
- package/components/Breadcrumb/Breadcrumb.md +28 -0
- package/components/Breadcrumb/index.js +69 -11
- package/components/Button/index.js +90 -0
- package/components/CalloutBox/index.js +109 -0
- package/components/Card/index.js +137 -0
- package/components/Details/DetailsIcons.js +50 -0
- package/components/Details/index.js +53 -0
- package/components/Dropdown/index.js +85 -0
- package/components/DropdownButton/Menu.js +25 -0
- package/components/DropdownButton/MenuButton.js +41 -0
- package/components/DropdownButton/MenuItem.js +25 -0
- package/components/DropdownButton/MenuItemLink.js +27 -0
- package/components/Error/Collapsible.jsx +2 -2
- package/components/Footer/FooterUI.jsx +175 -177
- package/components/Footer/footer.js +2 -12
- package/components/GovBanner/index.js +117 -0
- package/components/Header/HeaderAccountMenu.jsx +63 -234
- package/components/Header/HeaderCancel.jsx +5 -10
- package/components/Header/HeaderContainer.jsx +74 -0
- package/components/Header/HeaderLogo.jsx +42 -0
- package/components/Header/HeaderMenuButton.js +50 -0
- package/components/Header/HeaderMenuItem.jsx +239 -0
- package/components/Header/HeaderMenuLink.js +56 -0
- package/components/Header/HeaderMenuSignOutButton.js +62 -0
- package/components/Header/HeaderMobileButton.js +37 -0
- package/components/Header/HeaderUI.jsx +130 -361
- package/components/Header/HelpIcon.jsx +32 -0
- package/components/Header/ImpersonatorBanner.jsx +81 -0
- package/components/Header/default-content.json +158 -87
- package/components/Header/header.js +2 -0
- package/components/Header/hooks.js +66 -0
- package/components/Header/utag-helpers.js +9 -0
- package/components/Infotip/Infotip.jsx +6 -10
- package/components/Infotip/InfotipContent.jsx +46 -0
- package/components/Infotip/InfotipIcon.jsx +3 -3
- package/components/Link/index.js +61 -0
- package/components/Modal/LegacyModal.jsx +72 -0
- package/components/Modal/Modal.jsx +140 -0
- package/components/Modal/index.jsx +13 -63
- package/components/NotificationBanner/CollapsedView.js +39 -0
- package/components/NotificationBanner/ExpandedView.js +45 -0
- package/components/NotificationBanner/index.js +219 -30
- package/components/Search/index.js +98 -0
- package/components/SessionDialog/sessionDialog.js +26 -0
- package/components/SessionDialogUI.jsx +34 -26
- package/components/SideNav/AnimationGroup/AnimationGroup.jsx +10 -4
- package/components/SideNav/Chart/ScoreChart.jsx +81 -109
- package/components/SideNav/Chart/__tests__/ScoreChart.test.js +3 -12
- package/components/SideNav/Chart/__tests__/__snapshots__/ScoreChart.test.js.snap +144 -35
- package/components/SideNav/Chart/index.js +1 -1
- package/components/SideNav/Content/LevelOneContent.jsx +146 -258
- package/components/SideNav/Content/LevelTwoContent.jsx +6 -4
- package/components/SideNav/Content/SelectRole/index.js +77 -0
- package/components/SideNav/Content/SelectRole/utils.js +140 -0
- package/components/SideNav/Details/PracticeDetails.jsx +4 -0
- package/components/SideNav/Links/CmsSwitchLink.jsx +1 -1
- package/components/SideNav/Links/NavLinkContainer.jsx +29 -34
- package/components/SideNav/Links/NavLinkDrawer.jsx +192 -124
- package/components/SideNav/Links/NavLinkInline.jsx +7 -2
- package/components/SideNav/Links/NavLinkToggle.jsx +1 -1
- package/components/SideNav/SideNav.md +28 -27
- package/components/SideNav/UI/SideNavUI.jsx +198 -268
- package/components/SideNav/UI/default-content.json +117 -0
- package/components/SideNav/helpers.js +316 -4
- package/components/Tabs/TabPanel.js +5 -0
- package/components/Tabs/Tabs.js +73 -0
- package/components/TextInput/index.js +137 -0
- package/components/hooks/useGetConfig.js +75 -0
- package/components/index.js +106 -9
- package/coverage/clover.xml +1194 -748
- package/coverage/coverage-final.json +72 -50
- package/coverage/lcov-report/block-navigation.js +8 -0
- package/coverage/lcov-report/components/Accordion/index.html +26 -21
- package/coverage/lcov-report/components/Accordion/index.jsx.html +106 -131
- package/coverage/lcov-report/{SideNav/Chart → components/Button}/index.html +29 -24
- package/coverage/lcov-report/{Error/Collapsible.jsx.html → components/Button/index.js.html} +125 -114
- package/coverage/lcov-report/components/Error/Collapsible.jsx.html +92 -87
- package/coverage/lcov-report/components/Error/ErrorUI.jsx.html +32 -33
- package/coverage/lcov-report/components/Error/index.html +11 -6
- package/coverage/lcov-report/components/Footer/FooterUI.jsx.html +200 -189
- package/coverage/lcov-report/components/Footer/SocialLinks.jsx.html +24 -61
- package/coverage/lcov-report/components/Footer/Subscribe.jsx.html +18 -13
- package/coverage/lcov-report/components/Footer/index.html +35 -45
- package/coverage/lcov-report/components/{InfoModal → GovBanner}/index.html +27 -22
- package/coverage/lcov-report/components/{InfoModal/index.jsx.html → GovBanner/index.js.html} +157 -122
- package/coverage/lcov-report/components/Header/HeaderAccountMenu.jsx.html +93 -520
- package/coverage/lcov-report/components/Header/HeaderCancel.jsx.html +19 -23
- package/coverage/lcov-report/components/Header/HeaderContainer.jsx.html +280 -0
- package/coverage/lcov-report/components/Header/HeaderLogo.jsx.html +211 -0
- package/coverage/lcov-report/components/Header/HeaderMenuButton.js.html +235 -0
- package/coverage/lcov-report/components/{Footer/LegacyFooterUI.jsx.html → Header/HeaderMenuItem.jsx.html} +334 -200
- package/coverage/lcov-report/components/Header/HeaderMenuLink.js.html +253 -0
- package/coverage/lcov-report/components/Header/HeaderMenuSignOutButton.js.html +271 -0
- package/coverage/lcov-report/components/Header/HeaderMobileButton.js.html +196 -0
- package/coverage/lcov-report/components/Header/HeaderUI.jsx.html +176 -756
- package/coverage/lcov-report/components/Header/HelpIcon.jsx.html +181 -0
- package/coverage/lcov-report/{Accordion/index.jsx.html → components/Header/ImpersonatorBanner.jsx.html} +109 -167
- package/coverage/lcov-report/components/Header/NavigationButtonIcon.jsx.html +24 -19
- package/coverage/lcov-report/components/Header/hooks.js.html +283 -0
- package/coverage/lcov-report/components/Header/index.html +203 -33
- package/coverage/lcov-report/components/{SideNav/Links/index.js.html → Header/utag-helpers.js.html} +35 -42
- package/coverage/lcov-report/components/Infotip/Infotip.jsx.html +53 -48
- package/coverage/lcov-report/components/Infotip/InfotipIcon.jsx.html +37 -32
- package/coverage/lcov-report/components/Infotip/index.html +8 -3
- package/coverage/lcov-report/components/Infotip/index.js.html +8 -3
- package/coverage/lcov-report/components/Modal/LegacyModal.jsx.html +301 -0
- package/coverage/lcov-report/components/Modal/Modal.jsx.html +505 -0
- package/coverage/lcov-report/components/Modal/index.html +146 -0
- package/coverage/lcov-report/components/{SideNav/Details/IndividualDetails.jsx.html → Modal/index.jsx.html} +50 -42
- package/coverage/lcov-report/components/NotificationBanner/CollapsedView.js.html +202 -0
- package/coverage/lcov-report/components/NotificationBanner/ExpandedView.js.html +220 -0
- package/coverage/lcov-report/components/NotificationBanner/index.html +58 -23
- package/coverage/lcov-report/components/{SideNav/Content/LevelTwoContent.jsx.html → NotificationBanner/index.js.html} +292 -272
- package/coverage/lcov-report/components/SanitizedContent/index.html +8 -3
- package/coverage/lcov-report/components/SanitizedContent/index.jsx.html +475 -50
- package/coverage/lcov-report/components/SessionDialogUI.jsx.html +248 -255
- package/coverage/lcov-report/components/SideNav/Chart/ScoreChart.jsx.html +272 -408
- package/coverage/lcov-report/components/SideNav/Chart/index.html +28 -38
- package/coverage/lcov-report/components/SideNav/Content/SelectRole/index.html +116 -0
- package/coverage/lcov-report/components/SideNav/Content/SelectRole/utils.js.html +505 -0
- package/coverage/lcov-report/components/SideNav/helpers.js.html +987 -46
- package/coverage/lcov-report/components/SideNav/index.html +24 -19
- package/coverage/lcov-report/components/Tooltip/Tooltip.jsx.html +70 -65
- package/coverage/lcov-report/components/Tooltip/index.html +8 -3
- package/coverage/lcov-report/components/Tooltip/index.js.html +8 -3
- package/coverage/lcov-report/components/Tooltip/position.js.html +57 -64
- package/coverage/lcov-report/components/hooks/index.html +116 -0
- package/coverage/lcov-report/components/hooks/useGetConfig.js.html +310 -0
- package/coverage/lcov-report/components/index.html +10 -5
- package/coverage/lcov-report/index.html +249 -154
- package/coverage/lcov-report/{Error/ErrorUI.jsx.html → lib/Chevron.jsx.html} +44 -42
- package/coverage/lcov-report/lib/SvgComponents.jsx.html +1840 -0
- package/coverage/lcov-report/lib/index.html +34 -14
- package/coverage/lcov-report/react/components/Accordion/index.html +26 -21
- package/coverage/lcov-report/react/components/Accordion/index.jsx.html +106 -131
- package/coverage/lcov-report/react/components/{FlashNotification → Button}/index.html +23 -33
- package/coverage/lcov-report/{components/SideNav/Links/NavLinkInline.jsx.html → react/components/Button/index.js.html} +119 -120
- package/coverage/lcov-report/react/components/{Tabs → Dropdown}/index.html +23 -33
- package/coverage/lcov-report/react/components/{InfoModal/index.jsx.html → Dropdown/index.js.html} +103 -155
- package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +92 -87
- package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +32 -33
- package/coverage/lcov-report/react/components/Error/error.js.html +25 -20
- package/coverage/lcov-report/react/components/Error/index.html +11 -6
- package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +200 -189
- package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +14 -15
- package/coverage/lcov-report/react/components/Footer/SocialLinks.jsx.html +18 -13
- package/coverage/lcov-report/react/components/Footer/Subscribe.jsx.html +18 -13
- package/coverage/lcov-report/react/components/Footer/footer.js.html +12 -34
- package/coverage/lcov-report/react/components/Footer/index.html +35 -45
- package/coverage/lcov-report/react/components/{InfoModal → GovBanner}/index.html +27 -22
- package/coverage/lcov-report/react/components/{Tabs/TabsUI.jsx.html → GovBanner/index.js.html} +146 -153
- package/coverage/lcov-report/react/components/Header/HeaderAccountMenu.jsx.html +93 -520
- package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +19 -23
- package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +307 -0
- package/coverage/lcov-report/{components/SideNav/Links/CmsSwitchLink.jsx.html → react/components/Header/HeaderLogo.jsx.html} +64 -53
- package/coverage/lcov-report/{components/SideNav/Links/NavItemInline.jsx.html → react/components/Header/HeaderMenuButton.js.html} +64 -71
- package/coverage/lcov-report/{components/SideNav/Links/NavLinkDrawer.jsx.html → react/components/Header/HeaderMenuItem.jsx.html} +284 -261
- package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +253 -0
- package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +271 -0
- package/coverage/lcov-report/{components/SideNav/Links/NavLinkToggle.jsx.html → react/components/Header/HeaderMobileButton.js.html} +58 -41
- package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +189 -745
- package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +181 -0
- package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +331 -0
- package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +18 -13
- package/coverage/lcov-report/react/components/Header/header.js.html +18 -4
- package/coverage/lcov-report/react/components/Header/hooks.js.html +283 -0
- package/coverage/lcov-report/react/components/Header/index.html +205 -35
- package/coverage/lcov-report/react/components/{Spinner/index.js.html → Header/utag-helpers.js.html} +26 -21
- package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +53 -48
- package/coverage/lcov-report/{components/SideNav/Links/NavLinkContainer.jsx.html → react/components/Infotip/InfotipContent.jsx.html} +83 -60
- package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +37 -32
- package/coverage/lcov-report/react/components/Infotip/index.html +8 -3
- package/coverage/lcov-report/react/components/Infotip/index.js.html +8 -3
- package/coverage/lcov-report/react/components/{FlashNotification/FlashNotificationUI.jsx.html → Modal/LegacyModal.jsx.html} +89 -84
- package/coverage/lcov-report/react/components/Modal/Modal.jsx.html +505 -0
- package/coverage/lcov-report/react/components/Modal/index.html +52 -17
- package/coverage/lcov-report/react/components/Modal/index.jsx.html +38 -201
- package/coverage/lcov-report/react/components/{Tabs/tabs.js.html → NotificationBanner/CollapsedView.js.html} +61 -47
- package/coverage/lcov-report/{components/SideNav/Details/PracticeDetails.jsx.html → react/components/NotificationBanner/ExpandedView.js.html} +74 -57
- package/coverage/lcov-report/react/components/NotificationBanner/index.html +58 -23
- package/coverage/lcov-report/react/components/NotificationBanner/index.js.html +615 -43
- package/coverage/lcov-report/react/components/SanitizedContent/index.html +8 -3
- package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html +478 -53
- package/coverage/lcov-report/react/components/{Spinner → SessionDialog}/index.html +11 -6
- package/coverage/lcov-report/react/components/{FlashNotification/index.js.html → SessionDialog/sessionDialog.js.html} +35 -42
- package/coverage/lcov-report/react/components/SessionDialogUI.jsx.html +248 -255
- package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +53 -18
- package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +18 -13
- package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +272 -402
- package/coverage/lcov-report/react/components/SideNav/Chart/index.html +28 -23
- package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +9 -4
- package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +190 -521
- package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +23 -12
- package/coverage/lcov-report/{components/SideNav/Details → react/components/SideNav/Content/SelectRole}/index.html +42 -52
- package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/index.js.html +316 -0
- package/coverage/lcov-report/react/components/SideNav/Content/SelectRole/utils.js.html +505 -0
- package/coverage/lcov-report/react/components/SideNav/Content/index.html +32 -27
- package/coverage/lcov-report/react/components/SideNav/Content/index.js.html +8 -3
- package/coverage/lcov-report/react/components/SideNav/Details/IndividualDetails.jsx.html +20 -24
- package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +54 -37
- package/coverage/lcov-report/react/components/SideNav/Details/index.html +23 -18
- package/coverage/lcov-report/react/components/SideNav/Details/index.js.html +8 -3
- package/coverage/lcov-report/react/components/SideNav/Links/CmsSwitchLink.jsx.html +9 -4
- package/coverage/lcov-report/react/components/SideNav/Links/NavItemInline.jsx.html +8 -3
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkContainer.jsx.html +56 -57
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +351 -142
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +60 -40
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +9 -4
- package/coverage/lcov-report/react/components/SideNav/Links/index.html +44 -39
- package/coverage/lcov-report/react/components/SideNav/Links/index.js.html +8 -3
- package/coverage/lcov-report/react/components/SideNav/UI/SideNavUI.jsx.html +243 -433
- package/coverage/lcov-report/react/components/SideNav/UI/index.html +28 -23
- package/coverage/lcov-report/react/components/SideNav/UI/index.js.html +8 -3
- package/coverage/lcov-report/react/components/SideNav/helpers.js.html +958 -17
- package/coverage/lcov-report/react/components/SideNav/index.html +27 -22
- package/coverage/lcov-report/react/components/SideNav/index.js.html +8 -3
- package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +70 -65
- package/coverage/lcov-report/react/components/Tooltip/index.html +8 -3
- package/coverage/lcov-report/react/components/Tooltip/index.js.html +8 -3
- package/coverage/lcov-report/react/components/Tooltip/position.js.html +57 -64
- package/coverage/lcov-report/{components/SideNav/AnimationGroup → react/components/hooks}/index.html +29 -24
- package/coverage/lcov-report/react/components/hooks/useGetConfig.js.html +310 -0
- package/coverage/lcov-report/react/components/index.html +10 -5
- package/coverage/lcov-report/react/index.html +20 -15
- package/coverage/lcov-report/react/index.js.html +29 -9
- package/coverage/lcov-report/react/lib/Chevron.jsx.html +181 -0
- package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +195 -106
- package/coverage/lcov-report/react/lib/index.html +37 -17
- package/coverage/lcov-report/react/lib/svg-definitions.svg.html +57 -916
- package/coverage/lcov-report/react/session/index.html +32 -27
- package/coverage/lcov-report/react/session/index.js.html +8 -3
- package/coverage/lcov-report/react/session/logout.js.html +121 -17
- package/coverage/lcov-report/react/session/refresh.js.html +11 -6
- package/coverage/lcov-report/react/session/ttl.js.html +8 -3
- package/coverage/lcov-report/session/index.html +50 -45
- package/coverage/lcov-report/session/index.js.html +8 -3
- package/coverage/lcov-report/session/logout.js.html +144 -49
- package/coverage/lcov-report/session/refresh.js.html +41 -36
- package/coverage/lcov-report/session/ttl.js.html +34 -29
- package/coverage/lcov-report/sorter.js +26 -0
- package/coverage/lcov.info +2427 -1491
- package/dist/browser.js +1 -1
- package/dist/browser.js.LICENSE.txt +1 -7
- package/dist/browser.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.LICENSE.txt +1 -7
- package/dist/index.js.map +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/index.js.LICENSE.txt +16 -16
- package/dist/react/index.js.map +1 -1
- package/fonts/PublicSans-Black.ttf +0 -0
- package/fonts/PublicSans-BlackItalic.ttf +0 -0
- package/fonts/PublicSans-Bold.ttf +0 -0
- package/fonts/PublicSans-BoldItalic.ttf +0 -0
- package/fonts/PublicSans-ExtraBold.ttf +0 -0
- package/fonts/PublicSans-ExtraBoldItalic.ttf +0 -0
- package/fonts/PublicSans-ExtraLight.ttf +0 -0
- package/fonts/PublicSans-ExtraLightItalic.ttf +0 -0
- package/fonts/PublicSans-Italic.ttf +0 -0
- package/fonts/PublicSans-Light.ttf +0 -0
- package/fonts/PublicSans-LightItalic.ttf +0 -0
- package/fonts/PublicSans-Medium.ttf +0 -0
- package/fonts/PublicSans-MediumItalic.ttf +0 -0
- package/fonts/PublicSans-Regular.ttf +0 -0
- package/fonts/PublicSans-SemiBold.ttf +0 -0
- package/fonts/PublicSans-SemiBoldItalic.ttf +0 -0
- package/fonts/PublicSans-Thin.ttf +0 -0
- package/fonts/PublicSans-ThinItalic.ttf +0 -0
- package/images/icon-dot-gov.svg +1 -0
- package/images/icon-https.svg +1 -0
- package/images/icons/close-x.svg +6 -0
- package/images/icons/svg/arrow-down.svg +3 -0
- package/images/icons/svg/arrow-download.svg +1 -0
- package/images/icons/svg/arrow-right.svg +1 -0
- package/images/icons/svg/arrow-up.svg +3 -0
- package/images/icons/svg/block.svg +5 -0
- package/images/icons/svg/calendar.svg +1 -0
- package/images/icons/svg/check-circle.svg +5 -0
- package/images/icons/svg/checkmark.svg +7 -0
- package/images/icons/svg/chevron-down.svg +11 -0
- package/images/icons/svg/chevron-left.svg +12 -0
- package/images/icons/svg/chevron-right.svg +12 -0
- package/images/icons/svg/chevron-up.svg +12 -0
- package/images/icons/svg/clipboard.svg +1 -0
- package/images/icons/svg/close.svg +1 -0
- package/images/icons/svg/divide.svg +13 -0
- package/images/icons/svg/doctors-and-clinicians-preview.svg +10 -0
- package/images/icons/svg/download.svg +1 -0
- package/images/icons/svg/dropdown-arrow.svg +1 -0
- package/images/icons/svg/equals.svg +13 -0
- package/images/icons/svg/exclamation.svg +11 -0
- package/images/icons/svg/external.svg +1 -0
- package/images/icons/svg/file-download.svg +1 -0
- package/images/icons/svg/file-upload.svg +1 -0
- package/images/icons/svg/info.svg +20 -0
- package/images/icons/svg/manage-user-access.svg +8 -0
- package/images/icons/svg/multiply.svg +12 -0
- package/images/icons/svg/performance-feedback.svg +1 -0
- package/images/icons/svg/plus.svg +12 -0
- package/images/icons/svg/preview.svg +17 -0
- package/images/icons/svg/print.svg +1 -0
- package/images/icons/svg/registration.svg +8 -0
- package/images/icons/svg/reporting.svg +17 -0
- package/images/icons/svg/save-disk.svg +5 -0
- package/images/icons/svg/search.svg +1 -0
- package/images/icons/svg/subtract.svg +15 -0
- package/images/icons/svg/targeted-review.svg +15 -0
- package/images/icons/svg/tooltip-question.svg +1 -0
- package/images/icons/svg/trash.svg +1 -0
- package/images/icons/svg/upload.svg +1 -0
- package/images/us_flag_small.png +0 -0
- package/index.js +5 -0
- package/jest.config.js +138 -134
- package/lib/Chevron.jsx +32 -0
- package/lib/SvgComponents.jsx +197 -49
- package/package.json +62 -77
- package/session/logout.js +35 -2
- package/styles/_global.scss +63 -62
- package/styles/_main.scss +6 -0
- package/styles/_qpp-style.scss +0 -3
- package/styles/components/_accordion.scss +249 -246
- package/styles/components/_autocomplete.scss +0 -3
- package/styles/components/_modals.scss +9 -9
- package/styles/components/_spinner.scss +0 -2
- package/styles/components/_tables.scss +77 -67
- package/styles/components/_text.scss +102 -102
- package/styles/components/_variables.scss +12 -12
- package/styles/qppds/base/_backgrounds.scss +7 -0
- package/styles/qppds/base/_fonts.scss +24 -0
- package/styles/qppds/base/_icon.scss +31 -0
- package/styles/qppds/base/_layout.scss +5 -0
- package/styles/qppds/base/_typography.scss +78 -44
- package/styles/qppds/base/index.scss +4 -5
- package/styles/qppds/components/_alert.scss +101 -0
- package/styles/qppds/components/_breadcrumbs.scss +42 -6
- package/styles/qppds/components/_button.scss +129 -11
- package/styles/qppds/components/_card.scss +175 -0
- package/styles/qppds/components/_checkbox.scss +199 -0
- package/styles/qppds/components/_circular-loader.scss +47 -0
- package/styles/qppds/components/_details.scss +90 -0
- package/styles/qppds/components/_dropdown-menu.scss +125 -0
- package/styles/qppds/components/_dropdown.scss +7 -1
- package/styles/qppds/components/_footer.scss +606 -0
- package/styles/qppds/components/_gov-banner.scss +344 -0
- package/styles/qppds/components/_header.scss +913 -0
- package/styles/qppds/components/_link.scss +52 -0
- package/styles/qppds/components/_modal.scss +118 -0
- package/styles/qppds/components/_page-header.scss +65 -2
- package/styles/qppds/components/_pagination.scss +227 -0
- package/styles/qppds/components/_process-list.scss +104 -0
- package/styles/qppds/components/_radio-button.scss +184 -0
- package/styles/qppds/components/_search.scss +118 -0
- package/styles/{components → qppds/components}/_sidebar.scss +2 -0
- package/styles/qppds/components/_step-indicator.scss +190 -0
- package/styles/qppds/components/_table.scss +157 -0
- package/styles/qppds/components/_tabs.scss +197 -0
- package/styles/qppds/components/_text-input.scss +60 -0
- package/styles/qppds/components/index.scss +20 -0
- package/styles/{components → qppds/components}/sidebar/_links.scss +48 -1
- package/styles/qppds/components/sidebar/_select-role-dropdown.scss +21 -0
- package/styles/qppds/components/sidebar/_sidebar-animation.scss +125 -0
- package/styles/qppds/components/sidebar/_sidebar.scss +146 -0
- package/styles/{components → qppds/components}/sidebar/project-specific/_wi.scss +1 -37
- package/styles/qppds/settings/_functions.scss +3 -1
- package/styles/qppds/settings/mixins/_borders.scss +6 -0
- package/styles/qppds/settings/mixins/_focus.scss +28 -0
- package/styles/qppds/settings/mixins/_icons.scss +39 -4
- package/styles/qppds/settings/mixins/_index.scss +4 -0
- package/styles/qppds/settings/mixins/_layout.scss +46 -7
- package/styles/qppds/settings/mixins/_table.scss +91 -0
- package/styles/qppds/settings/mixins/_type.scss +89 -0
- package/styles/qppds/settings/variables/_color.scss +47 -1
- package/styles/qppds/settings/variables/_index.scss +2 -1
- package/styles/qppds/settings/variables/_layout.scss +34 -9
- package/styles/qppds/settings/variables/_type.scss +41 -0
- package/styles/qppds/settings/variables/_z-index.scss +8 -0
- package/styles/qppds/utilities/_background-color.scss +4 -0
- package/styles/qppds/utilities/_color.scss +28 -0
- package/styles/qppds/utilities/{_display-visability.scss → _display-visibility.scss} +8 -0
- package/styles/qppds/utilities/_flexbox.scss +113 -0
- package/styles/qppds/utilities/_font-family.scss +4 -0
- package/styles/qppds/utilities/_gap.scss +38 -0
- package/styles/qppds/utilities/_height.scss +79 -0
- package/styles/qppds/utilities/_list-style.scss +18 -0
- package/styles/qppds/utilities/_position.scss +24 -0
- package/styles/qppds/utilities/_text-align.scss +40 -0
- package/styles/qppds/utilities/_text-transform.scss +7 -0
- package/styles/qppds/utilities/_truncate.scss +5 -5
- package/styles/qppds/utilities/_vertical-align.scss +72 -0
- package/styles/qppds/utilities/_width.scss +38 -1
- package/styles/qppds/utilities/index.scss +8 -2
- package/styles/third-party/legacy-bootstrap/_dropdowns.scss +0 -1
- package/svgo.config.js +14 -0
- package/test/components/Accordion.test.js +4 -13
- package/test/components/ErrorUI.test.js +10 -46
- package/test/components/FooterUI.test.js +0 -30
- package/test/components/HeaderUI.test.js +33 -15
- package/test/components/Infotip.test.js +18 -12
- package/test/components/SessionDialogUI.test.js +55 -70
- package/test/components/SideNavUI.test.js +6 -13
- package/test-setup.js +1 -3
- package/webpack.config.js +29 -39
- package/webpack.config.react.js +7 -18
- package/.storybook/.babelrc +0 -4
- package/.storybook/main.js +0 -89
- package/.storybook/preview-head.html +0 -9
- package/.storybook/preview.js +0 -16
- package/components/Accordion/Accordion.stories.js +0 -20
- package/components/Breadcrumb/Breadcrumb.js +0 -58
- package/components/Breadcrumb/Breadcrumb.stories.js +0 -62
- package/components/Breadcrumb/LegacyBreadcrumb.js +0 -46
- package/components/Footer/Footer.stories.js +0 -22
- package/components/Footer/LegacyFooterUI.jsx +0 -194
- package/components/Header/Header.stories.js +0 -32
- package/components/InfoModal/InfoModal.stories.js +0 -98
- package/components/InfoModal/index.jsx +0 -104
- package/components/Infotip/Infotip.stories.js +0 -58
- package/components/NotificationBanner/NotificationBanner.stories.js +0 -24
- package/components/NotificationBanner/NotificationBannerUI.jsx +0 -282
- package/components/SideNav/SideNav.stories.js +0 -320
- package/components/Spinner/index.js +0 -9
- package/components/Tabs/TabsUI.jsx +0 -118
- package/components/Tabs/tabs.js +0 -36
- package/components/Tooltip/Tooltip.jsx +0 -88
- package/components/Tooltip/Tooltip.stories.js +0 -90
- package/components/Tooltip/index.js +0 -3
- package/components/Tooltip/position.js +0 -68
- package/components/UnwrappedSpinner/index.js +0 -8
- package/components/UnwrappedTabs/TabPanelUI.jsx +0 -16
- package/components/UnwrappedTabs/TabsUI.jsx +0 -82
- package/coverage/lcov-report/Accordion/index.html +0 -111
- package/coverage/lcov-report/Error/index.html +0 -126
- package/coverage/lcov-report/ScoreChart.jsx.html +0 -1025
- package/coverage/lcov-report/SideNav/Chart/ScoreChart.jsx.html +0 -1025
- package/coverage/lcov-report/components/NotificationBanner/NotificationBannerUI.jsx.html +0 -1010
- package/coverage/lcov-report/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +0 -131
- package/coverage/lcov-report/components/SideNav/Chart/index.js.html +0 -89
- package/coverage/lcov-report/components/SideNav/Content/LevelOneContent.jsx.html +0 -1007
- package/coverage/lcov-report/components/SideNav/Content/index.html +0 -141
- package/coverage/lcov-report/components/SideNav/Content/index.js.html +0 -92
- package/coverage/lcov-report/components/SideNav/Details/index.js.html +0 -92
- package/coverage/lcov-report/components/SideNav/Links/index.html +0 -201
- package/coverage/lcov-report/components/SideNav/UI/SideNavUI.jsx.html +0 -1298
- package/coverage/lcov-report/components/SideNav/UI/index.html +0 -126
- package/coverage/lcov-report/components/SideNav/UI/index.js.html +0 -89
- package/coverage/lcov-report/lib/svg-definitions.svg.html +0 -1319
- package/coverage/lcov-report/react/components/NotificationBanner/NotificationBannerUI.jsx.html +0 -926
- package/styles/components/_footer.scss +0 -593
- package/styles/components/_header.scss +0 -526
- package/styles/components/sidebar/_sidebar-animation.scss +0 -85
- package/styles/components/sidebar/_sidebar.scss +0 -141
- package/test/components/Tooltip.test.js +0 -147
- package/test/components/__snapshots__/Accordion.test.js.snap +0 -11439
- /package/styles/{components → qppds/components}/sidebar/_animations.scss +0 -0
- /package/styles/{components → qppds/components}/sidebar/_cms.scss +0 -0
- /package/styles/{components → qppds/components}/sidebar/_details.scss +0 -0
- /package/styles/{components → qppds/components}/sidebar/_sidebar-tooltip.scss +0 -0
|
@@ -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">32.92% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>27/82</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/31</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
<div class='fl pad1y space-right2'>
|
|
40
40
|
<span class="strong">0% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>0/
|
|
42
|
+
<span class='fraction'>0/17</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">
|
|
47
|
+
<span class="strong">33.75% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>27/80</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -54,8 +54,14 @@
|
|
|
54
54
|
<p class="quiet">
|
|
55
55
|
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
|
|
56
56
|
</p>
|
|
57
|
+
<template id="filterTemplate">
|
|
58
|
+
<div class="quiet">
|
|
59
|
+
Filter:
|
|
60
|
+
<input oninput="onInput()" type="search" id="fileSearch">
|
|
61
|
+
</div>
|
|
62
|
+
</template>
|
|
57
63
|
</div>
|
|
58
|
-
<div class='status-line
|
|
64
|
+
<div class='status-line low'></div>
|
|
59
65
|
<div class="pad1">
|
|
60
66
|
<table class="coverage-summary">
|
|
61
67
|
<thead>
|
|
@@ -73,18 +79,18 @@
|
|
|
73
79
|
</tr>
|
|
74
80
|
</thead>
|
|
75
81
|
<tbody><tr>
|
|
76
|
-
<td class="file
|
|
77
|
-
<td data-value="
|
|
78
|
-
<div class="chart"><div class="cover-fill" style="width:
|
|
82
|
+
<td class="file low" data-value="helpers.js"><a href="helpers.js.html">helpers.js</a></td>
|
|
83
|
+
<td data-value="32.92" class="pic low">
|
|
84
|
+
<div class="chart"><div class="cover-fill" style="width: 32%"></div><div class="cover-empty" style="width: 68%"></div></div>
|
|
79
85
|
</td>
|
|
80
|
-
<td data-value="
|
|
81
|
-
<td data-value="
|
|
86
|
+
<td data-value="32.92" class="pct low">32.92%</td>
|
|
87
|
+
<td data-value="82" class="abs low">27/82</td>
|
|
82
88
|
<td data-value="0" class="pct low">0%</td>
|
|
83
|
-
<td data-value="
|
|
89
|
+
<td data-value="31" class="abs low">0/31</td>
|
|
84
90
|
<td data-value="0" class="pct low">0%</td>
|
|
85
|
-
<td data-value="
|
|
86
|
-
<td data-value="
|
|
87
|
-
<td data-value="
|
|
91
|
+
<td data-value="17" class="abs low">0/17</td>
|
|
92
|
+
<td data-value="33.75" class="pct low">33.75%</td>
|
|
93
|
+
<td data-value="80" class="abs low">27/80</td>
|
|
88
94
|
</tr>
|
|
89
95
|
|
|
90
96
|
</tbody>
|
|
@@ -94,10 +100,9 @@
|
|
|
94
100
|
</div><!-- /wrapper -->
|
|
95
101
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
96
102
|
Code coverage generated by
|
|
97
|
-
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
98
|
-
at
|
|
103
|
+
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
104
|
+
at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
|
|
99
105
|
</div>
|
|
100
|
-
</div>
|
|
101
106
|
<script src="../../prettify.js"></script>
|
|
102
107
|
<script>
|
|
103
108
|
window.onload = function () {
|
|
@@ -54,6 +54,12 @@
|
|
|
54
54
|
<p class="quiet">
|
|
55
55
|
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
|
|
56
56
|
</p>
|
|
57
|
+
<template id="filterTemplate">
|
|
58
|
+
<div class="quiet">
|
|
59
|
+
Filter:
|
|
60
|
+
<input oninput="onInput()" type="search" id="fileSearch">
|
|
61
|
+
</div>
|
|
62
|
+
</template>
|
|
57
63
|
</div>
|
|
58
64
|
<div class='status-line high'></div>
|
|
59
65
|
<pre><table class="coverage">
|
|
@@ -164,20 +170,20 @@
|
|
|
164
170
|
<span class="cline-any cline-neutral"> </span>
|
|
165
171
|
<span class="cline-any cline-neutral"> </span>
|
|
166
172
|
<span class="cline-any cline-yes">3x</span>
|
|
167
|
-
<span class="cline-any cline-yes">
|
|
168
|
-
<span class="cline-any cline-yes">
|
|
169
|
-
<span class="cline-any cline-yes">
|
|
170
|
-
<span class="cline-any cline-yes">
|
|
173
|
+
<span class="cline-any cline-yes">35x</span>
|
|
174
|
+
<span class="cline-any cline-yes">35x</span>
|
|
175
|
+
<span class="cline-any cline-yes">35x</span>
|
|
176
|
+
<span class="cline-any cline-yes">35x</span>
|
|
171
177
|
<span class="cline-any cline-neutral"> </span>
|
|
172
|
-
<span class="cline-any cline-yes">
|
|
178
|
+
<span class="cline-any cline-yes">35x</span>
|
|
173
179
|
<span class="cline-any cline-neutral"> </span>
|
|
174
180
|
<span class="cline-any cline-neutral"> </span>
|
|
175
181
|
<span class="cline-any cline-neutral"> </span>
|
|
176
182
|
<span class="cline-any cline-neutral"> </span>
|
|
177
|
-
<span class="cline-any cline-yes">
|
|
178
|
-
<span class="cline-any cline-yes">
|
|
179
|
-
<span class="cline-any cline-yes">
|
|
180
|
-
<span class="cline-any cline-yes">
|
|
183
|
+
<span class="cline-any cline-yes">32x</span>
|
|
184
|
+
<span class="cline-any cline-yes">3x</span>
|
|
185
|
+
<span class="cline-any cline-yes">3x</span>
|
|
186
|
+
<span class="cline-any cline-yes">3x</span>
|
|
181
187
|
<span class="cline-any cline-neutral"> </span>
|
|
182
188
|
<span class="cline-any cline-neutral"> </span>
|
|
183
189
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -186,11 +192,11 @@
|
|
|
186
192
|
<span class="cline-any cline-neutral"> </span>
|
|
187
193
|
<span class="cline-any cline-neutral"> </span>
|
|
188
194
|
<span class="cline-any cline-neutral"> </span>
|
|
189
|
-
<span class="cline-any cline-yes">
|
|
195
|
+
<span class="cline-any cline-yes">3x</span>
|
|
190
196
|
<span class="cline-any cline-neutral"> </span>
|
|
191
197
|
<span class="cline-any cline-neutral"> </span>
|
|
192
198
|
<span class="cline-any cline-neutral"> </span>
|
|
193
|
-
<span class="cline-any cline-yes">
|
|
199
|
+
<span class="cline-any cline-yes">35x</span>
|
|
194
200
|
<span class="cline-any cline-neutral"> </span>
|
|
195
201
|
<span class="cline-any cline-neutral"> </span>
|
|
196
202
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -237,7 +243,7 @@
|
|
|
237
243
|
import PropTypes from 'prop-types';
|
|
238
244
|
import positionTip, { positionTriangle } from './position';
|
|
239
245
|
import { useTooltip, TooltipPopup } from '@reach/tooltip';
|
|
240
|
-
import Portal from '@reach/portal';
|
|
246
|
+
import { Portal } from '@reach/portal';
|
|
241
247
|
|
|
242
248
|
// TODO: investigate ways to allow more styling via css? the triangle
|
|
243
249
|
// positioning effect issue may need to be resolved to allow for this.
|
|
@@ -252,20 +258,20 @@ const BACKGROUND_COLOR = '#333';
|
|
|
252
258
|
* https://reacttraining.com/reach-ui/tooltip
|
|
253
259
|
*/
|
|
254
260
|
const Tooltip = ({ children, label, ariaLabel, DEBUG_STYLE }) => {
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
261
|
+
const [trigger, tooltip] = useTooltip({ DEBUG_STYLE });
|
|
262
|
+
const { isVisible, triggerRect } = tooltip;
|
|
263
|
+
const tooltipPopupRef = useRef();
|
|
264
|
+
const triangleRef = useRef();
|
|
259
265
|
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
266
|
+
useLayoutEffect(() => {
|
|
267
|
+
// For some reason, the forwardRef for the tooltipPopup points to an undefined
|
|
268
|
+
// dom element when we first render the portal containing the triangle. Using
|
|
269
|
+
// an effect here will ensure that the ref is available when applying styles.
|
|
270
|
+
// TODO: investigate and make issue for @reach-ui/tooltip?
|
|
271
|
+
if (isVisible && tooltipPopupRef.current && triggerRect) {
|
|
272
|
+
const tooltipRect = tooltipPopupRef.current.getBoundingClientRect();
|
|
273
|
+
const positionCssText = positionTriangle(triggerRect, tooltipRect);
|
|
274
|
+
const cssText = `
|
|
269
275
|
position: absolute;
|
|
270
276
|
width: 0;
|
|
271
277
|
height: 0;
|
|
@@ -274,50 +280,50 @@ const Tooltip = ({ children, label, ariaLabel, DEBUG_STYLE }) => {
|
|
|
274
280
|
border-bottom-color: ${BACKGROUND_COLOR};
|
|
275
281
|
z-index: 1;
|
|
276
282
|
`;
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
283
|
+
triangleRef.current.style.cssText = cssText;
|
|
284
|
+
}
|
|
285
|
+
});
|
|
280
286
|
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
287
|
+
return (
|
|
288
|
+
<>
|
|
289
|
+
{cloneElement(children, trigger)}
|
|
290
|
+
<TooltipPopup
|
|
291
|
+
{...tooltip}
|
|
292
|
+
label={label}
|
|
293
|
+
ariaLabel={ariaLabel}
|
|
294
|
+
style={{
|
|
295
|
+
background: BACKGROUND_COLOR,
|
|
296
|
+
color: TEXT_COLOR,
|
|
297
|
+
}}
|
|
298
|
+
ref={tooltipPopupRef}
|
|
299
|
+
position={positionTip}
|
|
300
|
+
/>
|
|
301
|
+
{isVisible && (
|
|
302
|
+
<Portal>
|
|
303
|
+
<div
|
|
304
|
+
ref={triangleRef}
|
|
305
|
+
style={{
|
|
306
|
+
position: 'absolute',
|
|
307
|
+
width: 0,
|
|
308
|
+
height: 0,
|
|
309
|
+
}}
|
|
310
|
+
/>
|
|
311
|
+
</Portal>
|
|
312
|
+
)}
|
|
313
|
+
</>
|
|
314
|
+
);
|
|
309
315
|
};
|
|
310
316
|
|
|
311
317
|
Tooltip.propTypes = {
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
318
|
+
children: PropTypes.node.isRequired,
|
|
319
|
+
label: PropTypes.node.isRequired,
|
|
320
|
+
ariaLabel: PropTypes.string,
|
|
321
|
+
DEBUG_STYLE: PropTypes.bool,
|
|
316
322
|
};
|
|
317
323
|
|
|
318
324
|
Tooltip.defaultProps = {
|
|
319
|
-
|
|
320
|
-
|
|
325
|
+
ariaLabel: undefined,
|
|
326
|
+
DEBUG_STYLE: undefined,
|
|
321
327
|
};
|
|
322
328
|
|
|
323
329
|
export default Tooltip;
|
|
@@ -327,10 +333,9 @@ export default Tooltip;
|
|
|
327
333
|
</div><!-- /wrapper -->
|
|
328
334
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
329
335
|
Code coverage generated by
|
|
330
|
-
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
331
|
-
at
|
|
336
|
+
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
337
|
+
at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
|
|
332
338
|
</div>
|
|
333
|
-
</div>
|
|
334
339
|
<script src="../../prettify.js"></script>
|
|
335
340
|
<script>
|
|
336
341
|
window.onload = function () {
|
|
@@ -54,6 +54,12 @@
|
|
|
54
54
|
<p class="quiet">
|
|
55
55
|
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
|
|
56
56
|
</p>
|
|
57
|
+
<template id="filterTemplate">
|
|
58
|
+
<div class="quiet">
|
|
59
|
+
Filter:
|
|
60
|
+
<input oninput="onInput()" type="search" id="fileSearch">
|
|
61
|
+
</div>
|
|
62
|
+
</template>
|
|
57
63
|
</div>
|
|
58
64
|
<div class='status-line high'></div>
|
|
59
65
|
<div class="pad1">
|
|
@@ -124,10 +130,9 @@
|
|
|
124
130
|
</div><!-- /wrapper -->
|
|
125
131
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
126
132
|
Code coverage generated by
|
|
127
|
-
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
128
|
-
at
|
|
133
|
+
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
134
|
+
at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
|
|
129
135
|
</div>
|
|
130
|
-
</div>
|
|
131
136
|
<script src="../../prettify.js"></script>
|
|
132
137
|
<script>
|
|
133
138
|
window.onload = function () {
|
|
@@ -54,6 +54,12 @@
|
|
|
54
54
|
<p class="quiet">
|
|
55
55
|
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
|
|
56
56
|
</p>
|
|
57
|
+
<template id="filterTemplate">
|
|
58
|
+
<div class="quiet">
|
|
59
|
+
Filter:
|
|
60
|
+
<input oninput="onInput()" type="search" id="fileSearch">
|
|
61
|
+
</div>
|
|
62
|
+
</template>
|
|
57
63
|
</div>
|
|
58
64
|
<div class='status-line low'></div>
|
|
59
65
|
<pre><table class="coverage">
|
|
@@ -72,10 +78,9 @@ export default Tooltip;
|
|
|
72
78
|
</div><!-- /wrapper -->
|
|
73
79
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
74
80
|
Code coverage generated by
|
|
75
|
-
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
76
|
-
at
|
|
81
|
+
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
82
|
+
at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
|
|
77
83
|
</div>
|
|
78
|
-
</div>
|
|
79
84
|
<script src="../../prettify.js"></script>
|
|
80
85
|
<script>
|
|
81
86
|
window.onload = function () {
|
|
@@ -54,6 +54,12 @@
|
|
|
54
54
|
<p class="quiet">
|
|
55
55
|
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
|
|
56
56
|
</p>
|
|
57
|
+
<template id="filterTemplate">
|
|
58
|
+
<div class="quiet">
|
|
59
|
+
Filter:
|
|
60
|
+
<input oninput="onInput()" type="search" id="fileSearch">
|
|
61
|
+
</div>
|
|
62
|
+
</template>
|
|
57
63
|
</div>
|
|
58
64
|
<div class='status-line high'></div>
|
|
59
65
|
<pre><table class="coverage">
|
|
@@ -125,44 +131,36 @@
|
|
|
125
131
|
<a name='L66'></a><a href='#L66'>66</a>
|
|
126
132
|
<a name='L67'></a><a href='#L67'>67</a>
|
|
127
133
|
<a name='L68'></a><a href='#L68'>68</a>
|
|
128
|
-
<a name='L69'></a><a href='#L69'>69</a>
|
|
129
|
-
<a name='L70'></a><a href='#L70'>70</a>
|
|
130
|
-
<a name='L71'></a><a href='#L71'>71</a>
|
|
131
|
-
<a name='L72'></a><a href='#L72'>72</a>
|
|
132
|
-
<a name='L73'></a><a href='#L73'>73</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">3x</span>
|
|
134
|
+
<a name='L69'></a><a href='#L69'>69</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">3x</span>
|
|
133
135
|
<span class="cline-any cline-yes">3x</span>
|
|
134
136
|
<span class="cline-any cline-yes">3x</span>
|
|
135
137
|
<span class="cline-any cline-neutral"> </span>
|
|
136
138
|
<span class="cline-any cline-yes">3x</span>
|
|
137
|
-
<span class="cline-any cline-yes">
|
|
138
|
-
<span class="cline-any cline-neutral"> </span>
|
|
139
|
+
<span class="cline-any cline-yes">10x</span>
|
|
139
140
|
<span class="cline-any cline-neutral"> </span>
|
|
140
141
|
<span class="cline-any cline-neutral"> </span>
|
|
141
142
|
<span class="cline-any cline-neutral"> </span>
|
|
142
143
|
<span class="cline-any cline-neutral"> </span>
|
|
143
144
|
<span class="cline-any cline-neutral"> </span>
|
|
144
|
-
<span class="cline-any cline-yes">
|
|
145
|
+
<span class="cline-any cline-yes">10x</span>
|
|
145
146
|
<span class="cline-any cline-neutral"> </span>
|
|
146
147
|
<span class="cline-any cline-neutral"> </span>
|
|
147
148
|
<span class="cline-any cline-neutral"> </span>
|
|
148
149
|
<span class="cline-any cline-neutral"> </span>
|
|
149
150
|
<span class="cline-any cline-neutral"> </span>
|
|
150
151
|
<span class="cline-any cline-yes">3x</span>
|
|
151
|
-
<span class="cline-any cline-yes">
|
|
152
|
+
<span class="cline-any cline-yes">6x</span>
|
|
152
153
|
<span class="cline-any cline-yes">1x</span>
|
|
153
154
|
<span class="cline-any cline-neutral"> </span>
|
|
154
155
|
<span class="cline-any cline-neutral"> </span>
|
|
155
|
-
<span class="cline-any cline-yes">
|
|
156
|
-
<span class="cline-any cline-yes">
|
|
157
|
-
<span class="cline-any cline-yes">
|
|
158
|
-
<span class="cline-any cline-
|
|
159
|
-
<span class="cline-any cline-yes">4x</span>
|
|
160
|
-
<span class="cline-any cline-neutral"> </span>
|
|
161
|
-
<span class="cline-any cline-yes">4x</span>
|
|
162
|
-
<span class="cline-any cline-neutral"> </span>
|
|
163
|
-
<span class="cline-any cline-yes">4x</span>
|
|
156
|
+
<span class="cline-any cline-yes">5x</span>
|
|
157
|
+
<span class="cline-any cline-yes">5x</span>
|
|
158
|
+
<span class="cline-any cline-yes">5x</span>
|
|
159
|
+
<span class="cline-any cline-yes">5x</span>
|
|
164
160
|
<span class="cline-any cline-neutral"> </span>
|
|
161
|
+
<span class="cline-any cline-yes">5x</span>
|
|
165
162
|
<span class="cline-any cline-neutral"> </span>
|
|
163
|
+
<span class="cline-any cline-yes">5x</span>
|
|
166
164
|
<span class="cline-any cline-neutral"> </span>
|
|
167
165
|
<span class="cline-any cline-neutral"> </span>
|
|
168
166
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -181,19 +179,19 @@
|
|
|
181
179
|
<span class="cline-any cline-neutral"> </span>
|
|
182
180
|
<span class="cline-any cline-neutral"> </span>
|
|
183
181
|
<span class="cline-any cline-yes">3x</span>
|
|
184
|
-
<span class="cline-any cline-yes">
|
|
185
|
-
<span class="cline-any cline-yes">
|
|
182
|
+
<span class="cline-any cline-yes">5x</span>
|
|
183
|
+
<span class="cline-any cline-yes">5x</span>
|
|
186
184
|
<span class="cline-any cline-neutral"> </span>
|
|
187
185
|
<span class="cline-any cline-neutral"> </span>
|
|
188
186
|
<span class="cline-any cline-neutral"> </span>
|
|
189
187
|
<span class="cline-any cline-neutral"> </span>
|
|
190
|
-
<span class="cline-any cline-yes">
|
|
188
|
+
<span class="cline-any cline-yes">5x</span>
|
|
191
189
|
<span class="cline-any cline-neutral"> </span>
|
|
192
|
-
<span class="cline-any cline-yes">
|
|
190
|
+
<span class="cline-any cline-yes">5x</span>
|
|
193
191
|
<span class="cline-any cline-neutral"> </span>
|
|
194
192
|
<span class="cline-any cline-neutral"> </span>
|
|
195
193
|
<span class="cline-any cline-neutral"> </span>
|
|
196
|
-
<span class="cline-any cline-yes">
|
|
194
|
+
<span class="cline-any cline-yes">5x</span>
|
|
197
195
|
<span class="cline-any cline-neutral"> </span>
|
|
198
196
|
<span class="cline-any cline-neutral"> </span>
|
|
199
197
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -206,44 +204,40 @@ const TRIANGLE_SCALE_X = 6;
|
|
|
206
204
|
const TRIANGLE_SCALE_Y = 8;
|
|
207
205
|
|
|
208
206
|
const isDirectionUp = (triggerRect, tooltipRect) => {
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
};
|
|
207
|
+
const collisions = {
|
|
208
|
+
top: triggerRect.top - tooltipRect.height < 0,
|
|
209
|
+
bottom:
|
|
210
|
+
window.innerHeight < triggerRect.bottom + tooltipRect.height + OFFSET,
|
|
211
|
+
};
|
|
215
212
|
|
|
216
|
-
|
|
213
|
+
return !collisions.top || collisions.bottom;
|
|
217
214
|
};
|
|
218
215
|
|
|
219
216
|
// modified from @reach/tooltip default positioning function
|
|
220
217
|
// positions Tooltip relative to trigger
|
|
221
218
|
// https://github.com/reach/reach-ui/blob/master/packages/tooltip/src/index.tsx#L532
|
|
222
219
|
const positionTip = (triggerRect, tooltipRect) => {
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
220
|
+
if (!triggerRect || !tooltipRect) {
|
|
221
|
+
return {};
|
|
222
|
+
}
|
|
226
223
|
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
Math.min(Math.max(2, left), maxLeft) + window.pageXOffset;
|
|
224
|
+
const triggerCenter = triggerRect.left + triggerRect.width / 2;
|
|
225
|
+
const left = triggerCenter - tooltipRect.width / 2;
|
|
226
|
+
const maxLeft = window.innerWidth - tooltipRect.width - 2;
|
|
227
|
+
const centerLeft = Math.min(Math.max(2, left), maxLeft) + window.pageXOffset;
|
|
232
228
|
|
|
233
|
-
|
|
229
|
+
const directionUp = isDirectionUp(triggerRect, tooltipRect);
|
|
234
230
|
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
window.pageYOffset}px`
|
|
246
|
-
};
|
|
231
|
+
return {
|
|
232
|
+
left: `${centerLeft}px`,
|
|
233
|
+
top: directionUp
|
|
234
|
+
? `${
|
|
235
|
+
triggerRect.top - OFFSET - tooltipRect.height + window.pageYOffset
|
|
236
|
+
}px`
|
|
237
|
+
: `${
|
|
238
|
+
triggerRect.top + OFFSET + triggerRect.height + window.pageYOffset
|
|
239
|
+
}px`,
|
|
240
|
+
};
|
|
247
241
|
};
|
|
248
242
|
|
|
249
243
|
export default positionTip;
|
|
@@ -253,19 +247,19 @@ export default positionTip;
|
|
|
253
247
|
// rendering. This method causes an additional repaint after the Tooltip
|
|
254
248
|
// has been rendered. may require changes to @reach/tooltip.
|
|
255
249
|
export const positionTriangle = (triggerRect, tooltipRect) => {
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
250
|
+
const directionUp = isDirectionUp(triggerRect, tooltipRect);
|
|
251
|
+
const triangleTop = directionUp
|
|
252
|
+
? triggerRect.top + window.pageYOffset - OFFSET
|
|
253
|
+
: triggerRect.bottom + window.pageYOffset + OFFSET - TRIANGLE_SCALE_Y;
|
|
260
254
|
|
|
261
|
-
|
|
262
|
-
|
|
255
|
+
const triangleLeft =
|
|
256
|
+
triggerRect.left - TRIANGLE_SCALE_X + triggerRect.width / 2;
|
|
263
257
|
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
258
|
+
const triangleBorder = directionUp
|
|
259
|
+
? `border-top: ${TRIANGLE_SCALE_Y}px solid;`
|
|
260
|
+
: `border-bottom: ${TRIANGLE_SCALE_Y}px solid;`;
|
|
267
261
|
|
|
268
|
-
|
|
262
|
+
return `
|
|
269
263
|
border-left: ${TRIANGLE_SCALE_X}px solid transparent;
|
|
270
264
|
border-right: ${TRIANGLE_SCALE_X}px solid transparent;
|
|
271
265
|
left: ${triangleLeft}px;
|
|
@@ -279,10 +273,9 @@ export const positionTriangle = (triggerRect, tooltipRect) => {
|
|
|
279
273
|
</div><!-- /wrapper -->
|
|
280
274
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
281
275
|
Code coverage generated by
|
|
282
|
-
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
283
|
-
at
|
|
276
|
+
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
277
|
+
at Thu Feb 02 2023 11:23:00 GMT-0800 (Pacific Standard Time)
|
|
284
278
|
</div>
|
|
285
|
-
</div>
|
|
286
279
|
<script src="../../prettify.js"></script>
|
|
287
280
|
<script>
|
|
288
281
|
window.onload = function () {
|