@hitachivantara/uikit-react-core 3.68.11 → 3.69.0

package/dist/BaseDropdown/BaseDropdown.d.ts

@@ -11,6 +11,7 @@ export type HvBaseDropdownClassKey =
   | "headerOpenUp"
   | "headerOpenDown"
   | "headerDisabled"
+  | "headerReadOnly"
   | "arrow"
   | "selection"
   | "truncate"
@@ -43,6 +44,10 @@ export interface HvBaseDropdownProps
    * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.
    */
   disabled?: boolean;
+  /**
+   * If `true` the dropdown will be in read only mode, unable to be interacted.
+   */
+  readOnly?: boolean;
   /**
    * Disable the portal behavior.
    * The children stay within it's parent DOM hierarchy.

package/dist/BaseDropdown/BaseDropdown.js

@@ -73,7 +73,7 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _BaseDropdownContext = _interopRequireDefault(require("./BaseDropdownContext"));
 
-var _excluded = ["id", "role", "classes", "className", "placeholder", "disabled", "expanded", "defaultExpanded", "placement", "popperProps", "onToggle", "onClickOutside", "onContainerCreation", "disablePortal", "component", "adornment", "children", "variableWidth", "dropdownHeaderProps", "dropdownHeaderRef"],
+var _excluded = ["id", "role", "classes", "className", "placeholder", "disabled", "readOnly", "expanded", "defaultExpanded", "placement", "popperProps", "onToggle", "onClickOutside", "onContainerCreation", "disablePortal", "component", "adornment", "children", "variableWidth", "dropdownHeaderProps", "dropdownHeaderRef"],
     _excluded2 = ["modifiers"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -98,6 +98,8 @@ var HvBaseDropdown = function HvBaseDropdown(_ref) {
       placeholder = _ref.placeholder,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       expanded = _ref.expanded,
       _ref$defaultExpanded = _ref.defaultExpanded,
       defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
@@ -255,9 +257,9 @@ var HvBaseDropdown = function HvBaseDropdown(_ref) {
 
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       id: (0, _utils.setId)(id, "header"),
-      className: (0, _clsx.default)(classes.header, isOpen && [classes.headerOpen, popperPlacement.includes("top") && classes.headerOpenUp, popperPlacement.includes("bottom") && classes.headerOpenDown], disabled && classes.headerDisabled),
+      className: (0, _clsx.default)(classes.header, isOpen && [classes.headerOpen, popperPlacement.includes("top") && classes.headerOpenUp, popperPlacement.includes("bottom") && classes.headerOpenDown], disabled && classes.headerDisabled, readOnly && classes.headerReadOnly),
       role: ariaRole === "combobox" ? "textbox" : undefined,
-      style: disabled ? {
+      style: disabled || readOnly ? {
         pointerEvents: "none"
       } : undefined,
       "aria-controls": isOpen ? (0, _utils.setId)(elementId, "children-container") : undefined,
@@ -349,9 +351,11 @@ var HvBaseDropdown = function HvBaseDropdown(_ref) {
     role: ariaRole,
     "aria-expanded": !!isOpen,
     "aria-owns": isOpen ? (0, _utils.setId)(elementId, "children-container") : undefined,
-    className: (0, _clsx.default)(className, classes.anchor, disabled && classes.rootDisabled),
+    className: (0, _clsx.default)(className, classes.anchor, disabled && classes.rootDisabled)
+  }, !readOnly && {
     onKeyDown: handleToggle,
-    onClick: handleToggle,
+    onClick: handleToggle
+  }, {
     tabIndex: -1
   }, others), headerComponent), isOpen ? containerComponent : null);
 };
@@ -420,10 +424,15 @@ process.env.NODE_ENV !== "production" ? HvBaseDropdown.propTypes = {
     headerOpenDown: _propTypes.default.string,
 
     /**
-     * Styles applied to the header when is disable.
+     * Styles applied to the header when it's disabled.
      */
     headerDisabled: _propTypes.default.string,
 
+    /**
+     * Styles applied to the header when it's in read only mode.
+     */
+    headerReadOnly: _propTypes.default.string,
+
     /**
      * Styles applied to the arrow
      */
