@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.2

package/dist/legacy/BaseDropdown/BaseDropdown.js

@@ -1,476 +0,0 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "role", "classes", "className", "placeholder", "disabled", "readOnly", "expanded", "defaultExpanded", "placement", "popperProps", "onToggle", "onClickOutside", "onContainerCreation", "disablePortal", "component", "adornment", "children", "variableWidth", "dropdownHeaderProps", "dropdownHeaderRef"],
-  _excluded2 = ["modifiers"];
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.includes.js";
-import "core-js/modules/es.string.includes.js";
-import "core-js/modules/es.string.anchor.js";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
-import ReactDOM from "react-dom";
-import React, { useState, useCallback, useMemo } from "react";
-import PropTypes from "prop-types";
-import { ClickAwayListener } from "@mui/material";
-import { withStyles } from "@mui/styles";
-import { usePopper } from "react-popper";
-import maxSize from "popper-max-size-modifier";
-import clsx from "clsx";
-import { DropUpXS, DropDownXS } from "@hitachivantara/uikit-react-icons";
-import { HvTypography, useUniqueId } from "..";
-import { getFirstAndLastFocus, isKeypress, KeyboardCodes, setId, refType, useControlled, useForkRef } from "../utils";
-import styles from "./styles";
-import BaseDropdownContext from "./BaseDropdownContext";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Tab = KeyboardCodes.Tab,
-  Enter = KeyboardCodes.Enter,
-  Esc = KeyboardCodes.Esc,
-  Space = KeyboardCodes.Space,
-  ArrowDown = KeyboardCodes.ArrowDown;
-var HvBaseDropdown = function HvBaseDropdown(_ref) {
-  var id = _ref.id,
-    role = _ref.role,
-    classes = _ref.classes,
-    className = _ref.className,
-    placeholder = _ref.placeholder,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    expanded = _ref.expanded,
-    _ref$defaultExpanded = _ref.defaultExpanded,
-    defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? "right" : _ref$placement,
-    _ref$popperProps = _ref.popperProps,
-    popperProps = _ref$popperProps === void 0 ? {} : _ref$popperProps,
-    onToggle = _ref.onToggle,
-    onClickOutside = _ref.onClickOutside,
-    onContainerCreation = _ref.onContainerCreation,
-    _ref$disablePortal = _ref.disablePortal,
-    disablePortal = _ref$disablePortal === void 0 ? false : _ref$disablePortal,
-    component = _ref.component,
-    adornment = _ref.adornment,
-    children = _ref.children,
-    _ref$variableWidth = _ref.variableWidth,
-    variableWidth = _ref$variableWidth === void 0 ? false : _ref$variableWidth,
-    dropdownHeaderProps = _ref.dropdownHeaderProps,
-    dropdownHeaderRefProp = _ref.dropdownHeaderRef,
-    others = _objectWithoutProperties(_ref, _excluded);
-  var _useControlled = useControlled(expanded, Boolean(defaultExpanded)),
-    _useControlled2 = _slicedToArray(_useControlled, 2),
-    isOpen = _useControlled2[0],
-    setIsOpen = _useControlled2[1];
-  var bottom = placement && "bottom-".concat(placement === "right" ? "start" : "end");
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    referenceElement = _useState2[0],
-    setReferenceElement = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    popperMaxSize = _useState4[0],
-    setPopperMaxSize = _useState4[1];
-  var handleDropdownHeaderRefProp = useForkRef(dropdownHeaderRefProp, dropdownHeaderProps === null || dropdownHeaderProps === void 0 ? void 0 : dropdownHeaderProps.ref);
-  var handleDropdownHeaderRef = useForkRef(setReferenceElement, handleDropdownHeaderRefProp);
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    popperElement = _useState6[0],
-    setPopperElement = _useState6[1];
-  var extensionWidth = referenceElement ? referenceElement.offsetWidth : "inherit";
-  var _popperProps$modifier = popperProps.modifiers,
-    popperPropsModifiers = _popperProps$modifier === void 0 ? [] : _popperProps$modifier,
-    otherPopperProps = _objectWithoutProperties(popperProps, _excluded2);
-  var onFirstUpdate = useCallback(function () {
-    if (onContainerCreation) onContainerCreation(popperElement);
-  }, [onContainerCreation, popperElement]);
-  var widthCalculator = useCallback(function (_ref2) {
-    var state = _ref2.state;
-    // eslint-disable-next-line no-param-reassign
-    state.styles.popper.width = "".concat(state.rects.reference.width, "px");
-  }, []);
-  var widthCalculatorEffect = useCallback(function (_ref3) {
-    var state = _ref3.state;
-    // eslint-disable-next-line no-param-reassign
-    state.elements.popper.style.width = "".concat(state.elements.reference.offsetWidth, "px");
-  }, []);
-  var maxSizeCalculator = useCallback(function (_ref4) {
-    var state = _ref4.state;
-    // The `maxSize` modifier provides this data
-    var _state$modifiersData$ = state.modifiersData.maxSize,
-      width = _state$modifiersData$.width,
-      height = _state$modifiersData$.height;
-    if (width !== popperMaxSize.width || height !== popperMaxSize.height) {
-      setPopperMaxSize({
-        width: width,
-        height: height
-      });
-    }
-
-    // eslint-disable-next-line no-param-reassign
-    state.styles.popper = _objectSpread(_objectSpread({}, state.styles.popper), {}, {
-      maxWidth: "".concat(width, "px"),
-      maxHeight: "".concat(height, "px")
-    });
-  }, [popperMaxSize]);
-  var modifiers = useMemo(function () {
-    return [{
-      name: "variableWidth",
-      enabled: !variableWidth,
-      phase: "beforeWrite",
-      requires: ["computeStyles"],
-      fn: widthCalculator,
-      effect: widthCalculatorEffect
-    }, maxSize, {
-      name: "applyMaxSize",
-      enabled: true,
-      phase: "beforeWrite",
-      requires: ["maxSize"],
-      fn: maxSizeCalculator
-    }].concat(_toConsumableArray(popperPropsModifiers));
-  }, [maxSizeCalculator, popperPropsModifiers, variableWidth, widthCalculator, widthCalculatorEffect]);
-  var _usePopper = usePopper(referenceElement, popperElement, _objectSpread({
-      placement: bottom,
-      modifiers: modifiers,
-      onFirstUpdate: onFirstUpdate
-    }, otherPopperProps)),
-    popperStyles = _usePopper.styles,
-    attributes = _usePopper.attributes;
-  var elementId = useUniqueId(id, "hvbasedropdown");
-  var ariaRole = role || (component == null ? "combobox" : undefined);
-  var popperPlacement = "bottom";
-  if (attributes.popper) {
-    popperPlacement = attributes.popper["data-popper-placement"];
-  }
-  var handleToggle = useCallback(function (event) {
-    if (event && !isKeypress(event, Tab)) {
-      event.preventDefault();
-    }
-    // we are checking specifically for false because if "isKeypress" returns true or undefined it should continue
-    var notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(function (key) {
-      return isKeypress(event, key) === false;
-    });
-    var ignoredCombinations = isKeypress(event, Esc) && !isOpen || isKeypress(event, ArrowDown) && isOpen || isKeypress(event, Tab) && !isOpen;
-    if (disabled || notControlKey || ignoredCombinations) return;
-    var newOpen = !isOpen;
-
-    /* If about to close focus on the header component. */
-    var focusHeader = function focusHeader() {
-      if (!newOpen) {
-        // focus-ring won't be visible even if using the keyboard:
-        // https://github.com/WICG/focus-visible/issues/88
-        referenceElement.focus({
-          preventScroll: true
-        });
-      }
-      return newOpen;
-    };
-    setIsOpen(focusHeader());
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, newOpen);
-  }, [isOpen, disabled, setIsOpen, onToggle, referenceElement]);
-  var headerComponent = function () {
-    var _others$ariaLabel, _others$ariaLabelled;
-    if (component) {
-      return /*#__PURE__*/React.cloneElement(component, {
-        ref: handleDropdownHeaderRef
-      });
-    }
-    return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-      id: setId(id, "header"),
-      className: clsx(classes.header, isOpen && [classes.headerOpen, popperPlacement.includes("top") && classes.headerOpenUp, popperPlacement.includes("bottom") && classes.headerOpenDown], disabled && classes.headerDisabled, readOnly && classes.headerReadOnly),
-      role: ariaRole === "combobox" ? "textbox" : undefined,
-      style: disabled || readOnly ? {
-        pointerEvents: "none"
-      } : undefined,
-      "aria-controls": isOpen ? setId(elementId, "children-container") : undefined,
-      "aria-label": (_others$ariaLabel = others["aria-label"]) !== null && _others$ariaLabel !== void 0 ? _others$ariaLabel : undefined,
-      "aria-labelledby": (_others$ariaLabelled = others["aria-labelledby"]) !== null && _others$ariaLabelled !== void 0 ? _others$ariaLabelled : undefined,
-      tabIndex: disabled ? -1 : 0,
-      ref: handleDropdownHeaderRef
-    }, dropdownHeaderProps), {}, {
-      children: [/*#__PURE__*/_jsx("div", {
-        className: classes.selection,
-        children: placeholder && typeof placeholder === "string" ? /*#__PURE__*/_jsx(HvTypography, {
-          noWrap: true,
-          className: clsx(classes.placeholder, disabled && classes.selectionDisabled),
-          variant: "placeholderText",
-          children: placeholder
-        }) : placeholder
-      }), adornment || (isOpen ? /*#__PURE__*/_jsx(DropUpXS, {
-        iconSize: "XS",
-        className: classes.arrow
-      }) : /*#__PURE__*/_jsx(DropDownXS, {
-        iconSize: "XS",
-        className: classes.arrow,
-        color: disabled ? "atmo5" : undefined
-      }))]
-    }));
-  }();
-  var containerComponent = function () {
-    /**
-     *  Handle keyboard inside children container.
-     */
-    var handleContainerKeyDown = function handleContainerKeyDown(event) {
-      if (isKeypress(event, Esc)) {
-        handleToggle(event);
-      }
-      if (isKeypress(event, Tab) && !event.shiftKey) {
-        var focusList = getFirstAndLastFocus(popperElement);
-        if (document.activeElement === (focusList === null || focusList === void 0 ? void 0 : focusList.last)) {
-          var _focusList$first;
-          event.preventDefault();
-          focusList === null || focusList === void 0 ? void 0 : (_focusList$first = focusList.first) === null || _focusList$first === void 0 ? void 0 : _focusList$first.focus();
-        }
-      }
-    };
-    var handleOutside = function handleOutside(event) {
-      var isButtonClick = referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.contains(event.target);
-      if (!isButtonClick) {
-        onClickOutside === null || onClickOutside === void 0 ? void 0 : onClickOutside(event);
-        setIsOpen(false);
-        onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, false);
-      }
-    };
-    var container = /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-      role: "tooltip",
-      ref: setPopperElement,
-      className: classes.container,
-      style: popperStyles.popper
-    }, attributes.popper), {}, {
-      children: /*#__PURE__*/_jsx(ClickAwayListener, {
-        onClickAway: handleOutside,
-        children: /*#__PURE__*/_jsxs("div", {
-          onKeyDown: handleContainerKeyDown,
-          children: [popperPlacement.includes("bottom") && /*#__PURE__*/_jsx("div", {
-            style: {
-              width: extensionWidth
-            },
-            className: clsx(classes.inputExtensionOpen, popperPlacement.includes("end") && classes.inputExtensionLeftPosition)
-          }), /*#__PURE__*/_jsx(BaseDropdownContext.Provider, {
-            value: popperMaxSize,
-            children: /*#__PURE__*/_jsx("div", {
-              id: setId(elementId, "children-container"),
-              className: classes.panel,
-              children: children
-            })
-          }), popperPlacement.includes("top") && /*#__PURE__*/_jsx("div", {
-            style: {
-              width: extensionWidth
-            },
-            className: clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, popperPlacement.includes("start") && classes.inputExtensionFloatRight, popperPlacement.includes("end") && classes.inputExtensionFloatLeft)
-          })]
-        })
-      })
-    }));
-    if (disablePortal) return container;
-    return /*#__PURE__*/ReactDOM.createPortal(container, document.body);
-  }();
-  return /*#__PURE__*/_jsxs("div", {
-    className: classes.root,
-    children: [/*#__PURE__*/_jsx("div", _objectSpread(_objectSpread(_objectSpread({
-      id: id,
-      role: ariaRole,
-      "aria-expanded": !!isOpen,
-      "aria-owns": isOpen ? setId(elementId, "children-container") : undefined,
-      className: clsx(className, classes.anchor, disabled && classes.rootDisabled)
-    }, !readOnly && {
-      onKeyDown: handleToggle,
-      onClick: handleToggle
-    }), {}, {
-      tabIndex: -1
-    }, others), {}, {
-      children: headerComponent
-    })), isOpen ? containerComponent : null]
-  });
-};
-process.env.NODE_ENV !== "production" ? HvBaseDropdown.propTypes = {
-  /**
-   * Class names to be applied.
-   */
-  className: PropTypes.string,
-  /**
-   * Id to be applied to the root node.
-   */
-  id: PropTypes.string,
-  /**
-   * The role of the element that triggers the popup.
-   *
-   * Defaults to "combobox" if `component` and the default
-   * "textbox" header is used, undefined otherwise.
-   */
-  role: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the component styles applied.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the root.
-     */
-    root: PropTypes.string,
-    /**
-     * Styles applied to the root when disabled.
-     */
-    rootDisabled: PropTypes.string,
-    /**
-     * Styles applied to the element that serves as reference for the popper when disabled.
-     */
-    anchor: PropTypes.string,
-    /**
-     * Styles applied to the popper element when it is inside the root element hierarchy.
-     */
-    container: PropTypes.string,
-    /**
-     * Styles applied to the header
-     */
-    header: PropTypes.string,
-    /**
-     * Styles applied to the component when is open.
-     */
-    headerOpen: PropTypes.string,
-    /**
-     * Styles applied to the header when the container is opened up.
-     */
-    headerOpenUp: PropTypes.string,
-    /**
-     * Styles applied to the header when the container is opened down.
-     */
-    headerOpenDown: PropTypes.string,
-    /**
-     * Styles applied to the header when it's disabled.
-     */
-    headerDisabled: PropTypes.string,
-    /**
-     * Styles applied to the header when it's in read only mode.
-     */
-    headerReadOnly: PropTypes.string,
-    /**
-     * Styles applied to the arrow
-     */
-    arrow: PropTypes.string,
-    /**
-     * Styles applied to the selection
-     */
-    selection: PropTypes.string,
-    /**
-     * Styles applied for truncating the container elements.
-     */
-    placeholder: PropTypes.string,
-    /**
-     * Styles applied when the selection is disabled.
-     */
-    selectionDisabled: PropTypes.string,
-    /**
-     * Styles applied to the dropdown panel.
-     */
-    panel: PropTypes.string,
-    /**
-     * Styles applied to the extension when open.
-     */
-    inputExtensionOpen: PropTypes.string,
-    /**
-     * Styles applied when position is left.
-     */
-    inputExtensionLeftPosition: PropTypes.string,
-    /**
-     * Styles applied to set the shadow when open.
-     */
-    inputExtensionOpenShadow: PropTypes.string,
-    /**
-     * Styles applied when position is right and the position is up.
-     */
-    inputExtensionFloatRight: PropTypes.string,
-    /**
-     * Styles applied when position is left and the position is up.
-     */
-    inputExtensionFloatLeft: PropTypes.string
-  }).isRequired,
-  /**
-   * Header placeholder. String or node.
-   */
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  /**
-   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true` the dropdown will be in read only mode, unable to be interacted.
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * Disable the portal behavior.
-   * The children stay within it's parent DOM hierarchy.
-   */
-  disablePortal: PropTypes.bool,
-  /**
-   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.
-   * Defaults to `false`.
-   */
-  variableWidth: PropTypes.bool,
-  /**
-   * If `true` the dropdown starts opened if `false` it starts closed.
-   */
-  expanded: PropTypes.bool,
-  /**
-   * When uncontrolled, defines the initial expanded state.
-   */
-  defaultExpanded: PropTypes.bool,
-  /**
-   * An object containing props to be wired to the popper component.
-   */
-  popperProps: PropTypes.shape(),
-  /**
-   * Node to be rendered.
-   */
-  children: PropTypes.node,
-  /**
-   * Placement of the dropdown.
-   */
-  placement: PropTypes.oneOf(["left", "right"]),
-  /**
-   * Replacement for the header component.
-   */
-  component: PropTypes.node,
-  /**
-   * Adornment to replace the default arrows.
-   */
-  adornment: PropTypes.node,
-  /**
-   * When dropdown changes the expanded state.
-   */
-  onToggle: PropTypes.func,
-  /**
-   * When user click outside the open container.
-   */
-  onClickOutside: PropTypes.func,
-  /**
-   * Callback called when the dropdown is opened and ready,
-   * commonly used to set focus to the content.
-   */
-  onContainerCreation: PropTypes.func,
-  /**
-   * When expanded dropdown flips position.
-   */
-  onFlip: PropTypes.func,
-  /**
-   * Attributes applied to the dropdown header element.
-   */
-  dropdownHeaderProps: PropTypes.instanceOf(Object),
-  /**
-   * Pass a ref to the dropdown header element.
-   */
-  dropdownHeaderRef: refType
-} : void 0;
-export default withStyles(styles, {
-  name: "HvBaseDropdown"
-})(HvBaseDropdown);
-//# sourceMappingURL=BaseDropdown.js.map

