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

package/_internal/packages/lumx-react/src/components/icon/Icon-21a83e8c.js

@@ -1,103 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, resolveColorWithVariants, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { jsx } from 'react/jsx-runtime';
-import { Theme, ColorPalette, Size } from '@lumx/core/js/constants';
-import { mdiAlertCircle } from '../../../../lumx-icons/dist/esm/alert-circle-893eb653.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Icon';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * Icon component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Icon = forwardRef((props, ref) => {
-  const defaultTheme = useTheme();
-  const {
-    className,
-    color: propColor,
-    colorVariant: propColorVariant,
-    hasShape,
-    icon,
-    size,
-    theme = defaultTheme,
-    alt,
-    ...forwardedProps
-  } = props;
-  const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);
-
-  // Color
-  let iconColor = color;
-  if (!iconColor && (hasShape || theme)) {
-    iconColor = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;
-  }
-
-  // Color variant
-  let iconColorVariant = colorVariant;
-  if (!iconColorVariant && hasShape && iconColor === ColorPalette.dark) {
-    iconColorVariant = 'L2';
-  }
-
-  // Size
-  let iconSize = size;
-  if (size && hasShape) {
-    if (size === Size.xxs || size === Size.xs) {
-      iconSize = Size.s;
-    } else if (size === Size.xxl) {
-      iconSize = Size.xl;
-    }
-  } else if (hasShape) {
-    iconSize = Size.m;
-  }
-  return /*#__PURE__*/jsx("i", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      color: iconColor,
-      colorVariant: iconColorVariant,
-      hasShape,
-      prefix: CLASSNAME,
-      theme,
-      size: iconSize
-    }), !hasShape && `${CLASSNAME}--no-shape`, !hasShape && iconColor === ColorPalette.yellow && icon === mdiAlertCircle && `${CLASSNAME}--has-dark-layer`, `${CLASSNAME}--path`),
-    children: /*#__PURE__*/jsx("svg", {
-      "aria-hidden": alt ? undefined : 'true',
-      role: alt ? 'img' : undefined,
-      "aria-label": alt,
-      height: "1em",
-      preserveAspectRatio: "xMidYMid meet",
-      style: {
-        verticalAlign: '-0.125em'
-      },
-      viewBox: "0 0 24 24",
-      width: "1em",
-      children: /*#__PURE__*/jsx("path", {
-        d: icon,
-        fill: "currentColor"
-      })
-    })
-  });
-});
-Icon.displayName = COMPONENT_NAME;
-Icon.className = CLASSNAME;
-Icon.defaultProps = DEFAULT_PROPS;
-
-export { Icon };
-//# sourceMappingURL=Icon-21a83e8c.js.map

