@hitachivantara/uikit-react-core 5.23.0 → 5.24.1

package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const reactDom = require("react-dom");
-const clsx = require("clsx");
 const material = require("@mui/material");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
@@ -17,9 +16,9 @@ const keyboardUtils = require("../../utils/keyboardUtils.cjs");
 const setId = require("../../utils/setId.cjs");
 const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
 const BaseDropdown_styles = require("./BaseDropdown.styles.cjs");
-const baseDropdownClasses = require("./baseDropdownClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const BaseDropdownContext = require("./BaseDropdownContext/BaseDropdownContext.cjs");
+const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
 const HvBaseDropdown = (props) => {
@@ -27,7 +26,7 @@ const HvBaseDropdown = (props) => {
   const {
     id,
     className,
-    classes,
+    classes: classesProp,
     children,
     role,
     placeholder,
@@ -46,8 +45,13 @@ const HvBaseDropdown = (props) => {
     onToggle,
     onClickOutside,
     onContainerCreation,
+    "aria-expanded": ariaExpandedProp,
     ...others
   } = useDefaultProps.useDefaultProps("HvBaseDropdown", props);
+  const {
+    classes,
+    cx
+  } = BaseDropdown_styles.useClasses(classesProp);
   const {
     rootId
   } = useTheme.useTheme();
@@ -58,6 +62,7 @@ const HvBaseDropdown = (props) => {
   const handleDropdownHeaderRefProp = useForkRef.useForkRef(dropdownHeaderRefProp, dropdownHeaderProps == null ? void 0 : dropdownHeaderProps.ref);
   const handleDropdownHeaderRef = useForkRef.useForkRef(setReferenceElement, handleDropdownHeaderRefProp);
   const ariaRole = role || (component == null ? "combobox" : void 0);
+  const ariaExpanded = ariaExpandedProp ?? (ariaRole ? !!isOpen : void 0);
   const elementId = useUniqueId.useUniqueId(id, "hvbasedropdown");
   const bottom = placement && `bottom-${placement === "right" ? "start" : "end"}`;
   const extensionWidth = referenceElement ? referenceElement == null ? void 0 : referenceElement.offsetWidth : "inherit";
@@ -170,18 +175,20 @@ const HvBaseDropdown = (props) => {
   const headerComponent = (() => {
     if (component) {
       return React__default.default.cloneElement(component, {
-        ref: handleDropdownHeaderRef
+        ref: handleDropdownHeaderRef,
+        "aria-controls": isOpen ? setId.setId(elementId, "children-container") : void 0
       });
     }
     const ExpanderComponent = isOpen ? uikitReactIcons.DropUpXS : uikitReactIcons.DropDownXS;
-    return /* @__PURE__ */ jsxRuntime.jsxs(BaseDropdown_styles.StyledHeaderRoot, {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
       id: setId.setId(id, "header"),
-      className: clsx.clsx(baseDropdownClasses.default.header, classes == null ? void 0 : classes.header, disabled && clsx.clsx(baseDropdownClasses.default.headerDisabled, classes == null ? void 0 : classes.headerDisabled), readOnly && clsx.clsx(baseDropdownClasses.default.headerReadOnly, classes == null ? void 0 : classes.headerReadOnly), isOpen && clsx.clsx(baseDropdownClasses.default.headerOpen, classes == null ? void 0 : classes.headerOpen), isOpen && popperPlacement.includes("top") && clsx.clsx(baseDropdownClasses.default.headerOpenUp, classes == null ? void 0 : classes.headerOpenUp), isOpen && popperPlacement.includes("bottom") && clsx.clsx(baseDropdownClasses.default.headerOpenDown, classes == null ? void 0 : classes.headerOpenDown)),
-      $disabled: disabled,
-      $readOnly: readOnly,
-      $opened: isOpen,
-      $openedUp: isOpen && popperPlacement.includes("top"),
-      $openedDown: isOpen && popperPlacement.includes("bottom"),
+      className: cx(classes.header, {
+        [classes.headerDisabled]: disabled,
+        [classes.headerReadOnly]: readOnly,
+        [classes.headerOpen]: isOpen,
+        [classes.headerOpenUp]: isOpen && popperPlacement.includes("top"),
+        [classes.headerOpenDown]: isOpen && popperPlacement.includes("bottom")
+      }),
       role: ariaRole === "combobox" ? "textbox" : void 0,
       style: disabled || readOnly ? {
         pointerEvents: "none"
@@ -192,19 +199,21 @@ const HvBaseDropdown = (props) => {
       tabIndex: disabled ? -1 : 0,
       ref: handleDropdownHeaderRef,
       ...dropdownHeaderProps,
-      children: [/* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledSelection, {
-        className: clsx.clsx(baseDropdownClasses.default.selection, classes == null ? void 0 : classes.selection),
-        children: placeholder && typeof placeholder === "string" ? /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledPlaceholder, {
-          className: clsx.clsx(baseDropdownClasses.default.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx.clsx(baseDropdownClasses.default.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)),
-          $disabled: disabled,
+      children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: classes.selection,
+        children: placeholder && typeof placeholder === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+          className: cx(classes.placeholder, {
+            [classes.selectionDisabled]: disabled
+          }),
           variant: "body",
           children: placeholder
         }) : placeholder
-      }), /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledAdornment, {
+      }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: classes.arrowContainer,
         children: adornment || /* @__PURE__ */ jsxRuntime.jsx(ExpanderComponent, {
           iconSize: "XS",
           color: disabled ? uikitStyles.theme.colors.secondary_60 : void 0,
-          className: clsx.clsx(baseDropdownClasses.default.arrow, classes == null ? void 0 : classes.arrow)
+          className: classes.arrow
         })
       })]
     });
@@ -231,42 +240,41 @@ const HvBaseDropdown = (props) => {
         onToggle == null ? void 0 : onToggle(event, false);
       }
     };
-    const container = /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledContainer, {
+    const container = /* @__PURE__ */ jsxRuntime.jsx("div", {
       role: "tooltip",
       ref: setPopperElement,
-      className: clsx.clsx(baseDropdownClasses.default.container, classes == null ? void 0 : classes.container),
+      className: classes.container,
       style: popperStyles.popper,
       ...attributes.popper,
       children: /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, {
         onClickAway: handleOutside,
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
           onKeyDown: handleContainerKeyDown,
-          children: [popperPlacement.includes("bottom") && /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledExtension, {
+          children: [popperPlacement.includes("bottom") && /* @__PURE__ */ jsxRuntime.jsx("div", {
             style: {
               width: extensionWidth
             },
-            className: clsx.clsx(baseDropdownClasses.default.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, popperPlacement.includes("end") && clsx.clsx(baseDropdownClasses.default.inputExtensionLeftPosition, classes == null ? void 0 : classes.inputExtensionLeftPosition)),
-            $leftPosition: popperPlacement.includes("end"),
-            $openShadow: false,
-            $floatLeft: false,
-            $floatRight: false
+            className: cx(classes.inputExtensionOpen, {
+              [classes.inputExtensionLeftPosition]: popperPlacement.includes("end")
+            })
           }), /* @__PURE__ */ jsxRuntime.jsx(BaseDropdownContext.default.Provider, {
             value: popperMaxSize,
-            children: /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledPanel, {
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
               id: setId.setId(elementId, "children-container"),
-              className: clsx.clsx(baseDropdownClasses.default.panel, classes == null ? void 0 : classes.panel),
-              $popperPlacement: popperPlacement.includes("top") ? "top" : "bottom",
+              className: cx(classes.panel, {
+                [classes.panelOpenedUp]: popperPlacement.includes("top"),
+                [classes.panelOpenedDown]: popperPlacement.includes("bottom")
+              }),
               children
             })
-          }), popperPlacement.includes("top") && /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledExtension, {
+          }), popperPlacement.includes("top") && /* @__PURE__ */ jsxRuntime.jsx("div", {
             style: {
               width: extensionWidth
             },
-            className: clsx.clsx(baseDropdownClasses.default.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, baseDropdownClasses.default.inputExtensionOpenShadow, classes == null ? void 0 : classes.inputExtensionOpenShadow, popperPlacement.includes("end") && clsx.clsx(baseDropdownClasses.default.inputExtensionFloatRight, classes == null ? void 0 : classes.inputExtensionFloatRight), popperPlacement.includes("start") && clsx.clsx(baseDropdownClasses.default.inputExtensionFloatLeft, classes == null ? void 0 : classes.inputExtensionFloatLeft)),
-            $leftPosition: false,
-            $openShadow: true,
-            $floatLeft: popperPlacement.includes("start"),
-            $floatRight: popperPlacement.includes("end")
+            className: cx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {
+              [classes.inputExtensionFloatRight]: popperPlacement.includes("end"),
+              [classes.inputExtensionFloatLeft]: popperPlacement.includes("start")
+            })
           })]
         })
       })
@@ -275,15 +283,16 @@ const HvBaseDropdown = (props) => {
       return container;
     return reactDom.createPortal(container, document.getElementById(rootId || "") || document.body);
   })();
-  return /* @__PURE__ */ jsxRuntime.jsxs(BaseDropdown_styles.StyledRoot, {
-    className: clsx.clsx(baseDropdownClasses.default.root, classes == null ? void 0 : classes.root),
-    children: [/* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledAnchor, {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    className: classes.root,
+    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
       id,
       role: ariaRole,
-      "aria-expanded": !!isOpen,
+      "aria-expanded": ariaExpanded,
       "aria-owns": isOpen ? setId.setId(elementId, "children-container") : void 0,
-      className: clsx.clsx(className, baseDropdownClasses.default.anchor, classes == null ? void 0 : classes.anchor, disabled && clsx.clsx(baseDropdownClasses.default.rootDisabled, classes == null ? void 0 : classes.rootDisabled)),
-      $disabled: disabled,
+      className: cx(classes.anchor, {
+        [classes.rootDisabled]: disabled
+      }, className),
       ...!readOnly && {
         onKeyDown: handleToggle,
         onClick: handleToggle
@@ -295,5 +304,6 @@ const HvBaseDropdown = (props) => {
     }), isOpen && containerComponent]
   });
 };
+exports.baseDropdownClasses = BaseDropdown_styles.staticClasses;
 exports.HvBaseDropdown = HvBaseDropdown;
 //# sourceMappingURL=BaseDropdown.cjs.map

package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdown.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useState,\n  useCallback,\n  KeyboardEventHandler,\n} from \"react\";\n\nimport { createPortal } from \"react-dom\";\n\nimport { clsx } from \"clsx\";\n\nimport {\n  ClickAwayListener,\n  ClickAwayListenerProps,\n  PopperPlacementType,\n  PopperProps,\n} from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\n\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { isKey, isOneOfKeys } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { getFirstAndLastFocus } from \"@core/utils/focusableElementFinder\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport {\n  StyledAdornment,\n  StyledAnchor,\n  StyledContainer,\n  StyledExtension,\n  StyledHeaderRoot,\n  StyledPanel,\n  StyledPlaceholder,\n  StyledRoot,\n  StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport baseDropdownClasses, {\n  HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nexport interface HvBaseDropdownProps\n  extends HvBaseProps<HTMLDivElement, \"placeholder\"> {\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?: string;\n  /**\n   * Header placeholder.\n   */\n  placeholder?: string | React.ReactNode;\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\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?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * Replacement for the header component.\n   */\n  component?: React.ReactNode;\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment?: React.ReactNode;\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation?: (container: HTMLElement | null) => void;\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps?: React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef?: React.Ref<any>;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvBaseDropdownClasses;\n}\n\nexport const HvBaseDropdown = (props: HvBaseDropdownProps) => {\n  const {\n    id,\n    className,\n    classes,\n    children,\n    role,\n    placeholder,\n    component,\n    adornment,\n    expanded,\n    dropdownHeaderProps,\n    defaultExpanded = false,\n    disabled = false,\n    readOnly = false,\n    disablePortal = false,\n    variableWidth = false,\n    placement = \"right\",\n    popperProps = {},\n    dropdownHeaderRef: dropdownHeaderRefProp,\n    onToggle,\n    onClickOutside,\n    onContainerCreation,\n    ...others\n  } = useDefaultProps(\"HvBaseDropdown\", props);\n  const { rootId } = useTheme();\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  );\n  const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n  const [popperMaxSize, setPopperMaxSize] = useState<{\n    width?: number;\n    height?: number;\n  }>({});\n\n  const handleDropdownHeaderRefProp = useForkRef(\n    dropdownHeaderRefProp,\n    dropdownHeaderProps?.ref\n  );\n  const handleDropdownHeaderRef = useForkRef(\n    setReferenceElement,\n    handleDropdownHeaderRefProp\n  );\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const bottom: PopperPlacementType =\n    placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const extensionWidth = referenceElement\n    ? referenceElement?.offsetWidth\n    : \"inherit\";\n\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n    popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    },\n    []\n  );\n\n  const widthCalculatorEffect = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.elements.popper.style.width = `${\n        (state.elements.reference as any).offsetWidth\n      }px`;\n    },\n    []\n  );\n\n  const applyMaxSizeCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\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      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const maxSizeCalculator = useCallback(\n    ({ state, name, options }: ModifierArguments<Options>) => {\n      const overflow = detectOverflow(state, options);\n\n      const x = state.modifiersData.preventOverflow?.x || 0;\n      const y = state.modifiersData.preventOverflow?.y || 0;\n\n      const popperWidth = state.rects.popper.width;\n      const popperHeight = state.rects.popper.height;\n\n      const basePlacement = state.placement.split(\"-\")[0];\n\n      const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n      const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n      state.modifiersData[name] = {\n        width: popperWidth - overflow[widthProp] - x,\n        height: popperHeight - overflow[heightProp] - y,\n      };\n    },\n    []\n  );\n\n  const modifiers: PopperProps[\"modifiers\"] = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      {\n        name: \"maxSize\",\n        enabled: true,\n        phase: \"main\",\n        requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n        fn: maxSizeCalculator,\n      },\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: applyMaxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [\n      maxSizeCalculator,\n      applyMaxSizeCalculator,\n      popperPropsModifiers,\n      variableWidth,\n      widthCalculator,\n      widthCalculatorEffect,\n    ]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      placement: bottom,\n      modifiers,\n      onFirstUpdate,\n      ...otherPopperProps,\n    }\n  );\n\n  const popperPlacement =\n    attributes.popper?.[\"data-popper-placement\"] ?? \"bottom\";\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKey(event, \"Tab\")) {\n        event.preventDefault();\n      }\n\n      const notControlKey =\n        !!event?.code &&\n        !isOneOfKeys(event, [\"Tab\", \"Enter\", \"Esc\", \"ArrowDown\", \"Space\"]);\n\n      const ignoredCombinations =\n        (isKey(event, \"Esc\") && !isOpen) ||\n        (isKey(event, \"ArrowDown\") && isOpen) ||\n        (isKey(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 as React.ReactElement, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    const ExpanderComponent = isOpen ? DropUpXS : DropDownXS;\n\n    return (\n      <StyledHeaderRoot\n        id={setId(id, \"header\")}\n        className={clsx(\n          baseDropdownClasses.header,\n          classes?.header,\n          disabled &&\n            clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n          readOnly &&\n            clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n          isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n          isOpen &&\n            popperPlacement.includes(\"top\") &&\n            clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n          isOpen &&\n            popperPlacement.includes(\"bottom\") &&\n            clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n        )}\n        $disabled={disabled}\n        $readOnly={readOnly}\n        $opened={isOpen}\n        $openedUp={isOpen && popperPlacement.includes(\"top\")}\n        $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={\n          isOpen ? setId(elementId, \"children-container\") : undefined\n        }\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        // Removes the element from the navigation sequence for keyboard focus if disabled\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <StyledSelection\n          className={clsx(baseDropdownClasses.selection, classes?.selection)}\n        >\n          {placeholder && typeof placeholder === \"string\" ? (\n            <StyledPlaceholder\n              className={clsx(\n                baseDropdownClasses.placeholder,\n                classes?.placeholder,\n                disabled &&\n                  clsx(\n                    baseDropdownClasses.selectionDisabled,\n                    classes?.selectionDisabled\n                  )\n              )}\n              $disabled={disabled}\n              variant=\"body\"\n            >\n              {placeholder}\n            </StyledPlaceholder>\n          ) : (\n            placeholder\n          )}\n        </StyledSelection>\n        <StyledAdornment>\n          {adornment || (\n            <ExpanderComponent\n              iconSize=\"XS\"\n              color={disabled ? theme.colors.secondary_60 : undefined}\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n            />\n          )}\n        </StyledAdornment>\n      </StyledHeaderRoot>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown: KeyboardEventHandler = (event) => {\n      if (isKey(event, \"Esc\")) {\n        handleToggle(event);\n      }\n      if (isKey(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: ClickAwayListenerProps[\"onClickAway\"] = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target as any);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <StyledContainer\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={clsx(baseDropdownClasses.container, 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              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionLeftPosition,\n                      classes?.inputExtensionLeftPosition\n                    )\n                )}\n                $leftPosition={popperPlacement.includes(\"end\")}\n                $openShadow={false}\n                $floatLeft={false}\n                $floatRight={false}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <StyledPanel\n                id={setId(elementId, \"children-container\")}\n                className={clsx(baseDropdownClasses.panel, classes?.panel)}\n                $popperPlacement={\n                  popperPlacement.includes(\"top\") ? \"top\" : \"bottom\"\n                }\n              >\n                {children}\n              </StyledPanel>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  baseDropdownClasses.inputExtensionOpenShadow,\n                  classes?.inputExtensionOpenShadow,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatRight,\n                      classes?.inputExtensionFloatRight\n                    ),\n                  popperPlacement.includes(\"start\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatLeft,\n                      classes?.inputExtensionFloatLeft\n                    )\n                )}\n                $leftPosition={false}\n                $openShadow\n                $floatLeft={popperPlacement.includes(\"start\")}\n                $floatRight={popperPlacement.includes(\"end\")}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </StyledContainer>\n    );\n\n    if (disablePortal) return container;\n\n    return createPortal(\n      container,\n      document.getElementById(rootId || \"\") || document.body\n    );\n  })();\n\n  return (\n    <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n      <StyledAnchor\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(\n          className,\n          baseDropdownClasses.anchor,\n          classes?.anchor,\n          disabled &&\n            clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n        )}\n        $disabled={disabled}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        // Removes the element from the navigation sequence for keyboard focus\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </StyledAnchor>\n      {isOpen && containerComponent}\n    </StyledRoot>\n  );\n};\n"],"names":["HvBaseDropdown","props","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","useDefaultProps","rootId","useTheme","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKey","preventDefault","notControlKey","code","isOneOfKeys","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","ExpanderComponent","DropUpXS","DropDownXS","StyledHeaderRoot","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","$disabled","$readOnly","$opened","$openedUp","$openedDown","pointerEvents","tabIndex","_jsx","StyledSelection","selection","StyledPlaceholder","selectionDisabled","variant","StyledAdornment","iconSize","color","theme","colors","secondary_60","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","StyledContainer","ClickAwayListener","onClickAway","onKeyDown","StyledExtension","inputExtensionOpen","inputExtensionLeftPosition","$leftPosition","$openShadow","$floatLeft","$floatRight","BaseDropdownContext","Provider","value","StyledPanel","panel","$popperPlacement","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","StyledRoot","root","StyledAnchor","anchor","rootDisabled","onClick"],"mappings":"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"}
+{"version":3,"file":"BaseDropdown.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useState,\n  useCallback,\n  KeyboardEventHandler,\n} from \"react\";\n\nimport { createPortal } from \"react-dom\";\n\nimport {\n  ClickAwayListener,\n  ClickAwayListenerProps,\n  PopperPlacementType,\n  PopperProps,\n} from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { isKey, isOneOfKeys } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport { getFirstAndLastFocus } from \"@core/utils/focusableElementFinder\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./BaseDropdown.styles\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\n\nexport { staticClasses as baseDropdownClasses };\n\nexport type HvBaseDropdownClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBaseDropdownProps\n  extends HvBaseProps<HTMLDivElement, \"placeholder\"> {\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?: string;\n  /**\n   * Header placeholder.\n   */\n  placeholder?: string | React.ReactNode;\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\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?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * Replacement for the header component.\n   */\n  component?: React.ReactNode;\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment?: React.ReactNode;\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation?: (container: HTMLElement | null) => void;\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps?: React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef?: React.Ref<any>;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvBaseDropdownClasses;\n}\n\nexport const HvBaseDropdown = (props: HvBaseDropdownProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    children,\n    role,\n    placeholder,\n    component,\n    adornment,\n    expanded,\n    dropdownHeaderProps,\n    defaultExpanded = false,\n    disabled = false,\n    readOnly = false,\n    disablePortal = false,\n    variableWidth = false,\n    placement = \"right\",\n    popperProps = {},\n    dropdownHeaderRef: dropdownHeaderRefProp,\n    onToggle,\n    onClickOutside,\n    onContainerCreation,\n    \"aria-expanded\": ariaExpandedProp,\n    ...others\n  } = useDefaultProps(\"HvBaseDropdown\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const { rootId } = useTheme();\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  );\n  const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n  const [popperMaxSize, setPopperMaxSize] = useState<{\n    width?: number;\n    height?: number;\n  }>({});\n\n  const handleDropdownHeaderRefProp = useForkRef(\n    dropdownHeaderRefProp,\n    dropdownHeaderProps?.ref\n  );\n  const handleDropdownHeaderRef = useForkRef(\n    setReferenceElement,\n    handleDropdownHeaderRefProp\n  );\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  const ariaExpanded = ariaExpandedProp ?? (ariaRole ? !!isOpen : undefined);\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const bottom: PopperPlacementType =\n    placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const extensionWidth = referenceElement\n    ? referenceElement?.offsetWidth\n    : \"inherit\";\n\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n    popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    },\n    []\n  );\n\n  const widthCalculatorEffect = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.elements.popper.style.width = `${\n        (state.elements.reference as any).offsetWidth\n      }px`;\n    },\n    []\n  );\n\n  const applyMaxSizeCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\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      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const maxSizeCalculator = useCallback(\n    ({ state, name, options }: ModifierArguments<Options>) => {\n      const overflow = detectOverflow(state, options);\n\n      const x = state.modifiersData.preventOverflow?.x || 0;\n      const y = state.modifiersData.preventOverflow?.y || 0;\n\n      const popperWidth = state.rects.popper.width;\n      const popperHeight = state.rects.popper.height;\n\n      const basePlacement = state.placement.split(\"-\")[0];\n\n      const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n      const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n      state.modifiersData[name] = {\n        width: popperWidth - overflow[widthProp] - x,\n        height: popperHeight - overflow[heightProp] - y,\n      };\n    },\n    []\n  );\n\n  const modifiers: PopperProps[\"modifiers\"] = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      {\n        name: \"maxSize\",\n        enabled: true,\n        phase: \"main\",\n        requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n        fn: maxSizeCalculator,\n      },\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: applyMaxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [\n      maxSizeCalculator,\n      applyMaxSizeCalculator,\n      popperPropsModifiers,\n      variableWidth,\n      widthCalculator,\n      widthCalculatorEffect,\n    ]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      placement: bottom,\n      modifiers,\n      onFirstUpdate,\n      ...otherPopperProps,\n    }\n  );\n\n  const popperPlacement =\n    attributes.popper?.[\"data-popper-placement\"] ?? \"bottom\";\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKey(event, \"Tab\")) {\n        event.preventDefault();\n      }\n\n      const notControlKey =\n        !!event?.code &&\n        !isOneOfKeys(event, [\"Tab\", \"Enter\", \"Esc\", \"ArrowDown\", \"Space\"]);\n\n      const ignoredCombinations =\n        (isKey(event, \"Esc\") && !isOpen) ||\n        (isKey(event, \"ArrowDown\") && isOpen) ||\n        (isKey(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 as React.ReactElement, {\n        ref: handleDropdownHeaderRef,\n        \"aria-controls\": isOpen\n          ? setId(elementId, \"children-container\")\n          : undefined,\n      });\n    }\n\n    const ExpanderComponent = isOpen ? DropUpXS : DropDownXS;\n\n    return (\n      <div\n        id={setId(id, \"header\")}\n        className={cx(classes.header, {\n          [classes.headerDisabled]: disabled,\n          [classes.headerReadOnly]: readOnly,\n          [classes.headerOpen]: isOpen,\n          [classes.headerOpenUp]: isOpen && popperPlacement.includes(\"top\"),\n          [classes.headerOpenDown]:\n            isOpen && popperPlacement.includes(\"bottom\"),\n        })}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={\n          isOpen ? setId(elementId, \"children-container\") : undefined\n        }\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        // Removes the element from the navigation sequence for keyboard focus if disabled\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <div className={classes.selection}>\n          {placeholder && typeof placeholder === \"string\" ? (\n            <HvTypography\n              className={cx(classes.placeholder, {\n                [classes.selectionDisabled]: disabled,\n              })}\n              variant=\"body\"\n            >\n              {placeholder}\n            </HvTypography>\n          ) : (\n            placeholder\n          )}\n        </div>\n        <div className={classes.arrowContainer}>\n          {adornment || (\n            <ExpanderComponent\n              iconSize=\"XS\"\n              color={disabled ? theme.colors.secondary_60 : undefined}\n              className={classes.arrow}\n            />\n          )}\n        </div>\n      </div>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown: KeyboardEventHandler = (event) => {\n      if (isKey(event, \"Esc\")) {\n        handleToggle(event);\n      }\n      if (isKey(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: ClickAwayListenerProps[\"onClickAway\"] = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target as any);\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={cx(classes.inputExtensionOpen, {\n                  [classes.inputExtensionLeftPosition]:\n                    popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <div\n                id={setId(elementId, \"children-container\")}\n                className={cx(classes.panel, {\n                  [classes.panelOpenedUp]: popperPlacement.includes(\"top\"),\n                  [classes.panelOpenedDown]: popperPlacement.includes(\"bottom\"),\n                })}\n              >\n                {children}\n              </div>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={cx(\n                  classes.inputExtensionOpen,\n                  classes.inputExtensionOpenShadow,\n                  {\n                    [classes.inputExtensionFloatRight]:\n                      popperPlacement.includes(\"end\"),\n                    [classes.inputExtensionFloatLeft]:\n                      popperPlacement.includes(\"start\"),\n                  }\n                )}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </div>\n    );\n\n    if (disablePortal) return container;\n\n    return createPortal(\n      container,\n      document.getElementById(rootId || \"\") || document.body\n    );\n  })();\n\n  return (\n    <div className={classes.root}>\n      <div\n        id={id}\n        role={ariaRole}\n        aria-expanded={ariaExpanded}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={cx(\n          classes.anchor,\n          { [classes.rootDisabled]: disabled },\n          className\n        )}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        // Removes the element from the navigation sequence for keyboard focus\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </div>\n      {isOpen && containerComponent}\n    </div>\n  );\n};\n"],"names":["HvBaseDropdown","props","id","className","classes","classesProp","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","ariaExpandedProp","others","useDefaultProps","cx","useClasses","rootId","useTheme","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","ariaExpanded","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKey","preventDefault","notControlKey","code","isOneOfKeys","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","setId","ExpanderComponent","DropUpXS","DropDownXS","header","headerDisabled","headerReadOnly","headerOpen","headerOpenUp","includes","headerOpenDown","pointerEvents","tabIndex","_jsx","selection","HvTypography","selectionDisabled","variant","arrowContainer","iconSize","color","theme","colors","secondary_60","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","ClickAwayListener","onClickAway","onKeyDown","inputExtensionOpen","inputExtensionLeftPosition","BaseDropdownContext","Provider","value","panel","panelOpenedUp","panelOpenedDown","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","root","anchor","rootDisabled","onClick"],"mappings":"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"}