@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/BaseDropdown/BaseDropdown.js

@@ -1,14 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "role", "classes", "className", "placeholder", "disabled", "readOnly", "expanded", "defaultExpanded", "placement", "popperProps", "onToggle", "onClickOutside", "onContainerCreation", "disablePortal", "component", "adornment", "children", "variableWidth", "dropdownHeaderProps", "dropdownHeaderRef"],
-      _excluded2 = ["modifiers"];
-
+  _excluded2 = ["modifiers"];
 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; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
-
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 import ReactDOM from "react-dom";
 import React, { useState, useCallback, useMemo } from "react";
@@ -32,33 +27,31 @@ const {
   Space,
   ArrowDown
 } = KeyboardCodes;
-
 const HvBaseDropdown = _ref => {
   let {
-    id,
-    role,
-    classes,
-    className,
-    placeholder,
-    disabled = false,
-    readOnly = false,
-    expanded,
-    defaultExpanded = false,
-    placement = "right",
-    popperProps = {},
-    onToggle,
-    onClickOutside,
-    onContainerCreation,
-    disablePortal = false,
-    component,
-    adornment,
-    children,
-    variableWidth = false,
-    dropdownHeaderProps,
-    dropdownHeaderRef: dropdownHeaderRefProp
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      role,
+      classes,
+      className,
+      placeholder,
+      disabled = false,
+      readOnly = false,
+      expanded,
+      defaultExpanded = false,
+      placement = "right",
+      popperProps = {},
+      onToggle,
+      onClickOutside,
+      onContainerCreation,
+      disablePortal = false,
+      component,
+      adornment,
+      children,
+      variableWidth = false,
+      dropdownHeaderProps,
+      dropdownHeaderRef: dropdownHeaderRefProp
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));
   const bottom = placement && `bottom-${placement === "right" ? "start" : "end"}`;
   const [referenceElement, setReferenceElement] = useState(null);
@@ -67,12 +60,10 @@ const HvBaseDropdown = _ref => {
   const handleDropdownHeaderRef = useForkRef(setReferenceElement, handleDropdownHeaderRefProp);
   const [popperElement, setPopperElement] = useState(null);
   const extensionWidth = referenceElement ? referenceElement.offsetWidth : "inherit";
-
   const {
-    modifiers: popperPropsModifiers = []
-  } = popperProps,
-        otherPopperProps = _objectWithoutProperties(popperProps, _excluded2);
-
+      modifiers: popperPropsModifiers = []
+    } = popperProps,
+    otherPopperProps = _objectWithoutProperties(popperProps, _excluded2);
   const onFirstUpdate = useCallback(() => {
     if (onContainerCreation) onContainerCreation(popperElement);
   }, [onContainerCreation, popperElement]);
@@ -96,15 +87,14 @@ const HvBaseDropdown = _ref => {
       width,
       height
     } = state.modifiersData.maxSize;
-
     if (width !== popperMaxSize.width || height !== popperMaxSize.height) {
       setPopperMaxSize({
         width,
         height
       });
-    } // eslint-disable-next-line no-param-reassign
-
+    }
 
+    // eslint-disable-next-line no-param-reassign
     state.styles.popper = _objectSpread(_objectSpread({}, state.styles.popper), {}, {
       maxWidth: `${width}px`,
       maxHeight: `${height}px`
@@ -135,23 +125,20 @@ const HvBaseDropdown = _ref => {
   const elementId = useUniqueId(id, "hvbasedropdown");
   const ariaRole = role || (component == null ? "combobox" : undefined);
   let popperPlacement = "bottom";
-
   if (attributes.popper) {
     popperPlacement = attributes.popper["data-popper-placement"];
   }
-
   const handleToggle = useCallback(event => {
     if (event && !isKeypress(event, Tab)) {
       event.preventDefault();
-    } // we are checking specifically for false because if "isKeypress" returns true or undefined it should continue
-
-
+    }
+    // we are checking specifically for false because if "isKeypress" returns true or undefined it should continue
     const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(key => isKeypress(event, key) === false);
     const ignoredCombinations = isKeypress(event, Esc) && !isOpen || isKeypress(event, ArrowDown) && isOpen || isKeypress(event, Tab) && !isOpen;
     if (disabled || notControlKey || ignoredCombinations) return;
     const newOpen = !isOpen;
-    /* If about to close focus on the header component. */
 
+    /* If about to close focus on the header component. */
     const focusHeader = () => {
       if (!newOpen) {
         // focus-ring won't be visible even if using the keyboard:
@@ -160,23 +147,18 @@ const HvBaseDropdown = _ref => {
           preventScroll: true
         });
       }
-
       return newOpen;
     };
-
     setIsOpen(focusHeader());
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, newOpen);
   }, [isOpen, disabled, setIsOpen, onToggle, referenceElement]);
-
   const headerComponent = (() => {
     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),
@@ -208,7 +190,6 @@ const HvBaseDropdown = _ref => {
       }))]
     }));
   })();
-
   const containerComponent = (() => {
     /**
      *  Handle keyboard inside children container.
@@ -217,29 +198,23 @@ const HvBaseDropdown = _ref => {
       if (isKeypress(event, Esc)) {
         handleToggle(event);
       }
-
       if (isKeypress(event, Tab) && !event.shiftKey) {
         const 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();
         }
       }
     };
-
     const handleOutside = event => {
       const 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);
       }
     };
-
     const container = /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
       role: "tooltip",
       ref: setPopperElement,
@@ -271,11 +246,9 @@ const HvBaseDropdown = _ref => {
         })
       })
     }));
-
     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({
@@ -294,18 +267,15 @@ const HvBaseDropdown = _ref => {
     })), 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.
    *
@@ -313,7 +283,6 @@ process.env.NODE_ENV !== "production" ? HvBaseDropdown.propTypes = {
    * "textbox" header is used, undefined otherwise.
    */
   role: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the component styles applied.
    */
@@ -322,191 +291,154 @@ process.env.NODE_ENV !== "production" ? HvBaseDropdown.propTypes = {
      * 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.
    */

package/dist/modern/BaseDropdown/BaseDropdown.js.map

@@ -1 +1 @@
-{"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","dropdownHeaderRef","dropdownHeaderRefProp","others","isOpen","setIsOpen","Boolean","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","height","modifiersData","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":"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"}
+{"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","dropdownHeaderRef","dropdownHeaderRefProp","others","isOpen","setIsOpen","Boolean","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","height","modifiersData","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":"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"}

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

@@ -1 +1 @@
-{"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,KAAP,MAAkB,OAAlB;AAEA,MAAMC,mBAAmB,gBAAGD,KAAK,CAACE,aAAN,CAAoB,EAApB,CAA5B;AACAD,mBAAmB,CAACE,WAApB,GAAkC,qBAAlC;AAEA,eAAeF,mBAAf"}
+{"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,MAAMC,mBAAmB,gBAAGD,KAAK,CAACE,aAAa,CAAC,CAAC,CAAC,CAAC;AACnDD,mBAAmB,CAACE,WAAW,GAAG,qBAAqB;AAEvD,eAAeF,mBAAmB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/BaseDropdown/BaseDropdownContext/index.js"],"sourcesContent":["export { default } from \"./BaseDropdownContext\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,uBAAxB"}
+{"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/modern/BaseDropdown/index.js.map

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

package/dist/modern/BaseDropdown/styles.js

@@ -1,11 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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; }
-
 import { outlineStyles } from "../Focus/styles";
-
 const styles = theme => ({
   root: {
     width: "100%",
@@ -114,6 +110,5 @@ const styles = theme => ({
     float: "right"
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map