@hitachivantara/uikit-react-core 3.68.9 → 3.69.0

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

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdown.js","names":["ReactDOM","React","useState","useCallback","useMemo","PropTypes","ClickAwayListener","withStyles","usePopper","maxSize","clsx","DropUpXS","DropDownXS","HvTypography","useUniqueId","getFirstAndLastFocus","isKeypress","KeyboardCodes","setId","refType","useControlled","useForkRef","styles","BaseDropdownContext","Tab","Enter","Esc","Space","ArrowDown","HvBaseDropdown","id","role","classes","className","placeholder","disabled","expanded","defaultExpanded","placement","popperProps","onToggle","onClickOutside","onContainerCreation","disablePortal","component","adornment","children","variableWidth","dropdownHeaderProps","dropdownHeaderRef","dropdownHeaderRefProp","others","isOpen","setIsOpen","Boolean","bottom","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","widthCalculator","state","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","height","modifiersData","maxWidth","maxHeight","name","enabled","phase","requires","fn","effect","popperStyles","attributes","elementId","ariaRole","undefined","popperPlacement","handleToggle","event","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","cloneElement","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","body","root","anchor","rootDisabled","propTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object"],"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":["ReactDOM","React","useState","useCallback","useMemo","PropTypes","ClickAwayListener","withStyles","usePopper","maxSize","clsx","DropUpXS","DropDownXS","HvTypography","useUniqueId","getFirstAndLastFocus","isKeypress","KeyboardCodes","setId","refType","useControlled","useForkRef","styles","BaseDropdownContext","Tab","Enter","Esc","Space","ArrowDown","HvBaseDropdown","id","role","classes","className","placeholder","disabled","readOnly","expanded","defaultExpanded","placement","popperProps","onToggle","onClickOutside","onContainerCreation","disablePortal","component","adornment","children","variableWidth","dropdownHeaderProps","dropdownHeaderRef","dropdownHeaderRefProp","others","isOpen","setIsOpen","Boolean","bottom","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","widthCalculator","state","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","height","modifiersData","maxWidth","maxHeight","name","enabled","phase","requires","fn","effect","popperStyles","attributes","elementId","ariaRole","undefined","popperPlacement","handleToggle","event","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","cloneElement","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","headerReadOnly","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","body","root","anchor","rootDisabled","onKeyDown","onClick","propTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object"],"sources":["../../../src/BaseDropdown/BaseDropdown.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport ReactDOM from \"react-dom\";\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ClickAwayListener, 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/modern/BaseDropdown/styles.js

