@lumx/react 3.20.1-alpha.12 → 3.20.1-alpha.13

package/_internal/21b83d16.js

@@ -1,137 +0,0 @@
-import { Children } from 'react';
-import { m as getRootClassName, n as forwardRef, b as Theme, l as classNames, c as Size } from './6589b796.js';
-import { h as handleBasicClasses } from './e2afb13f.js';
-import { u as useTheme } from './3181f000.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Avatar } from './74a4a214.js';
-import { Tooltip } from './9a4dfad0.js';
-
-/**
- * Comment block variants.
- */
-const CommentBlockVariant = {
-  indented: 'indented',
-  linear: 'linear'
-};
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'CommentBlock';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  variant: CommentBlockVariant.indented
-};
-
-/**
- * CommentBlock component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const CommentBlock = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    actions,
-    avatarProps,
-    children,
-    className,
-    date,
-    fullDate,
-    hasActions,
-    headerActions,
-    isOpen,
-    isRelevant,
-    name,
-    onClick,
-    onMouseEnter,
-    onMouseLeave,
-    text,
-    theme = defaultTheme,
-    variant = DEFAULT_PROPS.variant,
-    ...forwardedProps
-  } = props;
-  const hasChildren = Children.count(children) > 0;
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    className: classNames(className, handleBasicClasses({
-      hasChildren: hasChildren && isOpen,
-      hasIndentedChildren: hasChildren && variant === CommentBlockVariant.indented,
-      hasLinearChildren: hasChildren && variant === CommentBlockVariant.linear,
-      isRelevant,
-      prefix: CLASSNAME,
-      theme
-    })),
-    ...forwardedProps,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__wrapper`,
-      children: [/*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__avatar`,
-        children: /*#__PURE__*/jsx(Avatar, {
-          ...avatarProps,
-          size: Size.m,
-          onClick: onClick
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        className: `${CLASSNAME}__container`,
-        children: [/*#__PURE__*/jsxs("div", {
-          className: `${CLASSNAME}__content`,
-          children: [/*#__PURE__*/jsxs("div", {
-            className: `${CLASSNAME}__meta`,
-            children: [name &&
-            /*#__PURE__*/
-            // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-            jsx("span", {
-              className: `${CLASSNAME}__name`,
-              onClick: onClick,
-              onMouseEnter: onMouseEnter,
-              onMouseLeave: onMouseLeave,
-              children: name
-            }), headerActions && /*#__PURE__*/jsx("span", {
-              className: `${CLASSNAME}__header-actions`,
-              children: headerActions
-            })]
-          }), /*#__PURE__*/jsx("div", {
-            className: `${CLASSNAME}__text`,
-            children: text
-          }), date && (fullDate ? /*#__PURE__*/jsx(Tooltip, {
-            label: fullDate,
-            placement: "top",
-            children: /*#__PURE__*/jsx("span", {
-              className: `${CLASSNAME}__date`,
-              children: date
-            })
-          }) : /*#__PURE__*/jsx("span", {
-            className: `${CLASSNAME}__date`,
-            children: date
-          }))]
-        }), hasActions && /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__actions`,
-          children: actions
-        })]
-      })]
-    }), hasChildren && isOpen && /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__children`,
-      children: children
-    })]
-  });
-});
-CommentBlock.displayName = COMPONENT_NAME;
-CommentBlock.className = CLASSNAME;
-CommentBlock.defaultProps = DEFAULT_PROPS;
-
-export { CommentBlock, CommentBlockVariant };
-//# sourceMappingURL=21b83d16.js.map

