@lumx/react 3.20.1-alpha.15 → 3.20.1-alpha.16

package/_internal/components/{select-d46cfe35.js.map → select-48d4fa8c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-d46cfe35.js","sources":["../../../src/hooks/useListenFocus.tsx","../../../src/components/select/WithSelectContext.tsx","../../../src/components/select/constants.ts","../../../src/components/select/Select.tsx","../../../src/components/select/SelectMultiple.tsx"],"sourcesContent":["import { RefObject, useEffect, useState } from 'react';\n\n/**\n * Listen on element focus to store the focus status.\n */\nexport function useListenFocus(ref: RefObject<HTMLElement>) {\n    const [isFocus, setFocus] = useState(false);\n\n    useEffect(() => {\n        const { current: element } = ref;\n        if (!element) {\n            return undefined;\n        }\n\n        const onFocus = () => setFocus(true);\n        const onBlur = () => setFocus(false);\n        element.addEventListener('focus', onFocus);\n        element.addEventListener('blur', onBlur);\n        return () => {\n            element.removeEventListener('focus', onFocus);\n            element.removeEventListener('blur', onBlur);\n        };\n    }, [ref, setFocus]);\n\n    return isFocus;\n}\n","import classNames from 'classnames';\nimport { Ref, useCallback, useRef } from 'react';\n\nimport { Placement } from '@lumx/react';\nimport { Kind, Theme } from '@lumx/core/js/constants';\nimport { Dropdown } from '@lumx/react/components/dropdown/Dropdown';\nimport { InputHelper } from '@lumx/react/components/input-helper/InputHelper';\nimport { useFocusTrap } from '@lumx/react/hooks/useFocusTrap';\nimport { useListenFocus } from '@lumx/react/hooks/useListenFocus';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\n\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { CoreSelectProps } from './constants';\n\n/** The display name of the component. */\nconst COMPONENT_NAME = 'Select';\n\n/** The default class name and classes prefix for this component. */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const WithSelectContext = (\n    SelectElement: React.FC<any>,\n    props: CoreSelectProps,\n    ref: Ref<HTMLDivElement>,\n): React.ReactElement => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        children,\n        className,\n        focusElement,\n        isMultiple,\n        closeOnClick = !isMultiple,\n        disabled,\n        error,\n        hasError,\n        helper,\n        id,\n        isDisabled = disabled,\n        isEmpty,\n        isOpen,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onDropdownClose,\n        onInfiniteScroll,\n        onInputClick,\n        placeholder,\n        theme = defaultTheme,\n        value,\n        variant,\n        ...forwardedProps\n    } = props;\n    const generatedSelectId = useId();\n    const selectId = id || generatedSelectId;\n    const anchorRef = useRef<HTMLElement>(null);\n    const selectRef = useRef<HTMLDivElement>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const isFocus = useListenFocus(anchorRef);\n\n    const handleKeyboardNav = useCallback(\n        (evt: React.KeyboardEvent<HTMLElement>) => {\n            if ((evt.key === 'Enter' || evt.key === ' ' || evt.key === 'ArrowDown') && onInputClick) {\n                evt.preventDefault();\n                onInputClick();\n            }\n        },\n        [onInputClick],\n    );\n\n    const onClose = () => {\n        if (onDropdownClose) {\n            onDropdownClose();\n        }\n        anchorRef?.current?.blur();\n    };\n\n    // Handle focus trap.\n    useFocusTrap(isOpen && dropdownRef.current, focusElement?.current);\n\n    return (\n        <div\n            ref={mergeRefs(ref, selectRef)}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    hasError,\n                    hasLabel: Boolean(label),\n                    hasPlaceholder: Boolean(placeholder),\n                    hasValue: !isEmpty,\n                    isDisabled,\n                    isEmpty,\n                    isFocus,\n                    isOpen,\n                    isValid,\n                    prefix: CLASSNAME,\n                    theme: theme === Theme.light ? Theme.light : Theme.dark,\n                }),\n            )}\n        >\n            <SelectElement\n                {...forwardedProps}\n                anchorRef={anchorRef}\n                aria-disabled={isDisabled}\n                handleKeyboardNav={handleKeyboardNav}\n                hasError={hasError}\n                isDisabled={isDisabled}\n                isEmpty={isEmpty}\n                isRequired={isRequired}\n                isValid={isValid}\n                label={label}\n                placeholder={placeholder}\n                id={selectId}\n                theme={theme}\n                value={value}\n                variant={variant}\n                onClear={onClear}\n                onInputClick={onInputClick}\n            />\n            <Dropdown\n                anchorRef={anchorRef}\n                closeOnClick={closeOnClick}\n                closeOnClickAway\n                closeOnEscape\n                isOpen={!!isOpen}\n                placement={Placement.BOTTOM_START}\n                onClose={onClose}\n                onInfiniteScroll={onInfiniteScroll}\n                ref={dropdownRef}\n            >\n                {children}\n            </Dropdown>\n            {hasError && error && (\n                <InputHelper className={`${CLASSNAME}__helper`} kind={Kind.error} theme={theme}>\n                    {error}\n                </InputHelper>\n            )}\n            {helper && (\n                <InputHelper className={`${CLASSNAME}__helper`} theme={theme}>\n                    {helper}\n                </InputHelper>\n            )}\n        </div>\n    );\n};\n","import { IconButtonProps } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { ReactNode, SyntheticEvent } from 'react';\n\n/**\n * Select variants.\n */\nexport const SelectVariant = { input: 'input', chip: 'chip' } as const;\nexport type SelectVariant = ValueOf<typeof SelectVariant>;\n\nexport interface CoreSelectProps extends GenericProps, HasTheme {\n    /** Props to pass to the clear button (minus those already set by the Select props). If not specified, the button won't be displayed. */\n    clearButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /** Whether the select (input variant) is displayed with error style or not. */\n    hasError?: boolean;\n    /** Error message. */\n    error?: string | ReactNode;\n    /** Helper text. */\n    helper?: string;\n    /** Whether the select should close on click. */\n    closeOnClick?: boolean;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the component is required or not. */\n    isRequired?: boolean;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Whether the select (input variant) is displayed with valid style or not. */\n    isValid?: boolean;\n    /** Label text. */\n    label?: string;\n    /** Placeholder input text. */\n    placeholder?: string;\n    /** Select variant. */\n    variant?: SelectVariant;\n    /** On clear callback. */\n    onClear?(event: SyntheticEvent, value?: string): void;\n    /** On blur callback. */\n    onBlur?(): void;\n    /** On filter text change callback (with 500ms debounce). */\n    onFilter?(): void;\n    /** On input click callback (can be used for dropdown toggle). */\n    onInputClick?(): void;\n    /** On dropdown close callback. */\n    onDropdownClose?(): void;\n    /** On scroll end callback. */\n    onInfiniteScroll?(): void;\n    /** Render value function. Default: Renders the value as a string. */\n    selectedValueRender?(choice: string): ReactNode | string;\n    /** Children */\n    children?: React.ReactNode;\n}\n","import { RefObject } from 'react';\n\nimport classNames from 'classnames';\nimport lodashIsEmpty from 'lodash/isEmpty';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiCloseCircle, mdiMenuDown } from '@lumx/icons';\nimport { Emphasis, Size, Theme } from '@lumx/core/js/constants';\nimport { IconButton } from '@lumx/react/components/button/IconButton';\nimport { Chip } from '@lumx/react/components/chip/Chip';\nimport { Icon } from '@lumx/react/components/icon/Icon';\nimport { InputLabel } from '@lumx/react/components/input-label/InputLabel';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { WithSelectContext } from './WithSelectContext';\nimport { CoreSelectProps, SelectVariant } from './constants';\n\n/** Defines the props of the component. */\nexport interface SelectProps extends CoreSelectProps {\n    /** Selected value. */\n    value: string;\n}\n\nexport { SelectVariant };\n\n/** The display name of the component. */\nconst COMPONENT_NAME = 'Select';\n\n/** The default class name and classes prefix for this component. */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/** The default value of props. */\nconst DEFAULT_PROPS: Partial<SelectProps> = {\n    selectedValueRender: (choice) => choice,\n    variant: SelectVariant.input,\n};\n\nconst stopPropagation = (evt: Event) => evt.stopPropagation();\n\n/**\n * Select component.\n */\nconst SelectField: React.FC<SelectProps> = (props) => {\n    const defaultTheme = useTheme();\n    const {\n        anchorRef,\n        clearButtonProps,\n        handleKeyboardNav,\n        hasError,\n        hasInputClear,\n        icon,\n        id,\n        isDisabled,\n        isEmpty,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onInputClick,\n        placeholder,\n        selectedValueRender,\n        theme = defaultTheme,\n        value,\n        variant,\n        selectElementRef,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <>\n            {variant === SelectVariant.input && (\n                <>\n                    {label && (\n                        <div className={`${CLASSNAME}__header`}>\n                            <InputLabel\n                                htmlFor={id}\n                                className={`${CLASSNAME}__label`}\n                                isRequired={isRequired}\n                                theme={theme}\n                            >\n                                {label}\n                            </InputLabel>\n                        </div>\n                    )}\n\n                    {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n                    <div\n                        ref={mergeRefs(anchorRef as RefObject<HTMLDivElement>, selectElementRef)}\n                        id={id}\n                        className={`${CLASSNAME}__wrapper`}\n                        onClick={onInputClick}\n                        onKeyDown={handleKeyboardNav}\n                        tabIndex={isDisabled ? undefined : 0}\n                        aria-disabled={isDisabled || undefined}\n                        {...forwardedProps}\n                    >\n                        {icon && (\n                            <Icon\n                                className={`${CLASSNAME}__input-icon`}\n                                color={theme === Theme.dark ? 'light' : undefined}\n                                icon={icon}\n                                size={Size.xs}\n                            />\n                        )}\n\n                        <div\n                            className={classNames([\n                                `${CLASSNAME}__input-native`,\n                                isEmpty && placeholder && `${CLASSNAME}__input-native--placeholder`,\n                            ])}\n                        >\n                            {!isEmpty && <span>{selectedValueRender?.(value)}</span>}\n\n                            {isEmpty && placeholder && <span>{placeholder}</span>}\n                        </div>\n\n                        {(isValid || hasError) && (\n                            <div className={`${CLASSNAME}__input-validity`}>\n                                <Icon icon={isValid ? mdiCheckCircle : mdiAlertCircle} size={Size.xxs} />\n                            </div>\n                        )}\n\n                        {hasInputClear && clearButtonProps && (\n                            <IconButton\n                                {...clearButtonProps}\n                                className={`${CLASSNAME}__input-clear`}\n                                icon={mdiCloseCircle}\n                                emphasis={Emphasis.low}\n                                size={Size.s}\n                                theme={theme}\n                                onClick={onClear}\n                                onKeyDown={stopPropagation}\n                            />\n                        )}\n\n                        <div className={`${CLASSNAME}__input-indicator`}>\n                            <Icon icon={mdiMenuDown} size={Size.s} />\n                        </div>\n                    </div>\n                </>\n            )}\n\n            {variant === SelectVariant.chip && (\n                <Chip\n                    id={id}\n                    isSelected={!isEmpty}\n                    isDisabled={isDisabled}\n                    after={<Icon icon={isEmpty ? mdiMenuDown : mdiCloseCircle} />}\n                    onAfterClick={isEmpty ? onInputClick : onClear}\n                    onClick={onInputClick}\n                    ref={mergeRefs(anchorRef as RefObject<HTMLAnchorElement>, selectElementRef)}\n                    theme={theme}\n                    {...forwardedProps}\n                >\n                    {isEmpty && <span>{label}</span>}\n\n                    {!isEmpty && <span>{selectedValueRender?.(value)}</span>}\n                </Chip>\n            )}\n        </>\n    );\n};\n\n/**\n * Select component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Select = forwardRef<SelectProps, HTMLDivElement>((props, ref) => {\n    const isEmpty = lodashIsEmpty(props.value);\n    const hasInputClear = props.onClear && props.clearButtonProps && !isEmpty;\n\n    return WithSelectContext(\n        SelectField,\n        {\n            ...DEFAULT_PROPS,\n            ...props,\n            className: classNames(\n                props.className,\n                handleBasicClasses({\n                    hasInputClear,\n                    hasUnique: !props.isEmpty,\n                    prefix: CLASSNAME,\n                }),\n            ),\n            hasInputClear,\n            isEmpty,\n        },\n        ref,\n    );\n});\nSelect.displayName = COMPONENT_NAME;\nSelect.className = CLASSNAME;\nSelect.defaultProps = DEFAULT_PROPS;\nSelect.className = CLASSNAME;\n","import { ReactNode, RefObject, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiClose, mdiCloseCircle, mdiMenuDown } from '@lumx/icons';\nimport { Size, Theme } from '@lumx/core/js/constants';\nimport { Chip } from '@lumx/react/components/chip/Chip';\nimport { Icon } from '@lumx/react/components/icon/Icon';\nimport { InputLabel } from '@lumx/react/components/input-label/InputLabel';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { WithSelectContext } from './WithSelectContext';\nimport { CoreSelectProps, SelectVariant } from './constants';\n\n/** Defines the props of the component. */\nexport interface SelectMultipleProps extends CoreSelectProps {\n    /** Selected values. */\n    value: string[];\n    /** Selected value render function. Default: Renders the value inside of a Chip. */\n    selectedChipRender?(\n        choice: string,\n        index: number,\n        onClear?: (event: SyntheticEvent, choice: string) => void,\n        isDisabled?: boolean,\n        theme?: any,\n    ): ReactNode | string;\n}\n\n/** The display name of the component. */\nconst COMPONENT_NAME = 'Select';\n\n/** The default class name and classes prefix for this component. */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/** The default value of props. */\nconst DEFAULT_PROPS: Partial<SelectMultipleProps> = {\n    selectedChipRender(choice, index, onClear, isDisabled?, theme?) {\n        const onClick = (event: React.MouseEvent) => onClear && onClear(event, choice);\n        return (\n            <Chip\n                key={index}\n                after={onClear && <Icon icon={mdiClose} size={Size.xxs} />}\n                isDisabled={isDisabled}\n                size={Size.s}\n                onAfterClick={onClick}\n                onClick={onClick}\n                theme={theme}\n            >\n                {choice}\n            </Chip>\n        );\n    },\n    selectedValueRender: (choice) => choice,\n    variant: SelectVariant.input,\n};\n\nexport const SelectMultipleField: React.FC<SelectMultipleProps> = (props) => {\n    const defaultTheme = useTheme();\n    const {\n        anchorRef,\n        handleKeyboardNav,\n        hasError,\n        icon,\n        id,\n        isDisabled,\n        isEmpty,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onInputClick,\n        placeholder,\n        selectedChipRender,\n        selectedValueRender,\n        theme = defaultTheme,\n        value,\n        variant,\n        selectElementRef,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <>\n            {variant === SelectVariant.input && (\n                <>\n                    {label && (\n                        <div className={`${CLASSNAME}__header`}>\n                            <InputLabel\n                                htmlFor={id}\n                                className={`${CLASSNAME}__label`}\n                                isRequired={isRequired}\n                                theme={theme}\n                            >\n                                {label}\n                            </InputLabel>\n                        </div>\n                    )}\n\n                    {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n                    <div\n                        ref={mergeRefs(anchorRef as RefObject<HTMLDivElement>, selectElementRef)}\n                        id={id}\n                        className={`${CLASSNAME}__wrapper`}\n                        onClick={onInputClick}\n                        onKeyDown={handleKeyboardNav}\n                        tabIndex={isDisabled ? undefined : 0}\n                        aria-disabled={isDisabled || undefined}\n                        {...forwardedProps}\n                    >\n                        {icon && (\n                            <Icon\n                                className={`${CLASSNAME}__input-icon`}\n                                color={theme === Theme.dark ? 'light' : undefined}\n                                icon={icon}\n                                size={Size.xs}\n                            />\n                        )}\n\n                        <div className={`${CLASSNAME}__chips`}>\n                            {!isEmpty &&\n                                value.map((val, index) => selectedChipRender?.(val, index, onClear, isDisabled, theme))}\n                        </div>\n\n                        {isEmpty && placeholder && (\n                            <div\n                                className={classNames([\n                                    `${CLASSNAME}__input-native`,\n                                    `${CLASSNAME}__input-native--placeholder`,\n                                ])}\n                            >\n                                <span>{placeholder}</span>\n                            </div>\n                        )}\n\n                        {(isValid || hasError) && (\n                            <div className={`${CLASSNAME}__input-validity`}>\n                                <Icon icon={isValid ? mdiCheckCircle : mdiAlertCircle} size={Size.xxs} />\n                            </div>\n                        )}\n\n                        <div className={`${CLASSNAME}__input-indicator`}>\n                            <Icon icon={mdiMenuDown} size={Size.s} />\n                        </div>\n                    </div>\n                </>\n            )}\n\n            {variant === SelectVariant.chip && (\n                <Chip\n                    id={id}\n                    isSelected={!isEmpty}\n                    isDisabled={isDisabled}\n                    after={<Icon icon={isEmpty ? mdiMenuDown : mdiCloseCircle} />}\n                    onAfterClick={isEmpty ? onInputClick : onClear}\n                    onClick={onInputClick}\n                    ref={mergeRefs(anchorRef as RefObject<HTMLAnchorElement>, selectElementRef)}\n                    theme={theme}\n                    {...forwardedProps}\n                >\n                    {isEmpty && <span>{label}</span>}\n\n                    {!isEmpty && (\n                        <span>\n                            <span>{selectedValueRender?.(value[0])}</span>\n\n                            {value.length > 1 && <span>&nbsp;+{value.length - 1}</span>}\n                        </span>\n                    )}\n                </Chip>\n            )}\n        </>\n    );\n};\n\n/**\n * SelectMultiple component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SelectMultiple = forwardRef<SelectMultipleProps, HTMLDivElement>((props, ref) => {\n    return WithSelectContext(\n        SelectMultipleField,\n        {\n            ...DEFAULT_PROPS,\n            ...props,\n            className: classNames(\n                props.className,\n                handleBasicClasses({\n                    hasMultiple: !props.isEmpty,\n                    prefix: CLASSNAME,\n                }),\n            ),\n            isEmpty: props.value.length === 0,\n            isMultiple: true,\n        },\n        ref,\n    );\n});\nSelectMultiple.displayName = COMPONENT_NAME;\nSelectMultiple.className = CLASSNAME;\nSelectMultiple.defaultProps = DEFAULT_PROPS;\n"],"names":["useListenFocus","ref","isFocus","setFocus","useState","useEffect","current","element","undefined","onFocus","onBlur","addEventListener","removeEventListener","COMPONENT_NAME","CLASSNAME","getRootClassName","WithSelectContext","SelectElement","props","defaultTheme","useTheme","Theme","light","children","className","focusElement","isMultiple","closeOnClick","disabled","error","hasError","helper","id","isDisabled","isEmpty","isOpen","isRequired","isValid","label","onClear","onDropdownClose","onInfiniteScroll","onInputClick","placeholder","theme","value","variant","forwardedProps","generatedSelectId","useId","selectId","anchorRef","useRef","selectRef","dropdownRef","handleKeyboardNav","useCallback","evt","key","preventDefault","onClose","blur","useFocusTrap","React","createElement","mergeRefs","classNames","handleBasicClasses","hasLabel","Boolean","hasPlaceholder","hasValue","prefix","dark","_extends","Dropdown","closeOnClickAway","closeOnEscape","placement","Placement","BOTTOM_START","InputHelper","kind","Kind","SelectVariant","input","chip","DEFAULT_PROPS","selectedValueRender","choice","stopPropagation","SelectField","clearButtonProps","hasInputClear","icon","selectElementRef","Fragment","InputLabel","htmlFor","onClick","onKeyDown","tabIndex","Icon","color","size","Size","xs","mdiCheckCircle","mdiAlertCircle","xxs","IconButton","mdiCloseCircle","emphasis","Emphasis","low","s","mdiMenuDown","Chip","isSelected","after","onAfterClick","Select","forwardRef","lodashIsEmpty","hasUnique","displayName","defaultProps","selectedChipRender","index","event","mdiClose","SelectMultipleField","map","val","length","SelectMultiple","hasMultiple"],"mappings":"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"}
+{"version":3,"file":"select-48d4fa8c.js","sources":["../../../src/hooks/useListenFocus.tsx","../../../src/components/select/WithSelectContext.tsx","../../../src/components/select/constants.ts","../../../src/components/select/Select.tsx","../../../src/components/select/SelectMultiple.tsx"],"sourcesContent":["import { RefObject, useEffect, useState } from 'react';\n\n/**\n * Listen on element focus to store the focus status.\n */\nexport function useListenFocus(ref: RefObject<HTMLElement>) {\n    const [isFocus, setFocus] = useState(false);\n\n    useEffect(() => {\n        const { current: element } = ref;\n        if (!element) {\n            return undefined;\n        }\n\n        const onFocus = () => setFocus(true);\n        const onBlur = () => setFocus(false);\n        element.addEventListener('focus', onFocus);\n        element.addEventListener('blur', onBlur);\n        return () => {\n            element.removeEventListener('focus', onFocus);\n            element.removeEventListener('blur', onBlur);\n        };\n    }, [ref, setFocus]);\n\n    return isFocus;\n}\n","import classNames from 'classnames';\nimport { Ref, useCallback, useRef } from 'react';\n\nimport { Placement } from '@lumx/react';\nimport { Kind, Theme } from '@lumx/core/js/constants';\nimport { Dropdown } from '@lumx/react/components/dropdown/Dropdown';\nimport { InputHelper } from '@lumx/react/components/input-helper/InputHelper';\nimport { useFocusTrap } from '@lumx/react/hooks/useFocusTrap';\nimport { useListenFocus } from '@lumx/react/hooks/useListenFocus';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\n\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { CoreSelectProps } from './constants';\n\n/** The display name of the component. */\nconst COMPONENT_NAME = 'Select';\n\n/** The default class name and classes prefix for this component. */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const WithSelectContext = (\n    SelectElement: React.FC<any>,\n    props: CoreSelectProps,\n    ref: Ref<HTMLDivElement>,\n): React.ReactElement => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        children,\n        className,\n        focusElement,\n        isMultiple,\n        closeOnClick = !isMultiple,\n        disabled,\n        error,\n        hasError,\n        helper,\n        id,\n        isDisabled = disabled,\n        isEmpty,\n        isOpen,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onDropdownClose,\n        onInfiniteScroll,\n        onInputClick,\n        placeholder,\n        theme = defaultTheme,\n        value,\n        variant,\n        ...forwardedProps\n    } = props;\n    const generatedSelectId = useId();\n    const selectId = id || generatedSelectId;\n    const anchorRef = useRef<HTMLElement>(null);\n    const selectRef = useRef<HTMLDivElement>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n    const isFocus = useListenFocus(anchorRef);\n\n    const handleKeyboardNav = useCallback(\n        (evt: React.KeyboardEvent<HTMLElement>) => {\n            if ((evt.key === 'Enter' || evt.key === ' ' || evt.key === 'ArrowDown') && onInputClick) {\n                evt.preventDefault();\n                onInputClick();\n            }\n        },\n        [onInputClick],\n    );\n\n    const onClose = () => {\n        if (onDropdownClose) {\n            onDropdownClose();\n        }\n        anchorRef?.current?.blur();\n    };\n\n    // Handle focus trap.\n    useFocusTrap(isOpen && dropdownRef.current, focusElement?.current);\n\n    return (\n        <div\n            ref={mergeRefs(ref, selectRef)}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    hasError,\n                    hasLabel: Boolean(label),\n                    hasPlaceholder: Boolean(placeholder),\n                    hasValue: !isEmpty,\n                    isDisabled,\n                    isEmpty,\n                    isFocus,\n                    isOpen,\n                    isValid,\n                    prefix: CLASSNAME,\n                    theme: theme === Theme.light ? Theme.light : Theme.dark,\n                }),\n            )}\n        >\n            <SelectElement\n                {...forwardedProps}\n                anchorRef={anchorRef}\n                aria-disabled={isDisabled}\n                handleKeyboardNav={handleKeyboardNav}\n                hasError={hasError}\n                isDisabled={isDisabled}\n                isEmpty={isEmpty}\n                isRequired={isRequired}\n                isValid={isValid}\n                label={label}\n                placeholder={placeholder}\n                id={selectId}\n                theme={theme}\n                value={value}\n                variant={variant}\n                onClear={onClear}\n                onInputClick={onInputClick}\n            />\n            <Dropdown\n                anchorRef={anchorRef}\n                closeOnClick={closeOnClick}\n                closeOnClickAway\n                closeOnEscape\n                isOpen={!!isOpen}\n                placement={Placement.BOTTOM_START}\n                onClose={onClose}\n                onInfiniteScroll={onInfiniteScroll}\n                ref={dropdownRef}\n            >\n                {children}\n            </Dropdown>\n            {hasError && error && (\n                <InputHelper className={`${CLASSNAME}__helper`} kind={Kind.error} theme={theme}>\n                    {error}\n                </InputHelper>\n            )}\n            {helper && (\n                <InputHelper className={`${CLASSNAME}__helper`} theme={theme}>\n                    {helper}\n                </InputHelper>\n            )}\n        </div>\n    );\n};\n","import { IconButtonProps } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { ReactNode, SyntheticEvent } from 'react';\n\n/**\n * Select variants.\n */\nexport const SelectVariant = { input: 'input', chip: 'chip' } as const;\nexport type SelectVariant = ValueOf<typeof SelectVariant>;\n\nexport interface CoreSelectProps extends GenericProps, HasTheme {\n    /** Props to pass to the clear button (minus those already set by the Select props). If not specified, the button won't be displayed. */\n    clearButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /** Whether the select (input variant) is displayed with error style or not. */\n    hasError?: boolean;\n    /** Error message. */\n    error?: string | ReactNode;\n    /** Helper text. */\n    helper?: string;\n    /** Whether the select should close on click. */\n    closeOnClick?: boolean;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the component is required or not. */\n    isRequired?: boolean;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Whether the select (input variant) is displayed with valid style or not. */\n    isValid?: boolean;\n    /** Label text. */\n    label?: string;\n    /** Placeholder input text. */\n    placeholder?: string;\n    /** Select variant. */\n    variant?: SelectVariant;\n    /** On clear callback. */\n    onClear?(event: SyntheticEvent, value?: string): void;\n    /** On blur callback. */\n    onBlur?(): void;\n    /** On filter text change callback (with 500ms debounce). */\n    onFilter?(): void;\n    /** On input click callback (can be used for dropdown toggle). */\n    onInputClick?(): void;\n    /** On dropdown close callback. */\n    onDropdownClose?(): void;\n    /** On scroll end callback. */\n    onInfiniteScroll?(): void;\n    /** Render value function. Default: Renders the value as a string. */\n    selectedValueRender?(choice: string): ReactNode | string;\n    /** Children */\n    children?: React.ReactNode;\n}\n","import { RefObject } from 'react';\n\nimport classNames from 'classnames';\nimport lodashIsEmpty from 'lodash/isEmpty';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiCloseCircle, mdiMenuDown } from '@lumx/icons';\nimport { Emphasis, Size, Theme } from '@lumx/core/js/constants';\nimport { IconButton } from '@lumx/react/components/button/IconButton';\nimport { Chip } from '@lumx/react/components/chip/Chip';\nimport { Icon } from '@lumx/react/components/icon/Icon';\nimport { InputLabel } from '@lumx/react/components/input-label/InputLabel';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { WithSelectContext } from './WithSelectContext';\nimport { CoreSelectProps, SelectVariant } from './constants';\n\n/** Defines the props of the component. */\nexport interface SelectProps extends CoreSelectProps {\n    /** Selected value. */\n    value: string;\n}\n\nexport { SelectVariant };\n\n/** The display name of the component. */\nconst COMPONENT_NAME = 'Select';\n\n/** The default class name and classes prefix for this component. */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/** The default value of props. */\nconst DEFAULT_PROPS: Partial<SelectProps> = {\n    selectedValueRender: (choice) => choice,\n    variant: SelectVariant.input,\n};\n\nconst stopPropagation = (evt: Event) => evt.stopPropagation();\n\n/**\n * Select component.\n */\nconst SelectField: React.FC<SelectProps> = (props) => {\n    const defaultTheme = useTheme();\n    const {\n        anchorRef,\n        clearButtonProps,\n        handleKeyboardNav,\n        hasError,\n        hasInputClear,\n        icon,\n        id,\n        isDisabled,\n        isEmpty,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onInputClick,\n        placeholder,\n        selectedValueRender,\n        theme = defaultTheme,\n        value,\n        variant,\n        selectElementRef,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <>\n            {variant === SelectVariant.input && (\n                <>\n                    {label && (\n                        <div className={`${CLASSNAME}__header`}>\n                            <InputLabel\n                                htmlFor={id}\n                                className={`${CLASSNAME}__label`}\n                                isRequired={isRequired}\n                                theme={theme}\n                            >\n                                {label}\n                            </InputLabel>\n                        </div>\n                    )}\n\n                    {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n                    <div\n                        ref={mergeRefs(anchorRef as RefObject<HTMLDivElement>, selectElementRef)}\n                        id={id}\n                        className={`${CLASSNAME}__wrapper`}\n                        onClick={onInputClick}\n                        onKeyDown={handleKeyboardNav}\n                        tabIndex={isDisabled ? undefined : 0}\n                        aria-disabled={isDisabled || undefined}\n                        {...forwardedProps}\n                    >\n                        {icon && (\n                            <Icon\n                                className={`${CLASSNAME}__input-icon`}\n                                color={theme === Theme.dark ? 'light' : undefined}\n                                icon={icon}\n                                size={Size.xs}\n                            />\n                        )}\n\n                        <div\n                            className={classNames([\n                                `${CLASSNAME}__input-native`,\n                                isEmpty && placeholder && `${CLASSNAME}__input-native--placeholder`,\n                            ])}\n                        >\n                            {!isEmpty && <span>{selectedValueRender?.(value)}</span>}\n\n                            {isEmpty && placeholder && <span>{placeholder}</span>}\n                        </div>\n\n                        {(isValid || hasError) && (\n                            <div className={`${CLASSNAME}__input-validity`}>\n                                <Icon icon={isValid ? mdiCheckCircle : mdiAlertCircle} size={Size.xxs} />\n                            </div>\n                        )}\n\n                        {hasInputClear && clearButtonProps && (\n                            <IconButton\n                                {...clearButtonProps}\n                                className={`${CLASSNAME}__input-clear`}\n                                icon={mdiCloseCircle}\n                                emphasis={Emphasis.low}\n                                size={Size.s}\n                                theme={theme}\n                                onClick={onClear}\n                                onKeyDown={stopPropagation}\n                            />\n                        )}\n\n                        <div className={`${CLASSNAME}__input-indicator`}>\n                            <Icon icon={mdiMenuDown} size={Size.s} />\n                        </div>\n                    </div>\n                </>\n            )}\n\n            {variant === SelectVariant.chip && (\n                <Chip\n                    id={id}\n                    isSelected={!isEmpty}\n                    isDisabled={isDisabled}\n                    after={<Icon icon={isEmpty ? mdiMenuDown : mdiCloseCircle} />}\n                    onAfterClick={isEmpty ? onInputClick : onClear}\n                    onClick={onInputClick}\n                    ref={mergeRefs(anchorRef as RefObject<HTMLAnchorElement>, selectElementRef)}\n                    theme={theme}\n                    {...forwardedProps}\n                >\n                    {isEmpty && <span>{label}</span>}\n\n                    {!isEmpty && <span>{selectedValueRender?.(value)}</span>}\n                </Chip>\n            )}\n        </>\n    );\n};\n\n/**\n * Select component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Select = forwardRef<SelectProps, HTMLDivElement>((props, ref) => {\n    const isEmpty = lodashIsEmpty(props.value);\n    const hasInputClear = props.onClear && props.clearButtonProps && !isEmpty;\n\n    return WithSelectContext(\n        SelectField,\n        {\n            ...DEFAULT_PROPS,\n            ...props,\n            className: classNames(\n                props.className,\n                handleBasicClasses({\n                    hasInputClear,\n                    hasUnique: !props.isEmpty,\n                    prefix: CLASSNAME,\n                }),\n            ),\n            hasInputClear,\n            isEmpty,\n        },\n        ref,\n    );\n});\nSelect.displayName = COMPONENT_NAME;\nSelect.className = CLASSNAME;\nSelect.defaultProps = DEFAULT_PROPS;\nSelect.className = CLASSNAME;\n","import { ReactNode, RefObject, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiClose, mdiCloseCircle, mdiMenuDown } from '@lumx/icons';\nimport { Size, Theme } from '@lumx/core/js/constants';\nimport { Chip } from '@lumx/react/components/chip/Chip';\nimport { Icon } from '@lumx/react/components/icon/Icon';\nimport { InputLabel } from '@lumx/react/components/input-label/InputLabel';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { WithSelectContext } from './WithSelectContext';\nimport { CoreSelectProps, SelectVariant } from './constants';\n\n/** Defines the props of the component. */\nexport interface SelectMultipleProps extends CoreSelectProps {\n    /** Selected values. */\n    value: string[];\n    /** Selected value render function. Default: Renders the value inside of a Chip. */\n    selectedChipRender?(\n        choice: string,\n        index: number,\n        onClear?: (event: SyntheticEvent, choice: string) => void,\n        isDisabled?: boolean,\n        theme?: any,\n    ): ReactNode | string;\n}\n\n/** The display name of the component. */\nconst COMPONENT_NAME = 'Select';\n\n/** The default class name and classes prefix for this component. */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/** The default value of props. */\nconst DEFAULT_PROPS: Partial<SelectMultipleProps> = {\n    selectedChipRender(choice, index, onClear, isDisabled?, theme?) {\n        const onClick = (event: React.MouseEvent) => onClear && onClear(event, choice);\n        return (\n            <Chip\n                key={index}\n                after={onClear && <Icon icon={mdiClose} size={Size.xxs} />}\n                isDisabled={isDisabled}\n                size={Size.s}\n                onAfterClick={onClick}\n                onClick={onClick}\n                theme={theme}\n            >\n                {choice}\n            </Chip>\n        );\n    },\n    selectedValueRender: (choice) => choice,\n    variant: SelectVariant.input,\n};\n\nexport const SelectMultipleField: React.FC<SelectMultipleProps> = (props) => {\n    const defaultTheme = useTheme();\n    const {\n        anchorRef,\n        handleKeyboardNav,\n        hasError,\n        icon,\n        id,\n        isDisabled,\n        isEmpty,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onInputClick,\n        placeholder,\n        selectedChipRender,\n        selectedValueRender,\n        theme = defaultTheme,\n        value,\n        variant,\n        selectElementRef,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <>\n            {variant === SelectVariant.input && (\n                <>\n                    {label && (\n                        <div className={`${CLASSNAME}__header`}>\n                            <InputLabel\n                                htmlFor={id}\n                                className={`${CLASSNAME}__label`}\n                                isRequired={isRequired}\n                                theme={theme}\n                            >\n                                {label}\n                            </InputLabel>\n                        </div>\n                    )}\n\n                    {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n                    <div\n                        ref={mergeRefs(anchorRef as RefObject<HTMLDivElement>, selectElementRef)}\n                        id={id}\n                        className={`${CLASSNAME}__wrapper`}\n                        onClick={onInputClick}\n                        onKeyDown={handleKeyboardNav}\n                        tabIndex={isDisabled ? undefined : 0}\n                        aria-disabled={isDisabled || undefined}\n                        {...forwardedProps}\n                    >\n                        {icon && (\n                            <Icon\n                                className={`${CLASSNAME}__input-icon`}\n                                color={theme === Theme.dark ? 'light' : undefined}\n                                icon={icon}\n                                size={Size.xs}\n                            />\n                        )}\n\n                        <div className={`${CLASSNAME}__chips`}>\n                            {!isEmpty &&\n                                value.map((val, index) => selectedChipRender?.(val, index, onClear, isDisabled, theme))}\n                        </div>\n\n                        {isEmpty && placeholder && (\n                            <div\n                                className={classNames([\n                                    `${CLASSNAME}__input-native`,\n                                    `${CLASSNAME}__input-native--placeholder`,\n                                ])}\n                            >\n                                <span>{placeholder}</span>\n                            </div>\n                        )}\n\n                        {(isValid || hasError) && (\n                            <div className={`${CLASSNAME}__input-validity`}>\n                                <Icon icon={isValid ? mdiCheckCircle : mdiAlertCircle} size={Size.xxs} />\n                            </div>\n                        )}\n\n                        <div className={`${CLASSNAME}__input-indicator`}>\n                            <Icon icon={mdiMenuDown} size={Size.s} />\n                        </div>\n                    </div>\n                </>\n            )}\n\n            {variant === SelectVariant.chip && (\n                <Chip\n                    id={id}\n                    isSelected={!isEmpty}\n                    isDisabled={isDisabled}\n                    after={<Icon icon={isEmpty ? mdiMenuDown : mdiCloseCircle} />}\n                    onAfterClick={isEmpty ? onInputClick : onClear}\n                    onClick={onInputClick}\n                    ref={mergeRefs(anchorRef as RefObject<HTMLAnchorElement>, selectElementRef)}\n                    theme={theme}\n                    {...forwardedProps}\n                >\n                    {isEmpty && <span>{label}</span>}\n\n                    {!isEmpty && (\n                        <span>\n                            <span>{selectedValueRender?.(value[0])}</span>\n\n                            {value.length > 1 && <span>&nbsp;+{value.length - 1}</span>}\n                        </span>\n                    )}\n                </Chip>\n            )}\n        </>\n    );\n};\n\n/**\n * SelectMultiple component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SelectMultiple = forwardRef<SelectMultipleProps, HTMLDivElement>((props, ref) => {\n    return WithSelectContext(\n        SelectMultipleField,\n        {\n            ...DEFAULT_PROPS,\n            ...props,\n            className: classNames(\n                props.className,\n                handleBasicClasses({\n                    hasMultiple: !props.isEmpty,\n                    prefix: CLASSNAME,\n                }),\n            ),\n            isEmpty: props.value.length === 0,\n            isMultiple: true,\n        },\n        ref,\n    );\n});\nSelectMultiple.displayName = COMPONENT_NAME;\nSelectMultiple.className = CLASSNAME;\nSelectMultiple.defaultProps = DEFAULT_PROPS;\n"],"names":["useListenFocus","ref","isFocus","setFocus","useState","useEffect","current","element","undefined","onFocus","onBlur","addEventListener","removeEventListener","COMPONENT_NAME","CLASSNAME","getRootClassName","WithSelectContext","SelectElement","props","defaultTheme","useTheme","Theme","light","children","className","focusElement","isMultiple","closeOnClick","disabled","error","hasError","helper","id","isDisabled","isEmpty","isOpen","isRequired","isValid","label","onClear","onDropdownClose","onInfiniteScroll","onInputClick","placeholder","theme","value","variant","forwardedProps","generatedSelectId","useId","selectId","anchorRef","useRef","selectRef","dropdownRef","handleKeyboardNav","useCallback","evt","key","preventDefault","onClose","blur","useFocusTrap","_jsxs","mergeRefs","classNames","handleBasicClasses","hasLabel","Boolean","hasPlaceholder","hasValue","prefix","dark","_jsx","Dropdown","closeOnClickAway","closeOnEscape","placement","Placement","BOTTOM_START","InputHelper","kind","Kind","SelectVariant","input","chip","DEFAULT_PROPS","selectedValueRender","choice","stopPropagation","SelectField","clearButtonProps","hasInputClear","icon","selectElementRef","_Fragment","InputLabel","htmlFor","onClick","onKeyDown","tabIndex","Icon","color","size","Size","xs","mdiCheckCircle","mdiAlertCircle","xxs","IconButton","mdiCloseCircle","emphasis","Emphasis","low","s","mdiMenuDown","Chip","isSelected","after","onAfterClick","Select","forwardRef","lodashIsEmpty","hasUnique","displayName","defaultProps","selectedChipRender","index","event","mdiClose","SelectMultipleField","map","val","length","SelectMultiple","hasMultiple"],"mappings":"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"}

