@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.34

package/_internal/41a8b20f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"41a8b20f.js","sources":["../../src/components/text-field/TextField.tsx"],"sourcesContent":["import { ReactNode, Ref, RefObject, SyntheticEvent, useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\nimport get from 'lodash/get';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiCloseCircle } from '@lumx/icons';\nimport {\n    Emphasis,\n    Icon,\n    IconButton,\n    IconButtonProps,\n    InputHelper,\n    InputLabel,\n    InputLabelProps,\n    Kind,\n    Size,\n    Theme,\n} from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Defines the props of the component.\n */\nexport interface TextFieldProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** Chip Group to be rendered before the main text input. */\n    chips?: ReactNode;\n    /** Props to pass to the clear button (minus those already set by the TextField props). If not specified, the button won't be displayed. */\n    clearButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /** Error message. */\n    error?: string | ReactNode;\n    /** Whether we force the focus style or not. */\n    forceFocusStyle?: boolean;\n    /** Whether the text field is displayed with error style or not. */\n    hasError?: boolean;\n    /** Additional element to put at the end of the text field. */\n    afterElement?: ReactNode;\n    /** Helper text. */\n    helper?: string | ReactNode;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Native input id property (generated if not provided to link the label element). */\n    id?: string;\n    /** Reference to the <input> or <textarea> element. */\n    inputRef?: Ref<HTMLInputElement | HTMLTextAreaElement>;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the component is required or not. */\n    isRequired?: boolean;\n    /** Whether the text field is displayed with valid style or not. */\n    isValid?: boolean;\n    /** Label text. */\n    label?: string;\n    /** Additional label props. */\n    labelProps?: InputLabelProps;\n    /** Max string length the input accepts (constrains the input and displays a character counter). */\n    maxLength?: number;\n    /** Minimum number of rows displayed in multiline mode (requires `multiline` to be enabled). */\n    minimumRows?: number;\n    /** Whether the text field is a textarea or an input. */\n    multiline?: boolean;\n    /** Native input name property. */\n    name?: string;\n    /** Placeholder text. */\n    placeholder?: string;\n    /** Reference to the wrapper. */\n    textFieldRef?: Ref<HTMLDivElement>;\n    /** Native input type (only when `multiline` is disabled). */\n    type?: React.ComponentProps<'input'>['type'];\n    /** Value. */\n    value?: string;\n    /** On blur callback. */\n    onBlur?(event: React.FocusEvent): void;\n    /** On change callback. */\n    onChange(value: string, name?: string, event?: SyntheticEvent): void;\n    /** On clear callback. */\n    onClear?(event?: SyntheticEvent): void;\n    /** On focus callback. */\n    onFocus?(event: React.FocusEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TextField';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Default minimum number of rows in the multiline mode.\n */\nconst DEFAULT_MIN_ROWS = 2;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TextFieldProps> = {\n    type: 'text',\n};\n\n/**\n * Hook that allows to calculate the number of rows needed for a text area.\n * @param minimumRows Minimum number of rows that we want to display.\n * @return rows to be used and a callback to recalculate\n */\nconst useComputeNumberOfRows = (\n    minimumRows: number,\n): {\n    /** number of rows to be used on the text area */\n    rows: number;\n    /**\n     * Callback in order to recalculate the number of rows due to a change on the text area\n     */\n    recomputeNumberOfRows(target: Element): void;\n} => {\n    const [rows, setRows] = useState(minimumRows);\n\n    const recompute = (target: Element) => {\n        /**\n         * HEAD's UP! This part is a little bit tricky. The idea here is to only\n         * display the necessary rows on the textarea. In order to dynamically adjust\n         * the height on that field, we need to:\n         * 1. Set the current amount of rows to the minimum. That will make the scroll appear.\n         * 2. With that, we will have the `scrollHeight`, meaning the height of the container adjusted to the current content\n         * 3. With the scroll height, we can figure out how many rows we need to use by dividing the scroll height\n         * by the line height.\n         * 4. With that number, we can readjust the number of rows on the text area. We need to do that here, if we leave that to\n         * the state change through React, there are some scenarios (resize, hitting ENTER or BACKSPACE which add or remove lines)\n         * when we will not see the update and the rows will be resized to the minimum.\n         * 5. In case there is any other update on the component that changes the UI, we need to keep the number of rows\n         * on the state in order to allow React to re-render. Therefore, we save them using `useState`\n         */\n        // eslint-disable-next-line no-param-reassign\n        (target as HTMLTextAreaElement).rows = minimumRows;\n        let currentRows = target.scrollHeight / (target.clientHeight / minimumRows);\n        currentRows = currentRows >= minimumRows ? currentRows : minimumRows;\n        // eslint-disable-next-line no-param-reassign\n        (target as HTMLTextAreaElement).rows = currentRows;\n\n        setRows(currentRows);\n    };\n\n    return {\n        recomputeNumberOfRows: recompute,\n        rows,\n    };\n};\n\ninterface InputNativeProps {\n    id?: string;\n    inputRef?: TextFieldProps['inputRef'];\n    isDisabled?: boolean;\n    'aria-disabled'?: boolean;\n    isRequired?: boolean;\n    readOnly?: boolean;\n    multiline?: boolean;\n    maxLength?: number;\n    placeholder?: string;\n    rows: number;\n    type: TextFieldProps['type'];\n    name?: string;\n    value?: string;\n    setFocus(focus: boolean): void;\n    recomputeNumberOfRows(target: Element): void;\n    onChange(value: string, name?: string, event?: SyntheticEvent): void;\n    onFocus?(value: React.FocusEvent): void;\n    onBlur?(value: React.FocusEvent): void;\n    hasError?: boolean;\n    describedById?: string;\n}\n\nconst renderInputNative: React.FC<InputNativeProps> = (props) => {\n    const {\n        id,\n        isRequired,\n        placeholder,\n        multiline,\n        value,\n        setFocus,\n        onChange,\n        onFocus,\n        onBlur,\n        inputRef,\n        rows,\n        recomputeNumberOfRows,\n        type,\n        name,\n        hasError,\n        describedById,\n        ...forwardedProps\n    } = props;\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const ref = useRef<HTMLElement>(null);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n        // Recompute the number of rows for the first rendering\n        if (multiline && ref && ref.current) {\n            recomputeNumberOfRows(ref.current);\n        }\n    }, [ref, multiline, recomputeNumberOfRows, value]);\n\n    const onTextFieldFocus = (event: React.FocusEvent) => {\n        onFocus?.(event);\n        setFocus(true);\n    };\n\n    const onTextFieldBlur = (event: React.FocusEvent) => {\n        onBlur?.(event);\n        setFocus(false);\n    };\n\n    const handleChange = (event: React.ChangeEvent) => {\n        onChange(get(event, 'target.value'), name, event);\n    };\n\n    const Component = multiline ? 'textarea' : 'input';\n    const inputProps: any = {\n        ...forwardedProps,\n        id,\n        className: multiline\n            ? `${CLASSNAME}__input-native ${CLASSNAME}__input-native--textarea`\n            : `${CLASSNAME}__input-native ${CLASSNAME}__input-native--text`,\n        placeholder,\n        value,\n        name,\n        required: isRequired,\n        onFocus: onTextFieldFocus,\n        onBlur: onTextFieldBlur,\n        onChange: handleChange,\n        'aria-invalid': hasError ? 'true' : undefined,\n        'aria-describedby': describedById,\n        readOnly: forwardedProps.readOnly || forwardedProps['aria-disabled'],\n        ref: mergeRefs(inputRef as any, ref) as any,\n    };\n    if (multiline) {\n        inputProps.rows = rows;\n    } else {\n        inputProps.type = type;\n    }\n    return <Component {...inputProps} />;\n};\n\n/**\n * TextField component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TextField = forwardRef<TextFieldProps, HTMLDivElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        chips,\n        className,\n        clearButtonProps,\n        error,\n        forceFocusStyle,\n        hasError,\n        helper,\n        icon,\n        id,\n        inputRef: inputRefProps,\n        isRequired,\n        isValid,\n        label,\n        labelProps,\n        maxLength,\n        minimumRows,\n        multiline,\n        name,\n        onBlur,\n        onChange,\n        onClear,\n        onFocus,\n        placeholder,\n        textFieldRef,\n        theme = defaultTheme,\n        type = DEFAULT_PROPS.type,\n        value,\n        afterElement,\n        ...forwardedProps\n    } = otherProps;\n    const generatedTextFieldId = useId();\n    const textFieldId = id || generatedTextFieldId;\n    /** Keep a clean local input ref to manage focus */\n    const localInputRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n    /** Merge prop input ref and local input ref */\n    const inputRef = mergeRefs(localInputRef, inputRefProps);\n    /**\n     * Generate unique ids for both the helper and error texts, in order to\n     * later on add them to the input native as aria-describedby. If both the error and the helper are present,\n     * we want to first use the most important one, which is the errorId. That way, screen readers will read first\n     * the error and then the helper\n     */\n    const helperId = helper ? `text-field-helper-${generatedTextFieldId}` : undefined;\n    const errorId = error ? `text-field-error-${generatedTextFieldId}` : undefined;\n    const describedByIds = [errorId, helperId, forwardedProps['aria-describedby']].filter(Boolean);\n    const describedById = describedByIds.length === 0 ? undefined : describedByIds.join(' ');\n\n    const [isFocus, setFocus] = useState(false);\n    const { rows, recomputeNumberOfRows } = useComputeNumberOfRows(multiline ? minimumRows || DEFAULT_MIN_ROWS : 0);\n    const valueLength = (value || '').length;\n    const isNotEmpty = valueLength > 0;\n\n    /**\n     * Function triggered when the Clear Button is clicked.\n     * The idea is to execute the `onChange` callback with an empty string\n     * and remove focus from the clear button.\n     * @param evt On clear event.\n     */\n    const handleClear = (evt: React.ChangeEvent) => {\n        evt.nativeEvent.preventDefault();\n        evt.nativeEvent.stopPropagation();\n        (evt.currentTarget as HTMLElement).blur();\n\n        onChange('');\n\n        if (onClear) {\n            onClear(evt);\n        }\n\n        /** Use local inputRef in case the prop input ref is a `mergeRefs` function. */\n        const inputElement = localInputRef as RefObject<HTMLInputElement | HTMLTextAreaElement>;\n\n        if (inputElement && inputElement.current) {\n            inputElement.current.focus();\n        }\n    };\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    hasChips: Boolean(chips),\n                    hasError: !isValid && hasError,\n                    hasIcon: Boolean(icon),\n                    hasInput: !multiline,\n                    hasInputClear: clearButtonProps && isNotEmpty,\n                    hasLabel: Boolean(label),\n                    hasPlaceholder: Boolean(placeholder),\n                    hasTextarea: multiline,\n                    hasValue: Boolean(value),\n                    isDisabled: isAnyDisabled,\n                    isFocus: isFocus || forceFocusStyle,\n                    isValid,\n                    prefix: CLASSNAME,\n                    theme,\n                }),\n            )}\n        >\n            {(label || maxLength) && (\n                <div className={`${CLASSNAME}__header`}>\n                    {label && (\n                        <InputLabel\n                            {...labelProps}\n                            htmlFor={textFieldId}\n                            className={`${CLASSNAME}__label`}\n                            isRequired={isRequired}\n                            theme={theme}\n                        >\n                            {label}\n                        </InputLabel>\n                    )}\n\n                    {maxLength && (\n                        <div className={`${CLASSNAME}__char-counter`}>\n                            <span>{maxLength - valueLength}</span>\n                            {maxLength - valueLength === 0 && <Icon icon={mdiAlertCircle} size={Size.xxs} />}\n                        </div>\n                    )}\n                </div>\n            )}\n\n            <div className={`${CLASSNAME}__wrapper`} ref={textFieldRef}>\n                {icon && (\n                    <Icon\n                        className={`${CLASSNAME}__input-icon`}\n                        color={theme === Theme.dark ? 'light' : undefined}\n                        icon={icon}\n                        size={Size.xs}\n                    />\n                )}\n\n                {chips && (\n                    <div className={`${CLASSNAME}__chips`}>\n                        {chips}\n\n                        {renderInputNative({\n                            id: textFieldId,\n                            inputRef,\n                            ...disabledStateProps,\n                            isRequired,\n                            maxLength,\n                            multiline,\n                            onBlur,\n                            onChange,\n                            onFocus,\n                            placeholder,\n                            recomputeNumberOfRows,\n                            rows,\n                            setFocus,\n                            type,\n                            value,\n                            name,\n                            hasError,\n                            describedById,\n                            ...forwardedProps,\n                        })}\n                    </div>\n                )}\n\n                {!chips && (\n                    <div className={`${CLASSNAME}__input-wrapper`}>\n                        {renderInputNative({\n                            id: textFieldId,\n                            inputRef,\n                            ...disabledStateProps,\n                            isRequired,\n                            maxLength,\n                            multiline,\n                            onBlur,\n                            onChange,\n                            onFocus,\n                            placeholder,\n                            recomputeNumberOfRows,\n                            rows,\n                            setFocus,\n                            type,\n                            value,\n                            name,\n                            hasError,\n                            describedById,\n                            ...forwardedProps,\n                        })}\n                    </div>\n                )}\n\n                {(isValid || hasError) && (\n                    <Icon\n                        className={`${CLASSNAME}__input-validity`}\n                        color={theme === Theme.dark ? 'light' : undefined}\n                        icon={isValid ? mdiCheckCircle : mdiAlertCircle}\n                        size={Size.xxs}\n                    />\n                )}\n\n                {clearButtonProps && isNotEmpty && !isAnyDisabled && (\n                    <IconButton\n                        {...clearButtonProps}\n                        className={`${CLASSNAME}__input-clear`}\n                        icon={mdiCloseCircle}\n                        emphasis={Emphasis.low}\n                        size={Size.s}\n                        theme={theme}\n                        onClick={handleClear}\n                        type=\"button\"\n                    />\n                )}\n\n                {afterElement && <div className={`${CLASSNAME}__after-element`}>{afterElement}</div>}\n            </div>\n\n            {hasError && error && (\n                <InputHelper className={`${CLASSNAME}__helper`} kind={Kind.error} theme={theme} id={errorId}>\n                    {error}\n                </InputHelper>\n            )}\n\n            {helper && (\n                <InputHelper className={`${CLASSNAME}__helper`} theme={theme} id={helperId}>\n                    {helper}\n                </InputHelper>\n            )}\n        </div>\n    );\n});\nTextField.displayName = COMPONENT_NAME;\nTextField.className = CLASSNAME;\nTextField.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_MIN_ROWS","DEFAULT_PROPS","type","useComputeNumberOfRows","minimumRows","rows","setRows","useState","recompute","target","currentRows","scrollHeight","clientHeight","recomputeNumberOfRows","renderInputNative","props","id","isRequired","placeholder","multiline","value","setFocus","onChange","onFocus","onBlur","inputRef","name","hasError","describedById","forwardedProps","ref","useRef","useEffect","current","onTextFieldFocus","event","onTextFieldBlur","handleChange","get","Component","inputProps","className","required","undefined","readOnly","mergeRefs","_jsx","TextField","forwardRef","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","chips","clearButtonProps","error","forceFocusStyle","helper","icon","inputRefProps","isValid","label","labelProps","maxLength","onClear","textFieldRef","theme","afterElement","generatedTextFieldId","useId","textFieldId","localInputRef","helperId","errorId","describedByIds","filter","Boolean","length","join","isFocus","valueLength","isNotEmpty","handleClear","evt","nativeEvent","preventDefault","stopPropagation","currentTarget","blur","inputElement","focus","_jsxs","classNames","handleBasicClasses","hasChips","hasIcon","hasInput","hasInputClear","hasLabel","hasPlaceholder","hasTextarea","hasValue","isDisabled","prefix","children","InputLabel","htmlFor","Icon","mdiAlertCircle","size","Size","xxs","color","dark","xs","mdiCheckCircle","IconButton","mdiCloseCircle","emphasis","Emphasis","low","s","onClick","InputHelper","kind","Kind","displayName","defaultProps"],"mappings":"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"}

