@lumx/react 3.20.1-alpha.10 → 3.20.1-alpha.11

package/_internal/881714a1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"881714a1.js","sources":["../../src/components/progress/ProgressLinear.tsx","../../src/components/progress/ProgressCircular.tsx","../../src/components/progress/Progress.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport interface ProgressLinearProps extends GenericProps, HasTheme {}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressLinear';\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<ProgressLinearProps> = {};\n\n/**\n * ProgressLinear component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressLinear = forwardRef<ProgressLinearProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, theme = defaultTheme, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }))}\n        >\n            <div className=\"lumx-progress-linear__line1\" />\n            <div className=\"lumx-progress-linear__line2\" />\n        </div>\n    );\n});\nProgressLinear.displayName = COMPONENT_NAME;\nProgressLinear.className = CLASSNAME;\nProgressLinear.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { Theme, Size } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Progress sizes.\n */\nexport type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressCircularProps extends GenericProps, HasTheme {\n    /**\n     * Progress circular size.\n     */\n    size?: ProgressCircularSize;\n    /**\n     * Progress display type (inline or block).\n     * @default 'block'\n     */\n    display?: 'inline' | 'block';\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressCircular';\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<ProgressCircularProps> = {\n    size: Size.m,\n    display: 'block',\n};\n\n/**\n * ProgressCircularProps component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressCircular = forwardRef<ProgressCircularProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        className,\n        theme = defaultTheme,\n        size = DEFAULT_PROPS.size,\n        display = DEFAULT_PROPS.display,\n        ...forwardedProps\n    } = props;\n    const Element = display === 'block' ? 'div' : 'span';\n\n    return (\n        <Element\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, size, display }))}\n        >\n            <Element className=\"lumx-progress-circular__double-bounce1\" />\n            <Element className=\"lumx-progress-circular__double-bounce2\" />\n\n            <svg className=\"lumx-progress-circular__svg\" viewBox=\"25 25 50 50\">\n                <circle className=\"lumx-progress-circular__path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" strokeWidth=\"5\" />\n            </svg>\n        </Element>\n    );\n});\nProgressCircular.displayName = COMPONENT_NAME;\nProgressCircular.className = CLASSNAME;\nProgressCircular.defaultProps = DEFAULT_PROPS;\n","import classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { ProgressLinear } from './ProgressLinear';\nimport { ProgressCircular } from './ProgressCircular';\n\n/**\n * Progress variants.\n */\nexport const ProgressVariant = { linear: 'linear', circular: 'circular' } as const;\nexport type ProgressVariant = ValueOf<typeof ProgressVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressProps extends GenericProps, HasTheme {\n    /** Progress variant. */\n    variant?: ProgressVariant;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Progress';\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<ProgressProps> = {\n    variant: ProgressVariant.circular,\n};\n\n/**\n * Progress component.\n *\n * @deprecated use `ProgressLinear` and `ProgressCircular` instead.\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Progress = forwardRef<ProgressProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, theme = defaultTheme, variant = DEFAULT_PROPS.variant, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, variant }))}\n        >\n            {variant === ProgressVariant.circular && <ProgressCircular theme={theme} />}\n            {variant === ProgressVariant.linear && <ProgressLinear theme={theme} />}\n        </div>\n    );\n});\nProgress.displayName = COMPONENT_NAME;\nProgress.className = CLASSNAME;\nProgress.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","ProgressLinear","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","forwardedProps","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps","size","Size","m","display","ProgressCircular","Element","viewBox","cx","cy","r","fill","strokeWidth","ProgressVariant","linear","circular","variant","Progress"],"mappings":"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"}

package/_internal/88ec77c2.js

