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

package/_internal/2040beb8.js

@@ -1,169 +0,0 @@
-import { useState, useEffect } from 'react';
-import get from 'lodash/get';
-
-const INITIAL_INDEX = -1;
-
-/**
- * This custom hook provides the necessary set of functions and values to properly navigate
- * a list using the keyboard.
- *
- * @param  items                    the list of items that will be navigated using the keyboard.
- * @param  ref                      A reference to the element that is controlling the navigation.
- * @param  onListItemSelected       callback to be executed when the ENTER key is pressed on an item.
- * @param  onListItemNavigated      callback to be executed when the Arrow keys are pressed.
- * @param  onEnterPressed           callback to be executed when the ENTER key is pressed.
- * @param  onBackspacePressed       callback to be executed when the BACKSPACE key is pressed.
- * @param  keepFocusAfterSelection  determines whether after selecting an item, the focus should be maintained on the current target or not.
- * @param  initialIndex             where should the navigation start from. it defaults to `-1`, so the first item navigated is the item on position `0`.
- * @param  preventTabOnEnteredValue determines whether upon TAB, if there is a value entered, the event is prevented or not.
- * @return useKeyboardListNavigation helpers.
- */
-const useKeyboardListNavigation = (items, ref, onListItemSelected, onListItemNavigated, onEnterPressed, onBackspacePressed, keepFocusAfterSelection = false, initialIndex = INITIAL_INDEX, preventTabOnEnteredValue = true) => {
-  const [activeItemIndex, setActiveItemIndex] = useState(initialIndex);
-
-  /**
-   * This function calculates the next index in the list to be highlighted
-   * @param key - key code pressed
-   * @return next active index
-   */
-  const calculateActiveIndex = key => {
-    switch (key) {
-      case 'ArrowDown':
-        return activeItemIndex + 1 < items.length ? activeItemIndex + 1 : 0;
-      case 'ArrowUp':
-        return activeItemIndex - 1 >= 0 ? activeItemIndex - 1 : items.length - 1;
-      default:
-        return initialIndex;
-    }
-  };
-
-  /**
-   * Resets the active index to the initial state
-   */
-  const resetActiveIndex = () => {
-    setActiveItemIndex(initialIndex);
-  };
-
-  /**
-   * Prevents the default event and stops the propagation of said event
-   * @param evt - key pressed event
-   */
-  const preventDefaultAndStopPropagation = evt => {
-    evt.preventDefault();
-    evt.stopPropagation();
-  };
-
-  /**
-   * Handles navigation with the arrows using the keyboard
-   * @param evt - key pressed event
-   */
-  const onArrowPressed = evt => {
-    const {
-      key
-    } = evt;
-    const nextActiveIndex = calculateActiveIndex(key);
-    setActiveItemIndex(nextActiveIndex);
-    preventDefaultAndStopPropagation(evt);
-    if (onListItemNavigated) {
-      const selectedItem = items[nextActiveIndex];
-      onListItemNavigated(selectedItem);
-    }
-  };
-
-  /**
-   * Handles the event when the backspace key is pressed
-   * @param evt - key pressed event
-   */
-  const onBackspaceKeyPressed = evt => {
-    if (onBackspacePressed) {
-      onBackspacePressed(evt);
-    }
-  };
-
-  /**
-   * Handles when the ENTER key is pressed
-   * @param evt - key pressed event
-   */
-  const onEnterKeyPressed = evt => {
-    if (!onListItemSelected) {
-      return;
-    }
-    preventDefaultAndStopPropagation(evt);
-    if (!keepFocusAfterSelection) {
-      evt.currentTarget.blur();
-    }
-    const selectedItem = items[activeItemIndex];
-    if (selectedItem) {
-      onListItemSelected(selectedItem);
-      resetActiveIndex();
-    } else if (activeItemIndex === initialIndex && onEnterPressed) {
-      const value = get(evt, 'target.value');
-      onEnterPressed(value);
-      resetActiveIndex();
-    }
-  };
-
-  /**
-   * Handles when the TAB key is pressed
-   * @param evt - key pressed event
-   */
-  const onTabKeyPressed = evt => {
-    const value = get(evt, 'target.value');
-    if (preventTabOnEnteredValue && value && value.length > 0) {
-      preventDefaultAndStopPropagation(evt);
-    }
-  };
-
-  /**
-   * In order to make it easier in the future to add new events depending on the key
-   * a map was created to add these handlers. In the future, if there is another event
-   * that we need to manage depending on a specific key, we just need to add the key code
-   * here, and as a value, the handler for said key.
-   */
-  const eventsForKeyPressed = {
-    ArrowDown: onArrowPressed,
-    Tab: onTabKeyPressed,
-    ArrowUp: onArrowPressed,
-    Enter: onEnterKeyPressed,
-    Backspace: onBackspaceKeyPressed
-  };
-
-  /**
-   * Calculates the next active item index depending on the key pressed.
-   * If the key pressed was ENTER, the function executes the callback `onListItemSelected`
-   * and resets the active index, since an item was selected.
-   * @param evt - key pressed or key down event
-   */
-  const onKeyboardNavigation = evt => {
-    const {
-      key
-    } = evt;
-    const handler = eventsForKeyPressed[key];
-    if (handler) {
-      handler(evt);
-    }
-  };
-  useEffect(() => {
-    const {
-      current: currentElement
-    } = ref;
-    if (!currentElement) {
-      return undefined;
-    }
-    currentElement.addEventListener('focus', resetActiveIndex);
-    currentElement.addEventListener('keydown', onKeyboardNavigation);
-    return () => {
-      currentElement.removeEventListener('focus', resetActiveIndex);
-      currentElement.removeEventListener('keydown', onKeyboardNavigation);
-    };
-  });
-  return {
-    activeItemIndex,
-    onKeyboardNavigation,
-    resetActiveIndex,
-    setActiveItemIndex
-  };
-};
-
-export { useKeyboardListNavigation };
-//# sourceMappingURL=2040beb8.js.map