package/_internal/42b26576.js

@@ -0,0 +1,4 @@
+var reactIs_production_min = {};
+
+export { reactIs_production_min as __exports };
+//# sourceMappingURL=42b26576.js.map

package/_internal/42b26576.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"42b26576.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/_internal/45ef51db.js

@@ -0,0 +1,29 @@
+import { useRef, useEffect } from 'react';
+import isFunction from 'lodash/isFunction';
+
+/**
+ * Making setInterval Declarative with React Hooks.
+ * Credits: https://overreacted.io/making-setinterval-declarative-with-react-hooks/
+ *
+ * @param callback Function called by setInterval.
+ * @param     delay    Delay for setInterval.
+ */
+function useInterval(callback, delay) {
+  const savedCallback = useRef();
+  useEffect(() => {
+    savedCallback.current = callback;
+  });
+  useEffect(() => {
+    if (delay === null) return undefined;
+    function tick() {
+      if (isFunction(savedCallback.current)) {
+        savedCallback.current();
+      }
+    }
+    const id = setInterval(tick, delay);
+    return () => clearInterval(id);
+  }, [delay]);
+}
+
+export { useInterval };
+//# sourceMappingURL=45ef51db.js.map

package/_internal/45ef51db.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"45ef51db.js","sources":["../../src/hooks/useInterval.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport isFunction from 'lodash/isFunction';\nimport { Callback } from '@lumx/react/utils/type';\n\n/**\n * Making setInterval Declarative with React Hooks.\n * Credits: https://overreacted.io/making-setinterval-declarative-with-react-hooks/\n *\n * @param callback Function called by setInterval.\n * @param     delay    Delay for setInterval.\n */\nexport function useInterval(callback: Callback, delay: number | null): void {\n    const savedCallback = useRef<Callback>();\n\n    useEffect(() => {\n        savedCallback.current = callback;\n    });\n\n    useEffect(() => {\n        if (delay === null) return undefined;\n\n        function tick() {\n            if (isFunction(savedCallback.current)) {\n                savedCallback.current();\n            }\n        }\n        const id = setInterval(tick, delay);\n        return () => clearInterval(id);\n    }, [delay]);\n}\n"],"names":["useInterval","callback","delay","savedCallback","useRef","useEffect","current","undefined","tick","isFunction","id","setInterval","clearInterval"],"mappings":";;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,WAAWA,CAACC,QAAkB,EAAEC,KAAoB,EAAQ;AACxE,EAAA,MAAMC,aAAa,GAAGC,MAAM,EAAY,CAAA;AAExCC,EAAAA,SAAS,CAAC,MAAM;IACZF,aAAa,CAACG,OAAO,GAAGL,QAAQ,CAAA;AACpC,GAAC,CAAC,CAAA;AAEFI,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,IAAIH,KAAK,KAAK,IAAI,EAAE,OAAOK,SAAS,CAAA;IAEpC,SAASC,IAAIA,GAAG;AACZ,MAAA,IAAIC,UAAU,CAACN,aAAa,CAACG,OAAO,CAAC,EAAE;QACnCH,aAAa,CAACG,OAAO,EAAE,CAAA;AAC3B,OAAA;AACJ,KAAA;AACA,IAAA,MAAMI,EAAE,GAAGC,WAAW,CAACH,IAAI,EAAEN,KAAK,CAAC,CAAA;AACnC,IAAA,OAAO,MAAMU,aAAa,CAACF,EAAE,CAAC,CAAA;AAClC,GAAC,EAAE,CAACR,KAAK,CAAC,CAAC,CAAA;AACf;;;;"}