@@ -0,0 +1,130 @@
+import noop from 'lodash/noop';
+
+/**
+ * Make sure the pressed key is the enter key before calling the callback.
+ *
+ * @param  handler The handler to call on enter/return press.
+ * @return The decorated function.
+ */
+function onEnterPressed(handler) {
+  return evt => {
+    if (evt.key !== 'Enter') {
+      return;
+    }
+    handler(evt);
+  };
+}
+
+/**
+ * Make sure the pressed key is the escape key before calling the callback.
+ *
+ * @param  handler The handler to call on enter/return press.
+ * @return The decorated function.
+ */
+function onEscapePressed(handler) {
+  return evt => {
+    if (evt.key !== 'Escape') {
+      return;
+    }
+    handler(evt);
+  };
+}
+
+/**
+ * Handle button key pressed (Enter + Space).
+ *
+ * @param  handler The handler to call.
+ * @return The decorated function.
+ */
+function onButtonPressed(handler) {
+  return evt => {
+    if (evt.key !== 'Enter' && evt.key !== ' ') {
+      return;
+    }
+    handler(evt);
+  };
+}
+
+/**
+ * Checks whether or not the browser support passive events.
+ * @see https://github.com/Modernizr/Modernizr/blob/6d56d814b9682843313b16060adb25a58d83a317/feature-detects/dom/passiveeventlisteners.js
+ */
+function isPassiveEventAvailable() {
+  let supportsPassiveOption = false;
+  try {
+    const opts = Object.defineProperty({}, 'passive', {
+      get() {
+        supportsPassiveOption = true;
+      }
+    });
+    window.addEventListener('testPassiveEventSupport', noop, opts);
+    window.removeEventListener('testPassiveEventSupport', noop, opts);
+  } catch (e) {
+    // ignored
+  }
+  return supportsPassiveOption;
+}
+
+/**
+ * Detects horizontal swipe direction without blocking the browser scroll using passive event.
+ * @see http://javascriptkit.com/javatutors/touchevents2.shtml
+ * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
+ */
+function detectHorizontalSwipe(touchSurface, handleSwipe) {
+  let startX;
+  let startY;
+  // Required min distance traveled to be considered swipe.
+  const threshold = 150;
+  // Maximum distance allowed at the same time in perpendicular direction.
+  const restraint = 150;
+  // Maximum time allowed to travel that distance.
+  const allowedTime = 300;
+  let elapsedTime;
+  let startTime;
+  let finished;
+  const onTouchStart = evt => {
+    const [touch] = Array.from(evt.changedTouches);
+    startX = touch.pageX;
+    startY = touch.pageY;
+    // Record time when finger first makes contact with surface.
+    startTime = new Date().getTime();
+    finished = false;
+  };
+  const onTouchMove = evt => {
+    if (finished) {
+      return;
+    }
+    elapsedTime = new Date().getTime() - startTime;
+    if (elapsedTime > allowedTime) {
+      // Touch swipe too long to be considered.
+      return;
+    }
+    const [touch] = Array.from(evt.changedTouches);
+    // Get horizontal dist traveled by finger while in contact with surface.
+    const distX = touch.pageX - startX;
+    // Get vertical dist traveled by finger while in contact with surface.
+    const distY = touch.pageY - startY;
+    if (!(Math.abs(distX) >= threshold && Math.abs(distY) <= restraint)) {
+      // Swipe is not horizontal.
+      return;
+    }
+    // Swipe direction.
+    const direction = distX < 0 ? 'left' : 'right';
+    handleSwipe(direction);
+    finished = true;
+  };
+
+  // Activate passive event if possible for better scrolling performance.
+  const eventOptions = isPassiveEventAvailable() ? {
+    passive: true
+  } : false;
+  touchSurface.addEventListener('touchstart', onTouchStart, eventOptions);
+  touchSurface.addEventListener('touchmove', onTouchMove, eventOptions);
+  return () => {
+    touchSurface.removeEventListener('touchstart', onTouchStart, eventOptions);
+    touchSurface.removeEventListener('touchmove', onTouchMove, eventOptions);
+  };
+}
+
+export { onEscapePressed as a, onButtonPressed as b, detectHorizontalSwipe as d, onEnterPressed as o };
+//# sourceMappingURL=88ec77c2.js.map