package/dist/legacy/BaseDropdown/BaseDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseDropdown.js","names":["ReactDOM","React","useState","useCallback","useMemo","PropTypes","ClickAwayListener","withStyles","usePopper","maxSize","clsx","DropUpXS","DropDownXS","HvTypography","useUniqueId","getFirstAndLastFocus","isKeypress","KeyboardCodes","setId","refType","useControlled","useForkRef","styles","BaseDropdownContext","Tab","Enter","Esc","Space","ArrowDown","HvBaseDropdown","id","role","classes","className","placeholder","disabled","readOnly","expanded","defaultExpanded","placement","popperProps","onToggle","onClickOutside","onContainerCreation","disablePortal","component","adornment","children","variableWidth","dropdownHeaderProps","dropdownHeaderRefProp","dropdownHeaderRef","others","Boolean","isOpen","setIsOpen","bottom","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","widthCalculator","state","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","modifiersData","height","maxWidth","maxHeight","name","enabled","phase","requires","fn","effect","popperStyles","attributes","elementId","ariaRole","undefined","popperPlacement","handleToggle","event","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","cloneElement","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","headerReadOnly","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","body","root","anchor","rootDisabled","onKeyDown","onClick","propTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object"],"sources":["../../../src/BaseDropdown/BaseDropdown.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport ReactDOM from \"react-dom\";\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ClickAwayListener } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { usePopper } from \"react-popper\";\nimport maxSize from \"popper-max-size-modifier\";\nimport clsx from \"clsx\";\nimport { DropUpXS, DropDownXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography, useUniqueId } from \"..\";\nimport {\n  getFirstAndLastFocus,\n  isKeypress,\n  KeyboardCodes,\n  setId,\n  refType,\n  useControlled,\n  useForkRef,\n} from \"../utils\";\nimport styles from \"./styles\";\n\nimport BaseDropdownContext from \"./BaseDropdownContext\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = KeyboardCodes;\n\nconst HvBaseDropdown = ({\n  id,\n  role,\n  classes,\n  className,\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  expanded,\n  defaultExpanded = false,\n  placement = \"right\",\n  popperProps = {},\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  disablePortal = false,\n  component,\n  adornment,\n  children,\n  variableWidth = false,\n  dropdownHeaderProps,\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const bottom = placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperMaxSize, setPopperMaxSize] = useState({});\n\n  const handleDropdownHeaderRefProp = useForkRef(dropdownHeaderRefProp, dropdownHeaderProps?.ref);\n  const handleDropdownHeaderRef = useForkRef(setReferenceElement, handleDropdownHeaderRefProp);\n\n  const [popperElement, setPopperElement] = useState(null);\n\n  const extensionWidth = referenceElement ? referenceElement.offsetWidth : \"inherit\";\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } = popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  }, []);\n\n  const widthCalculatorEffect = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n  }, []);\n\n  const maxSizeCalculator = useCallback(\n    ({ state }) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize.width || height !== popperMaxSize.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      // eslint-disable-next-line no-param-reassign\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const modifiers = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      maxSize,\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: maxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [maxSizeCalculator, popperPropsModifiers, variableWidth, widthCalculator, widthCalculatorEffect]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(referenceElement, popperElement, {\n    placement: bottom,\n    modifiers,\n    onFirstUpdate,\n    ...otherPopperProps,\n  });\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  let popperPlacement = \"bottom\";\n  if (attributes.popper) {\n    popperPlacement = attributes.popper[\"data-popper-placement\"];\n  }\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n      // we are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(event, Tab) && !isOpen);\n\n      if (disabled || notControlKey || ignoredCombinations) return;\n\n      const newOpen = !isOpen;\n\n      /* If about to close focus on the header component. */\n      const focusHeader = () => {\n        if (!newOpen) {\n          // focus-ring won't be visible even if using the keyboard:\n          // https://github.com/WICG/focus-visible/issues/88\n          referenceElement.focus({ preventScroll: true });\n        }\n\n        return newOpen;\n      };\n      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    return (\n      <div\n        id={setId(id, \"header\")}\n        className={clsx(classes.header, {\n          [classes.headerDisabled]: disabled,\n          [classes.headerReadOnly]: readOnly,\n          [classes.headerOpen]: isOpen,\n          [classes.headerOpenUp]: isOpen && popperPlacement.includes(\"top\"),\n          [classes.headerOpenDown]: isOpen && popperPlacement.includes(\"bottom\"),\n        })}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={isOpen ? setId(elementId, \"children-container\") : undefined}\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <div className={classes.selection}>\n          {placeholder && typeof placeholder === \"string\" ? (\n            <HvTypography\n              noWrap\n              className={clsx(classes.placeholder, {\n                [classes.selectionDisabled]: disabled,\n              })}\n              variant=\"placeholderText\"\n            >\n              {placeholder}\n            </HvTypography>\n          ) : (\n            placeholder\n          )}\n        </div>\n        {adornment ||\n          (isOpen ? (\n            <DropUpXS iconSize=\"XS\" className={classes.arrow} />\n          ) : (\n            <DropDownXS\n              iconSize=\"XS\"\n              className={classes.arrow}\n              color={disabled ? \"atmo5\" : undefined}\n            />\n          ))}\n      </div>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(event, Tab) && !event.shiftKey) {\n        const focusList = getFirstAndLastFocus(popperElement);\n        if (document.activeElement === focusList?.last) {\n          event.preventDefault();\n          focusList?.first?.focus();\n        }\n      }\n    };\n\n    const handleOutside = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <div\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={classes.container}\n        style={popperStyles.popper}\n        {...attributes.popper}\n      >\n        <ClickAwayListener onClickAway={handleOutside}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleContainerKeyDown}>\n            {popperPlacement.includes(\"bottom\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={clsx(classes.inputExtensionOpen, {\n                  [classes.inputExtensionLeftPosition]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <div id={setId(elementId, \"children-container\")} className={classes.panel}>\n                {children}\n              </div>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {\n                  [classes.inputExtensionFloatRight]: popperPlacement.includes(\"start\"),\n                  [classes.inputExtensionFloatLeft]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </div>\n    );\n\n    if (disablePortal) return container;\n\n    return ReactDOM.createPortal(container, document.body);\n  })();\n\n  return (\n    <div className={classes.root}>\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(className, classes.anchor, {\n          [classes.rootDisabled]: disabled,\n        })}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </div>\n      {isOpen ? containerComponent : null}\n    </div>\n  );\n};\n\nHvBaseDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The role of the element that triggers the popup.\n   *\n   * Defaults to \"combobox\" if `component` and the default\n   * \"textbox\" header is used, undefined otherwise.\n   */\n  role: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root when disabled.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Styles applied to the element that serves as reference for the popper when disabled.\n     */\n    anchor: PropTypes.string,\n    /**\n     * Styles applied to the popper element when it is inside the root element hierarchy.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the header\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component when is open.\n     */\n    headerOpen: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened up.\n     */\n    headerOpenUp: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened down.\n     */\n    headerOpenDown: PropTypes.string,\n    /**\n     * Styles applied to the header when it's disabled.\n     */\n    headerDisabled: PropTypes.string,\n    /**\n     * Styles applied to the header when it's in read only mode.\n     */\n    headerReadOnly: PropTypes.string,\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied to the selection\n     */\n    selection: PropTypes.string,\n    /**\n     * Styles applied for truncating the container elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the dropdown panel.\n     */\n    panel: PropTypes.string,\n    /**\n     * Styles applied to the extension when open.\n     */\n    inputExtensionOpen: PropTypes.string,\n    /**\n     * Styles applied when position is left.\n     */\n    inputExtensionLeftPosition: PropTypes.string,\n    /**\n     * Styles applied to set the shadow when open.\n     */\n    inputExtensionOpenShadow: PropTypes.string,\n    /**\n     * Styles applied when position is right and the position is up.\n     */\n    inputExtensionFloatRight: PropTypes.string,\n    /**\n     * Styles applied when position is left and the position is up.\n     */\n    inputExtensionFloatLeft: PropTypes.string,\n  }).isRequired,\n  /**\n   * Header placeholder. String or node.\n   */\n  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n  /**\n   * Node to be rendered.\n   */\n  children: PropTypes.node,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Replacement for the header component.\n   */\n  component: PropTypes.node,\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment: PropTypes.node,\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside: PropTypes.func,\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation: PropTypes.func,\n  /**\n   * When expanded dropdown flips position.\n   */\n  onFlip: PropTypes.func,\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps: PropTypes.instanceOf(Object),\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseDropdown\" })(HvBaseDropdown);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AACA,OAAOA,QAAQ,MAAM,WAAW;AAChC,OAAOC,KAAK,IAAIC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC7D,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB,QAAQ,eAAe;AACjD,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,mCAAmC;AACxE,SAASC,YAAY,EAAEC,WAAW,QAAQ,IAAI;AAC9C,SACEC,oBAAoB,EACpBC,UAAU,EACVC,aAAa,EACbC,KAAK,EACLC,OAAO,EACPC,aAAa,EACbC,UAAU,QACL,UAAU;AACjB,OAAOC,MAAM,MAAM,UAAU;AAE7B,OAAOC,mBAAmB,MAAM,uBAAuB;AAAC;AAAA;AAExD,IAAQC,GAAG,GAAmCP,aAAa,CAAnDO,GAAG;EAAEC,KAAK,GAA4BR,aAAa,CAA9CQ,KAAK;EAAEC,GAAG,GAAuBT,aAAa,CAAvCS,GAAG;EAAEC,KAAK,GAAgBV,aAAa,CAAlCU,KAAK;EAAEC,SAAS,GAAKX,aAAa,CAA3BW,SAAS;AAEzC,IAAMC,cAAc,GAAG,SAAjBA,cAAc,OAuBd;EAAA,IAtBJC,EAAE,QAAFA,EAAE;IACFC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,WAAW,QAAXA,WAAW;IAAA,qBACXC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,qBAChBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBC,QAAQ,QAARA,QAAQ;IAAA,4BACRC,eAAe;IAAfA,eAAe,qCAAG,KAAK;IAAA,sBACvBC,SAAS;IAATA,SAAS,+BAAG,OAAO;IAAA,wBACnBC,WAAW;IAAXA,WAAW,iCAAG,CAAC,CAAC;IAChBC,QAAQ,QAARA,QAAQ;IACRC,cAAc,QAAdA,cAAc;IACdC,mBAAmB,QAAnBA,mBAAmB;IAAA,0BACnBC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IACrBC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IAAA,0BACRC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IACrBC,mBAAmB,QAAnBA,mBAAmB;IACAC,qBAAqB,QAAxCC,iBAAiB;IACdC,MAAM;EAET,qBAA4BhC,aAAa,CAACiB,QAAQ,EAAEgB,OAAO,CAACf,eAAe,CAAC,CAAC;IAAA;IAAtEgB,MAAM;IAAEC,SAAS;EAExB,IAAMC,MAAM,GAAGjB,SAAS,qBAAcA,SAAS,KAAK,OAAO,GAAG,OAAO,GAAG,KAAK,CAAE;EAE/E,gBAAgDrC,QAAQ,CAAC,IAAI,CAAC;IAAA;IAAvDuD,gBAAgB;IAAEC,mBAAmB;EAC5C,iBAA0CxD,QAAQ,CAAC,CAAC,CAAC,CAAC;IAAA;IAA/CyD,aAAa;IAAEC,gBAAgB;EAEtC,IAAMC,2BAA2B,GAAGxC,UAAU,CAAC6B,qBAAqB,EAAED,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAEa,GAAG,CAAC;EAC/F,IAAMC,uBAAuB,GAAG1C,UAAU,CAACqC,mBAAmB,EAAEG,2BAA2B,CAAC;EAE5F,iBAA0C3D,QAAQ,CAAC,IAAI,CAAC;IAAA;IAAjD8D,aAAa;IAAEC,gBAAgB;EAEtC,IAAMC,cAAc,GAAGT,gBAAgB,GAAGA,gBAAgB,CAACU,WAAW,GAAG,SAAS;EAClF,4BAAsE3B,WAAW,CAAzE4B,SAAS;IAAEC,oBAAoB,sCAAG,EAAE;IAAKC,gBAAgB,4BAAK9B,WAAW;EAEjF,IAAM+B,aAAa,GAAGpE,WAAW,CAAC,YAAM;IACtC,IAAIwC,mBAAmB,EAAEA,mBAAmB,CAACqB,aAAa,CAAC;EAC7D,CAAC,EAAE,CAACrB,mBAAmB,EAAEqB,aAAa,CAAC,CAAC;EAExC,IAAMQ,eAAe,GAAGrE,WAAW,CAAC,iBAAe;IAAA,IAAZsE,KAAK,SAALA,KAAK;IAC1C;IACAA,KAAK,CAACnD,MAAM,CAACoD,MAAM,CAACC,KAAK,aAAMF,KAAK,CAACG,KAAK,CAACC,SAAS,CAACF,KAAK,OAAI;EAChE,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,qBAAqB,GAAG3E,WAAW,CAAC,iBAAe;IAAA,IAAZsE,KAAK,SAALA,KAAK;IAChD;IACAA,KAAK,CAACM,QAAQ,CAACL,MAAM,CAACM,KAAK,CAACL,KAAK,aAAMF,KAAK,CAACM,QAAQ,CAACF,SAAS,CAACV,WAAW,OAAI;EACjF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMc,iBAAiB,GAAG9E,WAAW,CACnC,iBAAe;IAAA,IAAZsE,KAAK,SAALA,KAAK;IACN;IACA,4BAA0BA,KAAK,CAACS,aAAa,CAACzE,OAAO;MAA7CkE,KAAK,yBAALA,KAAK;MAAEQ,MAAM,yBAANA,MAAM;IACrB,IAAIR,KAAK,KAAKhB,aAAa,CAACgB,KAAK,IAAIQ,MAAM,KAAKxB,aAAa,CAACwB,MAAM,EAAE;MACpEvB,gBAAgB,CAAC;QAAEe,KAAK,EAALA,KAAK;QAAEQ,MAAM,EAANA;MAAO,CAAC,CAAC;IACrC;;IAEA;IACAV,KAAK,CAACnD,MAAM,CAACoD,MAAM,mCACdD,KAAK,CAACnD,MAAM,CAACoD,MAAM;MACtBU,QAAQ,YAAKT,KAAK,OAAI;MACtBU,SAAS,YAAKF,MAAM;IAAI,EACzB;EACH,CAAC,EACD,CAACxB,aAAa,CAAC,CAChB;EAED,IAAMS,SAAS,GAAGhE,OAAO,CACvB;IAAA,QACE;MACEkF,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,CAACvC,aAAa;MACvBwC,KAAK,EAAE,aAAa;MACpBC,QAAQ,EAAE,CAAC,eAAe,CAAC;MAC3BC,EAAE,EAAElB,eAAe;MACnBmB,MAAM,EAAEb;IACV,CAAC,EACDrE,OAAO,EACP;MACE6E,IAAI,EAAE,cAAc;MACpBC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,aAAa;MACpBC,QAAQ,EAAE,CAAC,SAAS,CAAC;MACrBC,EAAE,EAAET;IACN,CAAC,4BACEZ,oBAAoB;EAAA,CACxB,EACD,CAACY,iBAAiB,EAAEZ,oBAAoB,EAAErB,aAAa,EAAEwB,eAAe,EAAEM,qBAAqB,CAAC,CACjG;EAED,iBAA6CtE,SAAS,CAACiD,gBAAgB,EAAEO,aAAa;MACpFzB,SAAS,EAAEiB,MAAM;MACjBY,SAAS,EAATA,SAAS;MACTG,aAAa,EAAbA;IAAa,GACVD,gBAAgB,EACnB;IALcsB,YAAY,cAApBtE,MAAM;IAAgBuE,UAAU,cAAVA,UAAU;EAOxC,IAAMC,SAAS,GAAGhF,WAAW,CAACgB,EAAE,EAAE,gBAAgB,CAAC;EAEnD,IAAMiE,QAAQ,GAAGhE,IAAI,KAAKc,SAAS,IAAI,IAAI,GAAG,UAAU,GAAGmD,SAAS,CAAC;EAErE,IAAIC,eAAe,GAAG,QAAQ;EAC9B,IAAIJ,UAAU,CAACnB,MAAM,EAAE;IACrBuB,eAAe,GAAGJ,UAAU,CAACnB,MAAM,CAAC,uBAAuB,CAAC;EAC9D;EAEA,IAAMwB,YAAY,GAAG/F,WAAW,CAC9B,UAACgG,KAAK,EAAK;IACT,IAAIA,KAAK,IAAI,CAACnF,UAAU,CAACmF,KAAK,EAAE3E,GAAG,CAAC,EAAE;MACpC2E,KAAK,CAACC,cAAc,EAAE;IACxB;IACA;IACA,IAAMC,aAAa,GAAG,CAAC7E,GAAG,EAAEC,KAAK,EAAEC,GAAG,EAAEE,SAAS,EAAED,KAAK,CAAC,CAAC2E,KAAK,CAC7D,UAACC,GAAG;MAAA,OAAKvF,UAAU,CAACmF,KAAK,EAAEI,GAAG,CAAC,KAAK,KAAK;IAAA,EAC1C;IAED,IAAMC,mBAAmB,GACtBxF,UAAU,CAACmF,KAAK,EAAEzE,GAAG,CAAC,IAAI,CAAC4B,MAAM,IACjCtC,UAAU,CAACmF,KAAK,EAAEvE,SAAS,CAAC,IAAI0B,MAAO,IACvCtC,UAAU,CAACmF,KAAK,EAAE3E,GAAG,CAAC,IAAI,CAAC8B,MAAO;IAErC,IAAInB,QAAQ,IAAIkE,aAAa,IAAIG,mBAAmB,EAAE;IAEtD,IAAMC,OAAO,GAAG,CAACnD,MAAM;;IAEvB;IACA,IAAMoD,WAAW,GAAG,SAAdA,WAAW,GAAS;MACxB,IAAI,CAACD,OAAO,EAAE;QACZ;QACA;QACAhD,gBAAgB,CAACkD,KAAK,CAAC;UAAEC,aAAa,EAAE;QAAK,CAAC,CAAC;MACjD;MAEA,OAAOH,OAAO;IAChB,CAAC;IACDlD,SAAS,CAACmD,WAAW,EAAE,CAAC;IAExBjE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG0D,KAAK,EAAEM,OAAO,CAAC;EAC5B,CAAC,EACD,CAACnD,MAAM,EAAEnB,QAAQ,EAAEoB,SAAS,EAAEd,QAAQ,EAAEgB,gBAAgB,CAAC,CAC1D;EAED,IAAMoD,eAAe,GAAI,YAAM;IAAA;IAC7B,IAAIhE,SAAS,EAAE;MACb,oBAAO5C,KAAK,CAAC6G,YAAY,CAACjE,SAAS,EAAE;QACnCiB,GAAG,EAAEC;MACP,CAAC,CAAC;IACJ;IAEA,oBACE;MACE,EAAE,EAAE7C,KAAK,CAACY,EAAE,EAAE,QAAQ,CAAE;MACxB,SAAS,EAAEpB,IAAI,CAACsB,OAAO,CAAC+E,MAAM,EAGNzD,MAAM,KAA3BtB,OAAO,CAACgF,UAAU,EACef,eAAe,CAACgB,QAAQ,CAAC,KAAK,CAAC,IAAhEjF,OAAO,CAACkF,YAAY,EACejB,eAAe,CAACgB,QAAQ,CAAC,QAAQ,CAAC,IAArEjF,OAAO,CAACmF,cAAc,GAJGhF,QAAQ,IAAjCH,OAAO,CAACoF,cAAc,EACGhF,QAAQ,IAAjCJ,OAAO,CAACqF,cAAc,CAItB;MACH,IAAI,EAAEtB,QAAQ,KAAK,UAAU,GAAG,SAAS,GAAGC,SAAU;MACtD,KAAK,EAAE7D,QAAQ,IAAIC,QAAQ,GAAG;QAAEkF,aAAa,EAAE;MAAO,CAAC,GAAGtB,SAAU;MACpE,iBAAe1C,MAAM,GAAGpC,KAAK,CAAC4E,SAAS,EAAE,oBAAoB,CAAC,GAAGE,SAAU;MAC3E,mCAAY5C,MAAM,CAAC,YAAY,CAAC,iEAAI4C,SAAU;MAC9C,2CAAiB5C,MAAM,CAAC,iBAAiB,CAAC,uEAAI4C,SAAU;MACxD,QAAQ,EAAE7D,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;MAC5B,GAAG,EAAE4B;IAAwB,GACzBd,mBAAmB;MAAA,wBAEvB;QAAK,SAAS,EAAEjB,OAAO,CAACuF,SAAU;QAAA,UAC/BrF,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,gBAC7C,KAAC,YAAY;UACX,MAAM;UACN,SAAS,EAAExB,IAAI,CAACsB,OAAO,CAACE,WAAW,EACJC,QAAQ,IAApCH,OAAO,CAACwF,iBAAiB,CACzB;UACH,OAAO,EAAC,iBAAiB;UAAA,UAExBtF;QAAW,EACC,GAEfA;MACD,EACG,EACLY,SAAS,KACPQ,MAAM,gBACL,KAAC,QAAQ;QAAC,QAAQ,EAAC,IAAI;QAAC,SAAS,EAAEtB,OAAO,CAACyF;MAAM,EAAG,gBAEpD,KAAC,UAAU;QACT,QAAQ,EAAC,IAAI;QACb,SAAS,EAAEzF,OAAO,CAACyF,KAAM;QACzB,KAAK,EAAEtF,QAAQ,GAAG,OAAO,GAAG6D;MAAU,EAEzC,CAAC;IAAA,GACA;EAEV,CAAC,EAAG;EAEJ,IAAM0B,kBAAkB,GAAI,YAAM;IAChC;AACJ;AACA;IACI,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIxB,KAAK,EAAK;MACxC,IAAInF,UAAU,CAACmF,KAAK,EAAEzE,GAAG,CAAC,EAAE;QAC1BwE,YAAY,CAACC,KAAK,CAAC;MACrB;MACA,IAAInF,UAAU,CAACmF,KAAK,EAAE3E,GAAG,CAAC,IAAI,CAAC2E,KAAK,CAACyB,QAAQ,EAAE;QAC7C,IAAMC,SAAS,GAAG9G,oBAAoB,CAACiD,aAAa,CAAC;QACrD,IAAI8D,QAAQ,CAACC,aAAa,MAAKF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEG,IAAI,GAAE;UAAA;UAC9C7B,KAAK,CAACC,cAAc,EAAE;UACtByB,SAAS,aAATA,SAAS,2CAATA,SAAS,CAAEI,KAAK,qDAAhB,iBAAkBtB,KAAK,EAAE;QAC3B;MACF;IACF,CAAC;IAED,IAAMuB,aAAa,GAAG,SAAhBA,aAAa,CAAI/B,KAAK,EAAK;MAC/B,IAAMgC,aAAa,GAAG1E,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAE2E,QAAQ,CAACjC,KAAK,CAACkC,MAAM,CAAC;MAC9D,IAAI,CAACF,aAAa,EAAE;QAClBzF,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGyD,KAAK,CAAC;QACvB5C,SAAS,CAAC,KAAK,CAAC;QAChBd,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG0D,KAAK,EAAE,KAAK,CAAC;MAC1B;IACF,CAAC;IAED,IAAMmC,SAAS,gBACb;MACE,IAAI,EAAC,SAAS;MACd,GAAG,EAAErE,gBAAiB;MACtB,SAAS,EAAEjC,OAAO,CAACsG,SAAU;MAC7B,KAAK,EAAE1C,YAAY,CAAClB;IAAO,GACvBmB,UAAU,CAACnB,MAAM;MAAA,uBAErB,KAAC,iBAAiB;QAAC,WAAW,EAAEwD,aAAc;QAAA,uBAE5C;UAAK,SAAS,EAAEP,sBAAuB;UAAA,WACpC1B,eAAe,CAACgB,QAAQ,CAAC,QAAQ,CAAC,iBACjC;YACE,KAAK,EAAE;cAAEtC,KAAK,EAAET;YAAe,CAAE;YACjC,SAAS,EAAExD,IAAI,CAACsB,OAAO,CAACuG,kBAAkB,EACFtC,eAAe,CAACgB,QAAQ,CAAC,KAAK,CAAC,IAApEjF,OAAO,CAACwG,0BAA0B;UAClC,EAEN,eACD,KAAC,mBAAmB,CAAC,QAAQ;YAAC,KAAK,EAAE7E,aAAc;YAAA,uBACjD;cAAK,EAAE,EAAEzC,KAAK,CAAC4E,SAAS,EAAE,oBAAoB,CAAE;cAAC,SAAS,EAAE9D,OAAO,CAACyG,KAAM;cAAA,UACvE1F;YAAQ;UACL,EACuB,EAC9BkD,eAAe,CAACgB,QAAQ,CAAC,KAAK,CAAC,iBAC9B;YACE,KAAK,EAAE;cAAEtC,KAAK,EAAET;YAAe,CAAE;YACjC,SAAS,EAAExD,IAAI,CAACsB,OAAO,CAACuG,kBAAkB,EAAEvG,OAAO,CAAC0G,wBAAwB,EACtCzC,eAAe,CAACgB,QAAQ,CAAC,OAAO,CAAC,IAApEjF,OAAO,CAAC2G,wBAAwB,EACE1C,eAAe,CAACgB,QAAQ,CAAC,KAAK,CAAC,IAAjEjF,OAAO,CAAC4G,uBAAuB;UAC/B,EAEN;QAAA;MACG;IACY,GAEvB;IAED,IAAIhG,aAAa,EAAE,OAAO0F,SAAS;IAEnC,oBAAOtI,QAAQ,CAAC6I,YAAY,CAACP,SAAS,EAAER,QAAQ,CAACgB,IAAI,CAAC;EACxD,CAAC,EAAG;EAEJ,oBACE;IAAK,SAAS,EAAE9G,OAAO,CAAC+G,IAAK;IAAA,wBAE3B;MACE,EAAE,EAAEjH,EAAG;MACP,IAAI,EAAEiE,QAAS;MACf,iBAAe,CAAC,CAACzC,MAAO;MACxB,aAAWA,MAAM,GAAGpC,KAAK,CAAC4E,SAAS,EAAE,oBAAoB,CAAC,GAAGE,SAAU;MACvE,SAAS,EAAEtF,IAAI,CAACuB,SAAS,EAAED,OAAO,CAACgH,MAAM,EACf7G,QAAQ,IAA/BH,OAAO,CAACiH,YAAY;IACpB,GACE,CAAC7G,QAAQ,IAAI;MAChB8G,SAAS,EAAEhD,YAAY;MACvBiD,OAAO,EAAEjD;IACX,CAAC;MACD,QAAQ,EAAE,CAAC;IAAE,GACT9C,MAAM;MAAA,UAETyD;IAAe,GACZ,EACLvD,MAAM,GAAGoE,kBAAkB,GAAG,IAAI;EAAA,EAC/B;AAEV,CAAC;AAED,wCAAA7F,cAAc,CAACuH,SAAS,GAAG;EACzB;AACF;AACA;EACEnH,SAAS,EAAE5B,SAAS,CAACgJ,MAAM;EAC3B;AACF;AACA;EACEvH,EAAE,EAAEzB,SAAS,CAACgJ,MAAM;EACpB;AACF;AACA;AACA;AACA;AACA;EACEtH,IAAI,EAAE1B,SAAS,CAACgJ,MAAM;EACtB;AACF;AACA;EACErH,OAAO,EAAE3B,SAAS,CAACiJ,KAAK,CAAC;IACvB;AACJ;AACA;IACIP,IAAI,EAAE1I,SAAS,CAACgJ,MAAM;IACtB;AACJ;AACA;IACIJ,YAAY,EAAE5I,SAAS,CAACgJ,MAAM;IAC9B;AACJ;AACA;IACIL,MAAM,EAAE3I,SAAS,CAACgJ,MAAM;IACxB;AACJ;AACA;IACIf,SAAS,EAAEjI,SAAS,CAACgJ,MAAM;IAC3B;AACJ;AACA;IACItC,MAAM,EAAE1G,SAAS,CAACgJ,MAAM;IACxB;AACJ;AACA;IACIrC,UAAU,EAAE3G,SAAS,CAACgJ,MAAM;IAC5B;AACJ;AACA;IACInC,YAAY,EAAE7G,SAAS,CAACgJ,MAAM;IAC9B;AACJ;AACA;IACIlC,cAAc,EAAE9G,SAAS,CAACgJ,MAAM;IAChC;AACJ;AACA;IACIjC,cAAc,EAAE/G,SAAS,CAACgJ,MAAM;IAChC;AACJ;AACA;IACIhC,cAAc,EAAEhH,SAAS,CAACgJ,MAAM;IAChC;AACJ;AACA;IACI5B,KAAK,EAAEpH,SAAS,CAACgJ,MAAM;IACvB;AACJ;AACA;IACI9B,SAAS,EAAElH,SAAS,CAACgJ,MAAM;IAC3B;AACJ;AACA;IACInH,WAAW,EAAE7B,SAAS,CAACgJ,MAAM;IAC7B;AACJ;AACA;IACI7B,iBAAiB,EAAEnH,SAAS,CAACgJ,MAAM;IACnC;AACJ;AACA;IACIZ,KAAK,EAAEpI,SAAS,CAACgJ,MAAM;IACvB;AACJ;AACA;IACId,kBAAkB,EAAElI,SAAS,CAACgJ,MAAM;IACpC;AACJ;AACA;IACIb,0BAA0B,EAAEnI,SAAS,CAACgJ,MAAM;IAC5C;AACJ;AACA;IACIX,wBAAwB,EAAErI,SAAS,CAACgJ,MAAM;IAC1C;AACJ;AACA;IACIV,wBAAwB,EAAEtI,SAAS,CAACgJ,MAAM;IAC1C;AACJ;AACA;IACIT,uBAAuB,EAAEvI,SAAS,CAACgJ;EACrC,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACErH,WAAW,EAAE7B,SAAS,CAACmJ,SAAS,CAAC,CAACnJ,SAAS,CAACgJ,MAAM,EAAEhJ,SAAS,CAACoJ,IAAI,CAAC,CAAC;EACpE;AACF;AACA;EACEtH,QAAQ,EAAE9B,SAAS,CAACqJ,IAAI;EACxB;AACF;AACA;EACEtH,QAAQ,EAAE/B,SAAS,CAACqJ,IAAI;EACxB;AACF;AACA;AACA;EACE9G,aAAa,EAAEvC,SAAS,CAACqJ,IAAI;EAC7B;AACF;AACA;AACA;EACE1G,aAAa,EAAE3C,SAAS,CAACqJ,IAAI;EAC7B;AACF;AACA;EACErH,QAAQ,EAAEhC,SAAS,CAACqJ,IAAI;EACxB;AACF;AACA;EACEpH,eAAe,EAAEjC,SAAS,CAACqJ,IAAI;EAC/B;AACF;AACA;EACElH,WAAW,EAAEnC,SAAS,CAACiJ,KAAK,EAAE;EAC9B;AACF;AACA;EACEvG,QAAQ,EAAE1C,SAAS,CAACoJ,IAAI;EACxB;AACF;AACA;EACElH,SAAS,EAAElC,SAAS,CAACsJ,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAC7C;AACF;AACA;EACE9G,SAAS,EAAExC,SAAS,CAACoJ,IAAI;EACzB;AACF;AACA;EACE3G,SAAS,EAAEzC,SAAS,CAACoJ,IAAI;EACzB;AACF;AACA;EACEhH,QAAQ,EAAEpC,SAAS,CAACuJ,IAAI;EACxB;AACF;AACA;EACElH,cAAc,EAAErC,SAAS,CAACuJ,IAAI;EAC9B;AACF;AACA;AACA;EACEjH,mBAAmB,EAAEtC,SAAS,CAACuJ,IAAI;EACnC;AACF;AACA;EACEC,MAAM,EAAExJ,SAAS,CAACuJ,IAAI;EACtB;AACF;AACA;EACE3G,mBAAmB,EAAE5C,SAAS,CAACyJ,UAAU,CAACC,MAAM,CAAC;EACjD;AACF;AACA;EACE5G,iBAAiB,EAAEhC;AACrB,CAAC;AAED,eAAeZ,UAAU,CAACe,MAAM,EAAE;EAAEgE,IAAI,EAAE;AAAiB,CAAC,CAAC,CAACzD,cAAc,CAAC"}