package/_internal/48148353.js

@@ -0,0 +1,100 @@
+import * as React from 'react';
+import isEqual from './d0b96efd.js';
+import { fromEntries, useIsomorphicLayoutEffect } from './e142a98d.js';
+import { createPopper } from './2dcfa1df.js';
+
+var EMPTY_MODIFIERS = [];
+var usePopper = function usePopper(referenceElement, popperElement, options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  var prevOptions = React.useRef(null);
+  var optionsWithDefaults = {
+    onFirstUpdate: options.onFirstUpdate,
+    placement: options.placement || 'bottom',
+    strategy: options.strategy || 'absolute',
+    modifiers: options.modifiers || EMPTY_MODIFIERS
+  };
+
+  var _React$useState = React.useState({
+    styles: {
+      popper: {
+        position: optionsWithDefaults.strategy,
+        left: '0',
+        top: '0'
+      }
+    },
+    attributes: {}
+  }),
+      state = _React$useState[0],
+      setState = _React$useState[1];
+
+  var updateStateModifier = React.useMemo(function () {
+    return {
+      name: 'updateState',
+      enabled: true,
+      phase: 'write',
+      fn: function fn(_ref) {
+        var state = _ref.state;
+        var elements = Object.keys(state.elements);
+        setState({
+          styles: fromEntries(elements.map(function (element) {
+            return [element, state.styles[element] || {}];
+          })),
+          attributes: fromEntries(elements.map(function (element) {
+            return [element, state.attributes[element]];
+          }))
+        });
+      },
+      requires: ['computeStyles']
+    };
+  }, []);
+  var popperOptions = React.useMemo(function () {
+    var newOptions = {
+      onFirstUpdate: optionsWithDefaults.onFirstUpdate,
+      placement: optionsWithDefaults.placement,
+      strategy: optionsWithDefaults.strategy,
+      modifiers: [].concat(optionsWithDefaults.modifiers, [updateStateModifier, {
+        name: 'applyStyles',
+        enabled: false
+      }])
+    };
+
+    if (isEqual(prevOptions.current, newOptions)) {
+      return prevOptions.current || newOptions;
+    } else {
+      prevOptions.current = newOptions;
+      return newOptions;
+    }
+  }, [optionsWithDefaults.onFirstUpdate, optionsWithDefaults.placement, optionsWithDefaults.strategy, optionsWithDefaults.modifiers, updateStateModifier]);
+  var popperInstanceRef = React.useRef();
+  useIsomorphicLayoutEffect(function () {
+    if (popperInstanceRef.current) {
+      popperInstanceRef.current.setOptions(popperOptions);
+    }
+  }, [popperOptions]);
+  useIsomorphicLayoutEffect(function () {
+    if (referenceElement == null || popperElement == null) {
+      return;
+    }
+
+    var createPopper$1 = options.createPopper || createPopper;
+    var popperInstance = createPopper$1(referenceElement, popperElement, popperOptions);
+    popperInstanceRef.current = popperInstance;
+    return function () {
+      popperInstance.destroy();
+      popperInstanceRef.current = null;
+    };
+  }, [referenceElement, popperElement, options.createPopper]);
+  return {
+    state: popperInstanceRef.current ? popperInstanceRef.current.state : null,
+    styles: state.styles,
+    attributes: state.attributes,
+    update: popperInstanceRef.current ? popperInstanceRef.current.update : null,
+    forceUpdate: popperInstanceRef.current ? popperInstanceRef.current.forceUpdate : null
+  };
+};
+
+export { usePopper };
+//# sourceMappingURL=48148353.js.map

