@laerdal/life-react-components 5.0.7-dev.6 → 5.0.8-dev.1

package/dist/GlobalNavigationBar/desktop/SubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.js","names":["React","styled","Menu","MenuSection","MenuSectionList","Size","SystemIcons","checkIfContainsItem","Tabs","TabLink","MenuItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SubMenuWrapper","div","_templateObject","_taggedTemplateLiteral","props","$topLevel","$visible","SubMenu","forwardRef","_ref","ref","item","index","topLevel","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","_React$useState","useState","_React$useState2","_slicedToArray","forceUpdate","focusedRef","useRef","_React$useState3","_React$useState4","allRefs","setAllRefs","_React$useState5","_React$useState6","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","_toConsumableArray","filter","containActiveItem","onMouseEnter","existingRefForId","concat","onKeyDown","e","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","_allRefs$focusedRef$c","click","_oldFocusedElement$cu","newFocusedElement","oldFocusedElement","classList","remove","_newFocusedElement$cu","_item$items$index$id","add","console","log","onFocus","onBlur","className","Boolean","children","role","tabIndex","size","Medium","entry","_entry$label2","isGroup","to","SubItemOpened","_entry$items$find$id","_entry$items$find","_entry$label","style","position","value","label","iconRight","ArrowDropRight","active","onClickHandler","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_pt","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\r\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\r\nimport { Size } from '../../types';\r\nimport { SystemIcons } from '../../icons';\r\nimport { checkIfContainsItem } from '../utils';\r\nimport Tabs from '../../Tabs/Tabs';\r\nimport TabLink from '../../Tabs/TabLink';\r\nimport { MenuItem } from '../../MenuItem';\r\n\r\nexport type SubMenuProps = {\r\n  item: MenuNavigationItemTypeDesktopGroup;\r\n  index: number;\r\n  topLevel: boolean;\r\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\r\n  onSubMenuOpened?: (item: string) => void;\r\n  onSubMenuHidden?: (item: string) => void;\r\n  onItemStateChanged?: (item: string, state: boolean) => void;\r\n  onItemFocused?: (item: string) => void;\r\n  focusedItemId?: string;\r\n  activeItemId?: string;\r\n  nestPath?: string[];\r\n  ariaLabelledBy?: string;\r\n};\r\n\r\nexport const SubMenuWrapper = styled.div<{ $topLevel: boolean; $visible: boolean }>`\r\n  ${Menu} {\r\n    top: ${(props) => (props.$topLevel ? '100%' : '0px')};\r\n    left: ${(props) => (props.$topLevel ? '0px' : 'calc(100% - 12px)')};\r\n  }\r\n\r\n  ${(props) => (!props.$visible ? 'display: none;' : '')}\r\n\r\n  button {\r\n    padding-left: 0px;\r\n  }\r\n`;\r\n\r\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\r\n  item,\r\n  index,\r\n  topLevel,\r\n  dropdownMenusOpenedArray,\r\n  onSubMenuHidden,\r\n  onSubMenuOpened,\r\n  onItemStateChanged,\r\n  focusedItemId,\r\n  activeItemId,\r\n  nestPath,\r\n  ariaLabelledBy,\r\n  onItemFocused\r\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\r\n  const [, forceUpdate] = React.useState({});\r\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\r\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\r\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\r\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\r\n  }, [item]);\r\n\r\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\r\n  const onMouseLeave = (event: any, id: string) => {\r\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\r\n    //just trigger rerendering\r\n    onSubMenuHidden && onSubMenuHidden(id);\r\n    forceUpdate({});\r\n  };\r\n  let containActiveItem = false;\r\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\r\n\r\n  const onMouseEnter = (event: any, id: string) => {\r\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\r\n    if (existingRefForId == null) {\r\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\r\n      //just trigger rerendering\r\n      onSubMenuOpened && onSubMenuOpened(id);\r\n      forceUpdate({});\r\n    }\r\n  };\r\n\r\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\r\n    \r\n    if (e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if (focusedRef.current.index > 0) {\r\n        setNewFocusedElement(focusedRef.current.index - 1);\r\n      }\r\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n      if(focusedRef.current.index < allRefs.length - 1)\r\n      setNewFocusedElement(focusedRef.current.index + 1);\r\n    } \r\n     else\r\n    if (e.key == 'Enter' || e.code == 'Space') {\r\n      e.stopPropagation();\r\n      if(focusedRef.current.index < 0)\r\n        return;\r\n      \r\n      const focusedItem = item.items[focusedRef.current.index];\r\n      if(focusedItem.type == 'desktopgroup')\r\n      {\r\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\r\n        forceUpdate({});\r\n      }\r\n      else\r\n      {\r\n        allRefs[focusedRef.current.index].current?.click();\r\n        forceUpdate({});\r\n      }\r\n\r\n      //just trigger rerendering\r\n      \r\n    }\r\n  };\r\n\r\n  const setNewFocusedElement = (index: number) => {\r\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\r\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\r\n    focusedRef.current.index = index;\r\n\r\n    if(oldFocusedElement)\r\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\r\n\r\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\r\n      newFocusedElement.current?.classList.add('dropdown-hover');\r\n      console.log(item.items[index].id);\r\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\r\n    }\r\n    else if(onItemFocused)\r\n      onItemFocused('');\r\n  };\r\n\r\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\r\n    setNewFocusedElement(0);\r\n    forceUpdate({});\r\n    \r\n  };\r\n\r\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\r\n    event.stopPropagation();\r\n    setNewFocusedElement(-1);\r\n  };\r\n\r\n  return (\r\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } $topLevel={topLevel} $visible={Boolean(existingRef)}>\r\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\r\n        <MenuSection>\r\n          <MenuSectionList>\r\n            <Tabs size={Size.Medium}>\r\n              {item.items.map((entry, index) => {\r\n                const isGroup = entry.type == 'desktopgroup';\r\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\r\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\r\n                if (isGroup) {\r\n                  return (\r\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\r\n                      <MenuItem\r\n                        id={entry.id + '_parentOption'}\r\n                        aria-expanded={Boolean(SubItemOpened)}\r\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\r\n                        tabIndex={-1}\r\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\r\n                        \r\n                        aria-controls={entry.id}\r\n                        role=\"group\"\r\n                        //id={entry.id} removing this can break something\r\n                        item={{\r\n                          value: entry.label ?? '',\r\n                        }}\r\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\r\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\r\n                        onClickHandler={() => {}}\r\n                      />\r\n                      <SubMenu\r\n                        ariaLabelledBy={entry.id + '_parentOption'}\r\n                        onItemFocused={onItemFocused}\r\n                        focusedItemId={focusedItemId}\r\n                        ref={subMenuRefs[index]}\r\n                        nestPath={[...(nestPath ?? []), entry.id]}\r\n                        onItemStateChanged={onItemStateChanged}\r\n                        activeItemId={activeItemId}\r\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\r\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\r\n                        index={index + 1}\r\n                        topLevel={false}\r\n                      />\r\n                    </div>\r\n                  );\r\n                }\r\n                return (\r\n                  <>\r\n                    <TabLink\r\n                      id={entry.id}\r\n                      tabIndex={-1}\r\n                      key={key}\r\n                      to={isGroup ? '' : key}\r\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\r\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\r\n                      forceDeactivate={isGroup}\r\n                      requiredLine={entry.label ?? ''}\r\n                      optionalLine={''}\r\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\r\n                      OptionalLineIcon={''}\r\n                      disabled={entry.disabled}\r\n                      showNotificationDot={false}\r\n                      size={Size.Medium}\r\n                      variant=\"positive\"\r\n                    />\r\n                  </>\r\n                );\r\n              })}\r\n            </Tabs>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </Menu>\r\n    </SubMenuWrapper>\r\n  );\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SubMenu.js","names":["React","styled","Menu","MenuSection","MenuSectionList","Size","SystemIcons","checkIfContainsItem","Tabs","TabLink","MenuItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SubMenuWrapper","div","_templateObject","_taggedTemplateLiteral","props","$topLevel","$visible","SubMenu","forwardRef","_ref","ref","item","index","topLevel","dropdownMenusOpenedArray","onSubMenuHidden","onSubMenuOpened","onItemStateChanged","focusedItemId","activeItemId","nestPath","ariaLabelledBy","onItemFocused","_React$useState","useState","_React$useState2","_slicedToArray","forceUpdate","focusedRef","useRef","_React$useState3","_React$useState4","allRefs","setAllRefs","_React$useState5","_React$useState6","subMenuRefs","setAllSubMenuRefs","useEffect","items","map","x","type","createRef","undefined","existingRef","current","find","id","onMouseLeave","event","_toConsumableArray","filter","containActiveItem","onMouseEnter","existingRefForId","concat","onKeyDown","e","key","stopPropagation","preventDefault","setNewFocusedElement","length","code","focusedItem","_allRefs$focusedRef$c","click","_oldFocusedElement$cu","newFocusedElement","oldFocusedElement","classList","remove","_newFocusedElement$cu","_item$items$index$id","add","onFocus","onBlur","className","Boolean","children","role","tabIndex","size","Medium","entry","_entry$label2","isGroup","to","SubItemOpened","_entry$items$find$id","_entry$items$find","_entry$label","style","position","value","label","iconRight","ArrowDropRight","active","onClickHandler","onActiveStateChanged","state","forceDeactivate","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","disabled","showNotificationDot","variant","propTypes","_pt","number","isRequired","bool","func","string","arrayOf"],"sources":["../../../src/GlobalNavigationBar/desktop/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { Menu, MenuSection, MenuSectionList } from './ExtendedMainMenu';\nimport { MenuNavigationItemTypeDesktopGroup } from '../types';\nimport { Size } from '../../types';\nimport { SystemIcons } from '../../icons';\nimport { checkIfContainsItem } from '../utils';\nimport Tabs from '../../Tabs/Tabs';\nimport TabLink from '../../Tabs/TabLink';\nimport { MenuItem } from '../../MenuItem';\n\nexport type SubMenuProps = {\n  item: MenuNavigationItemTypeDesktopGroup;\n  index: number;\n  topLevel: boolean;\n  dropdownMenusOpenedArray: React.MutableRefObject<string[]>;\n  onSubMenuOpened?: (item: string) => void;\n  onSubMenuHidden?: (item: string) => void;\n  onItemStateChanged?: (item: string, state: boolean) => void;\n  onItemFocused?: (item: string) => void;\n  focusedItemId?: string;\n  activeItemId?: string;\n  nestPath?: string[];\n  ariaLabelledBy?: string;\n};\n\nexport const SubMenuWrapper = styled.div<{ $topLevel: boolean; $visible: boolean }>`\n  ${Menu} {\n    top: ${(props) => (props.$topLevel ? '100%' : '0px')};\n    left: ${(props) => (props.$topLevel ? '0px' : 'calc(100% - 12px)')};\n  }\n\n  ${(props) => (!props.$visible ? 'display: none;' : '')}\n\n  button {\n    padding-left: 0px;\n  }\n`;\n\nexport const SubMenu = React.forwardRef<HTMLUListElement, SubMenuProps>(({\n  item,\n  index,\n  topLevel,\n  dropdownMenusOpenedArray,\n  onSubMenuHidden,\n  onSubMenuOpened,\n  onItemStateChanged,\n  focusedItemId,\n  activeItemId,\n  nestPath,\n  ariaLabelledBy,\n  onItemFocused\n}: SubMenuProps, ref): React.ReactElement<SubMenuProps> => {\n  const [, forceUpdate] = React.useState({});\n  const focusedRef = React.useRef<{ index: number }>({ index: -1 });\n  const [allRefs, setAllRefs] = React.useState<React.RefObject<HTMLButtonElement | HTMLAnchorElement>[]>([]);\n  const [subMenuRefs, setAllSubMenuRefs] = React.useState<(React.RefObject<HTMLUListElement> | undefined)[]>([]);\n\n  React.useEffect(() => {\n    setAllRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLButtonElement>() : React.createRef<HTMLAnchorElement>())));\n    setAllSubMenuRefs(item.items.map((x) => (x.type == 'desktopgroup' ? React.createRef<HTMLUListElement>() : undefined)));\n  }, [item]);\n\n  const existingRef = dropdownMenusOpenedArray.current.find((x) => x == item.id);\n  const onMouseLeave = (event: any, id: string) => {\n    dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current.filter((x) => x != id)];\n    //just trigger rerendering\n    onSubMenuHidden && onSubMenuHidden(id);\n    forceUpdate({});\n  };\n  let containActiveItem = false;\n  if (item.type == 'desktopgroup' && activeItemId) containActiveItem = checkIfContainsItem(item, activeItemId);\n\n  const onMouseEnter = (event: any, id: string) => {\n    const existingRefForId = dropdownMenusOpenedArray.current.find((x) => x == id);\n    if (existingRefForId == null) {\n      dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, id];\n      //just trigger rerendering\n      onSubMenuOpened && onSubMenuOpened(id);\n      forceUpdate({});\n    }\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\n    \n    if (e.key === 'ArrowUp' || e.key === 'Up') {\n      e.stopPropagation();\n      e.preventDefault();\n      if (focusedRef.current.index > 0) {\n        setNewFocusedElement(focusedRef.current.index - 1);\n      }\n    } else if (e.key === 'ArrowDown' || e.key === 'Down') {\n      e.stopPropagation();\n      e.preventDefault();\n      if(focusedRef.current.index < allRefs.length - 1)\n      setNewFocusedElement(focusedRef.current.index + 1);\n    } \n     else\n    if (e.key == 'Enter' || e.code == 'Space') {\n      e.stopPropagation();\n      if(focusedRef.current.index < 0)\n        return;\n      \n      const focusedItem = item.items[focusedRef.current.index];\n      if(focusedItem.type == 'desktopgroup')\n      {\n        dropdownMenusOpenedArray.current = [...dropdownMenusOpenedArray.current, focusedItem.id];\n        forceUpdate({});\n      }\n      else\n      {\n        allRefs[focusedRef.current.index].current?.click();\n        forceUpdate({});\n      }\n\n      //just trigger rerendering\n      \n    }\n  };\n\n  const setNewFocusedElement = (index: number) => {\n    const newFocusedElement = index >= 0 ? allRefs[index] : null;\n    const oldFocusedElement = focusedRef.current.index >= 0 ? allRefs[focusedRef.current.index] : null;\n    focusedRef.current.index = index;\n\n    if(oldFocusedElement)\n      oldFocusedElement?.current?.classList.remove('dropdown-hover');\n\n    if (newFocusedElement && newFocusedElement !== oldFocusedElement) {\n      newFocusedElement.current?.classList.add('dropdown-hover');\n      onItemFocused && onItemFocused(item.items[index].id ?? '');\n    }\n    else if(onItemFocused)\n      onItemFocused('');\n  };\n\n  const onFocus = (event: React.FocusEvent<HTMLUListElement>) => {\n    event.stopPropagation();\n    dropdownMenusOpenedArray.current = [...(nestPath ?? [])];\n    setNewFocusedElement(0);\n    forceUpdate({});\n    \n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLUListElement>) => {\n    event.stopPropagation();\n    setNewFocusedElement(-1);\n  };\n\n  return (\n    <SubMenuWrapper id={item.id}  className={existingRef ? 'open' : '' } $topLevel={topLevel} $visible={Boolean(existingRef)}>\n      <Menu role=\"group\" ref={ref} aria-labelledby={ariaLabelledBy} onBlur={onBlur} onFocus={onFocus} onKeyDown={(event) => onKeyDown(event)} tabIndex={0}>\n        <MenuSection>\n          <MenuSectionList>\n            <Tabs size={Size.Medium}>\n              {item.items.map((entry, index) => {\n                const isGroup = entry.type == 'desktopgroup';\n                const key = isGroup ? entry.id : entry.type == 'item' ? entry.to : '';\n                const SubItemOpened = Boolean(dropdownMenusOpenedArray.current.find((x) => x == entry.id));\n                if (isGroup) {\n                  return (\n                    <div style={{ position: 'relative' }} onMouseEnter={(event) => onMouseEnter(event, entry.id)} onMouseLeave={(event) => onMouseLeave(event, entry.id)}>\n                      <MenuItem\n                        id={entry.id + '_parentOption'}\n                        aria-expanded={Boolean(SubItemOpened)}\n                        aria-activedescendant={entry.items.find(x => x.id == focusedItemId)?.id ?? ''}\n                        tabIndex={-1}\n                        ref={allRefs[index] as React.Ref<HTMLButtonElement>}\n                        \n                        aria-controls={entry.id}\n                        role=\"group\"\n                        //id={entry.id} removing this can break something\n                        item={{\n                          value: entry.label ?? '',\n                        }}\n                        iconRight={<SystemIcons.ArrowDropRight size=\"24px\" />}\n                        active={SubItemOpened || (Boolean(activeItemId) && activeItemId != '' && checkIfContainsItem(entry, activeItemId!))}\n                        onClickHandler={() => {}}\n                      />\n                      <SubMenu\n                        ariaLabelledBy={entry.id + '_parentOption'}\n                        onItemFocused={onItemFocused}\n                        focusedItemId={focusedItemId}\n                        ref={subMenuRefs[index]}\n                        nestPath={[...(nestPath ?? []), entry.id]}\n                        onItemStateChanged={onItemStateChanged}\n                        activeItemId={activeItemId}\n                        dropdownMenusOpenedArray={dropdownMenusOpenedArray}\n                        item={entry as MenuNavigationItemTypeDesktopGroup}\n                        index={index + 1}\n                        topLevel={false}\n                      />\n                    </div>\n                  );\n                }\n                return (\n                  <>\n                    <TabLink\n                      id={entry.id}\n                      tabIndex={-1}\n                      key={key}\n                      to={isGroup ? '' : key}\n                      ref={allRefs[index] as React.Ref<HTMLAnchorElement>}\n                      onActiveStateChanged={(state) => onItemStateChanged && entry.type == 'item' && onItemStateChanged(entry.to, state)}\n                      forceDeactivate={isGroup}\n                      requiredLine={entry.label ?? ''}\n                      optionalLine={''}\n                      endLineIcon={isGroup ? <SystemIcons.ArrowDropRight size=\"24px\" /> : null}\n                      OptionalLineIcon={''}\n                      disabled={entry.disabled}\n                      showNotificationDot={false}\n                      size={Size.Medium}\n                      variant=\"positive\"\n                    />\n                  </>\n                );\n              })}\n            </Tabs>\n          </MenuSectionList>\n        </MenuSection>\n      </Menu>\n    </SubMenuWrapper>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/UserMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_styles","_types","_CommonStyles","_icons","_HyperLink","_breakpoints","_MenuItem","_NavigationHelper","_ProfileButton","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UserMenuScrollContainer","styled","div","_taggedTemplateLiteral2","UserMenuPinnedContainer","UserMenuWrapper","props","COLORS","getColor","theme","Z_INDEXES","off_canvas","Breakpoints","MEDIUM","flowDown","BOXSHADOWS","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","ComponentSStyling","ComponentTextStyle","Bold","MenuSectionList","UserMenuSectionListStyling","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","ComponentLStyling","UserSectionInfoEmail","ComponentXSStyling","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","_useNavigationHelper","useNavigationHelper","navigate","isActiveRoute","useEffect","_document","handleKeyPress","key","document","addEventListener","_document2","removeEventListener","renderItem","item","section","index","jsx","MenuItem","id","concat","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","jsxs","onClick","className","role","children","ProfileButton","tabIndex","initials","firstName","lastName","email","link","HyperLink","variant","href","target","cloneElement","size","filter","pinned","map","divider","items","Button","width","SystemIcons","Logout","Size","Large","preventDefault","propTypes","_propTypes","bool","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigationHelper} from '../../common/NavigationHelper';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigationHelper();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'default'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UserMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_styles","_types","_CommonStyles","_icons","_HyperLink","_breakpoints","_MenuItem","_NavigationHelper","_ProfileButton","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UserMenuScrollContainer","styled","div","_taggedTemplateLiteral2","UserMenuPinnedContainer","UserMenuWrapper","props","COLORS","getColor","theme","Z_INDEXES","off_canvas","Breakpoints","MEDIUM","flowDown","BOXSHADOWS","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","ComponentSStyling","ComponentTextStyle","Bold","MenuSectionList","UserMenuSectionListStyling","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","ComponentLStyling","UserSectionInfoEmail","ComponentXSStyling","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","_useNavigationHelper","useNavigationHelper","navigate","isActiveRoute","useEffect","_document","handleKeyPress","key","document","addEventListener","_document2","removeEventListener","renderItem","item","section","index","jsx","MenuItem","id","concat","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","jsxs","onClick","className","role","children","ProfileButton","tabIndex","initials","firstName","lastName","email","link","HyperLink","variant","href","target","cloneElement","size","filter","pinned","map","divider","items","Button","width","SystemIcons","Logout","Size","Large","preventDefault","propTypes","_propTypes","bool","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {Button} from '../../Button';\nimport {\n  BOXSHADOWS,\n  COLORS,\n  ComponentLStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  Z_INDEXES\n} from '../../styles';\nimport {Size} from '../../types';\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\nimport {SystemIcons} from '../../icons';\nimport {HyperLink} from '../../HyperLink';\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\nimport Breakpoints from '../../styles/breakpoints';\nimport {MenuItem} from '../../MenuItem';\nimport {useNavigationHelper} from '../../common/NavigationHelper';\nimport {ProfileButton} from '../../ProfileButton';\n\nconst UserMenuScrollContainer = styled.div`\n  flex: 1;\n`;\n\nconst UserMenuPinnedContainer = styled.div``;\n\n\nconst UserMenuWrapper = styled.div`\n  margin: 0;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  box-sizing: border-box;\n  display: none;\n  width: 320px;\n\n  position: absolute;\n\n  &.show {\n    display: block;\n  }\n\n  top: 0;\n  right: 0;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  flex-flow: column;\n\n\n  ${Breakpoints.MEDIUM} {\n    flex-flow: initial;\n    top: initial;\n    right: initial;\n    height: initial;\n    animation: ${flowDown} 0.2s ease-in-out;\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\n    border-radius: 8px;\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n    z-index: ${Z_INDEXES.fixed_menu};\n    padding: 24px 0;\n  }\n`;\n\n\nconst MenuSection = styled.div`\n  padding: 4px 0;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  }\n`;\n\nconst SignOutActionWrapper = styled(MenuSection)`\n  align-items: center;\n  justify-content: center;\n`;\n\nconst MenuSectionHeader = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 8px 24px 4px 24px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\n\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\n`;\n\nconst MenuSectionList = styled.div`\n  margin: 0;\n  padding: 0;\n\n  ${UserMenuSectionListStyling};\n`;\n\n\nconst UserSectionAvatar = styled.div`\n  pointer-events: none;\n\n  button {\n    padding: 0 !important;\n  }\n\n  button > div {\n    width: 48px !important;\n    height: 48px !important;\n    border-radius: 50% !important;\n  }\n`;\n\nconst UserSectionInfo = styled.div`\n  padding: 2px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n`;\n\nconst UserSectionInfoName = styled.div`\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n`;\n\nconst UserSectionInfoEmail = styled.div`\n  word-break: break-all;\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\n`;\n\nconst UserSectionInfoLink = styled.div`\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n`;\n\nconst UserSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding: 0 24px 8px 24px;\n  gap: 16px;\n`;\n\ninterface UserMenuProps extends ProfileMenu {\n  show?: boolean;\n  onHideUserMenu: () => void;\n}\n\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\n\n  const {navigate, isActiveRoute} = useNavigationHelper();\n\n  React.useEffect(() => {\n    if (!onHideUserMenu) return;\n\n    function handleKeyPress(e: any) {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        onHideUserMenu();\n      }\n    }\n\n    document?.addEventListener('keydown', handleKeyPress, false);\n    return () => {\n      document?.removeEventListener('keydown', handleKeyPress, false);\n    };\n  }, [onHideUserMenu]);\n\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\n    <MenuItem key={index}\n              id={`profile_${index}`}\n              active={!item.external && isActiveRoute(item.to, !!item.exact)}\n              item={{\n                value: item.to,\n                disabled: item.disabled,\n                icon: item.icon,\n                displayLabel: item.label,\n              }}\n              onClickHandler={(e) => {\n                item.action && item.action(e);\n                navigate(item.to, !!item.external);\n              }}/>\n\n  return (\n    <UserMenuWrapper onClick={onHideUserMenu}\n                     className={show ? 'show' : ''}\n                     role=\"menu\"\n                     aria-labelledby=\"UserMenuButton\">\n      <UserMenuScrollContainer>\n        <UserSection>\n          <UserSectionAvatar>\n            <ProfileButton onClick={() => {\n            }}\n                           tabIndex={-1}\n                           initials={user.firstName[0] + user.lastName[0]}/>\n          </UserSectionAvatar>\n          <UserSectionInfo>\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\n            {\n              user.link &&\n              <HyperLink variant={'default'}\n                         href={user.link.href}\n                         target={user.link.target}\n                         id={user.link.id}\n                         onClick={user.link.onClick}>\n                <UserSectionInfoLink>\n                  <span>\n                    {user.link.label}\n                  </span>\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\n                </UserSectionInfoLink>\n              </HyperLink>\n            }\n          </UserSectionInfo>\n        </UserSection>\n        {\n          sections.filter(a => !a.pinned).map((section, index) =>\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\n              <MenuSectionList key={index}>\n                {section.items.map((item, index) => renderItem(item, section, index))}\n              </MenuSectionList>\n            </MenuSection>\n          )\n        }\n      </UserMenuScrollContainer>\n      <UserMenuPinnedContainer>\n        {\n          sections.filter(a => !!a.pinned).map((section, index) =>\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\n              <MenuSectionList key={index}>\n                {section.items.map((item, index) => renderItem(item, section, index))}\n              </MenuSectionList>\n            </MenuSection>\n          )\n        }\n        {\n          signOut &&\n          <SignOutActionWrapper>\n            <Button width={'272px'}\n                    variant=\"secondary\"\n                    icon={<SystemIcons.Logout/>}\n                    size={Size.Large}\n                    onClick={e => {\n                      e.preventDefault();\n                      signOut?.action();\n                    }}>\n              {signOut?.label}\n            </Button>\n          </SignOutActionWrapper>\n        }\n      </UserMenuPinnedContainer>\n    </UserMenuWrapper>\n  );\n};\n\nexport default UserMenu;\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/UserMenu.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { ProfileMenu } from '../types';
-interface UserMenuProps extends ProfileMenu {
-    show?: boolean;
-    onHideUserMenu: () => void;
-}
-declare const UserMenu: ({ show, user, onHideUserMenu, sections, signOut, label }: UserMenuProps) => React.JSX.Element;
-export default UserMenu;
+import * as React from 'react';
+import { ProfileMenu } from '../types';
+interface UserMenuProps extends ProfileMenu {
+    show?: boolean;
+    onHideUserMenu: () => void;
+}
+declare const UserMenu: ({ show, user, onHideUserMenu, sections, signOut, label }: UserMenuProps) => React.JSX.Element;
+export default UserMenu;

package/dist/GlobalNavigationBar/desktop/UserMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.js","names":["React","styled","Button","BOXSHADOWS","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","Size","flowDown","UserMenuSectionListStyling","SystemIcons","HyperLink","Breakpoints","MenuItem","useNavigationHelper","ProfileButton","jsx","_jsx","jsxs","_jsxs","UserMenuScrollContainer","div","_templateObject","_taggedTemplateLiteral","UserMenuPinnedContainer","_templateObject2","UserMenuWrapper","_templateObject3","props","getColor","theme","off_canvas","MEDIUM","BOXSHADOW_CENTERED","fixed_menu","MenuSection","_templateObject4","SignOutActionWrapper","_templateObject5","MenuSectionHeader","_templateObject6","Bold","MenuSectionList","_templateObject7","UserSectionAvatar","_templateObject8","UserSectionInfo","_templateObject9","UserSectionInfoName","_templateObject10","UserSectionInfoEmail","_templateObject11","Regular","UserSectionInfoLink","_templateObject12","UserSection","_templateObject13","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","_useNavigationHelper","navigate","isActiveRoute","useEffect","_document","handleKeyPress","e","key","document","addEventListener","_document2","removeEventListener","renderItem","item","section","index","id","concat","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","onClick","className","role","children","tabIndex","initials","firstName","lastName","email","link","variant","href","target","cloneElement","size","filter","a","pinned","map","divider","items","width","Logout","Large","preventDefault","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigationHelper} from '../../common/NavigationHelper';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigationHelper();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'default'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UserMenu.js","names":["React","styled","Button","BOXSHADOWS","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","Size","flowDown","UserMenuSectionListStyling","SystemIcons","HyperLink","Breakpoints","MenuItem","useNavigationHelper","ProfileButton","jsx","_jsx","jsxs","_jsxs","UserMenuScrollContainer","div","_templateObject","_taggedTemplateLiteral","UserMenuPinnedContainer","_templateObject2","UserMenuWrapper","_templateObject3","props","getColor","theme","off_canvas","MEDIUM","BOXSHADOW_CENTERED","fixed_menu","MenuSection","_templateObject4","SignOutActionWrapper","_templateObject5","MenuSectionHeader","_templateObject6","Bold","MenuSectionList","_templateObject7","UserSectionAvatar","_templateObject8","UserSectionInfo","_templateObject9","UserSectionInfoName","_templateObject10","UserSectionInfoEmail","_templateObject11","Regular","UserSectionInfoLink","_templateObject12","UserSection","_templateObject13","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","_useNavigationHelper","navigate","isActiveRoute","useEffect","_document","handleKeyPress","e","key","document","addEventListener","_document2","removeEventListener","renderItem","item","section","index","id","concat","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","onClick","className","role","children","tabIndex","initials","firstName","lastName","email","link","variant","href","target","cloneElement","size","filter","a","pinned","map","divider","items","width","Logout","Large","preventDefault","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {Button} from '../../Button';\nimport {\n  BOXSHADOWS,\n  COLORS,\n  ComponentLStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  Z_INDEXES\n} from '../../styles';\nimport {Size} from '../../types';\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\nimport {SystemIcons} from '../../icons';\nimport {HyperLink} from '../../HyperLink';\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\nimport Breakpoints from '../../styles/breakpoints';\nimport {MenuItem} from '../../MenuItem';\nimport {useNavigationHelper} from '../../common/NavigationHelper';\nimport {ProfileButton} from '../../ProfileButton';\n\nconst UserMenuScrollContainer = styled.div`\n  flex: 1;\n`;\n\nconst UserMenuPinnedContainer = styled.div``;\n\n\nconst UserMenuWrapper = styled.div`\n  margin: 0;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  box-sizing: border-box;\n  display: none;\n  width: 320px;\n\n  position: absolute;\n\n  &.show {\n    display: block;\n  }\n\n  top: 0;\n  right: 0;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  flex-flow: column;\n\n\n  ${Breakpoints.MEDIUM} {\n    flex-flow: initial;\n    top: initial;\n    right: initial;\n    height: initial;\n    animation: ${flowDown} 0.2s ease-in-out;\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\n    border-radius: 8px;\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n    z-index: ${Z_INDEXES.fixed_menu};\n    padding: 24px 0;\n  }\n`;\n\n\nconst MenuSection = styled.div`\n  padding: 4px 0;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  }\n`;\n\nconst SignOutActionWrapper = styled(MenuSection)`\n  align-items: center;\n  justify-content: center;\n`;\n\nconst MenuSectionHeader = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 8px 24px 4px 24px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\n\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\n`;\n\nconst MenuSectionList = styled.div`\n  margin: 0;\n  padding: 0;\n\n  ${UserMenuSectionListStyling};\n`;\n\n\nconst UserSectionAvatar = styled.div`\n  pointer-events: none;\n\n  button {\n    padding: 0 !important;\n  }\n\n  button > div {\n    width: 48px !important;\n    height: 48px !important;\n    border-radius: 50% !important;\n  }\n`;\n\nconst UserSectionInfo = styled.div`\n  padding: 2px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n`;\n\nconst UserSectionInfoName = styled.div`\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n`;\n\nconst UserSectionInfoEmail = styled.div`\n  word-break: break-all;\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\n`;\n\nconst UserSectionInfoLink = styled.div`\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n`;\n\nconst UserSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding: 0 24px 8px 24px;\n  gap: 16px;\n`;\n\ninterface UserMenuProps extends ProfileMenu {\n  show?: boolean;\n  onHideUserMenu: () => void;\n}\n\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\n\n  const {navigate, isActiveRoute} = useNavigationHelper();\n\n  React.useEffect(() => {\n    if (!onHideUserMenu) return;\n\n    function handleKeyPress(e: any) {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        onHideUserMenu();\n      }\n    }\n\n    document?.addEventListener('keydown', handleKeyPress, false);\n    return () => {\n      document?.removeEventListener('keydown', handleKeyPress, false);\n    };\n  }, [onHideUserMenu]);\n\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\n    <MenuItem key={index}\n              id={`profile_${index}`}\n              active={!item.external && isActiveRoute(item.to, !!item.exact)}\n              item={{\n                value: item.to,\n                disabled: item.disabled,\n                icon: item.icon,\n                displayLabel: item.label,\n              }}\n              onClickHandler={(e) => {\n                item.action && item.action(e);\n                navigate(item.to, !!item.external);\n              }}/>\n\n  return (\n    <UserMenuWrapper onClick={onHideUserMenu}\n                     className={show ? 'show' : ''}\n                     role=\"menu\"\n                     aria-labelledby=\"UserMenuButton\">\n      <UserMenuScrollContainer>\n        <UserSection>\n          <UserSectionAvatar>\n            <ProfileButton onClick={() => {\n            }}\n                           tabIndex={-1}\n                           initials={user.firstName[0] + user.lastName[0]}/>\n          </UserSectionAvatar>\n          <UserSectionInfo>\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\n            {\n              user.link &&\n              <HyperLink variant={'default'}\n                         href={user.link.href}\n                         target={user.link.target}\n                         id={user.link.id}\n                         onClick={user.link.onClick}>\n                <UserSectionInfoLink>\n                  <span>\n                    {user.link.label}\n                  </span>\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\n                </UserSectionInfoLink>\n              </HyperLink>\n            }\n          </UserSectionInfo>\n        </UserSection>\n        {\n          sections.filter(a => !a.pinned).map((section, index) =>\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\n              <MenuSectionList key={index}>\n                {section.items.map((item, index) => renderItem(item, section, index))}\n              </MenuSectionList>\n            </MenuSection>\n          )\n        }\n      </UserMenuScrollContainer>\n      <UserMenuPinnedContainer>\n        {\n          sections.filter(a => !!a.pinned).map((section, index) =>\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\n              <MenuSectionList key={index}>\n                {section.items.map((item, index) => renderItem(item, section, index))}\n              </MenuSectionList>\n            </MenuSection>\n          )\n        }\n        {\n          signOut &&\n          <SignOutActionWrapper>\n            <Button width={'272px'}\n                    variant=\"secondary\"\n                    icon={<SystemIcons.Logout/>}\n                    size={Size.Large}\n                    onClick={e => {\n                      e.preventDefault();\n                      signOut?.action();\n                    }}>\n              {signOut?.label}\n            </Button>\n          </SignOutActionWrapper>\n        }\n      </UserMenuPinnedContainer>\n    </UserMenuWrapper>\n  );\n};\n\nexport default UserMenu;\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_GlobalNavigationBar","_interopRequireDefault","require","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/GlobalNavigationBar/index.tsx"],"sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\r\n\r\nexport * from './types';\r\n\r\nexport {GlobalNavigationBar};\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_GlobalNavigationBar","_interopRequireDefault","require","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/GlobalNavigationBar/index.tsx"],"sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\n\nexport * from './types';\n\nexport {GlobalNavigationBar};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/GlobalNavigationBar/index.d.ts

