@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

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

@@ -0,0 +1,269 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const reactDom = require("react-dom");
+const clsx = require("clsx");
+const material = require("@mui/material");
+const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
+const BaseDropdown_styles = require("./BaseDropdown.styles.cjs");
+const reactPopper = require("react-popper");
+const core = require("@popperjs/core");
+const baseDropdownClasses = require("./baseDropdownClasses.cjs");
+const ThemeProvider = require("../../providers/ThemeProvider.cjs");
+const useForkRef = require("../../hooks/useForkRef.cjs");
+const useUniqueId = require("../../hooks/useUniqueId.cjs");
+const BaseDropdownContext = require("./BaseDropdownContext/BaseDropdownContext.cjs");
+const useControlled = require("../../hooks/useControlled.cjs");
+const keyCheck = require("../../utils/keyboardUtils/keyCheck.cjs");
+const setId = require("../../utils/setId.cjs");
+const keyboardCodes = require("../../utils/keyboardUtils/keyboardCodes.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const React__default = /* @__PURE__ */ _interopDefault(React);
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const {
+  Tab,
+  Enter,
+  Esc,
+  Space,
+  ArrowDown
+} = keyboardCodes.keyboardCodes;
+const HvBaseDropdown = ({
+  id,
+  className,
+  classes,
+  children,
+  role,
+  placeholder,
+  component,
+  adornment,
+  expanded,
+  dropdownHeaderProps,
+  defaultExpanded = false,
+  disabled = false,
+  readOnly = false,
+  disablePortal = false,
+  variableWidth = false,
+  placement = "right",
+  popperProps = {},
+  dropdownHeaderRef: dropdownHeaderRefProp,
+  onToggle,
+  onClickOutside,
+  onContainerCreation,
+  ...others
+}) => {
+  const {
+    rootId
+  } = React.useContext(ThemeProvider.HvThemeContext);
+  const [isOpen, setIsOpen] = useControlled.useControlled(expanded, Boolean(defaultExpanded));
+  const [referenceElement, setReferenceElement] = React.useState(null);
+  const [popperElement, setPopperElement] = React.useState(null);
+  const [popperMaxSize, setPopperMaxSize] = React.useState({});
+  const handleDropdownHeaderRefProp = useForkRef.default(dropdownHeaderRefProp, dropdownHeaderProps == null ? void 0 : dropdownHeaderProps.ref);
+  const handleDropdownHeaderRef = useForkRef.default(setReferenceElement, handleDropdownHeaderRefProp);
+  const ariaRole = role || (component == null ? "combobox" : void 0);
+  const elementId = useUniqueId.default(id, "hvbasedropdown");
+  const bottom = placement && `bottom-${placement === "right" ? "start" : "end"}`;
+  const extensionWidth = referenceElement ? referenceElement == null ? void 0 : referenceElement.offsetWidth : "inherit";
+  const {
+    modifiers: popperPropsModifiers = [],
+    ...otherPopperProps
+  } = popperProps;
+  const onFirstUpdate = React.useCallback(() => {
+    if (onContainerCreation)
+      onContainerCreation(popperElement);
+  }, [onContainerCreation, popperElement]);
+  const widthCalculator = React.useCallback(({
+    state
+  }) => {
+    state.styles.popper.width = `${state.rects.reference.width}px`;
+  }, []);
+  const widthCalculatorEffect = React.useCallback(({
+    state
+  }) => {
+    state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;
+  }, []);
+  const applyMaxSizeCalculator = React.useCallback(({
+    state
+  }) => {
+    const {
+      width,
+      height
+    } = state.modifiersData.maxSize;
+    if (width !== (popperMaxSize == null ? void 0 : popperMaxSize.width) || height !== (popperMaxSize == null ? void 0 : popperMaxSize.height)) {
+      setPopperMaxSize({
+        width,
+        height
+      });
+    }
+    state.styles.popper = {
+      ...state.styles.popper,
+      maxWidth: `${width}px`,
+      maxHeight: `${height}px`
+    };
+  }, [popperMaxSize]);
+  const maxSizeCalculator = React.useCallback(({
+    state,
+    name,
+    options
+  }) => {
+    var _a, _b;
+    const overflow = core.detectOverflow(state, options);
+    const x = ((_a = state.modifiersData.preventOverflow) == null ? void 0 : _a.x) || 0;
+    const y = ((_b = state.modifiersData.preventOverflow) == null ? void 0 : _b.y) || 0;
+    const popperWidth = state.rects.popper.width;
+    const popperHeight = state.rects.popper.height;
+    const basePlacement = state.placement.split("-")[0];
+    const widthProp = basePlacement === "left" ? "left" : "right";
+    const heightProp = basePlacement === "top" ? "top" : "bottom";
+    state.modifiersData[name] = {
+      width: popperWidth - overflow[widthProp] - x,
+      height: popperHeight - overflow[heightProp] - y
+    };
+  }, []);
+  const modifiers = React.useMemo(() => [{
+    name: "variableWidth",
+    enabled: !variableWidth,
+    phase: "beforeWrite",
+    requires: ["computeStyles"],
+    fn: widthCalculator,
+    effect: widthCalculatorEffect
+  }, {
+    name: "maxSize",
+    enabled: true,
+    phase: "main",
+    requiresIfExists: ["offset", "preventOverflow", "flip"],
+    fn: maxSizeCalculator
+  }, {
+    name: "applyMaxSize",
+    enabled: true,
+    phase: "beforeWrite",
+    requires: ["maxSize"],
+    fn: applyMaxSizeCalculator
+  }, ...popperPropsModifiers], [maxSizeCalculator, applyMaxSizeCalculator, popperPropsModifiers, variableWidth, widthCalculator, widthCalculatorEffect]);
+  const {
+    styles: popperStyles,
+    attributes
+  } = reactPopper.usePopper(referenceElement, popperElement, {
+    placement: bottom,
+    modifiers,
+    onFirstUpdate,
+    ...otherPopperProps
+  });
+  let popperPlacement = "bottom";
+  if (attributes.popper) {
+    popperPlacement = attributes.popper["data-popper-placement"];
+  }
+  const handleToggle = React.useCallback((event) => {
+    if (event && !keyCheck.isKeypress(event, Tab)) {
+      event.preventDefault();
+    }
+    const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every((key) => keyCheck.isKeypress(event, key) === false);
+    const ignoredCombinations = keyCheck.isKeypress(event, Esc) && !isOpen || keyCheck.isKeypress(event, ArrowDown) && isOpen || keyCheck.isKeypress(event, Tab) && !isOpen;
+    if (disabled || notControlKey || ignoredCombinations)
+      return;
+    const newOpen = !isOpen;
+    const focusHeader = () => {
+      if (!newOpen) {
+        referenceElement == null ? void 0 : referenceElement.focus({
+          preventScroll: true
+        });
+      }
+      return newOpen;
+    };
+    setIsOpen(focusHeader());
+    onToggle == null ? void 0 : onToggle(event, newOpen);
+  }, [isOpen, disabled, setIsOpen, onToggle, referenceElement]);
+  const headerComponent = (() => {
+    var _a, _b;
+    if (component) {
+      return React__default.default.cloneElement(component, {
+        ref: handleDropdownHeaderRef
+      });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      BaseDropdown_styles.StyledHeaderRoot,
+      {
+        id: setId.setId(id, "header"),
+        className: clsx__default.default(baseDropdownClasses.default.header, classes == null ? void 0 : classes.header, disabled && clsx__default.default(baseDropdownClasses.default.headerDisabled, classes == null ? void 0 : classes.headerDisabled), readOnly && clsx__default.default(baseDropdownClasses.default.headerReadOnly, classes == null ? void 0 : classes.headerReadOnly), isOpen && clsx__default.default(baseDropdownClasses.default.headerOpen, classes == null ? void 0 : classes.headerOpen), isOpen && popperPlacement.includes("top") && clsx__default.default(baseDropdownClasses.default.headerOpenUp, classes == null ? void 0 : classes.headerOpenUp), isOpen && popperPlacement.includes("bottom") && clsx__default.default(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"),
+        role: ariaRole === "combobox" ? "textbox" : void 0,
+        style: disabled || readOnly ? {
+          pointerEvents: "none"
+        } : void 0,
+        "aria-controls": isOpen ? setId.setId(elementId, "children-container") : void 0,
+        "aria-label": (_a = others["aria-label"]) != null ? _a : void 0,
+        "aria-labelledby": (_b = others["aria-labelledby"]) != null ? _b : void 0,
+        tabIndex: disabled ? -1 : 0,
+        ref: handleDropdownHeaderRef,
+        ...dropdownHeaderProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledSelection, { className: clsx__default.default(baseDropdownClasses.default.selection, classes == null ? void 0 : classes.selection), children: placeholder && typeof placeholder === "string" ? /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledPlaceholder, { className: clsx__default.default(baseDropdownClasses.default.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default(baseDropdownClasses.default.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)), $disabled: disabled, variant: "body", children: placeholder }) : placeholder }),
+          adornment || (isOpen ? /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledDropUpXS, { iconSize: "XS", className: clsx__default.default(baseDropdownClasses.default.arrow, classes == null ? void 0 : classes.arrow) }) : /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledDropDownXS, { iconSize: "XS", className: clsx__default.default(baseDropdownClasses.default.arrow, classes == null ? void 0 : classes.arrow), $disabled: disabled }))
+        ]
+      }
+    );
+  })();
+  const containerComponent = (() => {
+    const handleContainerKeyDown = (event) => {
+      var _a;
+      if (keyCheck.isKeypress(event, Esc)) {
+        handleToggle(event);
+      }
+      if (keyCheck.isKeypress(event, Tab) && !event.shiftKey) {
+        const focusList = focusableElementFinder.getFirstAndLastFocus(popperElement);
+        if (document.activeElement === (focusList == null ? void 0 : focusList.last)) {
+          event.preventDefault();
+          (_a = focusList == null ? void 0 : focusList.first) == null ? void 0 : _a.focus();
+        }
+      }
+    };
+    const handleOutside = (event) => {
+      const isButtonClick = referenceElement == null ? void 0 : referenceElement.contains(event.target);
+      if (!isButtonClick) {
+        onClickOutside == null ? void 0 : onClickOutside(event);
+        setIsOpen(false);
+        onToggle == null ? void 0 : onToggle(event, false);
+      }
+    };
+    const container = /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledContainer, { role: "tooltip", ref: setPopperElement, className: clsx__default.default(baseDropdownClasses.default.container, classes == null ? void 0 : 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, { style: {
+        width: extensionWidth
+      }, className: clsx__default.default(baseDropdownClasses.default.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, popperPlacement.includes("end") && clsx__default.default(baseDropdownClasses.default.inputExtensionLeftPosition, classes == null ? void 0 : classes.inputExtensionLeftPosition)), $leftPosition: popperPlacement.includes("end"), $openShadow: false, $floatLeft: false, $floatRight: false }),
+      /* @__PURE__ */ jsxRuntime.jsx(BaseDropdownContext.default.Provider, { value: popperMaxSize, children: /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledPanel, { id: setId.setId(elementId, "children-container"), className: clsx__default.default(baseDropdownClasses.default.panel, classes == null ? void 0 : classes.panel), children }) }),
+      popperPlacement.includes("top") && /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledExtension, { style: {
+        width: extensionWidth
+      }, className: clsx__default.default(baseDropdownClasses.default.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, baseDropdownClasses.default.inputExtensionOpenShadow, classes == null ? void 0 : classes.inputExtensionOpenShadow, popperPlacement.includes("end") && clsx__default.default(baseDropdownClasses.default.inputExtensionFloatRight, classes == null ? void 0 : classes.inputExtensionFloatRight), popperPlacement.includes("start") && clsx__default.default(baseDropdownClasses.default.inputExtensionFloatLeft, classes == null ? void 0 : classes.inputExtensionFloatLeft)), $leftPosition: false, $openShadow: true, $floatLeft: popperPlacement.includes("start"), $floatRight: popperPlacement.includes("end") })
+    ] }) }) });
+    if (disablePortal)
+      return container;
+    return reactDom.createPortal(container, document.getElementById(rootId || "") || document.body);
+  })();
+  return /* @__PURE__ */ jsxRuntime.jsxs(BaseDropdown_styles.StyledRoot, { className: clsx__default.default(baseDropdownClasses.default.root, classes == null ? void 0 : classes.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      BaseDropdown_styles.StyledAnchor,
+      {
+        id,
+        role: ariaRole,
+        "aria-expanded": !!isOpen,
+        "aria-owns": isOpen ? setId.setId(elementId, "children-container") : void 0,
+        className: clsx__default.default(className, baseDropdownClasses.default.anchor, classes == null ? void 0 : classes.anchor, disabled && clsx__default.default(baseDropdownClasses.default.rootDisabled, classes == null ? void 0 : classes.rootDisabled)),
+        $disabled: disabled,
+        ...!readOnly && {
+          onKeyDown: handleToggle,
+          onClick: handleToggle
+        },
+        tabIndex: -1,
+        ...others,
+        children: headerComponent
+      }
+    ),
+    isOpen && containerComponent
+  ] });
+};
+exports.HvBaseDropdown = HvBaseDropdown;
+//# sourceMappingURL=BaseDropdown.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseDropdown.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, { useMemo, useState, useCallback, useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport clsx from \"clsx\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport {\n  ClickAwayListener,\n  PopperPlacementType,\n  PopperProps,\n} from \"@mui/material\";\nimport { useControlled, useForkRef, useUniqueId } from \"hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { getFirstAndLastFocus } from \"utils/focusableElementFinder\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledAnchor,\n  StyledContainer,\n  StyledDropDownXS,\n  StyledDropUpXS,\n  StyledExtension,\n  StyledHeaderRoot,\n  StyledPanel,\n  StyledPlaceholder,\n  StyledRoot,\n  StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport { HvThemeContext } from \"providers\";\nimport baseDropdownClasses, {\n  HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = keyboardCodes;\n\nexport type HvBaseDropdownProps = HvBaseProps<\n  HTMLDivElement,\n  { placeholder }\n> & {\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 = ({\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}: HvBaseDropdownProps) => {\n  const { rootId } = useContext(HvThemeContext);\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: any = 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  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\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 as React.ReactElement, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\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        {adornment ||\n          (isOpen ? (\n            <StyledDropUpXS\n              iconSize=\"XS\"\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n            />\n          ) : (\n            <StyledDropDownXS\n              iconSize=\"XS\"\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n              $disabled={disabled}\n            />\n          ))}\n      </StyledHeaderRoot>\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      <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          <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              >\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={true}\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":["Tab","Enter","Esc","Space","ArrowDown","keyboardCodes","HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useContext","HvThemeContext","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","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","jsxs","StyledHeaderRoot","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","pointerEvents","jsx","StyledSelection","selection","StyledPlaceholder","selectionDisabled","StyledDropUpXS","arrow","StyledDropDownXS","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","StyledContainer","ClickAwayListener","StyledExtension","inputExtensionOpen","inputExtensionLeftPosition","BaseDropdownContext","StyledPanel","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","StyledRoot","root","StyledAnchor","anchor","rootDisabled","onKeyDown","onClick"],"mappings":"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"}