package/_internal/components/{side-navigation-75b22f19.js → side-navigation-f9bc5b4e.js}

@@ -1,19 +1,16 @@
-import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
 import { Children } from 'react';
+import { f as forwardRef, c as classNames } from '../forwardRef-15f62847.js';
 import { i as isComponent } from '../isComponent-78df9309.js';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
 import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import isEmpty from 'lodash/isEmpty';
 import { mdiChevronUp, mdiChevronDown } from '@lumx/icons';
 import { u as useId } from '../useId-3a1facc0.js';
-import { R as RawClickable } from '../RawClickable-c76bbc4c.js';
+import { R as RawClickable } from '../RawClickable-2c2b6a89.js';
 import { Theme, Emphasis, Size } from '@lumx/core/js/constants';
-import { Icon } from './icon-2e7345ad.js';
-import { I as IconButton } from '../IconButton-10585058.js';
-
-/**
- * Defines the props of the component.
- */
+import { Icon } from './icon-b708cca4.js';
+import { I as IconButton } from '../IconButton-f4df224c.js';
 
 /**
  * Component display name.
@@ -41,19 +38,16 @@ const SideNavigation = forwardRef((props, ref) => {
     ...forwardedProps
   } = props;
   const content = Children.toArray(children).filter(isComponent(SideNavigationItem));
-  return /*#__PURE__*/React.createElement("ul", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, theme === Theme.dark && 'lumx-color-font-light-N', CLASSNAME$1)
-  }), content);
+  return /*#__PURE__*/jsx("ul", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, theme === Theme.dark && 'lumx-color-font-light-N', CLASSNAME$1),
+    children: content
+  });
 });
 SideNavigation.displayName = COMPONENT_NAME$1;
 SideNavigation.className = CLASSNAME$1;
 