package/dist/legacy/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js

@@ -1,5 +0,0 @@
-import React from "react";
-var BaseDropdownContext = /*#__PURE__*/React.createContext({});
-BaseDropdownContext.displayName = "BaseDropdownContext";
-export default BaseDropdownContext;
-//# sourceMappingURL=BaseDropdownContext.js.map

package/dist/legacy/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseDropdownContext.js","names":["React","BaseDropdownContext","createContext","displayName"],"sources":["../../../../src/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js"],"sourcesContent":["import React from \"react\";\n\nconst BaseDropdownContext = React.createContext({});\nBaseDropdownContext.displayName = \"BaseDropdownContext\";\n\nexport default BaseDropdownContext;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,IAAMC,mBAAmB,gBAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AACnDD,mBAAmB,CAACE,WAAW,GAAG,qBAAqB;AAEvD,eAAeF,mBAAmB"}

package/dist/legacy/BaseDropdown/BaseDropdownContext/index.js

@@ -1,2 +0,0 @@
-export { default } from "./BaseDropdownContext";
-//# sourceMappingURL=index.js.map

package/dist/legacy/BaseDropdown/BaseDropdownContext/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/BaseDropdown/BaseDropdownContext/index.js"],"sourcesContent":["export { default } from \"./BaseDropdownContext\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,uBAAuB"}

package/dist/legacy/BaseDropdown/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./BaseDropdown";
-export * from "./BaseDropdown";

package/dist/legacy/BaseDropdown/index.js

@@ -1,2 +0,0 @@
-export { default } from "./BaseDropdown";
-//# sourceMappingURL=index.js.map

package/dist/legacy/BaseDropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/BaseDropdown/index.js"],"sourcesContent":["export { default } from \"./BaseDropdown\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}