@laerdal/life-react-components 1.8.0-dev.14.full → 1.8.0-dev.16
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/dist/Button/Iconbutton.cjs +6 -2
- package/dist/Button/Iconbutton.cjs.map +1 -1
- package/dist/Button/Iconbutton.d.ts +1 -0
- package/dist/Button/Iconbutton.js +6 -2
- package/dist/Button/Iconbutton.js.map +1 -1
- package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs +107 -176
- package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs.map +1 -1
- package/dist/GlobalNavigationBar/GlobalNavigationBar.d.ts +13 -27
- package/dist/GlobalNavigationBar/GlobalNavigationBar.js +106 -176
- package/dist/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
- package/dist/GlobalNavigationBar/Logo.cjs +3 -5
- package/dist/GlobalNavigationBar/Logo.cjs.map +1 -1
- package/dist/GlobalNavigationBar/Logo.js +1 -1
- package/dist/GlobalNavigationBar/Logo.js.map +1 -1
- package/dist/GlobalNavigationBar/NavigationHelper.cjs +38 -0
- package/dist/GlobalNavigationBar/NavigationHelper.cjs.map +1 -0
- package/dist/GlobalNavigationBar/NavigationHelper.d.ts +4 -0
- package/dist/GlobalNavigationBar/NavigationHelper.js +27 -0
- package/dist/GlobalNavigationBar/NavigationHelper.js.map +1 -0
- package/dist/GlobalNavigationBar/desktop/DesktopActions.cjs +127 -0
- package/dist/GlobalNavigationBar/desktop/DesktopActions.cjs.map +1 -0
- package/dist/GlobalNavigationBar/desktop/DesktopActions.d.ts +15 -0
- package/dist/GlobalNavigationBar/desktop/DesktopActions.js +98 -0
- package/dist/GlobalNavigationBar/desktop/DesktopActions.js.map +1 -0
- package/dist/GlobalNavigationBar/{ExtendedMainMenu.cjs → desktop/ExtendedMainMenu.cjs} +7 -9
- package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs.map +1 -0
- package/dist/GlobalNavigationBar/{ExtendedMainMenu.d.ts → desktop/ExtendedMainMenu.d.ts} +2 -2
- package/dist/GlobalNavigationBar/{ExtendedMainMenu.js → desktop/ExtendedMainMenu.js} +6 -6
- package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.js.map +1 -0
- package/dist/GlobalNavigationBar/{MainMenu.cjs → desktop/MainMenu.cjs} +17 -21
- package/dist/GlobalNavigationBar/desktop/MainMenu.cjs.map +1 -0
- package/dist/GlobalNavigationBar/desktop/MainMenu.d.ts +8 -0
- package/dist/GlobalNavigationBar/{MainMenu.js → desktop/MainMenu.js} +17 -21
- package/dist/GlobalNavigationBar/desktop/MainMenu.js.map +1 -0
- package/dist/GlobalNavigationBar/{RightSideNav.cjs → desktop/RightSideNav.cjs} +22 -26
- package/dist/GlobalNavigationBar/desktop/RightSideNav.cjs.map +1 -0
- package/dist/GlobalNavigationBar/desktop/RightSideNav.d.ts +8 -0
- package/dist/GlobalNavigationBar/desktop/RightSideNav.js +59 -0
- package/dist/GlobalNavigationBar/desktop/RightSideNav.js.map +1 -0
- package/dist/GlobalNavigationBar/desktop/UserMenu.cjs +204 -0
- package/dist/GlobalNavigationBar/desktop/UserMenu.cjs.map +1 -0
- package/dist/GlobalNavigationBar/desktop/UserMenu.d.ts +7 -0
- package/dist/GlobalNavigationBar/desktop/UserMenu.js +163 -0
- package/dist/GlobalNavigationBar/desktop/UserMenu.js.map +1 -0
- package/dist/GlobalNavigationBar/index.cjs +15 -18
- package/dist/GlobalNavigationBar/index.cjs.map +1 -1
- package/dist/GlobalNavigationBar/index.d.ts +2 -2
- package/dist/GlobalNavigationBar/index.js +2 -2
- package/dist/GlobalNavigationBar/index.js.map +1 -1
- package/dist/GlobalNavigationBar/mobile/CommonStyles.cjs +15 -21
- package/dist/GlobalNavigationBar/mobile/CommonStyles.cjs.map +1 -1
- package/dist/GlobalNavigationBar/mobile/CommonStyles.d.ts +3 -6
- package/dist/GlobalNavigationBar/mobile/CommonStyles.js +14 -15
- package/dist/GlobalNavigationBar/mobile/CommonStyles.js.map +1 -1
- package/dist/GlobalNavigationBar/mobile/MobileMenu.cjs +114 -221
- package/dist/GlobalNavigationBar/mobile/MobileMenu.cjs.map +1 -1
- package/dist/GlobalNavigationBar/mobile/MobileMenu.d.ts +6 -25
- package/dist/GlobalNavigationBar/mobile/MobileMenu.js +113 -216
- package/dist/GlobalNavigationBar/mobile/MobileMenu.js.map +1 -1
- package/dist/GlobalNavigationBar/mobile/MobileMenuContent.cjs +221 -0
- package/dist/GlobalNavigationBar/mobile/MobileMenuContent.cjs.map +1 -0
- package/dist/GlobalNavigationBar/mobile/MobileMenuContent.d.ts +11 -0
- package/dist/GlobalNavigationBar/mobile/MobileMenuContent.js +184 -0
- package/dist/GlobalNavigationBar/mobile/MobileMenuContent.js.map +1 -0
- package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.cjs +160 -0
- package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.cjs.map +1 -0
- package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.d.ts +12 -0
- package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.js +139 -0
- package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.js.map +1 -0
- package/dist/GlobalNavigationBar/types.cjs +6 -0
- package/dist/GlobalNavigationBar/types.cjs.map +1 -0
- package/dist/GlobalNavigationBar/types.d.ts +120 -0
- package/dist/GlobalNavigationBar/types.js +2 -0
- package/dist/GlobalNavigationBar/types.js.map +1 -0
- package/dist/InputFields/NumberField.cjs +16 -6
- package/dist/InputFields/NumberField.cjs.map +1 -1
- package/dist/InputFields/NumberField.js +17 -7
- package/dist/InputFields/NumberField.js.map +1 -1
- package/dist/MenuItem/MenuItem.cjs +16 -10
- package/dist/MenuItem/MenuItem.cjs.map +1 -1
- package/dist/MenuItem/MenuItem.d.ts +3 -3
- package/dist/MenuItem/MenuItem.js +14 -8
- package/dist/MenuItem/MenuItem.js.map +1 -1
- package/dist/ProfileButton/ProfileButton.cjs +105 -0
- package/dist/ProfileButton/ProfileButton.cjs.map +1 -0
- package/dist/ProfileButton/ProfileButton.d.ts +14 -0
- package/dist/ProfileButton/ProfileButton.js +79 -0
- package/dist/ProfileButton/ProfileButton.js.map +1 -0
- package/dist/ProfileButton/index.cjs +16 -0
- package/dist/ProfileButton/index.cjs.map +1 -0
- package/dist/ProfileButton/index.d.ts +1 -0
- package/dist/ProfileButton/index.js +2 -0
- package/dist/ProfileButton/index.js.map +1 -0
- package/dist/Switcher/MobileSwitcherMenu.cjs +24 -78
- package/dist/Switcher/MobileSwitcherMenu.cjs.map +1 -1
- package/dist/Switcher/MobileSwitcherMenu.d.ts +6 -5
- package/dist/Switcher/MobileSwitcherMenu.js +26 -70
- package/dist/Switcher/MobileSwitcherMenu.js.map +1 -1
- package/dist/Table/Table.cjs +22 -22
- package/dist/Table/Table.cjs.map +1 -1
- package/dist/Table/Table.js +22 -22
- package/dist/Table/Table.js.map +1 -1
- package/dist/common/StackState.cjs +47 -0
- package/dist/common/StackState.cjs.map +1 -0
- package/dist/common/StackState.d.ts +7 -0
- package/dist/common/StackState.js +30 -0
- package/dist/common/StackState.js.map +1 -0
- package/dist/hooks/useClickOutside.cjs +6 -2
- package/dist/hooks/useClickOutside.cjs.map +1 -1
- package/dist/hooks/useClickOutside.d.ts +1 -1
- package/dist/hooks/useClickOutside.js +6 -2
- package/dist/hooks/useClickOutside.js.map +1 -1
- package/dist/index.cjs +14 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/types.cjs.map +1 -1
- package/dist/types.d.ts +0 -32
- package/dist/types.js.map +1 -1
- package/package.json +10 -8
- package/dist/GlobalNavigationBar/Actions.cjs +0 -185
- package/dist/GlobalNavigationBar/Actions.cjs.map +0 -1
- package/dist/GlobalNavigationBar/Actions.d.ts +0 -13
- package/dist/GlobalNavigationBar/Actions.js +0 -160
- package/dist/GlobalNavigationBar/Actions.js.map +0 -1
- package/dist/GlobalNavigationBar/Avatar.cjs +0 -104
- package/dist/GlobalNavigationBar/Avatar.cjs.map +0 -1
- package/dist/GlobalNavigationBar/Avatar.d.ts +0 -15
- package/dist/GlobalNavigationBar/Avatar.js +0 -77
- package/dist/GlobalNavigationBar/Avatar.js.map +0 -1
- package/dist/GlobalNavigationBar/ExtendedMainMenu.cjs.map +0 -1
- package/dist/GlobalNavigationBar/ExtendedMainMenu.js.map +0 -1
- package/dist/GlobalNavigationBar/MainMenu.cjs.map +0 -1
- package/dist/GlobalNavigationBar/MainMenu.d.ts +0 -8
- package/dist/GlobalNavigationBar/MainMenu.js.map +0 -1
- package/dist/GlobalNavigationBar/RightSideNav.cjs.map +0 -1
- package/dist/GlobalNavigationBar/RightSideNav.d.ts +0 -8
- package/dist/GlobalNavigationBar/RightSideNav.js +0 -61
- package/dist/GlobalNavigationBar/RightSideNav.js.map +0 -1
- package/dist/GlobalNavigationBar/UserMenu/MenuLink.cjs +0 -112
- package/dist/GlobalNavigationBar/UserMenu/MenuLink.cjs.map +0 -1
- package/dist/GlobalNavigationBar/UserMenu/MenuLink.d.ts +0 -11
- package/dist/GlobalNavigationBar/UserMenu/MenuLink.js +0 -86
- package/dist/GlobalNavigationBar/UserMenu/MenuLink.js.map +0 -1
- package/dist/GlobalNavigationBar/UserMenu/MobileUserMenu.cjs +0 -178
- package/dist/GlobalNavigationBar/UserMenu/MobileUserMenu.cjs.map +0 -1
- package/dist/GlobalNavigationBar/UserMenu/MobileUserMenu.d.ts +0 -16
- package/dist/GlobalNavigationBar/UserMenu/MobileUserMenu.js +0 -146
- package/dist/GlobalNavigationBar/UserMenu/MobileUserMenu.js.map +0 -1
- package/dist/GlobalNavigationBar/UserMenu/UserMenu.cjs +0 -168
- package/dist/GlobalNavigationBar/UserMenu/UserMenu.cjs.map +0 -1
- package/dist/GlobalNavigationBar/UserMenu/UserMenu.d.ts +0 -15
- package/dist/GlobalNavigationBar/UserMenu/UserMenu.js +0 -135
- package/dist/GlobalNavigationBar/UserMenu/UserMenu.js.map +0 -1
- package/dist/GlobalNavigationBar/mobile/ExitMenuButton.cjs +0 -49
- package/dist/GlobalNavigationBar/mobile/ExitMenuButton.cjs.map +0 -1
- package/dist/GlobalNavigationBar/mobile/ExitMenuButton.d.ts +0 -6
- package/dist/GlobalNavigationBar/mobile/ExitMenuButton.js +0 -27
- package/dist/GlobalNavigationBar/mobile/ExitMenuButton.js.map +0 -1
- package/dist/GlobalNavigationBar/mobile/MobileActionMenu.cjs +0 -91
- package/dist/GlobalNavigationBar/mobile/MobileActionMenu.cjs.map +0 -1
- package/dist/GlobalNavigationBar/mobile/MobileActionMenu.d.ts +0 -13
- package/dist/GlobalNavigationBar/mobile/MobileActionMenu.js +0 -70
- package/dist/GlobalNavigationBar/mobile/MobileActionMenu.js.map +0 -1
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\nexport * from './AuthPage';\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';\nexport * from './Accordion';\nexport * from './Tooltips';\nexport * from './common';\nexport * from './QuizButton';\nexport * from './LinearProgress';\nexport * from './SegmentControl';\nexport * from './Card';\nexport * from './Tag';\nexport * from './Image';\nexport * from './ChipsInput';\nexport * from './Tile';\nexport {LaerdalLogo} from './assets';\n"],"file":"index.cjs"}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\nexport * from './AuthPage';\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';\nexport * from './Accordion';\nexport * from './Tooltips';\nexport * from './common';\nexport * from './QuizButton';\nexport * from './LinearProgress';\nexport * from './SegmentControl';\nexport * from './Card';\nexport * from './Tag';\nexport * from './Image';\nexport * from './ChipsInput';\nexport * from './Tile';\nexport * from './ProfileButton';\nexport {LaerdalLogo} from './assets';\n"],"file":"index.cjs"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"names":["LaerdalLogo"],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,uBAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,mBAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,QAAd;AACA,cAAc,OAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,SAAQA,WAAR,QAA0B,UAA1B","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\nexport * from './AuthPage';\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';\nexport * from './Accordion';\nexport * from './Tooltips';\nexport * from './common';\nexport * from './QuizButton';\nexport * from './LinearProgress';\nexport * from './SegmentControl';\nexport * from './Card';\nexport * from './Tag';\nexport * from './Image';\nexport * from './ChipsInput';\nexport * from './Tile';\nexport {LaerdalLogo} from './assets';\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":["LaerdalLogo"],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,uBAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,mBAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,QAAd;AACA,cAAc,OAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,iBAAd;AACA,SAAQA,WAAR,QAA0B,UAA1B","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\nexport * from './AuthPage';\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';\nexport * from './Accordion';\nexport * from './Tooltips';\nexport * from './common';\nexport * from './QuizButton';\nexport * from './LinearProgress';\nexport * from './SegmentControl';\nexport * from './Card';\nexport * from './Tag';\nexport * from './Image';\nexport * from './ChipsInput';\nexport * from './Tile';\nexport * from './ProfileButton';\nexport {LaerdalLogo} from './assets';\n"],"file":"index.js"}
|
package/dist/types.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/types.ts"],"names":["States","Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;IAOYA,M;;;WAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,sBAAAA,M;;IAMAC,I;;;WAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,oBAAAA,I;;
|
|
1
|
+
{"version":3,"sources":["../src/types.ts"],"names":["States","Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;IAOYA,M;;;WAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,sBAAAA,M;;IAMAC,I;;;WAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,oBAAAA,I;;IAQAC,U;;;WAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,0BAAAA,U;;IASAC,e;;;WAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;GAAAA,e,+BAAAA,e;;IAKAC,a;;;WAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;GAAAA,a,6BAAAA,a;;IASAC,mB;;;WAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;GAAAA,mB,mCAAAA,mB","sourcesContent":["export interface Product {\n id: string;\n name: string;\n type: string;\n image: string;\n}\n\nexport enum States {\n Default = 'default',\n Valid = 'valid',\n Invalid = 'invalid',\n}\n\nexport enum Size {\n XXSmall = 'xxsmall',\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n}\n\nexport enum ToastColor {\n BLACK,\n WHITE,\n BLUE,\n GREEN,\n ORANGE,\n RED,\n}\n\nexport enum ToastActionType {\n PRIMARY,\n SECONDARY,\n}\n\nexport enum ToastPosition {\n TOPLEFT,\n TOPMIDDLE,\n TOPRIGHT,\n BOTTOMLEFT,\n BOTTOMMIDDLE,\n BOTTOMRIGHT,\n}\n\nexport enum ToastEntryDirection {\n TOP,\n BOTTOM,\n LEFT,\n RIGHT,\n}\n\nexport interface SwitcherNavItem {\n label: string;\n url: string;\n disabled?: boolean;\n Icon?: any;\n as?: any;\n testId?: string;\n}\n\nexport interface NavLink {\n label: string;\n to: string;\n target?: string;\n}\n\nexport interface NavSection {\n header: string;\n links: NavLink[];\n}\n\nexport interface NavOptions {\n sections: NavSection[];\n}\n"],"file":"types.cjs"}
|
package/dist/types.d.ts
CHANGED
|
@@ -16,26 +16,6 @@ export declare enum Size {
|
|
|
16
16
|
Medium = "medium",
|
|
17
17
|
Large = "large"
|
|
18
18
|
}
|
|
19
|
-
export interface NavOption {
|
|
20
|
-
label: string;
|
|
21
|
-
to: string;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
exact?: boolean;
|
|
24
|
-
onClick?: () => void;
|
|
25
|
-
}
|
|
26
|
-
export interface NavButton {
|
|
27
|
-
label: string;
|
|
28
|
-
action: any;
|
|
29
|
-
disabled?: boolean;
|
|
30
|
-
}
|
|
31
|
-
export interface ActionOptions {
|
|
32
|
-
search?: () => void;
|
|
33
|
-
apps?: () => void;
|
|
34
|
-
language?: () => void;
|
|
35
|
-
notification?: () => void;
|
|
36
|
-
settings?: () => void;
|
|
37
|
-
user?: () => void;
|
|
38
|
-
}
|
|
39
19
|
export declare enum ToastColor {
|
|
40
20
|
BLACK = 0,
|
|
41
21
|
WHITE = 1,
|
|
@@ -70,18 +50,6 @@ export interface SwitcherNavItem {
|
|
|
70
50
|
as?: any;
|
|
71
51
|
testId?: string;
|
|
72
52
|
}
|
|
73
|
-
export interface UserMenuItem {
|
|
74
|
-
label: string;
|
|
75
|
-
to: string;
|
|
76
|
-
icon: any;
|
|
77
|
-
isExternal?: boolean;
|
|
78
|
-
onClick?: () => void;
|
|
79
|
-
}
|
|
80
|
-
export interface ListRowDropdownOption {
|
|
81
|
-
key?: string;
|
|
82
|
-
label: string;
|
|
83
|
-
action: any;
|
|
84
|
-
}
|
|
85
53
|
export interface NavLink {
|
|
86
54
|
label: string;
|
|
87
55
|
to: string;
|
package/dist/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/types.ts"],"names":["States","Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":"AAOA,WAAYA,MAAZ;;WAAYA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,KAAAA,M;;AAMZ,WAAYC,IAAZ;;WAAYA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,KAAAA,I;;
|
|
1
|
+
{"version":3,"sources":["../src/types.ts"],"names":["States","Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":"AAOA,WAAYA,MAAZ;;WAAYA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;AAAAA,EAAAA,M;GAAAA,M,KAAAA,M;;AAMZ,WAAYC,IAAZ;;WAAYA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,KAAAA,I;;AAQZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AASZ,WAAYC,eAAZ;;WAAYA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;GAAAA,e,KAAAA,e;;AAKZ,WAAYC,aAAZ;;WAAYA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;GAAAA,a,KAAAA,a;;AASZ,WAAYC,mBAAZ;;WAAYA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;GAAAA,mB,KAAAA,mB","sourcesContent":["export interface Product {\n id: string;\n name: string;\n type: string;\n image: string;\n}\n\nexport enum States {\n Default = 'default',\n Valid = 'valid',\n Invalid = 'invalid',\n}\n\nexport enum Size {\n XXSmall = 'xxsmall',\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n}\n\nexport enum ToastColor {\n BLACK,\n WHITE,\n BLUE,\n GREEN,\n ORANGE,\n RED,\n}\n\nexport enum ToastActionType {\n PRIMARY,\n SECONDARY,\n}\n\nexport enum ToastPosition {\n TOPLEFT,\n TOPMIDDLE,\n TOPRIGHT,\n BOTTOMLEFT,\n BOTTOMMIDDLE,\n BOTTOMRIGHT,\n}\n\nexport enum ToastEntryDirection {\n TOP,\n BOTTOM,\n LEFT,\n RIGHT,\n}\n\nexport interface SwitcherNavItem {\n label: string;\n url: string;\n disabled?: boolean;\n Icon?: any;\n as?: any;\n testId?: string;\n}\n\nexport interface NavLink {\n label: string;\n to: string;\n target?: string;\n}\n\nexport interface NavSection {\n header: string;\n links: NavLink[];\n}\n\nexport interface NavOptions {\n sections: NavSection[];\n}\n"],"file":"types.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@laerdal/life-react-components",
|
|
3
|
-
"version": "1.8.0-dev.
|
|
3
|
+
"version": "1.8.0-dev.16",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Thomas Kalve <thomas.kalve@laerdal.com>",
|
|
6
6
|
"contributors": [
|
|
@@ -64,6 +64,8 @@
|
|
|
64
64
|
"moment": "^2.29.1",
|
|
65
65
|
"react-datepicker": "^3.7.0",
|
|
66
66
|
"react-modal": "^3.11.2",
|
|
67
|
+
"react-responsive": "^9.0.0-beta.6",
|
|
68
|
+
"rooks": "^5.11.0",
|
|
67
69
|
"styled-components": "^5.1.1",
|
|
68
70
|
"typescript": "~4.3.5",
|
|
69
71
|
"react-inlinesvg": "^2.3.0",
|
|
@@ -71,16 +73,13 @@
|
|
|
71
73
|
},
|
|
72
74
|
"devDependencies": {
|
|
73
75
|
"@babel/cli": "^7.16.0",
|
|
74
|
-
"@babel/preset-env": "^7.16.5",
|
|
75
|
-
"@babel/preset-react": "^7.16.5",
|
|
76
|
-
"@babel/preset-typescript": "^7.16.5",
|
|
77
76
|
"@babel/plugin-proposal-class-properties": "^7.16.5",
|
|
77
|
+
"@babel/plugin-proposal-export-default-from": "^7.16.5",
|
|
78
78
|
"@babel/plugin-proposal-object-rest-spread": "^7.16.5",
|
|
79
79
|
"@babel/plugin-transform-runtime": "^7.16.5",
|
|
80
|
-
"@babel/
|
|
81
|
-
"babel-
|
|
82
|
-
"babel-
|
|
83
|
-
"regenerator-runtime": "^0.13.9",
|
|
80
|
+
"@babel/preset-env": "^7.16.5",
|
|
81
|
+
"@babel/preset-react": "^7.16.5",
|
|
82
|
+
"@babel/preset-typescript": "^7.16.5",
|
|
84
83
|
"@testing-library/jest-dom": "^5.14.1",
|
|
85
84
|
"@testing-library/react": "^11.2.2",
|
|
86
85
|
"@testing-library/user-event": "^7.1.2",
|
|
@@ -89,6 +88,8 @@
|
|
|
89
88
|
"@types/react-modal": "^3.10.6",
|
|
90
89
|
"@types/react-router-dom": "^5.1.5",
|
|
91
90
|
"@types/styled-components": "^5.1.0",
|
|
91
|
+
"babel-plugin-inline-react-svg": "^2.0.1",
|
|
92
|
+
"babel-plugin-typescript-to-proptypes": "^1.3.2",
|
|
92
93
|
"concurrently": "^5.2.0",
|
|
93
94
|
"cross-env": "^7.0.3",
|
|
94
95
|
"jest": "^26.6.3",
|
|
@@ -98,6 +99,7 @@
|
|
|
98
99
|
"react-dom": "^16.13.1",
|
|
99
100
|
"react-router": "^5.2.0",
|
|
100
101
|
"react-router-dom": "^5.2.0",
|
|
102
|
+
"regenerator-runtime": "^0.13.9",
|
|
101
103
|
"ts-jest": "^26.5.6"
|
|
102
104
|
},
|
|
103
105
|
"peerDependencies": {
|
|
@@ -1,185 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
13
|
-
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
|
-
var React = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
19
|
-
|
|
20
|
-
var _styles = require("../styles");
|
|
21
|
-
|
|
22
|
-
var _SystemIcons = require("../icons/systemicons/SystemIcons");
|
|
23
|
-
|
|
24
|
-
var _Avatar = _interopRequireWildcard(require("./Avatar"));
|
|
25
|
-
|
|
26
|
-
var _Button = require("../Button");
|
|
27
|
-
|
|
28
|
-
var _typography = require("../styles/typography");
|
|
29
|
-
|
|
30
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
31
|
-
|
|
32
|
-
var _templateObject, _templateObject2;
|
|
33
|
-
|
|
34
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
35
|
-
|
|
36
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
37
|
-
|
|
38
|
-
var MenuWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n display: flex;\n height: 48px;\n\n ", " {\n height: ", ";\n }\n ", " {\n height: ", ";\n }\n"])), _styles.COLORS.white, _styles.BREAKPOINTS.SMALL, function (props) {
|
|
39
|
-
return props.isInMobileMenu ? '48px' : '56px';
|
|
40
|
-
}, _styles.BREAKPOINTS.MEDIUM, function (props) {
|
|
41
|
-
return props.isInMobileMenu ? '48px' : '64px';
|
|
42
|
-
});
|
|
43
|
-
|
|
44
|
-
var HeaderItem = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n\n padding: 0;\n display: flex;\n align-items: center;\n text-align: center;\n position: relative;\n\n button {\n margin: 0;\n }\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n bottom: -1px;\n left: 20px;\n right: 20px;\n height: 3px;\n background-color: transparent;\n }\n"])), (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black));
|
|
45
|
-
|
|
46
|
-
var Actions = function Actions(_ref) {
|
|
47
|
-
var actions = _ref.actions,
|
|
48
|
-
firstName = _ref.firstName,
|
|
49
|
-
lastName = _ref.lastName,
|
|
50
|
-
hideOnLowWidth = _ref.hideOnLowWidth,
|
|
51
|
-
isInMobileMenu = _ref.isInMobileMenu,
|
|
52
|
-
setShowUserMenu = _ref.setShowUserMenu,
|
|
53
|
-
useUserMenu = _ref.useUserMenu;
|
|
54
|
-
var userRef = React.useRef(null);
|
|
55
|
-
|
|
56
|
-
var fireAction = function fireAction(action) {
|
|
57
|
-
var _ref$current;
|
|
58
|
-
|
|
59
|
-
var ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
60
|
-
ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.blur();
|
|
61
|
-
!!action && action();
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
var isPressingEnter = function isPressingEnter(e) {
|
|
65
|
-
if (e.key === 'Enter') {
|
|
66
|
-
e.preventDefault();
|
|
67
|
-
e.stopPropagation();
|
|
68
|
-
return true;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
return false;
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuWrapper, {
|
|
75
|
-
isInMobileMenu: isInMobileMenu,
|
|
76
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(HeaderItem, {
|
|
77
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
78
|
-
inMobileMenu: isInMobileMenu,
|
|
79
|
-
children: [(actions === null || actions === void 0 ? void 0 : actions.search) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
|
|
80
|
-
variant: 'secondary',
|
|
81
|
-
shape: 'circular',
|
|
82
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
83
|
-
isInMobileMenu: isInMobileMenu,
|
|
84
|
-
action: function action() {
|
|
85
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.search);
|
|
86
|
-
},
|
|
87
|
-
onKeyPress: function onKeyPress(e) {
|
|
88
|
-
return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.search) : null;
|
|
89
|
-
},
|
|
90
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.Search, {
|
|
91
|
-
size: "24px"
|
|
92
|
-
})
|
|
93
|
-
}), (actions === null || actions === void 0 ? void 0 : actions.notification) && !isInMobileMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
|
|
94
|
-
variant: 'secondary',
|
|
95
|
-
shape: 'circular',
|
|
96
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
97
|
-
isInMobileMenu: isInMobileMenu,
|
|
98
|
-
action: function action() {
|
|
99
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.notification);
|
|
100
|
-
},
|
|
101
|
-
onKeyPress: function onKeyPress(e) {
|
|
102
|
-
return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.notification) : null;
|
|
103
|
-
},
|
|
104
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.Notification, {
|
|
105
|
-
size: "24px"
|
|
106
|
-
})
|
|
107
|
-
}), (actions === null || actions === void 0 ? void 0 : actions.language) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
|
|
108
|
-
variant: 'secondary',
|
|
109
|
-
shape: 'circular',
|
|
110
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
111
|
-
isInMobileMenu: isInMobileMenu,
|
|
112
|
-
action: function action() {
|
|
113
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.language);
|
|
114
|
-
},
|
|
115
|
-
onKeyPress: function onKeyPress(e) {
|
|
116
|
-
return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.language) : null;
|
|
117
|
-
},
|
|
118
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.Language, {
|
|
119
|
-
size: "24px"
|
|
120
|
-
})
|
|
121
|
-
}), (actions === null || actions === void 0 ? void 0 : actions.settings) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
|
|
122
|
-
variant: 'secondary',
|
|
123
|
-
shape: 'circular',
|
|
124
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
125
|
-
isInMobileMenu: isInMobileMenu,
|
|
126
|
-
action: function action() {
|
|
127
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.settings);
|
|
128
|
-
},
|
|
129
|
-
onKeyPress: function onKeyPress(e) {
|
|
130
|
-
return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.settings) : null;
|
|
131
|
-
},
|
|
132
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.GearSettings, {
|
|
133
|
-
size: "24px"
|
|
134
|
-
})
|
|
135
|
-
}), firstName && lastName && !isInMobileMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.AvatarContainer, {
|
|
136
|
-
id: "avatarContainer",
|
|
137
|
-
"data-testid": "testAvatarContainer",
|
|
138
|
-
ref: userRef,
|
|
139
|
-
onClick: useUserMenu ? function () {
|
|
140
|
-
return setShowUserMenu(true);
|
|
141
|
-
} : function () {
|
|
142
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.user, userRef);
|
|
143
|
-
},
|
|
144
|
-
onKeyDown: function onKeyDown(e) {
|
|
145
|
-
return isPressingEnter(e) ? useUserMenu ? setShowUserMenu(true) : fireAction(actions === null || actions === void 0 ? void 0 : actions.user, userRef) : null;
|
|
146
|
-
},
|
|
147
|
-
inMobileMenu: isInMobileMenu,
|
|
148
|
-
hideOnLowWidth: hideOnLowWidth,
|
|
149
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
|
|
150
|
-
size: 36,
|
|
151
|
-
firstName: firstName,
|
|
152
|
-
lastName: lastName,
|
|
153
|
-
color: _styles.COLORS.primary_500,
|
|
154
|
-
profileMenuLink: "#TODO"
|
|
155
|
-
})
|
|
156
|
-
}), (actions === null || actions === void 0 ? void 0 : actions.apps) && !isInMobileMenu && window.innerWidth > 731 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
|
|
157
|
-
variant: 'secondary',
|
|
158
|
-
shape: 'circular',
|
|
159
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
160
|
-
isInMobileMenu: isInMobileMenu,
|
|
161
|
-
id: "globalNavAppsButton",
|
|
162
|
-
action: function action() {
|
|
163
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.apps);
|
|
164
|
-
},
|
|
165
|
-
onKeyPress: function onKeyPress(e) {
|
|
166
|
-
return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.apps) : null;
|
|
167
|
-
},
|
|
168
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.SwitchApp, {
|
|
169
|
-
size: "24px"
|
|
170
|
-
})
|
|
171
|
-
})]
|
|
172
|
-
})
|
|
173
|
-
});
|
|
174
|
-
};
|
|
175
|
-
|
|
176
|
-
Actions.propTypes = {
|
|
177
|
-
firstName: _propTypes.default.string,
|
|
178
|
-
lastName: _propTypes.default.string,
|
|
179
|
-
hideOnLowWidth: _propTypes.default.bool,
|
|
180
|
-
isInMobileMenu: _propTypes.default.bool,
|
|
181
|
-
setShowUserMenu: _propTypes.default.func.isRequired
|
|
182
|
-
};
|
|
183
|
-
var _default = Actions;
|
|
184
|
-
exports.default = _default;
|
|
185
|
-
//# sourceMappingURL=Actions.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/GlobalNavigationBar/Actions.tsx"],"names":["MenuWrapper","styled","div","COLORS","white","BREAKPOINTS","SMALL","props","isInMobileMenu","MEDIUM","HeaderItem","ComponentTextStyle","Regular","black","Actions","actions","firstName","lastName","hideOnLowWidth","setShowUserMenu","useUserMenu","userRef","React","useRef","fireAction","action","ref","undefined","current","blur","isPressingEnter","e","key","preventDefault","stopPropagation","search","notification","language","settings","user","primary_500","apps","window","innerWidth"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS, BREAKPOINTS } from '../styles';\nimport { Search, GearSettings, Notification, Language, SwitchApp } from '../icons/systemicons/SystemIcons';\nimport Avatar, { AvatarContainer } from './Avatar';\nimport { ActionOptions } from '../types';\nimport {IconButton} from '../Button';\nimport { ComponentMStyling, ComponentTextStyle } from '../styles/typography';\n\nconst MenuWrapper = styled.div<{ isInMobileMenu?: boolean }>`\n background-color: ${COLORS.white};\n display: flex;\n height: 48px;\n\n ${BREAKPOINTS.SMALL} {\n height: ${(props) => (props.isInMobileMenu ? '48px' : '56px')};\n }\n ${BREAKPOINTS.MEDIUM} {\n height: ${(props) => (props.isInMobileMenu ? '48px' : '64px')};\n }\n`;\ninterface HeaderItemProps {\n hideOnLowWidth: boolean;\n inMobileMenu?: boolean;\n}\n\nconst HeaderItem = styled.div<HeaderItemProps>`\n ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n\n padding: 0;\n display: flex;\n align-items: center;\n text-align: center;\n position: relative;\n\n button {\n margin: 0;\n }\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n bottom: -1px;\n left: 20px;\n right: 20px;\n height: 3px;\n background-color: transparent;\n }\n`;\n\ntype Props = {\n firstName?: string;\n lastName?: string;\n actions?: ActionOptions;\n hideOnLowWidth?: boolean;\n isInMobileMenu?: boolean;\n setShowUserMenu: (open: boolean) => void;\n useUserMenu: boolean | undefined;\n};\n\nconst Actions = ({ actions, firstName, lastName, hideOnLowWidth, isInMobileMenu, setShowUserMenu, useUserMenu }: Props): React.ReactElement<Props> => {\n const userRef = React.useRef(null);\n\n const fireAction = (action: (() => void) | undefined, ref: React.MutableRefObject<HTMLButtonElement | null> | undefined = undefined) => {\n ref?.current?.blur();\n !!action && action();\n }\n\n const isPressingEnter = (e: any) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n return true;\n }\n return false;\n };\n\n return (\n <MenuWrapper isInMobileMenu={isInMobileMenu}>\n <HeaderItem hideOnLowWidth={hideOnLowWidth || false} inMobileMenu={isInMobileMenu}>\n {actions?.search && (\n <IconButton\n variant={'secondary'}\n shape={'circular'}\n hideOnLowWidth={hideOnLowWidth || false}\n isInMobileMenu={isInMobileMenu}\n action={() => fireAction(actions?.search)}\n onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.search) : null)}>\n <Search size=\"24px\" />\n </IconButton>\n )}\n {actions?.notification && !isInMobileMenu && (\n <IconButton\n variant={'secondary'}\n shape={'circular'}\n hideOnLowWidth={hideOnLowWidth || false}\n isInMobileMenu={isInMobileMenu}\n action={() => fireAction(actions?.notification)}\n onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.notification) : null)}>\n <Notification size=\"24px\" />\n </IconButton>\n )}\n {actions?.language && (\n <IconButton\n variant={'secondary'}\n shape={'circular'}\n hideOnLowWidth={hideOnLowWidth || false}\n isInMobileMenu={isInMobileMenu}\n action={() => fireAction(actions?.language)}\n onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.language) : null)}>\n <Language size=\"24px\" />\n </IconButton>\n )}\n {actions?.settings && (\n <IconButton\n variant={'secondary'}\n shape={'circular'}\n hideOnLowWidth={hideOnLowWidth || false}\n isInMobileMenu={isInMobileMenu}\n action={() => fireAction(actions?.settings)}\n onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.settings) : null)}>\n <GearSettings size=\"24px\" />\n </IconButton>\n )}\n {firstName && lastName && !isInMobileMenu && (\n <AvatarContainer\n id=\"avatarContainer\"\n data-testid=\"testAvatarContainer\"\n ref={userRef}\n onClick={useUserMenu ? () => setShowUserMenu(true) : () => fireAction(actions?.user, userRef)}\n onKeyDown={(e: any) => (isPressingEnter(e) ? (useUserMenu ? setShowUserMenu(true) : fireAction(actions?.user, userRef)) : null)}\n inMobileMenu={isInMobileMenu}\n hideOnLowWidth={hideOnLowWidth}>\n <Avatar size={36} firstName={firstName} lastName={lastName} color={COLORS.primary_500} profileMenuLink=\"#TODO\" />\n </AvatarContainer>\n )}\n {actions?.apps && !isInMobileMenu && window.innerWidth > 731 && (\n <IconButton\n variant={'secondary'}\n shape={'circular'}\n hideOnLowWidth={hideOnLowWidth || false}\n isInMobileMenu={isInMobileMenu}\n id=\"globalNavAppsButton\"\n action={() => fireAction(actions?.apps)}\n onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.apps) : null)}>\n <SwitchApp size=\"24px\" />\n </IconButton>\n )}\n </HeaderItem>\n </MenuWrapper>\n );\n};\n\nexport default Actions;\n"],"file":"Actions.cjs"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ActionOptions } from '../types';
|
|
3
|
-
declare type Props = {
|
|
4
|
-
firstName?: string;
|
|
5
|
-
lastName?: string;
|
|
6
|
-
actions?: ActionOptions;
|
|
7
|
-
hideOnLowWidth?: boolean;
|
|
8
|
-
isInMobileMenu?: boolean;
|
|
9
|
-
setShowUserMenu: (open: boolean) => void;
|
|
10
|
-
useUserMenu: boolean | undefined;
|
|
11
|
-
};
|
|
12
|
-
declare const Actions: ({ actions, firstName, lastName, hideOnLowWidth, isInMobileMenu, setShowUserMenu, useUserMenu }: Props) => React.ReactElement<Props>;
|
|
13
|
-
export default Actions;
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
|
-
import _pt from "prop-types";
|
|
3
|
-
|
|
4
|
-
var _templateObject, _templateObject2;
|
|
5
|
-
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import styled from 'styled-components';
|
|
8
|
-
import { COLORS, BREAKPOINTS } from '../styles';
|
|
9
|
-
import { Search, GearSettings, Notification, Language, SwitchApp } from '../icons/systemicons/SystemIcons';
|
|
10
|
-
import Avatar, { AvatarContainer } from './Avatar';
|
|
11
|
-
import { IconButton } from '../Button';
|
|
12
|
-
import { ComponentMStyling, ComponentTextStyle } from '../styles/typography';
|
|
13
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
-
var MenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n display: flex;\n height: 48px;\n\n ", " {\n height: ", ";\n }\n ", " {\n height: ", ";\n }\n"])), COLORS.white, BREAKPOINTS.SMALL, function (props) {
|
|
16
|
-
return props.isInMobileMenu ? '48px' : '56px';
|
|
17
|
-
}, BREAKPOINTS.MEDIUM, function (props) {
|
|
18
|
-
return props.isInMobileMenu ? '48px' : '64px';
|
|
19
|
-
});
|
|
20
|
-
var HeaderItem = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n\n padding: 0;\n display: flex;\n align-items: center;\n text-align: center;\n position: relative;\n\n button {\n margin: 0;\n }\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n bottom: -1px;\n left: 20px;\n right: 20px;\n height: 3px;\n background-color: transparent;\n }\n"])), ComponentMStyling(ComponentTextStyle.Regular, COLORS.black));
|
|
21
|
-
|
|
22
|
-
var Actions = function Actions(_ref) {
|
|
23
|
-
var actions = _ref.actions,
|
|
24
|
-
firstName = _ref.firstName,
|
|
25
|
-
lastName = _ref.lastName,
|
|
26
|
-
hideOnLowWidth = _ref.hideOnLowWidth,
|
|
27
|
-
isInMobileMenu = _ref.isInMobileMenu,
|
|
28
|
-
setShowUserMenu = _ref.setShowUserMenu,
|
|
29
|
-
useUserMenu = _ref.useUserMenu;
|
|
30
|
-
var userRef = React.useRef(null);
|
|
31
|
-
|
|
32
|
-
var fireAction = function fireAction(action) {
|
|
33
|
-
var _ref$current;
|
|
34
|
-
|
|
35
|
-
var ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
36
|
-
ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.blur();
|
|
37
|
-
!!action && action();
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
var isPressingEnter = function isPressingEnter(e) {
|
|
41
|
-
if (e.key === 'Enter') {
|
|
42
|
-
e.preventDefault();
|
|
43
|
-
e.stopPropagation();
|
|
44
|
-
return true;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
return false;
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
return /*#__PURE__*/_jsx(MenuWrapper, {
|
|
51
|
-
isInMobileMenu: isInMobileMenu,
|
|
52
|
-
children: /*#__PURE__*/_jsxs(HeaderItem, {
|
|
53
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
54
|
-
inMobileMenu: isInMobileMenu,
|
|
55
|
-
children: [(actions === null || actions === void 0 ? void 0 : actions.search) && /*#__PURE__*/_jsx(IconButton, {
|
|
56
|
-
variant: 'secondary',
|
|
57
|
-
shape: 'circular',
|
|
58
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
59
|
-
isInMobileMenu: isInMobileMenu,
|
|
60
|
-
action: function action() {
|
|
61
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.search);
|
|
62
|
-
},
|
|
63
|
-
onKeyPress: function onKeyPress(e) {
|
|
64
|
-
return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.search) : null;
|
|
65
|
-
},
|
|
66
|
-
children: /*#__PURE__*/_jsx(Search, {
|
|
67
|
-
size: "24px"
|
|
68
|
-
})
|
|
69
|
-
}), (actions === null || actions === void 0 ? void 0 : actions.notification) && !isInMobileMenu && /*#__PURE__*/_jsx(IconButton, {
|
|
70
|
-
variant: 'secondary',
|
|
71
|
-
shape: 'circular',
|
|
72
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
73
|
-
isInMobileMenu: isInMobileMenu,
|
|
74
|
-
action: function action() {
|
|
75
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.notification);
|
|
76
|
-
},
|
|
77
|
-
onKeyPress: function onKeyPress(e) {
|
|
78
|
-
return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.notification) : null;
|
|
79
|
-
},
|
|
80
|
-
children: /*#__PURE__*/_jsx(Notification, {
|
|
81
|
-
size: "24px"
|
|
82
|
-
})
|
|
83
|
-
}), (actions === null || actions === void 0 ? void 0 : actions.language) && /*#__PURE__*/_jsx(IconButton, {
|
|
84
|
-
variant: 'secondary',
|
|
85
|
-
shape: 'circular',
|
|
86
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
87
|
-
isInMobileMenu: isInMobileMenu,
|
|
88
|
-
action: function action() {
|
|
89
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.language);
|
|
90
|
-
},
|
|
91
|
-
onKeyPress: function onKeyPress(e) {
|
|
92
|
-
return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.language) : null;
|
|
93
|
-
},
|
|
94
|
-
children: /*#__PURE__*/_jsx(Language, {
|
|
95
|
-
size: "24px"
|
|
96
|
-
})
|
|
97
|
-
}), (actions === null || actions === void 0 ? void 0 : actions.settings) && /*#__PURE__*/_jsx(IconButton, {
|
|
98
|
-
variant: 'secondary',
|
|
99
|
-
shape: 'circular',
|
|
100
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
101
|
-
isInMobileMenu: isInMobileMenu,
|
|
102
|
-
action: function action() {
|
|
103
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.settings);
|
|
104
|
-
},
|
|
105
|
-
onKeyPress: function onKeyPress(e) {
|
|
106
|
-
return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.settings) : null;
|
|
107
|
-
},
|
|
108
|
-
children: /*#__PURE__*/_jsx(GearSettings, {
|
|
109
|
-
size: "24px"
|
|
110
|
-
})
|
|
111
|
-
}), firstName && lastName && !isInMobileMenu && /*#__PURE__*/_jsx(AvatarContainer, {
|
|
112
|
-
id: "avatarContainer",
|
|
113
|
-
"data-testid": "testAvatarContainer",
|
|
114
|
-
ref: userRef,
|
|
115
|
-
onClick: useUserMenu ? function () {
|
|
116
|
-
return setShowUserMenu(true);
|
|
117
|
-
} : function () {
|
|
118
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.user, userRef);
|
|
119
|
-
},
|
|
120
|
-
onKeyDown: function onKeyDown(e) {
|
|
121
|
-
return isPressingEnter(e) ? useUserMenu ? setShowUserMenu(true) : fireAction(actions === null || actions === void 0 ? void 0 : actions.user, userRef) : null;
|
|
122
|
-
},
|
|
123
|
-
inMobileMenu: isInMobileMenu,
|
|
124
|
-
hideOnLowWidth: hideOnLowWidth,
|
|
125
|
-
children: /*#__PURE__*/_jsx(Avatar, {
|
|
126
|
-
size: 36,
|
|
127
|
-
firstName: firstName,
|
|
128
|
-
lastName: lastName,
|
|
129
|
-
color: COLORS.primary_500,
|
|
130
|
-
profileMenuLink: "#TODO"
|
|
131
|
-
})
|
|
132
|
-
}), (actions === null || actions === void 0 ? void 0 : actions.apps) && !isInMobileMenu && window.innerWidth > 731 && /*#__PURE__*/_jsx(IconButton, {
|
|
133
|
-
variant: 'secondary',
|
|
134
|
-
shape: 'circular',
|
|
135
|
-
hideOnLowWidth: hideOnLowWidth || false,
|
|
136
|
-
isInMobileMenu: isInMobileMenu,
|
|
137
|
-
id: "globalNavAppsButton",
|
|
138
|
-
action: function action() {
|
|
139
|
-
return fireAction(actions === null || actions === void 0 ? void 0 : actions.apps);
|
|
140
|
-
},
|
|
141
|
-
onKeyPress: function onKeyPress(e) {
|
|
142
|
-
return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.apps) : null;
|
|
143
|
-
},
|
|
144
|
-
children: /*#__PURE__*/_jsx(SwitchApp, {
|
|
145
|
-
size: "24px"
|
|
146
|
-
})
|
|
147
|
-
})]
|
|
148
|
-
})
|
|
149
|
-
});
|
|
150
|
-
};
|
|
151
|
-
|
|
152
|
-
Actions.propTypes = {
|
|
153
|
-
firstName: _pt.string,
|
|
154
|
-
lastName: _pt.string,
|
|
155
|
-
hideOnLowWidth: _pt.bool,
|
|
156
|
-
isInMobileMenu: _pt.bool,
|
|
157
|
-
setShowUserMenu: _pt.func.isRequired
|
|
158
|
-
};
|
|
159
|
-
export default Actions;
|
|
160
|
-
//# sourceMappingURL=Actions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/GlobalNavigationBar/Actions.tsx"],"names":["React","styled","COLORS","BREAKPOINTS","Search","GearSettings","Notification","Language","SwitchApp","Avatar","AvatarContainer","IconButton","ComponentMStyling","ComponentTextStyle","MenuWrapper","div","white","SMALL","props","isInMobileMenu","MEDIUM","HeaderItem","Regular","black","Actions","actions","firstName","lastName","hideOnLowWidth","setShowUserMenu","useUserMenu","userRef","useRef","fireAction","action","ref","undefined","current","blur","isPressingEnter","e","key","preventDefault","stopPropagation","search","notification","language","settings","user","primary_500","apps","window","innerWidth"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS, BREAKPOINTS } from '../styles';\nimport { Search, GearSettings, Notification, Language, SwitchApp } from '../icons/systemicons/SystemIcons';\nimport Avatar, { AvatarContainer } from './Avatar';\nimport { ActionOptions } from '../types';\nimport {IconButton} from '../Button';\nimport { ComponentMStyling, ComponentTextStyle } from '../styles/typography';\n\nconst MenuWrapper = styled.div<{ isInMobileMenu?: boolean }>`\n background-color: ${COLORS.white};\n display: flex;\n height: 48px;\n\n ${BREAKPOINTS.SMALL} {\n height: ${(props) => (props.isInMobileMenu ? '48px' : '56px')};\n }\n ${BREAKPOINTS.MEDIUM} {\n height: ${(props) => (props.isInMobileMenu ? '48px' : '64px')};\n }\n`;\ninterface HeaderItemProps {\n hideOnLowWidth: boolean;\n inMobileMenu?: boolean;\n}\n\nconst HeaderItem = styled.div<HeaderItemProps>`\n ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n\n padding: 0;\n display: flex;\n align-items: center;\n text-align: center;\n position: relative;\n\n button {\n margin: 0;\n }\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n bottom: -1px;\n left: 20px;\n right: 20px;\n height: 3px;\n background-color: transparent;\n }\n`;\n\ntype Props = {\n firstName?: string;\n lastName?: string;\n actions?: ActionOptions;\n hideOnLowWidth?: boolean;\n isInMobileMenu?: boolean;\n setShowUserMenu: (open: boolean) => void;\n useUserMenu: boolean | undefined;\n};\n\nconst Actions = ({ actions, firstName, lastName, hideOnLowWidth, isInMobileMenu, setShowUserMenu, useUserMenu }: Props): React.ReactElement<Props> => {\n const userRef = React.useRef(null);\n\n const fireAction = (action: (() => void) | undefined, ref: React.MutableRefObject<HTMLButtonElement | null> | undefined = undefined) => {\n ref?.current?.blur();\n !!action && action();\n }\n\n const isPressingEnter = (e: any) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n return true;\n }\n return false;\n };\n\n return (\n <MenuWrapper isInMobileMenu={isInMobileMenu}>\n <HeaderItem hideOnLowWidth={hideOnLowWidth || false} inMobileMenu={isInMobileMenu}>\n {actions?.search && (\n <IconButton\n variant={'secondary'}\n shape={'circular'}\n hideOnLowWidth={hideOnLowWidth || false}\n isInMobileMenu={isInMobileMenu}\n action={() => fireAction(actions?.search)}\n onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.search) : null)}>\n <Search size=\"24px\" />\n </IconButton>\n )}\n {actions?.notification && !isInMobileMenu && (\n <IconButton\n variant={'secondary'}\n shape={'circular'}\n hideOnLowWidth={hideOnLowWidth || false}\n isInMobileMenu={isInMobileMenu}\n action={() => fireAction(actions?.notification)}\n onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.notification) : null)}>\n <Notification size=\"24px\" />\n </IconButton>\n )}\n {actions?.language && (\n <IconButton\n variant={'secondary'}\n shape={'circular'}\n hideOnLowWidth={hideOnLowWidth || false}\n isInMobileMenu={isInMobileMenu}\n action={() => fireAction(actions?.language)}\n onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.language) : null)}>\n <Language size=\"24px\" />\n </IconButton>\n )}\n {actions?.settings && (\n <IconButton\n variant={'secondary'}\n shape={'circular'}\n hideOnLowWidth={hideOnLowWidth || false}\n isInMobileMenu={isInMobileMenu}\n action={() => fireAction(actions?.settings)}\n onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.settings) : null)}>\n <GearSettings size=\"24px\" />\n </IconButton>\n )}\n {firstName && lastName && !isInMobileMenu && (\n <AvatarContainer\n id=\"avatarContainer\"\n data-testid=\"testAvatarContainer\"\n ref={userRef}\n onClick={useUserMenu ? () => setShowUserMenu(true) : () => fireAction(actions?.user, userRef)}\n onKeyDown={(e: any) => (isPressingEnter(e) ? (useUserMenu ? setShowUserMenu(true) : fireAction(actions?.user, userRef)) : null)}\n inMobileMenu={isInMobileMenu}\n hideOnLowWidth={hideOnLowWidth}>\n <Avatar size={36} firstName={firstName} lastName={lastName} color={COLORS.primary_500} profileMenuLink=\"#TODO\" />\n </AvatarContainer>\n )}\n {actions?.apps && !isInMobileMenu && window.innerWidth > 731 && (\n <IconButton\n variant={'secondary'}\n shape={'circular'}\n hideOnLowWidth={hideOnLowWidth || false}\n isInMobileMenu={isInMobileMenu}\n id=\"globalNavAppsButton\"\n action={() => fireAction(actions?.apps)}\n onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.apps) : null)}>\n <SwitchApp size=\"24px\" />\n </IconButton>\n )}\n </HeaderItem>\n </MenuWrapper>\n );\n};\n\nexport default Actions;\n"],"file":"Actions.js"}
|