package/_internal/88ec77c2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"88ec77c2.js","sources":["../../../lumx-core/src/js/utils/index.ts"],"sourcesContent":["import type { KeyboardEvent as ReactKeyboardEvent } from 'react';\n\nimport noop from 'lodash/noop';\n\nexport * from './className';\n\ntype KeyboardEventHandler<E extends KeyboardEvent | ReactKeyboardEvent> = (event: E) => void;\n\n/**\n * Make sure the pressed key is the enter key before calling the callback.\n *\n * @param  handler The handler to call on enter/return press.\n * @return The decorated function.\n */\nexport function onEnterPressed<E extends KeyboardEvent | ReactKeyboardEvent>(\n    handler: KeyboardEventHandler<E>,\n): KeyboardEventHandler<E> {\n    return (evt) => {\n        if (evt.key !== 'Enter') {\n            return;\n        }\n        handler(evt);\n    };\n}\n\n/**\n * Make sure the pressed key is the escape key before calling the callback.\n *\n * @param  handler The handler to call on enter/return press.\n * @return The decorated function.\n */\nexport function onEscapePressed<E extends KeyboardEvent | ReactKeyboardEvent>(\n    handler: KeyboardEventHandler<E>,\n): KeyboardEventHandler<E> {\n    return (evt) => {\n        if (evt.key !== 'Escape') {\n            return;\n        }\n        handler(evt);\n    };\n}\n\n/**\n * Handle button key pressed (Enter + Space).\n *\n * @param  handler The handler to call.\n * @return The decorated function.\n */\nexport function onButtonPressed<E extends KeyboardEvent | ReactKeyboardEvent>(\n    handler: KeyboardEventHandler<E>,\n): KeyboardEventHandler<E> {\n    return (evt) => {\n        if (evt.key !== 'Enter' && evt.key !== ' ') {\n            return;\n        }\n        handler(evt);\n    };\n}\n\ndeclare type SwipeDirection = 'none' | 'up' | 'down' | 'left' | 'right';\n\n/**\n * Detects swipe direction.\n * Credits: http://javascriptkit.com/javatutors/touchevents2.shtml.\n *\n * @deprecated use `detectHorizontalSwipe` instead if possible (better performance and does not block scroll)\n * @param  touchSurface          Element that will hold touch events.\n * @param  handleSwipe Callback function.\n * @return Function to remove listeners.\n */\nexport function detectSwipe(touchSurface: Element, handleSwipe: (direction: SwipeDirection) => void = noop) {\n    let distX: number;\n    let distY: number;\n    let startX: number;\n    let startY: number;\n    let direction: SwipeDirection;\n    // Required min distance traveled to be considered swipe.\n    const threshold = 150;\n    // Maximum distance allowed at the same time in perpendicular direction.\n    const restraint = 100;\n    // Maximum time allowed to travel that distance.\n    const allowedTime = 300;\n    let elapsedTime: number;\n    let startTime: number;\n\n    const onTouchStart = (evt: Event) => {\n        const [touch] = Array.from((evt as TouchEvent).changedTouches);\n        direction = 'none';\n        // Const dist = 0;\n        startX = touch.pageX;\n        startY = touch.pageY;\n        // Record time when finger first makes contact with surface.\n        startTime = new Date().getTime();\n        evt.preventDefault();\n    };\n\n    const onTouchMove = (evt: Event) => {\n        // Prevent scrolling when inside DIV.\n        evt.preventDefault();\n    };\n\n    const onTouchEnd = (evt: Event) => {\n        const [touch] = Array.from((evt as TouchEvent).changedTouches);\n        // Get horizontal dist traveled by finger while in contact with surface.\n        distX = touch.pageX - startX;\n        // Get vertical dist traveled by finger while in contact with surface.\n        distY = touch.pageY - startY;\n        // Get time elapsed.\n        elapsedTime = new Date().getTime() - startTime;\n        if (elapsedTime <= allowedTime) {\n            // First condition for awipe met.\n            if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) {\n                // 2nd condition for horizontal swipe met.\n                // If dist traveled is negative, it indicates left swipe.\n                direction = distX < 0 ? 'left' : 'right';\n            } else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) {\n                // 2nd condition for vertical swipe met.\n                // If dist traveled is negative, it indicates up swipe.\n                direction = distY < 0 ? 'up' : 'down';\n            }\n        }\n        handleSwipe(direction);\n        evt.preventDefault();\n    };\n\n    touchSurface.addEventListener('touchstart', onTouchStart, false);\n    touchSurface.addEventListener('touchmove', onTouchMove, false);\n    touchSurface.addEventListener('touchend', onTouchEnd, false);\n\n    return () => {\n        touchSurface.removeEventListener('touchstart', onTouchStart, false);\n        touchSurface.removeEventListener('touchmove', onTouchMove, false);\n        touchSurface.removeEventListener('touchend', onTouchEnd, false);\n    };\n}\n\n/**\n * Checks whether or not the browser support passive events.\n * @see https://github.com/Modernizr/Modernizr/blob/6d56d814b9682843313b16060adb25a58d83a317/feature-detects/dom/passiveeventlisteners.js\n */\nfunction isPassiveEventAvailable() {\n    let supportsPassiveOption = false;\n    try {\n        const opts = Object.defineProperty({}, 'passive', {\n            get() {\n                supportsPassiveOption = true;\n            },\n        });\n        window.addEventListener('testPassiveEventSupport', noop, opts);\n        window.removeEventListener('testPassiveEventSupport', noop, opts);\n    } catch (e) {\n        // ignored\n    }\n    return supportsPassiveOption;\n}\n\n/**\n * Detects horizontal swipe direction without blocking the browser scroll using passive event.\n * @see http://javascriptkit.com/javatutors/touchevents2.shtml\n * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md\n */\nexport function detectHorizontalSwipe(touchSurface: Element, handleSwipe: (direction: 'right' | 'left') => void) {\n    let startX: number;\n    let startY: number;\n    // Required min distance traveled to be considered swipe.\n    const threshold = 150;\n    // Maximum distance allowed at the same time in perpendicular direction.\n    const restraint = 150;\n    // Maximum time allowed to travel that distance.\n    const allowedTime = 300;\n    let elapsedTime: number;\n    let startTime: number;\n    let finished: boolean;\n\n    const onTouchStart = (evt: Event) => {\n        const [touch] = Array.from((evt as TouchEvent).changedTouches);\n        startX = touch.pageX;\n        startY = touch.pageY;\n        // Record time when finger first makes contact with surface.\n        startTime = new Date().getTime();\n        finished = false;\n    };\n\n    const onTouchMove = (evt: Event) => {\n        if (finished) {\n            return;\n        }\n\n        elapsedTime = new Date().getTime() - startTime;\n        if (elapsedTime > allowedTime) {\n            // Touch swipe too long to be considered.\n            return;\n        }\n\n        const [touch] = Array.from((evt as TouchEvent).changedTouches);\n        // Get horizontal dist traveled by finger while in contact with surface.\n        const distX = touch.pageX - startX;\n        // Get vertical dist traveled by finger while in contact with surface.\n        const distY = touch.pageY - startY;\n\n        if (!(Math.abs(distX) >= threshold && Math.abs(distY) <= restraint)) {\n            // Swipe is not horizontal.\n            return;\n        }\n        // Swipe direction.\n        const direction = distX < 0 ? 'left' : 'right';\n\n        handleSwipe(direction);\n        finished = true;\n    };\n\n    // Activate passive event if possible for better scrolling performance.\n    const eventOptions: any = isPassiveEventAvailable() ? { passive: true } : false;\n    touchSurface.addEventListener('touchstart', onTouchStart, eventOptions);\n    touchSurface.addEventListener('touchmove', onTouchMove, eventOptions);\n\n    return () => {\n        touchSurface.removeEventListener('touchstart', onTouchStart, eventOptions);\n        touchSurface.removeEventListener('touchmove', onTouchMove, eventOptions);\n    };\n}\n"],"names":["onEnterPressed","handler","evt","key","onEscapePressed","onButtonPressed","isPassiveEventAvailable","supportsPassiveOption","opts","Object","defineProperty","get","window","addEventListener","noop","removeEventListener","e","detectHorizontalSwipe","touchSurface","handleSwipe","startX","startY","threshold","restraint","allowedTime","elapsedTime","startTime","finished","onTouchStart","touch","Array","from","changedTouches","pageX","pageY","Date","getTime","onTouchMove","distX","distY","Math","abs","direction","eventOptions","passive"],"mappings":"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"}