@@ -485,6 +494,11 @@ process.env.NODE_ENV !== "production" ? HvBaseDropdown.propTypes = {
    */
   disabled: _propTypes.default.bool,
 
+  /**
+   * If `true` the dropdown will be in read only mode, unable to be interacted.
+   */
+  readOnly: _propTypes.default.bool,
+
   /**
    * Disable the portal behavior.
    * The children stay within it's parent DOM hierarchy.

package/dist/BaseDropdown/BaseDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdown.js","names":["Tab","KeyboardCodes","Enter","Esc","Space","ArrowDown","HvBaseDropdown","id","role","classes","className","placeholder","disabled","expanded","defaultExpanded","placement","popperProps","onToggle","onClickOutside","onContainerCreation","disablePortal","component","adornment","children","variableWidth","dropdownHeaderProps","dropdownHeaderRefProp","dropdownHeaderRef","others","useControlled","Boolean","isOpen","setIsOpen","bottom","useState","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","modifiersData","maxSize","height","maxWidth","maxHeight","useMemo","name","enabled","phase","requires","fn","effect","usePopper","popperStyles","attributes","elementId","useUniqueId","ariaRole","undefined","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","setId","clsx","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","ReactDOM","createPortal","body","root","anchor","rootDisabled","propTypes","PropTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object","refType","withStyles"],"sources":["../../src/BaseDropdown/BaseDropdown.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport ReactDOM from \"react-dom\";\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ClickAwayListener, 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"],"mappings":"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"}
+{"version":3,"file":"BaseDropdown.js","names":["Tab","KeyboardCodes","Enter","Esc","Space","ArrowDown","HvBaseDropdown","id","role","classes","className","placeholder","disabled","readOnly","expanded","defaultExpanded","placement","popperProps","onToggle","onClickOutside","onContainerCreation","disablePortal","component","adornment","children","variableWidth","dropdownHeaderProps","dropdownHeaderRefProp","dropdownHeaderRef","others","useControlled","Boolean","isOpen","setIsOpen","bottom","useState","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","modifiersData","maxSize","height","maxWidth","maxHeight","useMemo","name","enabled","phase","requires","fn","effect","usePopper","popperStyles","attributes","elementId","useUniqueId","ariaRole","undefined","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","setId","clsx","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","headerReadOnly","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","ReactDOM","createPortal","body","root","anchor","rootDisabled","onKeyDown","onClick","propTypes","PropTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object","refType","withStyles"],"sources":["../../src/BaseDropdown/BaseDropdown.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport ReactDOM from \"react-dom\";\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ClickAwayListener, 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  readOnly = false,\n  expanded,\n  defaultExpanded = false,\n  placement = \"right\",\n  popperProps = {},\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  disablePortal = false,\n  component,\n  adornment,\n  children,\n  variableWidth = false,\n  dropdownHeaderProps,\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const bottom = placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperMaxSize, setPopperMaxSize] = useState({});\n\n  const handleDropdownHeaderRefProp = useForkRef(dropdownHeaderRefProp, dropdownHeaderProps?.ref);\n  const handleDropdownHeaderRef = useForkRef(setReferenceElement, handleDropdownHeaderRefProp);\n\n  const [popperElement, setPopperElement] = useState(null);\n\n  const extensionWidth = referenceElement ? referenceElement.offsetWidth : \"inherit\";\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } = popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  }, []);\n\n  const widthCalculatorEffect = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n  }, []);\n\n  const maxSizeCalculator = useCallback(\n    ({ state }) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize.width || height !== popperMaxSize.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      // eslint-disable-next-line no-param-reassign\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const modifiers = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      maxSize,\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: maxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [maxSizeCalculator, popperPropsModifiers, variableWidth, widthCalculator, widthCalculatorEffect]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(referenceElement, popperElement, {\n    placement: bottom,\n    modifiers,\n    onFirstUpdate,\n    ...otherPopperProps,\n  });\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  let popperPlacement = \"bottom\";\n  if (attributes.popper) {\n    popperPlacement = attributes.popper[\"data-popper-placement\"];\n  }\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n      // we are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(event, Tab) && !isOpen);\n\n      if (disabled || notControlKey || ignoredCombinations) return;\n\n      const newOpen = !isOpen;\n\n      /* If about to close focus on the header component. */\n      const focusHeader = () => {\n        if (!newOpen) {\n          // focus-ring won't be visible even if using the keyboard:\n          // https://github.com/WICG/focus-visible/issues/88\n          referenceElement.focus({ preventScroll: true });\n        }\n\n        return newOpen;\n      };\n      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    return (\n      <div\n        id={setId(id, \"header\")}\n        className={clsx(classes.header, {\n          [classes.headerDisabled]: disabled,\n          [classes.headerReadOnly]: readOnly,\n          [classes.headerOpen]: isOpen,\n          [classes.headerOpenUp]: isOpen && popperPlacement.includes(\"top\"),\n          [classes.headerOpenDown]: isOpen && popperPlacement.includes(\"bottom\"),\n        })}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={isOpen ? setId(elementId, \"children-container\") : undefined}\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <div className={classes.selection}>\n          {placeholder && typeof placeholder === \"string\" ? (\n            <HvTypography\n              noWrap\n              className={clsx(classes.placeholder, {\n                [classes.selectionDisabled]: disabled,\n              })}\n              variant=\"placeholderText\"\n            >\n              {placeholder}\n            </HvTypography>\n          ) : (\n            placeholder\n          )}\n        </div>\n        {adornment ||\n          (isOpen ? (\n            <DropUpXS iconSize=\"XS\" className={classes.arrow} />\n          ) : (\n            <DropDownXS\n              iconSize=\"XS\"\n              className={classes.arrow}\n              color={disabled ? \"atmo5\" : undefined}\n            />\n          ))}\n      </div>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(event, Tab) && !event.shiftKey) {\n        const focusList = getFirstAndLastFocus(popperElement);\n        if (document.activeElement === focusList?.last) {\n          event.preventDefault();\n          focusList?.first?.focus();\n        }\n      }\n    };\n\n    const handleOutside = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <div\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={classes.container}\n        style={popperStyles.popper}\n        {...attributes.popper}\n      >\n        <ClickAwayListener onClickAway={handleOutside}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleContainerKeyDown}>\n            {popperPlacement.includes(\"bottom\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={clsx(classes.inputExtensionOpen, {\n                  [classes.inputExtensionLeftPosition]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <div id={setId(elementId, \"children-container\")} className={classes.panel}>\n                {children}\n              </div>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {\n                  [classes.inputExtensionFloatRight]: popperPlacement.includes(\"start\"),\n                  [classes.inputExtensionFloatLeft]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </div>\n    );\n\n    if (disablePortal) return container;\n\n    return ReactDOM.createPortal(container, document.body);\n  })();\n\n  return (\n    <div className={classes.root}>\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(className, classes.anchor, {\n          [classes.rootDisabled]: disabled,\n        })}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </div>\n      {isOpen ? containerComponent : null}\n    </div>\n  );\n};\n\nHvBaseDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The role of the element that triggers the popup.\n   *\n   * Defaults to \"combobox\" if `component` and the default\n   * \"textbox\" header is used, undefined otherwise.\n   */\n  role: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root when disabled.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Styles applied to the element that serves as reference for the popper when disabled.\n     */\n    anchor: PropTypes.string,\n    /**\n     * Styles applied to the popper element when it is inside the root element hierarchy.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the header\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component when is open.\n     */\n    headerOpen: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened up.\n     */\n    headerOpenUp: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened down.\n     */\n    headerOpenDown: PropTypes.string,\n    /**\n     * Styles applied to the header when it's disabled.\n     */\n    headerDisabled: PropTypes.string,\n    /**\n     * Styles applied to the header when it's in read only mode.\n     */\n    headerReadOnly: PropTypes.string,\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied to the selection\n     */\n    selection: PropTypes.string,\n    /**\n     * Styles applied for truncating the container elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the dropdown panel.\n     */\n    panel: PropTypes.string,\n    /**\n     * Styles applied to the extension when open.\n     */\n    inputExtensionOpen: PropTypes.string,\n    /**\n     * Styles applied when position is left.\n     */\n    inputExtensionLeftPosition: PropTypes.string,\n    /**\n     * Styles applied to set the shadow when open.\n     */\n    inputExtensionOpenShadow: PropTypes.string,\n    /**\n     * Styles applied when position is right and the position is up.\n     */\n    inputExtensionFloatRight: PropTypes.string,\n    /**\n     * Styles applied when position is left and the position is up.\n     */\n    inputExtensionFloatLeft: PropTypes.string,\n  }).isRequired,\n  /**\n   * Header placeholder. String or node.\n   */\n  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n  /**\n   * Node to be rendered.\n   */\n  children: PropTypes.node,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Replacement for the header component.\n   */\n  component: PropTypes.node,\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment: PropTypes.node,\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside: PropTypes.func,\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation: PropTypes.func,\n  /**\n   * When expanded dropdown flips position.\n   */\n  onFlip: PropTypes.func,\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps: PropTypes.instanceOf(Object),\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseDropdown\" })(HvBaseDropdown);\n"],"mappings":"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"}

package/dist/BaseDropdown/styles.js

@@ -91,6 +91,15 @@ var styles = function styles(theme) {
       },
       cursor: "not-allowed"
     },
+    headerReadOnly: {
+      cursor: "not-allowed",
+      pointerEvents: "none",
+      border: "none",
+      "&:focus-visible": {
+        outline: "none",
+        border: "none"
+      }
+    },
     arrow: {
       position: "absolute",
       pointerEvents: "none",

package/dist/BaseDropdown/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","position","anchor","display","rootDisabled","cursor","outline","container","zIndex","tooltip","containedPopper","header","userSelect","background","hv","palette","atmosphere","atmo1","border","atmo4","accent","acce1","borderRadius","outlineStyles","headerOpen","boxShadow","shadows","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","atmo3","arrow","top","right","selection","alignItems","height","spacing","md","padding","hvSpacing","placeholder","selectionDisabled","typography","placeholderText","panel","inputExtensionOpen","xs","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../src/BaseDropdown/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  anchor: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  container: {\n    zIndex: theme.zIndex.tooltip,\n  },\n  containedPopper: {\n    width: \"100%\",\n  },\n  header: {\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    position: \"relative\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    borderRadius: \"2px\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  headerOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  headerOpenUp: {\n    borderRadius: \"0px 0px 2px 2px\",\n  },\n  headerOpenDown: {\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: -1,\n    right: -1,\n  },\n  selection: {\n    display: \"flex\",\n    alignItems: \"center\",\n    height: theme.hv.spacing.md,\n    padding: theme.hvSpacing(0, \"md\", 0, \"xs\"),\n  },\n  placeholder: {\n    display: \"block\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n  },\n  panel: {\n    position: \"relative\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  inputExtensionOpen: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","position","anchor","display","rootDisabled","cursor","outline","container","zIndex","tooltip","containedPopper","header","userSelect","background","hv","palette","atmosphere","atmo1","border","atmo4","accent","acce1","borderRadius","outlineStyles","headerOpen","boxShadow","shadows","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","atmo3","headerReadOnly","arrow","top","right","selection","alignItems","height","spacing","md","padding","hvSpacing","placeholder","selectionDisabled","typography","placeholderText","panel","inputExtensionOpen","xs","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../src/BaseDropdown/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  anchor: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  container: {\n    zIndex: theme.zIndex.tooltip,\n  },\n  containedPopper: {\n    width: \"100%\",\n  },\n  header: {\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    position: \"relative\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    borderRadius: \"2px\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  headerOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  headerOpenUp: {\n    borderRadius: \"0px 0px 2px 2px\",\n  },\n  headerOpenDown: {\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  headerReadOnly: {\n    cursor: \"not-allowed\",\n    pointerEvents: \"none\",\n    border: \"none\",\n    \"&:focus-visible\": {\n      outline: \"none\",\n      border: \"none\",\n    },\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: -1,\n    right: -1,\n  },\n  selection: {\n    display: \"flex\",\n    alignItems: \"center\",\n    height: theme.hv.spacing.md,\n    padding: theme.hvSpacing(0, \"md\", 0, \"xs\"),\n  },\n  placeholder: {\n    display: \"block\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n  },\n  panel: {\n    position: \"relative\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  inputExtensionOpen: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Dropdown/Dropdown.d.ts

@@ -60,6 +60,10 @@ export interface HvDropdownProps
    * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.
    */
   disabled?: boolean;
+  /**
+   * Indicates that the form element is in read only mode.
+   */
+  readOnly?: boolean;
   /**
    * If `true` the dropdown starts opened if `false` it starts closed.
    */

package/dist/Dropdown/Dropdown.js

@@ -61,7 +61,7 @@ var _utils2 = require("./utils");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-var _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "placeholder", "onChange", "status", "statusMessage", "aria-errormessage", "onCancel", "onToggle", "onClickOutside", "onFocus", "onBlur", "values", "multiSelect", "showSearch", "expanded", "defaultExpanded", "notifyChangesOnFirstRender", "labels", "hasTooltips", "disablePortal", "singleSelectionToggle", "placement", "variableWidth", "popperProps", "height", "virtualized", "baseDropdownProps", "listProps"];
+var _excluded = ["classes", "className", "id", "name", "required", "disabled", "readOnly", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "placeholder", "onChange", "status", "statusMessage", "aria-errormessage", "onCancel", "onToggle", "onClickOutside", "onFocus", "onBlur", "values", "multiSelect", "showSearch", "expanded", "defaultExpanded", "notifyChangesOnFirstRender", "labels", "hasTooltips", "disablePortal", "singleSelectionToggle", "placement", "variableWidth", "popperProps", "height", "virtualized", "baseDropdownProps", "listProps"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -88,6 +88,8 @@ var HvDropdown = function HvDropdown(props) {
       required = _props$required === void 0 ? false : _props$required,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$readOnly = props.readOnly,
+      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       label = props.label,
       ariaLabel = props["aria-label"],
       ariaLabelledBy = props["aria-labelledby"],
@@ -311,6 +313,7 @@ var HvDropdown = function HvDropdown(props) {
     name: name,
     status: validationState,
     disabled: disabled,
+    readOnly: readOnly,
     required: required,
     className: (0, _clsx.default)(className, classes.root)
   }, others), (hasLabel || hasDescription) && /*#__PURE__*/_react.default.createElement("div", {
@@ -332,6 +335,7 @@ var HvDropdown = function HvDropdown(props) {
     },
     expanded: isOpen,
     disabled: disabled,
+    readOnly: readOnly,
     disablePortal: disablePortal,
     placement: placement,
     popperProps: popperProps,
@@ -503,6 +507,11 @@ process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
    */
   disabled: _propTypes.default.bool,
 
+  /**
+   * Indicates that the form element is in read only mode.
+   */
+  readOnly: _propTypes.default.bool,
+
   /**
    * Indicates that user input is required on the form element.
    */

package/dist/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","Boolean","isOpen","setIsOpen","useState","getSelectionLabel","selectionLabel","setSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","clsx","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object","withStyles","styles"],"sources":["../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(values, labels, placeholder, multiSelect)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n  }\n\n  const dropdownHeaderRef = useRef();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n    const selected = getSelected(listValues);\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels.select || !multiSelect ? (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n      >\n        {selectionLabel.selected}\n      </HvTypography>\n    ) : (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n        variant=\"normalText\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n      </HvTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: classes.dropdown,\n          arrow: classes.arrow,\n          header: clsx(\n            classes.dropdownHeader,\n            isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n          ),\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        expanded={isOpen}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <List\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: classes.rootList,\n            dropdownListContainer: classes.dropdownListContainer,\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: 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 component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied for truncating the list 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 list.\n     */\n    rootList: PropTypes.string,\n    /**\n     * Styles applied to the dropdown header.\n     */\n    dropdownHeader: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the dropdown list.\n     */\n    dropdownListContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      searchValue: PropTypes.string,\n      value: PropTypes.any,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch: 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   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label for overwrite the default header behaviour.\n     */\n    select: PropTypes.string,\n    /**\n     * Label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * The label used in the middle of the multiSelection count.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: 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`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside: PropTypes.func,\n\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n  /**\n   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps: PropTypes.object,\n  /**\n   * Extra props passed to the list.\n   */\n  listProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAUA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,cAAc,GAAG;EACrBC,MAAM,EAAEC,SADa;EAErBC,SAAS,EAAE,KAFU;EAGrBC,WAAW,EAAE,QAHQ;EAIrBC,UAAU,EAAE,OAJS;EAKrBC,iBAAiB,EAAE,QALE;EAMrBC,yBAAyB,EAAE;AANN,CAAvB;AASA;AACA;AACA;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EAC5B,IACEC,OADF,GAiDID,KAjDJ,CACEC,OADF;EAAA,IAEEC,SAFF,GAiDIF,KAjDJ,CAEEE,SAFF;EAAA,IAIEC,EAJF,GAiDIH,KAjDJ,CAIEG,EAJF;EAAA,IAKEC,IALF,GAiDIJ,KAjDJ,CAKEI,IALF;EAAA,sBAiDIJ,KAjDJ,CAOEK,QAPF;EAAA,IAOEA,QAPF,gCAOa,KAPb;EAAA,sBAiDIL,KAjDJ,CAQEM,QARF;EAAA,IAQEA,QARF,gCAQa,KARb;EAAA,IAUEC,KAVF,GAiDIP,KAjDJ,CAUEO,KAVF;EAAA,IAWgBC,SAXhB,GAiDIR,KAjDJ,CAWE,YAXF;EAAA,IAYqBS,cAZrB,GAiDIT,KAjDJ,CAYE,iBAZF;EAAA,IAaEU,WAbF,GAiDIV,KAjDJ,CAaEU,WAbF;EAAA,IAcsBC,eAdtB,GAiDIX,KAjDJ,CAcE,kBAdF;EAAA,yBAiDIA,KAjDJ,CAgBEY,WAhBF;EAAA,IAgBEA,WAhBF,mCAgBgB,WAhBhB;EAAA,IAkBEC,QAlBF,GAiDIb,KAjDJ,CAkBEa,QAlBF;EAAA,IAoBEC,MApBF,GAiDId,KAjDJ,CAoBEc,MApBF;EAAA,IAqBEC,aArBF,GAiDIf,KAjDJ,CAqBEe,aArBF;EAAA,IAsBuBC,gBAtBvB,GAiDIhB,KAjDJ,CAsBE,mBAtBF;EAAA,IAwBEiB,QAxBF,GAiDIjB,KAjDJ,CAwBEiB,QAxBF;EAAA,IAyBEC,QAzBF,GAiDIlB,KAjDJ,CAyBEkB,QAzBF;EAAA,IA0BEC,cA1BF,GAiDInB,KAjDJ,CA0BEmB,cA1BF;EAAA,IA4BEC,OA5BF,GAiDIpB,KAjDJ,CA4BEoB,OA5BF;EAAA,IA6BEC,MA7BF,GAiDIrB,KAjDJ,CA6BEqB,MA7BF;EAAA,IA+BEC,MA/BF,GAiDItB,KAjDJ,CA+BEsB,MA/BF;EAAA,yBAiDItB,KAjDJ,CAgCEuB,WAhCF;EAAA,IAgCEA,WAhCF,mCAgCgB,KAhChB;EAAA,wBAiDIvB,KAjDJ,CAiCEwB,UAjCF;EAAA,IAiCEA,UAjCF,kCAiCe,KAjCf;EAAA,IAkCEC,QAlCF,GAiDIzB,KAjDJ,CAkCEyB,QAlCF;EAAA,4BAiDIzB,KAjDJ,CAmCE0B,eAnCF;EAAA,IAmCEA,eAnCF,sCAmCoB,KAnCpB;EAAA,4BAiDI1B,KAjDJ,CAoCE2B,0BApCF;EAAA,IAoCEA,0BApCF,sCAoC+B,KApC/B;EAAA,IAqCUC,UArCV,GAiDI5B,KAjDJ,CAqCE6B,MArCF;EAAA,yBAiDI7B,KAjDJ,CAsCE8B,WAtCF;EAAA,IAsCEA,WAtCF,mCAsCgB,KAtChB;EAAA,2BAiDI9B,KAjDJ,CAuCE+B,aAvCF;EAAA,IAuCEA,aAvCF,qCAuCkB,KAvClB;EAAA,4BAiDI/B,KAjDJ,CAwCEgC,qBAxCF;EAAA,IAwCEA,qBAxCF,sCAwC0B,IAxC1B;EAAA,IAyCEC,SAzCF,GAiDIjC,KAjDJ,CAyCEiC,SAzCF;EAAA,2BAiDIjC,KAjDJ,CA0CEkC,aA1CF;EAAA,IA0CEA,aA1CF,qCA0CkB,KA1ClB;EAAA,yBAiDIlC,KAjDJ,CA2CEmC,WA3CF;EAAA,IA2CEA,WA3CF,mCA2CgB,EA3ChB;EAAA,IA4CEC,MA5CF,GAiDIpC,KAjDJ,CA4CEoC,MA5CF;EAAA,yBAiDIpC,KAjDJ,CA6CEqC,WA7CF;EAAA,IA6CEA,WA7CF,mCA6CgB,KA7ChB;EAAA,4BAiDIrC,KAjDJ,CA8CEsC,iBA9CF;EAAA,IA8CEA,iBA9CF,sCA8CsB,EA9CtB;EAAA,uBAiDItC,KAjDJ,CA+CEuC,SA/CF;EAAA,IA+CEA,SA/CF,iCA+Cc,EA/Cd;EAAA,IAgDKC,MAhDL,0CAiDIxC,KAjDJ;EAmDA,IAAM6B,MAAM,GAAG,IAAAY,gBAAA,EAAUlD,cAAV,EAA0BqC,UAA1B,CAAf;EAEA,IAAMc,SAAS,GAAG,IAAAC,aAAA,EAAYxC,EAAZ,EAAgB,YAAhB,CAAlB;;EAEA,qBAA8C,IAAAyC,eAAA,EAAc9B,MAAd,EAAsB,SAAtB,CAA9C;EAAA;EAAA,IAAO+B,eAAP;EAAA,IAAwBC,kBAAxB;;EAEA,sBAA4B,IAAAF,eAAA,EAAc7B,aAAd,EAA6B,UAA7B,CAA5B;EAAA;EAAA,IAAOgC,iBAAP;;EAEA,sBAA4B,IAAAH,eAAA,EAAcnB,QAAd,EAAwBuB,OAAO,CAACtB,eAAD,CAA/B,CAA5B;EAAA;EAAA,IAAOuB,MAAP;EAAA,IAAeC,SAAf;;EACA,gBAA4C,IAAAC,eAAA,EAC1C,IAAAC,yBAAA,EAAkB9B,MAAlB,EAA0BO,MAA1B,EAAkCjB,WAAlC,EAA+CW,WAA/C,CAD0C,CAA5C;EAAA;EAAA,IAAO8B,cAAP;EAAA,IAAuBC,iBAAvB;;EAGA,iBAA4C,IAAAH,eAAA,EAAS7B,MAAT,CAA5C;EAAA;EAAA,IAAOiC,cAAP;EAAA,IAAuBC,iBAAvB;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACdD,iBAAiB,CAAClC,MAAD,CAAjB;EACD,CAFD,EAEG,CAACA,MAAD,CAFH;EAIA,IAAAmC,gBAAA,EAAU,YAAM;IACdH,iBAAiB,CAAC,IAAAF,yBAAA,EAAkB9B,MAAlB,EAA0BO,MAA1B,EAAkCjB,WAAlC,EAA+CW,WAA/C,CAAD,CAAjB;EACD,CAFD,EAEG,CAACM,MAAD,EAASN,WAAT,EAAsBX,WAAtB,EAAmCU,MAAnC,CAFH;;EAIA,IAAIe,WAAW,IAAI,CAACD,MAAhB,IAA0BsB,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAvD,EAAqE;IACnE;IACAC,OAAO,CAACC,KAAR,CAAc,wEAAd;EACD;;EAED,IAAMC,iBAAiB,GAAG,IAAAC,aAAA,GAA1B;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,EAAD,EAAKC,IAAL,EAAc;IACjCjD,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGgD,EAAH,EAAOC,IAAP,CAAR;IAEAjB,SAAS,CAACiB,IAAD,CAAT;;IAEA,IAAI,CAACA,IAAL,EAAW;MACT;MACA;MACArB,kBAAkB,CAAC,YAAM;QACvB;QACA,IAAIzC,QAAJ,EAAc;UACZ,IAAM+D,YAAY,GAAG,IAAAC,mBAAA,EAAYd,cAAZ,EAA4Be,MAA5B,GAAqC,CAA1D;;UAEA,IAAI,CAACF,YAAL,EAAmB;YACjB,OAAO,SAAP;UACD;QACF;;QAED,OAAO,OAAP;MACD,CAXiB,CAAlB;IAYD;EACF,CArBD;EAuBA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;;EACE,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,CAACC,UAAD,EAAaC,aAAb,EAA4BC,MAA5B,EAA6D;IAAA,IAAzBC,aAAyB,uEAAT,IAAS;IACnF,IAAMC,QAAQ,GAAG,IAAAP,mBAAA,EAAYG,UAAZ,CAAjB;;IACA,IAAIC,aAAJ,EAAmB;MACjBjB,iBAAiB,CAACgB,UAAD,CAAjB;MACAlB,iBAAiB,CAAC,IAAAF,yBAAA,EAAkBoB,UAAlB,EAA8B3C,MAA9B,EAAsCjB,WAAtC,EAAmDW,WAAnD,CAAD,CAAjB;MAEAuB,kBAAkB,CAAC,YAAM;QACvB;QACA,IAAIzC,QAAQ,IAAIuE,QAAQ,CAACN,MAAT,KAAoB,CAApC,EAAuC;UACrC,OAAO,SAAP;QACD;;QAED,OAAO,OAAP;MACD,CAPiB,CAAlB;IAQD;;IACD,IAAIK,aAAJ,EAAmB9D,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,WAAW,GAAGqD,QAAH,GAAcA,QAAQ,CAAC,CAAD,CAApC,CAAR;;IACnB,IAAIF,MAAJ,EAAY;MAAA;;MACVT,YAAY,CAACxE,SAAD,EAAY,KAAZ,CAAZ,CADU,CAGV;MACA;;MACA,yBAAAsE,iBAAiB,CAACc,OAAlB,gFAA2BC,KAA3B,CAAiC;QAAEC,aAAa,EAAE;MAAjB,CAAjC;IACD;EACF,CAvBD;EAyBA;AACF;AACA;;;EACE,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAS;IAAA;;IAC5BhE,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGgE,GAAH,CAAR;IAEAhB,YAAY,CAACgB,GAAD,EAAM,KAAN,CAAZ,CAH4B,CAK5B;IACA;;IACA,0BAAAlB,iBAAiB,CAACc,OAAlB,kFAA2BC,KAA3B,CAAiC;MAAEC,aAAa,EAAE;IAAjB,CAAjC;EACD,CARD;;EAUA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,CAACD,GAAD,EAAS;IAClC9D,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAG8D,GAAH,CAAd;IACAhE,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGgE,GAAH,CAAR;EACD,CAHD;;EAKA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,YAAD,EAAkB;IAC1C,IAAMC,MAAM,GAAGD,YAAH,aAAGA,YAAH,uBAAGA,YAAY,CAAEE,oBAAd,CAAmC,OAAnC,CAAf;;IACA,IAAI,CAAAD,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEf,MAAR,IAAiB,CAArB,EAAwB;MACtBe,MAAM,CAAC,CAAD,CAAN,CAAUP,KAAV;MACA;IACD;;IACD,IAAMS,SAAS,GAAGH,YAAY,IAAI,IAAhB,oCAA2BA,YAAY,CAACE,oBAAb,CAAkC,IAAlC,CAA3B,IAAsE,EAAxF;IACAC,SAAS,CAACC,KAAV,CAAgB,UAACC,QAAD,EAAc;MAC5B,IAAIA,QAAQ,CAACC,QAAT,IAAqB,CAAzB,EAA4B;QAC1BD,QAAQ,CAACX,KAAT;QACA,OAAO,KAAP;MACD;;MACD,OAAO,IAAP;IACD,CAND;EAOD,CAdD;;EAgBA,IAAMa,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;IAC7B,IAAMvB,YAAY,GAAG,IAAAC,mBAAA,EAAYd,cAAZ,EAA4Be,MAA5B,GAAqC,CAA1D;IACA,OAAOzC,MAAM,CAACrC,MAAP,IAAiB,CAAC+B,WAAlB,gBACL,6BAAC,cAAD;MACE,SAAS,EAAC,KADZ;MAEE,MAAM,MAFR;MAGE,OAAO,EAAE0B,MAAM,IAAImB,YAAV,GAAyB,YAAzB,GAAwC,iBAHnD;MAIE,SAAS,EAAE,IAAAwB,aAAA,EAAK3F,OAAO,CAACW,WAAb,EACoBN,QADpB,IACRL,OAAO,CAAC4F,iBADA;IAJb,GAQGxC,cAAc,CAACuB,QARlB,CADK,gBAYL,6BAAC,cAAD;MACE,SAAS,EAAC,KADZ;MAEE,MAAM,MAFR;MAGE,SAAS,EAAE,IAAAgB,aAAA,EAAK3F,OAAO,CAACW,WAAb,EACoBN,QADpB,IACRL,OAAO,CAAC4F,iBADA,CAHb;MAME,OAAO,EAAC;IANV,gBAQE,wCAAIxC,cAAc,CAACuB,QAAnB,CARF,aASO/C,MAAM,CAAC/B,yBATd,cAS2CuD,cAAc,CAACyC,KAT1D,EAZF;EAwBD,CA1BD;;EA4BA,IAAMC,QAAQ,GAAGxF,KAAK,IAAI,IAA1B;EACA,IAAMyF,cAAc,GAAGtF,WAAW,IAAI,IAAtC,CAxM4B,CA0M5B;EACA;EACA;EACA;;EACA,IAAMuF,YAAY,GAChBjF,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAKrB,SAAX,IAAwBsB,aAAa,KAAKtB,SAA3C,IAA0DqB,MAAM,KAAKrB,SAAX,IAAwBY,QADnF,CADF;EAIA,IAAM6F,cAAc,GAAG,IAAAC,2BAAA,EAAUtD,eAAV,CAAvB;EAEA,IAAIuD,cAAJ;;EACA,IAAIF,cAAJ,EAAoB;IAClBE,cAAc,GAAGH,YAAY,GAAG,IAAAI,YAAA,EAAM3D,SAAN,EAAiB,OAAjB,CAAH,GAA+B1B,gBAA5D;EACD;;EAED,oBACE,6BAAC,eAAD;IACE,EAAE,EAAEb,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,MAAM,EAAEyC,eAHV;IAIE,QAAQ,EAAEvC,QAJZ;IAKE,QAAQ,EAAED,QALZ;IAME,SAAS,EAAE,IAAAuF,aAAA,EAAK1F,SAAL,EAAgBD,OAAO,CAACqG,IAAxB;EANb,GAOM9D,MAPN,GASG,CAACuD,QAAQ,IAAIC,cAAb,kBACC;IAAK,SAAS,EAAE/F,OAAO,CAACsG;EAAxB,GACGR,QAAQ,iBACP,6BAAC,SAAD;IAAS,EAAE,EAAE,IAAAM,YAAA,EAAM3D,SAAN,EAAiB,OAAjB,CAAb;IAAwC,KAAK,EAAEnC,KAA/C;IAAsD,SAAS,EAAEN,OAAO,CAACM;EAAzE,EAFJ,EAKGyF,cAAc,iBACb,6BAAC,eAAD;IAAe,EAAE,EAAE,IAAAK,YAAA,EAAM3D,SAAN,EAAiB,aAAjB,CAAnB;IAAoD,SAAS,EAAEzC,OAAO,CAACS;EAAvE,GACGA,WADH,CANJ,CAVJ,eAsBE,6BAAC,gBAAD;IACE,EAAE,EAAE,IAAA2F,YAAA,EAAMlG,EAAN,EAAU,UAAV,CADN;IAEE,OAAO,EAAE;MACPmG,IAAI,EAAErG,OAAO,CAACuG,QADP;MAEPC,KAAK,EAAExG,OAAO,CAACwG,KAFR;MAGPC,MAAM,EAAE,IAAAd,aAAA,EACN3F,OAAO,CAAC0G,cADF,EAENT,cAFM,IAEWjG,OAAO,CAAC2G,qBAFnB,CAHD;MAOPC,UAAU,EAAE5G,OAAO,CAAC6G;IAPb,CAFX;IAWE,QAAQ,EAAE7D,MAXZ;IAYE,QAAQ,EAAE3C,QAZZ;IAaE,aAAa,EAAEyB,aAbjB;IAcE,SAAS,EAAEE,SAdb;IAeE,WAAW,EAAEE,WAff;IAgBE,WAAW,EAAEwD,gBAAgB,EAhB/B;IAiBE,QAAQ,EAAE1B,YAjBZ;IAkBE,cAAc,EAAEiB,kBAlBlB;IAmBE,mBAAmB,EAAEC,iBAnBvB;IAoBE,IAAI,EAAC,UApBP;IAqBE,aAAa,EAAEjD,aArBjB;IAsBE,cAAY1B,SAtBd;IAuBE,mBACE,CAACD,KAAK,IAAI,IAAA8F,YAAA,EAAM3D,SAAN,EAAiB,OAAjB,CAAV,EAAqCjC,cAArC,EAAqDsG,IAArD,CAA0D,GAA1D,EAA+DC,IAA/D,MAAyEvH,SAxB7E;IA0BE,gBAAcyG,cAAc,GAAG,IAAH,GAAUzG,SA1BxC;IA2BE,qBAAmB2G,cA3BrB;IA4BE,oBACE,CAAC1F,WAAW,IAAI,IAAA2F,YAAA,EAAM3D,SAAN,EAAiB,aAAjB,CAAhB,EAAiD/B,eAAjD,EAAkEoG,IAAlE,CAAuE,GAAvE,EAA4EC,IAA5E,MACAvH,SA9BJ;IAgCE,OAAO,EAAE2B,OAhCX;IAiCE,MAAM,EAAEC,MAjCV;IAkCE,iBAAiB,EAAE0C;EAlCrB,GAmCMzB,iBAnCN,gBAqCE,6BAAC,aAAD;IACE,EAAE,EAAE,IAAA+D,YAAA,EAAM3D,SAAN,EAAiB,QAAjB,CADN;IAEE,OAAO,EAAE;MACPuE,QAAQ,EAAEhH,OAAO,CAACgH,QADX;MAEPC,qBAAqB,EAAEjH,OAAO,CAACiH;IAFxB,CAFX;IAME,MAAM,EAAE3D,cANV;IAOE,WAAW,EAAEhC,WAPf;IAQE,UAAU,EAAEC,UARd;IASE,QAAQ,EAAE+C,eATZ;IAUE,QAAQ,EAAES,YAVZ;IAWE,MAAM,EAAEnD,MAXV;IAYE,0BAA0B,EAAEF,0BAZ9B;IAaE,WAAW,EAAEG,WAbf;IAcE,qBAAqB,EAAEE,qBAdzB;IAeE,mBAAiB+D,QAAQ,GAAG,IAAAM,YAAA,EAAM3D,SAAN,EAAiB,OAAjB,CAAH,GAA+BjD,SAf1D;IAgBE,MAAM,EAAE2C,MAhBV;IAiBE,WAAW,EAAEC;EAjBf,GAkBME,SAlBN,EArCF,CAtBF,EAgFG0D,YAAY,iBACX,6BAAC,eAAD;IAAe,EAAE,EAAE,IAAAI,YAAA,EAAM3D,SAAN,EAAiB,OAAjB,CAAnB;IAA8C,aAAa,MAA3D;IAA4D,SAAS,EAAEzC,OAAO,CAAC6D;EAA/E,GACGf,iBADH,CAjFJ,CADF;AAwFD,CAjTD;;AAmTA,wCAAAhD,UAAU,CAACoH,SAAX,GAAuB;EACrB;AACF;AACA;EACEjH,SAAS,EAAEkH,kBAAA,CAAUC,MAJA;;EAKrB;AACF;AACA;EACEpH,OAAO,EAAEmH,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIhB,IAAI,EAAEc,kBAAA,CAAUC,MAJO;;IAMvB;AACJ;AACA;IACId,cAAc,EAAEa,kBAAA,CAAUC,MATH;;IAUvB;AACJ;AACA;IACI9G,KAAK,EAAE6G,kBAAA,CAAUC,MAbM;;IAcvB;AACJ;AACA;IACI3G,WAAW,EAAE0G,kBAAA,CAAUC,MAjBA;;IAmBvB;AACJ;AACA;IACIvD,KAAK,EAAEsD,kBAAA,CAAUC,MAtBM;;IAwBvB;AACJ;AACA;IACIb,QAAQ,EAAEY,kBAAA,CAAUC,MA3BG;;IA6BvB;AACJ;AACA;IACIZ,KAAK,EAAEW,kBAAA,CAAUC,MAhCM;;IAiCvB;AACJ;AACA;IACIzG,WAAW,EAAEwG,kBAAA,CAAUC,MApCA;;IAqCvB;AACJ;AACA;IACIxB,iBAAiB,EAAEuB,kBAAA,CAAUC,MAxCN;;IAyCvB;AACJ;AACA;IACIJ,QAAQ,EAAEG,kBAAA,CAAUC,MA5CG;;IA6CvB;AACJ;AACA;IACIV,cAAc,EAAES,kBAAA,CAAUC,MAhDH;;IAiDvB;AACJ;AACA;IACIT,qBAAqB,EAAEQ,kBAAA,CAAUC,MApDV;;IAqDvB;AACJ;AACA;IACIP,kBAAkB,EAAEM,kBAAA,CAAUC,MAxDP;;IAyDvB;AACJ;AACA;IACIH,qBAAqB,EAAEE,kBAAA,CAAUC;EA5DV,CAAhB,EA6DNE,UArEkB;;EAuErB;AACF;AACA;EACEpH,EAAE,EAAEiH,kBAAA,CAAUC,MA1EO;;EA4ErB;AACF;AACA;EACEjH,IAAI,EAAEgH,kBAAA,CAAUC,MA/EK;;EAiFrB;AACF;AACA;AACA;AACA;AACA;EACE9G,KAAK,EAAE6G,kBAAA,CAAUI,IAvFI;;EAwFrB;AACF;AACA;EACE,cAAcJ,kBAAA,CAAUC,MA3FH;;EA4FrB;AACF;AACA;EACE,mBAAmBD,kBAAA,CAAUC,MA/FR;;EAgGrB;AACF;AACA;EACE3G,WAAW,EAAE0G,kBAAA,CAAUI,IAnGF;;EAoGrB;AACF;AACA;EACE,oBAAoBJ,kBAAA,CAAUC,MAvGT;;EAyGrB;AACF;AACA;EACEzG,WAAW,EAAEwG,kBAAA,CAAUC,MA5GF;;EA8GrB;AACF;AACA;EACE/G,QAAQ,EAAE8G,kBAAA,CAAUK,IAjHC;;EAkHrB;AACF;AACA;EACEpH,QAAQ,EAAE+G,kBAAA,CAAUK,IArHC;;EAuHrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE3G,MAAM,EAAEsG,kBAAA,CAAUM,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CA/Ha;;EAgIrB;AACF;AACA;AACA;AACA;EACE3G,aAAa,EAAEqG,kBAAA,CAAUI,IArIJ;;EAsIrB;AACF;AACA;AACA;AACA;EACE,qBAAqBJ,kBAAA,CAAUC,MA3IV;;EA6IrB;AACF;AACA;EACExG,QAAQ,EAAEuG,kBAAA,CAAUO,IAhJC;;EAkJrB;AACF;AACA;EACErG,MAAM,EAAE8F,kBAAA,CAAUQ,OAAV,CACNR,kBAAA,CAAUE,KAAV,CAAgB;IACdnH,EAAE,EAAEiH,kBAAA,CAAUS,SAAV,CAAoB,CAACT,kBAAA,CAAUC,MAAX,EAAmBD,kBAAA,CAAUU,MAA7B,CAApB,CADU;IAEdvH,KAAK,EAAE6G,kBAAA,CAAUI,IAAV,CAAeD,UAFR;IAGdQ,WAAW,EAAEX,kBAAA,CAAUC,MAHT;IAIdW,KAAK,EAAEZ,kBAAA,CAAUa,GAJH;IAKdrD,QAAQ,EAAEwC,kBAAA,CAAUK;EALN,CAAhB,CADM,CArJa;;EA8JrB;AACF;AACA;EACElG,WAAW,EAAE6F,kBAAA,CAAUK,IAjKF;;EAkKrB;AACF;AACA;EACEjG,UAAU,EAAE4F,kBAAA,CAAUK,IArKD;;EAsKrB;AACF;AACA;EACEhG,QAAQ,EAAE2F,kBAAA,CAAUK,IAzKC;;EA0KrB;AACF;AACA;EACE/F,eAAe,EAAE0F,kBAAA,CAAUK,IA7KN;;EA8KrB;AACF;AACA;EACE9F,0BAA0B,EAAEyF,kBAAA,CAAUK,IAjLjB;;EAkLrB;AACF;AACA;EACE5F,MAAM,EAAEuF,kBAAA,CAAUE,KAAV,CAAgB;IACtB;AACJ;AACA;IACI9H,MAAM,EAAE4H,kBAAA,CAAUC,MAJI;;IAKtB;AACJ;AACA;IACI3H,SAAS,EAAE0H,kBAAA,CAAUC,MARC;;IAStB;AACJ;AACA;IACI1H,WAAW,EAAEyH,kBAAA,CAAUC,MAZD;;IAatB;AACJ;AACA;IACIzH,UAAU,EAAEwH,kBAAA,CAAUC,MAhBA;;IAiBtB;AACJ;AACA;IACIvH,yBAAyB,EAAEsH,kBAAA,CAAUC;EApBf,CAAhB,CArLa;;EA2MrB;AACF;AACA;EACEvF,WAAW,EAAEsF,kBAAA,CAAUK,IA9MF;;EA+MrB;AACF;AACA;AACA;EACE1F,aAAa,EAAEqF,kBAAA,CAAUK,IAnNJ;;EAoNrB;AACF;AACA;AACA;EACEvF,aAAa,EAAEkF,kBAAA,CAAUK,IAxNJ;;EAyNrB;AACF;AACA;EACEzF,qBAAqB,EAAEoF,kBAAA,CAAUK,IA5NZ;;EA6NrB;AACF;AACA;EACExF,SAAS,EAAEmF,kBAAA,CAAUM,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAhOU;;EAiOrB;AACF;AACA;EACEvF,WAAW,EAAEiF,kBAAA,CAAUE,KAAV,EApOQ;;EAsOrB;AACF;AACA;AACA;AACA;AACA;AACA;EACErG,QAAQ,EAAEmG,kBAAA,CAAUO,IA7OC;;EA8OrB;AACF;AACA;AACA;AACA;AACA;EACEzG,QAAQ,EAAEkG,kBAAA,CAAUO,IApPC;;EAqPrB;AACF;AACA;AACA;AACA;EACExG,cAAc,EAAEiG,kBAAA,CAAUO,IA1PL;;EA4PrB;AACF;AACA;EACEvG,OAAO,EAAEgG,kBAAA,CAAUO,IA/PE;;EAgQrB;AACF;AACA;EACEtG,MAAM,EAAE+F,kBAAA,CAAUO,IAnQG;;EAqQrB;AACF;AACA;EACEvF,MAAM,EAAEgF,kBAAA,CAAUU,MAxQG;;EAyQrB;AACF;AACA;EACEzF,WAAW,EAAE+E,kBAAA,CAAUK,IA5QF;;EA6QrB;AACF;AACA;EACEnF,iBAAiB,EAAE8E,kBAAA,CAAUc,MAhRR;;EAiRrB;AACF;AACA;EACE3F,SAAS,EAAE6E,kBAAA,CAAUc;AApRA,CAAvB;;eAuRe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEhI,IAAI,EAAE;AAAR,CAAnB,EAA2CL,UAA3C,C"}
+{"version":3,"file":"Dropdown.js","names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","Boolean","isOpen","setIsOpen","useState","getSelectionLabel","selectionLabel","setSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","clsx","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object","withStyles","styles"],"sources":["../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(values, labels, placeholder, multiSelect)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n  }\n\n  const dropdownHeaderRef = useRef();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n    const selected = getSelected(listValues);\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels.select || !multiSelect ? (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n      >\n        {selectionLabel.selected}\n      </HvTypography>\n    ) : (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n        variant=\"normalText\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n      </HvTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: classes.dropdown,\n          arrow: classes.arrow,\n          header: clsx(\n            classes.dropdownHeader,\n            isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n          ),\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        expanded={isOpen}\n        disabled={disabled}\n        readOnly={readOnly}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <List\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: classes.rootList,\n            dropdownListContainer: classes.dropdownListContainer,\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: 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 component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied for truncating the list 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 list.\n     */\n    rootList: PropTypes.string,\n    /**\n     * Styles applied to the dropdown header.\n     */\n    dropdownHeader: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the dropdown list.\n     */\n    dropdownListContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      searchValue: PropTypes.string,\n      value: PropTypes.any,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch: 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   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label for overwrite the default header behaviour.\n     */\n    select: PropTypes.string,\n    /**\n     * Label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * The label used in the middle of the multiSelection count.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: 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`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside: PropTypes.func,\n\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n  /**\n   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps: PropTypes.object,\n  /**\n   * Extra props passed to the list.\n   */\n  listProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":"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"}

package/dist/FileUploader/FileList/FileList.js

@@ -28,15 +28,16 @@ var FileList = function FileList(_ref) {
       list = _ref$list === void 0 ? [] : _ref$list,
       removeFileButtonLabel = _ref.removeFileButtonLabel,
       onFileRemoved = _ref.onFileRemoved;
+  var elementId = (0, _.useUniqueId)(id, "hvfilelist");
   var hasFiles = list.length > 0;
   if (!hasFiles) return null;
   return /*#__PURE__*/_react.default.createElement("ul", {
-    id: id,
+    id: (0, _.setId)(id, "list"),
     className: classes.list
   }, list.map(function (data) {
     return /*#__PURE__*/_react.default.createElement(_File.default, {
       key: data.id,
-      id: (0, _.setUid)(id, data.id),
+      id: (0, _.setId)(elementId, "values"),
       data: data,
       onFileRemoved: onFileRemoved,
       removeFileButtonLabel: removeFileButtonLabel

package/dist/FileUploader/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","names":["FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","hasFiles","length","map","data","setUid","propTypes","PropTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","withStyles","styles","name"],"sources":["../../../src/FileUploader/FileList/FileList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setUid } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={id} className={classes.list}>\n      {list.map((data) => (\n        <File\n          key={data.id}\n          id={setUid(id, data.id)}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n\nFileList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The files to upload.\n   */\n  list: PropTypes.arrayOf(PropTypes.shape({})),\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFileList\" })(FileList);\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAsE;EAAA,IAAnEC,EAAmE,QAAnEA,EAAmE;EAAA,IAA/DC,OAA+D,QAA/DA,OAA+D;EAAA,qBAAtDC,IAAsD;EAAA,IAAtDA,IAAsD,0BAA/C,EAA+C;EAAA,IAA3CC,qBAA2C,QAA3CA,qBAA2C;EAAA,IAApBC,aAAoB,QAApBA,aAAoB;EACrF,IAAMC,QAAQ,GAAGH,IAAI,CAACI,MAAL,GAAc,CAA/B;EACA,IAAI,CAACD,QAAL,EAAe,OAAO,IAAP;EAEf,oBACE;IAAI,EAAE,EAAEL,EAAR;IAAY,SAAS,EAAEC,OAAO,CAACC;EAA/B,GACGA,IAAI,CAACK,GAAL,CAAS,UAACC,IAAD;IAAA,oBACR,6BAAC,aAAD;MACE,GAAG,EAAEA,IAAI,CAACR,EADZ;MAEE,EAAE,EAAE,IAAAS,QAAA,EAAOT,EAAP,EAAWQ,IAAI,CAACR,EAAhB,CAFN;MAGE,IAAI,EAAEQ,IAHR;MAIE,aAAa,EAAEJ,aAJjB;MAKE,qBAAqB,EAAED;IALzB,EADQ;EAAA,CAAT,CADH,CADF;AAaD,CAjBD;;AAmBA,wCAAAJ,QAAQ,CAACW,SAAT,GAAqB;EACnB;AACF;AACA;EACEV,EAAE,EAAEW,kBAAA,CAAUC,MAJK;;EAKnB;AACF;AACA;EACEX,OAAO,EAAEU,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;EASnB;AACF;AACA;EACEb,IAAI,EAAES,kBAAA,CAAUK,OAAV,CAAkBL,kBAAA,CAAUM,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;EAanB;AACF;AACA;EACEb,aAAa,EAAEO,kBAAA,CAAUO,IAhBN;;EAiBnB;AACF;AACA;EACEf,qBAAqB,EAAEQ,kBAAA,CAAUC,MAAV,CAAiBG;AApBrB,CAArB;;eAuBe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAuDtB,QAAvD,C"}
+{"version":3,"file":"FileList.js","names":["FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","setId","map","data","propTypes","PropTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","withStyles","styles","name"],"sources":["../../../src/FileUploader/FileList/FileList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useUniqueId } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={setId(id, \"list\")} className={classes.list}>\n      {list.map((data) => (\n        <File\n          key={data.id}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n\nFileList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The files to upload.\n   */\n  list: PropTypes.arrayOf(PropTypes.shape({})),\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFileList\" })(FileList);\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAsE;EAAA,IAAnEC,EAAmE,QAAnEA,EAAmE;EAAA,IAA/DC,OAA+D,QAA/DA,OAA+D;EAAA,qBAAtDC,IAAsD;EAAA,IAAtDA,IAAsD,0BAA/C,EAA+C;EAAA,IAA3CC,qBAA2C,QAA3CA,qBAA2C;EAAA,IAApBC,aAAoB,QAApBA,aAAoB;EACrF,IAAMC,SAAS,GAAG,IAAAC,aAAA,EAAYN,EAAZ,EAAgB,YAAhB,CAAlB;EAEA,IAAMO,QAAQ,GAAGL,IAAI,CAACM,MAAL,GAAc,CAA/B;EACA,IAAI,CAACD,QAAL,EAAe,OAAO,IAAP;EAEf,oBACE;IAAI,EAAE,EAAE,IAAAE,OAAA,EAAMT,EAAN,EAAU,MAAV,CAAR;IAA2B,SAAS,EAAEC,OAAO,CAACC;EAA9C,GACGA,IAAI,CAACQ,GAAL,CAAS,UAACC,IAAD;IAAA,oBACR,6BAAC,aAAD;MACE,GAAG,EAAEA,IAAI,CAACX,EADZ;MAEE,EAAE,EAAE,IAAAS,OAAA,EAAMJ,SAAN,EAAiB,QAAjB,CAFN;MAGE,IAAI,EAAEM,IAHR;MAIE,aAAa,EAAEP,aAJjB;MAKE,qBAAqB,EAAED;IALzB,EADQ;EAAA,CAAT,CADH,CADF;AAaD,CAnBD;;AAqBA,wCAAAJ,QAAQ,CAACa,SAAT,GAAqB;EACnB;AACF;AACA;EACEZ,EAAE,EAAEa,kBAAA,CAAUC,MAJK;;EAKnB;AACF;AACA;EACEb,OAAO,EAAEY,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;EASnB;AACF;AACA;EACEf,IAAI,EAAEW,kBAAA,CAAUK,OAAV,CAAkBL,kBAAA,CAAUM,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;EAanB;AACF;AACA;EACEf,aAAa,EAAES,kBAAA,CAAUO,IAhBN;;EAiBnB;AACF;AACA;EACEjB,qBAAqB,EAAEU,kBAAA,CAAUC,MAAV,CAAiBG;AApBrB,CAArB;;eAuBe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAuDxB,QAAvD,C"}

package/dist/FilterGroup/FilterGroup.d.ts

@@ -1,5 +1,5 @@
 import { StandardProps } from "@material-ui/core";
-import { HvFormElementProps } from "..";
+import { HvBaseDropdownProps, HvFormElementProps } from "..";
 
 export type HvFilterGroupClassKey = "root" | "labelContainer" | "label" | "description" | "error";
 
@@ -103,9 +103,9 @@ export interface HvFilterGroupProps
   height?: number | string;
 
   /**
-   * The filter content props
+   * Other props, passed to `FilterContent` and `HvBaseDropdown` components
    */
-  filterContentProps?: object;
+  filterContentProps?: Record<string, unknown> & Partial<HvBaseDropdownProps>;
 }
 
 export default function HvFilterGroup(props: HvFilterGroupProps): JSX.Element | null;

package/dist/FilterGroup/RightPanel/RightPanel.js

@@ -102,7 +102,9 @@ var RightPanel = function RightPanel(_ref) {
       activeGroup = _useContext.activeGroup;
 
   var activeGroupOptions = (0, _react.useMemo)(function () {
-    return filterOptions[activeGroup].data.map(function (option) {
+    var _filterOptions$active;
+
+    return (((_filterOptions$active = filterOptions[activeGroup]) === null || _filterOptions$active === void 0 ? void 0 : _filterOptions$active.data) || []).map(function (option) {
       return option.id;
     });
   }, [filterOptions, activeGroup]);
@@ -114,7 +116,9 @@ var RightPanel = function RightPanel(_ref) {
     });
   }, [filterValues, activeGroupOptions, activeGroup]);
   var listValues = (0, _react.useMemo)(function () {
-    return filterOptions[activeGroup].data.map(function (option) {
+    var _filterOptions$active2;
+
+    return (((_filterOptions$active2 = filterOptions[activeGroup]) === null || _filterOptions$active2 === void 0 ? void 0 : _filterOptions$active2.data) || []).map(function (option) {
       var _filterValues$activeG2;
 
       return _objectSpread(_objectSpread({}, option), {}, {