-/**
- * Defines the props of the component.
- */
-
 /**
  * Component display name.
  */
@@ -107,53 +101,65 @@ const SideNavigationItem = forwardRef((props, ref) => {
     // Associate with content ID only if in DOM (shown or hidden and not unmounted)
     ariaProps['aria-controls'] = showChildren || closeMode === 'hide' ? contentId : undefined;
   }
-  return /*#__PURE__*/React.createElement("li", _extends({
-    ref: ref
-  }, forwardedProps, {
+  return /*#__PURE__*/jsxs("li", {
+    ref: ref,
+    ...forwardedProps,
     className: classNames(className, handleBasicClasses({
       emphasis,
       isOpen: showChildren,
       isSelected,
       prefix: CLASSNAME
-    }))
-  }), shouldSplitActions ? /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__wrapper`
-  }, /*#__PURE__*/React.createElement(RawClickable, _extends({
-    as: linkAs || (linkProps?.href ? 'a' : 'button')
-  }, linkProps, {
-    className: `${CLASSNAME}__link`,
-    onClick: onClick
-  }), icon && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME}__icon`,
-    icon: icon,
-    size: Size.xs
-  }), /*#__PURE__*/React.createElement("span", null, label)), /*#__PURE__*/React.createElement(IconButton, _extends({}, toggleButtonProps, {
-    className: `${CLASSNAME}__toggle`,
-    icon: isOpen ? mdiChevronUp : mdiChevronDown,
-    size: Size.m,
-    emphasis: Emphasis.low,
-    onClick: onActionClick
-  }, ariaProps))) : /*#__PURE__*/React.createElement(RawClickable, _extends({
-    as: linkAs || (linkProps?.href ? 'a' : 'button')
-  }, linkProps, {
-    className: `${CLASSNAME}__link`,
-    onClick: onClick
-  }, ariaProps), icon && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME}__icon`,
-    icon: icon,
-    size: Size.xs
-  }), /*#__PURE__*/React.createElement("span", null, label), hasContent && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME}__chevron`,
-    icon: isOpen ? mdiChevronUp : mdiChevronDown,
-    size: Size.xs
-  })), (closeMode === 'hide' || showChildren) && /*#__PURE__*/React.createElement("ul", {
-    className: `${CLASSNAME}__children`,
-    id: contentId
-  }, content));
+    })),
+    children: [shouldSplitActions ? /*#__PURE__*/jsxs("div", {
+      className: `${CLASSNAME}__wrapper`,
+      children: [/*#__PURE__*/jsxs(RawClickable, {
+        as: linkAs || (linkProps?.href ? 'a' : 'button'),
+        ...linkProps,
+        className: `${CLASSNAME}__link`,
+        onClick: onClick,
+        children: [icon && /*#__PURE__*/jsx(Icon, {
+          className: `${CLASSNAME}__icon`,
+          icon: icon,
+          size: Size.xs
+        }), /*#__PURE__*/jsx("span", {
+          children: label
+        })]
+      }), /*#__PURE__*/jsx(IconButton, {
+        ...toggleButtonProps,
+        className: `${CLASSNAME}__toggle`,
+        icon: isOpen ? mdiChevronUp : mdiChevronDown,
+        size: Size.m,
+        emphasis: Emphasis.low,
+        onClick: onActionClick,
+        ...ariaProps
+      })]
+    }) : /*#__PURE__*/jsxs(RawClickable, {
+      as: linkAs || (linkProps?.href ? 'a' : 'button'),
+      ...linkProps,
+      className: `${CLASSNAME}__link`,
+      onClick: onClick,
+      ...ariaProps,
+      children: [icon && /*#__PURE__*/jsx(Icon, {
+        className: `${CLASSNAME}__icon`,
+        icon: icon,
+        size: Size.xs
+      }), /*#__PURE__*/jsx("span", {
+        children: label
+      }), hasContent && /*#__PURE__*/jsx(Icon, {
+        className: `${CLASSNAME}__chevron`,
+        icon: isOpen ? mdiChevronUp : mdiChevronDown,
+        size: Size.xs
+      })]
+    }), (closeMode === 'hide' || showChildren) && /*#__PURE__*/jsx("ul", {
+      className: `${CLASSNAME}__children`,
+      id: contentId,
+      children: content
+    })]
+  });
 });
 SideNavigationItem.displayName = COMPONENT_NAME;
 SideNavigationItem.className = CLASSNAME;
 SideNavigationItem.defaultProps = DEFAULT_PROPS;
 
 export { SideNavigation, SideNavigationItem };