package/_internal/8fcceef3.js

@@ -0,0 +1,120 @@
+import { m as getRootClassName, n as forwardRef, _ as _extends, l as classNames } from './d3321a86.js';
+import { h as handleBasicClasses } from './4ceaf17c.js';
+import { g as getTypographyClassName } from './d0dd1815.js';
+import { f as fontColorClass } from './0361b7fb.js';
+import React__default from 'react';
+import { u as useTooltipContext } from './21aeb1c7.js';
+import { V as VISUALLY_HIDDEN } from './b3bfbe72.js';
+import { u as useMergeRefs } from './f0d7d6ea.js';
+import { w as wrapChildrenIconWithSpaces } from './7c4f4643.js';
+
+/**
+ * Compute a tooltip label based on a label element `innerText` if the text overflows.
+ * Updates dynamically on content changes (but not on resize!)
+ */
+const useOverflowTooltipLabel = content => {
+  const parentTooltip = useTooltipContext();
+  const [tooltipLabel, setTooltipLabel] = React__default.useState(undefined);
+  const [labelElement, setLabelElement] = React__default.useState(null);
+  React__default.useLayoutEffect(() => {
+    if (
+    // Not inside a tooltip
+    !parentTooltip && labelElement &&
+    // Not inside a visually hidden
+    !labelElement?.closest(`.${VISUALLY_HIDDEN}`) &&
+    // Text overflows
+    labelElement.offsetWidth < labelElement.scrollWidth) {
+      // Set tooltip label
+      setTooltipLabel(labelElement.innerText);
+    } else {
+      setTooltipLabel(undefined);
+    }
+  }, [labelElement, parentTooltip, content]);
+  return {
+    labelRef: setLabelElement,
+    tooltipLabel
+  };
+};
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Text';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * Text component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Text = forwardRef((props, ref) => {
+  const {
+    as: Component,
+    children,
+    className,
+    color,
+    colorVariant,
+    noWrap,
+    typography,
+    truncate,
+    whiteSpace,
+    style,
+    ...forwardedProps
+  } = props;
+  const typographyClass = typography && getTypographyClassName(typography);
+
+  // Truncate mode
+  const truncateLinesStyle = typeof truncate === 'object' && truncate.lines > 1 && {
+    '--lumx-text-truncate-lines': truncate.lines
+  };
+  const isTruncatedMultiline = !!truncateLinesStyle;
+  const isTruncated = !!truncate;
+
+  /**
+   * Add custom white-space style if specified
+   * Disabled if noWrap is specified
+   * Disabled if truncated on one-line
+   * */
+  const whiteSpaceStyle = !noWrap && !(isTruncated && !isTruncatedMultiline) && whiteSpace && {
+    '--lumx-text-white-space': whiteSpace
+  };
+  const {
+    tooltipLabel,
+    labelRef
+  } = useOverflowTooltipLabel(children);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: useMergeRefs(ref, labelRef),
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      isTruncated: isTruncated && !isTruncatedMultiline,
+      isTruncatedMultiline
+    }), typographyClass, fontColorClass(color, colorVariant), noWrap && `${CLASSNAME}--no-wrap`),
+    title: tooltipLabel,
+    style: {
+      ...truncateLinesStyle,
+      ...whiteSpaceStyle,
+      ...style
+    }
+  }, forwardedProps), wrapChildrenIconWithSpaces(children));
+});
+Text.displayName = COMPONENT_NAME;
+Text.className = CLASSNAME;
+Text.defaultProps = DEFAULT_PROPS;
+
+export { Text as T, useOverflowTooltipLabel as u };
+//# sourceMappingURL=8fcceef3.js.map