package/_internal/21b83d16.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"21b83d16.js","sources":["../../src/components/comment-block/CommentBlock.tsx"],"sourcesContent":["import { Children, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Avatar, Size, Theme, Tooltip } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { AvatarProps } from '../avatar/Avatar';\n\n/**\n * Comment block variants.\n */\nexport const CommentBlockVariant = {\n    indented: 'indented',\n    linear: 'linear',\n} as const;\nexport type CommentBlockVariant = ValueOf<typeof CommentBlockVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface CommentBlockProps extends GenericProps, HasTheme {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Props to pass to the avatar. */\n    avatarProps: AvatarProps;\n    /** Comment block replies. */\n    children?: ReactNode;\n    /** Comment date with the minimal timestamp information (xx minutes, x hours, yesterday, 6 days, Month Day, Month Day Year)*/\n    date?: string;\n    /** Comment date with the full timestamp information (day, month, year, time) */\n    fullDate?: string;\n    /** Whether the component has actions to display or not. */\n    hasActions?: boolean;\n    /** Action toolbar header content. */\n    headerActions?: ReactNode;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Whether the comment is relevant or not. */\n    isRelevant?: boolean;\n    /** Comment author name. */\n    name?: React.ReactNode;\n    /**\n     * On click callback.\n     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`\n     */\n    onClick?(): void;\n    /**\n     * On mouse enter callback.\n     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`\n     */\n    onMouseEnter?(): void;\n    /**\n     * On mouse leave callback.\n     * @deprecated Use avatarProps instead and/or inject a clickable component in `name`\n     */\n    onMouseLeave?(): void;\n    /** Comment content. */\n    text: ReactNode | string;\n    /** Comment variant. */\n    variant?: CommentBlockVariant;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'CommentBlock';\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<CommentBlockProps> = {\n    variant: CommentBlockVariant.indented,\n};\n\n/**\n * CommentBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const CommentBlock = forwardRef<CommentBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actions,\n        avatarProps,\n        children,\n        className,\n        date,\n        fullDate,\n        hasActions,\n        headerActions,\n        isOpen,\n        isRelevant,\n        name,\n        onClick,\n        onMouseEnter,\n        onMouseLeave,\n        text,\n        theme = defaultTheme,\n        variant = DEFAULT_PROPS.variant,\n        ...forwardedProps\n    } = props;\n    const hasChildren = Children.count(children) > 0;\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    hasChildren: hasChildren && isOpen,\n                    hasIndentedChildren: hasChildren && variant === CommentBlockVariant.indented,\n                    hasLinearChildren: hasChildren && variant === CommentBlockVariant.linear,\n                    isRelevant,\n                    prefix: CLASSNAME,\n                    theme,\n                }),\n            )}\n            {...forwardedProps}\n        >\n            <div className={`${CLASSNAME}__wrapper`}>\n                <div className={`${CLASSNAME}__avatar`}>\n                    <Avatar {...avatarProps} size={Size.m} onClick={onClick} />\n                </div>\n\n                <div className={`${CLASSNAME}__container`}>\n                    <div className={`${CLASSNAME}__content`}>\n                        <div className={`${CLASSNAME}__meta`}>\n                            {name && (\n                                // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n                                <span\n                                    className={`${CLASSNAME}__name`}\n                                    onClick={onClick}\n                                    onMouseEnter={onMouseEnter}\n                                    onMouseLeave={onMouseLeave}\n                                >\n                                    {name}\n                                </span>\n                            )}\n                            {headerActions && <span className={`${CLASSNAME}__header-actions`}>{headerActions}</span>}\n                        </div>\n\n                        <div className={`${CLASSNAME}__text`}>{text}</div>\n                        {date &&\n                            (fullDate ? (\n                                <Tooltip label={fullDate} placement=\"top\">\n                                    <span className={`${CLASSNAME}__date`}>{date}</span>\n                                </Tooltip>\n                            ) : (\n                                <span className={`${CLASSNAME}__date`}>{date}</span>\n                            ))}\n                    </div>\n                    {hasActions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n                </div>\n            </div>\n            {hasChildren && isOpen && <div className={`${CLASSNAME}__children`}>{children}</div>}\n        </div>\n    );\n});\nCommentBlock.displayName = COMPONENT_NAME;\nCommentBlock.className = CLASSNAME;\nCommentBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["CommentBlockVariant","indented","linear","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","variant","CommentBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","avatarProps","children","className","date","fullDate","hasActions","headerActions","isOpen","isRelevant","name","onClick","onMouseEnter","onMouseLeave","text","theme","forwardedProps","hasChildren","Children","count","_jsxs","classNames","handleBasicClasses","hasIndentedChildren","hasLinearChildren","prefix","_jsx","Avatar","size","Size","m","Tooltip","label","placement","displayName","defaultProps"],"mappings":"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"}

package/_internal/230173a8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"230173a8.js","sources":["../../src/utils/browser/focus/constants.ts","../../src/utils/browser/focus/getFocusableElements.ts"],"sourcesContent":["/** CSS selector listing all tabbable elements. */\nexport const TABBABLE_ELEMENTS_SELECTOR =\n    'a[href], button, textarea, input:not([type=\"hidden\"]):not([hidden]), [tabindex]';\n\n/** CSS selector matching element that are disabled (should not receive focus). */\nexport const DISABLED_SELECTOR =\n    '[hidden], [tabindex=\"-1\"], [disabled]:not([disabled=\"false\"]), [aria-disabled]:not([aria-disabled=\"false\"])';\n","import { DISABLED_SELECTOR, TABBABLE_ELEMENTS_SELECTOR } from './constants';\n\nconst isNotDisabled = (element: HTMLElement) => !element.matches(DISABLED_SELECTOR);\n\nexport function getFocusableElements(element: HTMLElement | ShadowRoot): HTMLElement[] {\n    return Array.from(element.querySelectorAll<HTMLElement>(TABBABLE_ELEMENTS_SELECTOR)).filter(isNotDisabled);\n}\n"],"names":["TABBABLE_ELEMENTS_SELECTOR","DISABLED_SELECTOR","isNotDisabled","element","matches","getFocusableElements","Array","from","querySelectorAll","filter"],"mappings":"AAAA;AACO,MAAMA,0BAA0B,GACnC,iFAAiF,CAAA;;AAErF;AACO,MAAMC,iBAAiB,GAC1B,6GAA6G;;ACJjH,MAAMC,aAAa,GAAIC,OAAoB,IAAK,CAACA,OAAO,CAACC,OAAO,CAACH,iBAAiB,CAAC,CAAA;AAE5E,SAASI,oBAAoBA,CAACF,OAAiC,EAAiB;AACnF,EAAA,OAAOG,KAAK,CAACC,IAAI,CAACJ,OAAO,CAACK,gBAAgB,CAAcR,0BAA0B,CAAC,CAAC,CAACS,MAAM,CAACP,aAAa,CAAC,CAAA;AAC9G;;;;"}

