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

package/_internal/components/inline-list/index-52efec7f.js

@@ -1,74 +0,0 @@
-import { Children, isValidElement } from 'react';
-import classNames from 'classnames';
-import { getRootClassName, getTypographyClassName, fontColorClass } from '@lumx/core/js/utils/className';
-import { f as forwardRef } from '../../8bce732e.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'InlineList';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * InlineList component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const InlineList = forwardRef((props, ref) => {
-  const {
-    className,
-    color,
-    colorVariant,
-    typography,
-    children,
-    wrap,
-    ...forwardedProps
-  } = props;
-  const typographyClassName = typography && getTypographyClassName(typography);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-redundant-roles
-    jsx("ul", {
-      ...forwardedProps,
-      ref: ref,
-      className: classNames(className, CLASSNAME, wrap && `${CLASSNAME}--wrap`, fontColorClass(color, colorVariant), typographyClassName)
-      // Lists with removed bullet style can lose their a11y list role on some browsers
-      ,
-      role: "list",
-      children: Children.toArray(children).map((child, index) => {
-        const key = /*#__PURE__*/isValidElement(child) && child.key || index;
-        return (
-          /*#__PURE__*/
-          // We need to item is set as display: contents which removes the semantic.
-          // eslint-disable-next-line jsx-a11y/no-redundant-roles
-          jsxs("li", {
-            role: "listitem",
-            className: `${CLASSNAME}__item`,
-            children: [index !== 0 && /*#__PURE__*/jsx("span", {
-              className: `${CLASSNAME}__item-separator`,
-              "aria-hidden": "true",
-              children: '\u00A0•\u00A0'
-            }), child]
-          }, key)
-        );
-      })
-    })
-  );
-});
-InlineList.displayName = COMPONENT_NAME;
-InlineList.className = CLASSNAME;
-InlineList.defaultProps = DEFAULT_PROPS;
-
-export { InlineList };

package/_internal/components/input-helper/index-5a837e7c.js

@@ -1,71 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { f as forwardRef } from '../../8bce732e.js';
-import { u as useTheme } from '../../3181f000.js';
-import { jsx } from 'react/jsx-runtime';
-import { Kind, Theme } from '@lumx/core/js/constants';
-
-const INPUT_HELPER_CONFIGURATION = {
-  error: {
-    color: 'red'
-  },
-  success: {
-    color: 'green'
-  },
-  warning: {
-    color: 'yellow'
-  }
-};
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'InputHelper';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  kind: Kind.info
-};
-
-/**
- * InputHelper component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const InputHelper = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    children,
-    className,
-    kind = DEFAULT_PROPS.kind,
-    theme = defaultTheme,
-    ...forwardedProps
-  } = props;
-  const {
-    color
-  } = INPUT_HELPER_CONFIGURATION[kind] || {};
-  return /*#__PURE__*/jsx("p", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      color,
-      theme
-    })),
-    children: children
-  });
-});
-InputHelper.displayName = COMPONENT_NAME;
-InputHelper.className = CLASSNAME;
-InputHelper.defaultProps = DEFAULT_PROPS;
-
-export { InputHelper };

package/_internal/components/input-label/index-0113f382.js

@@ -1,59 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, getTypographyClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { f as forwardRef } from '../../8bce732e.js';
-import { u as useTheme } from '../../3181f000.js';
-import { jsx } from 'react/jsx-runtime';
-import { Theme } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'InputLabel';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * InputLabel component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const InputLabel = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    children,
-    className,
-    htmlFor,
-    isRequired,
-    theme = defaultTheme,
-    typography,
-    ...forwardedProps
-  } = props;
-  const typographyClass = typography && getTypographyClassName(typography);
-  return /*#__PURE__*/jsx("label", {
-    ref: ref,
-    ...forwardedProps,
-    htmlFor: htmlFor,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      isRequired,
-      theme,
-      hasCustomTypography: Boolean(typography)
-    }), typographyClass),
-    children: children
-  });
-});
-InputLabel.displayName = COMPONENT_NAME;
-InputLabel.className = CLASSNAME;
-InputLabel.defaultProps = DEFAULT_PROPS;
-
-export { InputLabel };

package/_internal/components/lightbox/index-fad5a9f2.js

