@hitachivantara/uikit-react-core 4.1.1 → 4.3.0

package/dist/legacy/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","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","elementId","validationState","setValidationState","validationMessage","Boolean","isOpen","setIsOpen","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 \"@mui/styles\";\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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"}
+{"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","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","elementId","validationState","setValidationState","validationMessage","Boolean","isOpen","setIsOpen","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 \"@mui/styles\";\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    maxHeight,\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          maxHeight={maxHeight}\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. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.\n   */\n  maxHeight: 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/legacy/Dropdown/List/List.js

@@ -6,7 +6,7 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "onCancel", "labels", "notifyChangesOnFirstRender", "hasTooltips", "singleSelectionToggle", "height", "virtualized"];
+var _excluded = ["id", "classes", "values", "multiSelect", "showSearch", "onChange", "onCancel", "labels", "notifyChangesOnFirstRender", "hasTooltips", "singleSelectionToggle", "height", "maxHeight", "virtualized"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import "core-js/modules/es.array.map.js";
@@ -75,6 +75,7 @@ var List = function List(_ref) {
     hasTooltips = _ref$hasTooltips === void 0 ? false : _ref$hasTooltips,
     singleSelectionToggle = _ref.singleSelectionToggle,
     dropdownHeight = _ref.height,
+    maxHeight = _ref.maxHeight,
     _ref$virtualized = _ref.virtualized,
     virtualized = _ref$virtualized === void 0 ? false : _ref$virtualized,
     others = _objectWithoutProperties(_ref, _excluded);
@@ -280,7 +281,7 @@ var List = function List(_ref) {
         height: dropdownHeight
       }), {}, {
         maxWidth: width,
-        maxHeight: "calc(".concat(height, "px - 32px - ").concat(theme.spacing("xs"), " - ").concat(theme.spacing("sm"), ")"),
+        maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : "calc(".concat(height, "px - 32px - ").concat(theme.spacing("xs"), " - ").concat(theme.spacing("sm"), ")"),
         overflow: "auto",
         padding: 5
       }),
@@ -291,7 +292,7 @@ var List = function List(_ref) {
         padding: 0
       }
     });