package/_internal/297bed8f.js

@@ -1,457 +0,0 @@
-import { m as getRootClassName, b as Theme, l as classNames, K as Kind, n as forwardRef, c as Size, d as Emphasis } from './6589b796.js';
-import isEmpty from 'lodash/isEmpty';
-import { I as IconButton } from './0a490b07.js';
-import { C as Chip } from './85e3a5ca.js';
-import { I as Icon, m as mdiAlertCircle } from './8ab42752.js';
-import { InputLabel } from './b0a7a999.js';
-import { h as handleBasicClasses } from './e2afb13f.js';
-import { m as mergeRefs } from './f0d7d6ea.js';
-import { u as useTheme } from './3181f000.js';
-import { useState, useEffect, useRef, useCallback } from 'react';
-import { Dropdown } from './1ea72630.js';
-import { InputHelper } from './5f8f9454.js';
-import { u as useFocusTrap } from './5fe09341.js';
-import { u as useId } from './3a1facc0.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { P as Placement } from './4cd870a5.js';
-import { m as mdiCloseCircle } from './ef5d1aac.js';
-import { m as mdiCheckCircle } from './de24f857.js';
-import { m as mdiClose } from './eaf6c45a.js';
-
-const mdiMenuDown = 'm7 10 5 5 5-5z';
-
-/**
- * Listen on element focus to store the focus status.
- */
-function useListenFocus(ref) {
-  const [isFocus, setFocus] = useState(false);
-  useEffect(() => {
-    const {
-      current: element
-    } = ref;
-    if (!element) {
-      return undefined;
-    }
-    const onFocus = () => setFocus(true);
-    const onBlur = () => setFocus(false);
-    element.addEventListener('focus', onFocus);
-    element.addEventListener('blur', onBlur);
-    return () => {
-      element.removeEventListener('focus', onFocus);
-      element.removeEventListener('blur', onBlur);
-    };
-  }, [ref, setFocus]);
-  return isFocus;
-}
-
-/** The display name of the component. */
-const COMPONENT_NAME$2 = 'Select';
-
-/** The default class name and classes prefix for this component. */
-const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2);
-const WithSelectContext = (SelectElement, props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    children,
-    className,
-    focusElement,
-    isMultiple,
-    closeOnClick = !isMultiple,
-    disabled,
-    error,
-    hasError,
-    helper,
-    id,
-    isDisabled = disabled,
-    isEmpty,
-    isOpen,
-    isRequired,
-    isValid,
-    label,
-    onClear,
-    onDropdownClose,
-    onInfiniteScroll,
-    onInputClick,
-    placeholder,
-    theme = defaultTheme,
-    value,
-    variant,
-    ...forwardedProps
-  } = props;
-  const generatedSelectId = useId();
-  const selectId = id || generatedSelectId;
-  const anchorRef = useRef(null);
-  const selectRef = useRef(null);
-  const dropdownRef = useRef(null);
-  const isFocus = useListenFocus(anchorRef);
-  const handleKeyboardNav = useCallback(evt => {
-    if ((evt.key === 'Enter' || evt.key === ' ' || evt.key === 'ArrowDown') && onInputClick) {
-      evt.preventDefault();
-      onInputClick();
-    }
-  }, [onInputClick]);
-  const onClose = () => {
-    if (onDropdownClose) {
-      onDropdownClose();
-    }
-    anchorRef?.current?.blur();
-  };
-
-  // Handle focus trap.
-  useFocusTrap(isOpen && dropdownRef.current, focusElement?.current);
-  return /*#__PURE__*/jsxs("div", {
-    ref: mergeRefs(ref, selectRef),
-    className: classNames(className, handleBasicClasses({
-      hasError,
-      hasLabel: Boolean(label),
-      hasPlaceholder: Boolean(placeholder),
-      hasValue: !isEmpty,
-      isDisabled,
-      isEmpty,
-      isFocus,
-      isOpen,
-      isValid,
-      prefix: CLASSNAME$2,
-      theme: theme === Theme.light ? Theme.light : Theme.dark
-    })),
-    children: [/*#__PURE__*/jsx(SelectElement, {
-      ...forwardedProps,
-      anchorRef: anchorRef,
-      "aria-disabled": isDisabled,
-      handleKeyboardNav: handleKeyboardNav,
-      hasError: hasError,
-      isDisabled: isDisabled,
-      isEmpty: isEmpty,
-      isRequired: isRequired,
-      isValid: isValid,
-      label: label,
-      placeholder: placeholder,
-      id: selectId,
-      theme: theme,
-      value: value,
-      variant: variant,
-      onClear: onClear,
-      onInputClick: onInputClick
-    }), /*#__PURE__*/jsx(Dropdown, {
-      anchorRef: anchorRef,
-      closeOnClick: closeOnClick,
-      closeOnClickAway: true,
-      closeOnEscape: true,
-      isOpen: !!isOpen,
-      placement: Placement.BOTTOM_START,
-      onClose: onClose,
-      onInfiniteScroll: onInfiniteScroll,
-      ref: dropdownRef,
-      children: children
-    }), hasError && error && /*#__PURE__*/jsx(InputHelper, {
-      className: `${CLASSNAME$2}__helper`,
-      kind: Kind.error,
-      theme: theme,
-      children: error
-    }), helper && /*#__PURE__*/jsx(InputHelper, {
-      className: `${CLASSNAME$2}__helper`,
-      theme: theme,
-      children: helper
-    })]
-  });
-};
-
-/**
- * Select variants.
- */
-const SelectVariant = {
-  input: 'input',
-  chip: 'chip'
-};
-
-/** The display name of the component. */
-const COMPONENT_NAME$1 = 'Select';
-
-/** The default class name and classes prefix for this component. */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-
-/** The default value of props. */
-const DEFAULT_PROPS$1 = {
-  selectedValueRender: choice => choice,
-  variant: SelectVariant.input
-};
-const stopPropagation = evt => evt.stopPropagation();
-
-/**
- * Select component.
- */
-const SelectField = props => {
-  const defaultTheme = useTheme();
-  const {
-    anchorRef,
-    clearButtonProps,
-    handleKeyboardNav,
-    hasError,
-    hasInputClear,
-    icon,
-    id,
-    isDisabled,
-    isEmpty,
-    isRequired,
-    isValid,
-    label,
-    onClear,
-    onInputClick,
-    placeholder,
-    selectedValueRender,
-    theme = defaultTheme,
-    value,
-    variant,
-    selectElementRef,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [variant === SelectVariant.input && /*#__PURE__*/jsxs(Fragment, {
-      children: [label && /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME$1}__header`,
-        children: /*#__PURE__*/jsx(InputLabel, {
-          htmlFor: id,
-          className: `${CLASSNAME$1}__label`,
-          isRequired: isRequired,
-          theme: theme,
-          children: label
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        ref: mergeRefs(anchorRef, selectElementRef),
-        id: id,
-        className: `${CLASSNAME$1}__wrapper`,
-        onClick: onInputClick,
-        onKeyDown: handleKeyboardNav,
-        tabIndex: isDisabled ? undefined : 0,
-        "aria-disabled": isDisabled || undefined,
-        ...forwardedProps,
-        children: [icon && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME$1}__input-icon`,
-          color: theme === Theme.dark ? 'light' : undefined,
-          icon: icon,
-          size: Size.xs
-        }), /*#__PURE__*/jsxs("div", {
-          className: classNames([`${CLASSNAME$1}__input-native`, isEmpty && placeholder && `${CLASSNAME$1}__input-native--placeholder`]),
-          children: [!isEmpty && /*#__PURE__*/jsx("span", {
-            children: selectedValueRender?.(value)
-          }), isEmpty && placeholder && /*#__PURE__*/jsx("span", {
-            children: placeholder
-          })]
-        }), (isValid || hasError) && /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME$1}__input-validity`,
-          children: /*#__PURE__*/jsx(Icon, {
-            icon: isValid ? mdiCheckCircle : mdiAlertCircle,
-            size: Size.xxs
-          })
-        }), hasInputClear && clearButtonProps && /*#__PURE__*/jsx(IconButton, {
-          ...clearButtonProps,
-          className: `${CLASSNAME$1}__input-clear`,
-          icon: mdiCloseCircle,
-          emphasis: Emphasis.low,
-          size: Size.s,
-          theme: theme,
-          onClick: onClear,
-          onKeyDown: stopPropagation
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME$1}__input-indicator`,
-          children: /*#__PURE__*/jsx(Icon, {
-            icon: mdiMenuDown,
-            size: Size.s
-          })
-        })]
-      })]
-    }), variant === SelectVariant.chip && /*#__PURE__*/jsxs(Chip, {
-      id: id,
-      isSelected: !isEmpty,
-      isDisabled: isDisabled,
-      after: /*#__PURE__*/jsx(Icon, {
-        icon: isEmpty ? mdiMenuDown : mdiCloseCircle
-      }),
-      onAfterClick: isEmpty ? onInputClick : onClear,
-      onClick: onInputClick,
-      ref: mergeRefs(anchorRef, selectElementRef),
-      theme: theme,
-      ...forwardedProps,
-      children: [isEmpty && /*#__PURE__*/jsx("span", {
-        children: label
-      }), !isEmpty && /*#__PURE__*/jsx("span", {
-        children: selectedValueRender?.(value)
-      })]
-    })]
-  });
-};
-
-/**
- * Select component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Select = forwardRef((props, ref) => {
-  const isEmpty$1 = isEmpty(props.value);
-  const hasInputClear = props.onClear && props.clearButtonProps && !isEmpty$1;
-  return WithSelectContext(SelectField, {
-    ...DEFAULT_PROPS$1,
-    ...props,
-    className: classNames(props.className, handleBasicClasses({
-      hasInputClear,
-      hasUnique: !props.isEmpty,
-      prefix: CLASSNAME$1
-    })),
-    hasInputClear,
-    isEmpty: isEmpty$1
-  }, ref);
-});
-Select.displayName = COMPONENT_NAME$1;
-Select.className = CLASSNAME$1;
-Select.defaultProps = DEFAULT_PROPS$1;
-Select.className = CLASSNAME$1;
-
-/** The display name of the component. */
-const COMPONENT_NAME = 'Select';
-
-/** The default class name and classes prefix for this component. */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/** The default value of props. */
-const DEFAULT_PROPS = {
-  selectedChipRender(choice, index, onClear, isDisabled, theme) {
-    const onClick = event => onClear && onClear(event, choice);
-    return /*#__PURE__*/jsx(Chip, {
-      after: onClear && /*#__PURE__*/jsx(Icon, {
-        icon: mdiClose,
-        size: Size.xxs
-      }),
-      isDisabled: isDisabled,
-      size: Size.s,
-      onAfterClick: onClick,
-      onClick: onClick,
-      theme: theme,
-      children: choice
-    }, index);
-  },
-  selectedValueRender: choice => choice,
-  variant: SelectVariant.input
-};
-const SelectMultipleField = props => {
-  const defaultTheme = useTheme();
-  const {
-    anchorRef,
-    handleKeyboardNav,
-    hasError,
-    icon,
-    id,
-    isDisabled,
-    isEmpty,
-    isRequired,
-    isValid,
-    label,
-    onClear,
-    onInputClick,
-    placeholder,
-    selectedChipRender,
-    selectedValueRender,
-    theme = defaultTheme,
-    value,
-    variant,
-    selectElementRef,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [variant === SelectVariant.input && /*#__PURE__*/jsxs(Fragment, {
-      children: [label && /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__header`,
-        children: /*#__PURE__*/jsx(InputLabel, {
-          htmlFor: id,
-          className: `${CLASSNAME}__label`,
-          isRequired: isRequired,
-          theme: theme,
-          children: label
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        ref: mergeRefs(anchorRef, selectElementRef),
-        id: id,
-        className: `${CLASSNAME}__wrapper`,
-        onClick: onInputClick,
-        onKeyDown: handleKeyboardNav,
-        tabIndex: isDisabled ? undefined : 0,
-        "aria-disabled": isDisabled || undefined,
-        ...forwardedProps,
-        children: [icon && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME}__input-icon`,
-          color: theme === Theme.dark ? 'light' : undefined,
-          icon: icon,
-          size: Size.xs
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__chips`,
-          children: !isEmpty && value.map((val, index) => selectedChipRender?.(val, index, onClear, isDisabled, theme))
-        }), isEmpty && placeholder && /*#__PURE__*/jsx("div", {
-          className: classNames([`${CLASSNAME}__input-native`, `${CLASSNAME}__input-native--placeholder`]),
-          children: /*#__PURE__*/jsx("span", {
-            children: placeholder
-          })
-        }), (isValid || hasError) && /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-validity`,
-          children: /*#__PURE__*/jsx(Icon, {
-            icon: isValid ? mdiCheckCircle : mdiAlertCircle,
-            size: Size.xxs
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-indicator`,
-          children: /*#__PURE__*/jsx(Icon, {
-            icon: mdiMenuDown,
-            size: Size.s
-          })
-        })]
-      })]
-    }), variant === SelectVariant.chip && /*#__PURE__*/jsxs(Chip, {
-      id: id,
-      isSelected: !isEmpty,
-      isDisabled: isDisabled,
-      after: /*#__PURE__*/jsx(Icon, {
-        icon: isEmpty ? mdiMenuDown : mdiCloseCircle
-      }),
-      onAfterClick: isEmpty ? onInputClick : onClear,
-      onClick: onInputClick,
-      ref: mergeRefs(anchorRef, selectElementRef),
-      theme: theme,
-      ...forwardedProps,
-      children: [isEmpty && /*#__PURE__*/jsx("span", {
-        children: label
-      }), !isEmpty && /*#__PURE__*/jsxs("span", {
-        children: [/*#__PURE__*/jsx("span", {
-          children: selectedValueRender?.(value[0])
-        }), value.length > 1 && /*#__PURE__*/jsxs("span", {
-          children: ["\xA0+", value.length - 1]
-        })]
-      })]
-    })]
-  });
-};
-
-/**
- * SelectMultiple component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SelectMultiple = forwardRef((props, ref) => {
-  return WithSelectContext(SelectMultipleField, {
-    ...DEFAULT_PROPS,
-    ...props,
-    className: classNames(props.className, handleBasicClasses({
-      hasMultiple: !props.isEmpty,
-      prefix: CLASSNAME
-    })),
-    isEmpty: props.value.length === 0,
-    isMultiple: true
-  }, ref);
-});
-SelectMultiple.displayName = COMPONENT_NAME;
-SelectMultiple.className = CLASSNAME;
-SelectMultiple.defaultProps = DEFAULT_PROPS;
-
-export { Select, SelectMultiple, SelectMultipleField, SelectVariant };
-//# sourceMappingURL=297bed8f.js.map