@@ -1,155 +0,0 @@
-import { useRef, useEffect } from 'react';
-import classNames from 'classnames';
-import { D as DOCUMENT } from '../../d0e3f49e.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { u as useFocusTrap } from '../../6f084a40.js';
-import { u as useDisableBodyScroll } from '../../36bd7352.js';
-import { m as mergeRefs } from '../../f0d7d6ea.js';
-import { u as useCallbackOnEscape } from '../../76ddefd4.js';
-import { u as useTransitionVisibility } from '../../a38bdcd0.js';
-import { T as ThemeProvider } from '../../3181f000.js';
-import { f as forwardRef } from '../../8bce732e.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Portal } from '../../utils/Portal/index-6e0a7404.js';
-import { I as IconButton } from '../../b83e864b.js';
-import { m as mdiClose } from '../../eaf6c45a.js';
-import { H as HeadingLevelProvider } from '../../ebdcb0c7.js';
-import { ClickAwayProvider } from '../../utils/ClickAwayProvider/index-1234ce76.js';
-import { DIALOG_TRANSITION_DURATION } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Lightbox';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Lightbox component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Lightbox = forwardRef((props, ref) => {
-  const {
-    'aria-labelledby': propAriaLabelledBy,
-    ariaLabelledBy = propAriaLabelledBy,
-    'aria-label': propAriaLabel,
-    ariaLabel = propAriaLabel,
-    children,
-    className,
-    closeButtonProps,
-    isOpen,
-    onClose,
-    parentElement,
-    focusElement,
-    preventAutoClose,
-    theme,
-    zIndex,
-    ...forwardedProps
-  } = props;
-  if (!DOCUMENT) {
-    // Can't render in SSR.
-    return null;
-  }
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const childrenRef = useRef(null);
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const wrapperRef = useRef(null);
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const closeButtonRef = useRef(null);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useDisableBodyScroll(isOpen && wrapperRef.current);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const isVisible = useTransitionVisibility(wrapperRef, !!isOpen, DIALOG_TRANSITION_DURATION);
-
-  // Handle focus trap.
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useFocusTrap(
-  // Focus trap zone
-  isOpen && wrapperRef.current,
-  // Focus element (fallback on close button and then on the dialog)
-  focusElement?.current || closeButtonRef.current || wrapperRef.current);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const previousOpen = useRef(isOpen);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useEffect(() => {
-    if (isOpen !== previousOpen.current) {
-      previousOpen.current = isOpen;
-
-      // Focus the parent element on close.
-      if (!isOpen && parentElement && parentElement.current) {
-        parentElement.current.focus();
-      }
-    }
-  }, [isOpen, parentElement]);
-
-  // Close lightbox on escape key pressed.
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useCallbackOnEscape(onClose);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const clickAwayRefs = useRef([wrapperRef]);
-  if (!isOpen && !isVisible) return null;
-  return /*#__PURE__*/jsx(Portal, {
-    children: /*#__PURE__*/jsxs("div", {
-      ref: mergeRefs(ref, wrapperRef),
-      ...forwardedProps,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-modal": "true",
-      role: "dialog",
-      tabIndex: -1,
-      className: classNames(className, handleBasicClasses({
-        prefix: CLASSNAME,
-        isHidden: !isOpen,
-        isShown: isOpen || isVisible,
-        theme
-      })),
-      style: {
-        zIndex
-      },
-      children: [closeButtonProps && /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__close`,
-        children: /*#__PURE__*/jsx(IconButton, {
-          ...closeButtonProps,
-          ref: closeButtonRef,
-          emphasis: "low",
-          hasBackground: true,
-          icon: mdiClose,
-          theme: "dark",
-          type: "button",
-          onClick: onClose
-        })
-      }), /*#__PURE__*/jsx(HeadingLevelProvider, {
-        level: 2,
-        children: /*#__PURE__*/jsx(ThemeProvider, {
-          value: undefined,
-          children: /*#__PURE__*/jsx(ClickAwayProvider, {
-            callback: !preventAutoClose && onClose,
-            childrenRefs: clickAwayRefs,
-            children: /*#__PURE__*/jsx("div", {
-              ref: childrenRef,
-              className: `${CLASSNAME}__wrapper`,
-              role: "presentation",
-              children: children
-            })
-          })
-        })
-      })]
-    })
-  });
-});
-Lightbox.displayName = COMPONENT_NAME;
-Lightbox.className = CLASSNAME;
-
-export { Lightbox };

package/_internal/components/link/index-008bae4b.js

@@ -1,72 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, resolveColorWithVariants, handleBasicClasses, getTypographyClassName } from '@lumx/core/js/utils/className';
-import { f as forwardRef } from '../../8bce732e.js';
-import { w as wrapChildrenIconWithSpaces } from '../../7b293665.js';
-import { R as RawClickable } from '../../2c2b6a89.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useDisableStateProps } from '../../utils/disabled/index-075b99c3.js';
-import { I as Icon } from '../../bace1bf1.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Link';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Link component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Link = forwardRef((props, ref) => {
-  const {
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    children,
-    className,
-    color: propColor,
-    colorVariant: propColorVariant,
-    leftIcon,
-    rightIcon,
-    typography,
-    linkAs,
-    ...forwardedProps
-  } = otherProps;
-  const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);
-  return /*#__PURE__*/jsx(RawClickable, {
-    ref: ref,
-    as: linkAs || (forwardedProps.href ? 'a' : 'button'),
-    ...forwardedProps,
-    ...disabledStateProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      color,
-      colorVariant,
-      hasTypography: !!typography
-    }), typography && getTypographyClassName(typography)),
-    children: wrapChildrenIconWithSpaces(/*#__PURE__*/jsxs(Fragment, {
-      children: [leftIcon && /*#__PURE__*/jsx(Icon, {
-        icon: leftIcon,
-        className: `${CLASSNAME}__left-icon`
-      }), children && /*#__PURE__*/jsx("span", {
-        className: `${CLASSNAME}__content`,
-        children: children
-      }), rightIcon && /*#__PURE__*/jsx(Icon, {
-        icon: rightIcon,
-        className: `${CLASSNAME}__right-icon`
-      })]
-    }))
-  });
-});
-Link.displayName = COMPONENT_NAME;
-Link.className = CLASSNAME;
-
-export { Link };

package/_internal/components/link-preview/index-3e9c32f2.js

@@ -1,117 +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 } from 'react/jsx-runtime';
-import { Link } from '../link/index-008bae4b.js';
-import { Size, Theme, AspectRatio, ColorPalette, ColorVariant } from '@lumx/core/js/constants';
-import { T as Thumbnail } from '../../035c132d.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'LinkPreview';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  size: Size.regular,
-  titleHeading: 'h2'
-};
-
-/**
- * LinkPreview component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const LinkPreview = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    description,
-    link,
-    linkAs,
-    linkProps,
-    size = DEFAULT_PROPS.size,
-    theme = defaultTheme,
-    thumbnailProps,
-    title,
-    titleHeading = DEFAULT_PROPS.titleHeading,
-    ...forwardedProps
-  } = props;
-  // Use title heading as title wrapper (see DEFAULT_PROPS for the default value).
-  const TitleHeading = titleHeading;
-  return /*#__PURE__*/jsx("article", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      size: size === Size.big && thumbnailProps ? Size.big : Size.regular,
-      theme
-    })),
-    children: /*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__wrapper`,
-      children: [thumbnailProps && /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__thumbnail`,
-        children: /*#__PURE__*/jsx(Thumbnail, {
-          ...thumbnailProps,
-          linkAs: linkAs,
-          linkProps: {
-            ...linkProps,
-            href: link,
-            target: '_blank',
-            // Avoid redundant links in focus order
-            tabIndex: -1
-          },
-          aspectRatio: AspectRatio.free,
-          fillHeight: true
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: `${CLASSNAME}__container`,
-        children: [title && /*#__PURE__*/jsx(TitleHeading, {
-          className: `${CLASSNAME}__title`,
-          children: /*#__PURE__*/jsx(Link, {
-            ...linkProps,
-            linkAs: linkAs,
-            target: "_blank",
-            href: link,
-            color: theme === Theme.light ? ColorPalette.dark : ColorPalette.light,
-            colorVariant: ColorVariant.N,
-            children: title
-          })
-        }), description && /*#__PURE__*/jsx("p", {
-          className: `${CLASSNAME}__description`,
-          children: description
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__link`,
-          children: /*#__PURE__*/jsx(Link, {
-            ...linkProps,
-            linkAs: linkAs,
-            className: classNames(`${CLASSNAME}__link`, linkProps?.className),
-            target: "_blank",
-            href: link,
-            color: theme === Theme.light ? ColorPalette.primary : ColorPalette.light,
-            colorVariant: ColorVariant.N
-            // Avoid redundant links in focus order
-            ,
-            tabIndex: title ? '-1' : undefined,
-            children: link
-          })
-        })]
-      })]
-    })
-  });
-});
-LinkPreview.displayName = COMPONENT_NAME;
-LinkPreview.className = CLASSNAME;
-LinkPreview.defaultProps = DEFAULT_PROPS;
-
-export { LinkPreview };

package/_internal/components/list/index-da88c6e9.js

@@ -1,71 +0,0 @@
-export { L as List, a as ListItem, i as isClickable } from '../../0ea95af1.js';
-import classNames from 'classnames';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { f as forwardRef } from '../../8bce732e.js';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$1 = 'ListDivider';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-
-/**
- * ListDivider component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ListDivider = forwardRef((props, ref) => {
-  const {
-    className,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("li", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, CLASSNAME$1)
-  });
-});
-ListDivider.displayName = COMPONENT_NAME$1;
-ListDivider.className = CLASSNAME$1;
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'ListSubheader';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * ListSubheader component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ListSubheader = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("li", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, CLASSNAME),
-    children: children
-  });
-});
-ListSubheader.displayName = COMPONENT_NAME;
-ListSubheader.className = CLASSNAME;
-
-export { ListDivider, ListSubheader };