-//# sourceMappingURL=side-navigation-75b22f19.js.map
+//# sourceMappingURL=side-navigation-f9bc5b4e.js.map

package/_internal/components/{side-navigation-75b22f19.js.map → side-navigation-f9bc5b4e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"side-navigation-75b22f19.js","sources":["../../../src/components/side-navigation/SideNavigation.tsx","../../../src/components/side-navigation/SideNavigationItem.tsx"],"sourcesContent":["import { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { SideNavigationItem, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName } 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 * Defines the props of the component.\n */\nexport interface SideNavigationProps extends GenericProps, HasTheme {\n    /** SideNavigationItem elements. */\n    children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SideNavigation';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SideNavigation component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SideNavigation = forwardRef<SideNavigationProps, HTMLUListElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const { children, className, theme = defaultTheme, ...forwardedProps } = props;\n    const content = Children.toArray(children).filter(isComponent(SideNavigationItem));\n\n    return (\n        <ul\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, theme === Theme.dark && 'lumx-color-font-light-N', CLASSNAME)}\n        >\n            {content}\n        </ul>\n    );\n});\nSideNavigation.displayName = COMPONENT_NAME;\nSideNavigation.className = CLASSNAME;\n","import { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\nimport { Emphasis, Icon, Size, IconButton, IconButtonProps } from '@lumx/react';\nimport { GenericProps, HasCloseMode, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\n\n/**\n * Defines the props of the component.\n */\nexport interface SideNavigationItemProps extends GenericProps, HasCloseMode {\n    /** SideNavigationItem elements. */\n    children?: ReactNode;\n    /** Emphasis variant. */\n    emphasis?: Emphasis;\n    /** Label content. */\n    label: string | ReactNode;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Whether the component is selected or not. */\n    isSelected?: boolean;\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n    /** Props to pass to the link (minus those already set by the SideNavigationItem props). */\n    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;\n    /** Props to pass to the toggle button (minus those already set by the SideNavigationItem props). */\n    toggleButtonProps: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color' | 'size'>;\n    /** On action button click callback. */\n    onActionClick?(evt: React.MouseEvent): void;\n    /** On click callback. */\n    onClick?(evt: React.MouseEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SideNavigationItem';\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<SideNavigationItemProps> = {\n    emphasis: Emphasis.high,\n    closeMode: 'unmount',\n};\n\n/**\n * SideNavigationItem component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SideNavigationItem = forwardRef<SideNavigationItemProps, HTMLLIElement>((props, ref) => {\n    const {\n        children,\n        className,\n        emphasis = DEFAULT_PROPS.emphasis,\n        icon,\n        isOpen,\n        isSelected,\n        label,\n        linkAs,\n        linkProps,\n        onActionClick,\n        onClick,\n        toggleButtonProps,\n        closeMode = DEFAULT_PROPS.closeMode,\n        ...forwardedProps\n    } = props;\n\n    const content = children && Children.toArray(children).filter(isComponent(SideNavigationItem));\n    const hasContent = !isEmpty(content);\n    const shouldSplitActions = Boolean(onActionClick);\n    const showChildren = hasContent && isOpen;\n\n    const contentId = useId();\n    const ariaProps: any = {};\n    if (hasContent) {\n        ariaProps['aria-expanded'] = !!showChildren;\n        // Associate with content ID only if in DOM (shown or hidden and not unmounted)\n        ariaProps['aria-controls'] = showChildren || closeMode === 'hide' ? contentId : undefined;\n    }\n\n    return (\n        <li\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    emphasis,\n                    isOpen: showChildren,\n                    isSelected,\n                    prefix: CLASSNAME,\n                }),\n            )}\n        >\n            {shouldSplitActions ? (\n                <div className={`${CLASSNAME}__wrapper`}>\n                    <RawClickable\n                        as={linkAs || (linkProps?.href ? 'a' : 'button')}\n                        {...(linkProps as any)}\n                        className={`${CLASSNAME}__link`}\n                        onClick={onClick}\n                    >\n                        {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} />}\n                        <span>{label}</span>\n                    </RawClickable>\n\n                    <IconButton\n                        {...toggleButtonProps}\n                        className={`${CLASSNAME}__toggle`}\n                        icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                        size={Size.m}\n                        emphasis={Emphasis.low}\n                        onClick={onActionClick}\n                        {...ariaProps}\n                    />\n                </div>\n            ) : (\n                <RawClickable\n                    as={linkAs || (linkProps?.href ? 'a' : 'button')}\n                    {...linkProps}\n                    className={`${CLASSNAME}__link`}\n                    onClick={onClick}\n                    {...ariaProps}\n                >\n                    {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} />}\n                    <span>{label}</span>\n                    {hasContent && (\n                        <Icon\n                            className={`${CLASSNAME}__chevron`}\n                            icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                            size={Size.xs}\n                        />\n                    )}\n                </RawClickable>\n            )}\n\n            {(closeMode === 'hide' || showChildren) && (\n                <ul className={`${CLASSNAME}__children`} id={contentId}>\n                    {content}\n                </ul>\n            )}\n        </li>\n    );\n});\nSideNavigationItem.displayName = COMPONENT_NAME;\nSideNavigationItem.className = CLASSNAME;\nSideNavigationItem.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","SideNavigation","forwardRef","props","ref","defaultTheme","useTheme","children","className","theme","forwardedProps","content","Children","toArray","filter","isComponent","SideNavigationItem","React","createElement","_extends","classNames","Theme","dark","displayName","DEFAULT_PROPS","emphasis","Emphasis","high","closeMode","icon","isOpen","isSelected","label","linkAs","linkProps","onActionClick","onClick","toggleButtonProps","hasContent","isEmpty","shouldSplitActions","Boolean","showChildren","contentId","useId","ariaProps","undefined","handleBasicClasses","prefix","RawClickable","as","href","Icon","size","Size","xs","IconButton","mdiChevronUp","mdiChevronDown","m","low","id","defaultProps"],"mappings":"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"}
+{"version":3,"file":"side-navigation-f9bc5b4e.js","sources":["../../../src/components/side-navigation/SideNavigation.tsx","../../../src/components/side-navigation/SideNavigationItem.tsx"],"sourcesContent":["import { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { SideNavigationItem, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName } 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 * Defines the props of the component.\n */\nexport interface SideNavigationProps extends GenericProps, HasTheme {\n    /** SideNavigationItem elements. */\n    children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SideNavigation';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SideNavigation component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SideNavigation = forwardRef<SideNavigationProps, HTMLUListElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const { children, className, theme = defaultTheme, ...forwardedProps } = props;\n    const content = Children.toArray(children).filter(isComponent(SideNavigationItem));\n\n    return (\n        <ul\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, theme === Theme.dark && 'lumx-color-font-light-N', CLASSNAME)}\n        >\n            {content}\n        </ul>\n    );\n});\nSideNavigation.displayName = COMPONENT_NAME;\nSideNavigation.className = CLASSNAME;\n","import { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\nimport { Emphasis, Icon, Size, IconButton, IconButtonProps } from '@lumx/react';\nimport { GenericProps, HasCloseMode, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\n\n/**\n * Defines the props of the component.\n */\nexport interface SideNavigationItemProps extends GenericProps, HasCloseMode {\n    /** SideNavigationItem elements. */\n    children?: ReactNode;\n    /** Emphasis variant. */\n    emphasis?: Emphasis;\n    /** Label content. */\n    label: string | ReactNode;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Whether the component is selected or not. */\n    isSelected?: boolean;\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n    /** Props to pass to the link (minus those already set by the SideNavigationItem props). */\n    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;\n    /** Props to pass to the toggle button (minus those already set by the SideNavigationItem props). */\n    toggleButtonProps: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color' | 'size'>;\n    /** On action button click callback. */\n    onActionClick?(evt: React.MouseEvent): void;\n    /** On click callback. */\n    onClick?(evt: React.MouseEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SideNavigationItem';\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<SideNavigationItemProps> = {\n    emphasis: Emphasis.high,\n    closeMode: 'unmount',\n};\n\n/**\n * SideNavigationItem component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SideNavigationItem = forwardRef<SideNavigationItemProps, HTMLLIElement>((props, ref) => {\n    const {\n        children,\n        className,\n        emphasis = DEFAULT_PROPS.emphasis,\n        icon,\n        isOpen,\n        isSelected,\n        label,\n        linkAs,\n        linkProps,\n        onActionClick,\n        onClick,\n        toggleButtonProps,\n        closeMode = DEFAULT_PROPS.closeMode,\n        ...forwardedProps\n    } = props;\n\n    const content = children && Children.toArray(children).filter(isComponent(SideNavigationItem));\n    const hasContent = !isEmpty(content);\n    const shouldSplitActions = Boolean(onActionClick);\n    const showChildren = hasContent && isOpen;\n\n    const contentId = useId();\n    const ariaProps: any = {};\n    if (hasContent) {\n        ariaProps['aria-expanded'] = !!showChildren;\n        // Associate with content ID only if in DOM (shown or hidden and not unmounted)\n        ariaProps['aria-controls'] = showChildren || closeMode === 'hide' ? contentId : undefined;\n    }\n\n    return (\n        <li\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    emphasis,\n                    isOpen: showChildren,\n                    isSelected,\n                    prefix: CLASSNAME,\n                }),\n            )}\n        >\n            {shouldSplitActions ? (\n                <div className={`${CLASSNAME}__wrapper`}>\n                    <RawClickable\n                        as={linkAs || (linkProps?.href ? 'a' : 'button')}\n                        {...(linkProps as any)}\n                        className={`${CLASSNAME}__link`}\n                        onClick={onClick}\n                    >\n                        {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} />}\n                        <span>{label}</span>\n                    </RawClickable>\n\n                    <IconButton\n                        {...toggleButtonProps}\n                        className={`${CLASSNAME}__toggle`}\n                        icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                        size={Size.m}\n                        emphasis={Emphasis.low}\n                        onClick={onActionClick}\n                        {...ariaProps}\n                    />\n                </div>\n            ) : (\n                <RawClickable\n                    as={linkAs || (linkProps?.href ? 'a' : 'button')}\n                    {...linkProps}\n                    className={`${CLASSNAME}__link`}\n                    onClick={onClick}\n                    {...ariaProps}\n                >\n                    {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} />}\n                    <span>{label}</span>\n                    {hasContent && (\n                        <Icon\n                            className={`${CLASSNAME}__chevron`}\n                            icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                            size={Size.xs}\n                        />\n                    )}\n                </RawClickable>\n            )}\n\n            {(closeMode === 'hide' || showChildren) && (\n                <ul className={`${CLASSNAME}__children`} id={contentId}>\n                    {content}\n                </ul>\n            )}\n        </li>\n    );\n});\nSideNavigationItem.displayName = COMPONENT_NAME;\nSideNavigationItem.className = CLASSNAME;\nSideNavigationItem.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","SideNavigation","forwardRef","props","ref","defaultTheme","useTheme","children","className","theme","forwardedProps","content","Children","toArray","filter","isComponent","SideNavigationItem","_jsx","classNames","Theme","dark","displayName","DEFAULT_PROPS","emphasis","Emphasis","high","closeMode","icon","isOpen","isSelected","label","linkAs","linkProps","onActionClick","onClick","toggleButtonProps","hasContent","isEmpty","shouldSplitActions","Boolean","showChildren","contentId","useId","ariaProps","undefined","_jsxs","handleBasicClasses","prefix","RawClickable","as","href","Icon","size","Size","xs","IconButton","mdiChevronUp","mdiChevronDown","m","low","id","defaultProps"],"mappings":"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"}