package/_internal/2040beb8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"2040beb8.js","sources":["../../src/hooks/useKeyboardListNavigation.tsx"],"sourcesContent":["import { RefObject, SetStateAction, useEffect, useState } from 'react';\n\nimport get from 'lodash/get';\n\ntype Listener = (evt: KeyboardEvent) => void;\n\ninterface UseKeyboardListNavigationType {\n    /** the current active index */\n    activeItemIndex: number;\n    /** callback to be used when a key is pressed. usually used with the native prop `onKeyDown` */\n    onKeyboardNavigation: Listener;\n    /** Resets the active index to the initial state */\n    resetActiveIndex(): void;\n    /** Sets the active index to a given value */\n    setActiveItemIndex(value: SetStateAction<number>): void;\n}\n\nexport type useKeyboardListNavigationType = <I>(\n    items: I[],\n    ref: RefObject<HTMLElement>,\n    onListItemSelected: (itemSelected: I) => void,\n    onListItemNavigated?: (itemSelected: I) => void,\n    onEnterPressed?: (itemSelected: string) => void,\n    onBackspacePressed?: Listener,\n    keepFocusAfterSelection?: boolean,\n    initialIndex?: number,\n    preventTabOnEnteredValue?: boolean,\n) => UseKeyboardListNavigationType;\n\nconst INITIAL_INDEX = -1;\n\n/**\n * This custom hook provides the necessary set of functions and values to properly navigate\n * a list using the keyboard.\n *\n * @param  items                    the list of items that will be navigated using the keyboard.\n * @param  ref                      A reference to the element that is controlling the navigation.\n * @param  onListItemSelected       callback to be executed when the ENTER key is pressed on an item.\n * @param  onListItemNavigated      callback to be executed when the Arrow keys are pressed.\n * @param  onEnterPressed           callback to be executed when the ENTER key is pressed.\n * @param  onBackspacePressed       callback to be executed when the BACKSPACE key is pressed.\n * @param  keepFocusAfterSelection  determines whether after selecting an item, the focus should be maintained on the current target or not.\n * @param  initialIndex             where should the navigation start from. it defaults to `-1`, so the first item navigated is the item on position `0`.\n * @param  preventTabOnEnteredValue determines whether upon TAB, if there is a value entered, the event is prevented or not.\n * @return useKeyboardListNavigation helpers.\n */\nexport const useKeyboardListNavigation: useKeyboardListNavigationType = (\n    items,\n    ref,\n    onListItemSelected,\n    onListItemNavigated,\n    onEnterPressed,\n    onBackspacePressed,\n    keepFocusAfterSelection = false,\n    initialIndex = INITIAL_INDEX,\n    preventTabOnEnteredValue = true,\n) => {\n    const [activeItemIndex, setActiveItemIndex] = useState(initialIndex);\n\n    /**\n     * This function calculates the next index in the list to be highlighted\n     * @param key - key code pressed\n     * @return next active index\n     */\n    const calculateActiveIndex = (key: string): number => {\n        switch (key) {\n            case 'ArrowDown':\n                return activeItemIndex + 1 < items.length ? activeItemIndex + 1 : 0;\n            case 'ArrowUp':\n                return activeItemIndex - 1 >= 0 ? activeItemIndex - 1 : items.length - 1;\n            default:\n                return initialIndex;\n        }\n    };\n\n    /**\n     * Resets the active index to the initial state\n     */\n    const resetActiveIndex = () => {\n        setActiveItemIndex(initialIndex);\n    };\n\n    /**\n     * Prevents the default event and stops the propagation of said event\n     * @param evt - key pressed event\n     */\n    const preventDefaultAndStopPropagation: Listener = (evt) => {\n        evt.preventDefault();\n        evt.stopPropagation();\n    };\n\n    /**\n     * Handles navigation with the arrows using the keyboard\n     * @param evt - key pressed event\n     */\n    const onArrowPressed: Listener = (evt) => {\n        const { key } = evt;\n        const nextActiveIndex = calculateActiveIndex(key);\n        setActiveItemIndex(nextActiveIndex);\n        preventDefaultAndStopPropagation(evt);\n        if (onListItemNavigated) {\n            const selectedItem = items[nextActiveIndex];\n            onListItemNavigated(selectedItem);\n        }\n    };\n\n    /**\n     * Handles the event when the backspace key is pressed\n     * @param evt - key pressed event\n     */\n    const onBackspaceKeyPressed: Listener = (evt) => {\n        if (onBackspacePressed) {\n            onBackspacePressed(evt);\n        }\n    };\n\n    /**\n     * Handles when the ENTER key is pressed\n     * @param evt - key pressed event\n     */\n    const onEnterKeyPressed: Listener = (evt) => {\n        if (!onListItemSelected) {\n            return;\n        }\n\n        preventDefaultAndStopPropagation(evt);\n\n        if (!keepFocusAfterSelection) {\n            (evt.currentTarget as HTMLElement).blur();\n        }\n\n        const selectedItem = items[activeItemIndex];\n\n        if (selectedItem) {\n            onListItemSelected(selectedItem);\n            resetActiveIndex();\n        } else if (activeItemIndex === initialIndex && onEnterPressed) {\n            const value = get(evt, 'target.value');\n            onEnterPressed(value);\n            resetActiveIndex();\n        }\n    };\n\n    /**\n     * Handles when the TAB key is pressed\n     * @param evt - key pressed event\n     */\n    const onTabKeyPressed: Listener = (evt) => {\n        const value = get(evt, 'target.value');\n\n        if (preventTabOnEnteredValue && value && value.length > 0) {\n            preventDefaultAndStopPropagation(evt);\n        }\n    };\n\n    /**\n     * In order to make it easier in the future to add new events depending on the key\n     * a map was created to add these handlers. In the future, if there is another event\n     * that we need to manage depending on a specific key, we just need to add the key code\n     * here, and as a value, the handler for said key.\n     */\n    const eventsForKeyPressed: Record<string, Listener> = {\n        ArrowDown: onArrowPressed,\n        Tab: onTabKeyPressed,\n        ArrowUp: onArrowPressed,\n        Enter: onEnterKeyPressed,\n        Backspace: onBackspaceKeyPressed,\n    };\n\n    /**\n     * Calculates the next active item index depending on the key pressed.\n     * If the key pressed was ENTER, the function executes the callback `onListItemSelected`\n     * and resets the active index, since an item was selected.\n     * @param evt - key pressed or key down event\n     */\n    const onKeyboardNavigation: Listener = (evt) => {\n        const { key } = evt;\n        const handler = eventsForKeyPressed[key];\n\n        if (handler) {\n            handler(evt);\n        }\n    };\n\n    useEffect(() => {\n        const { current: currentElement } = ref;\n        if (!currentElement) {\n            return undefined;\n        }\n        currentElement.addEventListener('focus', resetActiveIndex);\n        currentElement.addEventListener('keydown', onKeyboardNavigation);\n        return () => {\n            currentElement.removeEventListener('focus', resetActiveIndex);\n            currentElement.removeEventListener('keydown', onKeyboardNavigation);\n        };\n    });\n\n    return {\n        activeItemIndex,\n        onKeyboardNavigation,\n        resetActiveIndex,\n        setActiveItemIndex,\n    };\n};\n"],"names":["INITIAL_INDEX","useKeyboardListNavigation","items","ref","onListItemSelected","onListItemNavigated","onEnterPressed","onBackspacePressed","keepFocusAfterSelection","initialIndex","preventTabOnEnteredValue","activeItemIndex","setActiveItemIndex","useState","calculateActiveIndex","key","length","resetActiveIndex","preventDefaultAndStopPropagation","evt","preventDefault","stopPropagation","onArrowPressed","nextActiveIndex","selectedItem","onBackspaceKeyPressed","onEnterKeyPressed","currentTarget","blur","value","get","onTabKeyPressed","eventsForKeyPressed","ArrowDown","Tab","ArrowUp","Enter","Backspace","onKeyboardNavigation","handler","useEffect","current","currentElement","undefined","addEventListener","removeEventListener"],"mappings":"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"}

