@lumx/react 3.10.1-alpha.2 → 3.10.1-alpha.4

package/_internal/components/tooltip/index.ts-905c847c.js

@@ -1,322 +0,0 @@
-import { k as _objectSpread2, _ as _extends, I as IS_BROWSER, r as TOOLTIP_LONG_PRESS_DELAY, s as TOOLTIP_HOVER_DELAY, h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, D as DOCUMENT, g as classNames, V as VISUALLY_HIDDEN } from '../../1da25128.js';
-import React__default, { useMemo, cloneElement, useState, useRef, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-import { m as mergeRefs, u as useMergeRefs } from '../../f52adbae.js';
-import { T as TooltipContextProvider } from '../../f3e77e3e.js';
-import { u as useId } from '../../3a1facc0.js';
-import { a as POPOVER_ZINDEX, P as Placement, u as usePopper } from '../../2e2abe51.js';
-import { u as useCallbackOnEscape } from '../../cae46566.js';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-
-/**
- * Make sure tooltip appear above popovers.
- */
-const TOOLTIP_ZINDEX = POPOVER_ZINDEX + 1;
-
-/**
- * Add ref and ARIA attribute(s) in tooltip children or wrapped children.
- * Button, IconButton, Icon and React HTML elements don't need to be wrapped but any other kind of children (array, fragment, custom components)
- * will be wrapped in a <span>.
- */
-const useInjectTooltipRef = options => {
-  const {
-    children,
-    setAnchorElement,
-    isMounted,
-    id,
-    label,
-    ariaLinkMode
-  } = options;
-  // Only add link when mounted
-  const linkId = isMounted ? id : undefined;
-  return useMemo(() => {
-    if (!label) return children;
-
-    // Non-disabled element
-    if ( /*#__PURE__*/React__default.isValidElement(children) && children.props.disabled !== true && children.props.isDisabled !== true) {
-      const ref = mergeRefs(children.ref, setAnchorElement);
-      const props = _objectSpread2(_objectSpread2({}, children.props), {}, {
-        ref
-      });
-
-      // Do not add label/description if the tooltip label is already in aria-label
-      if (linkId && label !== props['aria-label']) {
-        if (props[ariaLinkMode]) props[ariaLinkMode] += ' ';else props[ariaLinkMode] = '';
-        props[ariaLinkMode] += linkId;
-      }
-      return /*#__PURE__*/cloneElement(children, props);
-    }
-    const aria = linkId ? {
-      [ariaLinkMode]: linkId
-    } : undefined;
-    return /*#__PURE__*/React__default.createElement("div", _extends({
-      className: "lumx-tooltip-anchor-wrapper",
-      ref: setAnchorElement
-    }, aria), children);
-  }, [label, children, setAnchorElement, linkId, ariaLinkMode]);
-};
-
-/** Return true if the browser does not support pointer hover */
-const browserDoesNotSupportHover = () => {
-  var _window$matchMedia, _window;
-  return !!((_window$matchMedia = (_window = window).matchMedia) !== null && _window$matchMedia !== void 0 && _window$matchMedia.call(_window, '(hover: none)').matches);
-};
-
-/** Check if the focus is visible on the given element */
-const isFocusVisible = element => {
-  try {
-    var _element$matches;
-    return element === null || element === void 0 ? void 0 : (_element$matches = element.matches) === null || _element$matches === void 0 ? void 0 : _element$matches.call(element, ':focus-visible, [data-focus-visible-added]');
-  } catch (_ignored) {
-    // Can fail on non browser env
-    return true;
-  }
-};
-
-/**
- * Hook controlling tooltip visibility using mouse hover the anchor and delay.
- *
- * @param  delay         Delay in millisecond to display the tooltip.
- * @param  anchorElement Tooltip anchor element.
- * @return whether or not to show the tooltip.
- */
-function useTooltipOpen(delay, anchorElement) {
-  const [isOpen, setIsOpen] = useState(false);
-  const onPopperMount = useRef(null);
-
-  // Global close on escape
-  const [closeCallback, setCloseCallback] = useState(undefined);
-  useCallbackOnEscape(isOpen ? closeCallback : undefined);
-  useEffect(() => {
-    if (!anchorElement) {
-      return undefined;
-    }
-    let timer;
-    let openStartTime;
-    let shouldOpen;
-
-    // Run timer to defer updating the isOpen state.
-    const deferUpdate = duration => {
-      if (timer) clearTimeout(timer);
-      const update = () => {
-        setIsOpen(!!shouldOpen);
-      };
-      // Skip timeout in fake browsers
-      if (!IS_BROWSER) update();else timer = setTimeout(update, duration);
-    };
-    const hoverNotSupported = browserDoesNotSupportHover();
-    const hasTouch = ('ontouchstart' in window);
-
-    // Adapt open/close delay
-    const openDelay = delay || (hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.open : TOOLTIP_HOVER_DELAY.open);
-    const closeDelay = hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.close : TOOLTIP_HOVER_DELAY.close;
-
-    // Open (or/and cancel closing) of tooltip.
-    const open = () => {
-      if (shouldOpen && !timer) return;
-      shouldOpen = true;
-      openStartTime = Date.now();
-      deferUpdate(openDelay);
-    };
-
-    // Close or cancel opening of tooltip
-    const getClose = function () {
-      let overrideDelay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : closeDelay;
-      if (!shouldOpen && !timer) return;
-      shouldOpen = false;
-      deferUpdate(overrideDelay);
-    };
-    const close = () => getClose(closeDelay);
-    const closeImmediately = () => getClose(0);
-    setCloseCallback(() => closeImmediately);
-
-    // Adapt event to browsers with or without `hover` support.
-    const events = [];
-    if (hoverNotSupported) {
-      /**
-       * Handle touchend event
-       * If end comes before the open delay => cancel tooltip (close immediate).
-       * Else if end comes after the open delay => tooltip takes priority, the anchor's default touch end event is prevented.
-       */
-      const longPressEnd = evt => {
-        if (!openStartTime) return;
-        if (Date.now() - openStartTime >= openDelay) {
-          // Tooltip take priority, event prevented.
-          evt.stopPropagation();
-          evt.preventDefault();
-          anchorElement.focus();
-          // Close with delay.
-          close();
-        } else {
-          // Close immediately.
-          closeImmediately();
-        }
-      };
-      events.push([anchorElement, hasTouch ? 'touchstart' : 'mousedown', open], [anchorElement, hasTouch ? 'touchend' : 'mouseup', longPressEnd]);
-    } else {
-      events.push([anchorElement, 'mouseenter', open], [anchorElement, 'mouseleave', close], [anchorElement, 'mouseup', closeImmediately]);
-      onPopperMount.current = popperElement => {
-        if (!popperElement) return;
-        // Popper element hover
-        popperElement.addEventListener('mouseenter', open);
-        popperElement.addEventListener('mouseleave', close);
-        // Add to event list to remove on unmount
-        events.push([popperElement, 'mouseenter', open], [popperElement, 'mouseleave', close]);
-      };
-    }
-
-    // Events always applied no matter the browser:.
-    events.push(
-    // Open on focus (only if focus is visible).
-    [anchorElement, 'focusin', e => {
-      // Skip if focus is not visible
-      if (!isFocusVisible(e.target)) return;
-      open();
-    }],
-    // Close on lost focus.
-    [anchorElement, 'focusout', closeImmediately]);
-
-    // Attach events
-    for (const [node, eventType, eventHandler] of events) {
-      node.addEventListener(eventType, eventHandler);
-    }
-    return () => {
-      // Clear pending timers.
-      if (timer) clearTimeout(timer);
-
-      // Detach events.
-      for (const [node, eventType, eventHandler] of events) {
-        node.removeEventListener(eventType, eventHandler);
-      }
-    };
-  }, [anchorElement, delay]);
-  return {
-    isOpen,
-    onPopperMount: onPopperMount.current
-  };
-}
-
-const _excluded = ["label", "children", "className", "delay", "placement", "forceOpen", "closeMode", "ariaLinkMode", "zIndex"];
-
-/** Position of the tooltip relative to the anchor element. */
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Tooltip';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  placement: Placement.BOTTOM,
-  closeMode: 'unmount',
-  ariaLinkMode: 'aria-describedby',
-  zIndex: TOOLTIP_ZINDEX
-};
-
-/**
- * Arrow size (in pixel).
- */
-const ARROW_SIZE = 8;
-
-/**
- * Tooltip component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Tooltip = forwardRef((props, ref) => {
-  var _attributes$popper$da, _attributes$popper;
-  const {
-      label,
-      children,
-      className,
-      delay,
-      placement,
-      forceOpen,
-      closeMode,
-      ariaLinkMode,
-      zIndex
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  // Disable in SSR.
-  if (!DOCUMENT) {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
-  }
-  const id = useId();
-  const [popperElement, setPopperElement] = useState(null);
-  const [anchorElement, setAnchorElement] = useState(null);
-  const {
-    styles,
-    attributes,
-    update
-  } = usePopper(anchorElement, popperElement, {
-    placement,
-    modifiers: [{
-      name: 'offset',
-      options: {
-        offset: [0, ARROW_SIZE]
-      }
-    }]
-  });
-  const position = (_attributes$popper$da = attributes === null || attributes === void 0 ? void 0 : (_attributes$popper = attributes.popper) === null || _attributes$popper === void 0 ? void 0 : _attributes$popper['data-popper-placement']) !== null && _attributes$popper$da !== void 0 ? _attributes$popper$da : placement;
-  const {
-    isOpen: isActivated,
-    onPopperMount
-  } = useTooltipOpen(delay, anchorElement);
-  const isOpen = (isActivated || forceOpen) && !!label;
-  const isMounted = !!label && (isOpen || closeMode === 'hide');
-  const isHidden = !isOpen && closeMode === 'hide';
-  const wrappedChildren = useInjectTooltipRef({
-    children,
-    setAnchorElement,
-    isMounted,
-    id,
-    label,
-    ariaLinkMode: ariaLinkMode
-  });
-
-  // Update on open
-  React__default.useEffect(() => {
-    if (isOpen) update === null || update === void 0 ? void 0 : update();
-  }, [isOpen, update]);
-  const labelLines = label ? label.split('\n') : [];
-  const tooltipRef = useMergeRefs(ref, setPopperElement, onPopperMount);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TooltipContextProvider, null, wrappedChildren), isMounted && /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", _extends({
-    ref: tooltipRef
-  }, forwardedProps, {
-    id: id,
-    role: "tooltip",
-    "aria-label": label || '',
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      position
-    }), isHidden && VISUALLY_HIDDEN),
-    style: _objectSpread2(_objectSpread2({}, styles.popper), {}, {
-      zIndex
-    })
-  }, attributes.popper), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__arrow`
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__inner`
-  }, labelLines.map(line => /*#__PURE__*/React__default.createElement("p", {
-    key: line
-  }, line)))), document.body));
-});
-Tooltip.displayName = COMPONENT_NAME;
-Tooltip.className = CLASSNAME;
-Tooltip.defaultProps = DEFAULT_PROPS;
-
-export { Tooltip };
-//# sourceMappingURL=index.ts-905c847c.js.map

