@entur/tooltip 4.0.1 → 5.1.0

package/dist/Tooltip.d.ts

@@ -21,6 +21,10 @@ export type TooltipProps = {
     children: React.ReactElement;
     /** Om tooltip-en skal vises */
     isOpen?: boolean;
+    /** Callback-funksjon for når brukeren trykker på lukk-tooltip-knappen
+     * @default () => undefined;
+     */
+    onClickCloseButton?: () => void;
     /** Ekstra klassenavn for tooltip */
     className?: string;
     /** Åpner ikke tooltip ved hover-events
@@ -39,6 +43,15 @@ export type TooltipProps = {
     showCloseButton?: boolean;
     /** Valideringsvariant for Tooltip */
     variant?: 'negative' | typeof error;
+    /** For å kontrollere tiden i millisekunder det tar før tooltip-en
+     *  vises etter hover, og hvor lang tid det tar før den lukkes etter
+     *  hover-slutt.
+     *  @default { enter: 150, leave: 300 }
+     */
+    hoverDelay?: {
+        enter?: number;
+        leave?: number;
+    };
     /** @deprecated Ikke lenger støttet. Meld fra på #talk-designsystem hvis du trenger støtte for
      * overskrivinger av plasseringen til Tooltip!
      */

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import './index.scss';
 export * from './Tooltip';
 export * from './Popover';
-export { Placement } from './utils';
+export { Placement, standardisePlacement } from './utils';

package/dist/styles.css

@@ -1,27 +1,5 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-popover {
-  background: var(--components-tooltip-popover-standard-fill);
-  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
-  border-radius: 0.25rem;
-  border: 0.0625rem solid var(--components-tooltip-popover-standard-border);
-  font-family: inherit;
-  z-index: 20;
-}
-.eds-contrast .eds-popover {
-  background: var(--components-tooltip-popover-contrast-fill);
-  box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
-}
-.eds-popover:focus {
-  outline: 2px solid #181c56;
-  outline-color: var(--basecolors-stroke-focus-standard);
-  outline-offset: 0.125rem;
-}
-.eds-contrast .eds-popover:focus {
-  outline-color: var(--basecolors-stroke-focus-contrast);
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 a.eds-button {
@@ -366,6 +344,74 @@ a.eds-button--size-large {
   margin-right: 0;
 }
 
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-icon-button {
+  border: 0.125rem solid transparent;
+  border-radius: 0.25rem;
+  background: none;
+  color: var(--components-button-iconbutton-standard-text);
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 1rem;
+  padding: 0.5rem;
+}
+
+.eds-contrast .eds-icon-button {
+  color: var(--components-button-iconbutton-contrast-text);
+}
+
+.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
+  background-color: var(--components-button-iconbutton-contrast-icon);
+}
+
+.eds-icon-button--size-small {
+  height: 1.5rem;
+  width: 1.5rem;
+  padding: 0;
+}
+
+.eds-icon-button:hover {
+  background-color: var(--components-button-iconbutton-standard-hover);
+}
+
+.eds-contrast .eds-icon-button:hover {
+  background-color: var(--components-button-iconbutton-contrast-hover);
+}
+
+.eds-icon-button:active {
+  background: var(--components-button-iconbutton-standard-active);
+  color: var(--components-button-iconbutton-standard-text-active);
+}
+
+.eds-contrast .eds-icon-button:active {
+  background: var(--components-button-iconbutton-contrast-active);
+  color: var(--components-button-iconbutton-contrast-text-active);
+}
+
+.eds-icon-button:focus {
+  outline: 2px solid #181c56;
+  outline-color: var(--basecolors-stroke-focus-standard);
+  outline-offset: 0.125rem;
+}
+
+.eds-contrast .eds-icon-button:focus {
+  outline-color: var(--basecolors-stroke-focus-contrast);
+}
+
+.eds-icon-button--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.eds-icon-button--disabled__wrapper {
+  cursor: not-allowed;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-square-button {
@@ -563,74 +609,6 @@ a.eds-button--size-large {
   border-width: 0.0625rem;
 }
 
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-icon-button {
-  border: 0.125rem solid transparent;
-  border-radius: 0.25rem;
-  background: none;
-  color: var(--components-button-iconbutton-standard-text);
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 1rem;
-  padding: 0.5rem;
-}
-
-.eds-contrast .eds-icon-button {
-  color: var(--components-button-iconbutton-contrast-text);
-}
-
-.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
-  background-color: var(--components-button-iconbutton-contrast-icon);
-}
-
-.eds-icon-button--size-small {
-  height: 1.5rem;
-  width: 1.5rem;
-  padding: 0;
-}
-
-.eds-icon-button:hover {
-  background-color: var(--components-button-iconbutton-standard-hover);
-}
-
-.eds-contrast .eds-icon-button:hover {
-  background-color: var(--components-button-iconbutton-contrast-hover);
-}
-
-.eds-icon-button:active {
-  background: var(--components-button-iconbutton-standard-active);
-  color: var(--components-button-iconbutton-standard-text-active);
-}
-
-.eds-contrast .eds-icon-button:active {
-  background: var(--components-button-iconbutton-contrast-active);
-  color: var(--components-button-iconbutton-contrast-text-active);
-}
-
-.eds-icon-button:focus {
-  outline: 2px solid #181c56;
-  outline-color: var(--basecolors-stroke-focus-standard);
-  outline-offset: 0.125rem;
-}
-
-.eds-contrast .eds-icon-button:focus {
-  outline-color: var(--basecolors-stroke-focus-contrast);
-}
-
-.eds-icon-button--disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-.eds-icon-button--disabled__wrapper {
-  cursor: not-allowed;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
@@ -1104,6 +1082,28 @@ a.eds-button--size-large {
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-popover {
+  background: var(--components-tooltip-popover-standard-fill);
+  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
+  border-radius: 0.25rem;
+  border: 0.0625rem solid var(--components-tooltip-popover-standard-border);
+  font-family: inherit;
+  z-index: 20;
+}
+.eds-contrast .eds-popover {
+  background: var(--components-tooltip-popover-contrast-fill);
+  box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
+}
+.eds-popover:focus {
+  outline: 2px solid #181c56;
+  outline-color: var(--basecolors-stroke-focus-standard);
+  outline-offset: 0.125rem;
+}
+.eds-contrast .eds-popover:focus {
+  outline-color: var(--basecolors-stroke-focus-contrast);
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/

package/dist/tooltip.cjs.development.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var utils = require('@entur/utils');
 var React = require('react');
 var classNames = require('classnames');
-var reactDom = require('@floating-ui/react-dom');
+var react = require('@floating-ui/react');
 var icons = require('@entur/icons');
 var button = require('@entur/button');
 var tokens = require('@entur/tokens');
+var reactDom = require('@floating-ui/react-dom');
 var layout = require('@entur/layout');
 
 function _extends() {
@@ -53,7 +54,7 @@ function standardisePlacement(placement) {
   }
 }
 
-var _excluded$1 = ["placement", "content", "children", "className", "isOpen", "disableHoverListener", "disableFocusListener", "disableKeyboardListener", "disableClickListner", "showCloseButton", "variant", "style"];
+var _excluded$1 = ["placement", "content", "children", "className", "isOpen", "onClickCloseButton", "disableHoverListener", "disableFocusListener", "disableKeyboardListener", "disableClickListner", "showCloseButton", "variant", "hoverDelay", "style"];
 /** @deprecated use variant="negative" instead */
 var error = 'error';
 var Tooltip = function Tooltip(_ref) {
@@ -62,8 +63,11 @@ var Tooltip = function Tooltip(_ref) {
     content = _ref.content,
     children = _ref.children,
     className = _ref.className,
-    _ref$isOpen = _ref.isOpen,
-    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    isOpen = _ref.isOpen,
+    _ref$onClickCloseButt = _ref.onClickCloseButton,
+    onClickCloseButton = _ref$onClickCloseButt === void 0 ? function () {
+      return undefined;
+    } : _ref$onClickCloseButt,
     _ref$disableHoverList = _ref.disableHoverListener,
     disableHoverListener = _ref$disableHoverList === void 0 ? false : _ref$disableHoverList,
     _ref$disableFocusList = _ref.disableFocusListener,
@@ -75,27 +79,30 @@ var Tooltip = function Tooltip(_ref) {
     _ref$showCloseButton = _ref.showCloseButton,
     showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
     variant = _ref.variant,
+    hoverDelay = _ref.hoverDelay,
     style = _ref.style,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var _useState = React.useState(isOpen),
+  var _useState = React.useState(isOpen != null ? isOpen : false),
     showTooltip = _useState[0],
     setShowTooltip = _useState[1];
   var tooltipArrowRef = React.useRef(null);
   var tooltipId = utils.useRandomId('eds-tooltip');
   var hoverOpenTimer = React.useRef();
   var hoverCloseTimer = React.useRef();
+  var isControlled = isOpen !== undefined;
   // calculations for floating-UI tooltip position
-  var _useFloating = reactDom.useFloating({
+  var _useFloating = react.useFloating({
       whileElementsMounted: function whileElementsMounted(ref, _float, update) {
-        return reactDom.autoUpdate(ref, _float, update);
+        return react.autoUpdate(ref, _float, update);
       },
       placement: standardisePlacement(placement),
-      middleware: [reactDom.offset(tokens.space.extraSmall), reactDom.flip(), reactDom.shift({
+      open: showTooltip,
+      middleware: [react.offset(tokens.space.extraSmall), react.flip(), react.shift({
         padding: tokens.space.extraSmall,
-        limiter: reactDom.limitShift({
+        limiter: react.limitShift({
           offset: 8
         })
-      }), reactDom.arrow({
+      }), react.arrow({
         element: tooltipArrowRef,
         padding: tokens.borderRadiuses.medium
       })]
@@ -103,18 +110,23 @@ var Tooltip = function Tooltip(_ref) {
     refs = _useFloating.refs,
     floatingStyles = _useFloating.floatingStyles,
     middlewareData = _useFloating.middlewareData,
-    actualPlacement = _useFloating.placement;
+    actualPlacement = _useFloating.placement,
+    isPositioned = _useFloating.isPositioned;
   var onMouseEnter = function onMouseEnter() {
+    var _hoverDelay$enter;
+    if (isControlled) return;
     clearTimeout(hoverCloseTimer.current);
     hoverOpenTimer.current = setTimeout(function () {
       setShowTooltip(true);
-    }, 150);
+    }, (_hoverDelay$enter = hoverDelay == null ? void 0 : hoverDelay.enter) != null ? _hoverDelay$enter : 150);
   };
   var onMouseLeave = function onMouseLeave() {
+    var _hoverDelay$leave;
+    if (isControlled) return;
     clearTimeout(hoverOpenTimer.current);
     hoverCloseTimer.current = setTimeout(function () {
       setShowTooltip(false);
-    }, 300);
+    }, (_hoverDelay$leave = hoverDelay == null ? void 0 : hoverDelay.leave) != null ? _hoverDelay$leave : 300);
   };
   React.useEffect(function () {
     return function () {
@@ -122,21 +134,24 @@ var Tooltip = function Tooltip(_ref) {
       clearTimeout(hoverCloseTimer.current);
     };
   }, []);
+  React.useEffect(function () {
+    if (isOpen !== undefined) setShowTooltip(isOpen);
+  }, [isOpen]);
   var referenceListenerProps = _extends({
     'aria-describedby': showTooltip ? tooltipId : undefined
-  }, !disableFocusListener && {
+  }, !disableFocusListener && !isControlled && {
     onFocus: function onFocus() {
       return setShowTooltip(true);
     }
-  }, !disableFocusListener && {
+  }, !disableFocusListener && !isControlled && {
     onBlur: function onBlur() {
       return setShowTooltip(false);
     }
-  }, !disableHoverListener && {
+  }, !disableHoverListener && !isControlled && {
     onMouseEnter: onMouseEnter
-  }, !disableHoverListener && {
+  }, !disableHoverListener && !isControlled && {
     onMouseLeave: onMouseLeave
-  }, !disableKeyboardListener && {
+  }, !disableKeyboardListener && !isControlled && {
     onKeyDown: function onKeyDown(e) {
       if (e.key === 'Escape') setShowTooltip(false);
       if (e.key === ' ' || e.key === 'Enter') {
@@ -144,11 +159,12 @@ var Tooltip = function Tooltip(_ref) {
         setShowTooltip(!showTooltip);
       }
     }
-  }, !disableClickListner && {
+  }, !disableClickListner && !isControlled && {
     onClick: function onClick() {
       return setShowTooltip(!showTooltip);
     }
   });
+  var displayTooltipStyle = (!isControlled || isPositioned) && showTooltip && content ? undefined : 'none';
   return React.createElement(React.Fragment, null, React.cloneElement(children, _extends({
     ref: refs.setReference
   }, referenceListenerProps)), React.createElement("div", _extends({
@@ -157,7 +173,7 @@ var Tooltip = function Tooltip(_ref) {
     }),
     ref: refs.setFloating,
     style: _extends({}, floatingStyles, {
-      display: showTooltip && content ? undefined : 'none'
+      display: displayTooltipStyle
     }, style),
     role: "tooltip",
     id: tooltipId,
@@ -166,7 +182,8 @@ var Tooltip = function Tooltip(_ref) {
   }, rest), content, isOpen && showCloseButton && React.createElement(button.IconButton, {
     className: "eds-tooltip__close-button",
     onClick: function onClick() {
-      return setShowTooltip(false);
+      setShowTooltip(false);
+      onClickCloseButton();
     },
     type: "button",
     "aria-label": "Lukk tooltip"
@@ -318,4 +335,5 @@ exports.PopoverCloseButton = PopoverCloseButton;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
 exports.Tooltip = Tooltip;
+exports.standardisePlacement = standardisePlacement;
 //# sourceMappingURL=tooltip.cjs.development.js.map

package/dist/tooltip.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs.development.js","sources":["../src/utils.ts","../src/Tooltip.tsx","../src/Popover.tsx","../src/index.tsx"],"sourcesContent":["import { Placement as FloatingUIPlacement } from '@floating-ui/react-dom';\n\nexport type Placement =\n  | 'top'\n  | 'top-left'\n  | 'top-start'\n  | 'top-right'\n  | 'top-end'\n  | 'left'\n  | 'right'\n  | 'bottom-left'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-right'\n  | 'bottom-end';\n\nexport function standardisePlacement(placement: string): FloatingUIPlacement {\n  switch (placement) {\n    case 'top-left':\n      return 'top-start';\n    case 'top-right':\n      return 'top-end';\n    case 'bottom-left':\n      return 'bottom-start';\n    case 'bottom-right':\n      return 'bottom-end';\n    default:\n      return placement as FloatingUIPlacement;\n  }\n}\n","import React, { cloneElement, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  arrow,\n  limitShift,\n} from '@floating-ui/react-dom';\n\nimport { useRandomId } from '@entur/utils';\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { space, borderRadiuses } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\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\ntype ChildEventListner = {\n  'aria-describedby'?: string;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  onKeyUp?: (e: React.KeyboardEvent) => void;\n  onClick?: (e: React.MouseEvent) => void;\n};\n\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TooltipProps = {\n  /** Plassering av tooltip-en */\n  placement: Placement;\n  /** Innholdet i tooltip-boksen */\n  content: React.ReactNode;\n  /** Elementet som skal ha tooltip-funksjonalitet */\n  children: React.ReactElement;\n  /** Om tooltip-en 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  disableKeyboardListener?: boolean;\n  disableClickListner?: 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?: 'negative' | typeof error;\n  /** @deprecated Ikke lenger støttet. Meld fra på #talk-designsystem hvis du trenger støtte for\n   * overskrivinger av plasseringen til Tooltip!\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  disableKeyboardListener = true,\n  disableClickListner = true,\n  showCloseButton = true,\n  variant,\n  style,\n  ...rest\n}) => {\n  const [showTooltip, setShowTooltip] = useState(isOpen);\n  const tooltipArrowRef = useRef(null);\n  const tooltipId = useRandomId('eds-tooltip');\n  const hoverOpenTimer = useRef<ReturnType<typeof setTimeout>>();\n  const hoverCloseTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  // calculations for floating-UI tooltip position\n  const {\n    refs,\n    floatingStyles,\n    middlewareData,\n    placement: actualPlacement,\n  } = useFloating({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n      arrow({\n        element: tooltipArrowRef,\n        padding: borderRadiuses.medium,\n      }),\n    ],\n  });\n\n  const onMouseEnter = () => {\n    clearTimeout(hoverCloseTimer.current);\n    hoverOpenTimer.current = setTimeout(() => {\n      setShowTooltip(true);\n    }, 150);\n  };\n\n  const onMouseLeave = () => {\n    clearTimeout(hoverOpenTimer.current);\n    hoverCloseTimer.current = setTimeout(() => {\n      setShowTooltip(false);\n    }, 300);\n  };\n\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(hoverOpenTimer.current);\n      clearTimeout(hoverCloseTimer.current);\n    };\n  }, []);\n\n  const referenceListenerProps: ChildEventListner = {\n    'aria-describedby': showTooltip ? tooltipId : undefined,\n    // focusListner\n    ...(!disableFocusListener && { onFocus: () => setShowTooltip(true) }),\n    ...(!disableFocusListener && { onBlur: () => setShowTooltip(false) }),\n    // hoverListner\n    ...(!disableHoverListener && { onMouseEnter }),\n    ...(!disableHoverListener && { onMouseLeave }),\n    // keyboardListner\n    ...(!disableKeyboardListener && {\n      onKeyDown: e => {\n        if (e.key === 'Escape') setShowTooltip(false);\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault();\n          setShowTooltip(!showTooltip);\n        }\n      },\n    }),\n    // clickListner\n    ...(!disableClickListner && {\n      onClick: () => setShowTooltip(!showTooltip),\n    }),\n  };\n\n  return (\n    <>\n      {cloneElement(children, {\n        ref: refs.setReference,\n        ...referenceListenerProps,\n      })}\n      <div\n        className={classNames(className, 'eds-tooltip', {\n          'eds-tooltip--negative': variant === error || variant === 'negative',\n        })}\n        ref={refs.setFloating}\n        style={{\n          ...floatingStyles,\n          display: showTooltip && content ? undefined : 'none',\n          ...style,\n        }}\n        role=\"tooltip\"\n        id={tooltipId}\n        onMouseEnter={!disableHoverListener ? onMouseEnter : undefined}\n        onMouseLeave={!disableHoverListener ? onMouseLeave : undefined}\n        {...rest}\n      >\n        {content}\n        {isOpen && showCloseButton && (\n          <IconButton\n            className=\"eds-tooltip__close-button\"\n            onClick={() => setShowTooltip(false)}\n            type=\"button\"\n            aria-label=\"Lukk tooltip\"\n          >\n            <CloseIcon aria-hidden=\"true\" />\n          </IconButton>\n        )}\n        <div\n          className={`eds-tooltip__arrow--${actualPlacement?.split('-')?.[0]}`}\n          ref={tooltipArrowRef}\n          style={{\n            left: middlewareData.arrow?.x,\n            top: middlewareData.arrow?.y,\n          }}\n        />\n      </div>\n    </>\n  );\n};\n","import React, {\n  cloneElement,\n  createContext,\n  MutableRefObject,\n  useContext,\n} from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  limitShift,\n} from '@floating-ui/react-dom';\n\nimport { Contrast } from '@entur/layout';\nimport { mergeRefs, useOnClickOutside } from '@entur/utils';\nimport { space } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\nimport './Popover.scss';\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\n  // calculations for floating-UI popover position\n  const { refs, floatingStyles } = useFloating<HTMLButtonElement>({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n    ],\n  });\n\n  useOnClickOutside([refs.floating, refs.reference], () =>\n    setShowPopover(false),\n  );\n\n  const popoverTriggerProps = {\n    'aria-haspopup': 'dialog',\n    'aria-expanded': showPopover,\n    ref: refs.setReference,\n    type: 'button',\n    ...(!controlled && {\n      onClick: () => setShowPopover(prev => !prev),\n    }),\n  };\n\n  const popoverContentProps = {\n    role: 'dialog',\n    'aria-modal': false,\n    'aria-hidden': !showPopover,\n    ref: refs.setFloating,\n    style: { ...(!showPopover && { display: 'none' }) },\n    onKeyDown: (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') setShowPopover(false);\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 focusedElementIsPopover = elementContainsElement(\n        refs.floating.current,\n        elementReceivingFocus,\n      );\n      const focusedElementIsTrigger = elementContainsElement(\n        refs.reference.current,\n        elementReceivingFocus,\n      );\n      const popoverShouldClose =\n        !focusedElementIsPopover && !focusedElementIsTrigger;\n      if (showPopover && popoverShouldClose) setShowPopover(false);\n    },\n  };\n\n  const closeButtonProps = {\n    onClick: () => setShowPopover(false),\n    type: 'button',\n  };\n\n  const contextValue: PopoverContextProps = {\n    showPopover,\n    floatingStyles,\n    popoverTriggerProps,\n    popoverContentProps,\n    closeButtonProps,\n  };\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 { popoverTriggerProps } = usePopoverContext();\n  const child = React.Children.only(children) as React.ReactElement<any>;\n  return cloneElement(child, popoverTriggerProps);\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  className?: string;\n  style?: React.CSSProperties;\n};\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(({ children, className, style }, ref: React.Ref<HTMLDivElement>) => {\n  const { floatingStyles, popoverContentProps } = usePopoverContext();\n  return (\n    <Contrast\n      className={classNames(className, 'eds-popover')}\n      {...popoverContentProps}\n      style={{ ...floatingStyles, ...popoverContentProps.style, ...style }}\n      // @ts-expect-error correct type for floating cannot be set via useFloating\n      ref={mergeRefs(popoverContentProps.ref, ref)}\n    >\n      {children}\n    </Contrast>\n  );\n});\n\ntype PopoverContextProps = {\n  showPopover: boolean;\n  floatingStyles: React.CSSProperties;\n  closeButtonProps: Record<string, unknown>;\n  popoverContentProps: {\n    role: string;\n    'aria-modal': boolean;\n    'aria-hidden': boolean;\n    ref: MutableRefObject<HTMLElement> | ((node: HTMLElement | null) => void);\n    style: React.CSSProperties;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    onBlur: (event: React.FocusEvent) => void;\n  };\n  popoverTriggerProps: Record<string, unknown>;\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\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';\nexport { Placement } from './utils';\n"],"names":["standardisePlacement","placement","error","Tooltip","content","children","className","isOpen","disableHoverListener","disableFocusListener","disableKeyboardListener","disableClickListner","showCloseButton","variant","style","rest","_excluded","useState","showTooltip","setShowTooltip","tooltipArrowRef","useRef","tooltipId","useRandomId","hoverOpenTimer","hoverCloseTimer","useFloating","whileElementsMounted","ref","float","update","autoUpdate","middleware","offset","space","extraSmall","flip","shift","padding","limiter","limitShift","arrow","element","borderRadiuses","medium","refs","floatingStyles","middlewareData","actualPlacement","onMouseEnter","clearTimeout","current","setTimeout","onMouseLeave","React","useEffect","referenceListenerProps","undefined","onFocus","onBlur","onKeyDown","e","key","preventDefault","onClick","createElement","Fragment","cloneElement","setReference","classNames","setFloating","display","role","id","IconButton","type","CloseIcon","split","left","x","top","y","Popover","controlledState","showPopover","setControlledState","setShowPopover","useCustomState","controlled","useOnClickOutside","floating","reference","popoverTriggerProps","prev","popoverContentProps","event","elementReceivingFocus","relatedTarget","getAttribute","focusedElementIsPopover","elementContainsElement","focusedElementIsTrigger","popoverShouldClose","closeButtonProps","contextValue","PopoverContext","Provider","value","PopoverTrigger","usePopoverContext","child","Children","only","PopoverCloseButton","PopoverContent","forwardRef","Contrast","mergeRefs","createContext","context","useContext","Error","state","setState","internalState","setInternalState","parent","contains","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"tooltip.cjs.development.js","sources":["../src/utils.ts","../src/Tooltip.tsx","../src/Popover.tsx","../src/index.tsx"],"sourcesContent":["import { Placement as FloatingUIPlacement } from '@floating-ui/react-dom';\n\nexport type Placement =\n  | 'top'\n  | 'top-left'\n  | 'top-start'\n  | 'top-right'\n  | 'top-end'\n  | 'left'\n  | 'right'\n  | 'bottom-left'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-right'\n  | 'bottom-end';\n\nexport function standardisePlacement(placement: string): FloatingUIPlacement {\n  switch (placement) {\n    case 'top-left':\n      return 'top-start';\n    case 'top-right':\n      return 'top-end';\n    case 'bottom-left':\n      return 'bottom-start';\n    case 'bottom-right':\n      return 'bottom-end';\n    default:\n      return placement as FloatingUIPlacement;\n  }\n}\n","import React, { cloneElement, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  arrow,\n  limitShift,\n} from '@floating-ui/react';\n\nimport { useRandomId } from '@entur/utils';\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { space, borderRadiuses } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\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\ntype ChildEventListner = {\n  'aria-describedby'?: string;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  onKeyUp?: (e: React.KeyboardEvent) => void;\n  onClick?: (e: React.MouseEvent) => void;\n};\n\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TooltipProps = {\n  /** Plassering av tooltip-en */\n  placement: Placement;\n  /** Innholdet i tooltip-boksen */\n  content: React.ReactNode;\n  /** Elementet som skal ha tooltip-funksjonalitet */\n  children: React.ReactElement;\n  /** Om tooltip-en skal vises */\n  isOpen?: boolean;\n  /** Callback-funksjon for når brukeren trykker på lukk-tooltip-knappen\n   * @default () => undefined;\n   */\n  onClickCloseButton?: () => void;\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  disableKeyboardListener?: boolean;\n  disableClickListner?: 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?: 'negative' | typeof error;\n  /** For å kontrollere tiden i millisekunder det tar før tooltip-en\n   *  vises etter hover, og hvor lang tid det tar før den lukkes etter\n   *  hover-slutt.\n   *  @default { enter: 150, leave: 300 }\n   */\n  hoverDelay?: {\n    enter?: number;\n    leave?: number;\n  };\n  /** @deprecated Ikke lenger støttet. Meld fra på #talk-designsystem hvis du trenger støtte for\n   * overskrivinger av plasseringen til Tooltip!\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,\n  onClickCloseButton = () => undefined,\n  disableHoverListener = false,\n  disableFocusListener = false,\n  disableKeyboardListener = true,\n  disableClickListner = true,\n  showCloseButton = true,\n  variant,\n  hoverDelay,\n  style,\n  ...rest\n}) => {\n  const [showTooltip, setShowTooltip] = useState(isOpen ?? false);\n  const tooltipArrowRef = useRef(null);\n  const tooltipId = useRandomId('eds-tooltip');\n  const hoverOpenTimer = useRef<ReturnType<typeof setTimeout>>();\n  const hoverCloseTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  const isControlled = isOpen !== undefined;\n\n  // calculations for floating-UI tooltip position\n  const {\n    refs,\n    floatingStyles,\n    middlewareData,\n    placement: actualPlacement,\n    isPositioned,\n  } = useFloating({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    open: showTooltip,\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n      arrow({\n        element: tooltipArrowRef,\n        padding: borderRadiuses.medium,\n      }),\n    ],\n  });\n\n  const onMouseEnter = () => {\n    if (isControlled) return;\n    clearTimeout(hoverCloseTimer.current);\n    hoverOpenTimer.current = setTimeout(() => {\n      setShowTooltip(true);\n    }, hoverDelay?.enter ?? 150);\n  };\n\n  const onMouseLeave = () => {\n    if (isControlled) return;\n    clearTimeout(hoverOpenTimer.current);\n    hoverCloseTimer.current = setTimeout(() => {\n      setShowTooltip(false);\n    }, hoverDelay?.leave ?? 300);\n  };\n\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(hoverOpenTimer.current);\n      clearTimeout(hoverCloseTimer.current);\n    };\n  }, []);\n\n  React.useEffect(() => {\n    if (isOpen !== undefined) setShowTooltip(isOpen);\n  }, [isOpen]);\n\n  const referenceListenerProps: ChildEventListner = {\n    'aria-describedby': showTooltip ? tooltipId : undefined,\n    // focusListner\n    ...(!disableFocusListener &&\n      !isControlled && { onFocus: () => setShowTooltip(true) }),\n    ...(!disableFocusListener &&\n      !isControlled && { onBlur: () => setShowTooltip(false) }),\n    // hoverListner\n    ...(!disableHoverListener && !isControlled && { onMouseEnter }),\n    ...(!disableHoverListener && !isControlled && { onMouseLeave }),\n    // keyboardListner\n    ...(!disableKeyboardListener &&\n      !isControlled && {\n        onKeyDown: e => {\n          if (e.key === 'Escape') setShowTooltip(false);\n          if (e.key === ' ' || e.key === 'Enter') {\n            e.preventDefault();\n            setShowTooltip(!showTooltip);\n          }\n        },\n      }),\n    // clickListner\n    ...(!disableClickListner &&\n      !isControlled && {\n        onClick: () => setShowTooltip(!showTooltip),\n      }),\n  };\n\n  const displayTooltipStyle =\n    (!isControlled || isPositioned) && showTooltip && content\n      ? undefined\n      : 'none';\n\n  return (\n    <>\n      {cloneElement(children, {\n        ref: refs.setReference,\n        ...referenceListenerProps,\n      })}\n      <div\n        className={classNames(className, 'eds-tooltip', {\n          'eds-tooltip--negative': variant === error || variant === 'negative',\n        })}\n        ref={refs.setFloating}\n        style={{\n          ...floatingStyles,\n          display: displayTooltipStyle,\n          ...style,\n        }}\n        role=\"tooltip\"\n        id={tooltipId}\n        onMouseEnter={!disableHoverListener ? onMouseEnter : undefined}\n        onMouseLeave={!disableHoverListener ? onMouseLeave : undefined}\n        {...rest}\n      >\n        {content}\n        {isOpen && showCloseButton && (\n          <IconButton\n            className=\"eds-tooltip__close-button\"\n            onClick={() => {\n              setShowTooltip(false);\n              onClickCloseButton();\n            }}\n            type=\"button\"\n            aria-label=\"Lukk tooltip\"\n          >\n            <CloseIcon aria-hidden=\"true\" />\n          </IconButton>\n        )}\n        <div\n          className={`eds-tooltip__arrow--${actualPlacement?.split('-')?.[0]}`}\n          ref={tooltipArrowRef}\n          style={{\n            left: middlewareData.arrow?.x,\n            top: middlewareData.arrow?.y,\n          }}\n        />\n      </div>\n    </>\n  );\n};\n","import React, {\n  cloneElement,\n  createContext,\n  MutableRefObject,\n  useContext,\n} from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  limitShift,\n} from '@floating-ui/react-dom';\n\nimport { Contrast } from '@entur/layout';\nimport { mergeRefs, useOnClickOutside } from '@entur/utils';\nimport { space } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\nimport './Popover.scss';\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\n  // calculations for floating-UI popover position\n  const { refs, floatingStyles } = useFloating<HTMLButtonElement>({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n    ],\n  });\n\n  useOnClickOutside([refs.floating, refs.reference], () =>\n    setShowPopover(false),\n  );\n\n  const popoverTriggerProps = {\n    'aria-haspopup': 'dialog',\n    'aria-expanded': showPopover,\n    ref: refs.setReference,\n    type: 'button',\n    ...(!controlled && {\n      onClick: () => setShowPopover(prev => !prev),\n    }),\n  };\n\n  const popoverContentProps = {\n    role: 'dialog',\n    'aria-modal': false,\n    'aria-hidden': !showPopover,\n    ref: refs.setFloating,\n    style: { ...(!showPopover && { display: 'none' }) },\n    onKeyDown: (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') setShowPopover(false);\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 focusedElementIsPopover = elementContainsElement(\n        refs.floating.current,\n        elementReceivingFocus,\n      );\n      const focusedElementIsTrigger = elementContainsElement(\n        refs.reference.current,\n        elementReceivingFocus,\n      );\n      const popoverShouldClose =\n        !focusedElementIsPopover && !focusedElementIsTrigger;\n      if (showPopover && popoverShouldClose) setShowPopover(false);\n    },\n  };\n\n  const closeButtonProps = {\n    onClick: () => setShowPopover(false),\n    type: 'button',\n  };\n\n  const contextValue: PopoverContextProps = {\n    showPopover,\n    floatingStyles,\n    popoverTriggerProps,\n    popoverContentProps,\n    closeButtonProps,\n  };\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 { popoverTriggerProps } = usePopoverContext();\n  const child = React.Children.only(children) as React.ReactElement<any>;\n  return cloneElement(child, popoverTriggerProps);\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  className?: string;\n  style?: React.CSSProperties;\n};\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(({ children, className, style }, ref: React.Ref<HTMLDivElement>) => {\n  const { floatingStyles, popoverContentProps } = usePopoverContext();\n  return (\n    <Contrast\n      className={classNames(className, 'eds-popover')}\n      {...popoverContentProps}\n      style={{ ...floatingStyles, ...popoverContentProps.style, ...style }}\n      // @ts-expect-error correct type for floating cannot be set via useFloating\n      ref={mergeRefs(popoverContentProps.ref, ref)}\n    >\n      {children}\n    </Contrast>\n  );\n});\n\ntype PopoverContextProps = {\n  showPopover: boolean;\n  floatingStyles: React.CSSProperties;\n  closeButtonProps: Record<string, unknown>;\n  popoverContentProps: {\n    role: string;\n    'aria-modal': boolean;\n    'aria-hidden': boolean;\n    ref: MutableRefObject<HTMLElement> | ((node: HTMLElement | null) => void);\n    style: React.CSSProperties;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    onBlur: (event: React.FocusEvent) => void;\n  };\n  popoverTriggerProps: Record<string, unknown>;\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\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';\nexport { Placement, standardisePlacement } from './utils';\n"],"names":["standardisePlacement","placement","error","Tooltip","content","children","className","isOpen","onClickCloseButton","undefined","disableHoverListener","disableFocusListener","disableKeyboardListener","disableClickListner","showCloseButton","variant","hoverDelay","style","rest","_excluded","useState","showTooltip","setShowTooltip","tooltipArrowRef","useRef","tooltipId","useRandomId","hoverOpenTimer","hoverCloseTimer","isControlled","useFloating","whileElementsMounted","ref","float","update","autoUpdate","open","middleware","offset","space","extraSmall","flip","shift","padding","limiter","limitShift","arrow","element","borderRadiuses","medium","refs","floatingStyles","middlewareData","actualPlacement","isPositioned","onMouseEnter","clearTimeout","current","setTimeout","enter","onMouseLeave","leave","React","useEffect","referenceListenerProps","onFocus","onBlur","onKeyDown","e","key","preventDefault","onClick","displayTooltipStyle","createElement","Fragment","cloneElement","setReference","classNames","setFloating","display","role","id","IconButton","type","CloseIcon","split","left","x","top","y","Popover","controlledState","showPopover","setControlledState","setShowPopover","useCustomState","controlled","useOnClickOutside","floating","reference","popoverTriggerProps","prev","popoverContentProps","event","elementReceivingFocus","relatedTarget","getAttribute","focusedElementIsPopover","elementContainsElement","focusedElementIsTrigger","popoverShouldClose","closeButtonProps","contextValue","PopoverContext","Provider","value","PopoverTrigger","usePopoverContext","child","Children","only","PopoverCloseButton","PopoverContent","forwardRef","Contrast","mergeRefs","createContext","context","useContext","Error","state","setState","internalState","setInternalState","parent","contains","warnAboutMissingStyles"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),r=require("classnames"),n=require("@floating-ui/react-dom"),o=require("@entur/icons"),i=require("@entur/button"),a=require("@entur/tokens"),l=require("@entur/layout");function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function u(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t.indexOf(r=i[n])>=0||(o[r]=e[r]);return o}function c(e){switch(e){case"top-left":return"top-start";case"top-right":return"top-end";case"bottom-left":return"bottom-start";case"bottom-right":return"bottom-end";default:return e}}var d=["placement","content","children","className","isOpen","disableHoverListener","disableFocusListener","disableKeyboardListener","disableClickListner","showCloseButton","variant","style"],f=["children"],p=t.forwardRef((function(n,o){var i=n.children,a=n.className,u=n.style,c=m(),d=c.floatingStyles,f=c.popoverContentProps;return t.createElement(l.Contrast,s({className:r(a,"eds-popover")},f,{style:s({},d,f.style,u),ref:e.mergeRefs(f.ref,o)}),i)})),v=t.createContext(void 0),m=function(){var e=t.useContext(v);if(null==e)throw Error("usePopoverContext must be used within <Popover/>");return e};function g(e,t){return!!e&&(e===t||e.contains(t))}e.warnAboutMissingStyles("tooltip"),exports.Popover=function(r){var o=r.children,i=r.placement,l=void 0===i?"bottom-start":i,u=function(e,r){var n=t.useState(!1),o=void 0!==e&&void 0!==r;return o?[e,r,o]:[n[0],n[1],o]}(r.showPopover,r.setShowPopover),d=u[0],f=u[1],p=u[2],m=n.useFloating({whileElementsMounted:function(e,t,r){return n.autoUpdate(e,t,r)},placement:c(l),middleware:[n.offset(a.space.extraSmall),n.flip(),n.shift({padding:a.space.extraSmall,limiter:n.limitShift({offset:8})})]}),y=m.refs,b=m.floatingStyles;e.useOnClickOutside([y.floating,y.reference],(function(){return f(!1)}));var h=s({"aria-haspopup":"dialog","aria-expanded":d,ref:y.setReference,type:"button"},!p&&{onClick:function(){return f((function(e){return!e}))}}),w={role:"dialog","aria-modal":!1,"aria-hidden":!d,ref:y.setFloating,style:s({},!d&&{display:"none"}),onKeyDown:function(e){"Escape"===e.key&&f(!1)},onBlur:function(e){var t=e.relatedTarget;if(t&&"-1"!==t.getAttribute("tabindex")){var r=g(y.floating.current,t),n=g(y.reference.current,t);d&&!r&&!n&&f(!1)}}};return t.createElement(v.Provider,{value:{showPopover:d,floatingStyles:b,popoverTriggerProps:h,popoverContentProps:w,closeButtonProps:{onClick:function(){return f(!1)},type:"button"}}},o)},exports.PopoverCloseButton=function(e){var r=e.children,n=u(e,f),o=m();return t.cloneElement(r,s({},o.closeButtonProps,n))},exports.PopoverContent=p,exports.PopoverTrigger=function(e){var r=e.children,n=m().popoverTriggerProps,o=t.Children.only(r);return t.cloneElement(o,n)},exports.Tooltip=function(l){var f,p,v,m=l.placement,g=l.content,y=l.children,b=l.className,h=l.isOpen,w=void 0!==h&&h,C=l.disableHoverListener,E=void 0!==C&&C,P=l.disableFocusListener,x=void 0!==P&&P,k=l.disableKeyboardListener,S=void 0===k||k,L=l.disableClickListner,O=void 0===L||L,T=l.showCloseButton,R=void 0===T||T,q=l.variant,B=l.style,F=u(l,d),M=t.useState(w),N=M[0],_=M[1],j=t.useRef(null),D=e.useRandomId("eds-tooltip"),K=t.useRef(),I=t.useRef(),A=n.useFloating({whileElementsMounted:function(e,t,r){return n.autoUpdate(e,t,r)},placement:c(m),middleware:[n.offset(a.space.extraSmall),n.flip(),n.shift({padding:a.space.extraSmall,limiter:n.limitShift({offset:8})}),n.arrow({element:j,padding:a.borderRadiuses.medium})]}),H=A.refs,U=A.floatingStyles,z=A.middlewareData,G=A.placement,J=function(){clearTimeout(I.current),K.current=setTimeout((function(){_(!0)}),150)},Q=function(){clearTimeout(K.current),I.current=setTimeout((function(){_(!1)}),300)};t.useEffect((function(){return function(){clearTimeout(K.current),clearTimeout(I.current)}}),[]);var V=s({"aria-describedby":N?D:void 0},!x&&{onFocus:function(){return _(!0)}},!x&&{onBlur:function(){return _(!1)}},!E&&{onMouseEnter:J},!E&&{onMouseLeave:Q},!S&&{onKeyDown:function(e){"Escape"===e.key&&_(!1)," "!==e.key&&"Enter"!==e.key||(e.preventDefault(),_(!N))}},!O&&{onClick:function(){return _(!N)}});return t.createElement(t.Fragment,null,t.cloneElement(y,s({ref:H.setReference},V)),t.createElement("div",s({className:r(b,"eds-tooltip",{"eds-tooltip--negative":"error"===q||"negative"===q}),ref:H.setFloating,style:s({},U,{display:N&&g?void 0:"none"},B),role:"tooltip",id:D,onMouseEnter:E?void 0:J,onMouseLeave:E?void 0:Q},F),g,w&&R&&t.createElement(i.IconButton,{className:"eds-tooltip__close-button",onClick:function(){return _(!1)},type:"button","aria-label":"Lukk tooltip"},t.createElement(o.CloseIcon,{"aria-hidden":"true"})),t.createElement("div",{className:"eds-tooltip__arrow--"+(null==G||null==(f=G.split("-"))?void 0:f[0]),ref:j,style:{left:null==(p=z.arrow)?void 0:p.x,top:null==(v=z.arrow)?void 0:v.y}})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),n=require("classnames"),r=require("@floating-ui/react"),o=require("@entur/icons"),i=require("@entur/button"),l=require("@entur/tokens"),a=require("@floating-ui/react-dom"),s=require("@entur/layout");function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function c(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(o[n]=e[n]);return o}function d(e){switch(e){case"top-left":return"top-start";case"top-right":return"top-end";case"bottom-left":return"bottom-start";case"bottom-right":return"bottom-end";default:return e}}var f=["placement","content","children","className","isOpen","onClickCloseButton","disableHoverListener","disableFocusListener","disableKeyboardListener","disableClickListner","showCloseButton","variant","hoverDelay","style"],p=["children"],v=t.forwardRef((function(r,o){var i=r.children,l=r.className,a=r.style,c=y(),d=c.floatingStyles,f=c.popoverContentProps;return t.createElement(s.Contrast,u({className:n(l,"eds-popover")},f,{style:u({},d,f.style,a),ref:e.mergeRefs(f.ref,o)}),i)})),m=t.createContext(void 0),y=function(){var e=t.useContext(m);if(null==e)throw Error("usePopoverContext must be used within <Popover/>");return e};function g(e,t){return!!e&&(e===t||e.contains(t))}e.warnAboutMissingStyles("tooltip"),exports.Popover=function(n){var r=n.children,o=n.placement,i=void 0===o?"bottom-start":o,s=function(e,n){var r=t.useState(!1),o=void 0!==e&&void 0!==n;return o?[e,n,o]:[r[0],r[1],o]}(n.showPopover,n.setShowPopover),c=s[0],f=s[1],p=s[2],v=a.useFloating({whileElementsMounted:function(e,t,n){return a.autoUpdate(e,t,n)},placement:d(i),middleware:[a.offset(l.space.extraSmall),a.flip(),a.shift({padding:l.space.extraSmall,limiter:a.limitShift({offset:8})})]}),y=v.refs,b=v.floatingStyles;e.useOnClickOutside([y.floating,y.reference],(function(){return f(!1)}));var h=u({"aria-haspopup":"dialog","aria-expanded":c,ref:y.setReference,type:"button"},!p&&{onClick:function(){return f((function(e){return!e}))}}),C={role:"dialog","aria-modal":!1,"aria-hidden":!c,ref:y.setFloating,style:u({},!c&&{display:"none"}),onKeyDown:function(e){"Escape"===e.key&&f(!1)},onBlur:function(e){var t=e.relatedTarget;if(t&&"-1"!==t.getAttribute("tabindex")){var n=g(y.floating.current,t),r=g(y.reference.current,t);c&&!n&&!r&&f(!1)}}};return t.createElement(m.Provider,{value:{showPopover:c,floatingStyles:b,popoverTriggerProps:h,popoverContentProps:C,closeButtonProps:{onClick:function(){return f(!1)},type:"button"}}},r)},exports.PopoverCloseButton=function(e){var n=e.children,r=c(e,p),o=y();return t.cloneElement(n,u({},o.closeButtonProps,r))},exports.PopoverContent=v,exports.PopoverTrigger=function(e){var n=e.children,r=y().popoverTriggerProps,o=t.Children.only(n);return t.cloneElement(o,r)},exports.Tooltip=function(a){var s,p,v,m=a.placement,y=a.content,g=a.children,b=a.className,h=a.isOpen,C=a.onClickCloseButton,w=void 0===C?function(){}:C,E=a.disableHoverListener,P=void 0!==E&&E,x=a.disableFocusListener,k=void 0!==x&&x,S=a.disableKeyboardListener,L=void 0===S||S,O=a.disableClickListner,T=void 0===O||O,B=a.showCloseButton,q=void 0===B||B,R=a.variant,F=a.hoverDelay,M=a.style,N=c(a,f),D=t.useState(null!=h&&h),_=D[0],j=D[1],K=t.useRef(null),I=e.useRandomId("eds-tooltip"),A=t.useRef(),H=t.useRef(),U=void 0!==h,z=r.useFloating({whileElementsMounted:function(e,t,n){return r.autoUpdate(e,t,n)},placement:d(m),open:_,middleware:[r.offset(l.space.extraSmall),r.flip(),r.shift({padding:l.space.extraSmall,limiter:r.limitShift({offset:8})}),r.arrow({element:K,padding:l.borderRadiuses.medium})]}),G=z.refs,J=z.floatingStyles,Q=z.middlewareData,V=z.placement,W=z.isPositioned,X=function(){var e;U||(clearTimeout(H.current),A.current=setTimeout((function(){j(!0)}),null!=(e=null==F?void 0:F.enter)?e:150))},Y=function(){var e;U||(clearTimeout(A.current),H.current=setTimeout((function(){j(!1)}),null!=(e=null==F?void 0:F.leave)?e:300))};t.useEffect((function(){return function(){clearTimeout(A.current),clearTimeout(H.current)}}),[]),t.useEffect((function(){void 0!==h&&j(h)}),[h]);var Z=u({"aria-describedby":_?I:void 0},!k&&!U&&{onFocus:function(){return j(!0)}},!k&&!U&&{onBlur:function(){return j(!1)}},!P&&!U&&{onMouseEnter:X},!P&&!U&&{onMouseLeave:Y},!L&&!U&&{onKeyDown:function(e){"Escape"===e.key&&j(!1)," "!==e.key&&"Enter"!==e.key||(e.preventDefault(),j(!_))}},!T&&!U&&{onClick:function(){return j(!_)}}),$=(!U||W)&&_&&y?void 0:"none";return t.createElement(t.Fragment,null,t.cloneElement(g,u({ref:G.setReference},Z)),t.createElement("div",u({className:n(b,"eds-tooltip",{"eds-tooltip--negative":"error"===R||"negative"===R}),ref:G.setFloating,style:u({},J,{display:$},M),role:"tooltip",id:I,onMouseEnter:P?void 0:X,onMouseLeave:P?void 0:Y},N),y,h&&q&&t.createElement(i.IconButton,{className:"eds-tooltip__close-button",onClick:function(){j(!1),w()},type:"button","aria-label":"Lukk tooltip"},t.createElement(o.CloseIcon,{"aria-hidden":"true"})),t.createElement("div",{className:"eds-tooltip__arrow--"+(null==V||null==(s=V.split("-"))?void 0:s[0]),ref:K,style:{left:null==(p=Q.arrow)?void 0:p.x,top:null==(v=Q.arrow)?void 0:v.y}})))},exports.standardisePlacement=d;
 //# sourceMappingURL=tooltip.cjs.production.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs.production.min.js","sources":["../src/utils.ts","../src/Popover.tsx","../src/index.tsx","../src/Tooltip.tsx"],"sourcesContent":["import { Placement as FloatingUIPlacement } from '@floating-ui/react-dom';\n\nexport type Placement =\n  | 'top'\n  | 'top-left'\n  | 'top-start'\n  | 'top-right'\n  | 'top-end'\n  | 'left'\n  | 'right'\n  | 'bottom-left'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-right'\n  | 'bottom-end';\n\nexport function standardisePlacement(placement: string): FloatingUIPlacement {\n  switch (placement) {\n    case 'top-left':\n      return 'top-start';\n    case 'top-right':\n      return 'top-end';\n    case 'bottom-left':\n      return 'bottom-start';\n    case 'bottom-right':\n      return 'bottom-end';\n    default:\n      return placement as FloatingUIPlacement;\n  }\n}\n","import React, {\n  cloneElement,\n  createContext,\n  MutableRefObject,\n  useContext,\n} from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  limitShift,\n} from '@floating-ui/react-dom';\n\nimport { Contrast } from '@entur/layout';\nimport { mergeRefs, useOnClickOutside } from '@entur/utils';\nimport { space } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\nimport './Popover.scss';\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\n  // calculations for floating-UI popover position\n  const { refs, floatingStyles } = useFloating<HTMLButtonElement>({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n    ],\n  });\n\n  useOnClickOutside([refs.floating, refs.reference], () =>\n    setShowPopover(false),\n  );\n\n  const popoverTriggerProps = {\n    'aria-haspopup': 'dialog',\n    'aria-expanded': showPopover,\n    ref: refs.setReference,\n    type: 'button',\n    ...(!controlled && {\n      onClick: () => setShowPopover(prev => !prev),\n    }),\n  };\n\n  const popoverContentProps = {\n    role: 'dialog',\n    'aria-modal': false,\n    'aria-hidden': !showPopover,\n    ref: refs.setFloating,\n    style: { ...(!showPopover && { display: 'none' }) },\n    onKeyDown: (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') setShowPopover(false);\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 focusedElementIsPopover = elementContainsElement(\n        refs.floating.current,\n        elementReceivingFocus,\n      );\n      const focusedElementIsTrigger = elementContainsElement(\n        refs.reference.current,\n        elementReceivingFocus,\n      );\n      const popoverShouldClose =\n        !focusedElementIsPopover && !focusedElementIsTrigger;\n      if (showPopover && popoverShouldClose) setShowPopover(false);\n    },\n  };\n\n  const closeButtonProps = {\n    onClick: () => setShowPopover(false),\n    type: 'button',\n  };\n\n  const contextValue: PopoverContextProps = {\n    showPopover,\n    floatingStyles,\n    popoverTriggerProps,\n    popoverContentProps,\n    closeButtonProps,\n  };\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 { popoverTriggerProps } = usePopoverContext();\n  const child = React.Children.only(children) as React.ReactElement<any>;\n  return cloneElement(child, popoverTriggerProps);\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  className?: string;\n  style?: React.CSSProperties;\n};\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(({ children, className, style }, ref: React.Ref<HTMLDivElement>) => {\n  const { floatingStyles, popoverContentProps } = usePopoverContext();\n  return (\n    <Contrast\n      className={classNames(className, 'eds-popover')}\n      {...popoverContentProps}\n      style={{ ...floatingStyles, ...popoverContentProps.style, ...style }}\n      // @ts-expect-error correct type for floating cannot be set via useFloating\n      ref={mergeRefs(popoverContentProps.ref, ref)}\n    >\n      {children}\n    </Contrast>\n  );\n});\n\ntype PopoverContextProps = {\n  showPopover: boolean;\n  floatingStyles: React.CSSProperties;\n  closeButtonProps: Record<string, unknown>;\n  popoverContentProps: {\n    role: string;\n    'aria-modal': boolean;\n    'aria-hidden': boolean;\n    ref: MutableRefObject<HTMLElement> | ((node: HTMLElement | null) => void);\n    style: React.CSSProperties;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    onBlur: (event: React.FocusEvent) => void;\n  };\n  popoverTriggerProps: Record<string, unknown>;\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\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';\nexport { Placement } from './utils';\n","import React, { cloneElement, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  arrow,\n  limitShift,\n} from '@floating-ui/react-dom';\n\nimport { useRandomId } from '@entur/utils';\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { space, borderRadiuses } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\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\ntype ChildEventListner = {\n  'aria-describedby'?: string;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  onKeyUp?: (e: React.KeyboardEvent) => void;\n  onClick?: (e: React.MouseEvent) => void;\n};\n\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TooltipProps = {\n  /** Plassering av tooltip-en */\n  placement: Placement;\n  /** Innholdet i tooltip-boksen */\n  content: React.ReactNode;\n  /** Elementet som skal ha tooltip-funksjonalitet */\n  children: React.ReactElement;\n  /** Om tooltip-en 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  disableKeyboardListener?: boolean;\n  disableClickListner?: 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?: 'negative' | typeof error;\n  /** @deprecated Ikke lenger støttet. Meld fra på #talk-designsystem hvis du trenger støtte for\n   * overskrivinger av plasseringen til Tooltip!\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  disableKeyboardListener = true,\n  disableClickListner = true,\n  showCloseButton = true,\n  variant,\n  style,\n  ...rest\n}) => {\n  const [showTooltip, setShowTooltip] = useState(isOpen);\n  const tooltipArrowRef = useRef(null);\n  const tooltipId = useRandomId('eds-tooltip');\n  const hoverOpenTimer = useRef<ReturnType<typeof setTimeout>>();\n  const hoverCloseTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  // calculations for floating-UI tooltip position\n  const {\n    refs,\n    floatingStyles,\n    middlewareData,\n    placement: actualPlacement,\n  } = useFloating({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n      arrow({\n        element: tooltipArrowRef,\n        padding: borderRadiuses.medium,\n      }),\n    ],\n  });\n\n  const onMouseEnter = () => {\n    clearTimeout(hoverCloseTimer.current);\n    hoverOpenTimer.current = setTimeout(() => {\n      setShowTooltip(true);\n    }, 150);\n  };\n\n  const onMouseLeave = () => {\n    clearTimeout(hoverOpenTimer.current);\n    hoverCloseTimer.current = setTimeout(() => {\n      setShowTooltip(false);\n    }, 300);\n  };\n\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(hoverOpenTimer.current);\n      clearTimeout(hoverCloseTimer.current);\n    };\n  }, []);\n\n  const referenceListenerProps: ChildEventListner = {\n    'aria-describedby': showTooltip ? tooltipId : undefined,\n    // focusListner\n    ...(!disableFocusListener && { onFocus: () => setShowTooltip(true) }),\n    ...(!disableFocusListener && { onBlur: () => setShowTooltip(false) }),\n    // hoverListner\n    ...(!disableHoverListener && { onMouseEnter }),\n    ...(!disableHoverListener && { onMouseLeave }),\n    // keyboardListner\n    ...(!disableKeyboardListener && {\n      onKeyDown: e => {\n        if (e.key === 'Escape') setShowTooltip(false);\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault();\n          setShowTooltip(!showTooltip);\n        }\n      },\n    }),\n    // clickListner\n    ...(!disableClickListner && {\n      onClick: () => setShowTooltip(!showTooltip),\n    }),\n  };\n\n  return (\n    <>\n      {cloneElement(children, {\n        ref: refs.setReference,\n        ...referenceListenerProps,\n      })}\n      <div\n        className={classNames(className, 'eds-tooltip', {\n          'eds-tooltip--negative': variant === error || variant === 'negative',\n        })}\n        ref={refs.setFloating}\n        style={{\n          ...floatingStyles,\n          display: showTooltip && content ? undefined : 'none',\n          ...style,\n        }}\n        role=\"tooltip\"\n        id={tooltipId}\n        onMouseEnter={!disableHoverListener ? onMouseEnter : undefined}\n        onMouseLeave={!disableHoverListener ? onMouseLeave : undefined}\n        {...rest}\n      >\n        {content}\n        {isOpen && showCloseButton && (\n          <IconButton\n            className=\"eds-tooltip__close-button\"\n            onClick={() => setShowTooltip(false)}\n            type=\"button\"\n            aria-label=\"Lukk tooltip\"\n          >\n            <CloseIcon aria-hidden=\"true\" />\n          </IconButton>\n        )}\n        <div\n          className={`eds-tooltip__arrow--${actualPlacement?.split('-')?.[0]}`}\n          ref={tooltipArrowRef}\n          style={{\n            left: middlewareData.arrow?.x,\n            top: middlewareData.arrow?.y,\n          }}\n        />\n      </div>\n    </>\n  );\n};\n"],"names":["standardisePlacement","placement","PopoverContent","React","forwardRef","ref","children","className","style","_usePopoverContext3","usePopoverContext","floatingStyles","popoverContentProps","createElement","Contrast","_extends","classNames","mergeRefs","PopoverContext","createContext","undefined","context","useContext","Error","elementContainsElement","parent","child","contains","warnAboutMissingStyles","_ref","_ref$placement","_useCustomState","state","setState","_React$useState","useState","controlled","useCustomState","showPopover","setShowPopover","_useFloating","useFloating","whileElementsMounted","float","update","autoUpdate","middleware","offset","space","extraSmall","flip","shift","padding","limiter","limitShift","refs","useOnClickOutside","floating","reference","popoverTriggerProps","setReference","type","onClick","prev","role","setFloating","display","onKeyDown","event","key","onBlur","elementReceivingFocus","relatedTarget","getAttribute","focusedElementIsPopover","current","focusedElementIsTrigger","Provider","value","closeButtonProps","_ref3","rest","_objectWithoutPropertiesLoose","_excluded","_usePopoverContext2","cloneElement","_ref2","Children","only","_actualPlacement$spli","_middlewareData$arrow","_middlewareData$arrow2","content","_ref$isOpen","isOpen","_ref$disableHoverList","disableHoverListener","_ref$disableFocusList","disableFocusListener","_ref$disableKeyboardL","disableKeyboardListener","_ref$disableClickList","disableClickListner","_ref$showCloseButton","showCloseButton","variant","showTooltip","_useState","setShowTooltip","tooltipArrowRef","useRef","tooltipId","useRandomId","hoverOpenTimer","hoverCloseTimer","arrow","element","borderRadiuses","medium","middlewareData","actualPlacement","onMouseEnter","clearTimeout","setTimeout","onMouseLeave","useEffect","referenceListenerProps","onFocus","e","preventDefault","Fragment","id","IconButton","CloseIcon","split","left","x","top","y"],"mappings":"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"}
+{"version":3,"file":"tooltip.cjs.production.min.js","sources":["../src/utils.ts","../src/Popover.tsx","../src/index.tsx","../src/Tooltip.tsx"],"sourcesContent":["import { Placement as FloatingUIPlacement } from '@floating-ui/react-dom';\n\nexport type Placement =\n  | 'top'\n  | 'top-left'\n  | 'top-start'\n  | 'top-right'\n  | 'top-end'\n  | 'left'\n  | 'right'\n  | 'bottom-left'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-right'\n  | 'bottom-end';\n\nexport function standardisePlacement(placement: string): FloatingUIPlacement {\n  switch (placement) {\n    case 'top-left':\n      return 'top-start';\n    case 'top-right':\n      return 'top-end';\n    case 'bottom-left':\n      return 'bottom-start';\n    case 'bottom-right':\n      return 'bottom-end';\n    default:\n      return placement as FloatingUIPlacement;\n  }\n}\n","import React, {\n  cloneElement,\n  createContext,\n  MutableRefObject,\n  useContext,\n} from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  limitShift,\n} from '@floating-ui/react-dom';\n\nimport { Contrast } from '@entur/layout';\nimport { mergeRefs, useOnClickOutside } from '@entur/utils';\nimport { space } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\nimport './Popover.scss';\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\n  // calculations for floating-UI popover position\n  const { refs, floatingStyles } = useFloating<HTMLButtonElement>({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n    ],\n  });\n\n  useOnClickOutside([refs.floating, refs.reference], () =>\n    setShowPopover(false),\n  );\n\n  const popoverTriggerProps = {\n    'aria-haspopup': 'dialog',\n    'aria-expanded': showPopover,\n    ref: refs.setReference,\n    type: 'button',\n    ...(!controlled && {\n      onClick: () => setShowPopover(prev => !prev),\n    }),\n  };\n\n  const popoverContentProps = {\n    role: 'dialog',\n    'aria-modal': false,\n    'aria-hidden': !showPopover,\n    ref: refs.setFloating,\n    style: { ...(!showPopover && { display: 'none' }) },\n    onKeyDown: (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') setShowPopover(false);\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 focusedElementIsPopover = elementContainsElement(\n        refs.floating.current,\n        elementReceivingFocus,\n      );\n      const focusedElementIsTrigger = elementContainsElement(\n        refs.reference.current,\n        elementReceivingFocus,\n      );\n      const popoverShouldClose =\n        !focusedElementIsPopover && !focusedElementIsTrigger;\n      if (showPopover && popoverShouldClose) setShowPopover(false);\n    },\n  };\n\n  const closeButtonProps = {\n    onClick: () => setShowPopover(false),\n    type: 'button',\n  };\n\n  const contextValue: PopoverContextProps = {\n    showPopover,\n    floatingStyles,\n    popoverTriggerProps,\n    popoverContentProps,\n    closeButtonProps,\n  };\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 { popoverTriggerProps } = usePopoverContext();\n  const child = React.Children.only(children) as React.ReactElement<any>;\n  return cloneElement(child, popoverTriggerProps);\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  className?: string;\n  style?: React.CSSProperties;\n};\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(({ children, className, style }, ref: React.Ref<HTMLDivElement>) => {\n  const { floatingStyles, popoverContentProps } = usePopoverContext();\n  return (\n    <Contrast\n      className={classNames(className, 'eds-popover')}\n      {...popoverContentProps}\n      style={{ ...floatingStyles, ...popoverContentProps.style, ...style }}\n      // @ts-expect-error correct type for floating cannot be set via useFloating\n      ref={mergeRefs(popoverContentProps.ref, ref)}\n    >\n      {children}\n    </Contrast>\n  );\n});\n\ntype PopoverContextProps = {\n  showPopover: boolean;\n  floatingStyles: React.CSSProperties;\n  closeButtonProps: Record<string, unknown>;\n  popoverContentProps: {\n    role: string;\n    'aria-modal': boolean;\n    'aria-hidden': boolean;\n    ref: MutableRefObject<HTMLElement> | ((node: HTMLElement | null) => void);\n    style: React.CSSProperties;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    onBlur: (event: React.FocusEvent) => void;\n  };\n  popoverTriggerProps: Record<string, unknown>;\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\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';\nexport { Placement, standardisePlacement } from './utils';\n","import React, { cloneElement, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  arrow,\n  limitShift,\n} from '@floating-ui/react';\n\nimport { useRandomId } from '@entur/utils';\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { space, borderRadiuses } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\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\ntype ChildEventListner = {\n  'aria-describedby'?: string;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  onKeyUp?: (e: React.KeyboardEvent) => void;\n  onClick?: (e: React.MouseEvent) => void;\n};\n\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TooltipProps = {\n  /** Plassering av tooltip-en */\n  placement: Placement;\n  /** Innholdet i tooltip-boksen */\n  content: React.ReactNode;\n  /** Elementet som skal ha tooltip-funksjonalitet */\n  children: React.ReactElement;\n  /** Om tooltip-en skal vises */\n  isOpen?: boolean;\n  /** Callback-funksjon for når brukeren trykker på lukk-tooltip-knappen\n   * @default () => undefined;\n   */\n  onClickCloseButton?: () => void;\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  disableKeyboardListener?: boolean;\n  disableClickListner?: 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?: 'negative' | typeof error;\n  /** For å kontrollere tiden i millisekunder det tar før tooltip-en\n   *  vises etter hover, og hvor lang tid det tar før den lukkes etter\n   *  hover-slutt.\n   *  @default { enter: 150, leave: 300 }\n   */\n  hoverDelay?: {\n    enter?: number;\n    leave?: number;\n  };\n  /** @deprecated Ikke lenger støttet. Meld fra på #talk-designsystem hvis du trenger støtte for\n   * overskrivinger av plasseringen til Tooltip!\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,\n  onClickCloseButton = () => undefined,\n  disableHoverListener = false,\n  disableFocusListener = false,\n  disableKeyboardListener = true,\n  disableClickListner = true,\n  showCloseButton = true,\n  variant,\n  hoverDelay,\n  style,\n  ...rest\n}) => {\n  const [showTooltip, setShowTooltip] = useState(isOpen ?? false);\n  const tooltipArrowRef = useRef(null);\n  const tooltipId = useRandomId('eds-tooltip');\n  const hoverOpenTimer = useRef<ReturnType<typeof setTimeout>>();\n  const hoverCloseTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  const isControlled = isOpen !== undefined;\n\n  // calculations for floating-UI tooltip position\n  const {\n    refs,\n    floatingStyles,\n    middlewareData,\n    placement: actualPlacement,\n    isPositioned,\n  } = useFloating({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    open: showTooltip,\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n      arrow({\n        element: tooltipArrowRef,\n        padding: borderRadiuses.medium,\n      }),\n    ],\n  });\n\n  const onMouseEnter = () => {\n    if (isControlled) return;\n    clearTimeout(hoverCloseTimer.current);\n    hoverOpenTimer.current = setTimeout(() => {\n      setShowTooltip(true);\n    }, hoverDelay?.enter ?? 150);\n  };\n\n  const onMouseLeave = () => {\n    if (isControlled) return;\n    clearTimeout(hoverOpenTimer.current);\n    hoverCloseTimer.current = setTimeout(() => {\n      setShowTooltip(false);\n    }, hoverDelay?.leave ?? 300);\n  };\n\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(hoverOpenTimer.current);\n      clearTimeout(hoverCloseTimer.current);\n    };\n  }, []);\n\n  React.useEffect(() => {\n    if (isOpen !== undefined) setShowTooltip(isOpen);\n  }, [isOpen]);\n\n  const referenceListenerProps: ChildEventListner = {\n    'aria-describedby': showTooltip ? tooltipId : undefined,\n    // focusListner\n    ...(!disableFocusListener &&\n      !isControlled && { onFocus: () => setShowTooltip(true) }),\n    ...(!disableFocusListener &&\n      !isControlled && { onBlur: () => setShowTooltip(false) }),\n    // hoverListner\n    ...(!disableHoverListener && !isControlled && { onMouseEnter }),\n    ...(!disableHoverListener && !isControlled && { onMouseLeave }),\n    // keyboardListner\n    ...(!disableKeyboardListener &&\n      !isControlled && {\n        onKeyDown: e => {\n          if (e.key === 'Escape') setShowTooltip(false);\n          if (e.key === ' ' || e.key === 'Enter') {\n            e.preventDefault();\n            setShowTooltip(!showTooltip);\n          }\n        },\n      }),\n    // clickListner\n    ...(!disableClickListner &&\n      !isControlled && {\n        onClick: () => setShowTooltip(!showTooltip),\n      }),\n  };\n\n  const displayTooltipStyle =\n    (!isControlled || isPositioned) && showTooltip && content\n      ? undefined\n      : 'none';\n\n  return (\n    <>\n      {cloneElement(children, {\n        ref: refs.setReference,\n        ...referenceListenerProps,\n      })}\n      <div\n        className={classNames(className, 'eds-tooltip', {\n          'eds-tooltip--negative': variant === error || variant === 'negative',\n        })}\n        ref={refs.setFloating}\n        style={{\n          ...floatingStyles,\n          display: displayTooltipStyle,\n          ...style,\n        }}\n        role=\"tooltip\"\n        id={tooltipId}\n        onMouseEnter={!disableHoverListener ? onMouseEnter : undefined}\n        onMouseLeave={!disableHoverListener ? onMouseLeave : undefined}\n        {...rest}\n      >\n        {content}\n        {isOpen && showCloseButton && (\n          <IconButton\n            className=\"eds-tooltip__close-button\"\n            onClick={() => {\n              setShowTooltip(false);\n              onClickCloseButton();\n            }}\n            type=\"button\"\n            aria-label=\"Lukk tooltip\"\n          >\n            <CloseIcon aria-hidden=\"true\" />\n          </IconButton>\n        )}\n        <div\n          className={`eds-tooltip__arrow--${actualPlacement?.split('-')?.[0]}`}\n          ref={tooltipArrowRef}\n          style={{\n            left: middlewareData.arrow?.x,\n            top: middlewareData.arrow?.y,\n          }}\n        />\n      </div>\n    </>\n  );\n};\n"],"names":["standardisePlacement","placement","PopoverContent","React","forwardRef","ref","children","className","style","_usePopoverContext3","usePopoverContext","floatingStyles","popoverContentProps","createElement","Contrast","_extends","classNames","mergeRefs","PopoverContext","createContext","undefined","context","useContext","Error","elementContainsElement","parent","child","contains","warnAboutMissingStyles","_ref","_ref$placement","_useCustomState","state","setState","_React$useState","useState","controlled","useCustomState","showPopover","setShowPopover","_useFloating","useFloating","whileElementsMounted","float","update","autoUpdate","middleware","offset","space","extraSmall","flip","shift","padding","limiter","limitShift","refs","useOnClickOutside","floating","reference","popoverTriggerProps","setReference","type","onClick","prev","role","setFloating","display","onKeyDown","event","key","onBlur","elementReceivingFocus","relatedTarget","getAttribute","focusedElementIsPopover","current","focusedElementIsTrigger","Provider","value","closeButtonProps","_ref3","rest","_objectWithoutPropertiesLoose","_excluded","_usePopoverContext2","cloneElement","_ref2","Children","only","_actualPlacement$spli","_middlewareData$arrow","_middlewareData$arrow2","content","isOpen","_ref$onClickCloseButt","onClickCloseButton","_ref$disableHoverList","disableHoverListener","_ref$disableFocusList","disableFocusListener","_ref$disableKeyboardL","disableKeyboardListener","_ref$disableClickList","disableClickListner","_ref$showCloseButton","showCloseButton","variant","hoverDelay","_useState","showTooltip","setShowTooltip","tooltipArrowRef","useRef","tooltipId","useRandomId","hoverOpenTimer","hoverCloseTimer","isControlled","open","arrow","element","borderRadiuses","medium","middlewareData","actualPlacement","isPositioned","onMouseEnter","_hoverDelay$enter","clearTimeout","setTimeout","enter","onMouseLeave","_hoverDelay$leave","leave","useEffect","referenceListenerProps","onFocus","e","preventDefault","displayTooltipStyle","Fragment","id","IconButton","CloseIcon","split","left","x","top","y"],"mappings":"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"}

package/dist/tooltip.esm.js

@@ -1,10 +1,11 @@
 import { useRandomId, useOnClickOutside, mergeRefs, warnAboutMissingStyles } from '@entur/utils';
 import React, { useState, useRef, cloneElement, createContext, useContext } from 'react';
 import classNames from 'classnames';
-import { useFloating, autoUpdate, offset, flip, shift, limitShift, arrow } from '@floating-ui/react-dom';
+import { useFloating, autoUpdate, offset, flip, shift, limitShift, arrow } from '@floating-ui/react';
 import { CloseIcon } from '@entur/icons';
 import { IconButton } from '@entur/button';
 import { space, borderRadiuses } from '@entur/tokens';
+import { useFloating as useFloating$1, autoUpdate as autoUpdate$1, offset as offset$1, flip as flip$1, shift as shift$1, limitShift as limitShift$1 } from '@floating-ui/react-dom';
 import { Contrast } from '@entur/layout';
 
 function _extends() {
@@ -49,7 +50,7 @@ function standardisePlacement(placement) {
   }
 }
 
-var _excluded$1 = ["placement", "content", "children", "className", "isOpen", "disableHoverListener", "disableFocusListener", "disableKeyboardListener", "disableClickListner", "showCloseButton", "variant", "style"];
+var _excluded$1 = ["placement", "content", "children", "className", "isOpen", "onClickCloseButton", "disableHoverListener", "disableFocusListener", "disableKeyboardListener", "disableClickListner", "showCloseButton", "variant", "hoverDelay", "style"];
 /** @deprecated use variant="negative" instead */
 var error = 'error';
 var Tooltip = function Tooltip(_ref) {
@@ -58,8 +59,11 @@ var Tooltip = function Tooltip(_ref) {
     content = _ref.content,
     children = _ref.children,
     className = _ref.className,
-    _ref$isOpen = _ref.isOpen,
-    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    isOpen = _ref.isOpen,
+    _ref$onClickCloseButt = _ref.onClickCloseButton,
+    onClickCloseButton = _ref$onClickCloseButt === void 0 ? function () {
+      return undefined;
+    } : _ref$onClickCloseButt,
     _ref$disableHoverList = _ref.disableHoverListener,
     disableHoverListener = _ref$disableHoverList === void 0 ? false : _ref$disableHoverList,
     _ref$disableFocusList = _ref.disableFocusListener,
@@ -71,21 +75,24 @@ var Tooltip = function Tooltip(_ref) {
     _ref$showCloseButton = _ref.showCloseButton,
     showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
     variant = _ref.variant,
+    hoverDelay = _ref.hoverDelay,
     style = _ref.style,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var _useState = useState(isOpen),
+  var _useState = useState(isOpen != null ? isOpen : false),
     showTooltip = _useState[0],
     setShowTooltip = _useState[1];
   var tooltipArrowRef = useRef(null);
   var tooltipId = useRandomId('eds-tooltip');
   var hoverOpenTimer = useRef();
   var hoverCloseTimer = useRef();
+  var isControlled = isOpen !== undefined;
   // calculations for floating-UI tooltip position
   var _useFloating = useFloating({
       whileElementsMounted: function whileElementsMounted(ref, _float, update) {
         return autoUpdate(ref, _float, update);
       },
       placement: standardisePlacement(placement),
+      open: showTooltip,
       middleware: [offset(space.extraSmall), flip(), shift({
         padding: space.extraSmall,
         limiter: limitShift({
@@ -99,18 +106,23 @@ var Tooltip = function Tooltip(_ref) {
     refs = _useFloating.refs,
     floatingStyles = _useFloating.floatingStyles,
     middlewareData = _useFloating.middlewareData,
-    actualPlacement = _useFloating.placement;
+    actualPlacement = _useFloating.placement,
+    isPositioned = _useFloating.isPositioned;
   var onMouseEnter = function onMouseEnter() {
+    var _hoverDelay$enter;
+    if (isControlled) return;
     clearTimeout(hoverCloseTimer.current);
     hoverOpenTimer.current = setTimeout(function () {
       setShowTooltip(true);
-    }, 150);
+    }, (_hoverDelay$enter = hoverDelay == null ? void 0 : hoverDelay.enter) != null ? _hoverDelay$enter : 150);
   };
   var onMouseLeave = function onMouseLeave() {
+    var _hoverDelay$leave;
+    if (isControlled) return;
     clearTimeout(hoverOpenTimer.current);
     hoverCloseTimer.current = setTimeout(function () {
       setShowTooltip(false);
-    }, 300);
+    }, (_hoverDelay$leave = hoverDelay == null ? void 0 : hoverDelay.leave) != null ? _hoverDelay$leave : 300);
   };
   React.useEffect(function () {
     return function () {
@@ -118,21 +130,24 @@ var Tooltip = function Tooltip(_ref) {
       clearTimeout(hoverCloseTimer.current);
     };
   }, []);
+  React.useEffect(function () {
+    if (isOpen !== undefined) setShowTooltip(isOpen);
+  }, [isOpen]);
   var referenceListenerProps = _extends({
     'aria-describedby': showTooltip ? tooltipId : undefined
-  }, !disableFocusListener && {
+  }, !disableFocusListener && !isControlled && {
     onFocus: function onFocus() {
       return setShowTooltip(true);
     }
-  }, !disableFocusListener && {
+  }, !disableFocusListener && !isControlled && {
     onBlur: function onBlur() {
       return setShowTooltip(false);
     }
-  }, !disableHoverListener && {
+  }, !disableHoverListener && !isControlled && {
     onMouseEnter: onMouseEnter
-  }, !disableHoverListener && {
+  }, !disableHoverListener && !isControlled && {
     onMouseLeave: onMouseLeave
-  }, !disableKeyboardListener && {
+  }, !disableKeyboardListener && !isControlled && {
     onKeyDown: function onKeyDown(e) {
       if (e.key === 'Escape') setShowTooltip(false);
       if (e.key === ' ' || e.key === 'Enter') {
@@ -140,11 +155,12 @@ var Tooltip = function Tooltip(_ref) {
         setShowTooltip(!showTooltip);
       }
     }
-  }, !disableClickListner && {
+  }, !disableClickListner && !isControlled && {
     onClick: function onClick() {
       return setShowTooltip(!showTooltip);
     }
   });
+  var displayTooltipStyle = (!isControlled || isPositioned) && showTooltip && content ? undefined : 'none';
   return React.createElement(React.Fragment, null, cloneElement(children, _extends({
     ref: refs.setReference
   }, referenceListenerProps)), React.createElement("div", _extends({
@@ -153,7 +169,7 @@ var Tooltip = function Tooltip(_ref) {
     }),
     ref: refs.setFloating,
     style: _extends({}, floatingStyles, {
-      display: showTooltip && content ? undefined : 'none'
+      display: displayTooltipStyle
     }, style),
     role: "tooltip",
     id: tooltipId,
@@ -162,7 +178,8 @@ var Tooltip = function Tooltip(_ref) {
   }, rest), content, isOpen && showCloseButton && React.createElement(IconButton, {
     className: "eds-tooltip__close-button",
     onClick: function onClick() {
-      return setShowTooltip(false);
+      setShowTooltip(false);
+      onClickCloseButton();
     },
     type: "button",
     "aria-label": "Lukk tooltip"
@@ -190,14 +207,14 @@ var Popover = function Popover(_ref) {
     setShowPopover = _useCustomState[1],
     controlled = _useCustomState[2];
   // calculations for floating-UI popover position
-  var _useFloating = useFloating({
+  var _useFloating = useFloating$1({
       whileElementsMounted: function whileElementsMounted(ref, _float, update) {
-        return autoUpdate(ref, _float, update);
+        return autoUpdate$1(ref, _float, update);
       },
       placement: standardisePlacement(placement),
-      middleware: [offset(space.extraSmall), flip(), shift({
+      middleware: [offset$1(space.extraSmall), flip$1(), shift$1({
         padding: space.extraSmall,
-        limiter: limitShift({
+        limiter: limitShift$1({
           offset: 8
         })
       })]
@@ -309,5 +326,5 @@ function elementContainsElement(parent, child) {
 
 warnAboutMissingStyles('tooltip');
 
-export { Popover, PopoverCloseButton, PopoverContent, PopoverTrigger, Tooltip };
+export { Popover, PopoverCloseButton, PopoverContent, PopoverTrigger, Tooltip, standardisePlacement };
 //# sourceMappingURL=tooltip.esm.js.map

package/dist/tooltip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.esm.js","sources":["../src/utils.ts","../src/Tooltip.tsx","../src/Popover.tsx","../src/index.tsx"],"sourcesContent":["import { Placement as FloatingUIPlacement } from '@floating-ui/react-dom';\n\nexport type Placement =\n  | 'top'\n  | 'top-left'\n  | 'top-start'\n  | 'top-right'\n  | 'top-end'\n  | 'left'\n  | 'right'\n  | 'bottom-left'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-right'\n  | 'bottom-end';\n\nexport function standardisePlacement(placement: string): FloatingUIPlacement {\n  switch (placement) {\n    case 'top-left':\n      return 'top-start';\n    case 'top-right':\n      return 'top-end';\n    case 'bottom-left':\n      return 'bottom-start';\n    case 'bottom-right':\n      return 'bottom-end';\n    default:\n      return placement as FloatingUIPlacement;\n  }\n}\n","import React, { cloneElement, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  arrow,\n  limitShift,\n} from '@floating-ui/react-dom';\n\nimport { useRandomId } from '@entur/utils';\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { space, borderRadiuses } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\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\ntype ChildEventListner = {\n  'aria-describedby'?: string;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  onKeyUp?: (e: React.KeyboardEvent) => void;\n  onClick?: (e: React.MouseEvent) => void;\n};\n\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TooltipProps = {\n  /** Plassering av tooltip-en */\n  placement: Placement;\n  /** Innholdet i tooltip-boksen */\n  content: React.ReactNode;\n  /** Elementet som skal ha tooltip-funksjonalitet */\n  children: React.ReactElement;\n  /** Om tooltip-en 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  disableKeyboardListener?: boolean;\n  disableClickListner?: 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?: 'negative' | typeof error;\n  /** @deprecated Ikke lenger støttet. Meld fra på #talk-designsystem hvis du trenger støtte for\n   * overskrivinger av plasseringen til Tooltip!\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  disableKeyboardListener = true,\n  disableClickListner = true,\n  showCloseButton = true,\n  variant,\n  style,\n  ...rest\n}) => {\n  const [showTooltip, setShowTooltip] = useState(isOpen);\n  const tooltipArrowRef = useRef(null);\n  const tooltipId = useRandomId('eds-tooltip');\n  const hoverOpenTimer = useRef<ReturnType<typeof setTimeout>>();\n  const hoverCloseTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  // calculations for floating-UI tooltip position\n  const {\n    refs,\n    floatingStyles,\n    middlewareData,\n    placement: actualPlacement,\n  } = useFloating({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n      arrow({\n        element: tooltipArrowRef,\n        padding: borderRadiuses.medium,\n      }),\n    ],\n  });\n\n  const onMouseEnter = () => {\n    clearTimeout(hoverCloseTimer.current);\n    hoverOpenTimer.current = setTimeout(() => {\n      setShowTooltip(true);\n    }, 150);\n  };\n\n  const onMouseLeave = () => {\n    clearTimeout(hoverOpenTimer.current);\n    hoverCloseTimer.current = setTimeout(() => {\n      setShowTooltip(false);\n    }, 300);\n  };\n\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(hoverOpenTimer.current);\n      clearTimeout(hoverCloseTimer.current);\n    };\n  }, []);\n\n  const referenceListenerProps: ChildEventListner = {\n    'aria-describedby': showTooltip ? tooltipId : undefined,\n    // focusListner\n    ...(!disableFocusListener && { onFocus: () => setShowTooltip(true) }),\n    ...(!disableFocusListener && { onBlur: () => setShowTooltip(false) }),\n    // hoverListner\n    ...(!disableHoverListener && { onMouseEnter }),\n    ...(!disableHoverListener && { onMouseLeave }),\n    // keyboardListner\n    ...(!disableKeyboardListener && {\n      onKeyDown: e => {\n        if (e.key === 'Escape') setShowTooltip(false);\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault();\n          setShowTooltip(!showTooltip);\n        }\n      },\n    }),\n    // clickListner\n    ...(!disableClickListner && {\n      onClick: () => setShowTooltip(!showTooltip),\n    }),\n  };\n\n  return (\n    <>\n      {cloneElement(children, {\n        ref: refs.setReference,\n        ...referenceListenerProps,\n      })}\n      <div\n        className={classNames(className, 'eds-tooltip', {\n          'eds-tooltip--negative': variant === error || variant === 'negative',\n        })}\n        ref={refs.setFloating}\n        style={{\n          ...floatingStyles,\n          display: showTooltip && content ? undefined : 'none',\n          ...style,\n        }}\n        role=\"tooltip\"\n        id={tooltipId}\n        onMouseEnter={!disableHoverListener ? onMouseEnter : undefined}\n        onMouseLeave={!disableHoverListener ? onMouseLeave : undefined}\n        {...rest}\n      >\n        {content}\n        {isOpen && showCloseButton && (\n          <IconButton\n            className=\"eds-tooltip__close-button\"\n            onClick={() => setShowTooltip(false)}\n            type=\"button\"\n            aria-label=\"Lukk tooltip\"\n          >\n            <CloseIcon aria-hidden=\"true\" />\n          </IconButton>\n        )}\n        <div\n          className={`eds-tooltip__arrow--${actualPlacement?.split('-')?.[0]}`}\n          ref={tooltipArrowRef}\n          style={{\n            left: middlewareData.arrow?.x,\n            top: middlewareData.arrow?.y,\n          }}\n        />\n      </div>\n    </>\n  );\n};\n","import React, {\n  cloneElement,\n  createContext,\n  MutableRefObject,\n  useContext,\n} from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  limitShift,\n} from '@floating-ui/react-dom';\n\nimport { Contrast } from '@entur/layout';\nimport { mergeRefs, useOnClickOutside } from '@entur/utils';\nimport { space } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\nimport './Popover.scss';\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\n  // calculations for floating-UI popover position\n  const { refs, floatingStyles } = useFloating<HTMLButtonElement>({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n    ],\n  });\n\n  useOnClickOutside([refs.floating, refs.reference], () =>\n    setShowPopover(false),\n  );\n\n  const popoverTriggerProps = {\n    'aria-haspopup': 'dialog',\n    'aria-expanded': showPopover,\n    ref: refs.setReference,\n    type: 'button',\n    ...(!controlled && {\n      onClick: () => setShowPopover(prev => !prev),\n    }),\n  };\n\n  const popoverContentProps = {\n    role: 'dialog',\n    'aria-modal': false,\n    'aria-hidden': !showPopover,\n    ref: refs.setFloating,\n    style: { ...(!showPopover && { display: 'none' }) },\n    onKeyDown: (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') setShowPopover(false);\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 focusedElementIsPopover = elementContainsElement(\n        refs.floating.current,\n        elementReceivingFocus,\n      );\n      const focusedElementIsTrigger = elementContainsElement(\n        refs.reference.current,\n        elementReceivingFocus,\n      );\n      const popoverShouldClose =\n        !focusedElementIsPopover && !focusedElementIsTrigger;\n      if (showPopover && popoverShouldClose) setShowPopover(false);\n    },\n  };\n\n  const closeButtonProps = {\n    onClick: () => setShowPopover(false),\n    type: 'button',\n  };\n\n  const contextValue: PopoverContextProps = {\n    showPopover,\n    floatingStyles,\n    popoverTriggerProps,\n    popoverContentProps,\n    closeButtonProps,\n  };\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 { popoverTriggerProps } = usePopoverContext();\n  const child = React.Children.only(children) as React.ReactElement<any>;\n  return cloneElement(child, popoverTriggerProps);\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  className?: string;\n  style?: React.CSSProperties;\n};\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(({ children, className, style }, ref: React.Ref<HTMLDivElement>) => {\n  const { floatingStyles, popoverContentProps } = usePopoverContext();\n  return (\n    <Contrast\n      className={classNames(className, 'eds-popover')}\n      {...popoverContentProps}\n      style={{ ...floatingStyles, ...popoverContentProps.style, ...style }}\n      // @ts-expect-error correct type for floating cannot be set via useFloating\n      ref={mergeRefs(popoverContentProps.ref, ref)}\n    >\n      {children}\n    </Contrast>\n  );\n});\n\ntype PopoverContextProps = {\n  showPopover: boolean;\n  floatingStyles: React.CSSProperties;\n  closeButtonProps: Record<string, unknown>;\n  popoverContentProps: {\n    role: string;\n    'aria-modal': boolean;\n    'aria-hidden': boolean;\n    ref: MutableRefObject<HTMLElement> | ((node: HTMLElement | null) => void);\n    style: React.CSSProperties;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    onBlur: (event: React.FocusEvent) => void;\n  };\n  popoverTriggerProps: Record<string, unknown>;\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\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';\nexport { Placement } from './utils';\n"],"names":["standardisePlacement","placement","error","Tooltip","content","children","className","isOpen","disableHoverListener","disableFocusListener","disableKeyboardListener","disableClickListner","showCloseButton","variant","style","rest","_excluded","useState","showTooltip","setShowTooltip","tooltipArrowRef","useRef","tooltipId","useRandomId","hoverOpenTimer","hoverCloseTimer","useFloating","whileElementsMounted","ref","float","update","autoUpdate","middleware","offset","space","extraSmall","flip","shift","padding","limiter","limitShift","arrow","element","borderRadiuses","medium","refs","floatingStyles","middlewareData","actualPlacement","onMouseEnter","clearTimeout","current","setTimeout","onMouseLeave","React","useEffect","referenceListenerProps","undefined","onFocus","onBlur","onKeyDown","e","key","preventDefault","onClick","createElement","Fragment","cloneElement","setReference","classNames","setFloating","display","role","id","IconButton","type","CloseIcon","split","left","x","top","y","Popover","controlledState","showPopover","setControlledState","setShowPopover","useCustomState","controlled","useOnClickOutside","floating","reference","popoverTriggerProps","prev","popoverContentProps","event","elementReceivingFocus","relatedTarget","getAttribute","focusedElementIsPopover","elementContainsElement","focusedElementIsTrigger","popoverShouldClose","closeButtonProps","contextValue","PopoverContext","Provider","value","PopoverTrigger","usePopoverContext","child","Children","only","PopoverCloseButton","PopoverContent","forwardRef","Contrast","mergeRefs","createContext","context","useContext","Error","state","setState","internalState","setInternalState","parent","contains","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"tooltip.esm.js","sources":["../src/utils.ts","../src/Tooltip.tsx","../src/Popover.tsx","../src/index.tsx"],"sourcesContent":["import { Placement as FloatingUIPlacement } from '@floating-ui/react-dom';\n\nexport type Placement =\n  | 'top'\n  | 'top-left'\n  | 'top-start'\n  | 'top-right'\n  | 'top-end'\n  | 'left'\n  | 'right'\n  | 'bottom-left'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-right'\n  | 'bottom-end';\n\nexport function standardisePlacement(placement: string): FloatingUIPlacement {\n  switch (placement) {\n    case 'top-left':\n      return 'top-start';\n    case 'top-right':\n      return 'top-end';\n    case 'bottom-left':\n      return 'bottom-start';\n    case 'bottom-right':\n      return 'bottom-end';\n    default:\n      return placement as FloatingUIPlacement;\n  }\n}\n","import React, { cloneElement, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  arrow,\n  limitShift,\n} from '@floating-ui/react';\n\nimport { useRandomId } from '@entur/utils';\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { space, borderRadiuses } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\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\ntype ChildEventListner = {\n  'aria-describedby'?: string;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  onKeyUp?: (e: React.KeyboardEvent) => void;\n  onClick?: (e: React.MouseEvent) => void;\n};\n\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TooltipProps = {\n  /** Plassering av tooltip-en */\n  placement: Placement;\n  /** Innholdet i tooltip-boksen */\n  content: React.ReactNode;\n  /** Elementet som skal ha tooltip-funksjonalitet */\n  children: React.ReactElement;\n  /** Om tooltip-en skal vises */\n  isOpen?: boolean;\n  /** Callback-funksjon for når brukeren trykker på lukk-tooltip-knappen\n   * @default () => undefined;\n   */\n  onClickCloseButton?: () => void;\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  disableKeyboardListener?: boolean;\n  disableClickListner?: 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?: 'negative' | typeof error;\n  /** For å kontrollere tiden i millisekunder det tar før tooltip-en\n   *  vises etter hover, og hvor lang tid det tar før den lukkes etter\n   *  hover-slutt.\n   *  @default { enter: 150, leave: 300 }\n   */\n  hoverDelay?: {\n    enter?: number;\n    leave?: number;\n  };\n  /** @deprecated Ikke lenger støttet. Meld fra på #talk-designsystem hvis du trenger støtte for\n   * overskrivinger av plasseringen til Tooltip!\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,\n  onClickCloseButton = () => undefined,\n  disableHoverListener = false,\n  disableFocusListener = false,\n  disableKeyboardListener = true,\n  disableClickListner = true,\n  showCloseButton = true,\n  variant,\n  hoverDelay,\n  style,\n  ...rest\n}) => {\n  const [showTooltip, setShowTooltip] = useState(isOpen ?? false);\n  const tooltipArrowRef = useRef(null);\n  const tooltipId = useRandomId('eds-tooltip');\n  const hoverOpenTimer = useRef<ReturnType<typeof setTimeout>>();\n  const hoverCloseTimer = useRef<ReturnType<typeof setTimeout>>();\n\n  const isControlled = isOpen !== undefined;\n\n  // calculations for floating-UI tooltip position\n  const {\n    refs,\n    floatingStyles,\n    middlewareData,\n    placement: actualPlacement,\n    isPositioned,\n  } = useFloating({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    open: showTooltip,\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n      arrow({\n        element: tooltipArrowRef,\n        padding: borderRadiuses.medium,\n      }),\n    ],\n  });\n\n  const onMouseEnter = () => {\n    if (isControlled) return;\n    clearTimeout(hoverCloseTimer.current);\n    hoverOpenTimer.current = setTimeout(() => {\n      setShowTooltip(true);\n    }, hoverDelay?.enter ?? 150);\n  };\n\n  const onMouseLeave = () => {\n    if (isControlled) return;\n    clearTimeout(hoverOpenTimer.current);\n    hoverCloseTimer.current = setTimeout(() => {\n      setShowTooltip(false);\n    }, hoverDelay?.leave ?? 300);\n  };\n\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(hoverOpenTimer.current);\n      clearTimeout(hoverCloseTimer.current);\n    };\n  }, []);\n\n  React.useEffect(() => {\n    if (isOpen !== undefined) setShowTooltip(isOpen);\n  }, [isOpen]);\n\n  const referenceListenerProps: ChildEventListner = {\n    'aria-describedby': showTooltip ? tooltipId : undefined,\n    // focusListner\n    ...(!disableFocusListener &&\n      !isControlled && { onFocus: () => setShowTooltip(true) }),\n    ...(!disableFocusListener &&\n      !isControlled && { onBlur: () => setShowTooltip(false) }),\n    // hoverListner\n    ...(!disableHoverListener && !isControlled && { onMouseEnter }),\n    ...(!disableHoverListener && !isControlled && { onMouseLeave }),\n    // keyboardListner\n    ...(!disableKeyboardListener &&\n      !isControlled && {\n        onKeyDown: e => {\n          if (e.key === 'Escape') setShowTooltip(false);\n          if (e.key === ' ' || e.key === 'Enter') {\n            e.preventDefault();\n            setShowTooltip(!showTooltip);\n          }\n        },\n      }),\n    // clickListner\n    ...(!disableClickListner &&\n      !isControlled && {\n        onClick: () => setShowTooltip(!showTooltip),\n      }),\n  };\n\n  const displayTooltipStyle =\n    (!isControlled || isPositioned) && showTooltip && content\n      ? undefined\n      : 'none';\n\n  return (\n    <>\n      {cloneElement(children, {\n        ref: refs.setReference,\n        ...referenceListenerProps,\n      })}\n      <div\n        className={classNames(className, 'eds-tooltip', {\n          'eds-tooltip--negative': variant === error || variant === 'negative',\n        })}\n        ref={refs.setFloating}\n        style={{\n          ...floatingStyles,\n          display: displayTooltipStyle,\n          ...style,\n        }}\n        role=\"tooltip\"\n        id={tooltipId}\n        onMouseEnter={!disableHoverListener ? onMouseEnter : undefined}\n        onMouseLeave={!disableHoverListener ? onMouseLeave : undefined}\n        {...rest}\n      >\n        {content}\n        {isOpen && showCloseButton && (\n          <IconButton\n            className=\"eds-tooltip__close-button\"\n            onClick={() => {\n              setShowTooltip(false);\n              onClickCloseButton();\n            }}\n            type=\"button\"\n            aria-label=\"Lukk tooltip\"\n          >\n            <CloseIcon aria-hidden=\"true\" />\n          </IconButton>\n        )}\n        <div\n          className={`eds-tooltip__arrow--${actualPlacement?.split('-')?.[0]}`}\n          ref={tooltipArrowRef}\n          style={{\n            left: middlewareData.arrow?.x,\n            top: middlewareData.arrow?.y,\n          }}\n        />\n      </div>\n    </>\n  );\n};\n","import React, {\n  cloneElement,\n  createContext,\n  MutableRefObject,\n  useContext,\n} from 'react';\n\nimport classNames from 'classnames';\nimport {\n  useFloating,\n  autoUpdate,\n  offset,\n  flip,\n  shift,\n  limitShift,\n} from '@floating-ui/react-dom';\n\nimport { Contrast } from '@entur/layout';\nimport { mergeRefs, useOnClickOutside } from '@entur/utils';\nimport { space } from '@entur/tokens';\n\nimport { Placement, standardisePlacement } from './utils';\n\nimport './Popover.scss';\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\n  // calculations for floating-UI popover position\n  const { refs, floatingStyles } = useFloating<HTMLButtonElement>({\n    whileElementsMounted: (ref, float, update) =>\n      autoUpdate(ref, float, update),\n    placement: standardisePlacement(placement),\n    middleware: [\n      offset(space.extraSmall),\n      flip(),\n      shift({ padding: space.extraSmall, limiter: limitShift({ offset: 8 }) }),\n    ],\n  });\n\n  useOnClickOutside([refs.floating, refs.reference], () =>\n    setShowPopover(false),\n  );\n\n  const popoverTriggerProps = {\n    'aria-haspopup': 'dialog',\n    'aria-expanded': showPopover,\n    ref: refs.setReference,\n    type: 'button',\n    ...(!controlled && {\n      onClick: () => setShowPopover(prev => !prev),\n    }),\n  };\n\n  const popoverContentProps = {\n    role: 'dialog',\n    'aria-modal': false,\n    'aria-hidden': !showPopover,\n    ref: refs.setFloating,\n    style: { ...(!showPopover && { display: 'none' }) },\n    onKeyDown: (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') setShowPopover(false);\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 focusedElementIsPopover = elementContainsElement(\n        refs.floating.current,\n        elementReceivingFocus,\n      );\n      const focusedElementIsTrigger = elementContainsElement(\n        refs.reference.current,\n        elementReceivingFocus,\n      );\n      const popoverShouldClose =\n        !focusedElementIsPopover && !focusedElementIsTrigger;\n      if (showPopover && popoverShouldClose) setShowPopover(false);\n    },\n  };\n\n  const closeButtonProps = {\n    onClick: () => setShowPopover(false),\n    type: 'button',\n  };\n\n  const contextValue: PopoverContextProps = {\n    showPopover,\n    floatingStyles,\n    popoverTriggerProps,\n    popoverContentProps,\n    closeButtonProps,\n  };\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 { popoverTriggerProps } = usePopoverContext();\n  const child = React.Children.only(children) as React.ReactElement<any>;\n  return cloneElement(child, popoverTriggerProps);\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  className?: string;\n  style?: React.CSSProperties;\n};\n\nexport const PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverContentProps\n>(({ children, className, style }, ref: React.Ref<HTMLDivElement>) => {\n  const { floatingStyles, popoverContentProps } = usePopoverContext();\n  return (\n    <Contrast\n      className={classNames(className, 'eds-popover')}\n      {...popoverContentProps}\n      style={{ ...floatingStyles, ...popoverContentProps.style, ...style }}\n      // @ts-expect-error correct type for floating cannot be set via useFloating\n      ref={mergeRefs(popoverContentProps.ref, ref)}\n    >\n      {children}\n    </Contrast>\n  );\n});\n\ntype PopoverContextProps = {\n  showPopover: boolean;\n  floatingStyles: React.CSSProperties;\n  closeButtonProps: Record<string, unknown>;\n  popoverContentProps: {\n    role: string;\n    'aria-modal': boolean;\n    'aria-hidden': boolean;\n    ref: MutableRefObject<HTMLElement> | ((node: HTMLElement | null) => void);\n    style: React.CSSProperties;\n    onKeyDown: (event: React.KeyboardEvent) => void;\n    onBlur: (event: React.FocusEvent) => void;\n  };\n  popoverTriggerProps: Record<string, unknown>;\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\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';\nexport { Placement, standardisePlacement } from './utils';\n"],"names":["standardisePlacement","placement","error","Tooltip","content","children","className","isOpen","onClickCloseButton","undefined","disableHoverListener","disableFocusListener","disableKeyboardListener","disableClickListner","showCloseButton","variant","hoverDelay","style","rest","_excluded","useState","showTooltip","setShowTooltip","tooltipArrowRef","useRef","tooltipId","useRandomId","hoverOpenTimer","hoverCloseTimer","isControlled","useFloating","whileElementsMounted","ref","float","update","autoUpdate","open","middleware","offset","space","extraSmall","flip","shift","padding","limiter","limitShift","arrow","element","borderRadiuses","medium","refs","floatingStyles","middlewareData","actualPlacement","isPositioned","onMouseEnter","clearTimeout","current","setTimeout","enter","onMouseLeave","leave","React","useEffect","referenceListenerProps","onFocus","onBlur","onKeyDown","e","key","preventDefault","onClick","displayTooltipStyle","createElement","Fragment","cloneElement","setReference","classNames","setFloating","display","role","id","IconButton","type","CloseIcon","split","left","x","top","y","Popover","controlledState","showPopover","setControlledState","setShowPopover","useCustomState","controlled","useOnClickOutside","floating","reference","popoverTriggerProps","prev","popoverContentProps","event","elementReceivingFocus","relatedTarget","getAttribute","focusedElementIsPopover","elementContainsElement","focusedElementIsTrigger","popoverShouldClose","closeButtonProps","contextValue","PopoverContext","Provider","value","PopoverTrigger","usePopoverContext","child","Children","only","PopoverCloseButton","PopoverContent","forwardRef","Contrast","mergeRefs","createContext","context","useContext","Error","state","setState","internalState","setInternalState","parent","contains","warnAboutMissingStyles"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/tooltip",
-  "version": "4.0.1",
+  "version": "5.1.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/tooltip.esm.js",
@@ -27,13 +27,14 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/button": "^3.2.32",
-    "@entur/icons": "^7.4.0",
-    "@entur/layout": "^2.3.16",
-    "@entur/tokens": "^3.17.0",
-    "@entur/utils": "^0.11.2",
+    "@entur/button": "^3.2.33",
+    "@entur/icons": "^7.4.1",
+    "@entur/layout": "^2.3.17",
+    "@entur/tokens": "^3.17.1",
+    "@entur/utils": "^0.12.0",
+    "@floating-ui/react": "^0.26.24",
     "@floating-ui/react-dom": "^2.1.0",
     "classnames": "^2.3.1"
   },
-  "gitHead": "045cada5d95c62d8ddfc95d82b4526742ab07d0a"
+  "gitHead": "7df4cea445e3dac77f80619ea0c298dc0b5c31e0"
 }