package/_internal/48148353.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"48148353.js","sources":["../../../../node_modules/react-popper/lib/esm/usePopper.js"],"sourcesContent":["import * as React from 'react';\nimport { createPopper as defaultCreatePopper } from '@popperjs/core';\nimport isEqual from 'react-fast-compare';\nimport { fromEntries, useIsomorphicLayoutEffect } from './utils';\nvar EMPTY_MODIFIERS = [];\nexport var usePopper = function usePopper(referenceElement, popperElement, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  var prevOptions = React.useRef(null);\n  var optionsWithDefaults = {\n    onFirstUpdate: options.onFirstUpdate,\n    placement: options.placement || 'bottom',\n    strategy: options.strategy || 'absolute',\n    modifiers: options.modifiers || EMPTY_MODIFIERS\n  };\n\n  var _React$useState = React.useState({\n    styles: {\n      popper: {\n        position: optionsWithDefaults.strategy,\n        left: '0',\n        top: '0'\n      }\n    },\n    attributes: {}\n  }),\n      state = _React$useState[0],\n      setState = _React$useState[1];\n\n  var updateStateModifier = React.useMemo(function () {\n    return {\n      name: 'updateState',\n      enabled: true,\n      phase: 'write',\n      fn: function fn(_ref) {\n        var state = _ref.state;\n        var elements = Object.keys(state.elements);\n        setState({\n          styles: fromEntries(elements.map(function (element) {\n            return [element, state.styles[element] || {}];\n          })),\n          attributes: fromEntries(elements.map(function (element) {\n            return [element, state.attributes[element]];\n          }))\n        });\n      },\n      requires: ['computeStyles']\n    };\n  }, []);\n  var popperOptions = React.useMemo(function () {\n    var newOptions = {\n      onFirstUpdate: optionsWithDefaults.onFirstUpdate,\n      placement: optionsWithDefaults.placement,\n      strategy: optionsWithDefaults.strategy,\n      modifiers: [].concat(optionsWithDefaults.modifiers, [updateStateModifier, {\n        name: 'applyStyles',\n        enabled: false\n      }])\n    };\n\n    if (isEqual(prevOptions.current, newOptions)) {\n      return prevOptions.current || newOptions;\n    } else {\n      prevOptions.current = newOptions;\n      return newOptions;\n    }\n  }, [optionsWithDefaults.onFirstUpdate, optionsWithDefaults.placement, optionsWithDefaults.strategy, optionsWithDefaults.modifiers, updateStateModifier]);\n  var popperInstanceRef = React.useRef();\n  useIsomorphicLayoutEffect(function () {\n    if (popperInstanceRef.current) {\n      popperInstanceRef.current.setOptions(popperOptions);\n    }\n  }, [popperOptions]);\n  useIsomorphicLayoutEffect(function () {\n    if (referenceElement == null || popperElement == null) {\n      return;\n    }\n\n    var createPopper = options.createPopper || defaultCreatePopper;\n    var popperInstance = createPopper(referenceElement, popperElement, popperOptions);\n    popperInstanceRef.current = popperInstance;\n    return function () {\n      popperInstance.destroy();\n      popperInstanceRef.current = null;\n    };\n  }, [referenceElement, popperElement, options.createPopper]);\n  return {\n    state: popperInstanceRef.current ? popperInstanceRef.current.state : null,\n    styles: state.styles,\n    attributes: state.attributes,\n    update: popperInstanceRef.current ? popperInstanceRef.current.update : null,\n    forceUpdate: popperInstanceRef.current ? popperInstanceRef.current.forceUpdate : null\n  };\n};"],"names":["createPopper","defaultCreatePopper"],"mappings":"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","x_google_ignoreList":[0]}

