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

package/_internal/62c6c615.js

@@ -0,0 +1,280 @@
+import { useMemo, useRef } from 'react';
+import classNames from 'classnames';
+import useEventCallback from './a7abe967.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { clamp } from './c3ccd387.js';
+import { useId } from './11687649.js';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { useDisableStateProps } from './ef982c3d.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Theme } from '@lumx/core/js/constants';
+import { InputLabel } from './26a92990.js';
+import { InputHelper } from './3119c1fe.js';
+
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Slider';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  precision: 0,
+  steps: 0
+};
+
+/**
+ * Convert a percent value to a value in range min - max.
+ *
+ * @param percent   Value to convert.
+ * @param min       Minimum value.
+ * @param max       Maximum value.
+ * @param precision Precision.
+ * @return Value in range min - max
+ */
+const computeValueFromPercent = (percent, min, max, precision = 0) => Number((min + percent * (max - min)).toFixed(precision));
+
+/**
+ * Convert a value in range min - max to a percent value.
+ *
+ * @param value Value to convert.
+ * @param min   Minimum value.
+ * @param max   Maximum value.
+ * @return Value in percent
+ */
+const computePercentFromValue = (value, min, max) => Number((value - min) / (max - min));
+
+/**
+ * Slider component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Slider = forwardRef((props, ref) => {
+  const {
+    isAnyDisabled,
+    disabledStateProps,
+    otherProps
+  } = useDisableStateProps(props);
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    className,
+    helper,
+    hideMinMaxLabel,
+    id,
+    label,
+    max,
+    min,
+    name,
+    onChange,
+    onMouseDown,
+    precision = DEFAULT_PROPS.precision,
+    steps = DEFAULT_PROPS.steps,
+    theme = defaultTheme,
+    value,
+    ...forwardedProps
+  } = otherProps;
+  const generatedId = useId();
+  const sliderId = id || generatedId;
+  const sliderLabelId = useMemo(() => `label-${sliderId}`, [sliderId]);
+  const sliderRef = useRef(null);
+
+  // build a lookup array for the steps.
+  const availableSteps = useMemo(() => {
+    if (!steps) return [];
+    const available = [0];
+    const percentStep = 1 / ((max - min) / steps);
+    let ptr = 0;
+    while (ptr + percentStep < 1) {
+      ptr += percentStep;
+      available.push(ptr);
+    }
+    return available;
+  }, [steps, min, max]);
+
+  /**
+   * Try to find the closest step to the current slider position.
+   *
+   * @param percentValue Reference value
+   * @return The closest step value
+   */
+  const findClosestStep = percentValue => {
+    const closest = availableSteps.reduce((acc, step) => {
+      const aDst = Math.abs(percentValue - step);
+      if (aDst < acc.dst) {
+        return {
+          dst: aDst,
+          val: step
+        };
+      }
+      return acc;
+    }, {
+      dst: Infinity,
+      val: -1
+    });
+    return closest.val;
+  };
+
+  /**
+   * Convert slider's handle position to percent.
+   *
+   * @param event The interaction event
+   * @param slider the slider element
+   * @return The computed percent value
+   */
+  const getPercentValue = (event, slider) => {
+    const {
+      width,
+      left
+    } = slider.getBoundingClientRect();
+    let percent = (event.pageX - left - window.pageXOffset) / width;
+    percent = clamp(percent, 0, 1);
+    if (steps) {
+      percent = findClosestStep(percent);
+    }
+    return percent;
+  };
+
+  /**
+   * Register a handler for the mouse move event.
+   */
+  const handleMove = useEventCallback(event => {
+    const {
+      current: slider
+    } = sliderRef;
+    if (!slider || !onChange) return;
+    const newValue = getPercentValue(event, slider);
+    onChange(computeValueFromPercent(newValue, min, max, precision), name, event);
+  });
+
+  /**
+   * Register a handler for the mouse up event.
+   * Clean a all listeners.
+   */
+  const handleEnd = useEventCallback(() => {
+    document.body.removeEventListener('mousemove', handleMove);
+    document.body.removeEventListener('mouseup', handleEnd);
+    document.body.removeEventListener('touchmove', handleMove);
+    document.body.removeEventListener('touchend', handleEnd);
+  });
+
+  /**
+   * Move to the next or previous value (i.e. + or - 10%) or next step
+   * @param previous Should seek the previous value.
+   */
+  const hopToValue = (previous = false) => {
+    const oldPercent = computePercentFromValue(value, min, max);
+    let percent = clamp(oldPercent + (previous ? -0.1 : 0.1), 0, 1);
+    if (steps) {
+      percent = oldPercent + availableSteps[1] * (previous ? -1 : 1);
+      percent = findClosestStep(percent);
+    }
+    if (onChange) {
+      onChange(computeValueFromPercent(percent, min, max, precision), name);
+    }
+  };
+
+  /**
+   * Register a handler for keyboard interactions
+   */
+  const handleKeyDown = useEventCallback(event => {
+    if (event.key === 'ArrowRight') {
+      hopToValue();
+    } else if (event.key === 'ArrowLeft') {
+      hopToValue(true);
+    }
+  });
+
+  /**
+   * Register a handler for the mouseDown event.
+   */
+  const handleMouseDown = useEventCallback(event => {
+    onMouseDown?.(event);
+    const {
+      current: slider
+    } = sliderRef;
+    if (isAnyDisabled || !slider) return;
+    const newValue = getPercentValue(event, slider);
+    if (onChange) {
+      onChange(computeValueFromPercent(newValue, min, max, precision), name, event);
+    }
+    document.body.addEventListener('mousemove', handleMove);
+    document.body.addEventListener('mouseup', handleEnd);
+  });
+  const percentString = `${computePercentFromValue(value, min, max) * 100}%`;
+  return /*#__PURE__*/jsxs("div", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      theme,
+      hasLabel: Boolean(label)
+    })),
+    onMouseDown: handleMouseDown,
+    children: [label && /*#__PURE__*/jsx(InputLabel, {
+      id: sliderLabelId,
+      htmlFor: sliderId,
+      className: `${CLASSNAME}__label`,
+      theme: theme,
+      children: label
+    }), helper && /*#__PURE__*/jsx(InputHelper, {
+      className: `${CLASSNAME}__helper`,
+      theme: theme,
+      children: helper
+    }), /*#__PURE__*/jsxs("div", {
+      className: `${CLASSNAME}__ui-wrapper`,
+      children: [!hideMinMaxLabel && /*#__PURE__*/jsx("span", {
+        className: `${CLASSNAME}__value-label ${CLASSNAME}__value-label--min`,
+        children: min
+      }), /*#__PURE__*/jsxs("div", {
+        className: `${CLASSNAME}__wrapper`,
+        ref: sliderRef,
+        children: [/*#__PURE__*/jsx("div", {
+          className: `${CLASSNAME}__track ${CLASSNAME}__track--background`
+        }), /*#__PURE__*/jsx("div", {
+          className: `${CLASSNAME}__track ${CLASSNAME}__track--active`,
+          style: {
+            width: percentString
+          }
+        }), steps ? /*#__PURE__*/jsx("div", {
+          className: `${CLASSNAME}__ticks`,
+          children: availableSteps.map((step, idx) => /*#__PURE__*/jsx("div", {
+            className: `${CLASSNAME}__tick`,
+            style: {
+              left: `${step * 100}%`
+            }
+          }, `tick_${idx}`))
+        }) : null, /*#__PURE__*/jsx("button", {
+          type: "button",
+          "aria-labelledby": sliderLabelId,
+          name: name,
+          id: sliderId,
+          className: `${CLASSNAME}__handle`,
+          style: {
+            left: percentString
+          },
+          onKeyDown: isAnyDisabled ? undefined : handleKeyDown,
+          ...disabledStateProps
+        })]
+      }), !hideMinMaxLabel && /*#__PURE__*/jsx("span", {
+        className: `${CLASSNAME}__value-label ${CLASSNAME}__value-label--max`,
+        children: max
+      })]
+    })]
+  });
+});
+Slider.displayName = COMPONENT_NAME;
+Slider.className = CLASSNAME;
+Slider.defaultProps = DEFAULT_PROPS;
+
+export { Slider };
+//# sourceMappingURL=62c6c615.js.map

