@dnb/eufemia 10.2.0 → 10.3.0

package/cjs/components/tooltip/TooltipContainer.js

@@ -4,25 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TooltipContainer;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _helpers = require("../../shared/helpers");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function TooltipContainer(props) {
   const {
     internalId,
@@ -41,47 +33,33 @@ function TooltipContainer(props) {
     children,
     targetElement: target
   } = props;
-
   const [style, setStyle] = _react.default.useState(null);
-
   const [hover, setHover] = _react.default.useState(false);
-
   const isActive = (0, _componentHelper.isTrue)(active) || hover;
-
   const [wasActive, makeActive] = _react.default.useState(false);
-
   const [renewStyles, forceRerender] = _react.default.useState(getBodySize);
-
   const elementRef = _react.default.useRef(null);
-
   const offset = _react.default.useRef(16);
-
   const debounceTimeout = _react.default.useRef();
-
   const resizeObserver = _react.default.useRef(null);
-
   function getBodySize() {
     if (!isActive || typeof document === 'undefined') {
       return 0;
     }
-
     const {
       width,
       height
     } = document.body.getBoundingClientRect();
     return width + height;
   }
-
   const clearTimers = () => {
     clearTimeout(debounceTimeout.current);
   };
-
   _react.default.useLayoutEffect(() => {
     const addPositionObserver = () => {
       if (resizeObserver.current || typeof document === 'undefined') {
         return;
       }
-
       try {
         resizeObserver.current = new ResizeObserver(() => {
           clearTimers();
@@ -90,44 +68,33 @@ function TooltipContainer(props) {
         resizeObserver.current.observe(document.body);
       } catch (e) {}
     };
-
     const removePositionObserver = () => {
       var _resizeObserver$curre;
-
       clearTimers();
       (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.disconnect();
     };
-
     if (isActive) {
       makeActive(true);
       addPositionObserver();
     } else {
       removePositionObserver();
     }
-
     return removePositionObserver;
   }, [isActive]);
-
   const offsetLeft = _react.default.useRef(0);
-
   const offsetTop = _react.default.useRef(0);
-
   _react.default.useLayoutEffect(() => {
     if (!isActive) {
       if (group && wasActive) {
         clearTimeout(debounceTimeout.current);
         debounceTimeout.current = setTimeout(() => setStyle(null), hideDelay);
       }
-
       return;
     }
-
     const element = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current;
-
     if (typeof window === 'undefined' || !element || !(target !== null && target !== void 0 && target.getBoundingClientRect)) {
       return;
     }
-
     let alignOffset = 0;
     const elementWidth = element.offsetWidth;
     const elementHeight = element.offsetHeight;
@@ -136,17 +103,14 @@ function TooltipContainer(props) {
       width: target.offsetWidth,
       height: target.offsetHeight
     };
-
     if (!target.offsetHeight) {
       targetBodySize.width = rect.width;
       targetBodySize.height = rect.height;
     }
-
     if (skipPortal && (!offsetLeft.current || !offsetTop.current)) {
       offsetLeft.current = (0, _helpers.getOffsetLeft)(element) - offset.current;
       offsetTop.current = (0, _helpers.getOffsetTop)(element) - offset.current;
     }
-
     const scrollY = window.scrollY !== undefined ? window.scrollY : window.pageYOffset;
     const scrollX = window.scrollX !== undefined ? window.scrollX : window.pageXOffset;
     const top = ((0, _componentHelper.isTrue)(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current;
@@ -154,15 +118,12 @@ function TooltipContainer(props) {
     const mousePos = (0, _helpers.getOffsetLeft)(target) + rect.left / 2 + (element ? element.offsetWidth : 0);
     const widthBased = scrollX + rect.left;
     const left = (useMouseWhen && mousePos < targetBodySize.width ? mousePos : widthBased) - offsetLeft.current;
-
     const style = _objectSpread({}, props.style);
-
     if (align === 'left') {
       alignOffset = -targetBodySize.width / 2;
     } else if (align === 'right') {
       alignOffset = targetBodySize.width / 2;
     }
-
     const topHorizontal = top + targetBodySize.height / 2 - elementHeight / 2;
     const leftVertical = left - elementWidth / 2 + targetBodySize.width / 2 + alignOffset;
     const stylesFromPosition = {
@@ -197,44 +158,34 @@ function TooltipContainer(props) {
         style.top = top + targetBodySize.height / 2 - elementHeight + offset.current;
       }
     };
-
     if (stylesFromPosition[position]) {
       stylesFromPosition[position]();
     } else if (stylesFromArrow[arrow]) {
       stylesFromArrow[arrow]();
     }
-
     const rightOffset = parseFloat(String(style.left)) + elementWidth - window.innerWidth;
-
     if (rightOffset > 0) {
       style.left = window.innerWidth - elementWidth;
     }
-
-    if (style.left < 0) {
+    if (parseFloat(String(style.left)) < 0) {
       style.left = 0;
     }
-
-    if (style.top < 0) {
+    if (parseFloat(String(style.top)) < 0) {
       style.top = 0;
     }
-
     setStyle(style);
   }, [active, arrow, position, children, renewStyles]);
-
   const handleMouseEnter = () => {
     if ((0, _componentHelper.isTrue)(active) && useHover !== false) {
       setHover(true);
     }
   };
-
   const handleMouseLeave = () => {
     if (useHover !== false) {
       setHover(false);
     }
   };
-
   const handlePropagation = e => e.stopPropagation();
-
   return _react.default.createElement("span", _extends({
     role: "tooltip",
     "aria-hidden": target ? true : undefined,
@@ -253,4 +204,5 @@ function TooltipContainer(props) {
     id: internalId,
     className: "dnb-tooltip__content"
   }, children));
-}
+}
+//# sourceMappingURL=TooltipContainer.js.map

package/cjs/components/tooltip/TooltipContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContainer.js","names":["_react","_interopRequireDefault","require","_componentHelper","_helpers","_classnames","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","TooltipContainer","props","internalId","active","attributes","arrow","position","align","group","hideDelay","animatePosition","fixedPosition","noAnimation","skipPortal","useHover","children","targetElement","style","setStyle","React","useState","hover","setHover","isActive","isTrue","wasActive","makeActive","renewStyles","forceRerender","getBodySize","elementRef","useRef","offset","debounceTimeout","resizeObserver","document","width","height","body","getBoundingClientRect","clearTimers","clearTimeout","current","useLayoutEffect","addPositionObserver","ResizeObserver","setTimeout","observe","e","removePositionObserver","_resizeObserver$curre","disconnect","offsetLeft","offsetTop","element","window","alignOffset","elementWidth","offsetWidth","elementHeight","offsetHeight","rect","targetBodySize","getOffsetLeft","getOffsetTop","scrollY","pageYOffset","scrollX","pageXOffset","top","useMouseWhen","mousePos","left","widthBased","topHorizontal","leftVertical","stylesFromPosition","right","bottom","stylesFromArrow","rightOffset","parseFloat","innerWidth","handleMouseEnter","handleMouseLeave","handlePropagation","stopPropagation","createElement","role","ref","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onTouchStart","className","classnames","id"],"sources":["../../../../src/components/tooltip/TooltipContainer.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { isTrue } from '../../shared/component-helper'\nimport { getOffsetLeft, getOffsetTop } from '../../shared/helpers'\nimport classnames from 'classnames'\nimport { TooltipProps } from './types'\n\ntype TooltipContainerProps = {\n  targetElement: HTMLElement\n  style?: React.CSSProperties\n  useHover?: boolean\n  internalId?: string\n  attributes?: Record<string, unknown> & { style: React.CSSProperties }\n}\n\nexport default function TooltipContainer(\n  props: TooltipProps & TooltipContainerProps\n) {\n  const {\n    internalId,\n    active,\n    attributes,\n    arrow,\n    position,\n    align,\n    group,\n    hideDelay,\n    animatePosition,\n    fixedPosition,\n    noAnimation,\n    skipPortal,\n    useHover,\n    children,\n    targetElement: target,\n  } = props\n\n  const [style, setStyle] = React.useState(null)\n  const [hover, setHover] = React.useState(false)\n  const isActive = isTrue(active) || hover\n  const [wasActive, makeActive] = React.useState(false)\n  const [renewStyles, forceRerender] = React.useState(getBodySize)\n\n  const elementRef = React.useRef<HTMLSpanElement>(null)\n  const offset = React.useRef(16)\n  const debounceTimeout = React.useRef<NodeJS.Timeout>()\n  const resizeObserver = React.useRef<ResizeObserver>(null)\n\n  function getBodySize() {\n    if (!isActive || typeof document === 'undefined') {\n      return 0 // stop here\n    }\n\n    const { width, height } = document.body.getBoundingClientRect()\n\n    return width + height\n  }\n\n  const clearTimers = () => {\n    clearTimeout(debounceTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    const addPositionObserver = () => {\n      if (resizeObserver.current || typeof document === 'undefined') {\n        return // stop here\n      }\n\n      try {\n        resizeObserver.current = new ResizeObserver(() => {\n          clearTimers()\n          debounceTimeout.current = setTimeout(\n            () => forceRerender(getBodySize()),\n            100\n          )\n        })\n\n        resizeObserver.current.observe(document.body)\n      } catch (e) {\n        //\n      }\n    }\n    const removePositionObserver = () => {\n      clearTimers()\n      resizeObserver.current?.disconnect()\n    }\n\n    if (isActive) {\n      makeActive(true)\n      addPositionObserver()\n    } else {\n      removePositionObserver()\n    }\n\n    return removePositionObserver\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive])\n\n  const offsetLeft = React.useRef(0)\n  const offsetTop = React.useRef(0)\n\n  React.useLayoutEffect(() => {\n    if (!isActive) {\n      /**\n       * This \"resets\" the position between elements,\n       * when not active. Else it will always first show on the older position.\n       */\n      if (group && wasActive) {\n        clearTimeout(debounceTimeout.current)\n        debounceTimeout.current = setTimeout(\n          () => setStyle(null),\n          hideDelay\n        )\n      }\n      return // stop here\n    }\n\n    const element = elementRef?.current\n\n    if (\n      typeof window === 'undefined' ||\n      !element ||\n      !target?.getBoundingClientRect\n    ) {\n      return // stop here\n    }\n\n    let alignOffset = 0\n\n    const elementWidth = element.offsetWidth\n    const elementHeight = element.offsetHeight\n    const rect = target.getBoundingClientRect()\n    const targetBodySize = {\n      width: target.offsetWidth,\n      height: target.offsetHeight,\n    }\n\n    // fix for svg\n    if (!target.offsetHeight) {\n      targetBodySize.width = rect.width\n      targetBodySize.height = rect.height\n    }\n\n    if (skipPortal && (!offsetLeft.current || !offsetTop.current)) {\n      offsetLeft.current = getOffsetLeft(element) - offset.current\n      offsetTop.current = getOffsetTop(element) - offset.current\n    }\n\n    const scrollY =\n      window.scrollY !== undefined ? window.scrollY : window.pageYOffset\n    const scrollX =\n      window.scrollX !== undefined ? window.scrollX : window.pageXOffset\n    const top =\n      (isTrue(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current\n\n    // Use Mouse position when target is too wide\n    const useMouseWhen = targetBodySize.width > 400\n    const mousePos =\n      getOffsetLeft(target) +\n      rect.left / 2 +\n      (element ? element.offsetWidth : 0)\n    const widthBased = scrollX + rect.left\n    const left =\n      (useMouseWhen && mousePos < targetBodySize.width\n        ? mousePos\n        : widthBased) - offsetLeft.current\n\n    const style = { ...props.style }\n\n    if (align === 'left') {\n      alignOffset = -targetBodySize.width / 2\n    } else if (align === 'right') {\n      alignOffset = targetBodySize.width / 2\n    }\n\n    const topHorizontal =\n      top + targetBodySize.height / 2 - elementHeight / 2\n    const leftVertical =\n      left - elementWidth / 2 + targetBodySize.width / 2 + alignOffset\n\n    const stylesFromPosition = {\n      left: () => {\n        style.top = topHorizontal\n        style.left = left - elementWidth - offset.current\n      },\n      right: () => {\n        style.top = topHorizontal\n        style.left = left + targetBodySize.width + offset.current\n      },\n      top: () => {\n        style.left = leftVertical\n        style.top = top - elementHeight - offset.current\n      },\n      bottom: () => {\n        style.left = leftVertical\n        style.top = top + targetBodySize.height + offset.current\n      },\n    }\n\n    const stylesFromArrow = {\n      left: () => {\n        style.left =\n          left + targetBodySize.width / 2 - offset.current + alignOffset\n      },\n      right: () => {\n        style.left =\n          left -\n          elementWidth +\n          targetBodySize.width / 2 +\n          offset.current +\n          alignOffset\n      },\n      top: () => {\n        style.top = top + targetBodySize.height / 2 - offset.current\n      },\n      bottom: () => {\n        style.top =\n          top + targetBodySize.height / 2 - elementHeight + offset.current\n      },\n    }\n\n    if (stylesFromPosition[position]) {\n      stylesFromPosition[position]()\n    } else if (stylesFromArrow[arrow]) {\n      stylesFromArrow[arrow]()\n    }\n\n    const rightOffset =\n      parseFloat(String(style.left)) + elementWidth - window.innerWidth\n    if (rightOffset > 0) {\n      style.left = window.innerWidth - elementWidth\n    }\n\n    if (parseFloat(String(style.left)) < 0) {\n      style.left = 0\n    }\n    if (parseFloat(String(style.top)) < 0) {\n      style.top = 0\n    }\n\n    setStyle(style)\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [active, arrow, position, children, renewStyles])\n\n  const handleMouseEnter = () => {\n    if (isTrue(active) && useHover !== false) {\n      setHover(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (useHover !== false) {\n      setHover(false)\n    }\n  }\n\n  /**\n   * By stopping propagation, we allow the user to select text when Toolip is used in the Slider component\n   */\n  const handlePropagation = (e: React.SyntheticEvent) =>\n    e.stopPropagation()\n\n  return (\n    <span\n      role=\"tooltip\"\n      aria-hidden={target ? true : undefined} // make sure SR does not find it in the DOM, because we use \"aria-describedby\" for that\n      ref={elementRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onMouseMove={handlePropagation}\n      onMouseDown={handlePropagation}\n      onTouchStart={handlePropagation}\n      {...attributes}\n      className={classnames(\n        attributes?.className,\n        isTrue(animatePosition) && 'dnb-tooltip--animate_position',\n        isTrue(noAnimation) && 'dnb-tooltip--no-animation',\n        isTrue(fixedPosition) && 'dnb-tooltip--fixed',\n        isActive && 'dnb-tooltip--active',\n        !isActive && wasActive && 'dnb-tooltip--hide'\n      )}\n      style={{ ...style, ...attributes.style }}\n    >\n      {arrow && (\n        <span\n          className={classnames(\n            'dnb-tooltip__arrow',\n            `dnb-tooltip__arrow__arrow--${arrow}`,\n            `dnb-tooltip__arrow__position--${position}`\n          )}\n        />\n      )}\n\n      <span id={internalId} className=\"dnb-tooltip__content\">\n        {children}\n      </span>\n    </span>\n  )\n}\n"],"mappings":"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"}

package/cjs/components/tooltip/TooltipHelpers.js

@@ -10,21 +10,15 @@ exports.getTargetElement = getTargetElement;
 exports.injectTooltipSemantic = injectTooltipSemantic;
 exports.isTouch = void 0;
 exports.useHandleAria = useHandleAria;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function injectTooltipSemantic(params) {
   params.tabIndex = '0';
   params.className = (0, _classnames.default)("dnb-tooltip__wrapper dnb-tab-focus", params.className);
   return params;
 }
-
 const defaultProps = {
   id: null,
   group: null,
@@ -46,13 +40,11 @@ const defaultProps = {
   tooltip: null
 };
 exports.defaultProps = defaultProps;
-
 function getTargetElement(target) {
   if (typeof document !== 'undefined') {
     return typeof target === 'string' ? typeof document !== 'undefined' && document.querySelector(target) : target;
   }
 }
-
 function useHandleAria(targetElement, internalId) {
   _react.default.useEffect(() => {
     try {
@@ -63,32 +55,25 @@ function useHandleAria(targetElement, internalId) {
     } catch (e) {}
   }, [targetElement, internalId]);
 }
-
 function getPropsFromTooltipProp(localProps) {
   return localProps.tooltip ? _react.default.isValidElement(localProps.tooltip) && localProps.tooltip.props ? localProps.tooltip.props : {
     children: localProps.tooltip
   } : null;
 }
-
 function getRefElement(target) {
   var _unknownTarget$curren;
-
   const unknownTarget = target;
   let element = target;
-
   if (unknownTarget !== null && unknownTarget !== void 0 && (_unknownTarget$curren = unknownTarget.current) !== null && _unknownTarget$curren !== void 0 && _unknownTarget$curren._ref) {
     element = getRefElement(unknownTarget.current._ref);
   }
-
   if (element && Object.prototype.hasOwnProperty.call(element, 'current')) {
     element = element.current;
   }
-
   return element;
 }
-
 const isTouch = type => {
   return /touch/i.test(type);
 };
-
-exports.isTouch = isTouch;
+exports.isTouch = isTouch;
+//# sourceMappingURL=TooltipHelpers.js.map

package/cjs/components/tooltip/TooltipHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipHelpers.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","obj","__esModule","default","injectTooltipSemantic","params","tabIndex","className","classnames","defaultProps","id","group","size","active","position","arrow","align","animatePosition","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","targetSelector","targetElement","children","tooltip","exports","getTargetElement","target","document","querySelector","useHandleAria","internalId","React","useEffect","existing","getAttribute","setAttribute","combineDescribedBy","e","getPropsFromTooltipProp","localProps","isValidElement","props","getRefElement","_unknownTarget$curren","unknownTarget","element","current","_ref","Object","prototype","hasOwnProperty","call","isTouch","type","test"],"sources":["../../../../src/components/tooltip/TooltipHelpers.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { combineDescribedBy } from '../../shared/component-helper'\n\nexport function injectTooltipSemantic(params) {\n  params.tabIndex = '0'\n  params.className = classnames(\n    'dnb-tooltip__wrapper',\n    'dnb-tab-focus',\n    params.className\n  )\n  return params\n}\n\nexport const defaultProps = {\n  id: null,\n  group: null,\n  size: 'basis',\n  active: null,\n  position: 'top',\n  arrow: 'center',\n  align: null,\n  animatePosition: false,\n  fixedPosition: false,\n  skipPortal: null,\n  noAnimation: false,\n  showDelay: 300,\n  hideDelay: 500,\n  targetSelector: null,\n  targetElement: null,\n\n  className: null,\n  children: null,\n  tooltip: null,\n}\n\nexport function getTargetElement(target: HTMLElement) {\n  if (typeof document !== 'undefined') {\n    return typeof target === 'string'\n      ? typeof document !== 'undefined' && document.querySelector(target)\n      : target\n  }\n}\n\nexport function useHandleAria(\n  targetElement: HTMLElement,\n  internalId: string\n) {\n  React.useEffect(() => {\n    try {\n      // const elem = getTargetElement(getRefElement(targetElement))\n      const existing = {\n        'aria-describedby': targetElement.getAttribute('aria-describedby'),\n      }\n      targetElement.setAttribute(\n        'aria-describedby',\n        combineDescribedBy(existing, internalId)\n      )\n    } catch (e) {\n      //\n    }\n  }, [targetElement, internalId])\n}\n\nexport function getPropsFromTooltipProp(localProps) {\n  return localProps.tooltip\n    ? React.isValidElement(localProps.tooltip) && localProps.tooltip.props\n      ? localProps.tooltip.props\n      : { children: localProps.tooltip }\n    : null\n}\n\nexport function getRefElement(target: React.RefObject<HTMLElement>) {\n  const unknownTarget = target as unknown as React.RefObject<{\n    _ref: React.RefObject<HTMLElement>\n  }>\n  let element = target as HTMLElement | React.RefObject<HTMLElement>\n\n  // \"_ref\" is set inside e.g. the Button component (among many others)\n  if (unknownTarget?.current?._ref) {\n    element = getRefElement(unknownTarget.current._ref)\n  }\n\n  if (\n    element &&\n    Object.prototype.hasOwnProperty.call(element, 'current')\n  ) {\n    element = (element as React.RefObject<HTMLElement>).current\n  }\n\n  return element as HTMLElement\n}\n\nexport const isTouch = (type: string) => {\n  return /touch/i.test(type)\n}\n"],"mappings":"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"}

package/cjs/components/tooltip/TooltipPortal.d.ts

@@ -4,12 +4,12 @@
  */
 import React from 'react';
 import { TooltipProps } from './types';
-declare type TooltipPortalProps = {
+type TooltipPortalProps = {
     targetElement: HTMLElement;
     active: boolean;
     keepInDOM?: boolean;
     group?: string;
     children?: React.ReactNode;
 };
-declare function TooltipPortal(props: TooltipProps & TooltipPortalProps): React.ReactPortal;
+declare function TooltipPortal(props: TooltipProps & TooltipPortalProps): JSX.Element;
 export default TooltipPortal;

package/cjs/components/tooltip/TooltipPortal.js

@@ -4,32 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _TooltipContainer = _interopRequireDefault(require("./TooltipContainer"));
-
 var _shared = require("../../shared");
-
 var _Theme = require("../../shared/Theme");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 let tooltipPortal;
-
 if (typeof globalThis !== 'undefined') {
   globalThis.tooltipPortal = globalThis.tooltipPortal || {};
   tooltipPortal = globalThis.tooltipPortal;
 } else {
   tooltipPortal = {};
 }
-
 function TooltipPortal(props) {
   const {
     active,
@@ -39,18 +28,12 @@ function TooltipPortal(props) {
     noAnimation,
     children
   } = props;
-
   const [isMounted, setIsMounted] = _react.default.useState(false);
-
   const [isActive, setIsActive] = _react.default.useState(active);
-
   const [id] = _react.default.useState(() => props.group || (0, _componentHelper.makeUniqueId)());
-
   const isInDOM = _react.default.useRef(false);
-
   const hasGroup = props.group;
   const theme = (0, _shared.useTheme)();
-
   const makePortal = () => {
     if (!tooltipPortal[id]) {
       tooltipPortal[id] = {
@@ -59,66 +42,51 @@ function TooltipPortal(props) {
       };
     }
   };
-
   const clearTimers = () => {
     var _tooltipPortal$id, _tooltipPortal$id2;
-
     clearTimeout((_tooltipPortal$id = tooltipPortal[id]) === null || _tooltipPortal$id === void 0 ? void 0 : _tooltipPortal$id.delayTimeout);
     clearTimeout((_tooltipPortal$id2 = tooltipPortal[id]) === null || _tooltipPortal$id2 === void 0 ? void 0 : _tooltipPortal$id2.hiddenTimeout);
   };
-
   const removeFromDOM = hide => {
     if (isActive && hide) {
       return;
     }
-
     const ref = tooltipPortal[id];
-
     if (ref !== null && ref !== void 0 && ref.node) {
       ref.count--;
-
       if (ref.count <= 0) {
         if (hasGroup) {
           _reactDom.default.unmountComponentAtNode(ref.node);
-
           createRootElement(theme).removeChild(ref.node);
         }
-
         delete tooltipPortal[id];
       }
     }
   };
-
   _react.default.useEffect(() => {
     setIsMounted(true);
     clearTimers();
-
     if (active) {
       makePortal();
       setIsActive(true);
       isInDOM.current = true;
-
       if (!isMounted) {
         tooltipPortal[id].count++;
       }
-
       if (hasGroup) {
         renderPortal(true);
       }
     } else if (!active && isMounted) {
       const delayRender = () => {
         setIsActive(false);
-
         if (hasGroup) {
           renderPortal(false);
         }
       };
-
       const delayHidden = () => {
         isInDOM.current = false;
         removeFromDOM(true);
       };
-
       if (noAnimation || globalThis.IS_TEST) {
         delayRender();
         delayHidden();
@@ -128,38 +96,28 @@ function TooltipPortal(props) {
         tooltipPortal[id].hiddenTimeout = setTimeout(delayHidden, delay + 300);
       }
     }
-
     return clearTimers;
   }, [children, active, id, hideDelay, noAnimation]);
-
   _react.default.useEffect(() => {
     if (keepInDOM) {
       makePortal();
     }
-
     return removeFromDOM;
   }, []);
-
   const renderPortal = isActive => {
     var _tooltipPortal$id3;
-
     const root = (_tooltipPortal$id3 = tooltipPortal[id]) === null || _tooltipPortal$id3 === void 0 ? void 0 : _tooltipPortal$id3.node;
-
     if (root && hasGroup && isInDOM.current) {
       _reactDom.default.render(_react.default.createElement(_TooltipContainer.default, _extends({}, props, {
         targetElement: targetElement,
         active: isActive
       })), root);
     }
-
     return null;
   };
-
   if (!hasGroup) {
     var _tooltipPortal$id4;
-
     const root = (_tooltipPortal$id4 = tooltipPortal[id]) === null || _tooltipPortal$id4 === void 0 ? void 0 : _tooltipPortal$id4.node;
-
     if (root) {
       return _reactDom.default.createPortal(isInDOM.current || keepInDOM ? _react.default.createElement(_TooltipContainer.default, _extends({}, props, {
         targetElement: targetElement,
@@ -167,13 +125,10 @@ function TooltipPortal(props) {
       }), children) : null, root);
     }
   }
-
   return null;
 }
-
 var _default = TooltipPortal;
 exports.default = _default;
-
 const createGroupElement = (theme, id) => {
   try {
     const elem = document.createElement('div');
@@ -185,32 +140,26 @@ const createGroupElement = (theme, id) => {
     (0, _componentHelper.warn)(e);
   }
 };
-
 const createRootElement = function (theme) {
   let className = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
   if (!className) {
     className = 'dnb-tooltip__portal';
   }
-
   try {
     const element = document.querySelector(`.${className}`);
-
     if (element) {
       return element;
     }
-
     const elem = document.createElement('div');
     elem.classList.add(className);
     elem.classList.add('dnb-core-style');
-
     if (theme) {
       elem.classList.add.call(elem.classList, ...(0, _Theme.getThemeClasses)(theme).split(' '));
     }
-
     document.body.appendChild(elem);
     return elem;
   } catch (e) {
     (0, _componentHelper.warn)(e);
   }
-};
+};
+//# sourceMappingURL=TooltipPortal.js.map

package/cjs/components/tooltip/TooltipPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipPortal.js","names":["_react","_interopRequireDefault","require","_reactDom","_componentHelper","_TooltipContainer","_shared","_Theme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","tooltipPortal","globalThis","TooltipPortal","props","active","targetElement","hideDelay","keepInDOM","noAnimation","children","isMounted","setIsMounted","React","useState","isActive","setIsActive","id","group","makeUniqueId","isInDOM","useRef","hasGroup","theme","useTheme","makePortal","count","node","createGroupElement","createRootElement","clearTimers","_tooltipPortal$id","_tooltipPortal$id2","clearTimeout","delayTimeout","hiddenTimeout","removeFromDOM","hide","ref","ReactDOM","unmountComponentAtNode","removeChild","useEffect","current","renderPortal","delayRender","delayHidden","IS_TEST","delay","parseFloat","String","setTimeout","_tooltipPortal$id3","root","render","createElement","_tooltipPortal$id4","createPortal","_default","exports","elem","document","classList","add","setAttribute","appendChild","e","warn","className","undefined","element","querySelector","getThemeClasses","split","body"],"sources":["../../../../src/components/tooltip/TooltipPortal.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { makeUniqueId, warn } from '../../shared/component-helper'\nimport TooltipContainer from './TooltipContainer'\nimport { TooltipProps } from './types'\nimport { useTheme } from '../../shared'\nimport { ThemeProps, getThemeClasses } from '../../shared/Theme'\n\ntype TooltipType = {\n  node: HTMLElement\n  count?: number\n  delayTimeout?: NodeJS.Timeout\n  hiddenTimeout?: NodeJS.Timeout\n}\n\nlet tooltipPortal: Record<string, TooltipType>\nif (typeof globalThis !== 'undefined') {\n  globalThis.tooltipPortal = globalThis.tooltipPortal || {}\n  tooltipPortal = globalThis.tooltipPortal\n} else {\n  tooltipPortal = {}\n}\n\ntype TooltipPortalProps = {\n  targetElement: HTMLElement\n  active: boolean\n  keepInDOM?: boolean\n  group?: string\n  children?: React.ReactNode\n}\n\nfunction TooltipPortal(\n  props: TooltipProps & TooltipPortalProps\n): JSX.Element {\n  const {\n    active,\n    targetElement,\n    hideDelay,\n    keepInDOM,\n    noAnimation,\n    children,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isActive, setIsActive] = React.useState(active)\n  const [id] = React.useState(() => props.group || makeUniqueId())\n  const isInDOM = React.useRef(false)\n  const hasGroup = props.group\n\n  const theme = useTheme()\n\n  const makePortal = () => {\n    if (!tooltipPortal[id]) {\n      tooltipPortal[id] = {\n        count: 0,\n        node: hasGroup\n          ? createGroupElement(theme, id)\n          : createRootElement(theme),\n      }\n    }\n  }\n\n  const clearTimers = () => {\n    clearTimeout(tooltipPortal[id]?.delayTimeout)\n    clearTimeout(tooltipPortal[id]?.hiddenTimeout)\n  }\n\n  const removeFromDOM = (hide?: boolean) => {\n    if (isActive && hide) {\n      return // stop here\n    }\n\n    const ref = tooltipPortal[id]\n    if (ref?.node) {\n      ref.count--\n      if (ref.count <= 0) {\n        /**\n         * Only use unmountComponentAtNode when used ReactDOM.render()\n         */\n        if (hasGroup) {\n          ReactDOM.unmountComponentAtNode(ref.node)\n          createRootElement(theme).removeChild(ref.node)\n        }\n\n        /**\n         * Remove the referenced data\n         */\n        delete tooltipPortal[id]\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    setIsMounted(true)\n\n    clearTimers()\n\n    if (active) {\n      makePortal()\n      setIsActive(true)\n\n      isInDOM.current = true\n\n      if (!isMounted) {\n        tooltipPortal[id].count++\n      }\n\n      if (hasGroup) {\n        renderPortal(true) // re-render\n      }\n    } else if (!active && isMounted) {\n      const delayRender = () => {\n        setIsActive(false)\n\n        if (hasGroup) {\n          renderPortal(false) // re-render\n        }\n      }\n\n      const delayHidden = () => {\n        isInDOM.current = false\n        removeFromDOM(true)\n      }\n\n      if (noAnimation || globalThis.IS_TEST) {\n        delayRender()\n        delayHidden()\n      } else if (tooltipPortal[id]) {\n        const delay = parseFloat(String(hideDelay))\n        tooltipPortal[id].delayTimeout = setTimeout(delayRender, delay)\n        tooltipPortal[id].hiddenTimeout = setTimeout(\n          delayHidden,\n          delay + 300\n        )\n      }\n    }\n\n    return clearTimers\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, active, id, hideDelay, noAnimation])\n\n  React.useEffect(() => {\n    /**\n     * Because of \"aria-describedby\" on the target element,\n     * the Tooltip should exist in the DOM\n     */\n    if (keepInDOM) {\n      makePortal()\n    }\n\n    return removeFromDOM\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const renderPortal = (isActive: boolean) => {\n    const root = tooltipPortal[id]?.node\n\n    // Ensure we only render when it should (is in DOM)\n    if (root && hasGroup && isInDOM.current) {\n      ReactDOM.render(\n        <TooltipContainer\n          {...props}\n          targetElement={targetElement}\n          active={isActive}\n        />,\n        root\n      )\n    }\n\n    return null\n  }\n\n  if (!hasGroup) {\n    const root = tooltipPortal[id]?.node\n\n    if (root) {\n      return ReactDOM.createPortal(\n        isInDOM.current || keepInDOM ? (\n          <TooltipContainer\n            {...props}\n            targetElement={targetElement}\n            active={isActive}\n          >\n            {children}\n          </TooltipContainer>\n        ) : null,\n        root\n      )\n    }\n  }\n\n  return null\n}\n\nexport default TooltipPortal\n\n/**\n * We creaete this custom wrapper, so ReactDOM.render has its \"own\" root. This is required by React.\n */\nconst createGroupElement = (theme: ThemeProps, id: string) => {\n  try {\n    const elem = document.createElement('div')\n    elem.classList.add('dnb-tooltip__group')\n    elem.setAttribute('id', id)\n\n    createRootElement(theme).appendChild(elem)\n\n    return elem\n  } catch (e) {\n    warn(e)\n  }\n}\n\nconst createRootElement = (theme: ThemeProps, className = null) => {\n  if (!className) {\n    className = 'dnb-tooltip__portal'\n  }\n  try {\n    const element: HTMLElement = document.querySelector(`.${className}`)\n\n    if (element) {\n      return element\n    }\n\n    const elem = document.createElement('div')\n    elem.classList.add(className)\n    elem.classList.add('dnb-core-style')\n\n    if (theme) {\n      elem.classList.add.call(\n        elem.classList,\n        ...getThemeClasses(theme).split(' ')\n      )\n    }\n\n    document.body.appendChild(elem)\n\n    return elem\n  } catch (e) {\n    warn(e)\n  }\n}\n"],"mappings":"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"}

package/cjs/components/tooltip/TooltipWithEvents.d.ts

@@ -4,7 +4,7 @@
  */
 /// <reference types="react" />
 import { TooltipProps } from './types';
-declare type TooltipWithEventsProps = {
+type TooltipWithEventsProps = {
     target: HTMLElement;
     active: boolean;
     internalId: string;