package/_internal/4bb19934.js

@@ -0,0 +1,4 @@
+const mdiPauseCircleOutline = 'M13 16V8h2v8zm-4 0V8h2v8zm3-14a10 10 0 0 1 10 10 10 10 0 0 1-10 10A10 10 0 0 1 2 12 10 10 0 0 1 12 2m0 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8';
+
+export { mdiPauseCircleOutline };
+//# sourceMappingURL=4bb19934.js.map

package/_internal/4bb19934.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"4bb19934.js","sources":["../../../lumx-icons/dist/esm/pause-circle-outline.js"],"sourcesContent":["export const mdiPauseCircleOutline = 'M13 16V8h2v8zm-4 0V8h2v8zm3-14a10 10 0 0 1 10 10 10 10 0 0 1-10 10A10 10 0 0 1 2 12 10 10 0 0 1 12 2m0 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8';"],"names":["mdiPauseCircleOutline"],"mappings":"AAAO,MAAMA,qBAAqB,GAAG;;;;"}

package/_internal/4c471276.js

@@ -0,0 +1,75 @@
+import classNames from 'classnames';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Size, Theme } from '@lumx/core/js/constants';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ProgressCircular';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  size: Size.m,
+  display: 'block'
+};
+
+/**
+ * ProgressCircularProps component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ProgressCircular = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    className,
+    theme = defaultTheme,
+    size = DEFAULT_PROPS.size,
+    display = DEFAULT_PROPS.display,
+    ...forwardedProps
+  } = props;
+  const Element = display === 'block' ? 'div' : 'span';
+  return /*#__PURE__*/jsxs(Element, {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      theme,
+      size,
+      display
+    })),
+    children: [/*#__PURE__*/jsx(Element, {
+      className: "lumx-progress-circular__double-bounce1"
+    }), /*#__PURE__*/jsx(Element, {
+      className: "lumx-progress-circular__double-bounce2"
+    }), /*#__PURE__*/jsx("svg", {
+      className: "lumx-progress-circular__svg",
+      viewBox: "25 25 50 50",
+      children: /*#__PURE__*/jsx("circle", {
+        className: "lumx-progress-circular__path",
+        cx: "50",
+        cy: "50",
+        r: "20",
+        fill: "none",
+        strokeWidth: "5"
+      })
+    })]
+  });
+});
+ProgressCircular.displayName = COMPONENT_NAME;
+ProgressCircular.className = CLASSNAME;
+ProgressCircular.defaultProps = DEFAULT_PROPS;
+
+export { ProgressCircular };
+//# sourceMappingURL=4c471276.js.map