package/_internal/62c6c615.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"62c6c615.js","sources":["../../src/components/slider/Slider.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport { SyntheticEvent, useMemo, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { InputHelper, InputLabel, Theme } from '@lumx/react';\nimport useEventCallback from '@lumx/react/hooks/useEventCallback';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { clamp } from '@lumx/react/utils/number/clamp';\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';\n\n/**\n * Defines the props of the component.\n */\nexport interface SliderProps extends GenericProps, HasTheme {\n    /** Helper text. */\n    helper?: string;\n    /** Whether the min and max labels should be hidden or not. */\n    hideMinMaxLabel?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Label text. */\n    label?: string;\n    /** Maximum value on the range. */\n    max: number;\n    /** Minimum value of the range. */\n    min: number;\n    /** Native input name property. */\n    name?: string;\n    /** Number of digits in the fractional part of the selected value. */\n    precision?: number;\n    /** Range step value. */\n    steps?: number;\n    /** Selected ranged value. */\n    value: number;\n    /** On change callback. */\n    onChange(value: number, name?: string, event?: SyntheticEvent): void;\n    /** On click callback. */\n    onMouseDown?(event: React.SyntheticEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Slider';\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<SliderProps> = {\n    precision: 0,\n    steps: 0,\n};\n\n/**\n * Convert a percent value to a value in range min - max.\n *\n * @param percent   Value to convert.\n * @param min       Minimum value.\n * @param max       Maximum value.\n * @param precision Precision.\n * @return Value in range min - max\n */\nconst computeValueFromPercent = (percent: number, min: number, max: number, precision = 0): number =>\n    Number((min + percent * (max - min)).toFixed(precision));\n\n/**\n * Convert a value in range min - max to a percent value.\n *\n * @param value Value to convert.\n * @param min   Minimum value.\n * @param max   Maximum value.\n * @return Value in percent\n */\nconst computePercentFromValue = (value: number, min: number, max: number): number =>\n    Number((value - min) / (max - min));\n\n/**\n * Slider component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Slider = forwardRef<SliderProps, HTMLDivElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        className,\n        helper,\n        hideMinMaxLabel,\n        id,\n        label,\n        max,\n        min,\n        name,\n        onChange,\n        onMouseDown,\n        precision = DEFAULT_PROPS.precision,\n        steps = DEFAULT_PROPS.steps,\n        theme = defaultTheme,\n        value,\n        ...forwardedProps\n    } = otherProps;\n    const generatedId = useId();\n    const sliderId = id || generatedId;\n    const sliderLabelId = useMemo(() => `label-${sliderId}`, [sliderId]);\n    const sliderRef = useRef<HTMLDivElement>(null);\n\n    // build a lookup array for the steps.\n    const availableSteps = useMemo((): number[] => {\n        if (!steps) return [];\n\n        const available = [0];\n        const percentStep = 1 / ((max - min) / steps);\n        let ptr = 0;\n        while (ptr + percentStep < 1) {\n            ptr += percentStep;\n            available.push(ptr);\n        }\n        return available;\n    }, [steps, min, max]);\n\n    /**\n     * Try to find the closest step to the current slider position.\n     *\n     * @param percentValue Reference value\n     * @return The closest step value\n     */\n    const findClosestStep = (percentValue: number): number => {\n        const closest = availableSteps.reduce(\n            (acc, step) => {\n                const aDst = Math.abs(percentValue - step);\n                if (aDst < acc.dst) {\n                    return { dst: aDst, val: step };\n                }\n                return acc;\n            },\n            { dst: Infinity, val: -1 },\n        );\n        return closest.val;\n    };\n\n    /**\n     * Convert slider's handle position to percent.\n     *\n     * @param event The interaction event\n     * @param slider the slider element\n     * @return The computed percent value\n     */\n    const getPercentValue = (event: React.MouseEvent, slider: HTMLDivElement): number => {\n        const { width, left } = slider.getBoundingClientRect();\n        let percent = (event.pageX - left - window.pageXOffset) / width;\n        percent = clamp(percent, 0, 1);\n        if (steps) {\n            percent = findClosestStep(percent);\n        }\n        return percent;\n    };\n\n    /**\n     * Register a handler for the mouse move event.\n     */\n    const handleMove = useEventCallback((event: React.MouseEvent) => {\n        const { current: slider } = sliderRef;\n        if (!slider || !onChange) return;\n        const newValue = getPercentValue(event, slider);\n        onChange(computeValueFromPercent(newValue, min, max, precision), name, event);\n    });\n\n    /**\n     * Register a handler for the mouse up event.\n     * Clean a all listeners.\n     */\n    const handleEnd = useEventCallback(() => {\n        document.body.removeEventListener('mousemove', handleMove);\n        document.body.removeEventListener('mouseup', handleEnd);\n        document.body.removeEventListener('touchmove', handleMove);\n        document.body.removeEventListener('touchend', handleEnd);\n    });\n\n    /**\n     * Move to the next or previous value (i.e. + or - 10%) or next step\n     * @param previous Should seek the previous value.\n     */\n    const hopToValue = (previous = false) => {\n        const oldPercent = computePercentFromValue(value, min, max);\n        let percent = clamp(oldPercent + (previous ? -0.1 : 0.1), 0, 1);\n        if (steps) {\n            percent = oldPercent + availableSteps[1] * (previous ? -1 : 1);\n            percent = findClosestStep(percent);\n        }\n        if (onChange) {\n            onChange(computeValueFromPercent(percent, min, max, precision), name);\n        }\n    };\n\n    /**\n     * Register a handler for keyboard interactions\n     */\n    const handleKeyDown = useEventCallback((event: React.KeyboardEvent) => {\n        if (event.key === 'ArrowRight') {\n            hopToValue();\n        } else if (event.key === 'ArrowLeft') {\n            hopToValue(true);\n        }\n    });\n\n    /**\n     * Register a handler for the mouseDown event.\n     */\n    const handleMouseDown = useEventCallback((event: React.MouseEvent) => {\n        onMouseDown?.(event);\n\n        const { current: slider } = sliderRef;\n        if (isAnyDisabled || !slider) return;\n        const newValue = getPercentValue(event, slider);\n        if (onChange) {\n            onChange(computeValueFromPercent(newValue, min, max, precision), name, event);\n        }\n\n        document.body.addEventListener('mousemove', handleMove);\n        document.body.addEventListener('mouseup', handleEnd);\n    });\n\n    const percentString = `${computePercentFromValue(value, min, max) * 100}%`;\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({ prefix: CLASSNAME, theme, hasLabel: Boolean(label) }),\n            )}\n            onMouseDown={handleMouseDown}\n        >\n            {label && (\n                <InputLabel id={sliderLabelId} htmlFor={sliderId} className={`${CLASSNAME}__label`} theme={theme}>\n                    {label}\n                </InputLabel>\n            )}\n\n            {helper && (\n                <InputHelper className={`${CLASSNAME}__helper`} theme={theme}>\n                    {helper}\n                </InputHelper>\n            )}\n\n            <div className={`${CLASSNAME}__ui-wrapper`}>\n                {!hideMinMaxLabel && (\n                    <span className={`${CLASSNAME}__value-label ${CLASSNAME}__value-label--min`}>{min}</span>\n                )}\n                <div className={`${CLASSNAME}__wrapper`} ref={sliderRef}>\n                    <div className={`${CLASSNAME}__track ${CLASSNAME}__track--background`} />\n                    <div\n                        className={`${CLASSNAME}__track ${CLASSNAME}__track--active`}\n                        style={{ width: percentString }}\n                    />\n                    {steps ? (\n                        <div className={`${CLASSNAME}__ticks`}>\n                            {availableSteps.map((step, idx) => (\n                                <div\n                                    key={`tick_${idx}`}\n                                    className={`${CLASSNAME}__tick`}\n                                    style={{ left: `${step * 100}%` }}\n                                />\n                            ))}\n                        </div>\n                    ) : null}\n                    <button\n                        type=\"button\"\n                        aria-labelledby={sliderLabelId}\n                        name={name}\n                        id={sliderId}\n                        className={`${CLASSNAME}__handle`}\n                        style={{ left: percentString }}\n                        onKeyDown={isAnyDisabled ? undefined : handleKeyDown}\n                        {...disabledStateProps}\n                    />\n                </div>\n                {!hideMinMaxLabel && (\n                    <span className={`${CLASSNAME}__value-label ${CLASSNAME}__value-label--max`}>{max}</span>\n                )}\n            </div>\n        </div>\n    );\n});\nSlider.displayName = COMPONENT_NAME;\nSlider.className = CLASSNAME;\nSlider.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","precision","steps","computeValueFromPercent","percent","min","max","Number","toFixed","computePercentFromValue","value","Slider","forwardRef","props","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","className","helper","hideMinMaxLabel","id","label","name","onChange","onMouseDown","theme","forwardedProps","generatedId","useId","sliderId","sliderLabelId","useMemo","sliderRef","useRef","availableSteps","available","percentStep","ptr","push","findClosestStep","percentValue","closest","reduce","acc","step","aDst","Math","abs","dst","val","Infinity","getPercentValue","event","slider","width","left","getBoundingClientRect","pageX","window","pageXOffset","clamp","handleMove","useEventCallback","current","newValue","handleEnd","document","body","removeEventListener","hopToValue","previous","oldPercent","handleKeyDown","key","handleMouseDown","addEventListener","percentString","_jsxs","classNames","handleBasicClasses","prefix","hasLabel","Boolean","children","_jsx","InputLabel","htmlFor","InputHelper","style","map","idx","type","onKeyDown","undefined","displayName","defaultProps"],"mappings":"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"}

