qpp-style 0.0.9 → 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/index.js +4 -4
- package/components/Button/index.js +17 -6
- 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 +49 -75
- package/components/Header/HeaderContainer.jsx +46 -34
- package/components/Header/HeaderLogo.jsx +40 -17
- package/components/Header/HeaderMenuButton.js +38 -12
- package/components/Header/HeaderMenuItem.jsx +204 -64
- package/components/Header/HeaderMenuLink.js +46 -10
- package/components/Header/HeaderMenuSignOutButton.js +46 -10
- package/components/Header/HeaderMobileButton.js +15 -6
- package/components/Header/HeaderUI.jsx +118 -117
- package/components/Header/HelpIcon.jsx +7 -5
- package/components/Header/ImpersonatorBanner.jsx +81 -0
- package/components/Header/header.js +2 -0
- package/components/Header/hooks.js +53 -1
- 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/Modal.jsx +53 -40
- package/components/Modal/index.jsx +11 -11
- 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 +9 -2
- package/components/SideNav/Chart/ScoreChart.jsx +1 -1
- 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 +145 -255
- package/components/SideNav/Content/LevelTwoContent.jsx +12 -10
- 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 +100 -17
- package/components/SideNav/Links/NavLinkInline.jsx +7 -2
- package/components/SideNav/SideNav.md +28 -27
- package/components/SideNav/UI/SideNavUI.jsx +122 -129
- 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 +103 -9
- package/coverage/clover.xml +1465 -41
- package/coverage/coverage-final.json +72 -1
- 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/{SideNav/Links/NavLinkContainer.jsx.html → Header/HeaderLogo.jsx.html} +78 -67
- package/coverage/lcov-report/components/{SideNav/Links/NavItemInline.jsx.html → Header/HeaderMenuButton.js.html} +71 -78
- package/coverage/lcov-report/components/{SideNav/Links/NavLinkDrawer.jsx.html → Header/HeaderMenuItem.jsx.html} +291 -268
- 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/{SideNav/Links/NavLinkToggle.jsx.html → Header/HeaderMobileButton.js.html} +64 -47
- 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/{HeaderUI.jsx.html → components/Modal/Modal.jsx.html} +169 -257
- 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 +401 -21
- 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 +67 -86
- 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} +102 -154
- package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +26 -21
- package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +11 -6
- package/coverage/lcov-report/react/components/Error/error.js.html +8 -3
- package/coverage/lcov-report/react/components/Error/index.html +11 -6
- package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +196 -194
- package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +9 -4
- 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 -37
- 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 +81 -154
- package/coverage/lcov-report/react/components/Header/HeaderCancel.jsx.html +15 -10
- package/coverage/lcov-report/react/components/Header/HeaderContainer.jsx.html +91 -50
- package/coverage/lcov-report/react/components/Header/HeaderLogo.jsx.html +105 -31
- package/coverage/lcov-report/react/components/Header/HeaderMenuButton.js.html +109 -26
- package/coverage/lcov-report/react/components/Header/HeaderMenuItem.jsx.html +510 -85
- package/coverage/lcov-report/react/components/Header/HeaderMenuLink.js.html +137 -24
- package/coverage/lcov-report/react/components/Header/HeaderMenuSignOutButton.js.html +134 -21
- package/coverage/lcov-report/react/components/Header/HeaderMobileButton.js.html +56 -24
- package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html +172 -179
- package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html +30 -19
- package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html +331 -0
- package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html +9 -4
- package/coverage/lcov-report/react/components/Header/header.js.html +15 -4
- package/coverage/lcov-report/react/components/Header/hooks.js.html +187 -26
- package/coverage/lcov-report/react/components/Header/index.html +157 -122
- 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 +12 -7
- package/coverage/lcov-report/react/components/{Tabs/tabs.js.html → Infotip/InfotipContent.jsx.html} +83 -48
- package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +12 -7
- 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/{components/SideNav/Links/CmsSwitchLink.jsx.html → react/components/NotificationBanner/CollapsedView.js.html} +52 -50
- 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 +56 -21
- 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 +12 -7
- 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 +80 -51
- package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html +38 -12
- package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html +18 -13
- package/coverage/lcov-report/react/components/SideNav/Chart/ScoreChart.jsx.html +67 -56
- package/coverage/lcov-report/react/components/SideNav/Chart/index.html +26 -21
- package/coverage/lcov-report/react/components/SideNav/Chart/index.js.html +9 -4
- package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html +189 -514
- package/coverage/lcov-report/react/components/SideNav/Content/LevelTwoContent.jsx.html +28 -17
- 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 +10 -5
- package/coverage/lcov-report/react/components/SideNav/Details/PracticeDetails.jsx.html +26 -9
- 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 +54 -64
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkDrawer.jsx.html +281 -27
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkInline.jsx.html +66 -46
- package/coverage/lcov-report/react/components/SideNav/Links/NavLinkToggle.jsx.html +8 -3
- 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 +165 -181
- 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 +967 -26
- 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 +20 -15
- 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 +22 -17
- 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 +221 -132
- package/coverage/lcov-report/react/lib/index.html +32 -27
- package/coverage/lcov-report/react/lib/svg-definitions.svg.html +8 -3
- 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 +122 -18
- package/coverage/lcov-report/react/session/refresh.js.html +12 -7
- package/coverage/lcov-report/react/session/ttl.js.html +9 -4
- 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 +3189 -46
- 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 +139 -132
- package/lib/Chevron.jsx +32 -0
- package/lib/SvgComponents.jsx +197 -49
- package/package.json +60 -78
- 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/_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 +1 -6
- 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 +77 -43
- package/styles/qppds/base/index.scss +3 -6
- package/styles/qppds/components/_alert.scss +101 -0
- package/styles/qppds/components/_breadcrumbs.scss +42 -10
- package/styles/qppds/components/_button.scss +38 -12
- 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 +5 -0
- package/styles/qppds/components/_footer.scss +606 -0
- package/styles/qppds/components/_gov-banner.scss +344 -0
- package/styles/{components → qppds/components}/_header.scss +460 -24
- package/styles/qppds/components/_link.scss +32 -9
- package/styles/qppds/components/_modal.scss +61 -21
- 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 +18 -0
- package/styles/{components → qppds/components}/sidebar/_links.scss +48 -1
- package/styles/qppds/components/sidebar/_select-role-dropdown.scss +21 -0
- package/styles/{components → qppds/components}/sidebar/_sidebar-animation.scss +4 -0
- package/styles/qppds/components/sidebar/_sidebar.scss +146 -0
- package/styles/qppds/settings/_functions.scss +3 -1
- package/styles/qppds/settings/mixins/_borders.scss +6 -0
- package/styles/qppds/settings/mixins/_focus.scss +7 -1
- package/styles/qppds/settings/mixins/_icons.scss +39 -4
- package/styles/qppds/settings/mixins/_index.scss +3 -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 +24 -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/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 +32 -40
- package/test/components/Infotip.test.js +18 -12
- package/test/components/SessionDialogUI.test.js +55 -70
- package/test-setup.js +0 -8
- package/webpack.config.js +29 -39
- package/webpack.config.react.js +7 -18
- package/.storybook/.babelrc +0 -4
- package/.storybook/main.js +0 -88
- package/.storybook/preview-head.html +0 -9
- package/.storybook/preview.js +0 -5
- package/Session.vim +0 -83
- package/components/Accordion/Accordion.stories.js +0 -20
- package/components/Breadcrumb/Breadcrumb.stories.js +0 -58
- package/components/Button/Button.stories.js +0 -125
- package/components/Footer/Footer.stories.js +0 -20
- 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 -50
- package/components/Modal/Modal.stories.js +0 -159
- package/components/NotificationBanner/NotificationBanner.stories.js +0 -22
- package/components/NotificationBanner/NotificationBannerUI.jsx +0 -282
- package/components/SideNav/SideNav.stories.js +0 -397
- 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 -80
- 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/Footer/LegacyFooterUI.jsx.html +0 -668
- 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_backup.scss +0 -574
- 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/test/components/__snapshots__/HeaderUI.test.js.snap +0 -3
- /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
- /package/styles/{components → qppds/components}/sidebar/project-specific/_wi.scss +0 -0
package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html
CHANGED
|
@@ -25,28 +25,28 @@
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
26
|
<span class="strong">100% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>5/5</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
<div class='fl pad1y space-right2'>
|
|
33
|
-
<span class="strong">
|
|
33
|
+
<span class="strong">66.66% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>
|
|
35
|
+
<span class='fraction'>4/6</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
<div class='fl pad1y space-right2'>
|
|
40
40
|
<span class="strong">100% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>
|
|
42
|
+
<span class='fraction'>2/2</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
47
|
<span class="strong">100% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>5/5</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -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">
|
|
@@ -77,11 +83,24 @@
|
|
|
77
83
|
<a name='L18'></a><a href='#L18'>18</a>
|
|
78
84
|
<a name='L19'></a><a href='#L19'>19</a>
|
|
79
85
|
<a name='L20'></a><a href='#L20'>20</a>
|
|
80
|
-
<a name='L21'></a><a href='#L21'>21</a
|
|
86
|
+
<a name='L21'></a><a href='#L21'>21</a>
|
|
87
|
+
<a name='L22'></a><a href='#L22'>22</a>
|
|
88
|
+
<a name='L23'></a><a href='#L23'>23</a>
|
|
89
|
+
<a name='L24'></a><a href='#L24'>24</a>
|
|
90
|
+
<a name='L25'></a><a href='#L25'>25</a>
|
|
91
|
+
<a name='L26'></a><a href='#L26'>26</a>
|
|
92
|
+
<a name='L27'></a><a href='#L27'>27</a>
|
|
93
|
+
<a name='L28'></a><a href='#L28'>28</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
81
94
|
<span class="cline-any cline-neutral"> </span>
|
|
82
95
|
<span class="cline-any cline-neutral"> </span>
|
|
83
96
|
<span class="cline-any cline-yes">2x</span>
|
|
84
|
-
<span class="cline-any cline-yes">
|
|
97
|
+
<span class="cline-any cline-yes">1x</span>
|
|
98
|
+
<span class="cline-any cline-neutral"> </span>
|
|
99
|
+
<span class="cline-any cline-neutral"> </span>
|
|
100
|
+
<span class="cline-any cline-yes">2x</span>
|
|
101
|
+
<span class="cline-any cline-yes">1x</span>
|
|
102
|
+
<span class="cline-any cline-neutral"> </span>
|
|
103
|
+
<span class="cline-any cline-neutral"> </span>
|
|
85
104
|
<span class="cline-any cline-neutral"> </span>
|
|
86
105
|
<span class="cline-any cline-neutral"> </span>
|
|
87
106
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -97,13 +116,20 @@
|
|
|
97
116
|
<span class="cline-any cline-neutral"> </span>
|
|
98
117
|
<span class="cline-any cline-neutral"> </span>
|
|
99
118
|
<span class="cline-any cline-neutral"> </span>
|
|
119
|
+
<span class="cline-any cline-neutral"> </span>
|
|
100
120
|
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
|
|
101
121
|
import PropTypes from 'prop-types';
|
|
102
122
|
|
|
103
|
-
const
|
|
123
|
+
const hasDarkerBackground = (darkerBackground) => {
|
|
124
|
+
return darkerBackground ? <span class="branch-0 cbranch-no" title="branch not covered" >'background-highlight' </span>: '';
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
const AnimationGroup = ({ display, className, children, darkerBackground }) => {
|
|
104
128
|
return (
|
|
105
129
|
<div
|
|
106
|
-
className={`animation-group animation-group-${className || 'default'}${
|
|
130
|
+
className={`animation-group animation-group-${className || 'default'}${
|
|
131
|
+
display ? ' animation-group-enter' : <span class="branch-1 cbranch-no" title="branch not covered" >' animation-group-exit'</span>
|
|
132
|
+
} ${hasDarkerBackground(darkerBackground)}`}
|
|
107
133
|
>
|
|
108
134
|
{children}
|
|
109
135
|
</div>
|
|
@@ -114,6 +140,7 @@ AnimationGroup.propTypes = {
|
|
|
114
140
|
children: PropTypes.node,
|
|
115
141
|
className: PropTypes.string,
|
|
116
142
|
display: PropTypes.bool,
|
|
143
|
+
darkerBackground: PropTypes.bool,
|
|
117
144
|
};
|
|
118
145
|
|
|
119
146
|
export default AnimationGroup;
|
|
@@ -123,10 +150,9 @@ export default AnimationGroup;
|
|
|
123
150
|
</div><!-- /wrapper -->
|
|
124
151
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
125
152
|
Code coverage generated by
|
|
126
|
-
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
127
|
-
at
|
|
153
|
+
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
154
|
+
at Mon Mar 06 2023 14:49:52 GMT-0800 (Pacific Standard Time)
|
|
128
155
|
</div>
|
|
129
|
-
</div>
|
|
130
156
|
<script src="../../../../prettify.js"></script>
|
|
131
157
|
<script>
|
|
132
158
|
window.onload = function () {
|
|
@@ -25,28 +25,28 @@
|
|
|
25
25
|
<div class='fl pad1y space-right2'>
|
|
26
26
|
<span class="strong">100% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>5/5</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
<div class='fl pad1y space-right2'>
|
|
33
|
-
<span class="strong">
|
|
33
|
+
<span class="strong">66.66% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>
|
|
35
|
+
<span class='fraction'>4/6</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
<div class='fl pad1y space-right2'>
|
|
40
40
|
<span class="strong">100% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>
|
|
42
|
+
<span class='fraction'>2/2</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
47
|
<span class="strong">100% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>5/5</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -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">
|
|
@@ -78,13 +84,13 @@
|
|
|
78
84
|
<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
|
|
79
85
|
</td>
|
|
80
86
|
<td data-value="100" class="pct high">100%</td>
|
|
81
|
-
<td data-value="
|
|
82
|
-
<td data-value="
|
|
83
|
-
<td data-value="
|
|
87
|
+
<td data-value="5" class="abs high">5/5</td>
|
|
88
|
+
<td data-value="66.66" class="pct medium">66.66%</td>
|
|
89
|
+
<td data-value="6" class="abs medium">4/6</td>
|
|
84
90
|
<td data-value="100" class="pct high">100%</td>
|
|
85
|
-
<td data-value="
|
|
91
|
+
<td data-value="2" class="abs high">2/2</td>
|
|
86
92
|
<td data-value="100" class="pct high">100%</td>
|
|
87
|
-
<td data-value="
|
|
93
|
+
<td data-value="5" class="abs high">5/5</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 Mon Mar 06 2023 14:49:52 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 () {
|
|
@@ -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">68.6% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>59/86</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
<div class='fl pad1y space-right2'>
|
|
33
|
-
<span class="strong">
|
|
33
|
+
<span class="strong">47.22% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>
|
|
35
|
+
<span class='fraction'>17/36</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
<div class='fl pad1y space-right2'>
|
|
40
|
-
<span class="strong">
|
|
40
|
+
<span class="strong">59.09% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>
|
|
42
|
+
<span class='fraction'>13/22</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">
|
|
47
|
+
<span class="strong">68.6% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>59/86</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -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 medium'></div>
|
|
59
65
|
<pre><table class="coverage">
|
|
@@ -325,7 +331,9 @@
|
|
|
325
331
|
<a name='L266'></a><a href='#L266'>266</a>
|
|
326
332
|
<a name='L267'></a><a href='#L267'>267</a>
|
|
327
333
|
<a name='L268'></a><a href='#L268'>268</a>
|
|
328
|
-
<a name='L269'></a><a href='#L269'>269</a
|
|
334
|
+
<a name='L269'></a><a href='#L269'>269</a>
|
|
335
|
+
<a name='L270'></a><a href='#L270'>270</a>
|
|
336
|
+
<a name='L271'></a><a href='#L271'>271</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
329
337
|
<span class="cline-any cline-neutral"> </span>
|
|
330
338
|
<span class="cline-any cline-neutral"> </span>
|
|
331
339
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -438,28 +446,28 @@
|
|
|
438
446
|
<span class="cline-any cline-neutral"> </span>
|
|
439
447
|
<span class="cline-any cline-neutral"> </span>
|
|
440
448
|
<span class="cline-any cline-neutral"> </span>
|
|
441
|
-
<span class="cline-any cline-
|
|
442
|
-
<span class="cline-any cline-
|
|
443
|
-
<span class="cline-any cline-
|
|
444
|
-
<span class="cline-any cline-
|
|
449
|
+
<span class="cline-any cline-yes">9x</span>
|
|
450
|
+
<span class="cline-any cline-yes">3x</span>
|
|
451
|
+
<span class="cline-any cline-yes">6x</span>
|
|
452
|
+
<span class="cline-any cline-yes">3x</span>
|
|
445
453
|
<span class="cline-any cline-neutral"> </span>
|
|
446
|
-
<span class="cline-any cline-
|
|
454
|
+
<span class="cline-any cline-yes">3x</span>
|
|
447
455
|
<span class="cline-any cline-neutral"> </span>
|
|
448
|
-
<span class="cline-any cline-
|
|
456
|
+
<span class="cline-any cline-yes">9x</span>
|
|
449
457
|
<span class="cline-any cline-neutral"> </span>
|
|
450
458
|
<span class="cline-any cline-neutral"> </span>
|
|
451
459
|
<span class="cline-any cline-neutral"> </span>
|
|
452
460
|
<span class="cline-any cline-neutral"> </span>
|
|
453
|
-
<span class="cline-any cline-
|
|
454
|
-
<span class="cline-any cline-
|
|
455
|
-
<span class="cline-any cline-
|
|
461
|
+
<span class="cline-any cline-yes">9x</span>
|
|
462
|
+
<span class="cline-any cline-yes">9x</span>
|
|
463
|
+
<span class="cline-any cline-yes">3x</span>
|
|
456
464
|
<span class="cline-any cline-neutral"> </span>
|
|
457
|
-
<span class="cline-any cline-
|
|
465
|
+
<span class="cline-any cline-yes">9x</span>
|
|
458
466
|
<span class="cline-any cline-neutral"> </span>
|
|
459
467
|
<span class="cline-any cline-neutral"> </span>
|
|
460
468
|
<span class="cline-any cline-neutral"> </span>
|
|
461
|
-
<span class="cline-any cline-
|
|
462
|
-
<span class="cline-any cline-
|
|
469
|
+
<span class="cline-any cline-yes">9x</span>
|
|
470
|
+
<span class="cline-any cline-yes">3x</span>
|
|
463
471
|
<span class="cline-any cline-neutral"> </span>
|
|
464
472
|
<span class="cline-any cline-neutral"> </span>
|
|
465
473
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -478,9 +486,10 @@
|
|
|
478
486
|
<span class="cline-any cline-neutral"> </span>
|
|
479
487
|
<span class="cline-any cline-neutral"> </span>
|
|
480
488
|
<span class="cline-any cline-yes">1x</span>
|
|
481
|
-
<span class="cline-any cline-
|
|
482
|
-
<span class="cline-any cline-
|
|
483
|
-
<span class="cline-any cline-
|
|
489
|
+
<span class="cline-any cline-yes">9x</span>
|
|
490
|
+
<span class="cline-any cline-neutral"> </span>
|
|
491
|
+
<span class="cline-any cline-yes">3x</span>
|
|
492
|
+
<span class="cline-any cline-yes">3x</span>
|
|
484
493
|
<span class="cline-any cline-neutral"> </span>
|
|
485
494
|
<span class="cline-any cline-neutral"> </span>
|
|
486
495
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -489,6 +498,7 @@
|
|
|
489
498
|
<span class="cline-any cline-neutral"> </span>
|
|
490
499
|
<span class="cline-any cline-neutral"> </span>
|
|
491
500
|
<span class="cline-any cline-neutral"> </span>
|
|
501
|
+
<span class="cline-any cline-neutral"> </span>
|
|
492
502
|
<span class="cline-any cline-no"> </span>
|
|
493
503
|
<span class="cline-any cline-no"> </span>
|
|
494
504
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -648,12 +658,12 @@ const ScoreChart = ({ performanceYear, chartData, linkCallback }) => {
|
|
|
648
658
|
const scorePie = pie().sort(null);
|
|
649
659
|
|
|
650
660
|
// Removing invalid categories
|
|
651
|
-
const
|
|
661
|
+
const validCategories = chartData.categories.filter(
|
|
652
662
|
({ maxContribution }) => !!maxContribution
|
|
653
663
|
);
|
|
654
664
|
|
|
655
665
|
// Calculating the sum of valid categories in order to calculate ratios
|
|
656
|
-
const categorySum =
|
|
666
|
+
const categorySum = validCategories
|
|
657
667
|
.map(({ maxContribution }) => maxContribution)
|
|
658
668
|
.reduce((sum, current) => sum + current);
|
|
659
669
|
|
|
@@ -673,13 +683,13 @@ const ScoreChart = ({ performanceYear, chartData, linkCallback }) => {
|
|
|
673
683
|
|
|
674
684
|
// Preparing the data structure with ratios: [ FILLED, EMPTY, TRANSPARENT, FILLED, EMPTY, ... ]
|
|
675
685
|
let data;
|
|
676
|
-
<span class="missing-if-branch" title="if path not taken" >I</span>if (
|
|
686
|
+
<span class="missing-if-branch" title="if path not taken" >I</span>if (validCategories.length === 0) {
|
|
677
687
|
<span class="cstat-no" title="statement not covered" > data = [];</span>
|
|
678
|
-
} else <span class="missing-if-branch" title="if path not taken" >I</span>if (
|
|
679
|
-
const { value, maxContribution } = <span class="cstat-no" title="statement not covered" >
|
|
688
|
+
} else <span class="missing-if-branch" title="if path not taken" >I</span>if (validCategories.length === 1) {
|
|
689
|
+
const { value, maxContribution } = <span class="cstat-no" title="statement not covered" >validCategories[0];</span>
|
|
680
690
|
<span class="cstat-no" title="statement not covered" > data = [value || 0, maxContribution - value];</span>
|
|
681
691
|
} else {
|
|
682
|
-
data =
|
|
692
|
+
data = validCategories
|
|
683
693
|
.map(({ value, maxContribution }) => [
|
|
684
694
|
value || <span class="branch-1 cbranch-no" title="branch not covered" >0,</span>
|
|
685
695
|
maxContribution - value,
|
|
@@ -704,51 +714,52 @@ const ScoreChart = ({ performanceYear, chartData, linkCallback }) => {
|
|
|
704
714
|
.data(scorePie(data))
|
|
705
715
|
.enter()
|
|
706
716
|
.append('g')
|
|
707
|
-
.attr('class',
|
|
717
|
+
.attr('class', (d, i) => {
|
|
708
718
|
let role;
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
} else
|
|
712
|
-
|
|
719
|
+
if (i % 3 === 0) {
|
|
720
|
+
role = 'filled';
|
|
721
|
+
} else if (i % 3 === 1) {
|
|
722
|
+
role = 'empty';
|
|
713
723
|
} else {
|
|
714
|
-
|
|
724
|
+
role = 'transparent';
|
|
715
725
|
}
|
|
716
|
-
|
|
726
|
+
return `arc ${validCategories[parseInt(i / 3)].name} ${role}`;
|
|
717
727
|
})
|
|
718
728
|
.attr('transform', `translate(${RADIUS}, ${RADIUS})`)
|
|
719
729
|
// For accessibility, we add keyboard access to the filled slices
|
|
720
|
-
.attr('tabindex',
|
|
721
|
-
let tabindex =
|
|
722
|
-
|
|
723
|
-
|
|
730
|
+
.attr('tabindex', (d, i) => {
|
|
731
|
+
let tabindex = -1;
|
|
732
|
+
if (i % 3 === 0) {
|
|
733
|
+
tabindex = 0;
|
|
724
734
|
}
|
|
725
|
-
|
|
735
|
+
return tabindex;
|
|
726
736
|
})
|
|
727
737
|
// IE for for focusable svg elements
|
|
728
|
-
.attr('focusable',
|
|
729
|
-
|
|
730
|
-
|
|
738
|
+
.attr('focusable', (d, i) => {
|
|
739
|
+
if (i % 3 === 0) {
|
|
740
|
+
return true;
|
|
731
741
|
}
|
|
732
742
|
})
|
|
733
743
|
// For accessibility, we add keyboard access to the filled slices
|
|
734
744
|
.on('keyup', <span class="fstat-no" title="function not covered" >(d</span>, i) => {
|
|
735
745
|
const code = <span class="cstat-no" title="statement not covered" >event.keyCode || event.which;</span>
|
|
736
746
|
<span class="cstat-no" title="statement not covered" > if (code === 13) {</span>
|
|
737
|
-
const { name, link } = <span class="cstat-no" title="statement not covered" >
|
|
747
|
+
const { name, link } = <span class="cstat-no" title="statement not covered" >validCategories[parseInt(i / 3)];</span>
|
|
738
748
|
<span class="cstat-no" title="statement not covered" > redirectToCategory(link, name);</span>
|
|
739
749
|
}
|
|
740
750
|
})
|
|
741
751
|
// On click - go to category page
|
|
742
752
|
.on('click', <span class="fstat-no" title="function not covered" >(d</span>, i) => {
|
|
743
|
-
const { name, link } = <span class="cstat-no" title="statement not covered" >
|
|
753
|
+
const { name, link } = <span class="cstat-no" title="statement not covered" >validCategories[parseInt(i / 3)];</span>
|
|
744
754
|
<span class="cstat-no" title="statement not covered" > redirectToCategory(link, name);</span>
|
|
745
755
|
});
|
|
746
756
|
|
|
747
757
|
// Add accessibility description
|
|
748
|
-
arcs.append('desc').text(
|
|
749
|
-
|
|
750
|
-
const { name, value, maxContribution } =
|
|
751
|
-
|
|
758
|
+
arcs.append('desc').text((d, i) => {
|
|
759
|
+
if (i % 3 === 0) {
|
|
760
|
+
const { name, value, maxContribution } =
|
|
761
|
+
validCategories[parseInt(i / 3)];
|
|
762
|
+
return `${titleMapping[name]} ${value} out of ${maxContribution}`;
|
|
752
763
|
}
|
|
753
764
|
});
|
|
754
765
|
|
|
@@ -757,7 +768,8 @@ const ScoreChart = ({ performanceYear, chartData, linkCallback }) => {
|
|
|
757
768
|
.attr('d', chartArc)
|
|
758
769
|
// On mouse over - show category tooltip
|
|
759
770
|
.on('mouseover', <span class="fstat-no" title="function not covered" >(d</span>, i) => {
|
|
760
|
-
const { name, value, maxContribution } =
|
|
771
|
+
const { name, value, maxContribution } =
|
|
772
|
+
<span class="cstat-no" title="statement not covered" > validCategories[parseInt(i / 3)];</span>
|
|
761
773
|
<span class="cstat-no" title="statement not covered" > select('.chart-tooltip')</span>
|
|
762
774
|
.style('opacity', 1)
|
|
763
775
|
.text(`${titleMapping[name]} ${value}/${maxContribution}`);
|
|
@@ -860,17 +872,16 @@ ScoreChart.propTypes = {
|
|
|
860
872
|
performanceYear: PropTypes.number,
|
|
861
873
|
};
|
|
862
874
|
|
|
863
|
-
export default ScoreChart
|
|
875
|
+
export default ScoreChart;
|
|
864
876
|
</pre></td></tr></table></pre>
|
|
865
877
|
|
|
866
878
|
<div class='push'></div><!-- for sticky footer -->
|
|
867
879
|
</div><!-- /wrapper -->
|
|
868
880
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
869
881
|
Code coverage generated by
|
|
870
|
-
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
871
|
-
at
|
|
882
|
+
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
883
|
+
at Mon Mar 06 2023 14:49:52 GMT-0800 (Pacific Standard Time)
|
|
872
884
|
</div>
|
|
873
|
-
</div>
|
|
874
885
|
<script src="../../../../prettify.js"></script>
|
|
875
886
|
<script>
|
|
876
887
|
window.onload = function () {
|
|
@@ -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">68.6% </span>
|
|
27
27
|
<span class="quiet">Statements</span>
|
|
28
|
-
<span class='fraction'>
|
|
28
|
+
<span class='fraction'>59/86</span>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
<div class='fl pad1y space-right2'>
|
|
33
|
-
<span class="strong">
|
|
33
|
+
<span class="strong">47.22% </span>
|
|
34
34
|
<span class="quiet">Branches</span>
|
|
35
|
-
<span class='fraction'>
|
|
35
|
+
<span class='fraction'>17/36</span>
|
|
36
36
|
</div>
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
<div class='fl pad1y space-right2'>
|
|
40
|
-
<span class="strong">
|
|
40
|
+
<span class="strong">59.09% </span>
|
|
41
41
|
<span class="quiet">Functions</span>
|
|
42
|
-
<span class='fraction'>
|
|
42
|
+
<span class='fraction'>13/22</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
<div class='fl pad1y space-right2'>
|
|
47
|
-
<span class="strong">
|
|
47
|
+
<span class="strong">68.6% </span>
|
|
48
48
|
<span class="quiet">Lines</span>
|
|
49
|
-
<span class='fraction'>
|
|
49
|
+
<span class='fraction'>59/86</span>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
|
|
@@ -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 medium'></div>
|
|
59
65
|
<div class="pad1">
|
|
@@ -74,17 +80,17 @@
|
|
|
74
80
|
</thead>
|
|
75
81
|
<tbody><tr>
|
|
76
82
|
<td class="file medium" data-value="ScoreChart.jsx"><a href="ScoreChart.jsx.html">ScoreChart.jsx</a></td>
|
|
77
|
-
<td data-value="
|
|
78
|
-
<div class="chart"><div class="cover-fill" style="width:
|
|
83
|
+
<td data-value="68.6" class="pic medium">
|
|
84
|
+
<div class="chart"><div class="cover-fill" style="width: 68%"></div><div class="cover-empty" style="width: 32%"></div></div>
|
|
79
85
|
</td>
|
|
80
|
-
<td data-value="
|
|
81
|
-
<td data-value="86" class="abs medium">
|
|
82
|
-
<td data-value="
|
|
83
|
-
<td data-value="36" class="abs low">
|
|
84
|
-
<td data-value="
|
|
85
|
-
<td data-value="22" class="abs
|
|
86
|
-
<td data-value="
|
|
87
|
-
<td data-value="86" class="abs medium">
|
|
86
|
+
<td data-value="68.6" class="pct medium">68.6%</td>
|
|
87
|
+
<td data-value="86" class="abs medium">59/86</td>
|
|
88
|
+
<td data-value="47.22" class="pct low">47.22%</td>
|
|
89
|
+
<td data-value="36" class="abs low">17/36</td>
|
|
90
|
+
<td data-value="59.09" class="pct medium">59.09%</td>
|
|
91
|
+
<td data-value="22" class="abs medium">13/22</td>
|
|
92
|
+
<td data-value="68.6" class="pct medium">68.6%</td>
|
|
93
|
+
<td data-value="86" class="abs medium">59/86</td>
|
|
88
94
|
</tr>
|
|
89
95
|
|
|
90
96
|
<tr>
|
|
@@ -109,10 +115,9 @@
|
|
|
109
115
|
</div><!-- /wrapper -->
|
|
110
116
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
111
117
|
Code coverage generated by
|
|
112
|
-
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
113
|
-
at
|
|
118
|
+
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
119
|
+
at Mon Mar 06 2023 14:49:52 GMT-0800 (Pacific Standard Time)
|
|
114
120
|
</div>
|
|
115
|
-
</div>
|
|
116
121
|
<script src="../../../../prettify.js"></script>
|
|
117
122
|
<script>
|
|
118
123
|
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">
|
|
@@ -65,17 +71,16 @@
|
|
|
65
71
|
<span class="cline-any cline-neutral"> </span>
|
|
66
72
|
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import ScoreChart from './ScoreChart';
|
|
67
73
|
|
|
68
|
-
export
|
|
74
|
+
export default ScoreChart;
|
|
69
75
|
</pre></td></tr></table></pre>
|
|
70
76
|
|
|
71
77
|
<div class='push'></div><!-- for sticky footer -->
|
|
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 Mon Mar 06 2023 14:49:52 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 () {
|