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

package/_internal/components/slider/index.ts-24a0d598.d.ts

@@ -1,52 +0,0 @@
-import { G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
-import React, { SyntheticEvent } from 'react';
-
-/**
- * Defines the props of the component.
- */
-interface SliderProps extends GenericProps, HasTheme {
-    /** Helper text. */
-    helper?: string;
-    /** Whether the min and max labels should be hidden or not. */
-    hideMinMaxLabel?: boolean;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
-    /** Label text. */
-    label?: string;
-    /** Maximum value on the range. */
-    max: number;
-    /** Minimum value of the range. */
-    min: number;
-    /** Native input name property. */
-    name?: string;
-    /** Number of digits in the fractional part of the selected value. */
-    precision?: number;
-    /** Range step value. */
-    steps?: number;
-    /** Selected ranged value. */
-    value: number;
-    /** On change callback. */
-    onChange(value: number, name?: string, event?: SyntheticEvent): void;
-    /** On click callback. */
-    onMouseDown?(event: React.SyntheticEvent): void;
-}
-/**
- * Slider component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Slider: Comp<SliderProps, HTMLDivElement>;
-
-/**
- * Clamp value in range.
- *
- * @param value Value to clamp.
- * @param min   Minimum value.
- * @param max   Maximum value.
- * @return Clamped value.
- */
-declare const clamp: (value: number, min: number, max: number) => number;
-
-export { Slider, type SliderProps, clamp };

package/_internal/components/slider/index.ts-72aadf4c.js

@@ -1,308 +0,0 @@
-import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
-import React__default, { useMemo, useRef } from 'react';
-import { u as useId } from '../../3a1facc0.js';
-import { u as useTheme } from '../../3181f000.js';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-import { InputLabel } from '../input-label/index.ts-d6ca5569.js';
-import { InputHelper } from '../input-helper/index.ts-ab3a1ef5.js';
-
-const useEnhancedEffect = typeof window !== 'undefined' ? React__default.useLayoutEffect : React__default.useEffect;
-
-/**
- * https://github.com/facebook/react/issues/14099#issuecomment-440013892
- *
- * @param fn A function to run
- * @return A React callback
- */
-function useEventCallback(fn) {
-  const ref = React__default.useRef(fn);
-  useEnhancedEffect(() => {
-    ref.current = fn;
-  });
-  return React__default.useCallback(event => ref.current(event), []);
-}
-
-/**
- * Clamp value in range.
- *
- * @param value Value to clamp.
- * @param min   Minimum value.
- * @param max   Maximum value.
- * @return Clamped value.
- */
-const clamp = (value, min, max) => {
-  if (value < min) {
-    return min;
-  }
-  if (value > max) {
-    return max;
-  }
-  return value;
-};
-
-const _excluded = ["className", "disabled", "helper", "hideMinMaxLabel", "id", "isDisabled", "label", "max", "min", "name", "onChange", "onMouseDown", "precision", "steps", "theme", "value"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * 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 = function (percent, min, max) {
-  let precision = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  return 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 defaultTheme = useTheme() || Theme.light;
-  const {
-      className,
-      disabled,
-      helper,
-      hideMinMaxLabel,
-      id,
-      isDisabled = disabled,
-      label,
-      max,
-      min,
-      name,
-      onChange,
-      onMouseDown,
-      precision,
-      steps,
-      theme = defaultTheme,
-      value
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  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 = function () {
-    let previous = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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 === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
-    const {
-      current: slider
-    } = sliderRef;
-    if (isDisabled || !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__*/React__default.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      theme,
-      hasLabel: Boolean(label)
-    })),
-    onMouseDown: handleMouseDown,
-    "aria-disabled": isDisabled
-  }), label && /*#__PURE__*/React__default.createElement(InputLabel, {
-    id: sliderLabelId,
-    htmlFor: sliderId,
-    className: `${CLASSNAME}__label`,
-    theme: theme
-  }, label), helper && /*#__PURE__*/React__default.createElement(InputHelper, {
-    className: `${CLASSNAME}__helper`,
-    theme: theme
-  }, helper), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__ui-wrapper`
-  }, !hideMinMaxLabel && /*#__PURE__*/React__default.createElement("span", {
-    className: `${CLASSNAME}__value-label ${CLASSNAME}__value-label--min`
-  }, min), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__wrapper`,
-    ref: sliderRef
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__track ${CLASSNAME}__track--background`
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__track ${CLASSNAME}__track--active`,
-    style: {
-      width: percentString
-    }
-  }), steps ? /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__ticks`
-  }, availableSteps.map((step, idx) => /*#__PURE__*/React__default.createElement("div", {
-    key: `tick_${idx}`,
-    className: `${CLASSNAME}__tick`,
-    style: {
-      left: `${step * 100}%`
-    }
-  }))) : null, /*#__PURE__*/React__default.createElement("button", {
-    type: "button",
-    "aria-labelledby": sliderLabelId,
-    name: name,
-    id: sliderId,
-    className: `${CLASSNAME}__handle`,
-    style: {
-      left: percentString
-    },
-    onKeyDown: handleKeyDown,
-    disabled: isDisabled
-  })), !hideMinMaxLabel && /*#__PURE__*/React__default.createElement("span", {
-    className: `${CLASSNAME}__value-label ${CLASSNAME}__value-label--max`
-  }, max)));
-});
-Slider.displayName = COMPONENT_NAME;
-Slider.className = CLASSNAME;
-Slider.defaultProps = DEFAULT_PROPS;
-
-export { Slider, clamp };
-//# sourceMappingURL=index.ts-72aadf4c.js.map

package/_internal/components/slider/index.ts-72aadf4c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-72aadf4c.js","sources":["../../../../src/hooks/useEventCallback.tsx","../../../../src/utils/clamp.ts","../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import React from 'react';\n\nconst useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n *\n * @param fn A function to run\n * @return A React callback\n */\nexport default function useEventCallback(fn: (...args: any[]) => any): (event: any) => any {\n    const ref = React.useRef(fn);\n    useEnhancedEffect(() => {\n        ref.current = fn;\n    });\n    return React.useCallback((event: any) => ref.current(event), []);\n}\n","/**\n * Clamp value in range.\n *\n * @param value Value to clamp.\n * @param min   Minimum value.\n * @param max   Maximum value.\n * @return Clamped value.\n */\nexport const clamp = (value: number, min: number, max: number): number => {\n    if (value < min) {\n        return min;\n    }\n    if (value > max) {\n        return max;\n    }\n    return value;\n};\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { 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/react/utils/className';\nimport { clamp } from '@lumx/react/utils/clamp';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * 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 defaultTheme = useTheme() || Theme.light;\n    const {\n        className,\n        disabled,\n        helper,\n        hideMinMaxLabel,\n        id,\n        isDisabled = disabled,\n        label,\n        max,\n        min,\n        name,\n        onChange,\n        onMouseDown,\n        precision,\n        steps,\n        theme = defaultTheme,\n        value,\n        ...forwardedProps\n    } = props;\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 (isDisabled || !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            aria-disabled={isDisabled}\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={handleKeyDown}\n                        disabled={isDisabled}\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":["useEnhancedEffect","window","React","useLayoutEffect","useEffect","useEventCallback","fn","ref","useRef","current","useCallback","event","clamp","value","min","max","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","precision","steps","computeValueFromPercent","percent","arguments","length","undefined","Number","toFixed","computePercentFromValue","Slider","forwardRef","props","defaultTheme","useTheme","Theme","light","className","disabled","helper","hideMinMaxLabel","id","isDisabled","label","name","onChange","onMouseDown","theme","forwardedProps","_objectWithoutProperties","_excluded","generatedId","useId","sliderId","sliderLabelId","useMemo","sliderRef","availableSteps","available","percentStep","ptr","push","findClosestStep","percentValue","closest","reduce","acc","step","aDst","Math","abs","dst","val","Infinity","getPercentValue","slider","width","left","getBoundingClientRect","pageX","pageXOffset","handleMove","newValue","handleEnd","document","body","removeEventListener","hopToValue","previous","oldPercent","handleKeyDown","key","handleMouseDown","addEventListener","percentString","createElement","_extends","classNames","handleBasicClasses","prefix","hasLabel","Boolean","InputLabel","htmlFor","InputHelper","style","map","idx","type","onKeyDown","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/slideshow/index.ts-c99f2892.js

@@ -1,151 +0,0 @@
-import { k as _objectSpread2, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends } from '../../1da25128.js';
-import React__default, { useEffect } from 'react';
-import { D as DEFAULT_OPTIONS, a as SlideshowControls, b as Slides, c as buildSlideShowGroupId } from '../../b8f2948d.js';
-export { S as SlideshowItem } from '../../b8f2948d.js';
-import { m as mergeRefs } from '../../f52adbae.js';
-import { u as useTheme } from '../../3181f000.js';
-
-/**
- * Hook that allows to control when there is a focus event within a given element, meaning
- * that any element within the given target will trigger the focus in and focus out events.
- * @param options - UseFocusWithinOptions
- */
-const useFocusWithin = _ref => {
-  let {
-    element,
-    onFocusIn,
-    onFocusOut
-  } = _ref;
-  useEffect(() => {
-    if (element) {
-      element.addEventListener('focusin', onFocusIn);
-      element.addEventListener('focusout', onFocusOut);
-    }
-    return () => {
-      if (element) {
-        element.removeEventListener('focusin', onFocusIn);
-        element.removeEventListener('focusout', onFocusOut);
-      }
-    };
-  }, [onFocusIn, element, onFocusOut]);
-};
-
-const _excluded = ["activeIndex", "autoPlay", "children", "className", "fillHeight", "groupBy", "interval", "onChange", "slideshowControlsProps", "theme", "id", "slidesId", "slideGroupLabel"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = _objectSpread2({}, DEFAULT_OPTIONS);
-
-/**
- * Slideshow component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Slideshow = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-      activeIndex,
-      autoPlay,
-      children,
-      className,
-      fillHeight,
-      groupBy,
-      interval,
-      onChange,
-      slideshowControlsProps,
-      theme = defaultTheme,
-      id,
-      slidesId,
-      slideGroupLabel
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  // Number of slideshow items.
-  const itemsCount = React__default.Children.count(children);
-  const {
-    activeIndex: currentIndex,
-    slideshowId,
-    setSlideshow,
-    isAutoPlaying,
-    slideshowSlidesId,
-    slidesCount,
-    onNextClick,
-    onPaginationClick,
-    onPreviousClick,
-    slideshow,
-    stopAutoPlay,
-    startAutoPlay,
-    toggleAutoPlay,
-    toggleForcePause
-  } = SlideshowControls.useSlideshowControls({
-    activeIndex,
-    defaultActiveIndex: DEFAULT_PROPS.activeIndex,
-    autoPlay: Boolean(autoPlay),
-    itemsCount,
-    groupBy,
-    id,
-    interval,
-    onChange,
-    slidesId
-  });
-  useFocusWithin({
-    element: slideshow,
-    onFocusIn: stopAutoPlay,
-    onFocusOut: startAutoPlay
-  });
-  const showControls = slideshowControlsProps && slidesCount > 1;
-  return /*#__PURE__*/React__default.createElement(Slides, _extends({
-    activeIndex: currentIndex,
-    id: slideshowId,
-    className: className,
-    theme: theme,
-    fillHeight: fillHeight,
-    groupBy: groupBy,
-    isAutoPlaying: isAutoPlaying,
-    autoPlay: autoPlay,
-    slidesId: slideshowSlidesId,
-    toggleAutoPlay: toggleAutoPlay,
-    ref: mergeRefs(ref, setSlideshow),
-    hasControls: showControls,
-    slideGroupLabel: slideGroupLabel,
-    afterSlides: slideshowControlsProps && slidesCount > 1 ? /*#__PURE__*/React__default.createElement("div", {
-      className: `${Slides.className}__controls`
-    }, /*#__PURE__*/React__default.createElement(SlideshowControls, _extends({}, slideshowControlsProps, {
-      activeIndex: currentIndex,
-      onPaginationClick: onPaginationClick,
-      onNextClick: onNextClick,
-      onPreviousClick: onPreviousClick,
-      slidesCount: slidesCount,
-      parentRef: slideshow,
-      theme: theme,
-      isAutoPlaying: isAutoPlaying,
-      nextButtonProps: _objectSpread2({
-        'aria-controls': slideshowSlidesId
-      }, slideshowControlsProps.nextButtonProps),
-      previousButtonProps: _objectSpread2({
-        'aria-controls': slideshowSlidesId
-      }, slideshowControlsProps.previousButtonProps),
-      playButtonProps: autoPlay ? _objectSpread2({
-        'aria-controls': slideshowSlidesId,
-        onClick: toggleForcePause
-      }, slideshowControlsProps.playButtonProps) : undefined,
-      paginationItemProps: index => {
-        var _slideshowControlsPro;
-        return _objectSpread2({
-          'aria-controls': buildSlideShowGroupId(slideshowSlidesId, index)
-        }, (_slideshowControlsPro = slideshowControlsProps.paginationItemProps) === null || _slideshowControlsPro === void 0 ? void 0 : _slideshowControlsPro.call(slideshowControlsProps, index));
-      }
-    }))) : undefined
-  }, forwardedProps), children);
-});
-Slideshow.displayName = 'Slideshow';
-Slideshow.defaultProps = DEFAULT_PROPS;
-
-export { Slides, Slideshow, SlideshowControls };
-//# sourceMappingURL=index.ts-c99f2892.js.map

package/_internal/components/slideshow/index.ts-c99f2892.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-c99f2892.js","sources":["../../../../src/hooks/useFocusWithin.ts","../../../../src/components/slideshow/Slideshow.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nexport interface UseFocusWithinOptions {\n    /** element to add the focus within to */\n    element: HTMLElement | null;\n    /** callback to be executed on focus in */\n    onFocusIn: (ev: FocusEvent) => void;\n    /** callback to be executed on focus out */\n    onFocusOut: (ev: FocusEvent) => void;\n}\n\n/**\n * Hook that allows to control when there is a focus event within a given element, meaning\n * that any element within the given target will trigger the focus in and focus out events.\n * @param options - UseFocusWithinOptions\n */\nexport const useFocusWithin = ({ element, onFocusIn, onFocusOut }: UseFocusWithinOptions) => {\n    useEffect(() => {\n        if (element) {\n            element.addEventListener('focusin', onFocusIn);\n\n            element.addEventListener('focusout', onFocusOut);\n        }\n\n        return () => {\n            if (element) {\n                element.removeEventListener('focusin', onFocusIn);\n\n                element.removeEventListener('focusout', onFocusOut);\n            }\n        };\n    }, [onFocusIn, element, onFocusOut]);\n};\n","import React from 'react';\n\nimport { SlideshowControls, SlideshowControlsProps, Theme, Slides, SlidesProps } from '@lumx/react';\nimport { DEFAULT_OPTIONS } from '@lumx/react/hooks/useSlideshowControls';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { useFocusWithin } from '@lumx/react/hooks/useFocusWithin';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { buildSlideShowGroupId } from './SlideshowItemGroup';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowProps\n    extends GenericProps,\n        Pick<SlidesProps, 'autoPlay' | 'slidesId' | 'id' | 'theme' | 'fillHeight' | 'groupBy' | 'slideGroupLabel'> {\n    /** current slide active */\n    activeIndex?: SlidesProps['activeIndex'];\n    /** Interval between each slide when automatic rotation is enabled. */\n    interval?: number;\n    /** Props to pass to the slideshow controls (minus those already set by the Slideshow props). */\n    slideshowControlsProps?: Pick<\n        SlideshowControlsProps,\n        'nextButtonProps' | 'previousButtonProps' | 'paginationItemProps'\n    > &\n        Omit<\n            SlideshowControlsProps,\n            | 'activeIndex'\n            | 'onPaginationClick'\n            | 'onNextClick'\n            | 'onPreviousClick'\n            | 'slidesCount'\n            | 'parentRef'\n            | 'theme'\n        >;\n    /** Callback when slide changes */\n    onChange?(index: number): void;\n}\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SlideshowProps> = {\n    ...DEFAULT_OPTIONS,\n};\n\n/**\n * Slideshow component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Slideshow = forwardRef<SlideshowProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        activeIndex,\n        autoPlay,\n        children,\n        className,\n        fillHeight,\n        groupBy,\n        interval,\n        onChange,\n        slideshowControlsProps,\n        theme = defaultTheme,\n        id,\n        slidesId,\n        slideGroupLabel,\n        ...forwardedProps\n    } = props;\n    // Number of slideshow items.\n    const itemsCount = React.Children.count(children);\n\n    const {\n        activeIndex: currentIndex,\n        slideshowId,\n        setSlideshow,\n        isAutoPlaying,\n        slideshowSlidesId,\n        slidesCount,\n        onNextClick,\n        onPaginationClick,\n        onPreviousClick,\n        slideshow,\n        stopAutoPlay,\n        startAutoPlay,\n        toggleAutoPlay,\n        toggleForcePause,\n    } = SlideshowControls.useSlideshowControls({\n        activeIndex,\n        defaultActiveIndex: DEFAULT_PROPS.activeIndex as number,\n        autoPlay: Boolean(autoPlay),\n        itemsCount,\n        groupBy,\n        id,\n        interval,\n        onChange,\n        slidesId,\n    });\n\n    useFocusWithin({\n        element: slideshow,\n        onFocusIn: stopAutoPlay,\n        onFocusOut: startAutoPlay,\n    });\n\n    const showControls = slideshowControlsProps && slidesCount > 1;\n\n    return (\n        <Slides\n            activeIndex={currentIndex}\n            id={slideshowId}\n            className={className}\n            theme={theme}\n            fillHeight={fillHeight}\n            groupBy={groupBy}\n            isAutoPlaying={isAutoPlaying}\n            autoPlay={autoPlay}\n            slidesId={slideshowSlidesId}\n            toggleAutoPlay={toggleAutoPlay}\n            ref={mergeRefs(ref, setSlideshow)}\n            hasControls={showControls}\n            slideGroupLabel={slideGroupLabel}\n            afterSlides={\n                slideshowControlsProps && slidesCount > 1 ? (\n                    <div className={`${Slides.className}__controls`}>\n                        <SlideshowControls\n                            {...slideshowControlsProps}\n                            activeIndex={currentIndex}\n                            onPaginationClick={onPaginationClick}\n                            onNextClick={onNextClick}\n                            onPreviousClick={onPreviousClick}\n                            slidesCount={slidesCount}\n                            parentRef={slideshow}\n                            theme={theme}\n                            isAutoPlaying={isAutoPlaying}\n                            nextButtonProps={{\n                                'aria-controls': slideshowSlidesId,\n                                ...slideshowControlsProps.nextButtonProps,\n                            }}\n                            previousButtonProps={{\n                                'aria-controls': slideshowSlidesId,\n                                ...slideshowControlsProps.previousButtonProps,\n                            }}\n                            playButtonProps={\n                                autoPlay\n                                    ? {\n                                          'aria-controls': slideshowSlidesId,\n                                          onClick: toggleForcePause,\n                                          ...slideshowControlsProps.playButtonProps,\n                                      }\n                                    : undefined\n                            }\n                            paginationItemProps={(index) => ({\n                                'aria-controls': buildSlideShowGroupId(slideshowSlidesId, index),\n                                ...slideshowControlsProps.paginationItemProps?.(index),\n                            })}\n                        />\n                    </div>\n                ) : undefined\n            }\n            {...forwardedProps}\n        >\n            {children}\n        </Slides>\n    );\n});\n\nSlideshow.displayName = 'Slideshow';\nSlideshow.defaultProps = DEFAULT_PROPS;\n"],"names":["useFocusWithin","_ref","element","onFocusIn","onFocusOut","useEffect","addEventListener","removeEventListener","DEFAULT_PROPS","_objectSpread","DEFAULT_OPTIONS","Slideshow","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","activeIndex","autoPlay","children","className","fillHeight","groupBy","interval","onChange","slideshowControlsProps","theme","id","slidesId","slideGroupLabel","forwardedProps","_objectWithoutProperties","_excluded","itemsCount","React","Children","count","currentIndex","slideshowId","setSlideshow","isAutoPlaying","slideshowSlidesId","slidesCount","onNextClick","onPaginationClick","onPreviousClick","slideshow","stopAutoPlay","startAutoPlay","toggleAutoPlay","toggleForcePause","SlideshowControls","useSlideshowControls","defaultActiveIndex","Boolean","showControls","createElement","Slides","_extends","mergeRefs","hasControls","afterSlides","parentRef","nextButtonProps","previousButtonProps","playButtonProps","onClick","undefined","paginationItemProps","index","_slideshowControlsPro","buildSlideShowGroupId","call","displayName","defaultProps"],"mappings":"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"}

package/_internal/components/slideshow/index.ts-e49462c6.d.ts

@@ -1,25 +0,0 @@
-export { e as Slides, d as SlidesProps, a as Slideshow, c as SlideshowControls, b as SlideshowControlsProps, S as SlideshowProps } from '../../31490c59.js';
-import { G as GenericProps, C as Comp } from '../../8d67e1e3.js';
-import 'react';
-import '../../dc3e28c8.js';
-import '../../7f022f8c.js';
-import '../tooltip/index.ts-c6931e9e.js';
-import '../../f5ff1aa4.js';
-
-/**
- * Defines the props of the component.
- */
-interface SlideshowItemProps extends GenericProps {
-    /** interval in which slides are automatically shown */
-    interval?: number;
-}
-/**
- * SlideshowItem component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const SlideshowItem: Comp<SlideshowItemProps, HTMLDivElement>;
-
-export { SlideshowItem, type SlideshowItemProps };

package/_internal/components/switch/index.ts-207ba52b.d.ts

@@ -1,34 +0,0 @@
-import { G as GenericProps, H as HasTheme, A as Alignment, C as Comp } from '../../8d67e1e3.js';
-import { SyntheticEvent, InputHTMLAttributes } from 'react';
-
-/**
- * Defines the props of the component.
- */
-interface SwitchProps extends GenericProps, HasTheme {
-    /** Helper text. */
-    helper?: string;
-    /** Whether it is checked or not. */
-    isChecked?: boolean;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
-    /** Native input name property. */
-    name?: string;
-    /** Position of the switch relative to the label. */
-    position?: Extract<Alignment, 'right' | 'left'>;
-    /** Native input value property. */
-    value?: string;
-    /** On change callback. */
-    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;
-    /** optional props for input */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-}
-/**
- * Switch component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Switch: Comp<SwitchProps, HTMLDivElement>;
-
-export { Switch, type SwitchProps };