package/_internal/20f07616.js

@@ -1,14 +0,0 @@
-var hash = {
-  left: 'right',
-  right: 'left',
-  bottom: 'top',
-  top: 'bottom'
-};
-function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, function (matched) {
-    return hash[matched];
-  });
-}
-
-export { getOppositePlacement as default };
-//# sourceMappingURL=20f07616.js.map

package/_internal/20f07616.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"20f07616.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js"],"sourcesContent":["var hash = {\n  left: 'right',\n  right: 'left',\n  bottom: 'top',\n  top: 'bottom'\n};\nexport default function getOppositePlacement(placement) {\n  return placement.replace(/left|right|bottom|top/g, function (matched) {\n    return hash[matched];\n  });\n}"],"names":[],"mappings":"AAAA,IAAI,IAAI,GAAG;AACX,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,MAAM,EAAE,KAAK;AACf,EAAE,GAAG,EAAE,QAAQ;AACf,CAAC,CAAC;AACa,SAAS,oBAAoB,CAAC,SAAS,EAAE;AACxD,EAAE,OAAO,SAAS,CAAC,OAAO,CAAC,wBAAwB,EAAE,UAAU,OAAO,EAAE;AACxE,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;AACzB,GAAG,CAAC,CAAC;AACL;;;;","x_google_ignoreList":[0]}

package/_internal/215781b4.js

@@ -1,6 +0,0 @@
-function getBasePlacement(placement) {
-  return placement.split('-')[0];
-}
-
-export { getBasePlacement as default };
-//# sourceMappingURL=215781b4.js.map

package/_internal/215781b4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"215781b4.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js"],"sourcesContent":["import { auto } from \"../enums.js\";\nexport default function getBasePlacement(placement) {\n  return placement.split('-')[0];\n}"],"names":[],"mappings":"AACe,SAAS,gBAAgB,CAAC,SAAS,EAAE;AACpD,EAAE,OAAO,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACjC;;;;","x_google_ignoreList":[0]}

package/_internal/226a2eac.js