package/_internal/4c471276.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"4c471276.js","sources":["../../src/components/progress/ProgressCircular.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Theme, Size } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Progress sizes.\n */\nexport type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressCircularProps extends GenericProps, HasTheme {\n    /**\n     * Progress circular size.\n     */\n    size?: ProgressCircularSize;\n    /**\n     * Progress display type (inline or block).\n     * @default 'block'\n     */\n    display?: 'inline' | 'block';\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressCircular';\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<ProgressCircularProps> = {\n    size: Size.m,\n    display: 'block',\n};\n\n/**\n * ProgressCircularProps component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressCircular = forwardRef<ProgressCircularProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        className,\n        theme = defaultTheme,\n        size = DEFAULT_PROPS.size,\n        display = DEFAULT_PROPS.display,\n        ...forwardedProps\n    } = props;\n    const Element = display === 'block' ? 'div' : 'span';\n\n    return (\n        <Element\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, size, display }))}\n        >\n            <Element className=\"lumx-progress-circular__double-bounce1\" />\n            <Element className=\"lumx-progress-circular__double-bounce2\" />\n\n            <svg className=\"lumx-progress-circular__svg\" viewBox=\"25 25 50 50\">\n                <circle className=\"lumx-progress-circular__path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" strokeWidth=\"5\" />\n            </svg>\n        </Element>\n    );\n});\nProgressCircular.displayName = COMPONENT_NAME;\nProgressCircular.className = CLASSNAME;\nProgressCircular.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","m","display","ProgressCircular","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","forwardedProps","Element","_jsxs","classNames","handleBasicClasses","prefix","children","_jsx","viewBox","cx","cy","r","fill","strokeWidth","displayName","defaultProps"],"mappings":";;;;;;;AA4BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,kBAAkB,CAAA;;AAEzC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAA6C,GAAG;EAClDC,IAAI,EAAEC,IAAI,CAACC,CAAC;AACZC,EAAAA,OAAO,EAAE,OAAA;AACb,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAGC,UAAU,CAAwC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9F,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFC,SAAS;AACTC,IAAAA,KAAK,GAAGL,YAAY;IACpBR,IAAI,GAAGD,aAAa,CAACC,IAAI;IACzBG,OAAO,GAAGJ,aAAa,CAACI,OAAO;IAC/B,GAAGW,cAAAA;AACP,GAAC,GAAGR,KAAK,CAAA;EACT,MAAMS,OAAO,GAAGZ,OAAO,KAAK,OAAO,GAAG,KAAK,GAAG,MAAM,CAAA;EAEpD,oBACIa,IAAA,CAACD,OAAO,EAAA;AACJR,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLO,cAAc;AAClBF,IAAAA,SAAS,EAAEK,UAAU,CAACL,SAAS,EAAEM,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEtB,SAAS;MAAEgB,KAAK;MAAEb,IAAI;AAAEG,MAAAA,OAAAA;AAAQ,KAAC,CAAC,CAAE;IAAAiB,QAAA,EAAA,cAElGC,GAAA,CAACN,OAAO,EAAA;AAACH,MAAAA,SAAS,EAAC,wCAAA;AAAwC,KAAE,CAAC,eAC9DS,GAAA,CAACN,OAAO,EAAA;AAACH,MAAAA,SAAS,EAAC,wCAAA;KAA0C,CAAC,eAE9DS,GAAA,CAAA,KAAA,EAAA;AAAKT,MAAAA,SAAS,EAAC,6BAA6B;AAACU,MAAAA,OAAO,EAAC,aAAa;AAAAF,MAAAA,QAAA,eAC9DC,GAAA,CAAA,QAAA,EAAA;AAAQT,QAAAA,SAAS,EAAC,8BAA8B;AAACW,QAAAA,EAAE,EAAC,IAAI;AAACC,QAAAA,EAAE,EAAC,IAAI;AAACC,QAAAA,CAAC,EAAC,IAAI;AAACC,QAAAA,IAAI,EAAC,MAAM;AAACC,QAAAA,WAAW,EAAC,GAAA;OAAK,CAAA;AAAC,KACrG,CAAC,CAAA;AAAA,GACD,CAAC,CAAA;AAElB,CAAC,EAAC;AACFvB,gBAAgB,CAACwB,WAAW,GAAGhC,cAAc,CAAA;AAC7CQ,gBAAgB,CAACQ,SAAS,GAAGf,SAAS,CAAA;AACtCO,gBAAgB,CAACyB,YAAY,GAAG9B,aAAa;;;;"}