package/_internal/6417ddb1.js

@@ -0,0 +1,24 @@
+import { useLayoutEffect } from 'react';
+
+/**
+ * Helper component using useLayoutEffect to trigger a callback on before unmount.
+ *
+ * The callback must be wrapped in a React ref to avoid updating the `useLayoutEffect` before the un-mount
+ */
+const OnBeforeUnmount = ({
+  callbackRef
+}) => {
+  useLayoutEffect(() => {
+    return () => {
+      // On unmount
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      callbackRef.current?.();
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  return null;
+};
+
+export { OnBeforeUnmount };
+//# sourceMappingURL=6417ddb1.js.map

package/_internal/6417ddb1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"6417ddb1.js","sources":["../../src/utils/react/OnBeforeUnmount.tsx"],"sourcesContent":["import { useLayoutEffect } from 'react';\n\n/**\n * Helper component using useLayoutEffect to trigger a callback on before unmount.\n *\n * The callback must be wrapped in a React ref to avoid updating the `useLayoutEffect` before the un-mount\n */\nexport const OnBeforeUnmount = ({ callbackRef }: { callbackRef: React.RefObject<(() => void) | undefined> }) => {\n    useLayoutEffect(\n        () => {\n            return () => {\n                // On unmount\n                // eslint-disable-next-line react-hooks/exhaustive-deps\n                callbackRef.current?.();\n            };\n        }, // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n    return null;\n};\n"],"names":["OnBeforeUnmount","callbackRef","useLayoutEffect","current"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACO,MAAMA,eAAe,GAAGA,CAAC;AAAEC,EAAAA,WAAAA;AAAwE,CAAC,KAAK;AAC5GC,EAAAA,eAAe,CACX,MAAM;AACF,IAAA,OAAO,MAAM;AACT;AACA;MACAD,WAAW,CAACE,OAAO,IAAI,CAAA;KAC1B,CAAA;GACJ;AAAE;AACH,EAAA,EACJ,CAAC,CAAA;AACD,EAAA,OAAO,IAAI,CAAA;AACf;;;;"}

package/_internal/658e09de.js

@@ -0,0 +1,7 @@
+/**
+ * Check if given date is valid.
+ */
+const isDateValid = date => date instanceof Date && !Number.isNaN(date.getTime());
+
+export { isDateValid };
+//# sourceMappingURL=658e09de.js.map

package/_internal/658e09de.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"658e09de.js","sources":["../../src/utils/date/isDateValid.ts"],"sourcesContent":["/**\n * Check if given date is valid.\n */\nexport const isDateValid = (date?: Date) => date instanceof Date && !Number.isNaN(date.getTime());\n"],"names":["isDateValid","date","Date","Number","isNaN","getTime"],"mappings":"AAAA;AACA;AACA;MACaA,WAAW,GAAIC,IAAW,IAAKA,IAAI,YAAYC,IAAI,IAAI,CAACC,MAAM,CAACC,KAAK,CAACH,IAAI,CAACI,OAAO,EAAE;;;;"}

package/_internal/659a1cdd.js

@@ -0,0 +1,144 @@
+import React__default, { useState } from 'react';
+import classNames from 'classnames';
+import { DOCUMENT, VISUALLY_HIDDEN } from './6af61e2f.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { useMergeRefs } from './27df0cb6.js';
+import { TooltipContextProvider } from './841c2303.js';
+import { useId } from './11687649.js';
+import { usePopper } from './094c811d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { TOOLTIP_ZINDEX } from './0e16222d.js';
+import { useInjectTooltipRef } from './2291b633.js';
+import { useTooltipOpen } from './4d540596.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Placement } from './9d063548.js';
+import { Portal } from './38ac8c66.js';
+
+/* eslint-disable react-hooks/rules-of-hooks */
+/**
+ * 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) => {
+  const {
+    label,
+    children,
+    className,
+    delay,
+    placement = DEFAULT_PROPS.placement,
+    forceOpen,
+    closeMode = DEFAULT_PROPS.closeMode,
+    ariaLinkMode = DEFAULT_PROPS.ariaLinkMode,
+    zIndex = DEFAULT_PROPS.zIndex,
+    ...forwardedProps
+  } = props;
+  // Disable in SSR.
+  if (!DOCUMENT) {
+    return /*#__PURE__*/jsx(Fragment, {
+      children: 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?.['data-popper-placement'] ?? 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 || popperElement) update?.();
+  }, [isOpen, update, popperElement]);
+  const labelLines = label ? label.split('\n') : [];
+  const tooltipRef = useMergeRefs(ref, setPopperElement, onPopperMount);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(TooltipContextProvider, {
+      children: wrappedChildren
+    }), isMounted && /*#__PURE__*/jsx(Portal, {
+      children: /*#__PURE__*/jsxs("div", {
+        ref: tooltipRef,
+        ...forwardedProps,
+        id: id,
+        role: "tooltip",
+        className: classNames(className, handleBasicClasses({
+          prefix: CLASSNAME,
+          position,
+          isInitializing: !styles.popper?.transform
+        }), isHidden && VISUALLY_HIDDEN),
+        style: {
+          ...(isHidden ? undefined : styles.popper),
+          zIndex
+        },
+        ...attributes.popper,
+        children: [/*#__PURE__*/jsx("div", {
+          className: `${CLASSNAME}__arrow`
+        }), /*#__PURE__*/jsx("div", {
+          className: `${CLASSNAME}__inner`,
+          children: labelLines.map(line => /*#__PURE__*/jsx("p", {
+            children: line
+          }, line))
+        })]
+      })
+    })]
+  });
+});
+Tooltip.displayName = COMPONENT_NAME;
+Tooltip.className = CLASSNAME;
+Tooltip.defaultProps = DEFAULT_PROPS;
+
+export { Tooltip };
+//# sourceMappingURL=659a1cdd.js.map