package/_internal/packages/lumx-react/src/components/icon/Icon-21a83e8c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon-21a83e8c.js","sources":["../../../../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { mdiAlertCircle } from '@lumx/icons';\nimport { ColorPalette, ColorVariant, ColorWithVariants, Size, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses, resolveColorWithVariants } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\nexport type IconSizes = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface IconProps extends GenericProps, HasTheme {\n    /** Color variant. */\n    color?: ColorWithVariants;\n    /** Lightened or darkened variant of the selected icon color. */\n    colorVariant?: ColorVariant;\n    /** Whether the icon has a shape. */\n    hasShape?: boolean;\n    /**\n     * Icon (SVG path) draw code (`d` property of the `<path>` SVG element).\n     * See https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths\n     */\n    icon: string;\n    /** Size variant. */\n    size?: IconSizes;\n    /** Sets an alternative text on the svg. Will set an `img` role to the svg. */\n    alt?: string;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Icon';\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<IconProps> = {};\n\n/**\n * Icon component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Icon = forwardRef<IconProps, HTMLElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const {\n        className,\n        color: propColor,\n        colorVariant: propColorVariant,\n        hasShape,\n        icon,\n        size,\n        theme = defaultTheme,\n        alt,\n        ...forwardedProps\n    } = props;\n    const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);\n\n    // Color\n    let iconColor = color;\n    if (!iconColor && (hasShape || theme)) {\n        iconColor = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;\n    }\n\n    // Color variant\n    let iconColorVariant = colorVariant;\n    if (!iconColorVariant && hasShape && iconColor === ColorPalette.dark) {\n        iconColorVariant = 'L2';\n    }\n\n    // Size\n    let iconSize = size;\n    if (size && hasShape) {\n        if (size === Size.xxs || size === Size.xs) {\n            iconSize = Size.s;\n        } else if (size === Size.xxl) {\n            iconSize = Size.xl;\n        }\n    } else if (hasShape) {\n        iconSize = Size.m;\n    }\n\n    return (\n        <i\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    color: iconColor,\n                    colorVariant: iconColorVariant,\n                    hasShape,\n                    prefix: CLASSNAME,\n                    theme,\n                    size: iconSize,\n                }),\n                !hasShape && `${CLASSNAME}--no-shape`,\n                !hasShape &&\n                    iconColor === ColorPalette.yellow &&\n                    icon === mdiAlertCircle &&\n                    `${CLASSNAME}--has-dark-layer`,\n                `${CLASSNAME}--path`,\n            )}\n        >\n            <svg\n                aria-hidden={alt ? undefined : 'true'}\n                role={alt ? 'img' : undefined}\n                aria-label={alt}\n                height=\"1em\"\n                preserveAspectRatio=\"xMidYMid meet\"\n                style={{ verticalAlign: '-0.125em' }}\n                viewBox=\"0 0 24 24\"\n                width=\"1em\"\n            >\n                <path d={icon} fill=\"currentColor\" />\n            </svg>\n        </i>\n    );\n});\nIcon.displayName = COMPONENT_NAME;\nIcon.className = CLASSNAME;\nIcon.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Icon","forwardRef","props","ref","defaultTheme","useTheme","className","color","propColor","colorVariant","propColorVariant","hasShape","icon","size","theme","alt","forwardedProps","resolveColorWithVariants","iconColor","Theme","dark","ColorPalette","light","iconColorVariant","iconSize","Size","xxs","xs","s","xxl","xl","m","_jsx","classNames","handleBasicClasses","prefix","yellow","mdiAlertCircle","children","undefined","role","height","preserveAspectRatio","style","verticalAlign","viewBox","width","d","fill","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/image-block/ImageBlock-403e75e0.js

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

package/_internal/packages/lumx-react/src/components/image-block/ImageBlock-403e75e0.js.map

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

package/_internal/packages/lumx-react/src/components/image-block/ImageCaption-f59f00d0.js

@@ -1,75 +0,0 @@
-import classNames from 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { FlexBox } from '../flex-box/FlexBox-57fe8191.js';
-import { Text } from '../text/Text-d8efb3ca.js';
-
-/** Internal component used to render image captions */
-const ImageCaption = props => {
-  const defaultTheme = useTheme();
-  const {
-    baseClassName,
-    theme = defaultTheme,
-    as = 'figcaption',
-    title,
-    titleProps,
-    description,
-    descriptionProps,
-    tags,
-    captionStyle,
-    align,
-    truncate
-  } = props;
-  if (!title && !description && !tags) return null;
-  const titleColor = {
-    color: theme === 'dark' ? 'light' : 'dark'
-  };
-  const baseColor = {
-    color: theme === 'dark' ? 'light' : 'dark',
-    colorVariant: 'L2'
-  };
-
-  // Display description as string or HTML
-  const descriptionContent = typeof description === 'string' ? {
-    children: description
-  } : {
-    dangerouslySetInnerHTML: description
-  };
-  return /*#__PURE__*/jsxs(FlexBox, {
-    as: as,
-    className: classNames(baseClassName && `${baseClassName}__wrapper`),
-    style: captionStyle,
-    orientation: "vertical",
-    vAlign: align,
-    hAlign: align === 'center' ? align : undefined,
-    gap: "regular",
-    children: [(title || description) && /*#__PURE__*/jsxs(Text, {
-      as: "p",
-      className: classNames(baseClassName && `${baseClassName}__caption`),
-      truncate: truncate,
-      ...baseColor,
-      children: [title && /*#__PURE__*/jsx(Text, {
-        ...titleProps,
-        as: "span",
-        className: classNames(titleProps?.className, baseClassName && `${baseClassName}__title`),
-        typography: "subtitle1",
-        ...titleColor,
-        children: title
-      }), ' ', description && /*#__PURE__*/jsx(Text, {
-        ...descriptionProps,
-        as: "span",
-        className: classNames(descriptionProps?.className, baseClassName && `${baseClassName}__description`),
-        typography: "body1",
-        ...descriptionContent
-      })]
-    }), tags && /*#__PURE__*/jsx(FlexBox, {
-      className: classNames(baseClassName && `${baseClassName}__tags`),
-      orientation: "horizontal",
-      vAlign: align,
-      children: tags
-    })]
-  });
-};
-
-export { ImageCaption };
-//# sourceMappingURL=ImageCaption-f59f00d0.js.map

package/_internal/packages/lumx-react/src/components/image-block/ImageCaption-f59f00d0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageCaption-f59f00d0.js","sources":["../../../../../../../src/components/image-block/ImageCaption.tsx"],"sourcesContent":["import { CSSProperties, ReactNode } from 'react';\n\nimport { FlexBox, HorizontalAlignment, Text, TextProps, useTheme } from '@lumx/react';\nimport { HasPolymorphicAs, HasTheme } from '@lumx/react/utils/type';\nimport classNames from 'classnames';\n\ntype As = 'div' | 'figcaption';\n\ntype ForwardedTextProps = Omit<TextProps, 'as' | 'typography' | 'color' | 'colorVariant'>;\n\nexport type ImageCaptionMetadata = {\n    /** Image title to display in the caption. */\n    title?: string;\n    /** Props to pass to the title. */\n    titleProps?: ForwardedTextProps;\n    /** Image description. Can be either a string, or sanitized html. */\n    description?: string | { __html: string };\n    /** Props to pass to the title. */\n    descriptionProps?: ForwardedTextProps;\n    /** Tag content. */\n    tags?: ReactNode;\n    /** Caption custom CSS style. */\n    captionStyle?: CSSProperties;\n};\n\nexport type ImageCaptionProps<AS extends As = 'figcaption'> = HasTheme &\n    HasPolymorphicAs<AS> &\n    ImageCaptionMetadata & {\n        /** Base className for sub elements */\n        baseClassName?: string;\n        /** Alignment. */\n        align?: HorizontalAlignment;\n        /** Truncate text on title & description (no line wrapping). */\n        truncate?: TextProps['truncate'];\n    };\n\n/** Internal component used to render image captions */\nexport const ImageCaption = <AS extends As>(props: ImageCaptionProps<AS>) => {\n    const defaultTheme = useTheme();\n    const {\n        baseClassName,\n        theme = defaultTheme,\n        as = 'figcaption',\n        title,\n        titleProps,\n        description,\n        descriptionProps,\n        tags,\n        captionStyle,\n        align,\n        truncate,\n    } = props;\n    if (!title && !description && !tags) return null;\n\n    const titleColor = { color: theme === 'dark' ? 'light' : 'dark' } as const;\n    const baseColor = { color: theme === 'dark' ? 'light' : 'dark', colorVariant: 'L2' } as const;\n\n    // Display description as string or HTML\n    const descriptionContent =\n        typeof description === 'string' ? { children: description } : { dangerouslySetInnerHTML: description };\n\n    return (\n        <FlexBox\n            as={as}\n            className={classNames(baseClassName && `${baseClassName}__wrapper`)}\n            style={captionStyle}\n            orientation=\"vertical\"\n            vAlign={align}\n            hAlign={align === 'center' ? align : undefined}\n            gap=\"regular\"\n        >\n            {(title || description) && (\n                <Text\n                    as=\"p\"\n                    className={classNames(baseClassName && `${baseClassName}__caption`)}\n                    truncate={truncate}\n                    {...baseColor}\n                >\n                    {title && (\n                        <Text\n                            {...titleProps}\n                            as=\"span\"\n                            className={classNames(titleProps?.className, baseClassName && `${baseClassName}__title`)}\n                            typography=\"subtitle1\"\n                            {...titleColor}\n                        >\n                            {title}\n                        </Text>\n                    )}{' '}\n                    {description && (\n                        <Text\n                            {...descriptionProps}\n                            as=\"span\"\n                            className={classNames(\n                                descriptionProps?.className,\n                                baseClassName && `${baseClassName}__description`,\n                            )}\n                            typography=\"body1\"\n                            {...descriptionContent}\n                        />\n                    )}\n                </Text>\n            )}\n            {tags && (\n                <FlexBox\n                    className={classNames(baseClassName && `${baseClassName}__tags`)}\n                    orientation=\"horizontal\"\n                    vAlign={align}\n                >\n                    {tags}\n                </FlexBox>\n            )}\n        </FlexBox>\n    );\n};\n"],"names":["ImageCaption","props","defaultTheme","useTheme","baseClassName","theme","as","title","titleProps","description","descriptionProps","tags","captionStyle","align","truncate","titleColor","color","baseColor","colorVariant","descriptionContent","children","dangerouslySetInnerHTML","_jsxs","FlexBox","className","classNames","style","orientation","vAlign","hAlign","undefined","gap","Text","_jsx","typography"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/image-lightbox/ImageLightbox-5986e26a.js

@@ -1,87 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { useMergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { ImageSlideshow } from './internal/ImageSlideshow-a185b234.js';
-import { useImageLightbox } from './useImageLightbox-4a785dc6.js';
-import { CLASSNAME, COMPONENT_NAME } from './constants-31b6784b.js';
-import { jsx } from 'react/jsx-runtime';
-import { Lightbox } from '../lightbox/Lightbox-198bb478.js';
-import { ThemeProvider } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { ClickAwayProvider } from '../../utils/ClickAwayProvider/ClickAwayProvider-ec55d284.js';
-
-const Inner = forwardRef((props, ref) => {
-  const {
-    className,
-    isOpen,
-    closeButtonProps,
-    onClose,
-    parentElement,
-    activeImageIndex,
-    slideshowControlsProps,
-    slideGroupLabel,
-    images,
-    zoomOutButtonProps,
-    zoomInButtonProps,
-    activeImageRef: propImageRef,
-    ...forwardedProps
-  } = props;
-  const currentPaginationItemRef = React__default.useRef(null);
-  const footerRef = React__default.useRef(null);
-  const imageRef = React__default.useRef(null);
-  const clickAwayChildrenRefs = React__default.useRef([imageRef, footerRef]);
-  const onClickAway = React__default.useCallback(evt => {
-    const targetElement = evt.target;
-    if (!(targetElement instanceof HTMLElement) || !(evt instanceof MouseEvent)) return;
-
-    // Skip click away if clicking on the scrollbar
-    if (targetElement.clientWidth < evt.clientX || targetElement.clientHeight < evt.clientY) return;
-    onClose?.();
-  }, [onClose]);
-  return /*#__PURE__*/jsx(Lightbox, {
-    ref: ref,
-    className: classNames(className, CLASSNAME),
-    parentElement: parentElement,
-    isOpen: isOpen,
-    onClose: onClose,
-    closeButtonProps: closeButtonProps,
-    focusElement: currentPaginationItemRef,
-    ...forwardedProps,
-    // Disable the close on click away as we want a custom one here
-    preventAutoClose: true,
-    children: /*#__PURE__*/jsx(ClickAwayProvider, {
-      childrenRefs: clickAwayChildrenRefs,
-      callback: onClickAway,
-      children: /*#__PURE__*/jsx(ThemeProvider, {
-        value: "dark",
-        children: /*#__PURE__*/jsx(ImageSlideshow, {
-          activeImageIndex: activeImageIndex,
-          slideGroupLabel: slideGroupLabel,
-          slideshowControlsProps: slideshowControlsProps,
-          images: images,
-          zoomInButtonProps: zoomInButtonProps,
-          zoomOutButtonProps: zoomOutButtonProps,
-          footerRef: footerRef,
-          activeImageRef: useMergeRefs(propImageRef, imageRef),
-          currentPaginationItemRef: currentPaginationItemRef
-        })
-      })
-    })
-  });
-});
-Inner.displayName = COMPONENT_NAME;
-Inner.className = CLASSNAME;
-
-/**
- * ImageLightbox component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const ImageLightbox = Object.assign(Inner, {
-  useImageLightbox
-});
-
-export { ImageLightbox };
-//# sourceMappingURL=ImageLightbox-5986e26a.js.map

package/_internal/packages/lumx-react/src/components/image-lightbox/ImageLightbox-5986e26a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageLightbox-5986e26a.js","sources":["../../../../../../../src/components/image-lightbox/ImageLightbox.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { Lightbox, ThemeProvider } from '@lumx/react';\nimport { ClickAwayProvider } from '@lumx/react/utils';\nimport { useMergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { ImageSlideshow } from './internal/ImageSlideshow';\nimport { useImageLightbox } from './useImageLightbox';\nimport type { ImageLightboxProps } from './types';\nimport { CLASSNAME, COMPONENT_NAME } from './constants';\n\nconst Inner = forwardRef<ImageLightboxProps, HTMLDivElement>((props, ref) => {\n    const {\n        className,\n        isOpen,\n        closeButtonProps,\n        onClose,\n        parentElement,\n        activeImageIndex,\n        slideshowControlsProps,\n        slideGroupLabel,\n        images,\n        zoomOutButtonProps,\n        zoomInButtonProps,\n        activeImageRef: propImageRef,\n        ...forwardedProps\n    } = props;\n    const currentPaginationItemRef = React.useRef(null);\n    const footerRef = React.useRef(null);\n    const imageRef = React.useRef(null);\n    const clickAwayChildrenRefs = React.useRef([imageRef, footerRef]);\n\n    const onClickAway = React.useCallback(\n        (evt: Event) => {\n            const targetElement = evt.target;\n            if (!(targetElement instanceof HTMLElement) || !(evt instanceof MouseEvent)) return;\n\n            // Skip click away if clicking on the scrollbar\n            if (targetElement.clientWidth < evt.clientX || targetElement.clientHeight < evt.clientY) return;\n\n            onClose?.();\n        },\n        [onClose],\n    );\n\n    return (\n        <Lightbox\n            ref={ref}\n            className={classNames(className, CLASSNAME)}\n            parentElement={parentElement}\n            isOpen={isOpen}\n            onClose={onClose}\n            closeButtonProps={closeButtonProps}\n            focusElement={currentPaginationItemRef}\n            {...forwardedProps}\n            // Disable the close on click away as we want a custom one here\n            preventAutoClose\n        >\n            <ClickAwayProvider childrenRefs={clickAwayChildrenRefs} callback={onClickAway}>\n                <ThemeProvider value=\"dark\">\n                    <ImageSlideshow\n                        activeImageIndex={activeImageIndex}\n                        slideGroupLabel={slideGroupLabel}\n                        slideshowControlsProps={slideshowControlsProps}\n                        images={images}\n                        zoomInButtonProps={zoomInButtonProps}\n                        zoomOutButtonProps={zoomOutButtonProps}\n                        footerRef={footerRef}\n                        activeImageRef={useMergeRefs(propImageRef, imageRef)}\n                        currentPaginationItemRef={currentPaginationItemRef}\n                    />\n                </ThemeProvider>\n            </ClickAwayProvider>\n        </Lightbox>\n    );\n});\nInner.displayName = COMPONENT_NAME;\nInner.className = CLASSNAME;\n\n/**\n * ImageLightbox component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ImageLightbox = Object.assign(Inner, { useImageLightbox });\n"],"names":["Inner","forwardRef","props","ref","className","isOpen","closeButtonProps","onClose","parentElement","activeImageIndex","slideshowControlsProps","slideGroupLabel","images","zoomOutButtonProps","zoomInButtonProps","activeImageRef","propImageRef","forwardedProps","currentPaginationItemRef","React","useRef","footerRef","imageRef","clickAwayChildrenRefs","onClickAway","useCallback","evt","targetElement","target","HTMLElement","MouseEvent","clientWidth","clientX","clientHeight","clientY","_jsx","Lightbox","classNames","CLASSNAME","focusElement","preventAutoClose","children","ClickAwayProvider","childrenRefs","callback","ThemeProvider","value","ImageSlideshow","useMergeRefs","displayName","COMPONENT_NAME","ImageLightbox","Object","assign","useImageLightbox"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/image-lightbox/constants-31b6784b.js

@@ -1,14 +0,0 @@
-import { getRootClassName } from '@lumx/core/js/utils/className';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'ImageLightbox';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-export { CLASSNAME, COMPONENT_NAME };
-//# sourceMappingURL=constants-31b6784b.js.map

package/_internal/packages/lumx-react/src/components/image-lightbox/constants-31b6784b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-31b6784b.js","sources":["../../../../../../../src/components/image-lightbox/constants.ts"],"sourcesContent":["import { getRootClassName } from '@lumx/core/js/utils/className';\n\n/**\n * Component display name.\n */\nexport const COMPONENT_NAME = 'ImageLightbox';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName"],"mappings":";;AAEA;AACA;AACA;AACO,MAAMA,cAAc,GAAG,gBAAe;;AAE7C;AACA;AACA;MACaC,SAAS,GAAGC,gBAAgB,CAACF,cAAc;;;;"}

package/_internal/packages/lumx-react/src/components/image-lightbox/internal/ImageSlide-9cfe18c6.js

@@ -1,104 +0,0 @@
-import React__default from 'react';
-import { useMergeRefs } from '../../../utils/react/mergeRefs-27df0cb6.js';
-import { useSizeOnWindowResize } from '../../../hooks/useSizeOnWindowResize-1ee5415f.js';
-import { useImageSize } from '../../../hooks/useImageSize-d672fc0e.js';
-import { isReducedMotion } from '../../../utils/browser/isReducedMotion-aca1229c.js';
-import { isEqual } from '../../../utils/object/isEqual-b1154f4b.js';
-import { CLASSNAME } from '../constants-31b6784b.js';
-import { usePointerZoom } from './usePointerZoom-8d318b2b.js';
-import { useAnimateScroll } from './useAnimateScroll-0db022d6.js';
-import { jsx } from 'react/jsx-runtime';
-import { SlideshowItem } from '../../slideshow/SlideshowItem-59ca2aee.js';
-import { Thumbnail } from '../../thumbnail/Thumbnail-49bab66c.js';
-
-/** Internal image slide component for ImageLightbox */
-const ImageSlide = /*#__PURE__*/React__default.memo(props => {
-  const {
-    isActive,
-    scale,
-    onScaleChange,
-    image: {
-      image,
-      imgRef: propImgRef,
-      imgProps,
-      alt,
-      loadingPlaceholderImageRef
-    }
-  } = props;
-
-  // Get scroll area size
-  const scrollAreaRef = React__default.useRef(null);
-  const [scrollAreaSize, updateSize] = useSizeOnWindowResize(scrollAreaRef);
-  React__default.useEffect(() => {
-    // Update size when active
-    if (isActive) updateSize();
-  }, [isActive, updateSize]);
-
-  // Get image size
-  const imgRef = React__default.useRef(null);
-  const imageSize = useImageSize(imgRef, () => {
-    const width = Number.parseInt(imgProps?.width, 10);
-    const height = Number.parseInt(imgProps?.height, 10);
-    return width && height ? {
-      width,
-      height
-    } : null;
-  });
-
-  // Calculate new image size with scale
-  const scaledImageSize = React__default.useMemo(() => {
-    if (!scrollAreaSize || !imageSize) {
-      return null;
-    }
-    const horizontalScale = scrollAreaSize.width / imageSize.width;
-    const verticalScale = scrollAreaSize.height / imageSize.height;
-    const baseScale = Math.min(1, Math.min(horizontalScale, verticalScale));
-    return {
-      width: imageSize.width * baseScale * (scale ?? 1),
-      height: imageSize.height * baseScale * (scale ?? 1)
-    };
-  }, [scrollAreaSize, imageSize, scale]);
-
-  // Animate scroll to preserve the center of the current visible window in the scroll area
-  const animateScroll = useAnimateScroll(scrollAreaRef);
-
-  // Zoom via mouse wheel or multi-touch pinch zoom
-  const isPointerZooming = usePointerZoom(scrollAreaRef, onScaleChange, animateScroll);
-
-  // Animate scroll on scale change
-  React__default.useLayoutEffect(() => {
-    if (scale && !isPointerZooming) {
-      animateScroll();
-    }
-  }, [isPointerZooming, scale, animateScroll]);
-  const isScrollable = scaledImageSize && scrollAreaSize && (scaledImageSize.width > scrollAreaSize.width || scaledImageSize.height > scrollAreaSize.height);
-  return /*#__PURE__*/jsx(SlideshowItem, {
-    ref: scrollAreaRef
-    // Make it accessible to keyboard nav when the zone is scrollable
-    ,
-    tabIndex: isScrollable ? 0 : undefined,
-    className: `${CLASSNAME}__image-slide`,
-    children: /*#__PURE__*/jsx(Thumbnail, {
-      imgRef: useMergeRefs(imgRef, propImgRef),
-      image: image,
-      alt: alt,
-      className: `${CLASSNAME}__thumbnail`,
-      imgProps: {
-        ...imgProps,
-        style: {
-          ...imgProps?.style,
-          ...(scaledImageSize || {
-            maxHeight: scrollAreaSize?.height,
-            maxWidth: scrollAreaSize?.width
-          }),
-          // Only animate when scale is set, and we are not pointer zooming and the user does not prefer reduced motion
-          transition: scale && !isPointerZooming && !isReducedMotion() ? 'all 250ms' : undefined
-        }
-      },
-      loadingPlaceholderImageRef: loadingPlaceholderImageRef
-    })
-  });
-}, isEqual);
-
-export { ImageSlide };
-//# sourceMappingURL=ImageSlide-9cfe18c6.js.map

package/_internal/packages/lumx-react/src/components/image-lightbox/internal/ImageSlide-9cfe18c6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageSlide-9cfe18c6.js","sources":["../../../../../../../../src/components/image-lightbox/internal/ImageSlide.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SlideshowItem, Thumbnail } from '@lumx/react';\nimport { useMergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useSizeOnWindowResize } from '@lumx/react/hooks/useSizeOnWindowResize';\nimport { useImageSize } from '@lumx/react/hooks/useImageSize';\nimport { isReducedMotion } from '@lumx/react/utils/browser/isReducedMotion';\nimport { isEqual } from '@lumx/react/utils/object/isEqual';\n\nimport { CLASSNAME } from '../constants';\nimport { usePointerZoom } from './usePointerZoom';\nimport { useAnimateScroll } from './useAnimateScroll';\nimport type { ImageProps } from '../types';\n\nexport interface ImageSlideProps {\n    image: ImageProps;\n    isActive?: boolean;\n    scale?: number;\n    onScaleChange?: (value: number) => void;\n}\n\n/** Internal image slide component for ImageLightbox */\nexport const ImageSlide = React.memo((props: ImageSlideProps) => {\n    const {\n        isActive,\n        scale,\n        onScaleChange,\n        image: { image, imgRef: propImgRef, imgProps, alt, loadingPlaceholderImageRef },\n    } = props;\n\n    // Get scroll area size\n    const scrollAreaRef = React.useRef<HTMLDivElement>(null);\n    const [scrollAreaSize, updateSize] = useSizeOnWindowResize(scrollAreaRef);\n    React.useEffect(() => {\n        // Update size when active\n        if (isActive) updateSize();\n    }, [isActive, updateSize]);\n\n    // Get image size\n    const imgRef = React.useRef<HTMLImageElement>(null);\n    const imageSize = useImageSize(imgRef, () => {\n        const width = Number.parseInt(imgProps?.width as any, 10);\n        const height = Number.parseInt(imgProps?.height as any, 10);\n        return width && height ? { width, height } : null;\n    });\n\n    // Calculate new image size with scale\n    const scaledImageSize = React.useMemo(() => {\n        if (!scrollAreaSize || !imageSize) {\n            return null;\n        }\n        const horizontalScale = scrollAreaSize.width / imageSize.width;\n        const verticalScale = scrollAreaSize.height / imageSize.height;\n        const baseScale = Math.min(1, Math.min(horizontalScale, verticalScale));\n        return {\n            width: imageSize.width * baseScale * (scale ?? 1),\n            height: imageSize.height * baseScale * (scale ?? 1),\n        };\n    }, [scrollAreaSize, imageSize, scale]);\n\n    // Animate scroll to preserve the center of the current visible window in the scroll area\n    const animateScroll = useAnimateScroll(scrollAreaRef);\n\n    // Zoom via mouse wheel or multi-touch pinch zoom\n    const isPointerZooming = usePointerZoom(scrollAreaRef, onScaleChange, animateScroll);\n\n    // Animate scroll on scale change\n    React.useLayoutEffect(() => {\n        if (scale && !isPointerZooming) {\n            animateScroll();\n        }\n    }, [isPointerZooming, scale, animateScroll]);\n\n    const isScrollable =\n        scaledImageSize &&\n        scrollAreaSize &&\n        (scaledImageSize.width > scrollAreaSize.width || scaledImageSize.height > scrollAreaSize.height);\n\n    return (\n        <SlideshowItem\n            ref={scrollAreaRef}\n            // Make it accessible to keyboard nav when the zone is scrollable\n            tabIndex={isScrollable ? 0 : undefined}\n            className={`${CLASSNAME}__image-slide`}\n        >\n            <Thumbnail\n                imgRef={useMergeRefs(imgRef, propImgRef)}\n                image={image}\n                alt={alt}\n                className={`${CLASSNAME}__thumbnail`}\n                imgProps={{\n                    ...imgProps,\n                    style: {\n                        ...imgProps?.style,\n                        ...(scaledImageSize || {\n                            maxHeight: scrollAreaSize?.height,\n                            maxWidth: scrollAreaSize?.width,\n                        }),\n                        // Only animate when scale is set, and we are not pointer zooming and the user does not prefer reduced motion\n                        transition: scale && !isPointerZooming && !isReducedMotion() ? 'all 250ms' : undefined,\n                    },\n                }}\n                loadingPlaceholderImageRef={loadingPlaceholderImageRef}\n            />\n        </SlideshowItem>\n    );\n}, isEqual);\n"],"names":["ImageSlide","React","memo","props","isActive","scale","onScaleChange","image","imgRef","propImgRef","imgProps","alt","loadingPlaceholderImageRef","scrollAreaRef","useRef","scrollAreaSize","updateSize","useSizeOnWindowResize","useEffect","imageSize","useImageSize","width","Number","parseInt","height","scaledImageSize","useMemo","horizontalScale","verticalScale","baseScale","Math","min","animateScroll","useAnimateScroll","isPointerZooming","usePointerZoom","useLayoutEffect","isScrollable","_jsx","SlideshowItem","ref","tabIndex","undefined","className","CLASSNAME","children","Thumbnail","useMergeRefs","style","maxHeight","maxWidth","transition","isReducedMotion","isEqual"],"mappings":"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"}