@@ -67,6 +67,15 @@ const 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/modern/BaseDropdown/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","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","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":["outlineStyles","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","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/modern/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/modern/Dropdown/Dropdown.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _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"];
+const _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"];
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
@@ -32,6 +32,7 @@ const HvDropdown = props => {
     name,
     required = false,
     disabled = false,
+    readOnly = false,
     label,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
@@ -223,6 +224,7 @@ const HvDropdown = props => {
     name: name,
     status: validationState,
     disabled: disabled,
+    readOnly: readOnly,
     required: required,
     className: clsx(className, classes.root)
   }, others), (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
@@ -244,6 +246,7 @@ const HvDropdown = props => {
     },
     expanded: isOpen,
     disabled: disabled,
+    readOnly: readOnly,
     disablePortal: disablePortal,
     placement: placement,
     popperProps: popperProps,
@@ -415,6 +418,11 @@ process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
    */
   disabled: PropTypes.bool,
 
+  /**
+   * Indicates that the form element is in read only mode.
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Indicates that user input is required on the form element.
    */

package/dist/modern/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","withStyles","setId","useLabels","HvBaseDropdown","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","List","getSelected","getSelectionLabel","styles","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","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","elementId","validationState","setValidationState","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","internalValues","setInternalValues","process","env","NODE_ENV","console","error","dropdownHeaderRef","handleToggle","_e","open","hasSelection","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object"],"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":"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"}
+{"version":3,"file":"Dropdown.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","withStyles","setId","useLabels","HvBaseDropdown","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","List","getSelected","getSelectionLabel","styles","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","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","elementId","validationState","setValidationState","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","internalValues","setInternalValues","process","env","NODE_ENV","console","error","dropdownHeaderRef","handleToggle","_e","open","hasSelection","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object"],"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/modern/FileUploader/FileList/FileList.js

@@ -1,7 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { withStyles } from "@material-ui/core";
-import { setUid } from "../..";
+import { setId, useUniqueId } from "../..";
 import File from "../File";
 import styles from "./styles";
 
@@ -12,14 +12,15 @@ const FileList = ({
   removeFileButtonLabel,
   onFileRemoved
 }) => {
+  const elementId = useUniqueId(id, "hvfilelist");
   const hasFiles = list.length > 0;
   if (!hasFiles) return null;
   return /*#__PURE__*/React.createElement("ul", {
-    id: id,
+    id: setId(id, "list"),
     className: classes.list
   }, list.map(data => /*#__PURE__*/React.createElement(File, {
     key: data.id,
-    id: setUid(id, data.id),
+    id: setId(elementId, "values"),
     data: data,
     onFileRemoved: onFileRemoved,
     removeFileButtonLabel: removeFileButtonLabel

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

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","names":["React","PropTypes","withStyles","setUid","File","styles","FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","hasFiles","length","map","data","propTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,MAAT,QAAuB,OAAvB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAAEC,EAAF;EAAMC,OAAN;EAAeC,IAAI,GAAG,EAAtB;EAA0BC,qBAA1B;EAAiDC;AAAjD,CAAD,KAAsE;EACrF,MAAMC,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,CAAUC,IAAD,iBACR,oBAAC,IAAD;IACE,GAAG,EAAEA,IAAI,CAACR,EADZ;IAEE,EAAE,EAAEJ,MAAM,CAACI,EAAD,EAAKQ,IAAI,CAACR,EAAV,CAFZ;IAGE,IAAI,EAAEQ,IAHR;IAIE,aAAa,EAAEJ,aAJjB;IAKE,qBAAqB,EAAED;EALzB,EADD,CADH,CADF;AAaD,CAjBD;;AAmBA,wCAAAJ,QAAQ,CAACU,SAAT,GAAqB;EACnB;AACF;AACA;EACET,EAAE,EAAEN,SAAS,CAACgB,MAJK;;EAKnB;AACF;AACA;EACET,OAAO,EAAEP,SAAS,CAACiB,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;EASnB;AACF;AACA;EACEX,IAAI,EAAER,SAAS,CAACoB,OAAV,CAAkBpB,SAAS,CAACqB,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;EAanB;AACF;AACA;EACEX,aAAa,EAAEV,SAAS,CAACsB,IAhBN;;EAiBnB;AACF;AACA;EACEb,qBAAqB,EAAET,SAAS,CAACgB,MAAV,CAAiBG;AApBrB,CAArB;AAuBA,eAAelB,UAAU,CAACG,MAAD,EAAS;EAAEmB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDlB,QAAvD,CAAf"}
+{"version":3,"file":"FileList.js","names":["React","PropTypes","withStyles","setId","useUniqueId","File","styles","FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","hasFiles","length","map","data","propTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,KAAT,EAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAAEC,EAAF;EAAMC,OAAN;EAAeC,IAAI,GAAG,EAAtB;EAA0BC,qBAA1B;EAAiDC;AAAjD,CAAD,KAAsE;EACrF,MAAMC,SAAS,GAAGT,WAAW,CAACI,EAAD,EAAK,YAAL,CAA7B;EAEA,MAAMM,QAAQ,GAAGJ,IAAI,CAACK,MAAL,GAAc,CAA/B;EACA,IAAI,CAACD,QAAL,EAAe,OAAO,IAAP;EAEf,oBACE;IAAI,EAAE,EAAEX,KAAK,CAACK,EAAD,EAAK,MAAL,CAAb;IAA2B,SAAS,EAAEC,OAAO,CAACC;EAA9C,GACGA,IAAI,CAACM,GAAL,CAAUC,IAAD,iBACR,oBAAC,IAAD;IACE,GAAG,EAAEA,IAAI,CAACT,EADZ;IAEE,EAAE,EAAEL,KAAK,CAACU,SAAD,EAAY,QAAZ,CAFX;IAGE,IAAI,EAAEI,IAHR;IAIE,aAAa,EAAEL,aAJjB;IAKE,qBAAqB,EAAED;EALzB,EADD,CADH,CADF;AAaD,CAnBD;;AAqBA,wCAAAJ,QAAQ,CAACW,SAAT,GAAqB;EACnB;AACF;AACA;EACEV,EAAE,EAAEP,SAAS,CAACkB,MAJK;;EAKnB;AACF;AACA;EACEV,OAAO,EAAER,SAAS,CAACmB,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;EASnB;AACF;AACA;EACEZ,IAAI,EAAET,SAAS,CAACsB,OAAV,CAAkBtB,SAAS,CAACuB,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;EAanB;AACF;AACA;EACEZ,aAAa,EAAEX,SAAS,CAACwB,IAhBN;;EAiBnB;AACF;AACA;EACEd,qBAAqB,EAAEV,SAAS,CAACkB,MAAV,CAAiBG;AApBrB,CAArB;AAuBA,eAAepB,UAAU,CAACI,MAAD,EAAS;EAAEoB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDnB,QAAvD,CAAf"}

package/dist/modern/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/modern/FilterGroup/RightPanel/RightPanel.js

@@ -29,21 +29,29 @@ const RightPanel = ({
     setFilterValues,
     activeGroup
   } = useContext(FilterGroupContext);
-  const activeGroupOptions = useMemo(() => filterOptions[activeGroup].data.map(option => option.id), [filterOptions, activeGroup]);
+  const activeGroupOptions = useMemo(() => {
+    var _filterOptions$active;
+
+    return (((_filterOptions$active = filterOptions[activeGroup]) === null || _filterOptions$active === void 0 ? void 0 : _filterOptions$active.data) || []).map(option => option.id);
+  }, [filterOptions, activeGroup]);
   const activeFilterValues = useMemo(() => {
     var _filterValues$activeG;
 
     return (_filterValues$activeG = filterValues[activeGroup]) === null || _filterValues$activeG === void 0 ? void 0 : _filterValues$activeG.filter(value => activeGroupOptions.includes(value));
   }, [filterValues, activeGroupOptions, activeGroup]);
-  const listValues = useMemo(() => filterOptions[activeGroup].data.map(option => {
-    var _filterValues$activeG2;
+  const listValues = useMemo(() => {
+    var _filterOptions$active2;
+
+    return (((_filterOptions$active2 = filterOptions[activeGroup]) === null || _filterOptions$active2 === void 0 ? void 0 : _filterOptions$active2.data) || []).map(option => {
+      var _filterValues$activeG2;
 
-    return _objectSpread(_objectSpread({}, option), {}, {
-      label: option.name,
-      selected: (_filterValues$activeG2 = filterValues[activeGroup]) === null || _filterValues$activeG2 === void 0 ? void 0 : _filterValues$activeG2.includes(option.id),
-      isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0
+      return _objectSpread(_objectSpread({}, option), {}, {
+        label: option.name,
+        selected: (_filterValues$activeG2 = filterValues[activeGroup]) === null || _filterValues$activeG2 === void 0 ? void 0 : _filterValues$activeG2.includes(option.id),
+        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0
+      });
     });
-  }), [filterOptions, filterValues, activeGroup, searchStr]);
+  }, [filterOptions, filterValues, activeGroup, searchStr]);
   const updateSelectAll = useCallback(() => {
     const nbrSelected = activeFilterValues === null || activeFilterValues === void 0 ? void 0 : activeFilterValues.length;
     const hasSelection = nbrSelected > 0;

package/dist/modern/FilterGroup/RightPanel/RightPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => filterOptions[activeGroup].data.map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      filterOptions[activeGroup].data.map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      <HvInput\n        id={setId(id, \"search\")}\n        classes={{\n          root: classes.search,\n        }}\n        type=\"search\"\n        placeholder={labels.searchBoxPlaceholder}\n        value={searchStr}\n        onChange={(event, str) => setSearchStr(str)}\n      />\n      <SelectAll />\n      <HvList\n        key={activeGroup}\n        id={setId(id, \"list\")}\n        className={classes.list}\n        values={listValues}\n        multiSelect\n        useSelector\n        showSelectAll={false}\n        onChange={onChangeHandler}\n        selectable\n        condensed\n        hasTooltips\n      />\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n};\n\nexport default RightPanel;\n"],"mappings":"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"}
+{"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => (filterOptions[activeGroup]?.data || []).map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      (filterOptions[activeGroup]?.data || []).map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      <HvInput\n        id={setId(id, \"search\")}\n        classes={{\n          root: classes.search,\n        }}\n        type=\"search\"\n        placeholder={labels.searchBoxPlaceholder}\n        value={searchStr}\n        onChange={(event, str) => setSearchStr(str)}\n      />\n      <SelectAll />\n      <HvList\n        key={activeGroup}\n        id={setId(id, \"list\")}\n        className={classes.list}\n        values={listValues}\n        multiSelect\n        useSelector\n        showSelectAll={false}\n        onChange={onChangeHandler}\n        selectable\n        condensed\n        hasTooltips\n      />\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n};\n\nexport default RightPanel;\n"],"mappings":"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"}