package/_internal/4c891480.js

@@ -0,0 +1,111 @@
+import classNames from 'classnames';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { forwardRef } from './bd8b3ec8.js';
+import { useTheme } from './d8ee966d.js';
+import { ImageCaption } from './3996d544.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Alignment, Theme } from '@lumx/core/js/constants';
+import { Thumbnail } from './dbe906f1.js';
+
+const ImageBlockCaptionPosition = {
+  below: 'below',
+  over: 'over'
+};
+
+/**
+ *  Image block sizes.
+ */
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ImageBlock';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  captionPosition: ImageBlockCaptionPosition.below,
+  align: Alignment.left
+};
+
+/**
+ * ImageBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ImageBlock = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    actions,
+    align = DEFAULT_PROPS.align,
+    alt,
+    captionPosition = DEFAULT_PROPS.captionPosition,
+    captionStyle,
+    className,
+    description,
+    descriptionProps,
+    fillHeight,
+    image,
+    size,
+    tags,
+    theme = defaultTheme,
+    thumbnailProps,
+    title,
+    titleProps,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsxs("figure", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      captionPosition,
+      align,
+      size,
+      theme
+    }), fillHeight && `${CLASSNAME}--fill-height`),
+    children: [/*#__PURE__*/jsx(Thumbnail, {
+      ...thumbnailProps,
+      className: classNames(`${CLASSNAME}__image`, thumbnailProps?.className),
+      fillHeight: fillHeight,
+      align: align,
+      image: image,
+      size: size,
+      theme: theme,
+      alt: alt || title
+    }), /*#__PURE__*/jsx(ImageCaption, {
+      as: "figcaption",
+      baseClassName: CLASSNAME,
+      theme: theme,
+      title: title,
+      titleProps: titleProps,
+      description: description,
+      descriptionProps: descriptionProps,
+      tags: tags,
+      captionStyle: captionStyle,
+      align: align,
+      truncate: captionPosition === 'over'
+    }), actions && /*#__PURE__*/jsx("div", {
+      className: `${CLASSNAME}__actions`,
+      children: actions
+    })]
+  });
+});
+ImageBlock.displayName = COMPONENT_NAME;
+ImageBlock.className = CLASSNAME;
+ImageBlock.defaultProps = DEFAULT_PROPS;
+
+export { ImageBlock, ImageBlockCaptionPosition };
+//# sourceMappingURL=4c891480.js.map