package/_internal/components/tooltip/index.ts-905c847c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-905c847c.js","sources":["../../../../src/components/tooltip/constants.ts","../../../../src/components/tooltip/useInjectTooltipRef.tsx","../../../../src/utils/browserDoesNotSupportHover.ts","../../../../src/utils/isFocusVisible.ts","../../../../src/components/tooltip/useTooltipOpen.tsx","../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { POPOVER_ZINDEX } from '../popover/constants';\n\nexport const ARIA_LINK_MODES = ['aria-describedby', 'aria-labelledby'] as const;\n\n/**\n * Make sure tooltip appear above popovers.\n */\nexport const TOOLTIP_ZINDEX = POPOVER_ZINDEX + 1;\n","import React, { cloneElement, ReactNode, useMemo } from 'react';\n\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\n\ninterface Options {\n    /** Original tooltip anchor */\n    children: ReactNode;\n    /** Set tooltip anchor element */\n    setAnchorElement: (e: HTMLDivElement) => void;\n    /** Whether the tooltip is open or not */\n    isMounted: boolean | undefined;\n    /** Tooltip id */\n    id: string;\n    /** Tooltip label*/\n    label?: string | null | false;\n    /** Choose how the tooltip text should link to the anchor */\n    ariaLinkMode: 'aria-describedby' | 'aria-labelledby';\n}\n\n/**\n * Add ref and ARIA attribute(s) in tooltip children or wrapped children.\n * Button, IconButton, Icon and React HTML elements don't need to be wrapped but any other kind of children (array, fragment, custom components)\n * will be wrapped in a <span>.\n */\nexport const useInjectTooltipRef = (options: Options): ReactNode => {\n    const { children, setAnchorElement, isMounted, id, label, ariaLinkMode } = options;\n    // Only add link when mounted\n    const linkId = isMounted ? id : undefined;\n\n    return useMemo(() => {\n        if (!label) return children;\n\n        // Non-disabled element\n        if (React.isValidElement(children) && children.props.disabled !== true && children.props.isDisabled !== true) {\n            const ref = mergeRefs((children as any).ref, setAnchorElement);\n            const props = { ...children.props, ref };\n\n            // Do not add label/description if the tooltip label is already in aria-label\n            if (linkId && label !== props['aria-label']) {\n                if (props[ariaLinkMode]) props[ariaLinkMode] += ' ';\n                else props[ariaLinkMode] = '';\n                props[ariaLinkMode] += linkId;\n            }\n\n            return cloneElement(children, props);\n        }\n\n        const aria = linkId ? { [ariaLinkMode]: linkId } : undefined;\n        return (\n            <div className=\"lumx-tooltip-anchor-wrapper\" ref={setAnchorElement} {...aria}>\n                {children}\n            </div>\n        );\n    }, [label, children, setAnchorElement, linkId, ariaLinkMode]);\n};\n","/** Return true if the browser does not support pointer hover */\nexport const browserDoesNotSupportHover = (): boolean => !!window.matchMedia?.('(hover: none)').matches;\n","/** Check if the focus is visible on the given element */\nexport const isFocusVisible = (element?: HTMLElement) => {\n    try {\n        return element?.matches?.(':focus-visible, [data-focus-visible-added]');\n    } catch (_ignored) {\n        // Can fail on non browser env\n        return true;\n    }\n};\n","import { MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { browserDoesNotSupportHover } from '@lumx/react/utils/browserDoesNotSupportHover';\nimport { IS_BROWSER, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY } from '@lumx/react/constants';\nimport { useCallbackOnEscape } from '@lumx/react/hooks/useCallbackOnEscape';\nimport { isFocusVisible } from '@lumx/react/utils/isFocusVisible';\n\n/**\n * Hook controlling tooltip visibility using mouse hover the anchor and delay.\n *\n * @param  delay         Delay in millisecond to display the tooltip.\n * @param  anchorElement Tooltip anchor element.\n * @return whether or not to show the tooltip.\n */\nexport function useTooltipOpen(delay: number | undefined, anchorElement: HTMLElement | null) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const onPopperMount = useRef<any>(null) as MutableRefObject<(elem: HTMLElement | null) => void>;\n\n    // Global close on escape\n    const [closeCallback, setCloseCallback] = useState<undefined | (() => void)>(undefined);\n    useCallbackOnEscape(isOpen ? closeCallback : undefined);\n\n    useEffect(() => {\n        if (!anchorElement) {\n            return undefined;\n        }\n        let timer: number | undefined;\n        let openStartTime: number | undefined;\n        let shouldOpen: boolean | undefined;\n\n        // Run timer to defer updating the isOpen state.\n        const deferUpdate = (duration: number) => {\n            if (timer) clearTimeout(timer);\n            const update = () => {\n                setIsOpen(!!shouldOpen);\n            };\n            // Skip timeout in fake browsers\n            if (!IS_BROWSER) update();\n            else timer = setTimeout(update, duration) as any;\n        };\n\n        const hoverNotSupported = browserDoesNotSupportHover();\n        const hasTouch = 'ontouchstart' in window;\n\n        // Adapt open/close delay\n        const openDelay = delay || (hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.open : TOOLTIP_HOVER_DELAY.open);\n        const closeDelay = hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.close : TOOLTIP_HOVER_DELAY.close;\n\n        // Open (or/and cancel closing) of tooltip.\n        const open = () => {\n            if (shouldOpen && !timer) return;\n            shouldOpen = true;\n            openStartTime = Date.now();\n            deferUpdate(openDelay);\n        };\n\n        // Close or cancel opening of tooltip\n        const getClose = (overrideDelay = closeDelay) => {\n            if (!shouldOpen && !timer) return;\n            shouldOpen = false;\n            deferUpdate(overrideDelay);\n        };\n        const close = () => getClose(closeDelay);\n        const closeImmediately = () => getClose(0);\n        setCloseCallback(() => closeImmediately);\n\n        // Adapt event to browsers with or without `hover` support.\n        const events: Array<[Node, Event['type'], any]> = [];\n        if (hoverNotSupported) {\n            /**\n             * Handle touchend event\n             * If end comes before the open delay => cancel tooltip (close immediate).\n             * Else if end comes after the open delay => tooltip takes priority, the anchor's default touch end event is prevented.\n             */\n            const longPressEnd = (evt: Event) => {\n                if (!openStartTime) return;\n                if (Date.now() - openStartTime >= openDelay) {\n                    // Tooltip take priority, event prevented.\n                    evt.stopPropagation();\n                    evt.preventDefault();\n                    anchorElement.focus();\n                    // Close with delay.\n                    close();\n                } else {\n                    // Close immediately.\n                    closeImmediately();\n                }\n            };\n\n            events.push(\n                [anchorElement, hasTouch ? 'touchstart' : 'mousedown', open],\n                [anchorElement, hasTouch ? 'touchend' : 'mouseup', longPressEnd],\n            );\n        } else {\n            events.push(\n                [anchorElement, 'mouseenter', open],\n                [anchorElement, 'mouseleave', close],\n                [anchorElement, 'mouseup', closeImmediately],\n            );\n\n            onPopperMount.current = (popperElement: HTMLElement | null) => {\n                if (!popperElement) return;\n                // Popper element hover\n                popperElement.addEventListener('mouseenter', open);\n                popperElement.addEventListener('mouseleave', close);\n                // Add to event list to remove on unmount\n                events.push([popperElement, 'mouseenter', open], [popperElement, 'mouseleave', close]);\n            };\n        }\n\n        // Events always applied no matter the browser:.\n        events.push(\n            // Open on focus (only if focus is visible).\n            [\n                anchorElement,\n                'focusin',\n                (e: Event) => {\n                    // Skip if focus is not visible\n                    if (!isFocusVisible(e.target as HTMLElement)) return;\n                    open();\n                },\n            ],\n            // Close on lost focus.\n            [anchorElement, 'focusout', closeImmediately],\n        );\n\n        // Attach events\n        for (const [node, eventType, eventHandler] of events) {\n            node.addEventListener(eventType, eventHandler);\n        }\n        return () => {\n            // Clear pending timers.\n            if (timer) clearTimeout(timer);\n\n            // Detach events.\n            for (const [node, eventType, eventHandler] of events) {\n                node.removeEventListener(eventType, eventHandler);\n            }\n        };\n    }, [anchorElement, delay]);\n\n    return { isOpen, onPopperMount: onPopperMount.current };\n}\n","/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { ReactNode, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport classNames from 'classnames';\n\nimport { DOCUMENT, VISUALLY_HIDDEN } from '@lumx/react/constants';\nimport { GenericProps, HasCloseMode } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useMergeRefs } from '@lumx/react/utils/mergeRefs';\nimport { Placement } from '@lumx/react/components/popover';\nimport { TooltipContextProvider } from '@lumx/react/components/tooltip/context';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { usePopper } from '@lumx/react/hooks/usePopper';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { ARIA_LINK_MODES, TOOLTIP_ZINDEX } from '@lumx/react/components/tooltip/constants';\nimport { useInjectTooltipRef } from './useInjectTooltipRef';\nimport { useTooltipOpen } from './useTooltipOpen';\n\n/** Position of the tooltip relative to the anchor element. */\nexport type TooltipPlacement = Extract<Placement, 'top' | 'right' | 'bottom' | 'left'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface TooltipProps extends GenericProps, HasCloseMode {\n    /** Anchor (element on which we activate the tooltip). */\n    children: ReactNode;\n    /** Delay (in ms) before closing the tooltip. */\n    delay?: number;\n    /** Whether the tooltip is displayed even without the mouse hovering the anchor. */\n    forceOpen?: boolean;\n    /** Label text. */\n    label?: string | null | false;\n    /** Placement of the tooltip relative to the anchor. */\n    placement?: TooltipPlacement;\n    /** Choose how the tooltip text should link to the anchor */\n    ariaLinkMode?: (typeof ARIA_LINK_MODES)[number];\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Tooltip';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TooltipProps> = {\n    placement: Placement.BOTTOM,\n    closeMode: 'unmount',\n    ariaLinkMode: 'aria-describedby',\n    zIndex: TOOLTIP_ZINDEX,\n};\n\n/**\n * Arrow size (in pixel).\n */\nconst ARROW_SIZE = 8;\n\n/**\n * Tooltip component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Tooltip = forwardRef<TooltipProps, HTMLDivElement>((props, ref) => {\n    const {\n        label,\n        children,\n        className,\n        delay,\n        placement,\n        forceOpen,\n        closeMode,\n        ariaLinkMode,\n        zIndex,\n        ...forwardedProps\n    } = props;\n    // Disable in SSR.\n    if (!DOCUMENT) {\n        return <>{children}</>;\n    }\n\n    const id = useId();\n\n    const [popperElement, setPopperElement] = useState<null | HTMLElement>(null);\n    const [anchorElement, setAnchorElement] = useState<null | HTMLElement>(null);\n    const { styles, attributes, update } = usePopper(anchorElement, popperElement, {\n        placement,\n        modifiers: [\n            {\n                name: 'offset',\n                options: { offset: [0, ARROW_SIZE] },\n            },\n        ],\n    });\n\n    const position = attributes?.popper?.['data-popper-placement'] ?? placement;\n    const { isOpen: isActivated, onPopperMount } = useTooltipOpen(delay, anchorElement);\n    const isOpen = (isActivated || forceOpen) && !!label;\n    const isMounted = !!label && (isOpen || closeMode === 'hide');\n    const isHidden = !isOpen && closeMode === 'hide';\n    const wrappedChildren = useInjectTooltipRef({\n        children,\n        setAnchorElement,\n        isMounted,\n        id,\n        label,\n        ariaLinkMode: ariaLinkMode as any,\n    });\n\n    // Update on open\n    React.useEffect(() => {\n        if (isOpen) update?.();\n    }, [isOpen, update]);\n\n    const labelLines = label ? label.split('\\n') : [];\n\n    const tooltipRef = useMergeRefs(ref, setPopperElement, onPopperMount);\n    return (\n        <>\n            <TooltipContextProvider>{wrappedChildren}</TooltipContextProvider>\n            {isMounted &&\n                createPortal(\n                    <div\n                        ref={tooltipRef}\n                        {...forwardedProps}\n                        id={id}\n                        role=\"tooltip\"\n                        aria-label={label || ''}\n                        className={classNames(\n                            className,\n                            handleBasicClasses({\n                                prefix: CLASSNAME,\n                                position,\n                            }),\n                            isHidden && VISUALLY_HIDDEN,\n                        )}\n                        style={{ ...styles.popper, zIndex }}\n                        {...attributes.popper}\n                    >\n                        <div className={`${CLASSNAME}__arrow`} />\n                        <div className={`${CLASSNAME}__inner`}>\n                            {labelLines.map((line) => (\n                                <p key={line}>{line}</p>\n                            ))}\n                        </div>\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n});\nTooltip.displayName = COMPONENT_NAME;\nTooltip.className = CLASSNAME;\nTooltip.defaultProps = DEFAULT_PROPS;\n"],"names":["TOOLTIP_ZINDEX","POPOVER_ZINDEX","useInjectTooltipRef","options","children","setAnchorElement","isMounted","id","label","ariaLinkMode","linkId","undefined","useMemo","React","isValidElement","props","disabled","isDisabled","ref","mergeRefs","_objectSpread","cloneElement","aria","createElement","_extends","className","browserDoesNotSupportHover","_window$matchMedia","_window","window","matchMedia","call","matches","isFocusVisible","element","_element$matches","_ignored","useTooltipOpen","delay","anchorElement","isOpen","setIsOpen","useState","onPopperMount","useRef","closeCallback","setCloseCallback","useCallbackOnEscape","useEffect","timer","openStartTime","shouldOpen","deferUpdate","duration","clearTimeout","update","IS_BROWSER","setTimeout","hoverNotSupported","hasTouch","openDelay","TOOLTIP_LONG_PRESS_DELAY","open","TOOLTIP_HOVER_DELAY","closeDelay","close","Date","now","getClose","overrideDelay","arguments","length","closeImmediately","events","longPressEnd","evt","stopPropagation","preventDefault","focus","push","current","popperElement","addEventListener","e","target","node","eventType","eventHandler","removeEventListener","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","placement","Placement","BOTTOM","closeMode","zIndex","ARROW_SIZE","Tooltip","forwardRef","_attributes$popper$da","_attributes$popper","forceOpen","forwardedProps","_objectWithoutProperties","_excluded","DOCUMENT","Fragment","useId","setPopperElement","styles","attributes","usePopper","modifiers","name","offset","position","popper","isActivated","isHidden","wrappedChildren","labelLines","split","tooltipRef","useMergeRefs","TooltipContextProvider","createPortal","role","classNames","handleBasicClasses","prefix","VISUALLY_HIDDEN","style","map","line","key","document","body","displayName","defaultProps"],"mappings":";;;;;;;;;;AAIA;AACA;AACA;AACO,MAAMA,cAAc,GAAGC,cAAc,GAAG,CAAC;;ACYhD;AACA;AACA;AACA;AACA;AACO,MAAMC,mBAAmB,GAAIC,OAAgB,IAAgB;EAChE,MAAM;IAAEC,QAAQ;IAAEC,gBAAgB;IAAEC,SAAS;IAAEC,EAAE;IAAEC,KAAK;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAGN,OAAO,CAAA;AAClF;AACA,EAAA,MAAMO,MAAM,GAAGJ,SAAS,GAAGC,EAAE,GAAGI,SAAS,CAAA;EAEzC,OAAOC,OAAO,CAAC,MAAM;AACjB,IAAA,IAAI,CAACJ,KAAK,EAAE,OAAOJ,QAAQ,CAAA;;AAE3B;IACA,kBAAIS,cAAK,CAACC,cAAc,CAACV,QAAQ,CAAC,IAAIA,QAAQ,CAACW,KAAK,CAACC,QAAQ,KAAK,IAAI,IAAIZ,QAAQ,CAACW,KAAK,CAACE,UAAU,KAAK,IAAI,EAAE;MAC1G,MAAMC,GAAG,GAAGC,SAAS,CAAEf,QAAQ,CAASc,GAAG,EAAEb,gBAAgB,CAAC,CAAA;MAC9D,MAAMU,KAAK,GAAAK,cAAA,CAAAA,cAAA,CAAQhB,EAAAA,EAAAA,QAAQ,CAACW,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEG,QAAAA,GAAAA;OAAK,CAAA,CAAA;;AAExC;MACA,IAAIR,MAAM,IAAIF,KAAK,KAAKO,KAAK,CAAC,YAAY,CAAC,EAAE;AACzC,QAAA,IAAIA,KAAK,CAACN,YAAY,CAAC,EAAEM,KAAK,CAACN,YAAY,CAAC,IAAI,GAAG,CAAC,KAC/CM,KAAK,CAACN,YAAY,CAAC,GAAG,EAAE,CAAA;AAC7BM,QAAAA,KAAK,CAACN,YAAY,CAAC,IAAIC,MAAM,CAAA;AACjC,OAAA;AAEA,MAAA,oBAAOW,YAAY,CAACjB,QAAQ,EAAEW,KAAK,CAAC,CAAA;AACxC,KAAA;IAEA,MAAMO,IAAI,GAAGZ,MAAM,GAAG;AAAE,MAAA,CAACD,YAAY,GAAGC,MAAAA;AAAO,KAAC,GAAGC,SAAS,CAAA;AAC5D,IAAA,oBACIE,cAAA,CAAAU,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,MAAAA,SAAS,EAAC,6BAA6B;AAACP,MAAAA,GAAG,EAAEb,gBAAAA;KAAsBiB,EAAAA,IAAI,CACvElB,EAAAA,QACA,CAAC,CAAA;AAEd,GAAC,EAAE,CAACI,KAAK,EAAEJ,QAAQ,EAAEC,gBAAgB,EAAEK,MAAM,EAAED,YAAY,CAAC,CAAC,CAAA;AACjE,CAAC;;ACtDD;AACO,MAAMiB,0BAA0B,GAAGA,MAAA;EAAA,IAAAC,kBAAA,EAAAC,OAAA,CAAA;EAAA,OAAe,CAAC,GAAAD,kBAAA,GAAC,CAAAC,OAAA,GAAAC,MAAM,EAACC,UAAU,MAAA,IAAA,IAAAH,kBAAA,KAAjBA,KAAAA,CAAAA,IAAAA,kBAAA,CAAAI,IAAA,CAAAH,OAAA,EAAoB,eAAe,CAAC,CAACI,OAAO,CAAA,CAAA;AAAA,CAAA;;ACDvG;AACO,MAAMC,cAAc,GAAIC,OAAqB,IAAK;EACrD,IAAI;AAAA,IAAA,IAAAC,gBAAA,CAAA;AACA,IAAA,OAAOD,OAAO,KAAPA,IAAAA,IAAAA,OAAO,wBAAAC,gBAAA,GAAPD,OAAO,CAAEF,OAAO,cAAAG,gBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAA,CAAAJ,IAAA,CAAAG,OAAO,EAAY,4CAA4C,CAAC,CAAA;GAC1E,CAAC,OAAOE,QAAQ,EAAE;AACf;AACA,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACJ,CAAC;;ACFD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAACC,KAAyB,EAAEC,aAAiC,EAAE;EACzF,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAE3C,EAAA,MAAMC,aAAa,GAAGC,MAAM,CAAM,IAAI,CAAyD,CAAA;;AAE/F;EACA,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGJ,QAAQ,CAA2B/B,SAAS,CAAC,CAAA;AACvFoC,EAAAA,mBAAmB,CAACP,MAAM,GAAGK,aAAa,GAAGlC,SAAS,CAAC,CAAA;AAEvDqC,EAAAA,SAAS,CAAC,MAAM;IACZ,IAAI,CAACT,aAAa,EAAE;AAChB,MAAA,OAAO5B,SAAS,CAAA;AACpB,KAAA;AACA,IAAA,IAAIsC,KAAyB,CAAA;AAC7B,IAAA,IAAIC,aAAiC,CAAA;AACrC,IAAA,IAAIC,UAA+B,CAAA;;AAEnC;IACA,MAAMC,WAAW,GAAIC,QAAgB,IAAK;AACtC,MAAA,IAAIJ,KAAK,EAAEK,YAAY,CAACL,KAAK,CAAC,CAAA;MAC9B,MAAMM,MAAM,GAAGA,MAAM;AACjBd,QAAAA,SAAS,CAAC,CAAC,CAACU,UAAU,CAAC,CAAA;OAC1B,CAAA;AACD;AACA,MAAA,IAAI,CAACK,UAAU,EAAED,MAAM,EAAE,CAAC,KACrBN,KAAK,GAAGQ,UAAU,CAACF,MAAM,EAAEF,QAAQ,CAAQ,CAAA;KACnD,CAAA;AAED,IAAA,MAAMK,iBAAiB,GAAGhC,0BAA0B,EAAE,CAAA;AACtD,IAAA,MAAMiC,QAAQ,IAAG,cAAc,IAAI9B,MAAM,CAAA,CAAA;;AAEzC;AACA,IAAA,MAAM+B,SAAS,GAAGtB,KAAK,KAAKoB,iBAAiB,GAAGG,wBAAwB,CAACC,IAAI,GAAGC,mBAAmB,CAACD,IAAI,CAAC,CAAA;IACzG,MAAME,UAAU,GAAGN,iBAAiB,GAAGG,wBAAwB,CAACI,KAAK,GAAGF,mBAAmB,CAACE,KAAK,CAAA;;AAEjG;IACA,MAAMH,IAAI,GAAGA,MAAM;AACf,MAAA,IAAIX,UAAU,IAAI,CAACF,KAAK,EAAE,OAAA;AAC1BE,MAAAA,UAAU,GAAG,IAAI,CAAA;AACjBD,MAAAA,aAAa,GAAGgB,IAAI,CAACC,GAAG,EAAE,CAAA;MAC1Bf,WAAW,CAACQ,SAAS,CAAC,CAAA;KACzB,CAAA;;AAED;AACA,IAAA,MAAMQ,QAAQ,GAAG,YAAgC;AAAA,MAAA,IAA/BC,aAAa,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAA3D,SAAA,GAAA2D,SAAA,CAAA,CAAA,CAAA,GAAGN,UAAU,CAAA;AACxC,MAAA,IAAI,CAACb,UAAU,IAAI,CAACF,KAAK,EAAE,OAAA;AAC3BE,MAAAA,UAAU,GAAG,KAAK,CAAA;MAClBC,WAAW,CAACiB,aAAa,CAAC,CAAA;KAC7B,CAAA;AACD,IAAA,MAAMJ,KAAK,GAAGA,MAAMG,QAAQ,CAACJ,UAAU,CAAC,CAAA;AACxC,IAAA,MAAMQ,gBAAgB,GAAGA,MAAMJ,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC1CtB,gBAAgB,CAAC,MAAM0B,gBAAgB,CAAC,CAAA;;AAExC;IACA,MAAMC,MAAyC,GAAG,EAAE,CAAA;AACpD,IAAA,IAAIf,iBAAiB,EAAE;AACnB;AACZ;AACA;AACA;AACA;MACY,MAAMgB,YAAY,GAAIC,GAAU,IAAK;QACjC,IAAI,CAACzB,aAAa,EAAE,OAAA;QACpB,IAAIgB,IAAI,CAACC,GAAG,EAAE,GAAGjB,aAAa,IAAIU,SAAS,EAAE;AACzC;UACAe,GAAG,CAACC,eAAe,EAAE,CAAA;UACrBD,GAAG,CAACE,cAAc,EAAE,CAAA;UACpBtC,aAAa,CAACuC,KAAK,EAAE,CAAA;AACrB;AACAb,UAAAA,KAAK,EAAE,CAAA;AACX,SAAC,MAAM;AACH;AACAO,UAAAA,gBAAgB,EAAE,CAAA;AACtB,SAAA;OACH,CAAA;MAEDC,MAAM,CAACM,IAAI,CACP,CAACxC,aAAa,EAAEoB,QAAQ,GAAG,YAAY,GAAG,WAAW,EAAEG,IAAI,CAAC,EAC5D,CAACvB,aAAa,EAAEoB,QAAQ,GAAG,UAAU,GAAG,SAAS,EAAEe,YAAY,CACnE,CAAC,CAAA;AACL,KAAC,MAAM;MACHD,MAAM,CAACM,IAAI,CACP,CAACxC,aAAa,EAAE,YAAY,EAAEuB,IAAI,CAAC,EACnC,CAACvB,aAAa,EAAE,YAAY,EAAE0B,KAAK,CAAC,EACpC,CAAC1B,aAAa,EAAE,SAAS,EAAEiC,gBAAgB,CAC/C,CAAC,CAAA;AAED7B,MAAAA,aAAa,CAACqC,OAAO,GAAIC,aAAiC,IAAK;QAC3D,IAAI,CAACA,aAAa,EAAE,OAAA;AACpB;AACAA,QAAAA,aAAa,CAACC,gBAAgB,CAAC,YAAY,EAAEpB,IAAI,CAAC,CAAA;AAClDmB,QAAAA,aAAa,CAACC,gBAAgB,CAAC,YAAY,EAAEjB,KAAK,CAAC,CAAA;AACnD;AACAQ,QAAAA,MAAM,CAACM,IAAI,CAAC,CAACE,aAAa,EAAE,YAAY,EAAEnB,IAAI,CAAC,EAAE,CAACmB,aAAa,EAAE,YAAY,EAAEhB,KAAK,CAAC,CAAC,CAAA;OACzF,CAAA;AACL,KAAA;;AAEA;AACAQ,IAAAA,MAAM,CAACM,IAAI;AACP;AACA,IAAA,CACIxC,aAAa,EACb,SAAS,EACR4C,CAAQ,IAAK;AACV;AACA,MAAA,IAAI,CAAClD,cAAc,CAACkD,CAAC,CAACC,MAAqB,CAAC,EAAE,OAAA;AAC9CtB,MAAAA,IAAI,EAAE,CAAA;AACV,KAAC,CACJ;AACD;AACA,IAAA,CAACvB,aAAa,EAAE,UAAU,EAAEiC,gBAAgB,CAChD,CAAC,CAAA;;AAED;IACA,KAAK,MAAM,CAACa,IAAI,EAAEC,SAAS,EAAEC,YAAY,CAAC,IAAId,MAAM,EAAE;AAClDY,MAAAA,IAAI,CAACH,gBAAgB,CAACI,SAAS,EAAEC,YAAY,CAAC,CAAA;AAClD,KAAA;AACA,IAAA,OAAO,MAAM;AACT;AACA,MAAA,IAAItC,KAAK,EAAEK,YAAY,CAACL,KAAK,CAAC,CAAA;;AAE9B;MACA,KAAK,MAAM,CAACoC,IAAI,EAAEC,SAAS,EAAEC,YAAY,CAAC,IAAId,MAAM,EAAE;AAClDY,QAAAA,IAAI,CAACG,mBAAmB,CAACF,SAAS,EAAEC,YAAY,CAAC,CAAA;AACrD,OAAA;KACH,CAAA;AACL,GAAC,EAAE,CAAChD,aAAa,EAAED,KAAK,CAAC,CAAC,CAAA;EAE1B,OAAO;IAAEE,MAAM;IAAEG,aAAa,EAAEA,aAAa,CAACqC,OAAAA;GAAS,CAAA;AAC3D;;;;AC1HA;;AAGA;AACA;AACA;;AAgBA;AACA;AACA;AACA,MAAMS,cAAc,GAAG,SAAS,CAAA;;AAEhC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAoC,GAAG;EACzCC,SAAS,EAAEC,SAAS,CAACC,MAAM;AAC3BC,EAAAA,SAAS,EAAE,SAAS;AACpBvF,EAAAA,YAAY,EAAE,kBAAkB;AAChCwF,EAAAA,MAAM,EAAEjG,cAAAA;AACZ,CAAC,CAAA;;AAED;AACA;AACA;AACA,MAAMkG,UAAU,GAAG,CAAC,CAAA;;AAEpB;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,OAAO,GAAGC,UAAU,CAA+B,CAACrF,KAAK,EAAEG,GAAG,KAAK;EAAA,IAAAmF,qBAAA,EAAAC,kBAAA,CAAA;EAC5E,MAAM;MACF9F,KAAK;MACLJ,QAAQ;MACRqB,SAAS;MACTa,KAAK;MACLuD,SAAS;MACTU,SAAS;MACTP,SAAS;MACTvF,YAAY;AACZwF,MAAAA,MAAAA;AAEJ,KAAC,GAAGlF,KAAK;AADFyF,IAAAA,cAAc,GAAAC,wBAAA,CACjB1F,KAAK,EAAA2F,SAAA,CAAA,CAAA;AACT;EACA,IAAI,CAACC,QAAQ,EAAE;IACX,oBAAO9F,cAAA,CAAAU,aAAA,CAAAV,cAAA,CAAA+F,QAAA,EAAGxG,IAAAA,EAAAA,QAAW,CAAC,CAAA;AAC1B,GAAA;AAEA,EAAA,MAAMG,EAAE,GAAGsG,KAAK,EAAE,CAAA;EAElB,MAAM,CAAC5B,aAAa,EAAE6B,gBAAgB,CAAC,GAAGpE,QAAQ,CAAqB,IAAI,CAAC,CAAA;EAC5E,MAAM,CAACH,aAAa,EAAElC,gBAAgB,CAAC,GAAGqC,QAAQ,CAAqB,IAAI,CAAC,CAAA;EAC5E,MAAM;IAAEqE,MAAM;IAAEC,UAAU;AAAEzD,IAAAA,MAAAA;AAAO,GAAC,GAAG0D,SAAS,CAAC1E,aAAa,EAAE0C,aAAa,EAAE;IAC3EY,SAAS;AACTqB,IAAAA,SAAS,EAAE,CACP;AACIC,MAAAA,IAAI,EAAE,QAAQ;AACdhH,MAAAA,OAAO,EAAE;AAAEiH,QAAAA,MAAM,EAAE,CAAC,CAAC,EAAElB,UAAU,CAAA;AAAE,OAAA;KACtC,CAAA;AAET,GAAC,CAAC,CAAA;EAEF,MAAMmB,QAAQ,GAAAhB,CAAAA,qBAAA,GAAGW,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAV,kBAAA,GAAVU,UAAU,CAAEM,MAAM,MAAAhB,IAAAA,IAAAA,kBAAA,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAA,CAAqB,uBAAuB,CAAC,MAAA,IAAA,IAAAD,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAIR,SAAS,CAAA;EAC3E,MAAM;AAAErD,IAAAA,MAAM,EAAE+E,WAAW;AAAE5E,IAAAA,aAAAA;AAAc,GAAC,GAAGN,cAAc,CAACC,KAAK,EAAEC,aAAa,CAAC,CAAA;EACnF,MAAMC,MAAM,GAAG,CAAC+E,WAAW,IAAIhB,SAAS,KAAK,CAAC,CAAC/F,KAAK,CAAA;EACpD,MAAMF,SAAS,GAAG,CAAC,CAACE,KAAK,KAAKgC,MAAM,IAAIwD,SAAS,KAAK,MAAM,CAAC,CAAA;AAC7D,EAAA,MAAMwB,QAAQ,GAAG,CAAChF,MAAM,IAAIwD,SAAS,KAAK,MAAM,CAAA;EAChD,MAAMyB,eAAe,GAAGvH,mBAAmB,CAAC;IACxCE,QAAQ;IACRC,gBAAgB;IAChBC,SAAS;IACTC,EAAE;IACFC,KAAK;AACLC,IAAAA,YAAY,EAAEA,YAAAA;AAClB,GAAC,CAAC,CAAA;;AAEF;EACAI,cAAK,CAACmC,SAAS,CAAC,MAAM;IAClB,IAAIR,MAAM,EAAEe,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,EAAI,CAAA;AAC1B,GAAC,EAAE,CAACf,MAAM,EAAEe,MAAM,CAAC,CAAC,CAAA;EAEpB,MAAMmE,UAAU,GAAGlH,KAAK,GAAGA,KAAK,CAACmH,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAA;EAEjD,MAAMC,UAAU,GAAGC,YAAY,CAAC3G,GAAG,EAAE4F,gBAAgB,EAAEnE,aAAa,CAAC,CAAA;EACrE,oBACI9B,cAAA,CAAAU,aAAA,CAAAV,cAAA,CAAA+F,QAAA,EAAA,IAAA,eACI/F,cAAA,CAAAU,aAAA,CAACuG,sBAAsB,EAAEL,IAAAA,EAAAA,eAAwC,CAAC,EACjEnH,SAAS,iBACNyH,YAAY,eACRlH,cAAA,CAAAU,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACIN,IAAAA,GAAG,EAAE0G,UAAAA;AAAW,GAAA,EACZpB,cAAc,EAAA;AAClBjG,IAAAA,EAAE,EAAEA,EAAG;AACPyH,IAAAA,IAAI,EAAC,SAAS;IACd,YAAYxH,EAAAA,KAAK,IAAI,EAAG;AACxBiB,IAAAA,SAAS,EAAEwG,UAAU,CACjBxG,SAAS,EACTyG,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEzC,SAAS;AACjB2B,MAAAA,QAAAA;AACJ,KAAC,CAAC,EACFG,QAAQ,IAAIY,eAChB,CAAE;AACFC,IAAAA,KAAK,EAAAjH,cAAA,CAAAA,cAAA,CAAO2F,EAAAA,EAAAA,MAAM,CAACO,MAAM,CAAA,EAAA,EAAA,EAAA;AAAErB,MAAAA,MAAAA;AAAM,KAAA,CAAA;AAAG,GAAA,EAChCe,UAAU,CAACM,MAAM,CAErBzG,eAAAA,cAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;IAAKE,SAAS,EAAG,GAAEiE,SAAU,CAAA,OAAA,CAAA;AAAS,GAAE,CAAC,eACzC7E,cAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;IAAKE,SAAS,EAAG,GAAEiE,SAAU,CAAA,OAAA,CAAA;GACxBgC,EAAAA,UAAU,CAACY,GAAG,CAAEC,IAAI,iBACjB1H,cAAA,CAAAU,aAAA,CAAA,GAAA,EAAA;AAAGiH,IAAAA,GAAG,EAAED,IAAAA;GAAOA,EAAAA,IAAQ,CAC1B,CACA,CACJ,CAAC,EACNE,QAAQ,CAACC,IACb,CACN,CAAC,CAAA;AAEX,CAAC,EAAC;AACFvC,OAAO,CAACwC,WAAW,GAAGlD,cAAc,CAAA;AACpCU,OAAO,CAAC1E,SAAS,GAAGiE,SAAS,CAAA;AAC7BS,OAAO,CAACyC,YAAY,GAAGhD,aAAa;;;;"}

package/_internal/components/tooltip/index.ts-c6931e9e.d.ts

@@ -1,35 +0,0 @@
-import { G as GenericProps, r as HasCloseMode, C as Comp } from '../../8d67e1e3.js';
-import { ReactNode } from 'react';
-import { P as Placement } from '../../f5ff1aa4.js';
-
-declare const ARIA_LINK_MODES: readonly ["aria-describedby", "aria-labelledby"];
-
-/** Position of the tooltip relative to the anchor element. */
-type TooltipPlacement = Extract<Placement, 'top' | 'right' | 'bottom' | 'left'>;
-/**
- * Defines the props of the component.
- */
-interface TooltipProps extends GenericProps, HasCloseMode {
-    /** Anchor (element on which we activate the tooltip). */
-    children: ReactNode;
-    /** Delay (in ms) before closing the tooltip. */
-    delay?: number;
-    /** Whether the tooltip is displayed even without the mouse hovering the anchor. */
-    forceOpen?: boolean;
-    /** Label text. */
-    label?: string | null | false;
-    /** Placement of the tooltip relative to the anchor. */
-    placement?: TooltipPlacement;
-    /** Choose how the tooltip text should link to the anchor */
-    ariaLinkMode?: (typeof ARIA_LINK_MODES)[number];
-}
-/**
- * Tooltip component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Tooltip: Comp<TooltipProps, HTMLDivElement>;
-
-export { Tooltip, type TooltipPlacement, type TooltipProps };

package/_internal/components/uploader/index.ts-31f21c2a.js

@@ -1,132 +0,0 @@
-import { h as getRootClassName, f as AspectRatio, S as Size, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
-import React__default from 'react';
-import { u as useBooleanState } from '../../2a3d237c.js';
-import { u as useId } from '../../3a1facc0.js';
-import { u as useTheme } from '../../3181f000.js';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-import { I as Icon } from '../../c6c99f76.js';
-
-const _excluded = ["aspectRatio", "className", "label", "icon", "size", "theme", "variant", "fileInputProps"];
-
-/**
- * Uploader variants.
- */
-const UploaderVariant = {
-  square: 'square',
-  rounded: 'rounded',
-  circle: 'circle'
-};
-
-/**
- * Uploader sizes.
- */
-
-/**
- * Extend native HTML input props with specialized `onChange` providing the a `File` array.
- */
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Uploader';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  aspectRatio: AspectRatio.horizontal,
-  size: Size.xl,
-  variant: UploaderVariant.square
-};
-
-/**
- * Uploader component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Uploader = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-      aspectRatio,
-      className,
-      label,
-      icon,
-      size,
-      theme = defaultTheme,
-      variant,
-      fileInputProps
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  // Adjust to square aspect ratio when using circle variants.
-  const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;
-  const generatedInputId = useId();
-  const inputId = (fileInputProps === null || fileInputProps === void 0 ? void 0 : fileInputProps.id) || generatedInputId;
-  const [isDragHovering, unsetDragHovering, setDragHovering] = useBooleanState(false);
-  const wrapper = fileInputProps ? {
-    Component: 'label',
-    props: {
-      htmlFor: inputId
-    }
-  } : {
-    Component: 'button',
-    props: {
-      type: 'button'
-    }
-  };
-  const onChange = React__default.useMemo(() => {
-    if (!(fileInputProps !== null && fileInputProps !== void 0 && fileInputProps.onChange)) return undefined;
-    return evt => {
-      const fileList = evt.target.files;
-      const files = fileList ? Array.from(fileList) : [];
-      fileInputProps.onChange(files, evt);
-    };
-  }, [fileInputProps]);
-  return /*#__PURE__*/React__default.createElement(wrapper.Component, _extends({
-    ref: ref
-  }, wrapper.props, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      aspectRatio: adjustedAspectRatio,
-      prefix: CLASSNAME,
-      size,
-      theme,
-      variant,
-      isDragHovering
-    }))
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: `${CLASSNAME}__background`
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: `${CLASSNAME}__wrapper`
-  }, icon && /*#__PURE__*/React__default.createElement(Icon, {
-    className: `${CLASSNAME}__icon`,
-    icon: icon,
-    size: Size.s
-  }), label && /*#__PURE__*/React__default.createElement("span", {
-    className: `${CLASSNAME}__label`
-  }, label)), fileInputProps && /*#__PURE__*/React__default.createElement("input", _extends({
-    type: "file",
-    id: inputId,
-    className: `${CLASSNAME}__input`
-  }, fileInputProps, {
-    onChange: onChange,
-    onDragEnter: setDragHovering,
-    onDragLeave: unsetDragHovering,
-    onDrop: unsetDragHovering
-  })));
-});
-Uploader.displayName = COMPONENT_NAME;
-Uploader.className = CLASSNAME;
-Uploader.defaultProps = DEFAULT_PROPS;
-
-export { Uploader, UploaderVariant };
-//# sourceMappingURL=index.ts-31f21c2a.js.map

