@entur/tooltip 2.6.1 → 2.6.3

package/dist/tooltip.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs.production.min.js","sources":["../src/Popover.tsx","../src/index.tsx","../src/Tooltip.tsx"],"sourcesContent":["import React, { cloneElement, createContext, useContext } from 'react';\n\nimport { usePopper } from 'react-popper';\nimport { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\n\nimport { Contrast } from '@entur/layout';\nimport { useOnClickOutside } from '@entur/utils';\n\nimport './Popover.scss';\n\ntype PopoverContentCallbackProps = {\n  ref: React.Ref<HTMLDivElement>;\n};\n\ntype PopoverContextProps = {\n  showPopover: boolean;\n  triggerElement?: React.RefObject<HTMLButtonElement>;\n  contentElement: React.RefObject<HTMLDivElement>;\n  styles: { [key: string]: React.CSSProperties };\n  attributes: { [key: string]: { [key: string]: string } | undefined };\n  closeButtonProps: Record<string, unknown>;\n  popoverContentProps: (\n    e: PopoverContentCallbackProps,\n  ) => Record<string, unknown>;\n  triggerProps: () => Record<string, unknown>;\n  [key: string]: any;\n};\n\nconst PopoverContext = createContext<PopoverContextProps | undefined>(\n  undefined,\n);\nconst usePopoverContext = () => {\n  const context = useContext(PopoverContext);\n  if (context == null) {\n    throw Error('usePopoverContext must be used within <Popover/>');\n  }\n  return context;\n};\n\nconst useCustomState = (\n  state?: boolean,\n  setState?: React.Dispatch<React.SetStateAction<boolean>>,\n): [boolean, React.Dispatch<React.SetStateAction<boolean>>, boolean] => {\n  const [internalState, setInternalState] = React.useState<boolean>(false);\n  const controlled = state !== undefined && setState !== undefined;\n  if (controlled) return [state, setState, controlled];\n  return [internalState, setInternalState, controlled];\n};\n\nexport type PopoverProps = {\n  /** Innholdet i Popover */\n  children: React.ReactNode;\n  /** Plasseringen av Popover\n   * @default \"bottom-start\"\n   */\n  placement?: Placement;\n  /** Hvis du ønsker å styre state selv kan du sende inn state her */\n  showPopover?: boolean;\n  /** Hvis du ønsker å styre state selv kan du sende inn setState her */\n  setShowPopover?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Popover: React.FC<PopoverProps> = ({\n  children,\n  placement = 'bottom-start',\n  showPopover: controlledState,\n  setShowPopover: setControlledState,\n}) => {\n  const [showPopover, setShowPopover, controlled] = useCustomState(\n    controlledState,\n    setControlledState,\n  );\n  const triggerElement = React.useRef(null);\n  const contentElement = React.useRef(null);\n\n  const { styles, attributes, forceUpdate } = usePopper(\n    triggerElement.current,\n    contentElement.current,\n    {\n      modifiers: [\n        { name: 'arrow', enabled: false },\n        {\n          name: 'offset',\n          options: {\n            offset: [0, 8],\n          },\n        },\n      ],\n      placement: placement,\n    },\n  );\n\n  React.useEffect(() => {\n    if (forceUpdate) {\n      forceUpdate();\n    }\n  }, [showPopover, forceUpdate]);\n\n  const triggerProps = React.useCallback(() => {\n    const buttonProps = {\n      'aria-haspopup': 'dialog',\n      'aria-expanded': showPopover,\n      ref: triggerElement,\n    };\n    const buttonOnClick = {\n      onClick: (e: React.MouseEvent) => {\n        e.preventDefault();\n        setShowPopover(prev => !prev);\n      },\n    };\n    return controlled ? buttonProps : { ...buttonProps, ...buttonOnClick };\n  }, [triggerElement, showPopover, setShowPopover, controlled]);\n\n  useOnClickOutside([contentElement, triggerElement], () =>\n    setShowPopover(false),\n  );\n  const closeButtonProps = {\n    onClick: (e: React.MouseEvent) => {\n      e.preventDefault();\n      setShowPopover(false);\n    },\n  };\n  const popoverContentProps = React.useCallback(() => {\n    const contentProps = {\n      role: 'dialog',\n      'aria-modal': 'false',\n      ref: contentElement,\n      onKeyDown: (event: React.KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          showPopover && setShowPopover(false);\n        }\n      },\n      onBlur: (event: React.FocusEvent) => {\n        const elementReceivingFocus = event.relatedTarget as HTMLElement;\n        // The check for 'tabindex=-1' is a special case for focus handling in Docz\n        if (\n          !elementReceivingFocus ||\n          elementReceivingFocus.getAttribute('tabindex') === '-1'\n        )\n          return;\n        const focusElementIsPopover = elementContainsElement(\n          contentElement.current,\n          elementReceivingFocus,\n        );\n        const focusElementIsTrigger = elementContainsElement(\n          triggerElement.current,\n          elementReceivingFocus,\n        );\n        const isValidBlur = !focusElementIsPopover && !focusElementIsTrigger;\n        if (showPopover && isValidBlur) setShowPopover(false);\n      },\n    };\n    return contentProps;\n  }, [contentElement, showPopover, setShowPopover]);\n  const contextValue: PopoverContextProps = {\n    showPopover,\n    triggerElement,\n    contentElement,\n    styles,\n    attributes,\n    popoverContentProps,\n    closeButtonProps,\n    triggerProps,\n  };\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\nexport type PopoverTriggerProps = {\n  /** Knapp som skal brukes for å åpne Popover */\n  children: React.ReactElement;\n};\n\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = ({ children }) => {\n  const { triggerProps } = usePopoverContext();\n  const child = React.Children.only(children) as React.ReactElement<any>;\n  return cloneElement(child, triggerProps());\n};\n\nexport type PopoverCloseButtonProps = {\n  /** En valgfri knapp som kan legges inn for å lukke Popover */\n  children: React.ReactElement;\n};\n\nexport const PopoverCloseButton: React.FC<PopoverCloseButtonProps> = ({\n  children,\n  ...rest\n}) => {\n  const { closeButtonProps } = usePopoverContext();\n  return cloneElement(children, { ...closeButtonProps, ...rest });\n};\n\nexport type PopoverContentProps = {\n  /**Innholdet til Popover */\n  children: React.ReactNode;\n};\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(({ children }, ref: React.Ref<HTMLDivElement>) => {\n  const { showPopover, attributes, styles, popoverContentProps } =\n    usePopoverContext();\n  const props = popoverContentProps({ ref });\n  return (\n    <Contrast\n      className={classNames(\n        'eds-popover',\n        {\n          'eds-popover--hidden': !showPopover,\n        },\n        'eds-contrast',\n      )}\n      style={styles.popper}\n      aria-hidden={!showPopover}\n      {...attributes.styles}\n      {...props}\n    >\n      {children}\n    </Contrast>\n  );\n});\n\nfunction elementContainsElement(\n  parent: HTMLElement | null,\n  child: HTMLElement,\n) {\n  if (!parent) return false;\n  return parent === child || parent.contains(child);\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tooltip');\n\nexport * from './Tooltip';\nexport * from './Popover';\n","import React, { cloneElement, useState } from 'react';\nimport { Manager, Reference, Popper } from 'react-popper';\nimport classNames from 'classnames';\nimport { useRandomId } from '@entur/utils';\nimport { Placement as PopperPlacementProps } from '@popperjs/core';\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport './Tooltip.scss';\n\ntype Modifier = {\n  name: string;\n  enabled?: boolean;\n  requires?: Array<string>;\n  requiresIfExists?: Array<string>;\n  options?: Record<string, unknown>;\n  data?: Record<string, unknown>;\n  [key: string]: any;\n};\n\nexport type TooltipProps = {\n  /** Plassering av tooltip-en */\n  placement:\n    | 'top'\n    | 'top-left'\n    | 'top-right'\n    | 'left'\n    | 'right'\n    | 'bottom-left' // bottom-start\n    | 'bottom'\n    | 'bottom-right'; // bottom-end\n  /** Innholdet i tooltip-boksen */\n  content: React.ReactNode;\n  /** Elementet som skal ha tooltip-funksjonalitet */\n  children: React.ReactElement;\n  /** Om tooltipen skal vises */\n  isOpen?: boolean;\n  /** Ekstra klassenavn for tooltip */\n  className?: string;\n  /** Åpner ikke tooltip ved hover-events\n   * @default false\n   */\n  disableHoverListener?: boolean;\n  /** Åpner ikke tooltip ved focus-events\n   * @default false\n   */\n  disableFocusListener?: boolean;\n  /** Viser en lukkeknapp om man kontrollerer åpningen av Tooltip vha `isOpen`\n   * @default true\n   */\n  showCloseButton?: boolean;\n  /** Valideringsvariant for Tooltip */\n  variant?: 'error';\n  /** En array av modifiers som sendes til Popper, rammeverket som brukes til plassering av Tooltip\n   * @default [{ name: 'offset', options: { offset: [0, 10]} }]\n   */\n  popperModifiers?: Modifier[];\n  [key: string]: any;\n};\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  placement,\n  content,\n  children,\n  className,\n  isOpen = false,\n  disableHoverListener = false,\n  disableFocusListener = false,\n  showCloseButton = true,\n  variant,\n  popperModifiers = [\n    {\n      name: 'offset',\n      options: { offset: [0, 10] },\n    },\n  ],\n  ...rest\n}) => {\n  const [showTooltip, setShowTooltip] = useState(isOpen || false);\n  let hoverTimer: ReturnType<typeof setTimeout>;\n\n  const handleOpen: (event: React.MouseEvent) => void = event => {\n    event.persist();\n    hoverTimer = setTimeout(() => {\n      setShowTooltip(true);\n    }, 150);\n  };\n  const onMouseExit: () => void = () => {\n    setShowTooltip(false);\n    clearTimeout(hoverTimer);\n  };\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(hoverTimer);\n    };\n  });\n\n  const tooltipId = useRandomId('eds-tooltip');\n  React.useEffect(() => {\n    setShowTooltip(isOpen);\n  }, [isOpen]);\n\n  React.useEffect(() => {\n    if (!content) {\n      setShowTooltip(false);\n    }\n  }, [content]);\n\n  let popperPlacement = placement as PopperPlacementProps;\n  if (placement.includes('-')) {\n    if (placement.includes('right')) {\n      popperPlacement = placement.replace(\n        'right',\n        'end',\n      ) as PopperPlacementProps;\n    }\n    if (placement.includes('left')) {\n      popperPlacement = placement.replace(\n        'left',\n        'start',\n      ) as PopperPlacementProps;\n    }\n  }\n\n  const childProps: {\n    'aria-describedby'?: string;\n    onFocus?: () => void;\n    onBlur?: () => void;\n    onMouseEnter?: (e: React.MouseEvent) => void;\n    onMouseLeave?: () => void;\n  } = {};\n  childProps['aria-describedby'] = tooltipId;\n  if (!disableFocusListener) {\n    childProps.onFocus = () => setShowTooltip(true);\n    childProps.onBlur = () => setShowTooltip(false);\n  }\n  if (!disableHoverListener) {\n    childProps.onMouseEnter = e => handleOpen(e);\n    childProps.onMouseLeave = () => onMouseExit();\n  }\n\n  return (\n    <Manager>\n      <Reference>\n        {({ ref }) =>\n          cloneElement(children, {\n            ref: ref,\n            ...childProps,\n          })\n        }\n      </Reference>\n      {showTooltip && (\n        <Popper\n          modifiers={[{ name: 'arrow', enabled: false }, ...popperModifiers]}\n          placement={popperPlacement}\n        >\n          {({ ref, style, placement: popperPlacement }) => (\n            <div\n              className={classNames(\n                'eds-tooltip',\n                className,\n                `eds-tooltip--${popperPlacement}`,\n                { 'eds-tooltip--error': variant === 'error' },\n              )}\n              ref={ref}\n              style={style}\n              role=\"tooltip\"\n              id={tooltipId}\n              data-placement={popperPlacement}\n              {...rest}\n            >\n              {content}\n              {isOpen && showCloseButton && (\n                <IconButton\n                  className=\"eds-tooltip__close-button\"\n                  onClick={() => setShowTooltip(false)}\n                >\n                  <CloseIcon />\n                </IconButton>\n              )}\n            </div>\n          )}\n        </Popper>\n      )}\n    </Manager>\n  );\n};\n"],"names":["PopoverContext","createContext","undefined","usePopoverContext","context","useContext","Error","PopoverContent","React","forwardRef","ref","children","showPopover","attributes","styles","props","popoverContentProps","Contrast","className","classNames","style","popper","elementContainsElement","parent","child","contains","warnAboutMissingStyles","placement","state","setState","useState","controlled","useCustomState","setShowPopover","triggerElement","useRef","contentElement","usePopper","current","modifiers","name","enabled","options","offset","forceUpdate","useEffect","triggerProps","useCallback","buttonProps","onClick","e","preventDefault","prev","useOnClickOutside","closeButtonProps","role","onKeyDown","event","key","onBlur","elementReceivingFocus","relatedTarget","getAttribute","focusElementIsPopover","focusElementIsTrigger","Provider","value","rest","cloneElement","Children","only","hoverTimer","content","isOpen","disableHoverListener","disableFocusListener","showCloseButton","variant","popperModifiers","showTooltip","setShowTooltip","clearTimeout","tooltipId","useRandomId","popperPlacement","includes","replace","childProps","onFocus","onMouseEnter","persist","setTimeout","onMouseLeave","Manager","Reference","Popper","id","IconButton","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"tooltip.cjs.production.min.js","sources":["../src/Popover.tsx","../src/index.tsx","../src/Tooltip.tsx"],"sourcesContent":["import React, { cloneElement, createContext, useContext } from 'react';\n\nimport { usePopper } from 'react-popper';\nimport { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\n\nimport { Contrast } from '@entur/layout';\nimport { useOnClickOutside } from '@entur/utils';\n\nimport './Popover.scss';\n\ntype PopoverContentCallbackProps = {\n  ref: React.Ref<HTMLDivElement>;\n};\n\ntype PopoverContextProps = {\n  showPopover: boolean;\n  triggerElement?: React.RefObject<HTMLButtonElement>;\n  contentElement: React.RefObject<HTMLDivElement>;\n  styles: { [key: string]: React.CSSProperties };\n  attributes: { [key: string]: { [key: string]: string } | undefined };\n  closeButtonProps: Record<string, unknown>;\n  popoverContentProps: (\n    e: PopoverContentCallbackProps,\n  ) => Record<string, unknown>;\n  triggerProps: () => Record<string, unknown>;\n  [key: string]: any;\n};\n\nconst PopoverContext = createContext<PopoverContextProps | undefined>(\n  undefined,\n);\nconst usePopoverContext = () => {\n  const context = useContext(PopoverContext);\n  if (context == null) {\n    throw Error('usePopoverContext must be used within <Popover/>');\n  }\n  return context;\n};\n\nconst useCustomState = (\n  state?: boolean,\n  setState?: React.Dispatch<React.SetStateAction<boolean>>,\n): [boolean, React.Dispatch<React.SetStateAction<boolean>>, boolean] => {\n  const [internalState, setInternalState] = React.useState<boolean>(false);\n  const controlled = state !== undefined && setState !== undefined;\n  if (controlled) return [state, setState, controlled];\n  return [internalState, setInternalState, controlled];\n};\n\nexport type PopoverProps = {\n  /** Innholdet i Popover */\n  children: React.ReactNode;\n  /** Plasseringen av Popover\n   * @default \"bottom-start\"\n   */\n  placement?: Placement;\n  /** Hvis du ønsker å styre state selv kan du sende inn state her */\n  showPopover?: boolean;\n  /** Hvis du ønsker å styre state selv kan du sende inn setState her */\n  setShowPopover?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Popover: React.FC<PopoverProps> = ({\n  children,\n  placement = 'bottom-start',\n  showPopover: controlledState,\n  setShowPopover: setControlledState,\n}) => {\n  const [showPopover, setShowPopover, controlled] = useCustomState(\n    controlledState,\n    setControlledState,\n  );\n  const triggerElement = React.useRef(null);\n  const contentElement = React.useRef(null);\n\n  const { styles, attributes, forceUpdate } = usePopper(\n    triggerElement.current,\n    contentElement.current,\n    {\n      modifiers: [\n        { name: 'arrow', enabled: false },\n        {\n          name: 'offset',\n          options: {\n            offset: [0, 8],\n          },\n        },\n      ],\n      placement: placement,\n    },\n  );\n\n  React.useEffect(() => {\n    if (forceUpdate) {\n      forceUpdate();\n    }\n  }, [showPopover, forceUpdate]);\n\n  const triggerProps = React.useCallback(() => {\n    const buttonProps = {\n      'aria-haspopup': 'dialog',\n      'aria-expanded': showPopover,\n      ref: triggerElement,\n    };\n    const buttonOnClick = {\n      onClick: (e: React.MouseEvent) => {\n        e.preventDefault();\n        setShowPopover(prev => !prev);\n      },\n    };\n    return controlled ? buttonProps : { ...buttonProps, ...buttonOnClick };\n  }, [triggerElement, showPopover, setShowPopover, controlled]);\n\n  useOnClickOutside([contentElement, triggerElement], () =>\n    setShowPopover(false),\n  );\n  const closeButtonProps = {\n    onClick: (e: React.MouseEvent) => {\n      e.preventDefault();\n      setShowPopover(false);\n    },\n  };\n  const popoverContentProps = React.useCallback(() => {\n    const contentProps = {\n      role: 'dialog',\n      'aria-modal': 'false',\n      ref: contentElement,\n      onKeyDown: (event: React.KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          showPopover && setShowPopover(false);\n        }\n      },\n      onBlur: (event: React.FocusEvent) => {\n        const elementReceivingFocus = event.relatedTarget as HTMLElement;\n        // The check for 'tabindex=-1' is a special case for focus handling in Docz\n        if (\n          !elementReceivingFocus ||\n          elementReceivingFocus.getAttribute('tabindex') === '-1'\n        )\n          return;\n        const focusElementIsPopover = elementContainsElement(\n          contentElement.current,\n          elementReceivingFocus,\n        );\n        const focusElementIsTrigger = elementContainsElement(\n          triggerElement.current,\n          elementReceivingFocus,\n        );\n        const isValidBlur = !focusElementIsPopover && !focusElementIsTrigger;\n        if (showPopover && isValidBlur) setShowPopover(false);\n      },\n    };\n    return contentProps;\n  }, [contentElement, showPopover, setShowPopover]);\n  const contextValue: PopoverContextProps = {\n    showPopover,\n    triggerElement,\n    contentElement,\n    styles,\n    attributes,\n    popoverContentProps,\n    closeButtonProps,\n    triggerProps,\n  };\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\nexport type PopoverTriggerProps = {\n  /** Knapp som skal brukes for å åpne Popover */\n  children: React.ReactElement;\n};\n\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = ({ children }) => {\n  const { triggerProps } = usePopoverContext();\n  const child = React.Children.only(children) as React.ReactElement<any>;\n  return cloneElement(child, triggerProps());\n};\n\nexport type PopoverCloseButtonProps = {\n  /** En valgfri knapp som kan legges inn for å lukke Popover */\n  children: React.ReactElement;\n};\n\nexport const PopoverCloseButton: React.FC<PopoverCloseButtonProps> = ({\n  children,\n  ...rest\n}) => {\n  const { closeButtonProps } = usePopoverContext();\n  return cloneElement(children, { ...closeButtonProps, ...rest });\n};\n\nexport type PopoverContentProps = {\n  /**Innholdet til Popover */\n  children: React.ReactNode;\n};\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(({ children }, ref: React.Ref<HTMLDivElement>) => {\n  const { showPopover, attributes, styles, popoverContentProps } =\n    usePopoverContext();\n  const props = popoverContentProps({ ref });\n  return (\n    <Contrast\n      className={classNames(\n        'eds-popover',\n        {\n          'eds-popover--hidden': !showPopover,\n        },\n        'eds-contrast',\n      )}\n      style={styles.popper}\n      aria-hidden={!showPopover}\n      {...attributes.styles}\n      {...props}\n    >\n      {children}\n    </Contrast>\n  );\n});\n\nfunction elementContainsElement(\n  parent: HTMLElement | null,\n  child: HTMLElement,\n) {\n  if (!parent) return false;\n  return parent === child || parent.contains(child);\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tooltip');\n\nexport * from './Tooltip';\nexport * from './Popover';\n","import React, { cloneElement, useState } from 'react';\nimport { Manager, Reference, Popper } from 'react-popper';\nimport classNames from 'classnames';\nimport { useRandomId } from '@entur/utils';\nimport { Placement as PopperPlacementProps } from '@popperjs/core';\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport './Tooltip.scss';\n\ntype Modifier = {\n  name: string;\n  enabled?: boolean;\n  requires?: Array<string>;\n  requiresIfExists?: Array<string>;\n  options?: Record<string, unknown>;\n  data?: Record<string, unknown>;\n  [key: string]: any;\n};\n\nexport type TooltipProps = {\n  /** Plassering av tooltip-en */\n  placement:\n    | 'top'\n    | 'top-left'\n    | 'top-right'\n    | 'left'\n    | 'right'\n    | 'bottom-left' // bottom-start\n    | 'bottom'\n    | 'bottom-right'; // bottom-end\n  /** Innholdet i tooltip-boksen */\n  content: React.ReactNode;\n  /** Elementet som skal ha tooltip-funksjonalitet */\n  children: React.ReactElement;\n  /** Om tooltipen skal vises */\n  isOpen?: boolean;\n  /** Ekstra klassenavn for tooltip */\n  className?: string;\n  /** Åpner ikke tooltip ved hover-events\n   * @default false\n   */\n  disableHoverListener?: boolean;\n  /** Åpner ikke tooltip ved focus-events\n   * @default false\n   */\n  disableFocusListener?: boolean;\n  /** Viser en lukkeknapp om man kontrollerer åpningen av Tooltip vha `isOpen`\n   * @default true\n   */\n  showCloseButton?: boolean;\n  /** Valideringsvariant for Tooltip */\n  variant?: 'error';\n  /** En array av modifiers som sendes til Popper, rammeverket som brukes til plassering av Tooltip\n   * @default [{ name: 'offset', options: { offset: [0, 10]} }]\n   */\n  popperModifiers?: Modifier[];\n  [key: string]: any;\n};\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  placement,\n  content,\n  children,\n  className,\n  isOpen = false,\n  disableHoverListener = false,\n  disableFocusListener = false,\n  showCloseButton = true,\n  variant,\n  popperModifiers = [\n    {\n      name: 'offset',\n      options: { offset: [0, 10] },\n    },\n  ],\n  ...rest\n}) => {\n  const [showTooltip, setShowTooltip] = useState(isOpen || false);\n  let hoverTimer: ReturnType<typeof setTimeout>;\n\n  const handleOpen: (event: React.MouseEvent) => void = event => {\n    event.persist();\n    hoverTimer = setTimeout(() => {\n      setShowTooltip(true);\n    }, 150);\n  };\n  const onMouseExit: () => void = () => {\n    setShowTooltip(false);\n    clearTimeout(hoverTimer);\n  };\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(hoverTimer);\n    };\n  });\n\n  const tooltipId = useRandomId('eds-tooltip');\n  React.useEffect(() => {\n    setShowTooltip(isOpen);\n  }, [isOpen]);\n\n  React.useEffect(() => {\n    if (!content) {\n      setShowTooltip(false);\n    }\n  }, [content]);\n\n  let popperPlacement = placement as PopperPlacementProps;\n  if (placement.includes('-')) {\n    if (placement.includes('right')) {\n      popperPlacement = placement.replace(\n        'right',\n        'end',\n      ) as PopperPlacementProps;\n    }\n    if (placement.includes('left')) {\n      popperPlacement = placement.replace(\n        'left',\n        'start',\n      ) as PopperPlacementProps;\n    }\n  }\n\n  const childProps: {\n    'aria-describedby'?: string;\n    onFocus?: () => void;\n    onBlur?: () => void;\n    onMouseEnter?: (e: React.MouseEvent) => void;\n    onMouseLeave?: () => void;\n  } = {};\n  childProps['aria-describedby'] = tooltipId;\n  if (!disableFocusListener) {\n    childProps.onFocus = () => setShowTooltip(true);\n    childProps.onBlur = () => setShowTooltip(false);\n  }\n  if (!disableHoverListener) {\n    childProps.onMouseEnter = e => handleOpen(e);\n    childProps.onMouseLeave = () => onMouseExit();\n  }\n\n  return (\n    <Manager>\n      <Reference>\n        {({ ref }) =>\n          cloneElement(children, {\n            ref: ref,\n            ...childProps,\n          })\n        }\n      </Reference>\n      {showTooltip && (\n        <Popper\n          modifiers={[{ name: 'arrow', enabled: false }, ...popperModifiers]}\n          placement={popperPlacement}\n        >\n          {({ ref, style, placement: popperPlacement }) => (\n            <div\n              className={classNames(\n                'eds-tooltip',\n                className,\n                `eds-tooltip--${popperPlacement}`,\n                { 'eds-tooltip--error': variant === 'error' },\n              )}\n              ref={ref}\n              style={style}\n              role=\"tooltip\"\n              id={tooltipId}\n              data-placement={popperPlacement}\n              {...rest}\n            >\n              {content}\n              {isOpen && showCloseButton && (\n                <IconButton\n                  className=\"eds-tooltip__close-button\"\n                  onClick={() => setShowTooltip(false)}\n                >\n                  <CloseIcon />\n                </IconButton>\n              )}\n            </div>\n          )}\n        </Popper>\n      )}\n    </Manager>\n  );\n};\n"],"names":["PopoverContext","createContext","undefined","usePopoverContext","context","useContext","Error","PopoverContent","React","forwardRef","ref","children","_usePopoverContext3","showPopover","attributes","styles","props","popoverContentProps","Contrast","_extends","className","classNames","style","popper","elementContainsElement","parent","child","contains","warnAboutMissingStyles","_ref","_ref$placement","placement","_useCustomState","state","setState","_React$useState","useState","controlled","useCustomState","setShowPopover","triggerElement","useRef","contentElement","usePopper","current","modifiers","name","enabled","options","offset","forceUpdate","useEffect","triggerProps","useCallback","buttonProps","onClick","e","preventDefault","prev","useOnClickOutside","closeButtonProps","role","onKeyDown","event","key","onBlur","elementReceivingFocus","relatedTarget","getAttribute","focusElementIsPopover","focusElementIsTrigger","createElement","Provider","value","_ref3","rest","_objectWithoutPropertiesLoose","_excluded","_usePopoverContext2","cloneElement","_ref2","Children","only","hoverTimer","content","_ref$isOpen","isOpen","_ref$disableHoverList","disableHoverListener","_ref$disableFocusList","disableFocusListener","_ref$showCloseButton","showCloseButton","variant","_ref$popperModifiers","popperModifiers","_useState","showTooltip","setShowTooltip","clearTimeout","tooltipId","useRandomId","popperPlacement","includes","replace","childProps","onFocus","onMouseEnter","persist","setTimeout","onMouseLeave","Manager","Reference","Popper","concat","id","IconButton","CloseIcon"],"mappings":"k2BA6BMA,EAAiBC,EAAAA,mBACrBC,GAEIC,EAAoB,WACxB,IAAMC,EAAUC,aAAWL,GAC3B,GAAe,MAAXI,EACF,MAAME,MAAM,oDAEd,OAAOF,GAoKIG,EAAiBC,EAAAA,QAAMC,YAGlC,SAAeC,EAAAA,GAAkC,IAA9CC,IAAAA,SACHC,EACET,IADMU,IAAAA,YAAaC,IAAAA,WAAYC,IAAAA,OAE3BC,GAAQC,IAF2BA,qBAEP,CAAEP,IAAAA,IACpC,OACEF,wBAACU,EAAQA,SAAAC,EAAA,CACPC,UAAWC,EAAU,QACnB,cACA,CACE,uBAAwBR,GAE1B,gBAEFS,MAAOP,EAAOQ,OACD,eAACV,GACVC,EAAWC,OACXC,GAEHL,MAKP,SAASa,EACPC,EACAC,GAEA,QAAKD,IACEA,IAAWC,GAASD,EAAOE,SAASD,ICrO7CE,EAAsBA,uBAAC,2BD4DwB,SAK1CC,GAAA,IAJHlB,IAAAA,SAAQmB,EAAAD,EACRE,UAAAA,aAAY,eAAcD,EAI1BE,EA7BqB,SACrBC,EACAC,GAEA,IAAAC,EAA0C3B,EAAAA,QAAM4B,UAAkB,GAC5DC,OAAuBnC,IAAV+B,QAAoC/B,IAAbgC,EAC1C,OAAIG,EAAmB,CAACJ,EAAOC,EAAUG,GAClC,CAHaF,EAAA,GAAkBA,EAAA,GAGGE,GAsBSC,GAHlDzB,cACA0B,gBAEO1B,EAAWmB,EAAA,GAAEO,EAAcP,EAAA,GAAEK,EAAUL,EAAA,GAIxCQ,EAAiBhC,EAAAA,QAAMiC,OAAO,MAC9BC,EAAiBlC,EAAAA,QAAMiC,OAAO,MAEQE,EAAAA,EAAAA,UAC1CH,EAAeI,QACfF,EAAeE,QACf,CACEC,UAAW,CACT,CAAEC,KAAM,QAASC,SAAS,GAC1B,CACED,KAAM,SACNE,QAAS,CACPC,OAAQ,CAAC,EAAG,MAIlBlB,UAAWA,IAbPhB,IAAAA,OAAQD,IAAAA,WAAYoC,IAAAA,YAiB5B1C,EAAK,QAAC2C,WAAU,WACVD,GACFA,MAED,CAACrC,EAAaqC,IAEjB,IAAME,EAAe5C,UAAM6C,aAAY,WACrC,IAAMC,EAAc,CAClB,gBAAiB,SACjB,gBAAiBzC,EACjBH,IAAK8B,GAQP,OAAOH,EAAaiB,OAAmBA,EANjB,CACpBC,QAAS,SAACC,GACRA,EAAEC,iBACFlB,GAAe,SAAAmB,GAAI,OAAKA,UAI3B,CAAClB,EAAgB3B,EAAa0B,EAAgBF,IAEjDsB,EAAAA,kBAAkB,CAACjB,EAAgBF,IAAiB,WAAA,OAClDD,GAAe,MAEjB,IAAMqB,EAAmB,CACvBL,QAAS,SAACC,GACRA,EAAEC,iBACFlB,GAAe,KAGbtB,EAAsBT,UAAM6C,aAAY,WA8B5C,MA7BqB,CACnBQ,KAAM,SACN,aAAc,QACdnD,IAAKgC,EACLoB,UAAW,SAACC,GACQ,WAAdA,EAAMC,KACRnD,GAAe0B,GAAe,IAGlC0B,OAAQ,SAACF,GACP,IAAMG,EAAwBH,EAAMI,cAEpC,GACGD,GACkD,OAAnDA,EAAsBE,aAAa,YAFrC,CAKA,IAAMC,EAAwB7C,EAC5BkB,EAAeE,QACfsB,GAEII,EAAwB9C,EAC5BgB,EAAeI,QACfsB,GAGErD,IADiBwD,IAA0BC,GACf/B,GAAe,QAIlD,CAACG,EAAgB7B,EAAa0B,IAWjC,OACE/B,UAAA+D,cAACvE,EAAewE,SAAQ,CAACC,MAXe,CACxC5D,YAAAA,EACA2B,eAAAA,EACAE,eAAAA,EACA3B,OAAAA,EACAD,WAAAA,EACAG,oBAAAA,EACA2C,iBAAAA,EACAR,aAAAA,IAIGzC,+BAqB8D,SAGhE+D,GAAA,IAFH/D,IAAAA,SACGgE,EAAIC,EAAAF,EAAAG,GAEPC,EAA6B3E,IAC7B,OAAO4E,EAAAA,aAAapE,SADZiD,iBACgDe,qDAhBG,SAAiBK,GAAA,IAAdrE,IAAAA,SACtDyC,EAAiBjD,IAAjBiD,aACF1B,EAAQlB,EAAK,QAACyE,SAASC,KAAKvE,GAClC,OAAOoE,eAAarD,EAAO0B,sBEzHkB,SAiB1CvB,GAAA,IAECsD,EAlBJpD,IAAAA,UACAqD,IAAAA,QACAzE,IAAAA,SACAS,IAAAA,UAASiE,EAAAxD,EACTyD,OAAAA,cAAcD,EAAAE,EAAA1D,EACd2D,qBAAAA,cAA4BD,EAAAE,EAAA5D,EAC5B6D,qBAAAA,cAA4BD,EAAAE,EAAA9D,EAC5B+D,gBAAAA,cAAsBD,EACtBE,IAAAA,QAAOC,EAAAjE,EACPkE,gBAAAA,aAAkB,CAChB,CACEjD,KAAM,SACNE,QAAS,CAAEC,OAAQ,CAAC,EAAG,OAE1B6C,EACEnB,EAAIC,EAAA/C,EAAAgD,GAEPmB,EAAsC5D,EAAAA,SAASkD,IAAU,GAAlDW,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAalCxF,EAAK,QAAC2C,WAAU,WACd,OAAO,WACLgD,aAAahB,OAIjB,IAAMiB,EAAYC,cAAY,eAC9B7F,EAAK,QAAC2C,WAAU,WACd+C,EAAeZ,KACd,CAACA,IAEJ9E,EAAK,QAAC2C,WAAU,WACTiC,GACHc,GAAe,KAEhB,CAACd,IAEJ,IAAIkB,EAAkBvE,EAClBA,EAAUwE,SAAS,OACjBxE,EAAUwE,SAAS,WACrBD,EAAkBvE,EAAUyE,QAC1B,QACA,QAGAzE,EAAUwE,SAAS,UACrBD,EAAkBvE,EAAUyE,QAC1B,OACA,WAKN,IAAMC,EAMF,GAWJ,OAVAA,EAAW,oBAAsBL,EAC5BV,IACHe,EAAWC,QAAU,WAAA,OAAMR,GAAe,IAC1CO,EAAWxC,OAAS,WAAA,OAAMiC,GAAe,KAEtCV,IACHiB,EAAWE,aAAe,SAAAnD,GAAC,OAAeA,EAvDpCoD,eACNzB,EAAa0B,YAAW,WACtBX,GAAe,KACd,OAqDHO,EAAWK,aAAe,WAAA,OAlD1BZ,GAAe,QACfC,aAAahB,KAqDb3E,wBAACuG,EAAAA,QAAO,KACNvG,UAAA+D,cAACyC,EAASA,UAAA,MACP,SAAAhC,GAAM,OACLD,EAAYA,aAACpE,EAAQQ,EAAA,CACnBT,MAFAA,KAGG+F,OAIRR,GACCzF,UAAA+D,cAAC0C,EAAAA,OAAM,CACLpE,UAAY,CAAA,CAAEC,KAAM,QAASC,SAAS,IAAOmE,OAAKnB,GAClDhE,UAAWuE,IAEV,SAAA5B,GAAA,IAAGhE,IAAAA,IAAKY,IAAAA,MAAkBgF,IAAXvE,UAAS,OACvBvB,UACE+D,cAAA,MAAApD,EAAA,CAAAC,UAAWC,EAAAA,QACT,cACAD,EAAS,gBACOkF,EAChB,CAAE,qBAAkC,UAAZT,IAE1BnF,IAAKA,EACLY,MAAOA,EACPuC,KAAK,UACLsD,GAAIf,EACY,iBAAAE,GACZ3B,GAEHS,EACAE,GAAUM,GACTpF,EAAC,QAAA+D,cAAA6C,cACChG,UAAU,4BACVmC,QAAS,WAAA,OAAM2C,GAAe,KAE9B1F,EAAC,QAAA+D,cAAA8C,EAASA,UAAG"}

package/dist/tooltip.esm.js

@@ -7,80 +7,69 @@ import { IconButton } from '@entur/button';
 import { Contrast } from '@entur/layout';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
 var _excluded$1 = ["placement", "content", "children", "className", "isOpen", "disableHoverListener", "disableFocusListener", "showCloseButton", "variant", "popperModifiers"];
 var Tooltip = function Tooltip(_ref) {
   var placement = _ref.placement,
-      content = _ref.content,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      _ref$disableHoverList = _ref.disableHoverListener,
-      disableHoverListener = _ref$disableHoverList === void 0 ? false : _ref$disableHoverList,
-      _ref$disableFocusList = _ref.disableFocusListener,
-      disableFocusListener = _ref$disableFocusList === void 0 ? false : _ref$disableFocusList,
-      _ref$showCloseButton = _ref.showCloseButton,
-      showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
-      variant = _ref.variant,
-      _ref$popperModifiers = _ref.popperModifiers,
-      popperModifiers = _ref$popperModifiers === void 0 ? [{
-    name: 'offset',
-    options: {
-      offset: [0, 10]
-    }
-  }] : _ref$popperModifiers,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    content = _ref.content,
+    children = _ref.children,
+    className = _ref.className,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$disableHoverList = _ref.disableHoverListener,
+    disableHoverListener = _ref$disableHoverList === void 0 ? false : _ref$disableHoverList,
+    _ref$disableFocusList = _ref.disableFocusListener,
+    disableFocusListener = _ref$disableFocusList === void 0 ? false : _ref$disableFocusList,
+    _ref$showCloseButton = _ref.showCloseButton,
+    showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
+    variant = _ref.variant,
+    _ref$popperModifiers = _ref.popperModifiers,
+    popperModifiers = _ref$popperModifiers === void 0 ? [{
+      name: 'offset',
+      options: {
+        offset: [0, 10]
+      }
+    }] : _ref$popperModifiers,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var _useState = useState(isOpen || false),
-      showTooltip = _useState[0],
-      setShowTooltip = _useState[1];
-
+    showTooltip = _useState[0],
+    setShowTooltip = _useState[1];
   var hoverTimer;
-
   var handleOpen = function handleOpen(event) {
     event.persist();
     hoverTimer = setTimeout(function () {
       setShowTooltip(true);
     }, 150);
   };
-
   var onMouseExit = function onMouseExit() {
     setShowTooltip(false);
     clearTimeout(hoverTimer);
   };
-
   React.useEffect(function () {
     return function () {
       clearTimeout(hoverTimer);
@@ -96,40 +85,32 @@ var Tooltip = function Tooltip(_ref) {
     }
   }, [content]);
   var popperPlacement = placement;
-
   if (placement.includes('-')) {
     if (placement.includes('right')) {
       popperPlacement = placement.replace('right', 'end');
     }
-
     if (placement.includes('left')) {
       popperPlacement = placement.replace('left', 'start');
     }
   }
-
   var childProps = {};
   childProps['aria-describedby'] = tooltipId;
-
   if (!disableFocusListener) {
     childProps.onFocus = function () {
       return setShowTooltip(true);
     };
-
     childProps.onBlur = function () {
       return setShowTooltip(false);
     };
   }
-
   if (!disableHoverListener) {
     childProps.onMouseEnter = function (e) {
       return handleOpen(e);
     };
-
     childProps.onMouseLeave = function () {
       return onMouseExit();
     };
   }
-
   return React.createElement(Manager, null, React.createElement(Reference, null, function (_ref2) {
     var ref = _ref2.ref;
     return cloneElement(children, _extends({
@@ -143,8 +124,8 @@ var Tooltip = function Tooltip(_ref) {
     placement: popperPlacement
   }, function (_ref3) {
     var ref = _ref3.ref,
-        style = _ref3.style,
-        popperPlacement = _ref3.placement;
+      style = _ref3.style,
+      popperPlacement = _ref3.placement;
     return React.createElement("div", _extends({
       className: classNames('eds-tooltip', className, "eds-tooltip--" + popperPlacement, {
         'eds-tooltip--error': variant === 'error'
@@ -165,58 +146,48 @@ var Tooltip = function Tooltip(_ref) {
 
 var _excluded = ["children"];
 var PopoverContext = /*#__PURE__*/createContext(undefined);
-
 var usePopoverContext = function usePopoverContext() {
   var context = useContext(PopoverContext);
-
   if (context == null) {
     throw Error('usePopoverContext must be used within <Popover/>');
   }
-
   return context;
 };
-
 var useCustomState = function useCustomState(state, setState) {
   var _React$useState = React.useState(false),
-      internalState = _React$useState[0],
-      setInternalState = _React$useState[1];
-
+    internalState = _React$useState[0],
+    setInternalState = _React$useState[1];
   var controlled = state !== undefined && setState !== undefined;
   if (controlled) return [state, setState, controlled];
   return [internalState, setInternalState, controlled];
 };
-
 var Popover = function Popover(_ref) {
   var children = _ref.children,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
-      controlledState = _ref.showPopover,
-      setControlledState = _ref.setShowPopover;
-
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
+    controlledState = _ref.showPopover,
+    setControlledState = _ref.setShowPopover;
   var _useCustomState = useCustomState(controlledState, setControlledState),
-      showPopover = _useCustomState[0],
-      setShowPopover = _useCustomState[1],
-      controlled = _useCustomState[2];
-
+    showPopover = _useCustomState[0],
+    setShowPopover = _useCustomState[1],
+    controlled = _useCustomState[2];
   var triggerElement = React.useRef(null);
   var contentElement = React.useRef(null);
-
   var _usePopper = usePopper(triggerElement.current, contentElement.current, {
-    modifiers: [{
-      name: 'arrow',
-      enabled: false
-    }, {
-      name: 'offset',
-      options: {
-        offset: [0, 8]
-      }
-    }],
-    placement: placement
-  }),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes,
-      forceUpdate = _usePopper.forceUpdate;
-
+      modifiers: [{
+        name: 'arrow',
+        enabled: false
+      }, {
+        name: 'offset',
+        options: {
+          offset: [0, 8]
+        }
+      }],
+      placement: placement
+    }),
+    styles = _usePopper.styles,
+    attributes = _usePopper.attributes,
+    forceUpdate = _usePopper.forceUpdate;
   React.useEffect(function () {
     if (forceUpdate) {
       forceUpdate();
@@ -258,8 +229,8 @@ var Popover = function Popover(_ref) {
         }
       },
       onBlur: function onBlur(event) {
-        var elementReceivingFocus = event.relatedTarget; // The check for 'tabindex=-1' is a special case for focus handling in Docz
-
+        var elementReceivingFocus = event.relatedTarget;
+        // The check for 'tabindex=-1' is a special case for focus handling in Docz
         if (!elementReceivingFocus || elementReceivingFocus.getAttribute('tabindex') === '-1') return;
         var focusElementIsPopover = elementContainsElement(contentElement.current, elementReceivingFocus);
         var focusElementIsTrigger = elementContainsElement(triggerElement.current, elementReceivingFocus);
@@ -285,31 +256,25 @@ var Popover = function Popover(_ref) {
 };
 var PopoverTrigger = function PopoverTrigger(_ref2) {
   var children = _ref2.children;
-
   var _usePopoverContext = usePopoverContext(),
-      triggerProps = _usePopoverContext.triggerProps;
-
+    triggerProps = _usePopoverContext.triggerProps;
   var child = React.Children.only(children);
   return cloneElement(child, triggerProps());
 };
 var PopoverCloseButton = function PopoverCloseButton(_ref3) {
   var children = _ref3.children,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
-
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
   var _usePopoverContext2 = usePopoverContext(),
-      closeButtonProps = _usePopoverContext2.closeButtonProps;
-
+    closeButtonProps = _usePopoverContext2.closeButtonProps;
   return cloneElement(children, _extends({}, closeButtonProps, rest));
 };
 var PopoverContent = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
   var children = _ref4.children;
-
   var _usePopoverContext3 = usePopoverContext(),
-      showPopover = _usePopoverContext3.showPopover,
-      attributes = _usePopoverContext3.attributes,
-      styles = _usePopoverContext3.styles,
-      popoverContentProps = _usePopoverContext3.popoverContentProps;
-
+    showPopover = _usePopoverContext3.showPopover,
+    attributes = _usePopoverContext3.attributes,
+    styles = _usePopoverContext3.styles,
+    popoverContentProps = _usePopoverContext3.popoverContentProps;
   var props = popoverContentProps({
     ref: ref
   });
@@ -321,7 +286,6 @@ var PopoverContent = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
     "aria-hidden": !showPopover
   }, attributes.styles, props), children);
 });
-
 function elementContainsElement(parent, child) {
   if (!parent) return false;
   return parent === child || parent.contains(child);

package/dist/tooltip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.esm.js","sources":["../src/Tooltip.tsx","../src/Popover.tsx","../src/index.tsx"],"sourcesContent":["import React, { cloneElement, useState } from 'react';\nimport { Manager, Reference, Popper } from 'react-popper';\nimport classNames from 'classnames';\nimport { useRandomId } from '@entur/utils';\nimport { Placement as PopperPlacementProps } from '@popperjs/core';\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport './Tooltip.scss';\n\ntype Modifier = {\n  name: string;\n  enabled?: boolean;\n  requires?: Array<string>;\n  requiresIfExists?: Array<string>;\n  options?: Record<string, unknown>;\n  data?: Record<string, unknown>;\n  [key: string]: any;\n};\n\nexport type TooltipProps = {\n  /** Plassering av tooltip-en */\n  placement:\n    | 'top'\n    | 'top-left'\n    | 'top-right'\n    | 'left'\n    | 'right'\n    | 'bottom-left' // bottom-start\n    | 'bottom'\n    | 'bottom-right'; // bottom-end\n  /** Innholdet i tooltip-boksen */\n  content: React.ReactNode;\n  /** Elementet som skal ha tooltip-funksjonalitet */\n  children: React.ReactElement;\n  /** Om tooltipen skal vises */\n  isOpen?: boolean;\n  /** Ekstra klassenavn for tooltip */\n  className?: string;\n  /** Åpner ikke tooltip ved hover-events\n   * @default false\n   */\n  disableHoverListener?: boolean;\n  /** Åpner ikke tooltip ved focus-events\n   * @default false\n   */\n  disableFocusListener?: boolean;\n  /** Viser en lukkeknapp om man kontrollerer åpningen av Tooltip vha `isOpen`\n   * @default true\n   */\n  showCloseButton?: boolean;\n  /** Valideringsvariant for Tooltip */\n  variant?: 'error';\n  /** En array av modifiers som sendes til Popper, rammeverket som brukes til plassering av Tooltip\n   * @default [{ name: 'offset', options: { offset: [0, 10]} }]\n   */\n  popperModifiers?: Modifier[];\n  [key: string]: any;\n};\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  placement,\n  content,\n  children,\n  className,\n  isOpen = false,\n  disableHoverListener = false,\n  disableFocusListener = false,\n  showCloseButton = true,\n  variant,\n  popperModifiers = [\n    {\n      name: 'offset',\n      options: { offset: [0, 10] },\n    },\n  ],\n  ...rest\n}) => {\n  const [showTooltip, setShowTooltip] = useState(isOpen || false);\n  let hoverTimer: ReturnType<typeof setTimeout>;\n\n  const handleOpen: (event: React.MouseEvent) => void = event => {\n    event.persist();\n    hoverTimer = setTimeout(() => {\n      setShowTooltip(true);\n    }, 150);\n  };\n  const onMouseExit: () => void = () => {\n    setShowTooltip(false);\n    clearTimeout(hoverTimer);\n  };\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(hoverTimer);\n    };\n  });\n\n  const tooltipId = useRandomId('eds-tooltip');\n  React.useEffect(() => {\n    setShowTooltip(isOpen);\n  }, [isOpen]);\n\n  React.useEffect(() => {\n    if (!content) {\n      setShowTooltip(false);\n    }\n  }, [content]);\n\n  let popperPlacement = placement as PopperPlacementProps;\n  if (placement.includes('-')) {\n    if (placement.includes('right')) {\n      popperPlacement = placement.replace(\n        'right',\n        'end',\n      ) as PopperPlacementProps;\n    }\n    if (placement.includes('left')) {\n      popperPlacement = placement.replace(\n        'left',\n        'start',\n      ) as PopperPlacementProps;\n    }\n  }\n\n  const childProps: {\n    'aria-describedby'?: string;\n    onFocus?: () => void;\n    onBlur?: () => void;\n    onMouseEnter?: (e: React.MouseEvent) => void;\n    onMouseLeave?: () => void;\n  } = {};\n  childProps['aria-describedby'] = tooltipId;\n  if (!disableFocusListener) {\n    childProps.onFocus = () => setShowTooltip(true);\n    childProps.onBlur = () => setShowTooltip(false);\n  }\n  if (!disableHoverListener) {\n    childProps.onMouseEnter = e => handleOpen(e);\n    childProps.onMouseLeave = () => onMouseExit();\n  }\n\n  return (\n    <Manager>\n      <Reference>\n        {({ ref }) =>\n          cloneElement(children, {\n            ref: ref,\n            ...childProps,\n          })\n        }\n      </Reference>\n      {showTooltip && (\n        <Popper\n          modifiers={[{ name: 'arrow', enabled: false }, ...popperModifiers]}\n          placement={popperPlacement}\n        >\n          {({ ref, style, placement: popperPlacement }) => (\n            <div\n              className={classNames(\n                'eds-tooltip',\n                className,\n                `eds-tooltip--${popperPlacement}`,\n                { 'eds-tooltip--error': variant === 'error' },\n              )}\n              ref={ref}\n              style={style}\n              role=\"tooltip\"\n              id={tooltipId}\n              data-placement={popperPlacement}\n              {...rest}\n            >\n              {content}\n              {isOpen && showCloseButton && (\n                <IconButton\n                  className=\"eds-tooltip__close-button\"\n                  onClick={() => setShowTooltip(false)}\n                >\n                  <CloseIcon />\n                </IconButton>\n              )}\n            </div>\n          )}\n        </Popper>\n      )}\n    </Manager>\n  );\n};\n","import React, { cloneElement, createContext, useContext } from 'react';\n\nimport { usePopper } from 'react-popper';\nimport { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\n\nimport { Contrast } from '@entur/layout';\nimport { useOnClickOutside } from '@entur/utils';\n\nimport './Popover.scss';\n\ntype PopoverContentCallbackProps = {\n  ref: React.Ref<HTMLDivElement>;\n};\n\ntype PopoverContextProps = {\n  showPopover: boolean;\n  triggerElement?: React.RefObject<HTMLButtonElement>;\n  contentElement: React.RefObject<HTMLDivElement>;\n  styles: { [key: string]: React.CSSProperties };\n  attributes: { [key: string]: { [key: string]: string } | undefined };\n  closeButtonProps: Record<string, unknown>;\n  popoverContentProps: (\n    e: PopoverContentCallbackProps,\n  ) => Record<string, unknown>;\n  triggerProps: () => Record<string, unknown>;\n  [key: string]: any;\n};\n\nconst PopoverContext = createContext<PopoverContextProps | undefined>(\n  undefined,\n);\nconst usePopoverContext = () => {\n  const context = useContext(PopoverContext);\n  if (context == null) {\n    throw Error('usePopoverContext must be used within <Popover/>');\n  }\n  return context;\n};\n\nconst useCustomState = (\n  state?: boolean,\n  setState?: React.Dispatch<React.SetStateAction<boolean>>,\n): [boolean, React.Dispatch<React.SetStateAction<boolean>>, boolean] => {\n  const [internalState, setInternalState] = React.useState<boolean>(false);\n  const controlled = state !== undefined && setState !== undefined;\n  if (controlled) return [state, setState, controlled];\n  return [internalState, setInternalState, controlled];\n};\n\nexport type PopoverProps = {\n  /** Innholdet i Popover */\n  children: React.ReactNode;\n  /** Plasseringen av Popover\n   * @default \"bottom-start\"\n   */\n  placement?: Placement;\n  /** Hvis du ønsker å styre state selv kan du sende inn state her */\n  showPopover?: boolean;\n  /** Hvis du ønsker å styre state selv kan du sende inn setState her */\n  setShowPopover?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Popover: React.FC<PopoverProps> = ({\n  children,\n  placement = 'bottom-start',\n  showPopover: controlledState,\n  setShowPopover: setControlledState,\n}) => {\n  const [showPopover, setShowPopover, controlled] = useCustomState(\n    controlledState,\n    setControlledState,\n  );\n  const triggerElement = React.useRef(null);\n  const contentElement = React.useRef(null);\n\n  const { styles, attributes, forceUpdate } = usePopper(\n    triggerElement.current,\n    contentElement.current,\n    {\n      modifiers: [\n        { name: 'arrow', enabled: false },\n        {\n          name: 'offset',\n          options: {\n            offset: [0, 8],\n          },\n        },\n      ],\n      placement: placement,\n    },\n  );\n\n  React.useEffect(() => {\n    if (forceUpdate) {\n      forceUpdate();\n    }\n  }, [showPopover, forceUpdate]);\n\n  const triggerProps = React.useCallback(() => {\n    const buttonProps = {\n      'aria-haspopup': 'dialog',\n      'aria-expanded': showPopover,\n      ref: triggerElement,\n    };\n    const buttonOnClick = {\n      onClick: (e: React.MouseEvent) => {\n        e.preventDefault();\n        setShowPopover(prev => !prev);\n      },\n    };\n    return controlled ? buttonProps : { ...buttonProps, ...buttonOnClick };\n  }, [triggerElement, showPopover, setShowPopover, controlled]);\n\n  useOnClickOutside([contentElement, triggerElement], () =>\n    setShowPopover(false),\n  );\n  const closeButtonProps = {\n    onClick: (e: React.MouseEvent) => {\n      e.preventDefault();\n      setShowPopover(false);\n    },\n  };\n  const popoverContentProps = React.useCallback(() => {\n    const contentProps = {\n      role: 'dialog',\n      'aria-modal': 'false',\n      ref: contentElement,\n      onKeyDown: (event: React.KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          showPopover && setShowPopover(false);\n        }\n      },\n      onBlur: (event: React.FocusEvent) => {\n        const elementReceivingFocus = event.relatedTarget as HTMLElement;\n        // The check for 'tabindex=-1' is a special case for focus handling in Docz\n        if (\n          !elementReceivingFocus ||\n          elementReceivingFocus.getAttribute('tabindex') === '-1'\n        )\n          return;\n        const focusElementIsPopover = elementContainsElement(\n          contentElement.current,\n          elementReceivingFocus,\n        );\n        const focusElementIsTrigger = elementContainsElement(\n          triggerElement.current,\n          elementReceivingFocus,\n        );\n        const isValidBlur = !focusElementIsPopover && !focusElementIsTrigger;\n        if (showPopover && isValidBlur) setShowPopover(false);\n      },\n    };\n    return contentProps;\n  }, [contentElement, showPopover, setShowPopover]);\n  const contextValue: PopoverContextProps = {\n    showPopover,\n    triggerElement,\n    contentElement,\n    styles,\n    attributes,\n    popoverContentProps,\n    closeButtonProps,\n    triggerProps,\n  };\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\nexport type PopoverTriggerProps = {\n  /** Knapp som skal brukes for å åpne Popover */\n  children: React.ReactElement;\n};\n\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = ({ children }) => {\n  const { triggerProps } = usePopoverContext();\n  const child = React.Children.only(children) as React.ReactElement<any>;\n  return cloneElement(child, triggerProps());\n};\n\nexport type PopoverCloseButtonProps = {\n  /** En valgfri knapp som kan legges inn for å lukke Popover */\n  children: React.ReactElement;\n};\n\nexport const PopoverCloseButton: React.FC<PopoverCloseButtonProps> = ({\n  children,\n  ...rest\n}) => {\n  const { closeButtonProps } = usePopoverContext();\n  return cloneElement(children, { ...closeButtonProps, ...rest });\n};\n\nexport type PopoverContentProps = {\n  /**Innholdet til Popover */\n  children: React.ReactNode;\n};\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(({ children }, ref: React.Ref<HTMLDivElement>) => {\n  const { showPopover, attributes, styles, popoverContentProps } =\n    usePopoverContext();\n  const props = popoverContentProps({ ref });\n  return (\n    <Contrast\n      className={classNames(\n        'eds-popover',\n        {\n          'eds-popover--hidden': !showPopover,\n        },\n        'eds-contrast',\n      )}\n      style={styles.popper}\n      aria-hidden={!showPopover}\n      {...attributes.styles}\n      {...props}\n    >\n      {children}\n    </Contrast>\n  );\n});\n\nfunction elementContainsElement(\n  parent: HTMLElement | null,\n  child: HTMLElement,\n) {\n  if (!parent) return false;\n  return parent === child || parent.contains(child);\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tooltip');\n\nexport * from './Tooltip';\nexport * from './Popover';\n"],"names":["Tooltip","placement","content","children","className","isOpen","disableHoverListener","disableFocusListener","showCloseButton","variant","popperModifiers","name","options","offset","rest","useState","showTooltip","setShowTooltip","hoverTimer","handleOpen","event","persist","setTimeout","onMouseExit","clearTimeout","React","useEffect","tooltipId","useRandomId","popperPlacement","includes","replace","childProps","onFocus","onBlur","onMouseEnter","e","onMouseLeave","Manager","Reference","ref","cloneElement","Popper","modifiers","enabled","style","classNames","role","id","IconButton","onClick","CloseIcon","PopoverContext","createContext","undefined","usePopoverContext","context","useContext","Error","useCustomState","state","setState","internalState","setInternalState","controlled","Popover","controlledState","showPopover","setControlledState","setShowPopover","triggerElement","useRef","contentElement","usePopper","current","styles","attributes","forceUpdate","triggerProps","useCallback","buttonProps","buttonOnClick","preventDefault","prev","useOnClickOutside","closeButtonProps","popoverContentProps","contentProps","onKeyDown","key","elementReceivingFocus","relatedTarget","getAttribute","focusElementIsPopover","elementContainsElement","focusElementIsTrigger","isValidBlur","contextValue","Provider","value","PopoverTrigger","child","Children","only","PopoverCloseButton","PopoverContent","forwardRef","props","Contrast","popper","parent","contains","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"tooltip.esm.js","sources":["../src/Tooltip.tsx","../src/Popover.tsx","../src/index.tsx"],"sourcesContent":["import React, { cloneElement, useState } from 'react';\nimport { Manager, Reference, Popper } from 'react-popper';\nimport classNames from 'classnames';\nimport { useRandomId } from '@entur/utils';\nimport { Placement as PopperPlacementProps } from '@popperjs/core';\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport './Tooltip.scss';\n\ntype Modifier = {\n  name: string;\n  enabled?: boolean;\n  requires?: Array<string>;\n  requiresIfExists?: Array<string>;\n  options?: Record<string, unknown>;\n  data?: Record<string, unknown>;\n  [key: string]: any;\n};\n\nexport type TooltipProps = {\n  /** Plassering av tooltip-en */\n  placement:\n    | 'top'\n    | 'top-left'\n    | 'top-right'\n    | 'left'\n    | 'right'\n    | 'bottom-left' // bottom-start\n    | 'bottom'\n    | 'bottom-right'; // bottom-end\n  /** Innholdet i tooltip-boksen */\n  content: React.ReactNode;\n  /** Elementet som skal ha tooltip-funksjonalitet */\n  children: React.ReactElement;\n  /** Om tooltipen skal vises */\n  isOpen?: boolean;\n  /** Ekstra klassenavn for tooltip */\n  className?: string;\n  /** Åpner ikke tooltip ved hover-events\n   * @default false\n   */\n  disableHoverListener?: boolean;\n  /** Åpner ikke tooltip ved focus-events\n   * @default false\n   */\n  disableFocusListener?: boolean;\n  /** Viser en lukkeknapp om man kontrollerer åpningen av Tooltip vha `isOpen`\n   * @default true\n   */\n  showCloseButton?: boolean;\n  /** Valideringsvariant for Tooltip */\n  variant?: 'error';\n  /** En array av modifiers som sendes til Popper, rammeverket som brukes til plassering av Tooltip\n   * @default [{ name: 'offset', options: { offset: [0, 10]} }]\n   */\n  popperModifiers?: Modifier[];\n  [key: string]: any;\n};\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  placement,\n  content,\n  children,\n  className,\n  isOpen = false,\n  disableHoverListener = false,\n  disableFocusListener = false,\n  showCloseButton = true,\n  variant,\n  popperModifiers = [\n    {\n      name: 'offset',\n      options: { offset: [0, 10] },\n    },\n  ],\n  ...rest\n}) => {\n  const [showTooltip, setShowTooltip] = useState(isOpen || false);\n  let hoverTimer: ReturnType<typeof setTimeout>;\n\n  const handleOpen: (event: React.MouseEvent) => void = event => {\n    event.persist();\n    hoverTimer = setTimeout(() => {\n      setShowTooltip(true);\n    }, 150);\n  };\n  const onMouseExit: () => void = () => {\n    setShowTooltip(false);\n    clearTimeout(hoverTimer);\n  };\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(hoverTimer);\n    };\n  });\n\n  const tooltipId = useRandomId('eds-tooltip');\n  React.useEffect(() => {\n    setShowTooltip(isOpen);\n  }, [isOpen]);\n\n  React.useEffect(() => {\n    if (!content) {\n      setShowTooltip(false);\n    }\n  }, [content]);\n\n  let popperPlacement = placement as PopperPlacementProps;\n  if (placement.includes('-')) {\n    if (placement.includes('right')) {\n      popperPlacement = placement.replace(\n        'right',\n        'end',\n      ) as PopperPlacementProps;\n    }\n    if (placement.includes('left')) {\n      popperPlacement = placement.replace(\n        'left',\n        'start',\n      ) as PopperPlacementProps;\n    }\n  }\n\n  const childProps: {\n    'aria-describedby'?: string;\n    onFocus?: () => void;\n    onBlur?: () => void;\n    onMouseEnter?: (e: React.MouseEvent) => void;\n    onMouseLeave?: () => void;\n  } = {};\n  childProps['aria-describedby'] = tooltipId;\n  if (!disableFocusListener) {\n    childProps.onFocus = () => setShowTooltip(true);\n    childProps.onBlur = () => setShowTooltip(false);\n  }\n  if (!disableHoverListener) {\n    childProps.onMouseEnter = e => handleOpen(e);\n    childProps.onMouseLeave = () => onMouseExit();\n  }\n\n  return (\n    <Manager>\n      <Reference>\n        {({ ref }) =>\n          cloneElement(children, {\n            ref: ref,\n            ...childProps,\n          })\n        }\n      </Reference>\n      {showTooltip && (\n        <Popper\n          modifiers={[{ name: 'arrow', enabled: false }, ...popperModifiers]}\n          placement={popperPlacement}\n        >\n          {({ ref, style, placement: popperPlacement }) => (\n            <div\n              className={classNames(\n                'eds-tooltip',\n                className,\n                `eds-tooltip--${popperPlacement}`,\n                { 'eds-tooltip--error': variant === 'error' },\n              )}\n              ref={ref}\n              style={style}\n              role=\"tooltip\"\n              id={tooltipId}\n              data-placement={popperPlacement}\n              {...rest}\n            >\n              {content}\n              {isOpen && showCloseButton && (\n                <IconButton\n                  className=\"eds-tooltip__close-button\"\n                  onClick={() => setShowTooltip(false)}\n                >\n                  <CloseIcon />\n                </IconButton>\n              )}\n            </div>\n          )}\n        </Popper>\n      )}\n    </Manager>\n  );\n};\n","import React, { cloneElement, createContext, useContext } from 'react';\n\nimport { usePopper } from 'react-popper';\nimport { Placement } from '@popperjs/core';\nimport classNames from 'classnames';\n\nimport { Contrast } from '@entur/layout';\nimport { useOnClickOutside } from '@entur/utils';\n\nimport './Popover.scss';\n\ntype PopoverContentCallbackProps = {\n  ref: React.Ref<HTMLDivElement>;\n};\n\ntype PopoverContextProps = {\n  showPopover: boolean;\n  triggerElement?: React.RefObject<HTMLButtonElement>;\n  contentElement: React.RefObject<HTMLDivElement>;\n  styles: { [key: string]: React.CSSProperties };\n  attributes: { [key: string]: { [key: string]: string } | undefined };\n  closeButtonProps: Record<string, unknown>;\n  popoverContentProps: (\n    e: PopoverContentCallbackProps,\n  ) => Record<string, unknown>;\n  triggerProps: () => Record<string, unknown>;\n  [key: string]: any;\n};\n\nconst PopoverContext = createContext<PopoverContextProps | undefined>(\n  undefined,\n);\nconst usePopoverContext = () => {\n  const context = useContext(PopoverContext);\n  if (context == null) {\n    throw Error('usePopoverContext must be used within <Popover/>');\n  }\n  return context;\n};\n\nconst useCustomState = (\n  state?: boolean,\n  setState?: React.Dispatch<React.SetStateAction<boolean>>,\n): [boolean, React.Dispatch<React.SetStateAction<boolean>>, boolean] => {\n  const [internalState, setInternalState] = React.useState<boolean>(false);\n  const controlled = state !== undefined && setState !== undefined;\n  if (controlled) return [state, setState, controlled];\n  return [internalState, setInternalState, controlled];\n};\n\nexport type PopoverProps = {\n  /** Innholdet i Popover */\n  children: React.ReactNode;\n  /** Plasseringen av Popover\n   * @default \"bottom-start\"\n   */\n  placement?: Placement;\n  /** Hvis du ønsker å styre state selv kan du sende inn state her */\n  showPopover?: boolean;\n  /** Hvis du ønsker å styre state selv kan du sende inn setState her */\n  setShowPopover?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Popover: React.FC<PopoverProps> = ({\n  children,\n  placement = 'bottom-start',\n  showPopover: controlledState,\n  setShowPopover: setControlledState,\n}) => {\n  const [showPopover, setShowPopover, controlled] = useCustomState(\n    controlledState,\n    setControlledState,\n  );\n  const triggerElement = React.useRef(null);\n  const contentElement = React.useRef(null);\n\n  const { styles, attributes, forceUpdate } = usePopper(\n    triggerElement.current,\n    contentElement.current,\n    {\n      modifiers: [\n        { name: 'arrow', enabled: false },\n        {\n          name: 'offset',\n          options: {\n            offset: [0, 8],\n          },\n        },\n      ],\n      placement: placement,\n    },\n  );\n\n  React.useEffect(() => {\n    if (forceUpdate) {\n      forceUpdate();\n    }\n  }, [showPopover, forceUpdate]);\n\n  const triggerProps = React.useCallback(() => {\n    const buttonProps = {\n      'aria-haspopup': 'dialog',\n      'aria-expanded': showPopover,\n      ref: triggerElement,\n    };\n    const buttonOnClick = {\n      onClick: (e: React.MouseEvent) => {\n        e.preventDefault();\n        setShowPopover(prev => !prev);\n      },\n    };\n    return controlled ? buttonProps : { ...buttonProps, ...buttonOnClick };\n  }, [triggerElement, showPopover, setShowPopover, controlled]);\n\n  useOnClickOutside([contentElement, triggerElement], () =>\n    setShowPopover(false),\n  );\n  const closeButtonProps = {\n    onClick: (e: React.MouseEvent) => {\n      e.preventDefault();\n      setShowPopover(false);\n    },\n  };\n  const popoverContentProps = React.useCallback(() => {\n    const contentProps = {\n      role: 'dialog',\n      'aria-modal': 'false',\n      ref: contentElement,\n      onKeyDown: (event: React.KeyboardEvent) => {\n        if (event.key === 'Escape') {\n          showPopover && setShowPopover(false);\n        }\n      },\n      onBlur: (event: React.FocusEvent) => {\n        const elementReceivingFocus = event.relatedTarget as HTMLElement;\n        // The check for 'tabindex=-1' is a special case for focus handling in Docz\n        if (\n          !elementReceivingFocus ||\n          elementReceivingFocus.getAttribute('tabindex') === '-1'\n        )\n          return;\n        const focusElementIsPopover = elementContainsElement(\n          contentElement.current,\n          elementReceivingFocus,\n        );\n        const focusElementIsTrigger = elementContainsElement(\n          triggerElement.current,\n          elementReceivingFocus,\n        );\n        const isValidBlur = !focusElementIsPopover && !focusElementIsTrigger;\n        if (showPopover && isValidBlur) setShowPopover(false);\n      },\n    };\n    return contentProps;\n  }, [contentElement, showPopover, setShowPopover]);\n  const contextValue: PopoverContextProps = {\n    showPopover,\n    triggerElement,\n    contentElement,\n    styles,\n    attributes,\n    popoverContentProps,\n    closeButtonProps,\n    triggerProps,\n  };\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\nexport type PopoverTriggerProps = {\n  /** Knapp som skal brukes for å åpne Popover */\n  children: React.ReactElement;\n};\n\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = ({ children }) => {\n  const { triggerProps } = usePopoverContext();\n  const child = React.Children.only(children) as React.ReactElement<any>;\n  return cloneElement(child, triggerProps());\n};\n\nexport type PopoverCloseButtonProps = {\n  /** En valgfri knapp som kan legges inn for å lukke Popover */\n  children: React.ReactElement;\n};\n\nexport const PopoverCloseButton: React.FC<PopoverCloseButtonProps> = ({\n  children,\n  ...rest\n}) => {\n  const { closeButtonProps } = usePopoverContext();\n  return cloneElement(children, { ...closeButtonProps, ...rest });\n};\n\nexport type PopoverContentProps = {\n  /**Innholdet til Popover */\n  children: React.ReactNode;\n};\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(({ children }, ref: React.Ref<HTMLDivElement>) => {\n  const { showPopover, attributes, styles, popoverContentProps } =\n    usePopoverContext();\n  const props = popoverContentProps({ ref });\n  return (\n    <Contrast\n      className={classNames(\n        'eds-popover',\n        {\n          'eds-popover--hidden': !showPopover,\n        },\n        'eds-contrast',\n      )}\n      style={styles.popper}\n      aria-hidden={!showPopover}\n      {...attributes.styles}\n      {...props}\n    >\n      {children}\n    </Contrast>\n  );\n});\n\nfunction elementContainsElement(\n  parent: HTMLElement | null,\n  child: HTMLElement,\n) {\n  if (!parent) return false;\n  return parent === child || parent.contains(child);\n}\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tooltip');\n\nexport * from './Tooltip';\nexport * from './Popover';\n"],"names":["Tooltip","placement","content","children","className","isOpen","disableHoverListener","disableFocusListener","showCloseButton","variant","popperModifiers","name","options","offset","rest","_excluded","useState","showTooltip","setShowTooltip","hoverTimer","handleOpen","event","persist","setTimeout","onMouseExit","clearTimeout","React","useEffect","tooltipId","useRandomId","popperPlacement","includes","replace","childProps","onFocus","onBlur","onMouseEnter","e","onMouseLeave","Manager","createElement","Reference","ref","cloneElement","Popper","modifiers","enabled","style","classNames","role","id","IconButton","onClick","CloseIcon","PopoverContext","createContext","undefined","usePopoverContext","context","useContext","Error","useCustomState","state","setState","internalState","setInternalState","controlled","Popover","controlledState","showPopover","setControlledState","setShowPopover","triggerElement","useRef","contentElement","usePopper","current","styles","attributes","forceUpdate","triggerProps","useCallback","buttonProps","buttonOnClick","preventDefault","prev","useOnClickOutside","closeButtonProps","popoverContentProps","contentProps","onKeyDown","key","elementReceivingFocus","relatedTarget","getAttribute","focusElementIsPopover","elementContainsElement","focusElementIsTrigger","isValidBlur","contextValue","Provider","value","PopoverTrigger","child","Children","only","PopoverCloseButton","PopoverContent","forwardRef","props","Contrast","popper","parent","contains","warnAboutMissingStyles"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/tooltip",
-  "version": "2.6.1",
+  "version": "2.6.3",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/tooltip.esm.js",
@@ -20,20 +20,20 @@
     "start": "dts watch --noClean",
     "build": "dts build",
     "test": "dts test",
-    "lint": "dts lint"
+    "lint": "dts lint src"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/button": "^2.10.9",
-    "@entur/icons": "^5.4.2",
-    "@entur/layout": "^2.1.16",
-    "@entur/tokens": "^3.4.4",
-    "@entur/utils": "^0.5.0",
+    "@entur/button": "^2.10.11",
+    "@entur/icons": "^5.5.0",
+    "@entur/layout": "^2.1.18",
+    "@entur/tokens": "^3.5.0",
+    "@entur/utils": "^0.5.2",
     "@popperjs/core": "^2.10.1",
     "react-popper": "^2.2.5"
   },
-  "gitHead": "36772ae4f2d8375622acff19736c07d15435cb95"
+  "gitHead": "30b38034aaafba9fb308fb3d8c8bfaab9608d720"
 }