package/_internal/4c891480.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"4c891480.js","sources":["../../src/components/image-block/ImageBlock.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment, HorizontalAlignment, Size, Theme, Thumbnail } from '@lumx/react';\n\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { ThumbnailProps } from '../thumbnail/Thumbnail';\nimport { ImageCaption, ImageCaptionMetadata } from './ImageCaption';\n\n/**\n * Image block variants.\n */\nexport const ImageBlockCaptionPosition = {\n    below: 'below',\n    over: 'over',\n} as const;\nexport type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;\n\n/**\n *  Image block sizes.\n */\nexport type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ImageBlockProps extends GenericProps, HasTheme, ImageCaptionMetadata {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Alignment. */\n    align?: HorizontalAlignment;\n    /** Image alternative text. */\n    alt: string;\n    /** Caption position. */\n    captionPosition?: ImageBlockCaptionPosition;\n    /** Whether the image has to fill its container height or not. */\n    fillHeight?: boolean;\n    /** Image URL. */\n    image: string;\n    /** Size variant. */\n    size?: ImageBlockSize;\n    /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */\n    thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight'>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ImageBlock';\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<ImageBlockProps> = {\n    captionPosition: ImageBlockCaptionPosition.below,\n    align: Alignment.left,\n};\n\n/**\n * ImageBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ImageBlock = forwardRef<ImageBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actions,\n        align = DEFAULT_PROPS.align,\n        alt,\n        captionPosition = DEFAULT_PROPS.captionPosition,\n        captionStyle,\n        className,\n        description,\n        descriptionProps,\n        fillHeight,\n        image,\n        size,\n        tags,\n        theme = defaultTheme,\n        thumbnailProps,\n        title,\n        titleProps,\n        ...forwardedProps\n    } = props;\n    return (\n        <figure\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    captionPosition,\n                    align,\n                    size,\n                    theme,\n                }),\n                fillHeight && `${CLASSNAME}--fill-height`,\n            )}\n        >\n            <Thumbnail\n                {...thumbnailProps}\n                className={classNames(`${CLASSNAME}__image`, thumbnailProps?.className)}\n                fillHeight={fillHeight}\n                align={align}\n                image={image}\n                size={size}\n                theme={theme}\n                alt={(alt || title) as string}\n            />\n            <ImageCaption\n                as=\"figcaption\"\n                baseClassName={CLASSNAME}\n                theme={theme}\n                title={title}\n                titleProps={titleProps}\n                description={description}\n                descriptionProps={descriptionProps}\n                tags={tags}\n                captionStyle={captionStyle}\n                align={align}\n                truncate={captionPosition === 'over'}\n            />\n            {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n        </figure>\n    );\n});\nImageBlock.displayName = COMPONENT_NAME;\nImageBlock.className = CLASSNAME;\nImageBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["ImageBlockCaptionPosition","below","over","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","captionPosition","align","Alignment","left","ImageBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","alt","captionStyle","className","description","descriptionProps","fillHeight","image","size","tags","theme","thumbnailProps","title","titleProps","forwardedProps","_jsxs","classNames","handleBasicClasses","prefix","children","_jsx","Thumbnail","ImageCaption","as","baseClassName","truncate","displayName","defaultProps"],"mappings":"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"}

package/_internal/4d540596.js

@@ -0,0 +1,131 @@
+import { useState, useRef, useEffect } from 'react';
+import { isHoverNotSupported } from './1ff933af.js';
+import { IS_BROWSER } from './6af61e2f.js';
+import { useCallbackOnEscape } from './91f36a80.js';
+import { isFocusVisible } from './5745f198.js';
+import { TOOLTIP_LONG_PRESS_DELAY, TOOLTIP_HOVER_DELAY } from '@lumx/core/js/constants';
+
+/**
+ * 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 = isHoverNotSupported();
+    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 = (overrideDelay = 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
+  };
+}
+
+export { useTooltipOpen };
+//# sourceMappingURL=4d540596.js.map

package/_internal/4d540596.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"4d540596.js","sources":["../../src/components/tooltip/useTooltipOpen.tsx"],"sourcesContent":["import { MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { isHoverNotSupported } from '@lumx/react/utils/browser/isHoverNotSupported';\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/browser/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 = isHoverNotSupported();\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"],"names":["useTooltipOpen","delay","anchorElement","isOpen","setIsOpen","useState","onPopperMount","useRef","closeCallback","setCloseCallback","undefined","useCallbackOnEscape","useEffect","timer","openStartTime","shouldOpen","deferUpdate","duration","clearTimeout","update","IS_BROWSER","setTimeout","hoverNotSupported","isHoverNotSupported","hasTouch","window","openDelay","TOOLTIP_LONG_PRESS_DELAY","open","TOOLTIP_HOVER_DELAY","closeDelay","close","Date","now","getClose","overrideDelay","closeImmediately","events","longPressEnd","evt","stopPropagation","preventDefault","focus","push","current","popperElement","addEventListener","e","isFocusVisible","target","node","eventType","eventHandler","removeEventListener"],"mappings":"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"}