@@ -1,96 +0,0 @@
-import { useMemo } from 'react';
-import classNames from 'classnames';
-import take from 'lodash/take';
-import { useTheme } from './d8ee966d.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from './bd8b3ec8.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Theme, Alignment, AspectRatio } from '@lumx/core/js/constants';
-import { Thumbnail } from './dbe906f1.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Mosaic';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * Mosaic component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Mosaic = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    className,
-    theme = defaultTheme,
-    thumbnails,
-    onImageClick,
-    ...forwardedProps
-  } = props;
-  const handleImageClick = useMemo(() => {
-    if (!onImageClick) return undefined;
-    return (index, onClick) => event => {
-      onClick?.(event);
-      onImageClick?.(index);
-    };
-  }, [onImageClick]);
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      theme
-    }), {
-      [`${CLASSNAME}--has-1-thumbnail`]: thumbnails?.length === 1,
-      [`${CLASSNAME}--has-2-thumbnails`]: thumbnails?.length === 2,
-      [`${CLASSNAME}--has-3-thumbnails`]: thumbnails?.length === 3,
-      [`${CLASSNAME}--has-4-thumbnails`]: thumbnails?.length >= 4
-    }),
-    children: /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__wrapper`,
-      children: take(thumbnails, 4).map((thumbnail, index) => {
-        const {
-          image,
-          onClick,
-          align,
-          ...thumbnailProps
-        } = thumbnail;
-        return /*#__PURE__*/jsxs("div", {
-          className: `${CLASSNAME}__thumbnail`,
-          children: [/*#__PURE__*/jsx(Thumbnail, {
-            ...thumbnailProps,
-            align: align || Alignment.left,
-            image: image,
-            theme: theme,
-            aspectRatio: AspectRatio.free,
-            fillHeight: true,
-            onClick: handleImageClick?.(index, onClick) || onClick
-          }), thumbnails.length > 4 && index === 3 && /*#__PURE__*/jsx("div", {
-            className: `${CLASSNAME}__overlay`,
-            children: /*#__PURE__*/jsxs("span", {
-              children: ["+", thumbnails.length - 4]
-            })
-          })]
-        }, index);
-      })
-    })
-  });
-});
-Mosaic.displayName = COMPONENT_NAME;
-Mosaic.className = CLASSNAME;
-Mosaic.defaultProps = DEFAULT_PROPS;
-
-export { Mosaic };
-//# sourceMappingURL=226a2eac.js.map

package/_internal/226a2eac.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"226a2eac.js","sources":["../../src/components/mosaic/Mosaic.tsx"],"sourcesContent":["import { MouseEventHandler, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport take from 'lodash/take';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\nimport { Alignment, AspectRatio, Theme, Thumbnail, ThumbnailProps } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface MosaicProps extends GenericProps, HasTheme {\n    /** Thumbnails. */\n    thumbnails: ThumbnailProps[];\n    /** On image click callback. */\n    onImageClick?(index: number): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Mosaic';\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<MosaicProps> = {};\n\n/**\n * Mosaic component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Mosaic = forwardRef<MosaicProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { className, theme = defaultTheme, thumbnails, onImageClick, ...forwardedProps } = props;\n    const handleImageClick = useMemo(() => {\n        if (!onImageClick) return undefined;\n\n        return (index: number, onClick?: MouseEventHandler): MouseEventHandler =>\n            (event) => {\n                onClick?.(event);\n                onImageClick?.(index);\n            };\n    }, [onImageClick]);\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }), {\n                [`${CLASSNAME}--has-1-thumbnail`]: thumbnails?.length === 1,\n                [`${CLASSNAME}--has-2-thumbnails`]: thumbnails?.length === 2,\n                [`${CLASSNAME}--has-3-thumbnails`]: thumbnails?.length === 3,\n                [`${CLASSNAME}--has-4-thumbnails`]: thumbnails?.length >= 4,\n            })}\n        >\n            <div className={`${CLASSNAME}__wrapper`}>\n                {take(thumbnails, 4).map((thumbnail: any, index: number) => {\n                    const { image, onClick, align, ...thumbnailProps } = thumbnail;\n\n                    return (\n                        <div key={index} className={`${CLASSNAME}__thumbnail`}>\n                            <Thumbnail\n                                {...thumbnailProps}\n                                align={align || Alignment.left}\n                                image={image}\n                                theme={theme}\n                                aspectRatio={AspectRatio.free}\n                                fillHeight\n                                onClick={handleImageClick?.(index, onClick) || onClick}\n                            />\n\n                            {thumbnails.length > 4 && index === 3 && (\n                                <div className={`${CLASSNAME}__overlay`}>\n                                    <span>+{thumbnails.length - 4}</span>\n                                </div>\n                            )}\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n});\nMosaic.displayName = COMPONENT_NAME;\nMosaic.className = CLASSNAME;\nMosaic.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Mosaic","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","thumbnails","onImageClick","forwardedProps","handleImageClick","useMemo","undefined","index","onClick","event","_jsx","classNames","handleBasicClasses","prefix","length","children","take","map","thumbnail","image","align","thumbnailProps","_jsxs","Thumbnail","Alignment","left","aspectRatio","AspectRatio","free","fillHeight","displayName","defaultProps"],"mappings":"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"}

package/_internal/2291b633.js

@@ -1,52 +0,0 @@
-import React__default, { useMemo, cloneElement } from 'react';
-import { mergeRefs } from './27df0cb6.js';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * Add ref and ARIA attribute(s) in tooltip children or wrapped children.
- * Button, IconButton, Icon and React HTML elements don't need to be wrapped but any other kind of children (array, fragment, custom components)
- * will be wrapped in a <span>.
- */
-const useInjectTooltipRef = options => {
-  const {
-    children,
-    setAnchorElement,
-    isMounted,
-    id,
-    label,
-    ariaLinkMode
-  } = options;
-  // Only add link when mounted
-  const linkId = isMounted ? id : undefined;
-  return useMemo(() => {
-    if (!label) return children;
-
-    // Non-disabled element
-    if (/*#__PURE__*/React__default.isValidElement(children) && children.props.disabled !== true && children.props.isDisabled !== true) {
-      const ref = mergeRefs(children.ref, setAnchorElement);
-      const props = {
-        ...children.props,
-        ref
-      };
-
-      // Do not add label/description if the tooltip label is already in aria-label
-      if (linkId && label !== props['aria-label']) {
-        if (props[ariaLinkMode]) props[ariaLinkMode] += ' ';else props[ariaLinkMode] = '';
-        props[ariaLinkMode] += linkId;
-      }
-      return /*#__PURE__*/cloneElement(children, props);
-    }
-    const aria = linkId ? {
-      [ariaLinkMode]: linkId
-    } : undefined;
-    return /*#__PURE__*/jsx("div", {
-      className: "lumx-tooltip-anchor-wrapper",
-      ref: setAnchorElement,
-      ...aria,
-      children: children
-    });
-  }, [label, children, setAnchorElement, linkId, ariaLinkMode]);
-};
-
-export { useInjectTooltipRef };
-//# sourceMappingURL=2291b633.js.map

package/_internal/2291b633.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"2291b633.js","sources":["../../src/components/tooltip/useInjectTooltipRef.tsx"],"sourcesContent":["import React, { cloneElement, ReactNode, useMemo } from 'react';\n\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\n\ninterface Options {\n    /** Original tooltip anchor */\n    children: ReactNode;\n    /** Set tooltip anchor element */\n    setAnchorElement: (e: HTMLDivElement) => void;\n    /** Whether the tooltip is open or not */\n    isMounted: boolean | undefined;\n    /** Tooltip id */\n    id: string;\n    /** Tooltip label*/\n    label?: string | null | false;\n    /** Choose how the tooltip text should link to the anchor */\n    ariaLinkMode: 'aria-describedby' | 'aria-labelledby';\n}\n\n/**\n * Add ref and ARIA attribute(s) in tooltip children or wrapped children.\n * Button, IconButton, Icon and React HTML elements don't need to be wrapped but any other kind of children (array, fragment, custom components)\n * will be wrapped in a <span>.\n */\nexport const useInjectTooltipRef = (options: Options): ReactNode => {\n    const { children, setAnchorElement, isMounted, id, label, ariaLinkMode } = options;\n    // Only add link when mounted\n    const linkId = isMounted ? id : undefined;\n\n    return useMemo(() => {\n        if (!label) return children;\n\n        // Non-disabled element\n        if (React.isValidElement(children) && children.props.disabled !== true && children.props.isDisabled !== true) {\n            const ref = mergeRefs((children as any).ref, setAnchorElement);\n            const props = { ...children.props, ref };\n\n            // Do not add label/description if the tooltip label is already in aria-label\n            if (linkId && label !== props['aria-label']) {\n                if (props[ariaLinkMode]) props[ariaLinkMode] += ' ';\n                else props[ariaLinkMode] = '';\n                props[ariaLinkMode] += linkId;\n            }\n\n            return cloneElement(children, props);\n        }\n\n        const aria = linkId ? { [ariaLinkMode]: linkId } : undefined;\n        return (\n            <div className=\"lumx-tooltip-anchor-wrapper\" ref={setAnchorElement} {...aria}>\n                {children}\n            </div>\n        );\n    }, [label, children, setAnchorElement, linkId, ariaLinkMode]);\n};\n"],"names":["useInjectTooltipRef","options","children","setAnchorElement","isMounted","id","label","ariaLinkMode","linkId","undefined","useMemo","React","isValidElement","props","disabled","isDisabled","ref","mergeRefs","cloneElement","aria","_jsx","className"],"mappings":";;;;AAmBA;AACA;AACA;AACA;AACA;AACaA,MAAAA,mBAAmB,GAAIC,OAAgB,IAAgB;EAChE,MAAM;IAAEC,QAAQ;IAAEC,gBAAgB;IAAEC,SAAS;IAAEC,EAAE;IAAEC,KAAK;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAGN,OAAO,CAAA;AAClF;AACA,EAAA,MAAMO,MAAM,GAAGJ,SAAS,GAAGC,EAAE,GAAGI,SAAS,CAAA;EAEzC,OAAOC,OAAO,CAAC,MAAM;AACjB,IAAA,IAAI,CAACJ,KAAK,EAAE,OAAOJ,QAAQ,CAAA;;AAE3B;IACA,iBAAIS,cAAK,CAACC,cAAc,CAACV,QAAQ,CAAC,IAAIA,QAAQ,CAACW,KAAK,CAACC,QAAQ,KAAK,IAAI,IAAIZ,QAAQ,CAACW,KAAK,CAACE,UAAU,KAAK,IAAI,EAAE;MAC1G,MAAMC,GAAG,GAAGC,SAAS,CAAEf,QAAQ,CAASc,GAAG,EAAEb,gBAAgB,CAAC,CAAA;AAC9D,MAAA,MAAMU,KAAK,GAAG;QAAE,GAAGX,QAAQ,CAACW,KAAK;AAAEG,QAAAA,GAAAA;OAAK,CAAA;;AAExC;MACA,IAAIR,MAAM,IAAIF,KAAK,KAAKO,KAAK,CAAC,YAAY,CAAC,EAAE;AACzC,QAAA,IAAIA,KAAK,CAACN,YAAY,CAAC,EAAEM,KAAK,CAACN,YAAY,CAAC,IAAI,GAAG,CAAC,KAC/CM,KAAK,CAACN,YAAY,CAAC,GAAG,EAAE,CAAA;AAC7BM,QAAAA,KAAK,CAACN,YAAY,CAAC,IAAIC,MAAM,CAAA;AACjC,OAAA;AAEA,MAAA,oBAAOU,YAAY,CAAChB,QAAQ,EAAEW,KAAK,CAAC,CAAA;AACxC,KAAA;IAEA,MAAMM,IAAI,GAAGX,MAAM,GAAG;AAAE,MAAA,CAACD,YAAY,GAAGC,MAAAA;AAAO,KAAC,GAAGC,SAAS,CAAA;AAC5D,IAAA,oBACIW,GAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,6BAA6B;AAACL,MAAAA,GAAG,EAAEb,gBAAiB;AAAA,MAAA,GAAKgB,IAAI;AAAAjB,MAAAA,QAAA,EACvEA,QAAAA;AAAQ,KACR,CAAC,CAAA;AAEd,GAAC,EAAE,CAACI,KAAK,EAAEJ,QAAQ,EAAEC,gBAAgB,EAAEK,MAAM,EAAED,YAAY,CAAC,CAAC,CAAA;AACjE;;;;"}

package/_internal/2403668c.js

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

package/_internal/2403668c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"2403668c.js","sources":["../../src/components/inline-list/InlineList.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport classNames from 'classnames';\n\nimport { ColorVariant, ColorWithVariants, Typography } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { fontColorClass, getRootClassName, getTypographyClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface InlineListProps extends GenericProps {\n    /**\n     * Text color.\n     */\n    color?: ColorWithVariants;\n    /**\n     * Lightened or darkened variant of the selected color.\n     */\n    colorVariant?: ColorVariant;\n    /**\n     * Typography variant.\n     */\n    typography?: Typography;\n    /**\n     * Activate line wrap on overflow.\n     */\n    wrap?: boolean;\n    /**\n     * Children\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'InlineList';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS = {} as const;\n\n/**\n * InlineList component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const InlineList = forwardRef<InlineListProps>((props, ref) => {\n    const { className, color, colorVariant, typography, children, wrap, ...forwardedProps } = props;\n    const typographyClassName = typography && getTypographyClassName(typography);\n    return (\n        // eslint-disable-next-line jsx-a11y/no-redundant-roles\n        <ul\n            {...forwardedProps}\n            ref={ref as any}\n            className={classNames(\n                className,\n                CLASSNAME,\n                wrap && `${CLASSNAME}--wrap`,\n                fontColorClass(color, colorVariant),\n                typographyClassName,\n            )}\n            // Lists with removed bullet style can lose their a11y list role on some browsers\n            role=\"list\"\n        >\n            {Children.toArray(children).map((child, index) => {\n                const key = (isValidElement(child) && child.key) || index;\n                return (\n                    // We need to item is set as display: contents which removes the semantic.\n                    // eslint-disable-next-line jsx-a11y/no-redundant-roles\n                    <li key={key} role=\"listitem\" className={`${CLASSNAME}__item`}>\n                        {index !== 0 && (\n                            <span className={`${CLASSNAME}__item-separator`} aria-hidden=\"true\">\n                                {'\\u00A0•\\u00A0'}\n                            </span>\n                        )}\n                        {child}\n                    </li>\n                );\n            })}\n        </ul>\n    );\n});\nInlineList.displayName = COMPONENT_NAME;\nInlineList.className = CLASSNAME;\nInlineList.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","InlineList","forwardRef","props","ref","className","color","colorVariant","typography","children","wrap","forwardedProps","typographyClassName","getTypographyClassName","_jsx","classNames","fontColorClass","role","Children","toArray","map","child","index","key","isValidElement","_jsxs","displayName","defaultProps"],"mappings":";;;;;;AAmCA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAa,GAAG,EAAW,CAAA;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClE,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,YAAY;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,IAAI;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGR,KAAK,CAAA;AAC/F,EAAA,MAAMS,mBAAmB,GAAGJ,UAAU,IAAIK,sBAAsB,CAACL,UAAU,CAAC,CAAA;AAC5E,EAAA;AAAA;AACI;IACAM,GAAA,CAAA,IAAA,EAAA;AAAA,MAAA,GACQH,cAAc;AAClBP,MAAAA,GAAG,EAAEA,GAAW;MAChBC,SAAS,EAAEU,UAAU,CACjBV,SAAS,EACTP,SAAS,EACTY,IAAI,IAAI,CAAA,EAAGZ,SAAS,CAAQ,MAAA,CAAA,EAC5BkB,cAAc,CAACV,KAAK,EAAEC,YAAY,CAAC,EACnCK,mBACJ,CAAA;AACA;AAAA;AACAK,MAAAA,IAAI,EAAC,MAAM;AAAAR,MAAAA,QAAA,EAEVS,QAAQ,CAACC,OAAO,CAACV,QAAQ,CAAC,CAACW,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;AAC9C,QAAA,MAAMC,GAAG,gBAAIC,cAAc,CAACH,KAAK,CAAC,IAAIA,KAAK,CAACE,GAAG,IAAKD,KAAK,CAAA;AACzD,QAAA;AAAA;AACI;AACA;UACAG,IAAA,CAAA,IAAA,EAAA;AAAcR,YAAAA,IAAI,EAAC,UAAU;YAACZ,SAAS,EAAE,CAAGP,EAAAA,SAAS,CAAS,MAAA,CAAA;AAAAW,YAAAA,QAAA,EACzDa,CAAAA,KAAK,KAAK,CAAC,iBACRR,GAAA,CAAA,MAAA,EAAA;cAAMT,SAAS,EAAE,CAAGP,EAAAA,SAAS,CAAmB,gBAAA,CAAA;AAAC,cAAA,aAAA,EAAY,MAAM;AAAAW,cAAAA,QAAA,EAC9D,eAAA;aACC,CACT,EACAY,KAAK,CAAA;AAAA,WAAA,EANDE,GAOL,CAAA;AAAC,UAAA;OAEZ,CAAA;KACD,CAAA;AAAC,IAAA;AAEb,CAAC,EAAC;AACFtB,UAAU,CAACyB,WAAW,GAAG7B,cAAc,CAAA;AACvCI,UAAU,CAACI,SAAS,GAAGP,SAAS,CAAA;AAChCG,UAAU,CAAC0B,YAAY,GAAG3B,aAAa;;;;"}

package/_internal/24b48881.js

@@ -1,133 +0,0 @@
-import { useRef } from 'react';
-import classNames from 'classnames';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { useFocus } from './89ee5eb2.js';
-import { mergeRefs } from './27df0cb6.js';
-import { useTheme } from './d8ee966d.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { useDisableStateProps } from './ef982c3d.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { TextField } from './41a8b20f.js';
-import { Dropdown } from './2d1acaa0.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Autocomplete';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  anchorToInput: false,
-  closeOnClick: false,
-  closeOnClickAway: true,
-  closeOnEscape: true,
-  shouldFocusOnClose: false
-};
-
-/**
- * Autocomplete component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Autocomplete = forwardRef((props, ref) => {
-  const defaultTheme = useTheme();
-  const {
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    anchorToInput = DEFAULT_PROPS.anchorToInput,
-    children,
-    chips,
-    className,
-    closeOnClick = DEFAULT_PROPS.closeOnClick,
-    closeOnClickAway = DEFAULT_PROPS.closeOnClickAway,
-    closeOnEscape = DEFAULT_PROPS.closeOnEscape,
-    error,
-    fitToAnchorWidth,
-    hasError,
-    helper,
-    icon,
-    inputRef,
-    clearButtonProps,
-    isRequired,
-    isOpen,
-    isValid,
-    label,
-    name,
-    offset,
-    onBlur,
-    onChange,
-    onClose,
-    onFocus,
-    onInfiniteScroll,
-    placeholder,
-    placement,
-    shouldFocusOnClose = DEFAULT_PROPS.shouldFocusOnClose,
-    theme = defaultTheme,
-    value,
-    textFieldProps = {},
-    focusAnchorOnClose,
-    ...forwardedProps
-  } = otherProps;
-  const inputAnchorRef = useRef(null);
-  const textFieldRef = useRef(null);
-  useFocus(inputAnchorRef.current, !isOpen && shouldFocusOnClose);
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, CLASSNAME),
-    children: [/*#__PURE__*/jsx(TextField, {
-      ...textFieldProps,
-      chips: chips,
-      error: error,
-      hasError: hasError,
-      helper: helper,
-      icon: icon,
-      inputRef: mergeRefs(inputAnchorRef, inputRef),
-      clearButtonProps: clearButtonProps,
-      ...disabledStateProps,
-      isRequired: isRequired,
-      isValid: isValid,
-      label: label,
-      name: name,
-      onBlur: onBlur,
-      onChange: onChange,
-      onFocus: onFocus,
-      placeholder: placeholder,
-      textFieldRef: textFieldRef,
-      theme: theme,
-      value: value
-    }), /*#__PURE__*/jsx(Dropdown, {
-      anchorRef: anchorToInput ? inputAnchorRef : textFieldRef,
-      closeOnClick: closeOnClick,
-      closeOnClickAway: closeOnClickAway,
-      closeOnEscape: closeOnEscape,
-      focusAnchorOnClose: focusAnchorOnClose,
-      fitToAnchorWidth: fitToAnchorWidth,
-      isOpen: isOpen,
-      offset: offset,
-      onClose: onClose,
-      onInfiniteScroll: onInfiniteScroll,
-      placement: placement,
-      shouldFocusOnOpen: false,
-      theme: theme,
-      children: children
-    })]
-  });
-});
-Autocomplete.displayName = COMPONENT_NAME;
-Autocomplete.className = CLASSNAME;
-Autocomplete.defaultProps = DEFAULT_PROPS;
-
-export { Autocomplete };
-//# sourceMappingURL=24b48881.js.map

package/_internal/24b48881.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"24b48881.js","sources":["../../src/components/autocomplete/Autocomplete.tsx"],"sourcesContent":["import { ReactNode, SyntheticEvent, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Dropdown, DropdownProps, IconButtonProps, Offset, Placement, TextField, TextFieldProps } from '@lumx/react';\n\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { useFocus } from '@lumx/react/hooks/useFocus';\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 { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\n\n/**\n * Defines the props of the component.\n */\nexport interface AutocompleteProps extends GenericProps, HasTheme {\n    /**\n     * Whether the suggestions list should display anchored to the input or to the wrapper.\n     * @see {@link DropdownProps#anchorToInput}\n     */\n    anchorToInput?: boolean;\n    /**\n     * Props to pass to the clear button (minus those already set by the TextField props).\n     * If not specified, the button won't be displayed.\n     * @see {@link TextFieldProps#clearButtonProps}\n     */\n    clearButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /**\n     * Reference to the <input> or <textarea> element.\n     * @see {@link TextFieldProps#inputRef}\n     */\n    inputRef?: TextFieldProps['inputRef'];\n    /**\n     * The offset that will be applied to the Dropdown position.\n     * @see {@link DropdownProps#offset}\n     */\n    offset?: Offset;\n    /**\n     * The preferred Dropdown location against the anchor element.\n     * @see {@link DropdownProps#placement}\n     */\n    placement?: Placement;\n    /**\n     * Manage dropdown width:\n     *   - `maxWidth`: dropdown not bigger than anchor\n     *   - `minWidth` or `true`: dropdown not smaller than anchor\n     *   - `width`: dropdown equal to the anchor.\n     * @see {@link DropdownProps#fitToAnchorWidth}\n     */\n    fitToAnchorWidth?: DropdownProps['fitToAnchorWidth'];\n    /**\n     * The error related to the component.\n     * @see {@link TextFieldProps#error}\n     */\n    error?: string | ReactNode;\n    /**\n     * Whether the text field is displayed with error style or not.\n     * @see {@link TextFieldProps#hasError}\n     */\n    hasError?: boolean;\n    /**\n     * Whether the text box should be focused upon closing the suggestions or not.\n     */\n    shouldFocusOnClose?: boolean;\n    /**\n     * The helper message of the text field.\n     * @see {@link TextFieldProps#helper}\n     */\n    helper?: string;\n    /**\n     * The icon of the text field (SVG path).\n     * @see {@link TextFieldProps#icon}\n     */\n    icon?: string;\n    /**\n     * Whether the component is disabled or not.\n     * @see {@link TextFieldProps#isDisabled}\n     */\n    isDisabled?: boolean;\n    /**\n     * Whether the component is required or not.\n     * @see {@link TextFieldProps#isRequired}\n     */\n    isRequired?: boolean;\n    /**\n     * Whether the text field is displayed with valid style or not.\n     * @see {@link TextFieldProps#isValid}\n     */\n    isValid?: boolean;\n    /**\n     * The label of the text field displayed in a label tag.\n     * @see {@link TextFieldProps#label}\n     */\n    label?: string;\n    /**\n     * The placeholder message of the text field.\n     * @see {@link TextFieldProps#placeholder}\n     */\n    placeholder?: string;\n    /** List of suggestions to display during autocomplete. */\n    children: React.ReactNode;\n    /**\n     * The list of chips to be displayed before the text field input.\n     */\n    chips?: React.ReactNode;\n    /**\n     * The value of the text field.\n     * @see {@link TextFieldProps#value}\n     */\n    value: string;\n    /**\n     * Whether the suggestions from the autocomplete should be displayed or not.\n     * @see {@link DropdownProps#isOpen}\n     */\n    isOpen: boolean;\n    /**\n     * The native input name property.\n     * @see {@link TextFieldProps#name}\n     */\n    name?: string;\n    /**\n     * Whether a click in the Autocomplete dropdown would close it or not.\n     * @see {@link DropdownProps#closeOnClick}\n     */\n    closeOnClick?: boolean;\n    /**\n     * Whether a click anywhere out of the Autocomplete would close it or not.\n     * @see {@link DropdownProps#closeOnClickAway}\n     */\n    closeOnClickAway?: boolean;\n    /**\n     * Whether an escape key press would close the Autocomplete or not.\n     * @see {@link DropdownProps#closeOnEscape}\n     */\n    closeOnEscape?: boolean;\n    /**\n     * Whether the focus should go back on the anchor when dropdown closes and focus is within.\n     * @see {@link DropdownProps#focusAnchorOnClose}\n     */\n    focusAnchorOnClose?: DropdownProps['focusAnchorOnClose'];\n    /**\n     * The function called on blur.\n     * @see {@link TextFieldProps#onBlur}\n     */\n    onBlur?(event: React.FocusEvent): void;\n    /**\n     * On change callback.\n     * @see {@link TextFieldProps#onChange}\n     */\n    onChange(value: string, name?: string, event?: SyntheticEvent): void;\n    /**\n     * The function called on close.\n     * @see {@link DropdownProps#onClose}\n     */\n    onClose?(): void;\n    /**\n     * The function called on focus.\n     * @see {@link TextFieldProps#onFocus}\n     */\n    onFocus?(event: React.FocusEvent): void;\n    /**\n     * The function called when the bottom of the dropdown is reached.\n     * @see {@link DropdownProps#onInfiniteScroll}\n     */\n    onInfiniteScroll?(): void;\n    /**\n     * Props forwarded to the underlying TextField component.\n     * Only the props not managed by the Autocomplete can be set.\n     * @see {@link TextFieldProps}\n     */\n    textFieldProps?: Partial<TextFieldProps>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Autocomplete';\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<AutocompleteProps> = {\n    anchorToInput: false,\n    closeOnClick: false,\n    closeOnClickAway: true,\n    closeOnEscape: true,\n    shouldFocusOnClose: false,\n};\n\n/**\n * Autocomplete component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Autocomplete = forwardRef<AutocompleteProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const { disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        anchorToInput = DEFAULT_PROPS.anchorToInput,\n        children,\n        chips,\n        className,\n        closeOnClick = DEFAULT_PROPS.closeOnClick,\n        closeOnClickAway = DEFAULT_PROPS.closeOnClickAway,\n        closeOnEscape = DEFAULT_PROPS.closeOnEscape,\n        error,\n        fitToAnchorWidth,\n        hasError,\n        helper,\n        icon,\n        inputRef,\n        clearButtonProps,\n        isRequired,\n        isOpen,\n        isValid,\n        label,\n        name,\n        offset,\n        onBlur,\n        onChange,\n        onClose,\n        onFocus,\n        onInfiniteScroll,\n        placeholder,\n        placement,\n        shouldFocusOnClose = DEFAULT_PROPS.shouldFocusOnClose,\n        theme = defaultTheme,\n        value,\n        textFieldProps = {},\n        focusAnchorOnClose,\n        ...forwardedProps\n    } = otherProps;\n    const inputAnchorRef = useRef<HTMLElement>(null);\n    const textFieldRef = useRef(null);\n    useFocus(inputAnchorRef.current, !isOpen && shouldFocusOnClose);\n\n    return (\n        <div ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            <TextField\n                {...textFieldProps}\n                chips={chips}\n                error={error}\n                hasError={hasError}\n                helper={helper}\n                icon={icon}\n                inputRef={mergeRefs(inputAnchorRef as React.RefObject<HTMLInputElement>, inputRef)}\n                clearButtonProps={clearButtonProps}\n                {...disabledStateProps}\n                isRequired={isRequired}\n                isValid={isValid}\n                label={label}\n                name={name}\n                onBlur={onBlur}\n                onChange={onChange}\n                onFocus={onFocus}\n                placeholder={placeholder}\n                textFieldRef={textFieldRef}\n                theme={theme}\n                value={value}\n            />\n            <Dropdown\n                anchorRef={anchorToInput ? inputAnchorRef : textFieldRef}\n                closeOnClick={closeOnClick}\n                closeOnClickAway={closeOnClickAway}\n                closeOnEscape={closeOnEscape}\n                focusAnchorOnClose={focusAnchorOnClose}\n                fitToAnchorWidth={fitToAnchorWidth}\n                isOpen={isOpen}\n                offset={offset}\n                onClose={onClose}\n                onInfiniteScroll={onInfiniteScroll}\n                placement={placement}\n                shouldFocusOnOpen={false}\n                theme={theme}\n            >\n                {children}\n            </Dropdown>\n        </div>\n    );\n});\nAutocomplete.displayName = COMPONENT_NAME;\nAutocomplete.className = CLASSNAME;\nAutocomplete.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","anchorToInput","closeOnClick","closeOnClickAway","closeOnEscape","shouldFocusOnClose","Autocomplete","forwardRef","props","ref","defaultTheme","useTheme","disabledStateProps","otherProps","useDisableStateProps","children","chips","className","error","fitToAnchorWidth","hasError","helper","icon","inputRef","clearButtonProps","isRequired","isOpen","isValid","label","name","offset","onBlur","onChange","onClose","onFocus","onInfiniteScroll","placeholder","placement","theme","value","textFieldProps","focusAnchorOnClose","forwardedProps","inputAnchorRef","useRef","textFieldRef","useFocus","current","_jsxs","classNames","_jsx","TextField","mergeRefs","Dropdown","anchorRef","shouldFocusOnOpen","displayName","defaultProps"],"mappings":"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"}