package/_internal/components/uploader/index.ts-31f21c2a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-31f21c2a.js","sources":["../../../../src/components/uploader/Uploader.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AspectRatio, Icon, Size, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useBooleanState } from '@lumx/react/hooks/useBooleanState';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Uploader variants.\n */\nexport const UploaderVariant = {\n    square: 'square',\n    rounded: 'rounded',\n    circle: 'circle',\n} as const;\nexport type UploaderVariant = ValueOf<typeof UploaderVariant>;\n\n/**\n * Uploader sizes.\n */\nexport type UploaderSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Extend native HTML input props with specialized `onChange` providing the a `File` array.\n */\ninterface FileInputProps extends Omit<React.ComponentProps<'input'>, 'onChange'> {\n    onChange(files: File[], evt: React.ChangeEvent<HTMLInputElement>): void;\n}\n\n/**\n * Defines the props of the component.\n */\nexport interface UploaderProps extends GenericProps, HasTheme {\n    /** Image aspect ratio. */\n    aspectRatio?: AspectRatio;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Label text. */\n    label?: string;\n    /** Size variant. */\n    size?: UploaderSize;\n    /** Variant. */\n    variant?: UploaderVariant;\n    /** On click callback. */\n    onClick?: MouseEventHandler;\n    /** Handle file selection with a native input file. */\n    fileInputProps?: FileInputProps;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Uploader';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<UploaderProps> = {\n    aspectRatio: AspectRatio.horizontal,\n    size: Size.xl,\n    variant: UploaderVariant.square,\n};\n\n/**\n * Uploader component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Uploader = forwardRef<UploaderProps>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        aspectRatio,\n        className,\n        label,\n        icon,\n        size,\n        theme = defaultTheme,\n        variant,\n        fileInputProps,\n        ...forwardedProps\n    } = props;\n    // Adjust to square aspect ratio when using circle variants.\n    const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;\n\n    const generatedInputId = useId();\n    const inputId = fileInputProps?.id || generatedInputId;\n    const [isDragHovering, unsetDragHovering, setDragHovering] = useBooleanState(false);\n    const wrapper = fileInputProps\n        ? { Component: 'label' as const, props: { htmlFor: inputId } as const }\n        : { Component: 'button' as const, props: { type: 'button' } as const };\n\n    const onChange = React.useMemo(() => {\n        if (!fileInputProps?.onChange) return undefined;\n        return (evt: React.ChangeEvent<HTMLInputElement>) => {\n            const fileList = evt.target.files;\n            const files = fileList ? Array.from(fileList) : [];\n            fileInputProps.onChange(files, evt);\n        };\n    }, [fileInputProps]);\n\n    return (\n        <wrapper.Component\n            ref={ref as any}\n            {...wrapper.props}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    aspectRatio: adjustedAspectRatio,\n                    prefix: CLASSNAME,\n                    size,\n                    theme,\n                    variant,\n                    isDragHovering,\n                }),\n            )}\n        >\n            <span className={`${CLASSNAME}__background`} />\n\n            <span className={`${CLASSNAME}__wrapper`}>\n                {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.s} />}\n\n                {label && <span className={`${CLASSNAME}__label`}>{label}</span>}\n            </span>\n\n            {fileInputProps && (\n                <input\n                    type=\"file\"\n                    id={inputId}\n                    className={`${CLASSNAME}__input`}\n                    {...fileInputProps}\n                    onChange={onChange}\n                    onDragEnter={setDragHovering}\n                    onDragLeave={unsetDragHovering}\n                    onDrop={unsetDragHovering}\n                />\n            )}\n        </wrapper.Component>\n    );\n});\nUploader.displayName = COMPONENT_NAME;\nUploader.className = CLASSNAME;\nUploader.defaultProps = DEFAULT_PROPS;\n"],"names":["UploaderVariant","square","rounded","circle","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","aspectRatio","AspectRatio","horizontal","size","Size","xl","variant","Uploader","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","label","icon","theme","fileInputProps","forwardedProps","_objectWithoutProperties","_excluded","adjustedAspectRatio","generatedInputId","useId","inputId","id","isDragHovering","unsetDragHovering","setDragHovering","useBooleanState","wrapper","Component","htmlFor","type","onChange","React","useMemo","undefined","evt","fileList","target","files","Array","from","createElement","_extends","classNames","handleBasicClasses","prefix","Icon","s","onDragEnter","onDragLeave","onDrop","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/uploader/index.ts-c3ccba98.d.ts

@@ -1,51 +0,0 @@
-import { V as ValueOf, S as Size, G as GenericProps, H as HasTheme, l as AspectRatio, C as Comp } from '../../8d67e1e3.js';
-import React, { MouseEventHandler } from 'react';
-
-/**
- * Uploader variants.
- */
-declare const UploaderVariant: {
-    readonly square: "square";
-    readonly rounded: "rounded";
-    readonly circle: "circle";
-};
-type UploaderVariant = ValueOf<typeof UploaderVariant>;
-/**
- * Uploader sizes.
- */
-type UploaderSize = Extract<Size, 'xl' | 'xxl'>;
-/**
- * Extend native HTML input props with specialized `onChange` providing the a `File` array.
- */
-interface FileInputProps extends Omit<React.ComponentProps<'input'>, 'onChange'> {
-    onChange(files: File[], evt: React.ChangeEvent<HTMLInputElement>): void;
-}
-/**
- * Defines the props of the component.
- */
-interface UploaderProps extends GenericProps, HasTheme {
-    /** Image aspect ratio. */
-    aspectRatio?: AspectRatio;
-    /** Icon (SVG path). */
-    icon?: string;
-    /** Label text. */
-    label?: string;
-    /** Size variant. */
-    size?: UploaderSize;
-    /** Variant. */
-    variant?: UploaderVariant;
-    /** On click callback. */
-    onClick?: MouseEventHandler;
-    /** Handle file selection with a native input file. */
-    fileInputProps?: FileInputProps;
-}
-/**
- * Uploader component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Uploader: Comp<UploaderProps, HTMLElement>;
-
-export { Uploader, type UploaderProps, type UploaderSize, UploaderVariant };