@dnb/eufemia 10.2.0 → 10.3.0

package/components/tooltip/TooltipContainer.js

@@ -1,10 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-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 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; }
 import React from 'react';
 import { isTrue } from '../../shared/component-helper';
 import { getOffsetLeft, getOffsetTop } from '../../shared/helpers';
@@ -36,29 +33,24 @@ export default function TooltipContainer(props) {
   const offset = React.useRef(16);
   const debounceTimeout = React.useRef();
   const resizeObserver = React.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.useLayoutEffect(() => {
     const addPositionObserver = () => {
       if (resizeObserver.current || typeof document === 'undefined') {
         return;
       }
-
       try {
         resizeObserver.current = new ResizeObserver(() => {
           clearTimers();
@@ -67,21 +59,17 @@ export default 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.useRef(0);
@@ -92,16 +80,12 @@ export default function TooltipContainer(props) {
         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;
@@ -110,17 +94,14 @@ export default 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 = getOffsetLeft(element) - offset.current;
       offsetTop.current = getOffsetTop(element) - offset.current;
     }
-
     const scrollY = window.scrollY !== undefined ? window.scrollY : window.pageYOffset;
     const scrollX = window.scrollX !== undefined ? window.scrollX : window.pageXOffset;
     const top = (isTrue(fixedPosition) ? 0 : scrollY) + rect.top - offsetTop.current;
@@ -128,15 +109,12 @@ export default function TooltipContainer(props) {
     const mousePos = 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 = {
@@ -171,44 +149,34 @@ export default 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 (isTrue(active) && useHover !== false) {
       setHover(true);
     }
   };
-
   const handleMouseLeave = () => {
     if (useHover !== false) {
       setHover(false);
     }
   };
-
   const handlePropagation = e => e.stopPropagation();
-
   return React.createElement("span", _extends({
     role: "tooltip",
     "aria-hidden": target ? true : undefined,
@@ -227,4 +195,5 @@ export default function TooltipContainer(props) {
     id: internalId,
     className: "dnb-tooltip__content"
   }, children));
-}
+}
+//# sourceMappingURL=TooltipContainer.js.map

package/components/tooltip/TooltipContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContainer.js","names":["React","isTrue","getOffsetLeft","getOffsetTop","classnames","TooltipContainer","props","internalId","active","attributes","arrow","position","align","group","hideDelay","animatePosition","fixedPosition","noAnimation","skipPortal","useHover","children","targetElement","target","style","setStyle","useState","hover","setHover","isActive","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","scrollY","undefined","pageYOffset","scrollX","pageXOffset","top","useMouseWhen","mousePos","left","widthBased","_objectSpread","topHorizontal","leftVertical","stylesFromPosition","right","bottom","stylesFromArrow","rightOffset","parseFloat","String","innerWidth","handleMouseEnter","handleMouseLeave","handlePropagation","stopPropagation","createElement","_extends","role","ref","onMouseEnter","onMouseLeave","onMouseMove","onMouseDown","onTouchStart","className","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/components/tooltip/TooltipHelpers.js

@@ -48,20 +48,17 @@ export function getPropsFromTooltipProp(localProps) {
 }
 export 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;
 }
 export const isTouch = type => {
   return /touch/i.test(type);
-};
+};
+//# sourceMappingURL=TooltipHelpers.js.map

package/components/tooltip/TooltipHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipHelpers.js","names":["React","classnames","combineDescribedBy","injectTooltipSemantic","params","tabIndex","className","defaultProps","id","group","size","active","position","arrow","align","animatePosition","fixedPosition","skipPortal","noAnimation","showDelay","hideDelay","targetSelector","targetElement","children","tooltip","getTargetElement","target","document","querySelector","useHandleAria","internalId","useEffect","existing","getAttribute","setAttribute","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":"AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,+BAA+B;AAElE,OAAO,SAASC,qBAAqBA,CAACC,MAAM,EAAE;EAC5CA,MAAM,CAACC,QAAQ,GAAG,GAAG;EACrBD,MAAM,CAACE,SAAS,GAAGL,UAAU,uCAG3BG,MAAM,CAACE,SACT,CAAC;EACD,OAAOF,MAAM;AACf;AAEA,OAAO,MAAMG,YAAY,GAAG;EAC1BC,EAAE,EAAE,IAAI;EACRC,KAAK,EAAE,IAAI;EACXC,IAAI,EAAE,OAAO;EACbC,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAE,IAAI;EACXC,eAAe,EAAE,KAAK;EACtBC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,IAAI;EAChBC,WAAW,EAAE,KAAK;EAClBC,SAAS,EAAE,GAAG;EACdC,SAAS,EAAE,GAAG;EACdC,cAAc,EAAE,IAAI;EACpBC,aAAa,EAAE,IAAI;EAEnBhB,SAAS,EAAE,IAAI;EACfiB,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAASC,gBAAgBA,CAACC,MAAmB,EAAE;EACpD,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IACnC,OAAO,OAAOD,MAAM,KAAK,QAAQ,GAC7B,OAAOC,QAAQ,KAAK,WAAW,IAAIA,QAAQ,CAACC,aAAa,CAACF,MAAM,CAAC,GACjEA,MAAM;EACZ;AACF;AAEA,OAAO,SAASG,aAAaA,CAC3BP,aAA0B,EAC1BQ,UAAkB,EAClB;EACA9B,KAAK,CAAC+B,SAAS,CAAC,MAAM;IACpB,IAAI;MAEF,MAAMC,QAAQ,GAAG;QACf,kBAAkB,EAAEV,aAAa,CAACW,YAAY,CAAC,kBAAkB;MACnE,CAAC;MACDX,aAAa,CAACY,YAAY,CACxB,kBAAkB,EAClBhC,kBAAkB,CAAC8B,QAAQ,EAAEF,UAAU,CACzC,CAAC;IACH,CAAC,CAAC,OAAOK,CAAC,EAAE,CAEZ;EACF,CAAC,EAAE,CAACb,aAAa,EAAEQ,UAAU,CAAC,CAAC;AACjC;AAEA,OAAO,SAASM,uBAAuBA,CAACC,UAAU,EAAE;EAClD,OAAOA,UAAU,CAACb,OAAO,GACrBxB,KAAK,CAACsC,cAAc,CAACD,UAAU,CAACb,OAAO,CAAC,IAAIa,UAAU,CAACb,OAAO,CAACe,KAAK,GAClEF,UAAU,CAACb,OAAO,CAACe,KAAK,GACxB;IAAEhB,QAAQ,EAAEc,UAAU,CAACb;EAAQ,CAAC,GAClC,IAAI;AACV;AAEA,OAAO,SAASgB,aAAaA,CAACd,MAAoC,EAAE;EAAA,IAAAe,qBAAA;EAClE,MAAMC,aAAa,GAAGhB,MAEpB;EACF,IAAIiB,OAAO,GAAGjB,MAAoD;EAGlE,IAAIgB,aAAa,aAAbA,aAAa,gBAAAD,qBAAA,GAAbC,aAAa,CAAEE,OAAO,cAAAH,qBAAA,eAAtBA,qBAAA,CAAwBI,IAAI,EAAE;IAChCF,OAAO,GAAGH,aAAa,CAACE,aAAa,CAACE,OAAO,CAACC,IAAI,CAAC;EACrD;EAEA,IACEF,OAAO,IACPG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,OAAO,EAAE,SAAS,CAAC,EACxD;IACAA,OAAO,GAAIA,OAAO,CAAkCC,OAAO;EAC7D;EAEA,OAAOD,OAAO;AAChB;AAEA,OAAO,MAAMO,OAAO,GAAIC,IAAY,IAAK;EACvC,OAAO,QAAQ,CAACC,IAAI,CAACD,IAAI,CAAC;AAC5B,CAAC"}

package/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/components/tooltip/TooltipPortal.js

@@ -6,14 +6,12 @@ import TooltipContainer from './TooltipContainer';
 import { useTheme } from '../../shared';
 import { getThemeClasses } from '../../shared/Theme';
 let tooltipPortal;
-
 if (typeof globalThis !== 'undefined') {
   globalThis.tooltipPortal = globalThis.tooltipPortal || {};
   tooltipPortal = globalThis.tooltipPortal;
 } else {
   tooltipPortal = {};
 }
-
 function TooltipPortal(props) {
   const {
     active,
@@ -29,7 +27,6 @@ function TooltipPortal(props) {
   const isInDOM = React.useRef(false);
   const hasGroup = props.group;
   const theme = useTheme();
-
   const makePortal = () => {
     if (!tooltipPortal[id]) {
       tooltipPortal[id] = {
@@ -38,65 +35,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.unmountComponentAtNode(ref.node);
           createRootElement(theme).removeChild(ref.node);
         }
-
         delete tooltipPortal[id];
       }
     }
   };
-
   React.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();
@@ -106,37 +89,28 @@ function TooltipPortal(props) {
         tooltipPortal[id].hiddenTimeout = setTimeout(delayHidden, delay + 300);
       }
     }
-
     return clearTimers;
   }, [children, active, id, hideDelay, noAnimation]);
   React.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.render(React.createElement(TooltipContainer, _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.createPortal(isInDOM.current || keepInDOM ? React.createElement(TooltipContainer, _extends({}, props, {
         targetElement: targetElement,
@@ -144,12 +118,9 @@ function TooltipPortal(props) {
       }), children) : null, root);
     }
   }
-
   return null;
 }
-
 export default TooltipPortal;
-
 const createGroupElement = (theme, id) => {
   try {
     const elem = document.createElement('div');
@@ -161,32 +132,26 @@ const createGroupElement = (theme, id) => {
     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, ...getThemeClasses(theme).split(' '));
     }
-
     document.body.appendChild(elem);
     return elem;
   } catch (e) {
     warn(e);
   }
-};
+};
+//# sourceMappingURL=TooltipPortal.js.map

package/components/tooltip/TooltipPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipPortal.js","names":["React","ReactDOM","makeUniqueId","warn","TooltipContainer","useTheme","getThemeClasses","tooltipPortal","globalThis","TooltipPortal","props","active","targetElement","hideDelay","keepInDOM","noAnimation","children","isMounted","setIsMounted","useState","isActive","setIsActive","id","group","isInDOM","useRef","hasGroup","theme","makePortal","count","node","createGroupElement","createRootElement","clearTimers","_tooltipPortal$id","_tooltipPortal$id2","clearTimeout","delayTimeout","hiddenTimeout","removeFromDOM","hide","ref","unmountComponentAtNode","removeChild","useEffect","current","renderPortal","delayRender","delayHidden","IS_TEST","delay","parseFloat","String","setTimeout","_tooltipPortal$id3","root","render","createElement","_extends","_tooltipPortal$id4","createPortal","elem","document","classList","add","setAttribute","appendChild","e","className","arguments","length","undefined","element","querySelector","call","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/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;

package/components/tooltip/TooltipWithEvents.js

@@ -2,23 +2,18 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children"];
-
-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 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; }
 import React from 'react';
 import { combineDescribedBy, warn } from '../../shared/component-helper';
 import TooltipContainer from './TooltipContainer';
 import { getRefElement, injectTooltipSemantic, isTouch, useHandleAria } from './TooltipHelpers';
 import TooltipPortal from './TooltipPortal';
-
 function TooltipWithEvents(props) {
   const {
-    children
-  } = props,
-        restProps = _objectWithoutProperties(props, _excluded);
-
+      children
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   const {
     active,
     target,
@@ -34,11 +29,9 @@ function TooltipWithEvents(props) {
   const delayTimeout = React.useRef();
   const cloneRef = React.useRef();
   const targetRef = React.useRef();
-
   const clearTimers = () => {
     clearTimeout(delayTimeout.current);
   };
-
   React.useLayoutEffect(() => {
     targetRef.current = getRefElement(cloneRef);
   }, [target]);
@@ -48,20 +41,16 @@ function TooltipWithEvents(props) {
       addEvents(targetRef.current);
       handleSemanticElement();
     }
-
     return () => {
       clearTimers();
       removeEvents(targetRef.current);
     };
   }, []);
-
   const handleSemanticElement = () => {
     try {
       const targetElement = document.querySelector(`*[aria-describedby*="${internalId}"]`);
-
       if (targetElement) {
         const role = targetElement.getAttribute('role');
-
         if (/div|p|span/i.test(targetElement === null || targetElement === void 0 ? void 0 : targetElement.tagName) && (!role || role === 'text')) {
           setIsNotSemanticElement(true);
         }
@@ -70,7 +59,6 @@ function TooltipWithEvents(props) {
       warn(e);
     }
   };
-
   const addEvents = element => {
     try {
       element.addEventListener('click', onMouseLeave);
@@ -85,10 +73,8 @@ function TooltipWithEvents(props) {
       warn(e);
     }
   };
-
   const removeEvents = element => {
     if (!element) return;
-
     try {
       element.removeEventListener('click', onMouseLeave);
       element.removeEventListener('focus', onFocus);
@@ -101,30 +87,24 @@ function TooltipWithEvents(props) {
       warn(e);
     }
   };
-
   const onFocus = e => {
     return onMouseEnter(e);
   };
-
   const onMouseEnter = e => {
     try {
       const elem = e.currentTarget;
-
       if (elem.getAttribute('data-autofocus')) {
         return;
       }
-
       if (isTouch(e.type)) {
         elem.style.userSelect = 'none';
       }
     } catch (e) {
       warn(e);
     }
-
     const run = () => {
       setIsActive(true);
     };
-
     if (noAnimation || globalThis.IS_TEST) {
       run();
     } else {
@@ -132,12 +112,10 @@ function TooltipWithEvents(props) {
       delayTimeout.current = setTimeout(run, parseFloat(String(showDelay)) || 1);
     }
   };
-
   const onMouseLeave = e => {
     if (active) {
       return;
     }
-
     try {
       if (isTouch(e.type)) {
         const elem = e.currentTarget;
@@ -146,20 +124,16 @@ function TooltipWithEvents(props) {
     } catch (e) {
       warn(e);
     }
-
     clearTimers();
-
     const run = () => {
       setIsActive(false);
     };
-
     if (skipPortal) {
       delayTimeout.current = setTimeout(run, parseFloat(String(hideDelay)));
     } else {
       run();
     }
   };
-
   const componentWrapper = React.useMemo(() => {
     if (React.isValidElement(target)) {
       const params = isNotSemanticElement ? injectTooltipSemantic({
@@ -173,7 +147,6 @@ function TooltipWithEvents(props) {
     } else {
       cloneRef.current = target;
     }
-
     return null;
   }, [target]);
   useHandleAria(targetRef.current, internalId);
@@ -186,5 +159,5 @@ function TooltipWithEvents(props) {
     keepInDOM: true
   }), children)), componentWrapper);
 }
-
-export default TooltipWithEvents;
+export default TooltipWithEvents;
+//# sourceMappingURL=TooltipWithEvents.js.map