package/_internal/components/{skeleton-361ce335.js → skeleton-c66516ee.js}

@@ -1,12 +1,9 @@
-import { f as forwardRef, _ as _extends, c as classNames } from '../forwardRef-49d2bb84.js';
+import { f as forwardRef, c as classNames } from '../forwardRef-15f62847.js';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
 import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { jsx } from 'react/jsx-runtime';
 import { Theme } from '@lumx/core/js/constants';
 
-/**
- * Defines the props of the component.
- */
-
 const DEFAULT_PROPS$2 = {};
 
 /**
@@ -35,24 +32,21 @@ const SkeletonCircle = forwardRef((props, ref) => {
     theme = defaultTheme,
     ...forwardedProps
   } = props;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    ...forwardedProps,
     className: classNames(className, handleBasicClasses({
       prefix: CLASSNAME$2,
       size,
       color,
       theme
     }))
-  }));
+  });
 });
 SkeletonCircle.displayName = COMPONENT_NAME$2;
 SkeletonCircle.defaultProps = DEFAULT_PROPS$2;
 SkeletonCircle.className = CLASSNAME$2;
 
-/**
- * Skeleton variants.
- */
 const SkeletonRectangleVariant = {
   squared: 'squared',
   rounded: 'rounded',
@@ -96,9 +90,9 @@ const SkeletonRectangle = forwardRef((props, ref) => {
     color,
     ...forwardedProps
   } = props;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    ...forwardedProps,
     className: classNames(className, handleBasicClasses({
       prefix: CLASSNAME$1,
       aspectRatio,
@@ -107,19 +101,16 @@ const SkeletonRectangle = forwardRef((props, ref) => {
       variant,
       width,
       color
-    }))
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$1}__inner`
-  }));
+    })),
+    children: /*#__PURE__*/jsx("div", {
+      className: `${CLASSNAME$1}__inner`
+    })
+  });
 });
 SkeletonRectangle.displayName = COMPONENT_NAME$1;
 SkeletonRectangle.className = CLASSNAME$1;
 SkeletonRectangle.defaultProps = DEFAULT_PROPS$1;
 
-/**
- * Defines the props of the component.
- */
-
 const DEFAULT_PROPS = {};
 
 /**
@@ -149,9 +140,9 @@ const SkeletonTypography = forwardRef((props, ref) => {
     color,
     ...forwardedProps
   } = props;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    ...forwardedProps,
     className: classNames(className, handleBasicClasses({
       prefix: CLASSNAME,
       theme,
@@ -161,14 +152,15 @@ const SkeletonTypography = forwardRef((props, ref) => {
     style: {
       ...forwardedProps.style,
       width
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__inner`
-  }));
+    },
+    children: /*#__PURE__*/jsx("div", {
+      className: `${CLASSNAME}__inner`
+    })
+  });
 });
 SkeletonTypography.displayName = COMPONENT_NAME;
 SkeletonTypography.defaultProps = DEFAULT_PROPS;
 SkeletonTypography.className = CLASSNAME;
 
 export { SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography };
