@lumx/react 3.20.1-alpha.36 → 3.20.1-alpha.37

package/_internal/components/slideshow/index-d4604589.js

@@ -1,150 +0,0 @@
-import React__default, { useEffect } from 'react';
-import { a as SlideshowControls, b as Slides, c as buildSlideShowGroupId, D as DEFAULT_OPTIONS } from '../../b326655a.js';
-export { S as SlideshowItem } from '../../b326655a.js';
-import { m as mergeRefs } from '../../f0d7d6ea.js';
-import { u as useTheme } from '../../3181f000.js';
-import { f as forwardRef } from '../../8bce732e.js';
-import { jsx } from 'react/jsx-runtime';
-import { Theme } from '@lumx/core/js/constants';
-
-/**
- * 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 = ({
-  element,
-  onFocusIn,
-  onFocusOut
-}) => {
-  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]);
-};
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = 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 = DEFAULT_PROPS.autoPlay,
-    children,
-    className,
-    fillHeight,
-    groupBy = DEFAULT_OPTIONS.groupBy,
-    interval = DEFAULT_PROPS.interval,
-    onChange,
-    slideshowControlsProps,
-    theme = defaultTheme,
-    id,
-    slidesId,
-    slideGroupLabel,
-    ...forwardedProps
-  } = props;
-  // 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__*/jsx(Slides, {
-    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__*/jsx("div", {
-      className: `${Slides.className}__controls`,
-      children: /*#__PURE__*/jsx(SlideshowControls, {
-        ...slideshowControlsProps,
-        activeIndex: currentIndex,
-        onPaginationClick: onPaginationClick,
-        onNextClick: onNextClick,
-        onPreviousClick: onPreviousClick,
-        slidesCount: slidesCount,
-        parentRef: slideshow,
-        theme: theme,
-        isAutoPlaying: isAutoPlaying,
-        nextButtonProps: {
-          'aria-controls': slideshowSlidesId,
-          ...slideshowControlsProps.nextButtonProps
-        },
-        previousButtonProps: {
-          'aria-controls': slideshowSlidesId,
-          ...slideshowControlsProps.previousButtonProps
-        },
-        playButtonProps: autoPlay ? {
-          'aria-controls': slideshowSlidesId,
-          onClick: toggleForcePause,
-          ...slideshowControlsProps.playButtonProps
-        } : undefined,
-        paginationItemProps: index => ({
-          'aria-controls': buildSlideShowGroupId(slideshowSlidesId, index),
-          ...slideshowControlsProps.paginationItemProps?.(index)
-        })
-      })
-    }) : undefined,
-    ...forwardedProps,
-    children: children
-  });
-});
-Slideshow.displayName = 'Slideshow';
-Slideshow.defaultProps = DEFAULT_PROPS;
-
-export { Slides, Slideshow, SlideshowControls };

package/_internal/components/switch/index-58fe0f0c.js

@@ -1,122 +0,0 @@
-import { Children } from 'react';
-import classNames from 'classnames';
-import isEmpty from 'lodash/isEmpty';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { u as useId } from '../../3a1facc0.js';
-import { u as useTheme } from '../../3181f000.js';
-import { f as forwardRef } from '../../8bce732e.js';
-import { useDisableStateProps } from '../../utils/disabled/index-075b99c3.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Alignment, Theme } from '@lumx/core/js/constants';
-import { InputLabel } from '../input-label/index-0113f382.js';
-import { InputHelper } from '../input-helper/index-5a837e7c.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Switch';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  position: Alignment.left
-};
-
-/**
- * Switch component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Switch = forwardRef((props, ref) => {
-  const {
-    isAnyDisabled,
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    checked,
-    children,
-    className,
-    helper,
-    id,
-    isChecked = checked,
-    name,
-    onChange,
-    position = DEFAULT_PROPS.position,
-    theme = defaultTheme,
-    value,
-    inputProps = {},
-    ...forwardedProps
-  } = otherProps;
-  const generatedInputId = useId();
-  const inputId = id || generatedInputId;
-  const handleChange = event => {
-    if (onChange) {
-      onChange(!isChecked, value, name, event);
-    }
-  };
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      isChecked,
-      isDisabled: isAnyDisabled,
-      position,
-      theme,
-      isUnchecked: !isChecked
-    })),
-    children: [/*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__input-wrapper`,
-      children: [/*#__PURE__*/jsx("input", {
-        type: "checkbox",
-        role: "switch",
-        id: inputId,
-        className: `${CLASSNAME}__input-native`,
-        name: name,
-        value: value,
-        ...disabledStateProps,
-        readOnly: inputProps.readOnly || isAnyDisabled,
-        checked: isChecked,
-        "aria-checked": Boolean(isChecked),
-        onChange: handleChange,
-        "aria-describedby": helper ? `${inputId}-helper` : undefined,
-        ...inputProps
-      }), /*#__PURE__*/jsxs("div", {
-        className: `${CLASSNAME}__input-placeholder`,
-        children: [/*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-background`
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-indicator`
-        })]
-      })]
-    }), Children.count(children) > 0 && /*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__content`,
-      children: [/*#__PURE__*/jsx(InputLabel, {
-        htmlFor: inputId,
-        theme: theme,
-        className: `${CLASSNAME}__label`,
-        children: children
-      }), !isEmpty(helper) && /*#__PURE__*/jsx(InputHelper, {
-        id: `${inputId}-helper`,
-        theme: theme,
-        className: `${CLASSNAME}__helper`,
-        children: helper
-      })]
-    })]
-  });
-});
-Switch.displayName = COMPONENT_NAME;
-Switch.className = CLASSNAME;
-Switch.defaultProps = DEFAULT_PROPS;
-
-export { Switch };