-  }, [width, height, dropdownHeight, theme])();
+  }, [width, height, maxHeight, dropdownHeight, theme])();
   return /*#__PURE__*/_jsxs("div", {
     className: classes.rootList,
     children: [/*#__PURE__*/_jsx("div", {
@@ -301,7 +302,7 @@ var List = function List(_ref) {
       children: [showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /*#__PURE__*/_jsx(HvList, _objectSpread({
         id: setId(id, "list"),
         classes: {
-          root: clsx(classes.dropdownListContainer, dropdownHeight && maxSizeClasses.root, virtualized && maxSizeClasses.virtualized)
+          root: clsx(classes.dropdownListContainer, (dropdownHeight || maxHeight) && maxSizeClasses.root, virtualized && maxSizeClasses.virtualized)
         },
         values: list,
         multiSelect: multiSelect,
@@ -369,6 +370,10 @@ process.env.NODE_ENV !== "production" ? List.propTypes = {
    * 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
    */
   height: PropTypes.number,
+  /**
+   * Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.
+   */
+  maxHeight: PropTypes.number,
   /**
    * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
    */

package/dist/legacy/Dropdown/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","makeStyles","withStyles","useTheme","setId","HvActionBar","HvButton","HvCheckBox","HvList","HvInput","HvTypography","getSelected","styles","BaseDropdownContext","clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","theme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","hasSelection","allSelect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","dropdownListContainer","propTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.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\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight: `calc(${height}px - 32px - ${theme.spacing(\"xs\")} - ${theme.spacing(\"sm\")})`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                dropdownHeight && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\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\nexport default withStyles(styles, { name: \"HvDropdownList\" })(List);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACvE,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,cAAc;AAChC,SAASC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AAE9D,SAASC,KAAK,QAAQ,aAAa;AACnC,SAASC,WAAW,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,EAAEC,YAAY,QAAQ,OAAO;AACxF,SAASC,WAAW,QAAQ,UAAU;AACtC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,mBAAmB,MAAM,wCAAwC;;AAExE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA;AAAA;AAAA;AAQA,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,MAAM;EAAA,OAAKA,MAAM,CAACC,GAAG,CAAC,UAACC,KAAK;IAAA,yBAAWA,KAAK;EAAA,CAAG,CAAC;AAAA;;AAE/D;AACA;AACA;AACA,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,GAAG;EAAA,OAAKA,GAAG,CAACH,GAAG,CAAC,UAACI,IAAI;IAAA,uCAAWA,IAAI;MAAEC,QAAQ,EAAE;IAAK;EAAA,CAAG,CAAC;AAAA;AAE9E,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIP,MAAM;EAAA,OAAK,CAACf,KAAK,CAACe,MAAM,CAAC,IAAI,CAAAA,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEQ,MAAM,IAAG,CAAC;AAAA;AAEpE,IAAMC,IAAI,GAAG,SAAPA,IAAI,OAeJ;EAAA,IAdJC,EAAE,QAAFA,EAAE;IACFC,OAAO,QAAPA,OAAO;IAAA,mBACPX,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,wBACXY,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,uBACnBC,UAAU;IAAVA,UAAU,gCAAG,KAAK;IAClBC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IAAA,6BACNC,0BAA0B;IAA1BA,0BAA0B,sCAAG,KAAK;IAAA,wBAClCC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IACnBC,qBAAqB,QAArBA,qBAAqB;IACbC,cAAc,QAAtBC,MAAM;IAAA,wBACNC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAChBC,MAAM;EAET,gBAAkCzC,QAAQ,CAAC,EAAE,CAAC;IAAA;IAAvC0C,SAAS;IAAEC,YAAY;EAC9B,iBAAwB3C,QAAQ,CAACiB,KAAK,CAACC,MAAM,CAAC,CAAC;IAAA;IAAxC0B,IAAI;IAAEC,OAAO;EACpB,iBAAsC7C,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9C8C,WAAW;IAAEC,cAAc;EAClC,iBAAsC/C,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9CgD,WAAW;IAAEC,cAAc;EAClC,kBAA0BpD,UAAU,CAACmB,mBAAmB,CAAC;IAAjDkC,KAAK,eAALA,KAAK;IAAEX,MAAM,eAANA,MAAM;EACrB,IAAMY,KAAK,GAAG7C,QAAQ,EAAE;EAExB,IAAM8C,SAAS,GAAG;IAChBC,SAAS,EAAEnB,MAAM,CAACmB,SAAS;IAC3BC,oBAAoB,EAAEpB,MAAM,CAACqB;EAC/B,CAAC;;EAED;AACF;AACA;EACE,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIC,UAAU,EAAK;IACtC,IAAI,CAACA,UAAU,EAAE;IACjB,IAAMC,WAAW,GAAG5C,WAAW,CAAC2C,UAAU,CAAC,CAAC/B,MAAM;IAClD,IAAMiC,YAAY,GAAGD,WAAW,GAAG,CAAC;IACpC,IAAME,SAAS,GAAGF,WAAW,KAAKD,UAAU,CAAC/B,MAAM;IAEnDuB,cAAc,CAACU,YAAY,CAAC;IAC5BZ,cAAc,CAACY,YAAY,IAAIC,SAAS,CAAC;EAC3C,CAAC;;EAED;AACF;AACA;EACE9D,SAAS,CAAC,YAAM;IACd,IAAI,CAAC2B,WAAW,CAACP,MAAM,CAAC,EAAE;IAC1B2B,OAAO,CAAC5B,KAAK,CAACC,MAAM,CAAC,CAAC;IACtBsC,eAAe,CAACtC,MAAM,CAAC;IACvB,IAAIiB,0BAA0B,EAAE;MAC9BH,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGd,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC;IACxC;IACA;EACF,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;;EAEZ;AACF;AACA;AACA;AACA;EACE,IAAM2C,YAAY,GAAG,SAAfA,YAAY,CAAIC,GAAG,EAAK;IAC5B,IAAMC,OAAO,GAAGnB,IAAI,GAChBA,IAAI,CAACoB,MAAM,CAAC,iBAAmC;MAAA,IAAhCC,WAAW,SAAXA,WAAW;QAAEC,KAAK,SAALA,KAAK;QAAE9C,KAAK,SAALA,KAAK;MACtC,IAAI+C,WAAW,GAAG,EAAE;MACpB,IAAI,OAAOF,WAAW,KAAK,QAAQ,IAAIA,WAAW,YAAYG,MAAM,EAAE;QACpED,WAAW,GAAGF,WAAW,CAACI,WAAW,EAAE;MACzC,CAAC,MAAM,IAAI,OAAOH,KAAK,KAAK,QAAQ,IAAIA,KAAK,YAAYE,MAAM,EAAE;QAC/DD,WAAW,GAAGD,KAAK,CAACG,WAAW,EAAE;MACnC,CAAC,MAAM,IAAI,OAAOjD,KAAK,KAAK,QAAQ,IAAIA,KAAK,YAAYgD,MAAM,EAAE;QAC/DD,WAAW,GAAG/C,KAAK,CAACiD,WAAW,EAAE;MACnC;MAEA,OAAOF,WAAW,CAACG,OAAO,CAACR,GAAG,CAACO,WAAW,EAAE,CAAC,IAAI,CAAC;IACpD,CAAC,CAAC,GACF,IAAI;IAER,IAAI,CAAClE,KAAK,CAAC4D,OAAO,CAAC,EAAE;MACnB,IAAMQ,OAAO,GAAG3B,IAAI,CAACzB,GAAG,CAAC,UAACqD,IAAI,EAAK;QACjC,IAAMC,QAAQ,GAAGV,OAAO,CAACW,IAAI,CAAC,UAACC,MAAM;UAAA,OAAKA,MAAM,CAACT,KAAK,KAAKM,IAAI,CAACN,KAAK;QAAA,EAAC;QACtE,uCAAYM,IAAI;UAAEhD,QAAQ,EAAE,CAACiD;QAAQ;MACvC,CAAC,CAAC;MAEF5B,OAAO,CAAC0B,OAAO,CAAC;MAChB5B,YAAY,CAACmB,GAAG,CAAC;IACnB;IACA,OAAOA,GAAG;EACZ,CAAC;;EAED;AACF;AACA;AACA;AACA;EACE,IAAMc,YAAY,GAAG,SAAfA,YAAY;IAAA,oBAChB;MAAK,SAAS,EAAE/C,OAAO,CAACgD,eAAgB;MAAA,uBACtC,KAAC,OAAO;QACN,EAAE,EAAEtE,KAAK,CAACqB,EAAE,EAAE,QAAQ,CAAE;QACxB,IAAI,EAAC,QAAQ;QACb,KAAK,EAAEc,SAAU;QACjB,WAAW,EAAER,MAAM,CAAC4C,iBAAkB;QACtC,QAAQ,EAAE,kBAACC,KAAK,EAAEjB,GAAG;UAAA,OAAKD,YAAY,CAACC,GAAG,CAAC;QAAA;MAAC;IAC5C,EACE;EAAA,CACP;;EAED;AACF;AACA;AACA;EACE,IAAMkB,eAAe,GAAG,SAAlBA,eAAe,GAAS;IAC5B,IAAMT,OAAO,GAAG3B,IAAI,CAACzB,GAAG,CAAC,UAACqD,IAAI;MAAA,uCAAWA,IAAI;QAAES,QAAQ,EAAE,CAACjC;MAAW;IAAA,CAAG,CAAC;IACzEH,OAAO,CAAC0B,OAAO,CAAC;IAChBf,eAAe,CAACe,OAAO,CAAC;EAC1B,CAAC;;EAED;AACF;AACA;AACA;AACA;EACE,IAAMW,eAAe,GAAG,SAAlBA,eAAe,GAAS;IAC5B,IAAQ7B,SAAS,GAAgCnB,MAAM,CAA/CmB,SAAS;MAAEE,yBAAyB,GAAKrB,MAAM,CAApCqB,yBAAyB;IAC5C,IAAMG,WAAW,GAAG5C,WAAW,CAAC8B,IAAI,CAAC,CAAClB,MAAM;IAE5C,IAAMyD,YAAY,gBAChB,KAAC,YAAY;MAAC,SAAS,EAAC,MAAM;MAAA,UAC3BzB,WAAW,GAAG,CAAC,gBACd;QAAA,wBACE;UAAA,UAAIA;QAAW,EAAK,aACfH,yBAAyB,cAAIX,IAAI,CAAClB,MAAM;MAAA,EAC5C,gBAEH;QAAA,wBACE;UAAA,UAAI2B;QAAS,EAAK,cACZT,IAAI,CAAClB,MAAM;MAAA;IAEpB,EAEJ;IAED,oBACE;MAAK,SAAS,EAAEG,OAAO,CAACuD,kBAAmB;MAAA,uBACzC,KAAC,UAAU;QACT,EAAE,EAAE7E,KAAK,CAACqB,EAAE,EAAE,YAAY,CAAE;QAC5B,KAAK,EAAEuD,YAAa;QACpB,QAAQ,EAAE;UAAA,OAAMH,eAAe,EAAE;QAAA,CAAC;QAClC,OAAO,EAAE;UAAEK,SAAS,EAAExD,OAAO,CAACyD;QAAU,CAAE;QAC1C,SAAS,EAAEzD,OAAO,CAACwB,SAAU;QAC7B,aAAa,EAAEL,WAAW,IAAI,CAACF,WAAY;QAC3C,OAAO,EAAEA;MAAY;IACrB,EACE;EAEV,CAAC;;EAED;AACF;AACA;AACA;AACA;EACE,IAAMyC,WAAW,GAAG,SAAdA,WAAW,CAAI9B,UAAU,EAAK;IAClC,IAAI,CAAC3B,WAAW,EAAE;MAChBE,QAAQ,CAACX,WAAW,CAACoC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACrD,CAAC,MAAM;MACLD,eAAe,CAACC,UAAU,CAAC;MAC3BZ,OAAO,CAAC5B,KAAK,CAACwC,UAAU,CAAC,CAAC;IAC5B;EACF,CAAC;;EAED;AACF;AACA;EACE,IAAM+B,aAAa,GAAG,SAAhBA,aAAa,GAAS;IAC1B,IAAQC,UAAU,GAAkBvD,MAAM,CAAlCuD,UAAU;MAAEC,WAAW,GAAKxD,MAAM,CAAtBwD,WAAW;IAC/B,oBACE,MAAC,WAAW;MAAC,EAAE,EAAEnF,KAAK,CAACqB,EAAE,EAAE,SAAS,CAAE;MAAA,wBACpC,KAAC,QAAQ;QACP,EAAE,EAAErB,KAAK,CAACqB,EAAE,EAAE,eAAe,CAAE;QAC/B,OAAO,EAAE;UAAA,OAAMI,QAAQ,CAACX,WAAW,CAACuB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;QAAA,CAAC;QAC7D,QAAQ,EAAC,OAAO;QAAA,UAEf6C;MAAU,EACF,eACX,KAAC,QAAQ;QAAC,EAAE,EAAElF,KAAK,CAACqB,EAAE,EAAE,gBAAgB,CAAE;QAAC,OAAO,EAAEK,QAAS;QAAC,QAAQ,EAAC,OAAO;QAAA,UAC3EyD;MAAW,EACH;IAAA,EACC;EAElB,CAAC;EAED,IAAMC,QAAQ,GAAGlE,WAAW,CAACP,MAAM,CAAC;EAEpC,IAAM0E,cAAc,GAAG7F,OAAO,CAC5B;IAAA,OACEK,UAAU,CAAC;MACTyF,IAAI,kCACEvD,cAAc,IAAI;QAAEC,MAAM,EAAED;MAAe,CAAC;QAChDwD,QAAQ,EAAE5C,KAAK;QACf6C,SAAS,iBAAUxD,MAAM,yBAAeY,KAAK,CAAC6C,OAAO,CAAC,IAAI,CAAC,gBAAM7C,KAAK,CAAC6C,OAAO,CAAC,IAAI,CAAC,MAAG;QACvFC,QAAQ,EAAE,MAAM;QAChBC,OAAO,EAAE;MAAC,EACX;MACD1D,WAAW,EAAE;QACXsD,QAAQ,EAAE,SAAS;QACnBC,SAAS,EAAE,SAAS;QACpBE,QAAQ,EAAE,SAAS;QACnBC,OAAO,EAAE;MACX;IACF,CAAC,CAAC;EAAA,GACJ,CAAChD,KAAK,EAAEX,MAAM,EAAED,cAAc,EAAEa,KAAK,CAAC,CACvC,EAAE;EAEH,oBACE;IAAK,SAAS,EAAEtB,OAAO,CAACsE,QAAS;IAAA,wBAC/B;MAAK,SAAS,EAAEtE,OAAO,CAACuE;IAAe,EAAG,eAC1C;MAAK,SAAS,EAAEvE,OAAO,CAACwE,aAAc;MAAA,WACnCtE,UAAU,IAAI6C,YAAY,EAAE,EAC5Be,QAAQ,IAAI7D,WAAW,IAAIoD,eAAe,EAAE,EAC5CS,QAAQ,iBACP,KAAC,MAAM;QACL,EAAE,EAAEpF,KAAK,CAACqB,EAAE,EAAE,MAAM,CAAE;QACtB,OAAO,EAAE;UACPiE,IAAI,EAAE5F,IAAI,CACR4B,OAAO,CAACyE,qBAAqB,EAC7BhE,cAAc,IAAIsD,cAAc,CAACC,IAAI,EACrCrD,WAAW,IAAIoD,cAAc,CAACpD,WAAW;QAE7C,CAAE;QACF,MAAM,EAAEI,IAAK;QACb,WAAW,EAAEd,WAAY;QACzB,WAAW,EAAEA,WAAY;QACzB,aAAa,EAAE,KAAM;QACrB,QAAQ,EAAEyD,WAAY;QACtB,MAAM,EAAEnC,SAAU;QAClB,WAAW,EAAEhB,WAAY;QACzB,UAAU;QACV,SAAS;QACT,qBAAqB,EAAEC,qBAAsB;QAC7C,MAAM,EAAEC,cAAe;QACvB,WAAW,EAAEE;MAAY,GACrBC,MAAM,EAEb;IAAA,EACG,EACLkD,QAAQ,IAAI7D,WAAW,GAAG0D,aAAa,EAAE,GAAG,IAAI;EAAA,EAC7C;AAEV,CAAC;AAED,wCAAA7D,IAAI,CAAC4E,SAAS,GAAG;EACf;AACF;AACA;EACE3E,EAAE,EAAE1B,SAAS,CAACsG,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;EACE5E,OAAO,EAAE3B,SAAS,CAACwG,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAChD;AACF;AACA;EACEvF,MAAM,EAAEhB,SAAS,CAACwG,UAAU,CAACE,KAAK,CAAC;EACnC;AACF;AACA;EACE9E,WAAW,EAAE5B,SAAS,CAAC2G,IAAI;EAC3B;AACF;AACA;EACE9E,UAAU,EAAE7B,SAAS,CAAC2G,IAAI;EAC1B;AACF;AACA;AACA;EACE7E,QAAQ,EAAE9B,SAAS,CAAC4G,IAAI;EACxB;AACF;AACA;EACE7E,QAAQ,EAAE/B,SAAS,CAAC4G,IAAI;EACxB;AACF;AACA;EACE5E,MAAM,EAAEhC,SAAS,CAACwG,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAC/C;AACF;AACA;EACEtE,0BAA0B,EAAEjC,SAAS,CAAC2G,IAAI;EAC1C;AACF;AACA;EACEzE,WAAW,EAAElC,SAAS,CAAC2G,IAAI;EAC3B;AACF;AACA;EACExE,qBAAqB,EAAEnC,SAAS,CAAC2G,IAAI,CAACJ,UAAU;EAChD;AACF;AACA;EACElE,MAAM,EAAErC,SAAS,CAAC6G,MAAM;EACxB;AACF;AACA;EACEvE,WAAW,EAAEtC,SAAS,CAAC2G;AACzB,CAAC;AAED,eAAexG,UAAU,CAACU,MAAM,EAAE;EAAEiG,IAAI,EAAE;AAAiB,CAAC,CAAC,CAACrF,IAAI,CAAC"}
+{"version":3,"file":"List.js","names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","makeStyles","withStyles","useTheme","setId","HvActionBar","HvButton","HvCheckBox","HvList","HvInput","HvTypography","getSelected","styles","BaseDropdownContext","clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","maxHeight","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","theme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","hasSelection","allSelect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","root","maxWidth","spacing","overflow","padding","rootList","listBorderDown","listContainer","dropdownListContainer","propTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  maxHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.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\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight:\n            maxHeight ??\n            `calc(${height}px - 32px - ${theme.spacing(\"xs\")} - ${theme.spacing(\"sm\")})`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, maxHeight, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                (dropdownHeight || maxHeight) && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\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. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.\n   */\n  maxHeight: 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\nexport default withStyles(styles, { name: \"HvDropdownList\" })(List);\n"],"mappings":"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"}

package/dist/modern/BreadCrumb/BreadCrumb.js

@@ -8,13 +8,13 @@ import PropTypes from "prop-types";
 import clsx from "clsx";
 import { withStyles } from "@mui/styles";
 import { DropRightXS } from "@hitachivantara/uikit-react-icons";
-import startCase from "lodash/startCase";
 import isNil from "lodash/isNil";
 import { HvLink, HvTypography, HvOverflowTooltip } from "..";
-import { pathWithSubMenu, removeExtension } from "./utils";
+import pathWithSubMenu from "./utils";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+const capitalize = ([first, ...rest], lowerRest = false) => first.toUpperCase() + (lowerRest ? rest.join("").toLowerCase() : rest.join(""));
 const Page = ({
   Component,
   onClick,
@@ -32,9 +32,9 @@ const Page = ({
     noWrap: true,
     component: "div",
     variant: "highlightText",
-    className: classes.link,
+    className: clsx(classes.link, classes.label),
     children: /*#__PURE__*/_jsx(HvOverflowTooltip, {
-      data: startCase(elem.label)
+      data: elem.label
     })
   })
 });
@@ -112,9 +112,10 @@ const BreadCrumb = props => {
           classes: classes,
           last: isLast,
           children: /*#__PURE__*/React.isValidElement(elem) && elem || isLast && /*#__PURE__*/_jsx(HvTypography, {
-            className: classes.currentPage,
+            noWrap: true,
+            className: clsx(classes.currentPage),
             variant: "normalText",
-            children: startCase(removeExtension(elem.label))
+            children: capitalize(elem.label)
           }) || /*#__PURE__*/_jsx(Page, {
             elem: elem,
             classes: classes,
@@ -154,7 +155,11 @@ process.env.NODE_ENV !== "production" ? BreadCrumb.propTypes = {
     /**
      *  Styles applied to the last element.
      */
-    currentPage: PropTypes.string
+    currentPage: PropTypes.string,
+    /**
+     * Styles applied to the list elements.
+     */
+    label: PropTypes.string
   }).isRequired,
   /**
    * List of breadcrumb.

package/dist/modern/BreadCrumb/BreadCrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.js","names":["React","PropTypes","clsx","withStyles","DropRightXS","startCase","isNil","HvLink","HvTypography","HvOverflowTooltip","pathWithSubMenu","removeExtension","styles","Page","Component","onClick","elem","classes","path","a","link","label","propTypes","elementType","func","shape","string","isRequired","instanceOf","Object","PathElement","last","children","centerContainer","separatorContainer","bool","element","BreadCrumb","props","className","id","listRoute","maxVisible","url","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","index","push","decodeURI","join","breadcrumbPath","length","root","orderedList","key","isLast","isValidElement","currentPage","undefined","arrayOf","number","name"],"sources":["../../../src/BreadCrumb/BreadCrumb.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport startCase from \"lodash/startCase\";\nimport isNil from \"lodash/isNil\";\nimport { HvLink, HvTypography, HvOverflowTooltip } from \"..\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport styles from \"./styles\";\n\nconst Page = ({ Component, onClick, elem, classes }) => (\n  <HvLink\n    route={elem.path}\n    Component={Component}\n    onClick={onClick}\n    data={elem}\n    classes={{ a: classes.a }}\n  >\n    <HvTypography noWrap component=\"div\" variant=\"highlightText\" className={classes.link}>\n      <HvOverflowTooltip data={startCase(elem.label)} />\n    </HvTypography>\n  </HvLink>\n);\n\nPage.propTypes = {\n  Component: PropTypes.elementType,\n  onClick: PropTypes.func,\n  elem: PropTypes.shape({\n    path: PropTypes.string,\n    label: PropTypes.string,\n  }).isRequired,\n  classes: PropTypes.instanceOf(Object).isRequired,\n};\n\nconst PathElement = ({ classes, last = false, children }) => (\n  <li className={classes.centerContainer}>\n    {children}\n    {!last && <DropRightXS className={classes.separatorContainer} color=\"atmo5\" />}\n  </li>\n);\n\nPathElement.propTypes = {\n  last: PropTypes.bool,\n  classes: PropTypes.instanceOf(Object).isRequired,\n  children: PropTypes.element.isRequired,\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nconst BreadCrumb = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component = \"div\",\n    dropDownMenuProps,\n    ...others\n  } = props;\n  const maxVisibleElem = maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/, \"\");\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    listPath.length > maxVisibleElem\n      ? pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps)\n      : listPath;\n\n  return (\n    <nav id={id} className={clsx(classes.root, className)} {...others}>\n      <ol className={classes.orderedList}>\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          return (\n            <PathElement classes={classes} key={key} last={isLast}>\n              {(React.isValidElement(elem) && elem) ||\n                (isLast && (\n                  <HvTypography className={classes.currentPage} variant=\"normalText\">\n                    {startCase(removeExtension(elem.label))}\n                  </HvTypography>\n                )) || (\n                  <Page\n                    key={key}\n                    elem={elem}\n                    classes={classes}\n                    Component={onClick ? component : undefined}\n                    onClick={onClick}\n                  />\n                )}\n            </PathElement>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nBreadCrumb.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   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the links.\n     */\n    link: PropTypes.string,\n    /**\n     *  Styles applied to the list.\n     */\n    orderedList: PropTypes.string,\n    /**\n     *  Styles applied to the last element.\n     */\n    currentPage: PropTypes.string,\n  }).isRequired,\n  /**\n   * List of breadcrumb.\n   */\n  listRoute: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      path: PropTypes.string,\n    })\n  ),\n  /**\n   * URL to build the breadcrumb.\n   */\n  url: PropTypes.string,\n  /**\n   * Number of pages visible.\n   */\n  maxVisible: PropTypes.number,\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Function passed to the component. If defined the component prop is used as the link node.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Props passed down to the DropDownMenu sub-menu component.\n   */\n  dropDownMenuProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBreadCrumb\", index: 1 })(BreadCrumb);\n"],"mappings":"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"}
+{"version":3,"file":"BreadCrumb.js","names":["React","PropTypes","clsx","withStyles","DropRightXS","isNil","HvLink","HvTypography","HvOverflowTooltip","pathWithSubMenu","styles","capitalize","first","rest","lowerRest","toUpperCase","join","toLowerCase","Page","Component","onClick","elem","classes","path","a","link","label","propTypes","elementType","func","shape","string","isRequired","instanceOf","Object","PathElement","last","children","centerContainer","separatorContainer","bool","element","BreadCrumb","props","className","id","listRoute","maxVisible","url","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","index","push","decodeURI","breadcrumbPath","length","root","orderedList","key","isLast","isValidElement","currentPage","undefined","arrayOf","number","name"],"sources":["../../../src/BreadCrumb/BreadCrumb.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport { HvLink, HvTypography, HvOverflowTooltip } from \"..\";\nimport pathWithSubMenu from \"./utils\";\nimport styles from \"./styles\";\n\nconst capitalize = ([first, ...rest], lowerRest = false) =>\n  first.toUpperCase() + (lowerRest ? rest.join(\"\").toLowerCase() : rest.join(\"\"));\n\nconst Page = ({ Component, onClick, elem, classes }) => (\n  <HvLink\n    route={elem.path}\n    Component={Component}\n    onClick={onClick}\n    data={elem}\n    classes={{ a: classes.a }}\n  >\n    <HvTypography\n      noWrap\n      component=\"div\"\n      variant=\"highlightText\"\n      className={clsx(classes.link, classes.label)}\n    >\n      <HvOverflowTooltip data={elem.label} />\n    </HvTypography>\n  </HvLink>\n);\n\nPage.propTypes = {\n  Component: PropTypes.elementType,\n  onClick: PropTypes.func,\n  elem: PropTypes.shape({\n    path: PropTypes.string,\n    label: PropTypes.string,\n  }).isRequired,\n  classes: PropTypes.instanceOf(Object).isRequired,\n};\n\nconst PathElement = ({ classes, last = false, children }) => (\n  <li className={classes.centerContainer}>\n    {children}\n    {!last && <DropRightXS className={classes.separatorContainer} color=\"atmo5\" />}\n  </li>\n);\n\nPathElement.propTypes = {\n  last: PropTypes.bool,\n  classes: PropTypes.instanceOf(Object).isRequired,\n  children: PropTypes.element.isRequired,\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nconst BreadCrumb = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component = \"div\",\n    dropDownMenuProps,\n    ...others\n  } = props;\n  const maxVisibleElem = maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/, \"\");\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    listPath.length > maxVisibleElem\n      ? pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps)\n      : listPath;\n\n  return (\n    <nav id={id} className={clsx(classes.root, className)} {...others}>\n      <ol className={classes.orderedList}>\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          return (\n            <PathElement classes={classes} key={key} last={isLast}>\n              {(React.isValidElement(elem) && elem) ||\n                (isLast && (\n                  <HvTypography noWrap className={clsx(classes.currentPage)} variant=\"normalText\">\n                    {capitalize(elem.label)}\n                  </HvTypography>\n                )) || (\n                  <Page\n                    key={key}\n                    elem={elem}\n                    classes={classes}\n                    Component={onClick ? component : undefined}\n                    onClick={onClick}\n                  />\n                )}\n            </PathElement>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nBreadCrumb.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   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the links.\n     */\n    link: PropTypes.string,\n    /**\n     *  Styles applied to the list.\n     */\n    orderedList: PropTypes.string,\n    /**\n     *  Styles applied to the last element.\n     */\n    currentPage: PropTypes.string,\n    /**\n     * Styles applied to the list elements.\n     */\n    label: PropTypes.string,\n  }).isRequired,\n  /**\n   * List of breadcrumb.\n   */\n  listRoute: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      path: PropTypes.string,\n    })\n  ),\n  /**\n   * URL to build the breadcrumb.\n   */\n  url: PropTypes.string,\n  /**\n   * Number of pages visible.\n   */\n  maxVisible: PropTypes.number,\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Function passed to the component. If defined the component prop is used as the link node.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Props passed down to the DropDownMenu sub-menu component.\n   */\n  dropDownMenuProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBreadCrumb\", index: 1 })(BreadCrumb);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,WAAW,QAAQ,mCAAmC;AAC/D,OAAOC,KAAK,MAAM,cAAc;AAChC,SAASC,MAAM,EAAEC,YAAY,EAAEC,iBAAiB,QAAQ,IAAI;AAC5D,OAAOC,eAAe,MAAM,SAAS;AACrC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,UAAU,GAAG,CAAC,CAACC,KAAK,EAAE,GAAGC,IAAI,CAAC,EAAEC,SAAS,GAAG,KAAK,KACrDF,KAAK,CAACG,WAAW,EAAE,IAAID,SAAS,GAAGD,IAAI,CAACG,IAAI,CAAC,EAAE,CAAC,CAACC,WAAW,EAAE,GAAGJ,IAAI,CAACG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEjF,MAAME,IAAI,GAAG,CAAC;EAAEC,SAAS;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAQ,CAAC,kBACjD,KAAC,MAAM;EACL,KAAK,EAAED,IAAI,CAACE,IAAK;EACjB,SAAS,EAAEJ,SAAU;EACrB,OAAO,EAAEC,OAAQ;EACjB,IAAI,EAAEC,IAAK;EACX,OAAO,EAAE;IAAEG,CAAC,EAAEF,OAAO,CAACE;EAAE,CAAE;EAAA,uBAE1B,KAAC,YAAY;IACX,MAAM;IACN,SAAS,EAAC,KAAK;IACf,OAAO,EAAC,eAAe;IACvB,SAAS,EAAEtB,IAAI,CAACoB,OAAO,CAACG,IAAI,EAAEH,OAAO,CAACI,KAAK,CAAE;IAAA,uBAE7C,KAAC,iBAAiB;MAAC,IAAI,EAAEL,IAAI,CAACK;IAAM;EAAG;AAC1B,EAElB;AAED,wCAAAR,IAAI,CAACS,SAAS,GAAG;EACfR,SAAS,EAAElB,SAAS,CAAC2B,WAAW;EAChCR,OAAO,EAAEnB,SAAS,CAAC4B,IAAI;EACvBR,IAAI,EAAEpB,SAAS,CAAC6B,KAAK,CAAC;IACpBP,IAAI,EAAEtB,SAAS,CAAC8B,MAAM;IACtBL,KAAK,EAAEzB,SAAS,CAAC8B;EACnB,CAAC,CAAC,CAACC,UAAU;EACbV,OAAO,EAAErB,SAAS,CAACgC,UAAU,CAACC,MAAM,CAAC,CAACF;AACxC,CAAC;AAED,MAAMG,WAAW,GAAG,CAAC;EAAEb,OAAO;EAAEc,IAAI,GAAG,KAAK;EAAEC;AAAS,CAAC,kBACtD;EAAI,SAAS,EAAEf,OAAO,CAACgB,eAAgB;EAAA,WACpCD,QAAQ,EACR,CAACD,IAAI,iBAAI,KAAC,WAAW;IAAC,SAAS,EAAEd,OAAO,CAACiB,kBAAmB;IAAC,KAAK,EAAC;EAAO,EAAG;AAAA,EAEjF;AAED,wCAAAJ,WAAW,CAACR,SAAS,GAAG;EACtBS,IAAI,EAAEnC,SAAS,CAACuC,IAAI;EACpBlB,OAAO,EAAErB,SAAS,CAACgC,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAChDK,QAAQ,EAAEpC,SAAS,CAACwC,OAAO,CAACT;AAC9B,CAAC;;AAED;AACA;AACA;AACA,MAAMU,UAAU,GAAIC,KAAK,IAAK;EAC5B,MAAM;MACJrB,OAAO;MACPsB,SAAS;MACTC,EAAE;MACFC,SAAS,GAAG,EAAE;MACdC,UAAU;MACVC,GAAG;MACH5B,OAAO;MACP6B,SAAS,GAAG,KAAK;MACjBC;IAEF,CAAC,GAAGP,KAAK;IADJQ,MAAM,4BACPR,KAAK;EACT,MAAMS,cAAc,GAAGL,UAAU,GAAG,CAAC,GAAG,CAAC,GAAGA,UAAU;EACtD,IAAIM,QAAQ,GAAGP,SAAS,CAACQ,KAAK,EAAE;;EAEhC;EACA,IAAI,CAACjD,KAAK,CAAC2C,GAAG,CAAC,EAAE;IACfK,QAAQ,GAAG,EAAE;;IAEb;IACA,MAAME,OAAO,GAAGP,GAAG,CAACQ,KAAK,CAAC,cAAc,EAAE,EAAE,CAAC;;IAE7C;IACA,MAAMC,gBAAgB,GAAGT,GAAG,CAACU,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;IAExD,MAAMC,SAAS,GAAGF,gBAAgB,CAACG,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAAC;IAE9DH,SAAS,CAACI,GAAG,CAAC,CAAC1C,IAAI,EAAE2C,KAAK,KACxBX,QAAQ,CAACY,IAAI,CAAC;MACZvC,KAAK,EAAEwC,SAAS,CAAC7C,IAAI,CAAC;MACtBE,IAAI,EAAG,GAAEgC,OAAQ,IAAGI,SAAS,CAACL,KAAK,CAAC,CAAC,EAAEU,KAAK,GAAG,CAAC,CAAC,CAAChD,IAAI,CAAC,GAAG,CAAE;IAC9D,CAAC,CAAC,CACH;EACH;EAEA,MAAMmD,cAAc,GAClBd,QAAQ,CAACe,MAAM,GAAGhB,cAAc,GAC5B3C,eAAe,CAACoC,EAAE,EAAEvB,OAAO,EAAE+B,QAAQ,EAAED,cAAc,EAAEF,iBAAiB,CAAC,GACzEG,QAAQ;EAEd,oBACE;IAAK,EAAE,EAAER,EAAG;IAAC,SAAS,EAAE3C,IAAI,CAACoB,OAAO,CAAC+C,IAAI,EAAEzB,SAAS;EAAE,GAAKO,MAAM;IAAA,uBAC/D;MAAI,SAAS,EAAE7B,OAAO,CAACgD,WAAY;MAAA,UAChCjB,QAAQ,CAACU,GAAG,CAAC,CAAC1C,IAAI,EAAE2C,KAAK,KAAK;QAC7B,MAAMO,GAAG,GAAI,OAAMP,KAAM,EAAC;QAC1B,MAAMQ,MAAM,GAAGR,KAAK,KAAKG,cAAc,CAACC,MAAM,GAAG,CAAC;QAElD,oBACE,KAAC,WAAW;UAAC,OAAO,EAAE9C,OAAQ;UAAW,IAAI,EAAEkD,MAAO;UAAA,UAClD,aAAAxE,KAAK,CAACyE,cAAc,CAACpD,IAAI,CAAC,IAAIA,IAAI,IACjCmD,MAAM,iBACL,KAAC,YAAY;YAAC,MAAM;YAAC,SAAS,EAAEtE,IAAI,CAACoB,OAAO,CAACoD,WAAW,CAAE;YAAC,OAAO,EAAC,YAAY;YAAA,UAC5E/D,UAAU,CAACU,IAAI,CAACK,KAAK;UAAC,EAEzB,iBACA,KAAC,IAAI;YAEH,IAAI,EAAEL,IAAK;YACX,OAAO,EAAEC,OAAQ;YACjB,SAAS,EAAEF,OAAO,GAAG6B,SAAS,GAAG0B,SAAU;YAC3C,OAAO,EAAEvD;UAAQ,GAJZmD,GAAG;QAMX,GAd+BA,GAAG,CAezB;MAElB,CAAC;IAAC;EACC,GACD;AAEV,CAAC;AAED,wCAAA7B,UAAU,CAACf,SAAS,GAAG;EACrB;AACF;AACA;EACEiB,SAAS,EAAE3C,SAAS,CAAC8B,MAAM;EAC3B;AACF;AACA;EACEc,EAAE,EAAE5C,SAAS,CAAC8B,MAAM;EACpB;AACF;AACA;EACET,OAAO,EAAErB,SAAS,CAAC6B,KAAK,CAAC;IACvB;AACJ;AACA;IACIuC,IAAI,EAAEpE,SAAS,CAAC8B,MAAM;IACtB;AACJ;AACA;IACIN,IAAI,EAAExB,SAAS,CAAC8B,MAAM;IACtB;AACJ;AACA;IACIuC,WAAW,EAAErE,SAAS,CAAC8B,MAAM;IAC7B;AACJ;AACA;IACI2C,WAAW,EAAEzE,SAAS,CAAC8B,MAAM;IAC7B;AACJ;AACA;IACIL,KAAK,EAAEzB,SAAS,CAAC8B;EACnB,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEc,SAAS,EAAE7C,SAAS,CAAC2E,OAAO,CAC1B3E,SAAS,CAAC6B,KAAK,CAAC;IACdJ,KAAK,EAAEzB,SAAS,CAAC8B,MAAM;IACvBR,IAAI,EAAEtB,SAAS,CAAC8B;EAClB,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEiB,GAAG,EAAE/C,SAAS,CAAC8B,MAAM;EACrB;AACF;AACA;EACEgB,UAAU,EAAE9C,SAAS,CAAC4E,MAAM;EAC5B;AACF;AACA;AACA;EACE5B,SAAS,EAAEhD,SAAS,CAAC2B,WAAW;EAChC;AACF;AACA;EACER,OAAO,EAAEnB,SAAS,CAAC4B,IAAI;EACvB;AACF;AACA;EACEqB,iBAAiB,EAAEjD,SAAS,CAACgC,UAAU,CAACC,MAAM;AAChD,CAAC;AAED,eAAe/B,UAAU,CAACO,MAAM,EAAE;EAAEoE,IAAI,EAAE,cAAc;EAAEd,KAAK,EAAE;AAAE,CAAC,CAAC,CAACtB,UAAU,CAAC"}

package/dist/modern/BreadCrumb/styles.js

@@ -35,6 +35,9 @@ const styles = theme => ({
     "&:focus": {
       backgroundColor: theme.hv.palette.atmosphere.atmo3
     }
+  },
+  label: {
+    textTransform: "capitalize"
   }
 });
 export default styles;

package/dist/modern/BreadCrumb/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","zIndex","centerContainer","link","maxWidth","color","hv","palette","accent","acce1","cursor","backgroundColor","atmosphere","atmo3","separatorContainer","orderedList","paddingLeft","marginLeft","spacing","currentPage","padding","a","textDecoration","borderRadius"],"sources":["../../../src/BreadCrumb/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    zIndex: 0,\n  },\n  centerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  link: {\n    maxWidth: \"170px\",\n    color: theme.hv.palette.accent.acce1,\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  separatorContainer: {},\n  orderedList: {\n    display: \"flex\",\n    paddingLeft: 0,\n    marginLeft: `-${theme.spacing(\"xs\")}`,\n  },\n  currentPage: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n  },\n  a: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n    textDecoration: \"none\",\n    borderRadius: \"2px\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;EACDG,IAAI,EAAE;IACJC,QAAQ,EAAE,OAAO;IACjBC,KAAK,EAAER,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC,MAAM,CAACC,KAAK;IACpC,SAAS,EAAE;MACTC,MAAM,EAAE,SAAS;MACjBC,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C;EACF,CAAC;EACDC,kBAAkB,EAAE,CAAC,CAAC;EACtBC,WAAW,EAAE;IACXhB,OAAO,EAAE,MAAM;IACfiB,WAAW,EAAE,CAAC;IACdC,UAAU,EAAG,IAAGpB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE;EACtC,CAAC;EACDC,WAAW,EAAE;IACXC,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE;EACtC,CAAC;EACDG,CAAC,EAAE;IACDD,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE,EAAC;IACrCI,cAAc,EAAE,MAAM;IACtBC,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE;MACTZ,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C,CAAC;IACD,SAAS,EAAE;MACTF,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C;EACF;AACF,CAAC,CAAC;AAEF,eAAejB,MAAM"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","zIndex","centerContainer","link","maxWidth","color","hv","palette","accent","acce1","cursor","backgroundColor","atmosphere","atmo3","separatorContainer","orderedList","paddingLeft","marginLeft","spacing","currentPage","padding","a","textDecoration","borderRadius","label","textTransform"],"sources":["../../../src/BreadCrumb/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    zIndex: 0,\n  },\n  centerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  link: {\n    maxWidth: \"170px\",\n    color: theme.hv.palette.accent.acce1,\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  separatorContainer: {},\n  orderedList: {\n    display: \"flex\",\n    paddingLeft: 0,\n    marginLeft: `-${theme.spacing(\"xs\")}`,\n  },\n  currentPage: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n  },\n  a: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n    textDecoration: \"none\",\n    borderRadius: \"2px\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  label: {\n    textTransform: \"capitalize\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;EACDG,IAAI,EAAE;IACJC,QAAQ,EAAE,OAAO;IACjBC,KAAK,EAAER,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC,MAAM,CAACC,KAAK;IACpC,SAAS,EAAE;MACTC,MAAM,EAAE,SAAS;MACjBC,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C;EACF,CAAC;EACDC,kBAAkB,EAAE,CAAC,CAAC;EACtBC,WAAW,EAAE;IACXhB,OAAO,EAAE,MAAM;IACfiB,WAAW,EAAE,CAAC;IACdC,UAAU,EAAG,IAAGpB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE;EACtC,CAAC;EACDC,WAAW,EAAE;IACXC,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE;EACtC,CAAC;EACDG,CAAC,EAAE;IACDD,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE,EAAC;IACrCI,cAAc,EAAE,MAAM;IACtBC,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE;MACTZ,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C,CAAC;IACD,SAAS,EAAE;MACTF,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C;EACF,CAAC;EACDW,KAAK,EAAE;IACLC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,eAAe7B,MAAM"}

package/dist/modern/BreadCrumb/utils.js

@@ -7,8 +7,7 @@ import { MoreOptionsHorizontal } from "@hitachivantara/uikit-react-icons";
 import { HvDropDownMenu } from "..";
 import { setId } from "../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const removeExtension = label => label.includes(".") ? label.substring(0, label.lastIndexOf(".")) : label;
-export const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {
+const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {
   const nbrElemToSubMenu = listRoute.length - maxVisible;
   const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);
   listRoute.splice(1, nbrElemToSubMenu, /*#__PURE__*/_jsx(HvDropDownMenu, _objectSpread({
@@ -21,4 +20,5 @@ export const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenu
   }, dropDownMenuProps)));
   return listRoute;
 };
+export default pathWithSubMenu;
 //# sourceMappingURL=utils.js.map

package/dist/modern/BreadCrumb/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["React","MoreOptionsHorizontal","HvDropDownMenu","setId","removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice"],"sources":["../../../src/BreadCrumb/utils.js"],"sourcesContent":["import React from \"react\";\nimport { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"..\";\nimport { setId } from \"../utils\";\n\nexport const removeExtension = (label) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,mCAAmC;AACzE,SAASC,cAAc,QAAQ,IAAI;AACnC,SAASC,KAAK,QAAQ,UAAU;AAAC;AAEjC,OAAO,MAAMC,eAAe,GAAIC,KAAK,IACnCA,KAAK,CAACC,QAAQ,CAAC,GAAG,CAAC,GAAGD,KAAK,CAACE,SAAS,CAAC,CAAC,EAAEF,KAAK,CAACG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAGH,KAAK;AAE1E,OAAO,MAAMI,eAAe,GAAG,CAACC,EAAE,EAAEC,OAAO,EAAEC,SAAS,EAAEC,UAAU,EAAEC,iBAAiB,KAAK;EACxF,MAAMC,gBAAgB,GAAGH,SAAS,CAACI,MAAM,GAAGH,UAAU;EACtD,MAAMI,WAAW,GAAGL,SAAS,CAACM,KAAK,CAAC,CAAC,EAAEH,gBAAgB,GAAG,CAAC,CAAC;EAE5DH,SAAS,CAACO,MAAM,CACd,CAAC,EACDJ,gBAAgB,eAChB,KAAC,cAAc;IACb,EAAE,EAAEZ,KAAK,CAACO,EAAE,EAAE,SAAS,CAAE;IACzB,IAAI,iEAAE,KAAC,qBAAqB;MAAC,QAAQ,EAAC,GAAG;MAAC,KAAK,EAAC;IAAO,EAAG,CAAC;IAC3D,QAAQ,EAAEO;EAAY,GAClBH,iBAAiB,EACrB,CACH;EAED,OAAOF,SAAS;AAClB,CAAC"}
+{"version":3,"file":"utils.js","names":["React","MoreOptionsHorizontal","HvDropDownMenu","setId","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice"],"sources":["../../../src/BreadCrumb/utils.js"],"sourcesContent":["import React from \"react\";\nimport { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"..\";\nimport { setId } from \"../utils\";\n\nconst pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n\nexport default pathWithSubMenu;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,mCAAmC;AACzE,SAASC,cAAc,QAAQ,IAAI;AACnC,SAASC,KAAK,QAAQ,UAAU;AAAC;AAEjC,MAAMC,eAAe,GAAG,CAACC,EAAE,EAAEC,OAAO,EAAEC,SAAS,EAAEC,UAAU,EAAEC,iBAAiB,KAAK;EACjF,MAAMC,gBAAgB,GAAGH,SAAS,CAACI,MAAM,GAAGH,UAAU;EACtD,MAAMI,WAAW,GAAGL,SAAS,CAACM,KAAK,CAAC,CAAC,EAAEH,gBAAgB,GAAG,CAAC,CAAC;EAE5DH,SAAS,CAACO,MAAM,CACd,CAAC,EACDJ,gBAAgB,eAChB,KAAC,cAAc;IACb,EAAE,EAAEP,KAAK,CAACE,EAAE,EAAE,SAAS,CAAE;IACzB,IAAI,iEAAE,KAAC,qBAAqB;MAAC,QAAQ,EAAC,GAAG;MAAC,KAAK,EAAC;IAAO,EAAG,CAAC;IAC3D,QAAQ,EAAEO;EAAY,GAClBH,iBAAiB,EACrB,CACH;EAED,OAAOF,SAAS;AAClB,CAAC;AAED,eAAeH,eAAe"}

package/dist/modern/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { DialogProps, StandardProps } from "@mui/material";
 
-export type HvDialogClassKey = "root" | "background" | "paper" | "closeButton";
+export type HvDialogClassKey = "root" | "background" | "paper" | "fullscreen" | "closeButton";
 
 export interface HvDialogProps extends StandardProps<DialogProps, HvDialogClassKey> {
   /**

package/dist/modern/Dialog/Dialog.js

@@ -100,7 +100,7 @@ const HvDialog = _ref => {
     open: open,
     PaperProps: {
       classes: {
-        root: clsx(classes.paper, fullscreen && "fullscreen")
+        root: clsx(classes.paper, fullscreen && classes.fullscreen)
       }
     },
     fullScreen: fullscreen,
@@ -110,9 +110,9 @@ const HvDialog = _ref => {
       }
     },
     onClose: (event, reason) => wrappedClose(event, reason),
-    onKeyDown: keyDownHandler
+    onKeyDown: keyDownHandler,
+    "aria-modal": true
   }, others), {}, {
-    "aria-modal": true,
     children: [/*#__PURE__*/_jsx(Button, {
       id: setId(id, "close"),
       className: classes.closeButton,
@@ -120,9 +120,7 @@ const HvDialog = _ref => {
       onClick: event => wrappedClose(event, undefined, true),
       "aria-label": buttonTitle,
       children: /*#__PURE__*/_jsx(CloseButtonTooltipWrapper, {})
-    }), children && typeof children === "object" ? React.Children.map(children, c => /*#__PURE__*/React.cloneElement(c, {
-      fullscreen
-    })) : children]
+    }), children]
   }));
 };
 process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
@@ -147,9 +145,13 @@ process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
      */
     background: PropTypes.string,
     /**
-     * Style applied to the component (root).
+     * Style applied to the paper component.
      */
     paper: PropTypes.string,
+    /**
+     * Style applied to the paper component when it's fullscreen.
+     */
+    fullscreen: PropTypes.string,
     /**
      * Style applied to the close button.
      */