package/_internal/8fcceef3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"8fcceef3.js","sources":["../../src/hooks/useOverflowTooltipLabel.tsx","../../src/components/text/Text.tsx"],"sourcesContent":["import React from 'react';\nimport { useTooltipContext } from '@lumx/react/components/tooltip/context';\nimport { VISUALLY_HIDDEN } from '@lumx/react/constants';\n\n/**\n * Compute a tooltip label based on a label element `innerText` if the text overflows.\n * Updates dynamically on content changes (but not on resize!)\n */\nexport const useOverflowTooltipLabel = (content: React.ReactNode) => {\n    const parentTooltip = useTooltipContext();\n    const [tooltipLabel, setTooltipLabel] = React.useState<string | undefined>(undefined);\n    const [labelElement, setLabelElement] = React.useState<HTMLElement | null>(null);\n\n    React.useLayoutEffect(() => {\n        if (\n            // Not inside a tooltip\n            !parentTooltip &&\n            labelElement &&\n            // Not inside a visually hidden\n            !labelElement?.closest(`.${VISUALLY_HIDDEN}`) &&\n            // Text overflows\n            labelElement.offsetWidth < labelElement.scrollWidth\n        ) {\n            // Set tooltip label\n            setTooltipLabel(labelElement.innerText);\n        } else {\n            setTooltipLabel(undefined);\n        }\n    }, [labelElement, parentTooltip, content]);\n\n    return { labelRef: setLabelElement, tooltipLabel };\n};\n","import classNames from 'classnames';\n\nimport { ColorWithVariants, ColorVariant, Typography, WhiteSpace } from '@lumx/react';\nimport { GenericProps, TextElement } from '@lumx/react/utils/type';\nimport {\n    fontColorClass,\n    getRootClassName,\n    handleBasicClasses,\n    getTypographyClassName,\n} from '@lumx/core/js/utils/className';\nimport { useOverflowTooltipLabel } from '@lumx/react/hooks/useOverflowTooltipLabel';\nimport { useMergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { wrapChildrenIconWithSpaces } from '@lumx/react/utils/react/wrapChildrenIconWithSpaces';\n\n/**\n * Defines the props of the component.\n */\nexport interface TextProps extends GenericProps {\n    /**\n     * Color variant.\n     */\n    color?: ColorWithVariants;\n    /**\n     * Lightened or darkened variant of the selected color.\n     */\n    colorVariant?: ColorVariant;\n    /**\n     * Typography variant.\n     */\n    typography?: Typography;\n    /**\n     * Custom component to render the text.\n     */\n    as: TextElement;\n    /**\n     * Control whether the text should truncate or not.\n     * Setting as `true` will make the text truncate on a single line.\n     * Setting as `{ lines: number }` will make the text truncate on a multiple lines.\n     */\n    truncate?: boolean | { lines: number };\n    /**\n     * Prevents text to wrap on multiple lines\n     * (automatically activated when single line text truncate is activated).\n     */\n    noWrap?: boolean;\n    /**\n     * WhiteSpace variant\n     * Ignored when `noWrap` is set to true\n     * Ignored when `truncate` is set to true or lines: 1\n     * */\n    whiteSpace?: WhiteSpace;\n    /**\n     * Children\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Text';\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 = {} as const;\n\n/**\n * Text component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Text = forwardRef<TextProps>((props, ref) => {\n    const {\n        as: Component,\n        children,\n        className,\n        color,\n        colorVariant,\n        noWrap,\n        typography,\n        truncate,\n        whiteSpace,\n        style,\n        ...forwardedProps\n    } = props;\n\n    const typographyClass = typography && getTypographyClassName(typography);\n\n    // Truncate mode\n    const truncateLinesStyle = typeof truncate === 'object' &&\n        truncate.lines > 1 && { '--lumx-text-truncate-lines': truncate.lines };\n    const isTruncatedMultiline = !!truncateLinesStyle;\n    const isTruncated = !!truncate;\n\n    /**\n     * Add custom white-space style if specified\n     * Disabled if noWrap is specified\n     * Disabled if truncated on one-line\n     * */\n    const whiteSpaceStyle = !noWrap &&\n        !(isTruncated && !isTruncatedMultiline) &&\n        whiteSpace && { '--lumx-text-white-space': whiteSpace };\n\n    const { tooltipLabel, labelRef } = useOverflowTooltipLabel(children);\n\n    return (\n        <Component\n            ref={useMergeRefs(ref as React.Ref<any>, labelRef)}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    isTruncated: isTruncated && !isTruncatedMultiline,\n                    isTruncatedMultiline,\n                }),\n                typographyClass,\n                fontColorClass(color, colorVariant),\n                noWrap && `${CLASSNAME}--no-wrap`,\n            )}\n            title={tooltipLabel}\n            style={{ ...truncateLinesStyle, ...whiteSpaceStyle, ...style }}\n            {...forwardedProps}\n        >\n            {wrapChildrenIconWithSpaces(children)}\n        </Component>\n    );\n});\nText.displayName = COMPONENT_NAME;\nText.className = CLASSNAME;\nText.defaultProps = DEFAULT_PROPS;\n"],"names":["useOverflowTooltipLabel","content","parentTooltip","useTooltipContext","tooltipLabel","setTooltipLabel","React","useState","undefined","labelElement","setLabelElement","useLayoutEffect","closest","VISUALLY_HIDDEN","offsetWidth","scrollWidth","innerText","labelRef","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Text","forwardRef","props","ref","as","Component","children","className","color","colorVariant","noWrap","typography","truncate","whiteSpace","style","forwardedProps","typographyClass","getTypographyClassName","truncateLinesStyle","lines","isTruncatedMultiline","isTruncated","whiteSpaceStyle","createElement","_extends","useMergeRefs","classNames","handleBasicClasses","prefix","fontColorClass","title","wrapChildrenIconWithSpaces","displayName","defaultProps"],"mappings":"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"}

package/_internal/9210e2f3.js

@@ -0,0 +1,61 @@
+import { m as getRootClassName, n as forwardRef, b as Theme, _ as _extends, l as classNames } from './d3321a86.js';
+import { h as handleBasicClasses } from './4ceaf17c.js';
+import { g as getTypographyClassName } from './d0dd1815.js';
+import { u as useTheme } from './3181f000.js';
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * 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__*/React.createElement("label", _extends({
+    ref: ref
+  }, forwardedProps, {
+    htmlFor: htmlFor,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      isRequired,
+      theme,
+      hasCustomTypography: Boolean(typography)
+    }), typographyClass)
+  }), children);
+});
+InputLabel.displayName = COMPONENT_NAME;
+InputLabel.className = CLASSNAME;
+InputLabel.defaultProps = DEFAULT_PROPS;
+
+export { InputLabel };
+//# sourceMappingURL=9210e2f3.js.map