package/_internal/components/table/index-d541aa88.js

@@ -1,297 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { u as useTheme } from '../../3181f000.js';
-import { f as forwardRef } from '../../8bce732e.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Theme, Size } from '@lumx/core/js/constants';
-import { I as Icon } from '../../bace1bf1.js';
-import { useDisableStateProps } from '../../utils/disabled/index-075b99c3.js';
-
-const mdiArrowDown = 'M11 4h2v12l5.5-5.5 1.42 1.42L12 19.84l-7.92-7.92L5.5 10.5 11 16z';
-
-const mdiArrowUp = 'M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$4 = 'Table';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$4 = getRootClassName(COMPONENT_NAME$4);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS$3 = {};
-
-/**
- * Table component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Table = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    children,
-    className,
-    hasBefore,
-    hasDividers,
-    theme = defaultTheme,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("table", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME$4,
-      hasBefore,
-      hasDividers,
-      theme
-    })),
-    children: children
-  });
-});
-Table.displayName = COMPONENT_NAME$4;
-Table.className = CLASSNAME$4;
-Table.defaultProps = DEFAULT_PROPS$3;
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$3 = 'TableBody';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$3 = getRootClassName(COMPONENT_NAME$3, 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$3),
-    children: children
-  });
-});
-TableBody.displayName = COMPONENT_NAME$3;
-TableBody.className = CLASSNAME$3;
-
-const ThOrder = {
-  asc: 'asc',
-  desc: 'desc'
-};
-/**
- * Table cell variants.
- */
-const TableCellVariant = {
-  body: 'body',
-  head: 'head'
-};
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$2 = 'TableCell';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2, true);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS$2 = {
-  variant: TableCellVariant.body
-};
-
-/**
- * TableCell component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const TableCell = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    icon,
-    isSortable,
-    onHeaderClick,
-    sortOrder,
-    variant = DEFAULT_PROPS$2.variant,
-    ...forwardedProps
-  } = props;
-
-  // Use button if clickable
-  const Wrapper = onHeaderClick ? 'button' : 'div';
-  const wrapperProps = Wrapper === 'button' ? {
-    type: 'button',
-    onClick: onHeaderClick
-  } : undefined;
-
-  // ARIA sort
-  let ariaSort;
-  if (isSortable) {
-    ariaSort = 'none';
-    if (sortOrder === ThOrder.asc) ariaSort = 'ascending';
-    if (sortOrder === ThOrder.desc) ariaSort = 'descending';
-  }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [variant === TableCellVariant.head && /*#__PURE__*/jsx("th", {
-      ref: ref,
-      ...forwardedProps,
-      className: classNames(handleBasicClasses({
-        prefix: CLASSNAME$2,
-        isSortable,
-        isSorted: isSortable && !!sortOrder
-      }), className, `${CLASSNAME$2}--head`),
-      "aria-sort": ariaSort,
-      children: /*#__PURE__*/jsxs(Wrapper, {
-        className: `${CLASSNAME$2}-wrapper`,
-        ...wrapperProps,
-        children: [icon && !isSortable && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME$2}-icon`,
-          icon: icon,
-          size: Size.xxs
-        }), isSortable && sortOrder === ThOrder.asc && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME$2}-icon`,
-          icon: mdiArrowUp,
-          size: Size.xxs
-        }), isSortable && sortOrder === ThOrder.desc && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME$2}-icon`,
-          icon: mdiArrowDown,
-          size: Size.xxs
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME$2}-content`,
-          children: children
-        })]
-      })
-    }), variant === TableCellVariant.body && /*#__PURE__*/jsx("td", {
-      ...forwardedProps,
-      className: classNames(className, CLASSNAME$2, `${CLASSNAME$2}--body`),
-      children: /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME$2}-content`,
-        children: children
-      })
-    })]
-  });
-});
-TableCell.displayName = COMPONENT_NAME$2;
-TableCell.className = CLASSNAME$2;
-TableCell.defaultProps = DEFAULT_PROPS$2;
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$1 = 'TableHeader';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1, true);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS$1 = {};
-
-/**
- * TableHeader component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const TableHeader = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("thead", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, CLASSNAME$1),
-    children: children
-  });
-});
-TableHeader.displayName = COMPONENT_NAME$1;
-TableHeader.className = CLASSNAME$1;
-TableHeader.defaultProps = DEFAULT_PROPS$1;
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'TableRow';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME, true);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * TableRow component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const TableRow = forwardRef((props, ref) => {
-  const {
-    isAnyDisabled,
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    children,
-    className,
-    isClickable,
-    isSelected,
-    ...forwardedProps
-  } = otherProps;
-  return /*#__PURE__*/jsx("tr", {
-    ref: ref,
-    tabIndex: isClickable && !disabledStateProps.disabled ? 0 : -1,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      isClickable: isClickable && !isAnyDisabled,
-      isDisabled: isAnyDisabled,
-      isSelected: isSelected && !isAnyDisabled,
-      prefix: CLASSNAME
-    })),
-    "aria-disabled": isAnyDisabled,
-    children: children
-  });
-});
-TableRow.displayName = COMPONENT_NAME;
-TableRow.className = CLASSNAME;
-TableRow.defaultProps = DEFAULT_PROPS;
-
-export { Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, ThOrder };