@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/BaseDropdown/BaseDropdown.js

@@ -0,0 +1,489 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "role", "classes", "className", "placeholder", "disabled", "expanded", "defaultExpanded", "placement", "popperProps", "onToggle", "onClickOutside", "onContainerCreation", "disablePortal", "component", "adornment", "children", "variableWidth", "dropdownHeaderProps", "dropdownHeaderRef"],
+      _excluded2 = ["modifiers"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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";
+import PropTypes from "prop-types";
+import { ClickAwayListener, withStyles } from "@material-ui/core";
+import { usePopper } from "react-popper";
+import maxSize from "popper-max-size-modifier";
+import clsx from "clsx";
+import { DropUpXS, DropDownXS } from "@hitachivantara/uikit-react-icons";
+import { HvTypography, useUniqueId } from "..";
+import { getFirstAndLastFocus, isKeypress, KeyboardCodes, setId, refType, useControlled, useForkRef } from "../utils";
+import styles from "./styles";
+import BaseDropdownContext from "./BaseDropdownContext";
+const {
+  Tab,
+  Enter,
+  Esc,
+  Space,
+  ArrowDown
+} = KeyboardCodes;
+
+const HvBaseDropdown = _ref => {
+  let {
+    id,
+    role,
+    classes,
+    className,
+    placeholder,
+    disabled = 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);
+  const [popperMaxSize, setPopperMaxSize] = useState({});
+  const handleDropdownHeaderRefProp = useForkRef(dropdownHeaderRefProp, dropdownHeaderProps === null || dropdownHeaderProps === void 0 ? void 0 : dropdownHeaderProps.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);
+
+  const onFirstUpdate = useCallback(() => {
+    if (onContainerCreation) onContainerCreation(popperElement);
+  }, [onContainerCreation, popperElement]);
+  const widthCalculator = useCallback(({
+    state
+  }) => {
+    // eslint-disable-next-line no-param-reassign
+    state.styles.popper.width = `${state.rects.reference.width}px`;
+  }, []);
+  const widthCalculatorEffect = useCallback(({
+    state
+  }) => {
+    // eslint-disable-next-line no-param-reassign
+    state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;
+  }, []);
+  const maxSizeCalculator = useCallback(({
+    state
+  }) => {
+    // The `maxSize` modifier provides this data
+    const {
+      width,
+      height
+    } = state.modifiersData.maxSize;
+
+    if (width !== popperMaxSize.width || height !== popperMaxSize.height) {
+      setPopperMaxSize({
+        width,
+        height
+      });
+    } // eslint-disable-next-line no-param-reassign
+
+
+    state.styles.popper = _objectSpread(_objectSpread({}, state.styles.popper), {}, {
+      maxWidth: `${width}px`,
+      maxHeight: `${height}px`
+    });
+  }, [popperMaxSize]);
+  const modifiers = useMemo(() => [{
+    name: "variableWidth",
+    enabled: !variableWidth,
+    phase: "beforeWrite",
+    requires: ["computeStyles"],
+    fn: widthCalculator,
+    effect: widthCalculatorEffect
+  }, maxSize, {
+    name: "applyMaxSize",
+    enabled: true,
+    phase: "beforeWrite",
+    requires: ["maxSize"],
+    fn: maxSizeCalculator
+  }, ...popperPropsModifiers], [maxSizeCalculator, popperPropsModifiers, variableWidth, widthCalculator, widthCalculatorEffect]);
+  const {
+    styles: popperStyles,
+    attributes
+  } = usePopper(referenceElement, popperElement, _objectSpread({
+    placement: bottom,
+    modifiers,
+    onFirstUpdate
+  }, otherPopperProps));
+  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
+
+
+    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. */
+
+    const focusHeader = () => {
+      if (!newOpen) {
+        // focus-ring won't be visible even if using the keyboard:
+        // https://github.com/WICG/focus-visible/issues/88
+        referenceElement.focus({
+          preventScroll: true
+        });
+      }
+
+      return newOpen;
+    };
+
+    setIsOpen(focusHeader());
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, newOpen);
+  }, [isOpen, disabled, setIsOpen, onToggle, referenceElement]);
+
+  const headerComponent = (() => {
+    var _others$ariaLabel, _others$ariaLabelled;
+
+    if (component) {
+      return /*#__PURE__*/React.cloneElement(component, {
+        ref: handleDropdownHeaderRef
+      });
+    }
+
+    return /*#__PURE__*/React.createElement("div", _extends({
+      id: setId(id, "header"),
+      className: clsx(classes.header, isOpen && [classes.headerOpen, popperPlacement.includes("top") && classes.headerOpenUp, popperPlacement.includes("bottom") && classes.headerOpenDown], disabled && classes.headerDisabled),
+      role: ariaRole === "combobox" ? "textbox" : undefined,
+      style: disabled ? {
+        pointerEvents: "none"
+      } : undefined,
+      "aria-controls": isOpen ? setId(elementId, "children-container") : undefined,
+      "aria-label": (_others$ariaLabel = others["aria-label"]) !== null && _others$ariaLabel !== void 0 ? _others$ariaLabel : undefined,
+      "aria-labelledby": (_others$ariaLabelled = others["aria-labelledby"]) !== null && _others$ariaLabelled !== void 0 ? _others$ariaLabelled : undefined,
+      tabIndex: disabled ? -1 : 0,
+      ref: handleDropdownHeaderRef
+    }, dropdownHeaderProps), /*#__PURE__*/React.createElement("div", {
+      className: classes.selection
+    }, placeholder && typeof placeholder === "string" ? /*#__PURE__*/React.createElement(HvTypography, {
+      noWrap: true,
+      className: clsx(classes.placeholder, disabled && classes.selectionDisabled),
+      variant: "placeholderText"
+    }, placeholder) : placeholder), adornment || (isOpen ? /*#__PURE__*/React.createElement(DropUpXS, {
+      iconSize: "XS",
+      className: classes.arrow
+    }) : /*#__PURE__*/React.createElement(DropDownXS, {
+      iconSize: "XS",
+      className: classes.arrow,
+      color: disabled ? "atmo5" : undefined
+    })));
+  })();
+
+  const containerComponent = (() => {
+    /**
+     *  Handle keyboard inside children container.
+     */
+    const handleContainerKeyDown = event => {
+      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__*/React.createElement("div", _extends({
+      role: "tooltip",
+      ref: setPopperElement,
+      className: classes.container,
+      style: popperStyles.popper
+    }, attributes.popper), /*#__PURE__*/React.createElement(ClickAwayListener, {
+      onClickAway: handleOutside
+    }, /*#__PURE__*/React.createElement("div", {
+      onKeyDown: handleContainerKeyDown
+    }, popperPlacement.includes("bottom") && /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: extensionWidth
+      },
+      className: clsx(classes.inputExtensionOpen, popperPlacement.includes("end") && classes.inputExtensionLeftPosition)
+    }), /*#__PURE__*/React.createElement(BaseDropdownContext.Provider, {
+      value: popperMaxSize
+    }, /*#__PURE__*/React.createElement("div", {
+      id: setId(elementId, "children-container"),
+      className: classes.panel
+    }, children)), popperPlacement.includes("top") && /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: extensionWidth
+      },
+      className: clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, popperPlacement.includes("start") && classes.inputExtensionFloatRight, popperPlacement.includes("end") && classes.inputExtensionFloatLeft)
+    }))));
+    if (disablePortal) return container;
+    return /*#__PURE__*/ReactDOM.createPortal(container, document.body);
+  })();
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.root
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    role: ariaRole,
+    "aria-expanded": !!isOpen,
+    "aria-owns": isOpen ? setId(elementId, "children-container") : undefined,
+    className: clsx(className, classes.anchor, disabled && classes.rootDisabled),
+    onKeyDown: handleToggle,
+    onClick: handleToggle,
+    tabIndex: -1
+  }, others), headerComponent), isOpen ? containerComponent : null);
+};
+
+HvBaseDropdown.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * The role of the element that triggers the popup.
+   *
+   * Defaults to "combobox" if `component` and the default
+   * "textbox" header is used, undefined otherwise.
+   */
+  role: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the root when disabled.
+     */
+    rootDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the element that serves as reference for the popper when disabled.
+     */
+    anchor: PropTypes.string,
+
+    /**
+     * Styles applied to the popper element when it is inside the root element hierarchy.
+     */
+    container: PropTypes.string,
+
+    /**
+     * Styles applied to the header
+     */
+    header: PropTypes.string,
+
+    /**
+     * Styles applied to the component when is open.
+     */
+    headerOpen: PropTypes.string,
+
+    /**
+     * Styles applied to the header when the container is opened up.
+     */
+    headerOpenUp: PropTypes.string,
+
+    /**
+     * Styles applied to the header when the container is opened down.
+     */
+    headerOpenDown: PropTypes.string,
+
+    /**
+     * Styles applied to the header when is disable.
+     */
+    headerDisabled: 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,
+
+  /**
+   * Disable the portal behavior.
+   * The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal: PropTypes.bool,
+
+  /**
+   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.
+   * Defaults to `false`.
+   */
+  variableWidth: PropTypes.bool,
+
+  /**
+   * If `true` the dropdown starts opened if `false` it starts closed.
+   */
+  expanded: PropTypes.bool,
+
+  /**
+   * When uncontrolled, defines the initial expanded state.
+   */
+  defaultExpanded: PropTypes.bool,
+
+  /**
+   * An object containing props to be wired to the popper component.
+   */
+  popperProps: PropTypes.shape(),
+
+  /**
+   * Node to be rendered.
+   */
+  children: PropTypes.node,
+
+  /**
+   * Placement of the dropdown.
+   */
+  placement: PropTypes.oneOf(["left", "right"]),
+
+  /**
+   * Replacement for the header component.
+   */
+  component: PropTypes.node,
+
+  /**
+   * Adornment to replace the default arrows.
+   */
+  adornment: PropTypes.node,
+
+  /**
+   * When dropdown changes the expanded state.
+   */
+  onToggle: PropTypes.func,
+
+  /**
+   * When user click outside the open container.
+   */
+  onClickOutside: PropTypes.func,
+
+  /**
+   * Callback called when the dropdown is opened and ready,
+   * commonly used to set focus to the content.
+   */
+  onContainerCreation: PropTypes.func,
+
+  /**
+   * When expanded dropdown flips position.
+   */
+  onFlip: PropTypes.func,
+
+  /**
+   * Attributes applied to the dropdown header element.
+   */
+  dropdownHeaderProps: PropTypes.instanceOf(Object),
+
+  /**
+   * Pass a ref to the dropdown header element.
+   */
+  dropdownHeaderRef: refType
+};
+export default withStyles(styles, {
+  name: "HvBaseDropdown"
+})(HvBaseDropdown);
+//# sourceMappingURL=BaseDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/BaseDropdown/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","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","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","propTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object"],"mappings":"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","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, withStyles } from \"@material-ui/core\";\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  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.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 ? { 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        onKeyDown={handleToggle}\n        onClick={handleToggle}\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 is disable.\n     */\n    headerDisabled: 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   * 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"],"file":"BaseDropdown.js"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js"],"names":["React","BaseDropdownContext","createContext","displayName"],"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","sourcesContent":["import React from \"react\";\n\nconst BaseDropdownContext = React.createContext({});\nBaseDropdownContext.displayName = \"BaseDropdownContext\";\n\nexport default BaseDropdownContext;\n"],"file":"BaseDropdownContext.js"}

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

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

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

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

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

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

package/dist/modern/BaseDropdown/index.js

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

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

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