@@ -1,3 +1,3 @@
-import GlobalNavigationBar from './GlobalNavigationBar';
-export * from './types';
-export { GlobalNavigationBar };
+import GlobalNavigationBar from './GlobalNavigationBar';
+export * from './types';
+export { GlobalNavigationBar };

package/dist/GlobalNavigationBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["GlobalNavigationBar"],"sources":["../../src/GlobalNavigationBar/index.tsx"],"sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\r\n\r\nexport * from './types';\r\n\r\nexport {GlobalNavigationBar};\r\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,uBAAuB;AAEvD,cAAc,SAAS;AAEvB,SAAQA,mBAAmB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["GlobalNavigationBar"],"sources":["../../src/GlobalNavigationBar/index.tsx"],"sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\n\nexport * from './types';\n\nexport {GlobalNavigationBar};\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,uBAAuB;AAEvD,cAAc,SAAS;AAEvB,SAAQA,mBAAmB","ignoreList":[]}

package/dist/GlobalNavigationBar/mobile/CommonStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommonStyles.cjs","names":["_styledComponents","_interopRequireWildcard","require","_styles","_reactRouterDom","_types","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RowLayout","styled","div","_taggedTemplateLiteral2","exports","Button","button","props","COLORS","getColor","theme","flowLeft","keyframes","flowRight","fadeOut","fadeIn","Menu","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","Right","SiteName","span","MenuSection","li","MenuSectionList","ul","UserMenuSectionListStyling","css","hover","focus","focusStyles","active","MenuLink","NavLink","ComponentMStyling","ComponentTextStyle","Regular","flowDown","MobileMenuWrapper","ScrollableContainer","scrollBarStyling","Size","Small","MobileHeaderText","ComponentSStyling","Bold","MobileHeaderNote","ComponentXSStyling","MobileHeaderContainer"],"sources":["../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"sourcesContent":["import styled, {css, keyframes} from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  focusStyles,\r\n  scrollBarStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {NavLink} from 'react-router-dom';\r\nimport {Size} from '../../types';\r\n\r\nexport const RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const Button = styled.button`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  font-weight: bold;\r\n  border: 0;\r\n`;\r\n\r\nconst flowLeft = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateX(100%);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n`;\r\n\r\nconst flowRight = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(100%);\r\n  }\r\n`;\r\n\r\nexport const fadeOut = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n`;\r\n\r\nexport const fadeIn = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.div`\r\n  height: 100%;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  right: 0;\r\n  top: 0;\r\n  position: absolute;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  align-items: center;\r\n\r\n  width: 320px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n\r\n  .open & {\r\n    visibility: visible;\r\n    display: flex;\r\n    animation: ${flowLeft} 0.3s ease-in-out;\r\n  }\r\n\r\n  .closed & {\r\n    visibility: hidden;\r\n    animation: ${flowRight} 0.3s ease-in-out;\r\n  }\r\n`;\r\n\r\nexport const Right = styled.div`\r\n  display: flex;\r\n  margin-left: auto;\r\n`;\r\n\r\nexport const SiteName = styled.span`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n  margin-left: 4px;\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  margin-top: 16px;\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  padding: 0;\r\n\r\n  li {\r\n    width: 80%;\r\n    height: 48px;\r\n    margin: 0 auto 0 12px;\r\n\r\n    a {\r\n      height: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const UserMenuSectionListStyling = css`\r\n  li {\r\n    position: relative;\r\n  }\r\n\r\n  li:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  li:focus-within:not(.disabled) {\r\n    z-index: ${Z_INDEXES.focus};\r\n\r\n    ${focusStyles}\r\n    a {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  li:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  .disabled {\r\n    a {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const MenuLink = styled(NavLink)`\r\n  border: none;\r\n  background: transparent;\r\n  margin: auto;\r\n\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n  text-decoration: none;\r\n  text-align: center;\r\n  align-items: center;\r\n  display: flex;\r\n`;\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const MobileMenuWrapper = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nexport const ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 10px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar-track {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const MobileHeaderText = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nexport const MobileHeaderNote = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const MobileHeaderContainer = styled.div`\r\n  margin: 0 24px;\r\n  padding-bottom: 8px;\r\n  box-sizing: border-box;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CommonStyles.cjs","names":["_styledComponents","_interopRequireWildcard","require","_styles","_reactRouterDom","_types","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RowLayout","styled","div","_taggedTemplateLiteral2","exports","Button","button","props","COLORS","getColor","theme","flowLeft","keyframes","flowRight","fadeOut","fadeIn","Menu","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","Right","SiteName","span","MenuSection","li","MenuSectionList","ul","UserMenuSectionListStyling","css","hover","focus","focusStyles","active","MenuLink","NavLink","ComponentMStyling","ComponentTextStyle","Regular","flowDown","MobileMenuWrapper","ScrollableContainer","scrollBarStyling","Size","Small","MobileHeaderText","ComponentSStyling","Bold","MobileHeaderNote","ComponentXSStyling","MobileHeaderContainer"],"sources":["../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"sourcesContent":["import styled, {css, keyframes} from 'styled-components';\nimport {\n  BREAKPOINTS,\n  COLORS,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  focusStyles,\n  scrollBarStyling,\n  Z_INDEXES\n} from '../../styles';\nimport {NavLink} from 'react-router-dom';\nimport {Size} from '../../types';\n\nexport const RowLayout = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const Button = styled.button`\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  font-weight: bold;\n  border: 0;\n`;\n\nconst flowLeft = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst flowRight = keyframes`\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n    visibility: visible;\n  }\n  to {\n    opacity: 0;\n    visibility: hidden;\n    transform: translateX(100%);\n  }\n`;\n\nexport const fadeOut = keyframes`\n  0% {\n    opacity: 1;\n    visibility: visible;\n  }\n  to {\n    opacity: 0;\n    visibility: hidden;\n  }\n`;\n\nexport const fadeIn = keyframes`\n  0% {\n    opacity: 0;\n    visibility: hidden;\n  }\n  to {\n    opacity: 1;\n    visibility: visible;\n  }\n`;\n\nexport const Menu = styled.div`\n  height: 100%;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  box-sizing: border-box;\n  right: 0;\n  top: 0;\n  position: absolute;\n  z-index: ${Z_INDEXES.off_canvas};\n  align-items: center;\n\n  width: 320px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n\n  .open & {\n    visibility: visible;\n    display: flex;\n    animation: ${flowLeft} 0.3s ease-in-out;\n  }\n\n  .closed & {\n    visibility: hidden;\n    animation: ${flowRight} 0.3s ease-in-out;\n  }\n`;\n\nexport const Right = styled.div`\n  display: flex;\n  margin-left: auto;\n`;\n\nexport const SiteName = styled.span`\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  font-weight: bold;\n  font-size: 14px;\n  margin-left: 4px;\n`;\n\nexport const MenuSection = styled.li`\n  margin-top: 16px;\n\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n`;\n\nexport const MenuSectionList = styled.ul`\n  list-style: none;\n  padding: 0;\n\n  li {\n    width: 80%;\n    height: 48px;\n    margin: 0 auto 0 12px;\n\n    a {\n      height: 100%;\n    }\n  }\n`;\n\nexport const UserMenuSectionListStyling = css`\n  li {\n    position: relative;\n  }\n\n  li:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n\n    a {\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\n    }\n\n    svg {\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\n    }\n  }\n\n  li:focus-within:not(.disabled) {\n    z-index: ${Z_INDEXES.focus};\n\n    ${focusStyles}\n    a {\n      outline: none;\n    }\n  }\n\n  li:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\n\n    a {\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n\n    svg {\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n  }\n\n  .disabled {\n    a {\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n\n    svg {\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n  }\n`;\n\nexport const MenuLink = styled(NavLink)`\n  border: none;\n  background: transparent;\n  margin: auto;\n\n  box-sizing: border-box;\n\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n\n  text-decoration: none;\n  text-align: center;\n  align-items: center;\n  display: flex;\n`;\n\nexport const flowDown = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nexport const MobileMenuWrapper = styled.div`\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n`;\n\nexport const ScrollableContainer = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 10px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n  ::-webkit-scrollbar-track {\n    margin: 8px;\n  }\n`;\n\nexport const MobileHeaderText = styled.div`\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n  ${BREAKPOINTS.SMALL} {\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n  }\n`;\nexport const MobileHeaderNote = styled.div`\n  word-break: break-all;\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n`;\n\nexport const MobileHeaderContainer = styled.div`\n  margin: 0 24px;\n  padding-bottom: 8px;\n  box-sizing: border-box;\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  display: flex;\n  flex-direction: column;\n`;\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/mobile/CommonStyles.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-export declare const RowLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const fadeOut: import("styled-components/dist/models/Keyframes").default;
-export declare const fadeIn: import("styled-components/dist/models/Keyframes").default;
-export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Right: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SiteName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const MenuSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-export declare const MenuSectionList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
-export declare const UserMenuSectionListStyling: import("styled-components").RuleSet<object>;
-export declare const MenuLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const flowDown: import("styled-components/dist/models/Keyframes").default;
-export declare const MobileMenuWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ScrollableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MobileHeaderText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MobileHeaderNote: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MobileHeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/// <reference types="react" />
+export declare const RowLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const fadeOut: import("styled-components/dist/models/Keyframes").default;
+export declare const fadeIn: import("styled-components/dist/models/Keyframes").default;
+export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Right: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SiteName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const MenuSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const MenuSectionList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const UserMenuSectionListStyling: import("styled-components").RuleSet<object>;
+export declare const MenuLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const flowDown: import("styled-components/dist/models/Keyframes").default;
+export declare const MobileMenuWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ScrollableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MobileHeaderText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MobileHeaderNote: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MobileHeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/GlobalNavigationBar/mobile/CommonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonStyles.js","names":["styled","css","keyframes","BREAKPOINTS","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","focusStyles","scrollBarStyling","Z_INDEXES","NavLink","Size","RowLayout","div","_templateObject","_taggedTemplateLiteral","Button","button","_templateObject2","props","getColor","theme","flowLeft","_templateObject3","flowRight","_templateObject4","fadeOut","_templateObject5","fadeIn","_templateObject6","Menu","_templateObject7","off_canvas","SMALL","Right","_templateObject8","SiteName","span","_templateObject9","MenuSection","li","_templateObject10","MenuSectionList","ul","_templateObject11","UserMenuSectionListStyling","_templateObject12","hover","focus","active","MenuLink","_templateObject13","Regular","flowDown","_templateObject14","MobileMenuWrapper","_templateObject15","ScrollableContainer","_templateObject16","Small","MobileHeaderText","_templateObject17","Bold","MobileHeaderNote","_templateObject18","MobileHeaderContainer","_templateObject19"],"sources":["../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"sourcesContent":["import styled, {css, keyframes} from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  focusStyles,\r\n  scrollBarStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {NavLink} from 'react-router-dom';\r\nimport {Size} from '../../types';\r\n\r\nexport const RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const Button = styled.button`\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  font-weight: bold;\r\n  border: 0;\r\n`;\r\n\r\nconst flowLeft = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateX(100%);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n`;\r\n\r\nconst flowRight = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(100%);\r\n  }\r\n`;\r\n\r\nexport const fadeOut = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n`;\r\n\r\nexport const fadeIn = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.div`\r\n  height: 100%;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  right: 0;\r\n  top: 0;\r\n  position: absolute;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  align-items: center;\r\n\r\n  width: 320px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n\r\n  .open & {\r\n    visibility: visible;\r\n    display: flex;\r\n    animation: ${flowLeft} 0.3s ease-in-out;\r\n  }\r\n\r\n  .closed & {\r\n    visibility: hidden;\r\n    animation: ${flowRight} 0.3s ease-in-out;\r\n  }\r\n`;\r\n\r\nexport const Right = styled.div`\r\n  display: flex;\r\n  margin-left: auto;\r\n`;\r\n\r\nexport const SiteName = styled.span`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n  margin-left: 4px;\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  margin-top: 16px;\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  padding: 0;\r\n\r\n  li {\r\n    width: 80%;\r\n    height: 48px;\r\n    margin: 0 auto 0 12px;\r\n\r\n    a {\r\n      height: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const UserMenuSectionListStyling = css`\r\n  li {\r\n    position: relative;\r\n  }\r\n\r\n  li:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  li:focus-within:not(.disabled) {\r\n    z-index: ${Z_INDEXES.focus};\r\n\r\n    ${focusStyles}\r\n    a {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  li:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    a {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  .disabled {\r\n    a {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const MenuLink = styled(NavLink)`\r\n  border: none;\r\n  background: transparent;\r\n  margin: auto;\r\n\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n  text-decoration: none;\r\n  text-align: center;\r\n  align-items: center;\r\n  display: flex;\r\n`;\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const MobileMenuWrapper = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nexport const ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 10px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar-track {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const MobileHeaderText = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nexport const MobileHeaderNote = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nexport const MobileHeaderContainer = styled.div`\r\n  margin: 0 24px;\r\n  padding-bottom: 8px;\r\n  box-sizing: border-box;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CommonStyles.js","names":["styled","css","keyframes","BREAKPOINTS","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","focusStyles","scrollBarStyling","Z_INDEXES","NavLink","Size","RowLayout","div","_templateObject","_taggedTemplateLiteral","Button","button","_templateObject2","props","getColor","theme","flowLeft","_templateObject3","flowRight","_templateObject4","fadeOut","_templateObject5","fadeIn","_templateObject6","Menu","_templateObject7","off_canvas","SMALL","Right","_templateObject8","SiteName","span","_templateObject9","MenuSection","li","_templateObject10","MenuSectionList","ul","_templateObject11","UserMenuSectionListStyling","_templateObject12","hover","focus","active","MenuLink","_templateObject13","Regular","flowDown","_templateObject14","MobileMenuWrapper","_templateObject15","ScrollableContainer","_templateObject16","Small","MobileHeaderText","_templateObject17","Bold","MobileHeaderNote","_templateObject18","MobileHeaderContainer","_templateObject19"],"sources":["../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"sourcesContent":["import styled, {css, keyframes} from 'styled-components';\nimport {\n  BREAKPOINTS,\n  COLORS,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  focusStyles,\n  scrollBarStyling,\n  Z_INDEXES\n} from '../../styles';\nimport {NavLink} from 'react-router-dom';\nimport {Size} from '../../types';\n\nexport const RowLayout = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const Button = styled.button`\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  font-weight: bold;\n  border: 0;\n`;\n\nconst flowLeft = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst flowRight = keyframes`\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n    visibility: visible;\n  }\n  to {\n    opacity: 0;\n    visibility: hidden;\n    transform: translateX(100%);\n  }\n`;\n\nexport const fadeOut = keyframes`\n  0% {\n    opacity: 1;\n    visibility: visible;\n  }\n  to {\n    opacity: 0;\n    visibility: hidden;\n  }\n`;\n\nexport const fadeIn = keyframes`\n  0% {\n    opacity: 0;\n    visibility: hidden;\n  }\n  to {\n    opacity: 1;\n    visibility: visible;\n  }\n`;\n\nexport const Menu = styled.div`\n  height: 100%;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  box-sizing: border-box;\n  right: 0;\n  top: 0;\n  position: absolute;\n  z-index: ${Z_INDEXES.off_canvas};\n  align-items: center;\n\n  width: 320px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n\n  .open & {\n    visibility: visible;\n    display: flex;\n    animation: ${flowLeft} 0.3s ease-in-out;\n  }\n\n  .closed & {\n    visibility: hidden;\n    animation: ${flowRight} 0.3s ease-in-out;\n  }\n`;\n\nexport const Right = styled.div`\n  display: flex;\n  margin-left: auto;\n`;\n\nexport const SiteName = styled.span`\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  font-weight: bold;\n  font-size: 14px;\n  margin-left: 4px;\n`;\n\nexport const MenuSection = styled.li`\n  margin-top: 16px;\n\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n`;\n\nexport const MenuSectionList = styled.ul`\n  list-style: none;\n  padding: 0;\n\n  li {\n    width: 80%;\n    height: 48px;\n    margin: 0 auto 0 12px;\n\n    a {\n      height: 100%;\n    }\n  }\n`;\n\nexport const UserMenuSectionListStyling = css`\n  li {\n    position: relative;\n  }\n\n  li:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n\n    a {\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\n    }\n\n    svg {\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\n    }\n  }\n\n  li:focus-within:not(.disabled) {\n    z-index: ${Z_INDEXES.focus};\n\n    ${focusStyles}\n    a {\n      outline: none;\n    }\n  }\n\n  li:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\n\n    a {\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n\n    svg {\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n  }\n\n  .disabled {\n    a {\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n\n    svg {\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\n  }\n`;\n\nexport const MenuLink = styled(NavLink)`\n  border: none;\n  background: transparent;\n  margin: auto;\n\n  box-sizing: border-box;\n\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n\n  text-decoration: none;\n  text-align: center;\n  align-items: center;\n  display: flex;\n`;\n\nexport const flowDown = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nexport const MobileMenuWrapper = styled.div`\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n`;\n\nexport const ScrollableContainer = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 10px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n  ::-webkit-scrollbar-track {\n    margin: 8px;\n  }\n`;\n\nexport const MobileHeaderText = styled.div`\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n  ${BREAKPOINTS.SMALL} {\n    ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n  }\n`;\nexport const MobileHeaderNote = styled.div`\n  word-break: break-all;\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n`;\n\nexport const MobileHeaderContainer = styled.div`\n  margin: 0 24px;\n  padding-bottom: 8px;\n  box-sizing: border-box;\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  display: flex;\n  flex-direction: column;\n`;\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/mobile/MobileActionContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileActionContainer.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_Button","_styles","_types","_rooks","_jsxRuntime","_templateObject","ActionContainer","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","BREAKPOINTS","SMALL","MobileActionContainer","_ref","disabled","_ref$variant","variant","icon","label","loading","action","isSmallScreen","useMediaMatch","replace","jsx","children","Button","size","Size","Medium","Small","onClick","exports"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileActionContainer.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Button } from '../../Button';\r\nimport { BREAKPOINTS, COLORS } from '../../styles';\r\nimport { Size } from '../../types';\r\nimport { MenuButton } from '../types';\r\nimport {useMediaMatch} from \"rooks\";\r\n\r\nconst ActionContainer = styled.div`\r\n  padding: 8px 16px;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    padding: 16px;\r\n  }\r\n`;\r\n\r\ninterface MobileActionContainerProps extends MenuButton {}\r\n\r\nexport const MobileActionContainer: React.FunctionComponent<MobileActionContainerProps> = ({ disabled, variant = 'secondary', icon, label, loading, action }) => {\r\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\r\n\r\n  return (\r\n    <ActionContainer>\r\n      <Button variant={variant} size={isSmallScreen ? Size.Medium : Size.Small} disabled={disabled} icon={icon} loading={loading} onClick={action}>\r\n        {label}\r\n      </Button>\r\n    </ActionContainer>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAAoC,IAAAM,WAAA,GAAAN,OAAA;AAAA,IAAAO,eAAA;AAEpC,IAAMC,eAAe,GAAGC,4BAAM,CAACC,GAAG,CAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,yLAGR,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAI1EC,mBAAW,CAACC,KAAK,CAGpB;AAIM,IAAMC,qBAA0E,GAAG,SAA7EA,qBAA0EA,CAAAC,IAAA,EAA0E;EAAA,IAApEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CAAEG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,WAAW,GAAAA,YAAA;IAAEE,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;EACxJ,IAAMC,aAAa,GAAG,IAAAC,oBAAa,EAACZ,mBAAW,CAACC,KAAK,CAACY,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EAE7E,oBACE,IAAAvB,WAAA,CAAAwB,GAAA,EAACtB,eAAe;IAAAuB,QAAA,eACd,IAAAzB,WAAA,CAAAwB,GAAA,EAAC5B,OAAA,CAAA8B,MAAM;MAACV,OAAO,EAAEA,OAAQ;MAACW,IAAI,EAAEN,aAAa,GAAGO,WAAI,CAACC,MAAM,GAAGD,WAAI,CAACE,KAAM;MAAChB,QAAQ,EAAEA,QAAS;MAACG,IAAI,EAAEA,IAAK;MAACE,OAAO,EAAEA,OAAQ;MAACY,OAAO,EAAEX,MAAO;MAAAK,QAAA,EACzIP;IAAK,CACA;EAAC,CACM,CAAC;AAEtB,CAAC;AAACc,OAAA,CAAApB,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"file":"MobileActionContainer.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_Button","_styles","_types","_rooks","_jsxRuntime","_templateObject","ActionContainer","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","BREAKPOINTS","SMALL","MobileActionContainer","_ref","disabled","_ref$variant","variant","icon","label","loading","action","isSmallScreen","useMediaMatch","replace","jsx","children","Button","size","Size","Medium","Small","onClick","exports"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileActionContainer.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../../Button';\nimport { BREAKPOINTS, COLORS } from '../../styles';\nimport { Size } from '../../types';\nimport { MenuButton } from '../types';\nimport {useMediaMatch} from \"rooks\";\n\nconst ActionContainer = styled.div`\n  padding: 8px 16px;\n  box-sizing: border-box;\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  display: flex;\n  flex-direction: column;\n\n  ${BREAKPOINTS.SMALL} {\n    padding: 16px;\n  }\n`;\n\ninterface MobileActionContainerProps extends MenuButton {}\n\nexport const MobileActionContainer: React.FunctionComponent<MobileActionContainerProps> = ({ disabled, variant = 'secondary', icon, label, loading, action }) => {\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\n\n  return (\n    <ActionContainer>\n      <Button variant={variant} size={isSmallScreen ? Size.Medium : Size.Small} disabled={disabled} icon={icon} loading={loading} onClick={action}>\n        {label}\n      </Button>\n    </ActionContainer>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAAoC,IAAAM,WAAA,GAAAN,OAAA;AAAA,IAAAO,eAAA;AAEpC,IAAMC,eAAe,GAAGC,4BAAM,CAACC,GAAG,CAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,yLAGR,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAI1EC,mBAAW,CAACC,KAAK,CAGpB;AAIM,IAAMC,qBAA0E,GAAG,SAA7EA,qBAA0EA,CAAAC,IAAA,EAA0E;EAAA,IAApEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CAAEG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,WAAW,GAAAA,YAAA;IAAEE,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;EACxJ,IAAMC,aAAa,GAAG,IAAAC,oBAAa,EAACZ,mBAAW,CAACC,KAAK,CAACY,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EAE7E,oBACE,IAAAvB,WAAA,CAAAwB,GAAA,EAACtB,eAAe;IAAAuB,QAAA,eACd,IAAAzB,WAAA,CAAAwB,GAAA,EAAC5B,OAAA,CAAA8B,MAAM;MAACV,OAAO,EAAEA,OAAQ;MAACW,IAAI,EAAEN,aAAa,GAAGO,WAAI,CAACC,MAAM,GAAGD,WAAI,CAACE,KAAM;MAAChB,QAAQ,EAAEA,QAAS;MAACG,IAAI,EAAEA,IAAK;MAACE,OAAO,EAAEA,OAAQ;MAACY,OAAO,EAAEX,MAAO;MAAAK,QAAA,EACzIP;IAAK,CACA;EAAC,CACM,CAAC;AAEtB,CAAC;AAACc,OAAA,CAAApB,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/GlobalNavigationBar/mobile/MobileActionContainer.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { MenuButton } from '../types';
-interface MobileActionContainerProps extends MenuButton {
-}
-export declare const MobileActionContainer: React.FunctionComponent<MobileActionContainerProps>;
-export {};
+import React from 'react';
+import { MenuButton } from '../types';
+interface MobileActionContainerProps extends MenuButton {
+}
+export declare const MobileActionContainer: React.FunctionComponent<MobileActionContainerProps>;
+export {};

package/dist/GlobalNavigationBar/mobile/MobileActionContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileActionContainer.js","names":["React","styled","Button","BREAKPOINTS","COLORS","Size","useMediaMatch","jsx","_jsx","ActionContainer","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","SMALL","MobileActionContainer","_ref","disabled","_ref$variant","variant","icon","label","loading","action","isSmallScreen","replace","children","size","Medium","Small","onClick"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileActionContainer.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Button } from '../../Button';\r\nimport { BREAKPOINTS, COLORS } from '../../styles';\r\nimport { Size } from '../../types';\r\nimport { MenuButton } from '../types';\r\nimport {useMediaMatch} from \"rooks\";\r\n\r\nconst ActionContainer = styled.div`\r\n  padding: 8px 16px;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    padding: 16px;\r\n  }\r\n`;\r\n\r\ninterface MobileActionContainerProps extends MenuButton {}\r\n\r\nexport const MobileActionContainer: React.FunctionComponent<MobileActionContainerProps> = ({ disabled, variant = 'secondary', icon, label, loading, action }) => {\r\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\r\n\r\n  return (\r\n    <ActionContainer>\r\n      <Button variant={variant} size={isSmallScreen ? Size.Medium : Size.Small} disabled={disabled} icon={icon} loading={loading} onClick={action}>\r\n        {label}\r\n      </Button>\r\n    </ActionContainer>\r\n  );\r\n};\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,cAAc;AACrC,SAASC,WAAW,EAAEC,MAAM,QAAQ,cAAc;AAClD,SAASC,IAAI,QAAQ,aAAa;AAElC,SAAQC,aAAa,QAAO,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,IAAMC,eAAe,GAAGR,MAAM,CAACS,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,6KAGR,UAAAC,KAAK;EAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAI1EZ,WAAW,CAACa,KAAK,CAGpB;AAID,OAAO,IAAMC,qBAA0E,GAAG,SAA7EA,qBAA0EA,CAAAC,IAAA,EAA0E;EAAA,IAApEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CAAEG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,WAAW,GAAAA,YAAA;IAAEE,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;EACxJ,IAAMC,aAAa,GAAGpB,aAAa,CAACH,WAAW,CAACa,KAAK,CAACW,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EAE7E,oBACEnB,IAAA,CAACC,eAAe;IAAAmB,QAAA,eACdpB,IAAA,CAACN,MAAM;MAACmB,OAAO,EAAEA,OAAQ;MAACQ,IAAI,EAAEH,aAAa,GAAGrB,IAAI,CAACyB,MAAM,GAAGzB,IAAI,CAAC0B,KAAM;MAACZ,QAAQ,EAAEA,QAAS;MAACG,IAAI,EAAEA,IAAK;MAACE,OAAO,EAAEA,OAAQ;MAACQ,OAAO,EAAEP,MAAO;MAAAG,QAAA,EACzIL;IAAK,CACA;EAAC,CACM,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"file":"MobileActionContainer.js","names":["React","styled","Button","BREAKPOINTS","COLORS","Size","useMediaMatch","jsx","_jsx","ActionContainer","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","SMALL","MobileActionContainer","_ref","disabled","_ref$variant","variant","icon","label","loading","action","isSmallScreen","replace","children","size","Medium","Small","onClick"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileActionContainer.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../../Button';\nimport { BREAKPOINTS, COLORS } from '../../styles';\nimport { Size } from '../../types';\nimport { MenuButton } from '../types';\nimport {useMediaMatch} from \"rooks\";\n\nconst ActionContainer = styled.div`\n  padding: 8px 16px;\n  box-sizing: border-box;\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  display: flex;\n  flex-direction: column;\n\n  ${BREAKPOINTS.SMALL} {\n    padding: 16px;\n  }\n`;\n\ninterface MobileActionContainerProps extends MenuButton {}\n\nexport const MobileActionContainer: React.FunctionComponent<MobileActionContainerProps> = ({ disabled, variant = 'secondary', icon, label, loading, action }) => {\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\n\n  return (\n    <ActionContainer>\n      <Button variant={variant} size={isSmallScreen ? Size.Medium : Size.Small} disabled={disabled} icon={icon} loading={loading} onClick={action}>\n        {label}\n      </Button>\n    </ActionContainer>\n  );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,cAAc;AACrC,SAASC,WAAW,EAAEC,MAAM,QAAQ,cAAc;AAClD,SAASC,IAAI,QAAQ,aAAa;AAElC,SAAQC,aAAa,QAAO,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,IAAMC,eAAe,GAAGR,MAAM,CAACS,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,6KAGR,UAAAC,KAAK;EAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAI1EZ,WAAW,CAACa,KAAK,CAGpB;AAID,OAAO,IAAMC,qBAA0E,GAAG,SAA7EA,qBAA0EA,CAAAC,IAAA,EAA0E;EAAA,IAApEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CAAEG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,WAAW,GAAAA,YAAA;IAAEE,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;EACxJ,IAAMC,aAAa,GAAGpB,aAAa,CAACH,WAAW,CAACa,KAAK,CAACW,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;EAE7E,oBACEnB,IAAA,CAACC,eAAe;IAAAmB,QAAA,eACdpB,IAAA,CAACN,MAAM;MAACmB,OAAO,EAAEA,OAAQ;MAACQ,IAAI,EAAEH,aAAa,GAAGrB,IAAI,CAACyB,MAAM,GAAGzB,IAAI,CAAC0B,KAAM;MAACZ,QAAQ,EAAEA,QAAS;MAACG,IAAI,EAAEA,IAAK;MAACE,OAAO,EAAEA,OAAQ;MAACQ,OAAO,EAAEP,MAAO;MAAAG,QAAA,EACzIL;IAAK,CACA;EAAC,CACM,CAAC;AAEtB,CAAC","ignoreList":[]}