package/_internal/9210e2f3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"9210e2f3.js","sources":["../../src/components/input-label/InputLabel.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme, Typography } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses, getTypographyClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\n/**\n * Defines the props of the component.\n */\nexport interface InputLabelProps extends GenericProps, HasTheme {\n    /** Typography variant. */\n    typography?: Typography;\n    /** Label content. */\n    children: string | ReactNode;\n    /** Native htmlFor property. */\n    htmlFor: string;\n    /** Whether the component is required or not. */\n    isRequired?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'InputLabel';\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<InputLabelProps> = {};\n\n/**\n * InputLabel component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const InputLabel = forwardRef<InputLabelProps, HTMLLabelElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { children, className, htmlFor, isRequired, theme = defaultTheme, typography, ...forwardedProps } = props;\n    const typographyClass = typography && getTypographyClassName(typography);\n\n    return (\n        <label\n            ref={ref}\n            {...forwardedProps}\n            htmlFor={htmlFor}\n            className={classNames(\n                className,\n                handleBasicClasses({ prefix: CLASSNAME, isRequired, theme, hasCustomTypography: Boolean(typography) }),\n                typographyClass,\n            )}\n        >\n            {children}\n        </label>\n    );\n});\nInputLabel.displayName = COMPONENT_NAME;\nInputLabel.className = CLASSNAME;\nInputLabel.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","InputLabel","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","htmlFor","isRequired","theme","typography","forwardedProps","typographyClass","getTypographyClassName","React","createElement","_extends","classNames","handleBasicClasses","prefix","hasCustomTypography","Boolean","displayName","defaultProps"],"mappings":";;;;;AAUA;AACA;AACA;;AAYA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAuC,GAAG,EAAE,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAoC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,OAAO;IAAEC,UAAU;AAAEC,IAAAA,KAAK,GAAGR,YAAY;IAAES,UAAU;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGZ,KAAK,CAAA;AAC/G,EAAA,MAAMa,eAAe,GAAGF,UAAU,IAAIG,sBAAsB,CAACH,UAAU,CAAC,CAAA;AAExE,EAAA,oBACII,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA;AACIhB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLW,cAAc,EAAA;AAClBJ,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,SAAS,EAAEW,UAAU,CACjBX,SAAS,EACTY,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEzB,SAAS;MAAEc,UAAU;MAAEC,KAAK;MAAEW,mBAAmB,EAAEC,OAAO,CAACX,UAAU,CAAA;KAAG,CAAC,EACtGE,eACJ,CAAA;AAAE,GAAA,CAAA,EAEDP,QACE,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFR,UAAU,CAACyB,WAAW,GAAG7B,cAAc,CAAA;AACvCI,UAAU,CAACS,SAAS,GAAGZ,SAAS,CAAA;AAChCG,UAAU,CAAC0B,YAAY,GAAG3B,aAAa;;;;"}

package/_internal/9452daf7.js

@@ -0,0 +1,103 @@
+export { C as Chip } from './e2440593.js';
+import { m as getRootClassName, n as forwardRef, _ as _extends, l as classNames } from './d3321a86.js';
+import { useState } from 'react';
+
+const INITIAL_STATE_ACTIVE_CHIP = -1;
+
+/**
+ * Hook that provides the necessary information to manage chips navigation.
+ * @param chips             List of chips selected.
+ * @param onChipDeleted     Callback executed when a chip must be eliminated.
+ * @param initialActiveChip Initial active chip index.
+ *
+ * @return chip navigation tools.
+ */
+const useChipGroupNavigation = (chips, onChipDeleted, initialActiveChip = INITIAL_STATE_ACTIVE_CHIP) => {
+  const [wasBackspacePressed, setWasBackspacePressed] = useState(false);
+  const [activeChip, setActiveChip] = useState(initialActiveChip);
+
+  /**
+   * Resets the active index and backspace control to their initial state
+   */
+  const resetChipNavigation = () => {
+    setWasBackspacePressed(false);
+    setActiveChip(initialActiveChip);
+  };
+
+  /**
+   * Callback to be executed when the backspace was pressed. If there are no chips
+   * selected, it will return immediately. If there are it will check if the
+   * backspace was already pressed. if it was, it means that the user wants to eliminate
+   * the chip, so we execute the `onChipDeleted` function and reset internal state.
+   *
+   * If it was not pressed before, we set the `wasBackspacePressed` flag to true and
+   * highlight the last chip.
+   */
+  const onBackspacePressed = () => {
+    if (chips.length === 0) {
+      return;
+    }
+    if (wasBackspacePressed) {
+      const chipDeleted = chips[chips.length - 1];
+      onChipDeleted(chipDeleted);
+      resetChipNavigation();
+    } else {
+      setActiveChip(chips.length - 1);
+      setWasBackspacePressed(true);
+    }
+  };
+  return {
+    activeChip,
+    onBackspacePressed,
+    resetChipNavigation
+  };
+};
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ChipGroup';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * ChipGroup component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const InternalChipGroup = forwardRef((props, ref) => {
+  const {
+    align,
+    children,
+    className,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(className, CLASSNAME)
+  }), children);
+});
+InternalChipGroup.displayName = COMPONENT_NAME;
+InternalChipGroup.className = CLASSNAME;
+InternalChipGroup.defaultProps = DEFAULT_PROPS;
+const ChipGroup = Object.assign(InternalChipGroup, {
+  useChipGroupNavigation
+});
+
+export { ChipGroup };
+//# sourceMappingURL=9452daf7.js.map

