@entur/tooltip 3.0.1 → 4.0.0-beta.0

package/dist/tooltip.esm.js

@@ -1,9 +1,11 @@
 import { useRandomId, useOnClickOutside, warnAboutMissingStyles } from '@entur/utils';
-import React, { useState, cloneElement, createContext, useContext } from 'react';
-import { Manager, Reference, Popper, usePopper } from 'react-popper';
+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 { CloseIcon } from '@entur/icons';
 import { IconButton } from '@entur/button';
+import { space, borderRadiuses } from '@entur/tokens';
+import { usePopper } from 'react-popper';
 import { Contrast } from '@entur/layout';
 
 function _extends() {
@@ -33,10 +35,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded$1 = ["placement", "content", "children", "className", "isOpen", "disableHoverListener", "disableFocusListener", "disableKeyboardListener", "disableClickListner", "showCloseButton", "variant", "popperModifiers"];
+var _excluded$1 = ["placement", "content", "children", "className", "isOpen", "disableHoverListener", "disableFocusListener", "disableKeyboardListener", "disableClickListner", "showCloseButton", "variant", "style"];
 /** @deprecated use variant="negative" instead */
 var error = 'error';
 var Tooltip = function Tooltip(_ref) {
+  var _actualPlacement$spli, _middlewareData$arrow, _middlewareData$arrow2;
   var placement = _ref.placement,
     content = _ref.content,
     children = _ref.children,
@@ -54,116 +57,129 @@ var Tooltip = function Tooltip(_ref) {
     _ref$showCloseButton = _ref.showCloseButton,
     showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
     variant = _ref.variant,
-    _ref$popperModifiers = _ref.popperModifiers,
-    popperModifiers = _ref$popperModifiers === void 0 ? [{
-      name: 'offset',
-      options: {
-        offset: [0, 10]
-      }
-    }] : _ref$popperModifiers,
+    style = _ref.style,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var _useState = useState(isOpen || false),
+  var _useState = useState(isOpen),
     showTooltip = _useState[0],
     setShowTooltip = _useState[1];
-  var hoverTimer;
-  var handleOpen = function handleOpen(event) {
-    event.persist();
-    hoverTimer = setTimeout(function () {
+  var tooltipArrowRef = useRef(null);
+  var tooltipId = useRandomId('eds-tooltip');
+  var hoverOpenTimer;
+  var hoverCloseTimer;
+  // calculations for floating-UI tooltip position
+  var _useFloating = useFloating({
+      whileElementsMounted: function whileElementsMounted(ref, _float, update) {
+        return autoUpdate(ref, _float, update);
+      },
+      placement: standardisePlacement(placement),
+      middleware: [offset(space.extraSmall), flip(), shift({
+        padding: space.extraSmall,
+        limiter: limitShift({
+          offset: 8
+        })
+      }), arrow({
+        element: tooltipArrowRef,
+        padding: borderRadiuses.medium
+      })]
+    }),
+    refs = _useFloating.refs,
+    floatingStyles = _useFloating.floatingStyles,
+    middlewareData = _useFloating.middlewareData,
+    actualPlacement = _useFloating.placement;
+  var onMouseEnter = function onMouseEnter() {
+    clearTimeout(hoverCloseTimer);
+    hoverOpenTimer = setTimeout(function () {
       setShowTooltip(true);
     }, 150);
   };
-  var onMouseExit = function onMouseExit() {
-    setShowTooltip(false);
-    clearTimeout(hoverTimer);
+  var onMouseLeave = function onMouseLeave() {
+    clearTimeout(hoverOpenTimer);
+    hoverCloseTimer = setTimeout(function () {
+      setShowTooltip(false);
+    }, 300);
   };
   React.useEffect(function () {
     return function () {
-      clearTimeout(hoverTimer);
+      clearTimeout(hoverOpenTimer);
+      clearTimeout(hoverCloseTimer);
     };
-  });
-  var tooltipId = useRandomId('eds-tooltip');
+  }, []);
   React.useEffect(function () {
-    setShowTooltip(isOpen);
-  }, [isOpen]);
-  React.useEffect(function () {
-    if (!content) {
-      setShowTooltip(false);
-    }
-  }, [content]);
-  var popperPlacement = placement;
-  if (placement.includes('-')) {
-    if (placement.includes('right')) {
-      popperPlacement = placement.replace('right', 'end');
-    }
-    if (placement.includes('left')) {
-      popperPlacement = placement.replace('left', 'start');
-    }
-  }
-  var childProps = {};
-  childProps['aria-describedby'] = showTooltip ? tooltipId : undefined;
-  if (!disableFocusListener) {
-    childProps.onFocus = function () {
+    console.log(actualPlacement);
+  }, [actualPlacement]);
+  var referenceListenerProps = _extends({
+    'aria-describedby': showTooltip ? tooltipId : undefined
+  }, !disableFocusListener && {
+    onFocus: function onFocus() {
       return setShowTooltip(true);
-    };
-    childProps.onBlur = function () {
+    }
+  }, !disableFocusListener && {
+    onBlur: function onBlur() {
       return setShowTooltip(false);
-    };
-  }
-  if (!disableHoverListener) {
-    childProps.onMouseEnter = function (e) {
-      return handleOpen(e);
-    };
-    childProps.onMouseLeave = function () {
-      return onMouseExit();
-    };
-  }
-  if (!disableKeyboardListener) {
-    childProps.onKeyDown = function (e) {
+    }
+  }, !disableHoverListener && {
+    onMouseEnter: onMouseEnter
+  }, !disableHoverListener && {
+    onMouseLeave: onMouseLeave
+  }, !disableKeyboardListener && {
+    onKeyDown: function onKeyDown(e) {
       if (e.key === 'Escape') setShowTooltip(false);
       if (e.key === ' ' || e.key === 'Enter') {
         e.preventDefault();
         setShowTooltip(!showTooltip);
       }
-    };
-  }
-  if (!disableClickListner) {
-    childProps.onClick = function () {
+    }
+  }, !disableClickListner && {
+    onClick: function onClick() {
       return setShowTooltip(!showTooltip);
-    };
-  }
-  return React.createElement(Manager, null, React.createElement(Reference, null, function (_ref2) {
-    var ref = _ref2.ref;
-    return cloneElement(children, _extends({
-      ref: ref
-    }, childProps));
-  }), showTooltip && React.createElement(Popper, {
-    modifiers: [{
-      name: 'arrow',
-      enabled: false
-    }].concat(popperModifiers),
-    placement: popperPlacement
-  }, function (_ref3) {
-    var ref = _ref3.ref,
-      style = _ref3.style,
-      popperPlacement = _ref3.placement;
-    return React.createElement("div", _extends({
-      className: classNames('eds-tooltip', className, "eds-tooltip--" + popperPlacement, {
-        'eds-tooltip--negative': variant === error || variant === 'negative'
-      }),
-      ref: ref,
-      style: style,
-      role: "tooltip",
-      id: tooltipId,
-      "data-placement": popperPlacement
-    }, rest), content, isOpen && showCloseButton && React.createElement(IconButton, {
-      className: "eds-tooltip__close-button",
-      onClick: function onClick() {
-        return setShowTooltip(false);
-      },
-      type: "button"
-    }, React.createElement(CloseIcon, null)));
-  }));
+    }
+  });
+  return React.createElement(React.Fragment, null, cloneElement(children, _extends({
+    ref: refs.setReference
+  }, referenceListenerProps)), React.createElement("div", _extends({
+    className: classNames(className, 'eds-tooltip', {
+      'eds-tooltip--negative': variant === error || variant === 'negative'
+    }),
+    ref: refs.setFloating,
+    style: _extends({}, floatingStyles, {
+      display: showTooltip && content ? undefined : 'none'
+    }, style),
+    role: "tooltip",
+    id: tooltipId,
+    onMouseEnter: !disableHoverListener ? onMouseEnter : undefined,
+    onMouseLeave: !disableHoverListener ? onMouseLeave : undefined
+  }, rest), content, isOpen && showCloseButton && React.createElement(IconButton, {
+    className: "eds-tooltip__close-button",
+    onClick: function onClick() {
+      return setShowTooltip(false);
+    },
+    type: "button",
+    "aria-label": "Lukk tooltip"
+  }, React.createElement(CloseIcon, {
+    "aria-hidden": "true"
+  })), React.createElement("div", {
+    className: "eds-tooltip__arrow--" + (actualPlacement == null ? void 0 : (_actualPlacement$spli = actualPlacement.split('-')) == null ? void 0 : _actualPlacement$spli[0]),
+    ref: tooltipArrowRef,
+    style: {
+      left: (_middlewareData$arrow = middlewareData.arrow) == null ? void 0 : _middlewareData$arrow.x,
+      top: (_middlewareData$arrow2 = middlewareData.arrow) == null ? void 0 : _middlewareData$arrow2.y
+    }
+  })));
 };
+function standardisePlacement(placement) {
+  switch (placement) {
+    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 placement;
+  }
+}
 
 var _excluded = ["children"];
 var PopoverContext = /*#__PURE__*/createContext(undefined);

package/dist/tooltip.esm.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/tooltip",
-  "version": "3.0.1",
+  "version": "4.0.0-beta.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/tooltip.esm.js",
@@ -27,14 +27,15 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/button": "^3.2.29",
-    "@entur/icons": "^7.1.0",
-    "@entur/layout": "^2.3.13",
-    "@entur/tokens": "^3.16.0",
+    "@entur/button": "^3.2.30",
+    "@entur/icons": "^7.2.0",
+    "@entur/layout": "^2.3.14",
+    "@entur/tokens": "^3.17.0",
     "@entur/utils": "^0.11.1",
+    "@floating-ui/react-dom": "^2.1.0",
     "@popperjs/core": "^2.10.1",
     "classnames": "^2.3.1",
     "react-popper": "~2.2.5"
   },
-  "gitHead": "0003528fef45ca9117e13c3282804da3f0cdea2f"
+  "gitHead": "cf307ea5b19e314649370964a7368666df04305b"
 }