package/_internal/659a1cdd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"659a1cdd.js","sources":["../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { ReactNode, useState } from 'react';\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/core/js/utils/className';\nimport { useMergeRefs } from '@lumx/react/utils/react/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 { Portal } from '@lumx/react/utils';\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 = DEFAULT_PROPS.placement,\n        forceOpen,\n        closeMode = DEFAULT_PROPS.closeMode,\n        ariaLinkMode = DEFAULT_PROPS.ariaLinkMode,\n        zIndex = DEFAULT_PROPS.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 || popperElement) update?.();\n    }, [isOpen, update, popperElement]);\n\n    const labelLines = label ? label.split('\\n') : [];\n\n    const tooltipRef = useMergeRefs(ref, setPopperElement, onPopperMount);\n\n    return (\n        <>\n            <TooltipContextProvider>{wrappedChildren}</TooltipContextProvider>\n            {isMounted && (\n                <Portal>\n                    <div\n                        ref={tooltipRef}\n                        {...forwardedProps}\n                        id={id}\n                        role=\"tooltip\"\n                        className={classNames(\n                            className,\n                            handleBasicClasses({\n                                prefix: CLASSNAME,\n                                position,\n                                isInitializing: !styles.popper?.transform,\n                            }),\n                            isHidden && VISUALLY_HIDDEN,\n                        )}\n                        style={{ ...(isHidden ? undefined : 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                </Portal>\n            )}\n        </>\n    );\n});\nTooltip.displayName = COMPONENT_NAME;\nTooltip.className = CLASSNAME;\nTooltip.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","placement","Placement","BOTTOM","closeMode","ariaLinkMode","zIndex","TOOLTIP_ZINDEX","ARROW_SIZE","Tooltip","forwardRef","props","ref","label","children","className","delay","forceOpen","forwardedProps","DOCUMENT","_jsx","_Fragment","id","useId","popperElement","setPopperElement","useState","anchorElement","setAnchorElement","styles","attributes","update","usePopper","modifiers","name","options","offset","position","popper","isOpen","isActivated","onPopperMount","useTooltipOpen","isMounted","isHidden","wrappedChildren","useInjectTooltipRef","React","useEffect","labelLines","split","tooltipRef","useMergeRefs","_jsxs","TooltipContextProvider","Portal","role","classNames","handleBasicClasses","prefix","isInitializing","transform","VISUALLY_HIDDEN","style","undefined","map","line","displayName","defaultProps"],"mappings":"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"}