-//# sourceMappingURL=skeleton-361ce335.js.map
+//# sourceMappingURL=skeleton-c66516ee.js.map

package/_internal/components/{skeleton-361ce335.js.map → skeleton-c66516ee.js.map}

@@ -1 +1 @@
-{"version":3,"file":"skeleton-361ce335.js","sources":["../../../src/components/skeleton/SkeletonCircle.tsx","../../../src/components/skeleton/SkeletonRectangle.tsx","../../../src/components/skeleton/SkeletonTypography.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GlobalSize, Theme, ColorPalette } 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 * Defines the props of the component.\n */\nexport interface SkeletonCircleProps extends GenericProps, HasTheme {\n    /** Size variant. */\n    size: GlobalSize;\n    /** The color of the skeleton. */\n    color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonCircleProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonCircle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonCircle component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SkeletonCircle = forwardRef<SkeletonCircleProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, size, color, theme = defaultTheme, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, size, color, theme }))}\n        />\n    );\n});\nSkeletonCircle.displayName = COMPONENT_NAME;\nSkeletonCircle.defaultProps = DEFAULT_PROPS;\nSkeletonCircle.className = CLASSNAME;\n","import classNames from 'classnames';\n\nimport { AspectRatio, GlobalSize, Theme, ColorPalette } 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\n/**\n * Skeleton variants.\n */\nexport const SkeletonRectangleVariant = { squared: 'squared', rounded: 'rounded', pill: 'pill' } as const;\nexport type SkeletonRectangleVariant = ValueOf<typeof SkeletonRectangleVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface SkeletonRectangleProps extends GenericProps, HasTheme {\n    /** Aspect ratio (use with width and not height). */\n    aspectRatio?: Extract<AspectRatio, 'square' | 'horizontal' | 'vertical' | 'wide'>;\n    /** Height size. */\n    height?: GlobalSize;\n    /** Border variant. */\n    variant?: SkeletonRectangleVariant;\n    /** Width size. */\n    width?: GlobalSize;\n    /** The color of the skeleton. */\n    color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonRectangleProps> = {\n    variant: SkeletonRectangleVariant.squared,\n};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonRectangle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonRectangle component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SkeletonRectangle = forwardRef<SkeletonRectangleProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        aspectRatio,\n        className,\n        height,\n        theme = defaultTheme,\n        variant = DEFAULT_PROPS.variant,\n        width,\n        color,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    aspectRatio,\n                    height: aspectRatio ? undefined : height,\n                    theme,\n                    variant,\n                    width,\n                    color,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__inner`} />\n        </div>\n    );\n});\nSkeletonRectangle.displayName = COMPONENT_NAME;\nSkeletonRectangle.className = CLASSNAME;\nSkeletonRectangle.defaultProps = DEFAULT_PROPS;\n","import { CSSProperties } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme, TypographyInterface, ColorPalette } 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 * Defines the props of the component.\n */\nexport interface SkeletonTypographyProps extends GenericProps, HasTheme {\n    /** Typography variant. */\n    typography: TypographyInterface;\n    /** Width CSS property. */\n    width?: CSSProperties['width'];\n    /** The color of the skeleton. */\n    color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonTypographyProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonTypography';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonTypography component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SkeletonTypography = forwardRef<SkeletonTypographyProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, theme = defaultTheme, typography, width, color, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, typography, color }))}\n            style={{ ...forwardedProps.style, width }}\n        >\n            <div className={`${CLASSNAME}__inner`} />\n        </div>\n    );\n});\nSkeletonTypography.displayName = COMPONENT_NAME;\nSkeletonTypography.defaultProps = DEFAULT_PROPS;\nSkeletonTypography.className = CLASSNAME;\n"],"names":["DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","SkeletonCircle","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","size","color","theme","forwardedProps","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps","SkeletonRectangleVariant","squared","rounded","pill","variant","SkeletonRectangle","aspectRatio","height","width","undefined","SkeletonTypography","typography","style"],"mappings":"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"}
+{"version":3,"file":"skeleton-c66516ee.js","sources":["../../../src/components/skeleton/SkeletonCircle.tsx","../../../src/components/skeleton/SkeletonRectangle.tsx","../../../src/components/skeleton/SkeletonTypography.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GlobalSize, Theme, ColorPalette } 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 * Defines the props of the component.\n */\nexport interface SkeletonCircleProps extends GenericProps, HasTheme {\n    /** Size variant. */\n    size: GlobalSize;\n    /** The color of the skeleton. */\n    color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonCircleProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonCircle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonCircle component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SkeletonCircle = forwardRef<SkeletonCircleProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, size, color, theme = defaultTheme, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, size, color, theme }))}\n        />\n    );\n});\nSkeletonCircle.displayName = COMPONENT_NAME;\nSkeletonCircle.defaultProps = DEFAULT_PROPS;\nSkeletonCircle.className = CLASSNAME;\n","import classNames from 'classnames';\n\nimport { AspectRatio, GlobalSize, Theme, ColorPalette } 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\n/**\n * Skeleton variants.\n */\nexport const SkeletonRectangleVariant = { squared: 'squared', rounded: 'rounded', pill: 'pill' } as const;\nexport type SkeletonRectangleVariant = ValueOf<typeof SkeletonRectangleVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface SkeletonRectangleProps extends GenericProps, HasTheme {\n    /** Aspect ratio (use with width and not height). */\n    aspectRatio?: Extract<AspectRatio, 'square' | 'horizontal' | 'vertical' | 'wide'>;\n    /** Height size. */\n    height?: GlobalSize;\n    /** Border variant. */\n    variant?: SkeletonRectangleVariant;\n    /** Width size. */\n    width?: GlobalSize;\n    /** The color of the skeleton. */\n    color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonRectangleProps> = {\n    variant: SkeletonRectangleVariant.squared,\n};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonRectangle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonRectangle component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SkeletonRectangle = forwardRef<SkeletonRectangleProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        aspectRatio,\n        className,\n        height,\n        theme = defaultTheme,\n        variant = DEFAULT_PROPS.variant,\n        width,\n        color,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    aspectRatio,\n                    height: aspectRatio ? undefined : height,\n                    theme,\n                    variant,\n                    width,\n                    color,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__inner`} />\n        </div>\n    );\n});\nSkeletonRectangle.displayName = COMPONENT_NAME;\nSkeletonRectangle.className = CLASSNAME;\nSkeletonRectangle.defaultProps = DEFAULT_PROPS;\n","import { CSSProperties } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme, TypographyInterface, ColorPalette } 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 * Defines the props of the component.\n */\nexport interface SkeletonTypographyProps extends GenericProps, HasTheme {\n    /** Typography variant. */\n    typography: TypographyInterface;\n    /** Width CSS property. */\n    width?: CSSProperties['width'];\n    /** The color of the skeleton. */\n    color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonTypographyProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonTypography';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonTypography component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SkeletonTypography = forwardRef<SkeletonTypographyProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, theme = defaultTheme, typography, width, color, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme, typography, color }))}\n            style={{ ...forwardedProps.style, width }}\n        >\n            <div className={`${CLASSNAME}__inner`} />\n        </div>\n    );\n});\nSkeletonTypography.displayName = COMPONENT_NAME;\nSkeletonTypography.defaultProps = DEFAULT_PROPS;\nSkeletonTypography.className = CLASSNAME;\n"],"names":["DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","SkeletonCircle","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","size","color","theme","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps","SkeletonRectangleVariant","squared","rounded","pill","variant","SkeletonRectangle","aspectRatio","height","width","undefined","children","SkeletonTypography","typography","style"],"mappings":"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"}