package/_internal/9452daf7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"9452daf7.js","sources":["../../src/hooks/useChipGroupNavigation.tsx","../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { useState } from 'react';\n\ninterface UseChipGroupNavigation {\n    /** the current active chip index */\n    activeChip: number;\n\n    /** callback to be executed when the backspace was pressed */\n    onBackspacePressed(): void;\n\n    /** function that allows to reset the navigation */\n    resetChipNavigation(): void;\n}\n\nexport type useChipGroupNavigationType<C = any> = (\n    chips: C[],\n    onChipDeleted: (chip: C) => void,\n    initialActiveChip?: number,\n) => UseChipGroupNavigation;\n\nconst INITIAL_STATE_ACTIVE_CHIP = -1;\n\n/**\n * Hook that provides the necessary information to manage chips navigation.\n * @param chips             List of chips selected.\n * @param onChipDeleted     Callback executed when a chip must be eliminated.\n * @param initialActiveChip Initial active chip index.\n *\n * @return chip navigation tools.\n */\nexport const useChipGroupNavigation: useChipGroupNavigationType = (\n    chips,\n    onChipDeleted,\n    initialActiveChip = INITIAL_STATE_ACTIVE_CHIP,\n) => {\n    const [wasBackspacePressed, setWasBackspacePressed] = useState(false);\n    const [activeChip, setActiveChip] = useState(initialActiveChip);\n\n    /**\n     * Resets the active index and backspace control to their initial state\n     */\n    const resetChipNavigation = () => {\n        setWasBackspacePressed(false);\n        setActiveChip(initialActiveChip);\n    };\n\n    /**\n     * Callback to be executed when the backspace was pressed. If there are no chips\n     * selected, it will return immediately. If there are it will check if the\n     * backspace was already pressed. if it was, it means that the user wants to eliminate\n     * the chip, so we execute the `onChipDeleted` function and reset internal state.\n     *\n     * If it was not pressed before, we set the `wasBackspacePressed` flag to true and\n     * highlight the last chip.\n     */\n    const onBackspacePressed = () => {\n        if (chips.length === 0) {\n            return;\n        }\n\n        if (wasBackspacePressed) {\n            const chipDeleted: any = chips[chips.length - 1];\n            onChipDeleted(chipDeleted);\n            resetChipNavigation();\n        } else {\n            setActiveChip(chips.length - 1);\n            setWasBackspacePressed(true);\n        }\n    };\n\n    return {\n        activeChip,\n        onBackspacePressed,\n        resetChipNavigation,\n    };\n};\n","import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { HorizontalAlignment } from '@lumx/core/js/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useChipGroupNavigation } from '@lumx/react/hooks/useChipGroupNavigation';\n\n/**\n * Defines the props of the component.\n */\nexport interface ChipGroupProps extends GenericProps {\n    /**\n     * Chip horizontal alignment.\n     * @deprecated\n     */\n    align?: HorizontalAlignment;\n    /** List of Chip. */\n    children: ReactNode;\n}\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ChipGroupProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ChipGroup';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * ChipGroup component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nconst InternalChipGroup = forwardRef<ChipGroupProps, HTMLDivElement>((props, ref) => {\n    const { align, children, className, ...forwardedProps } = props;\n\n    return (\n        <div ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            {children}\n        </div>\n    );\n});\nInternalChipGroup.displayName = COMPONENT_NAME;\nInternalChipGroup.className = CLASSNAME;\nInternalChipGroup.defaultProps = DEFAULT_PROPS;\n\nexport const ChipGroup = Object.assign(InternalChipGroup, { useChipGroupNavigation });\n"],"names":["INITIAL_STATE_ACTIVE_CHIP","useChipGroupNavigation","chips","onChipDeleted","initialActiveChip","wasBackspacePressed","setWasBackspacePressed","useState","activeChip","setActiveChip","resetChipNavigation","onBackspacePressed","length","chipDeleted","DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","InternalChipGroup","forwardRef","props","ref","align","children","className","forwardedProps","React","createElement","_extends","classNames","displayName","defaultProps","ChipGroup","Object","assign"],"mappings":";;;;AAmBA,MAAMA,yBAAyB,GAAG,CAAC,CAAC,CAAA;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,sBAAkD,GAAGA,CAC9DC,KAAK,EACLC,aAAa,EACbC,iBAAiB,GAAGJ,yBAAyB,KAC5C;EACD,MAAM,CAACK,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACrE,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGF,QAAQ,CAACH,iBAAiB,CAAC,CAAA;;AAE/D;AACJ;AACA;EACI,MAAMM,mBAAmB,GAAGA,MAAM;IAC9BJ,sBAAsB,CAAC,KAAK,CAAC,CAAA;IAC7BG,aAAa,CAACL,iBAAiB,CAAC,CAAA;GACnC,CAAA;;AAED;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACI,MAAMO,kBAAkB,GAAGA,MAAM;AAC7B,IAAA,IAAIT,KAAK,CAACU,MAAM,KAAK,CAAC,EAAE;AACpB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAIP,mBAAmB,EAAE;MACrB,MAAMQ,WAAgB,GAAGX,KAAK,CAACA,KAAK,CAACU,MAAM,GAAG,CAAC,CAAC,CAAA;MAChDT,aAAa,CAACU,WAAW,CAAC,CAAA;AAC1BH,MAAAA,mBAAmB,EAAE,CAAA;AACzB,KAAC,MAAM;AACHD,MAAAA,aAAa,CAACP,KAAK,CAACU,MAAM,GAAG,CAAC,CAAC,CAAA;MAC/BN,sBAAsB,CAAC,IAAI,CAAC,CAAA;AAChC,KAAA;GACH,CAAA;EAED,OAAO;IACHE,UAAU;IACVG,kBAAkB;AAClBD,IAAAA,mBAAAA;GACH,CAAA;AACL,CAAC;;AC/DD;AACA;AACA;;AAWA;AACA;AACA;AACA,MAAMI,aAAsC,GAAG,EAAE,CAAA;;AAEjD;AACA;AACA;AACA,MAAMC,cAAc,GAAG,WAAW,CAAA;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,iBAAiB,GAAGC,UAAU,CAAiC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGL,KAAK,CAAA;AAE/D,EAAA,oBACIM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKP,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EAAKI,cAAc,EAAA;AAAED,IAAAA,SAAS,EAAEK,UAAU,CAACL,SAAS,EAAER,SAAS,CAAA;AAAE,GAAA,CAAA,EAC1EO,QACA,CAAC,CAAA;AAEd,CAAC,CAAC,CAAA;AACFL,iBAAiB,CAACY,WAAW,GAAGf,cAAc,CAAA;AAC9CG,iBAAiB,CAACM,SAAS,GAAGR,SAAS,CAAA;AACvCE,iBAAiB,CAACa,YAAY,GAAGjB,aAAa,CAAA;AAEvC,MAAMkB,SAAS,GAAGC,MAAM,CAACC,MAAM,CAAChB,iBAAiB,EAAE;AAAEjB,EAAAA,sBAAAA;AAAuB,CAAC;;;;"}