package/_internal/6671d28b.js

@@ -0,0 +1,40 @@
+import classNames from 'classnames';
+import { getRootClassName } from '@lumx/core/js/utils/className';
+import { forwardRef } from './bd8b3ec8.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'TableBody';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME, true);
+
+/**
+ * TableBody component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const TableBody = forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsx("tbody", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, CLASSNAME),
+    children: children
+  });
+});
+TableBody.displayName = COMPONENT_NAME;
+TableBody.className = CLASSNAME;
+
+export { TableBody };
+//# sourceMappingURL=6671d28b.js.map

package/_internal/6671d28b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"6671d28b.js","sources":["../../src/components/table/TableBody.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableBodyProps extends GenericProps {\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableBody';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * TableBody component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TableBody = forwardRef<TableBodyProps, HTMLTableSectionElement>((props, ref) => {\n    const { children, className, ...forwardedProps } = props;\n\n    return (\n        <tbody ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            {children}\n        </tbody>\n    );\n});\nTableBody.displayName = COMPONENT_NAME;\nTableBody.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","TableBody","forwardRef","props","ref","children","className","forwardedProps","_jsx","classNames","displayName"],"mappings":";;;;;AAcA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,WAAW,CAAA;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,EAAE,IAAI,CAAC,CAAA;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,SAAS,GAAGC,UAAU,CAA0C,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzF,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGJ,KAAK,CAAA;AAExD,EAAA,oBACIK,GAAA,CAAA,OAAA,EAAA;AAAOJ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKG,cAAc;AAAED,IAAAA,SAAS,EAAEG,UAAU,CAACH,SAAS,EAAEP,SAAS,CAAE;AAAAM,IAAAA,QAAA,EAC5EA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFJ,SAAS,CAACS,WAAW,GAAGZ,cAAc,CAAA;AACtCG,SAAS,CAACK,SAAS,GAAGP,SAAS;;;;"}

package/_internal/66950686.js

@@ -0,0 +1,14 @@
+import getWindow from './a0a42aca.js';
+
+function getWindowScroll(node) {
+  var win = getWindow(node);
+  var scrollLeft = win.pageXOffset;
+  var scrollTop = win.pageYOffset;
+  return {
+    scrollLeft: scrollLeft,
+    scrollTop: scrollTop
+  };
+}
+
+export { getWindowScroll as default };
+//# sourceMappingURL=66950686.js.map

package/_internal/66950686.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"66950686.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js"],"sourcesContent":["import getWindow from \"./getWindow.js\";\nexport default function getWindowScroll(node) {\n  var win = getWindow(node);\n  var scrollLeft = win.pageXOffset;\n  var scrollTop = win.pageYOffset;\n  return {\n    scrollLeft: scrollLeft,\n    scrollTop: scrollTop\n  };\n}"],"names":[],"mappings":";;AACe,SAAS,eAAe,CAAC,IAAI,EAAE;AAC9C,EAAE,IAAI,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AAC5B,EAAE,IAAI,UAAU,GAAG,GAAG,CAAC,WAAW,CAAC;AACnC,EAAE,IAAI,SAAS,GAAG,GAAG,CAAC,WAAW,CAAC;AAClC,EAAE,OAAO;AACT,IAAI,UAAU,EAAE,UAAU;AAC1B,IAAI,SAAS,EAAE,SAAS;AACxB,GAAG,CAAC;AACJ;;;;","x_google_ignoreList":[0]}

package/_internal/671b986c.js

@@ -0,0 +1,14 @@
+import getComputedStyle from './ff96951d.js';
+
+function isScrollParent(element) {
+  // Firefox wants us to check `-x` and `-y` variations as well
+  var _getComputedStyle = getComputedStyle(element),
+      overflow = _getComputedStyle.overflow,
+      overflowX = _getComputedStyle.overflowX,
+      overflowY = _getComputedStyle.overflowY;
+
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+}
+
+export { isScrollParent as default };
+//# sourceMappingURL=671b986c.js.map

package/_internal/671b986c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"671b986c.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js"],"sourcesContent":["import getComputedStyle from \"./getComputedStyle.js\";\nexport default function isScrollParent(element) {\n  // Firefox wants us to check `-x` and `-y` variations as well\n  var _getComputedStyle = getComputedStyle(element),\n      overflow = _getComputedStyle.overflow,\n      overflowX = _getComputedStyle.overflowX,\n      overflowY = _getComputedStyle.overflowY;\n\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}"],"names":[],"mappings":";;AACe,SAAS,cAAc,CAAC,OAAO,EAAE;AAChD;AACA,EAAE,IAAI,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACnD,MAAM,QAAQ,GAAG,iBAAiB,CAAC,QAAQ;AAC3C,MAAM,SAAS,GAAG,iBAAiB,CAAC,SAAS;AAC7C,MAAM,SAAS,GAAG,iBAAiB,CAAC,SAAS,CAAC;AAC9C;AACA,EAAE,OAAO,4BAA4B,CAAC,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAC7E;;;;","x_google_ignoreList":[0]}