package/_internal/95a2e851.js

@@ -0,0 +1,42 @@
+export { T as Thumbnail, u as useFocusPointStyle } from './714809cc.js';
+import { i as AspectRatio } from './d3321a86.js';
+
+/**
+ *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).
+ */
+
+/**
+ * Loading attribute is not yet supported in typescript, so we need
+ * to add it in order to avoid a ts error.
+ * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes
+ */
+
+/**
+ * All available aspect ratios.
+ * @deprecated
+ */
+const ThumbnailAspectRatio = {
+  ...AspectRatio
+};
+
+/**
+ *  Thumbnail sizes.
+ */
+
+/**
+ * Thumbnail variants.
+ */
+const ThumbnailVariant = {
+  squared: 'squared',
+  rounded: 'rounded'
+};
+/**
+ * Thumbnail object fit.
+ */
+const ThumbnailObjectFit = {
+  cover: 'cover',
+  contain: 'contain'
+};
+
+export { ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant };
+//# sourceMappingURL=95a2e851.js.map

package/_internal/95a2e851.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"95a2e851.js","sources":["../../src/components/thumbnail/types.ts"],"sourcesContent":["import React from 'react';\nimport { AspectRatio, Size } from '@lumx/react';\nimport { ValueOf } from '@lumx/react/utils/type';\n\n/**\n *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).\n */\nexport type FocusPoint = { x?: number; y?: number };\n\n/**\n * Loading attribute is not yet supported in typescript, so we need\n * to add it in order to avoid a ts error.\n * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes\n */\ndeclare module 'react' {\n    interface ImgHTMLAttributes<T> extends React.HTMLAttributes<T> {\n        loading?: 'eager' | 'lazy';\n    }\n}\n\n/**\n * All available aspect ratios.\n * @deprecated\n */\nexport const ThumbnailAspectRatio: Record<string, AspectRatio> = { ...AspectRatio };\n\n/**\n *  Thumbnail sizes.\n */\nexport type ThumbnailSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\n/**\n * Thumbnail variants.\n */\nexport const ThumbnailVariant = {\n    squared: 'squared',\n    rounded: 'rounded',\n} as const;\nexport type ThumbnailVariant = ValueOf<typeof ThumbnailVariant>;\n\n/**\n * Thumbnail object fit.\n */\nexport const ThumbnailObjectFit = {\n    cover: 'cover',\n    contain: 'contain',\n} as const;\nexport type ThumbnailObjectFit = ValueOf<typeof ThumbnailObjectFit>;\n"],"names":["ThumbnailAspectRatio","AspectRatio","ThumbnailVariant","squared","rounded","ThumbnailObjectFit","cover","contain"],"mappings":";;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACO,MAAMA,oBAAiD,GAAG;EAAE,GAAGC,WAAAA;AAAY,EAAC;;AAEnF;AACA;AACA;;AAGA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAG;AAC5BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAA;AACb,EAAU;AAGV;AACA;AACA;AACO,MAAMC,kBAAkB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAA;AACb;;;;"}