@hitachivantara/uikit-react-core 3.67.15 → 3.67.18

package/dist/Dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import { StandardProps } from "@material-ui/core";
 import { PopperProps } from "@material-ui/core/Popper";
-import { ListLabelsProp, ListValueProp } from "../List";
-import { HvFormElementProps } from "..";
+import { ListLabelsProp, ListValueProp, HvListProps } from "../List";
+import { HvFormElementProps, HvBaseDropdownProps } from "..";
 
 export interface DropDownLabelsProp extends ListLabelsProp {
   /**
@@ -106,7 +106,14 @@ export interface HvDropdownProps
    * Properties passed to the underlying Popper component
    */
   popperProps?: Partial<PopperProps>;
-
+  /**
+   * Extra props passed to the list
+   */
+  listProps?: Partial<HvListProps>;
+  /**
+   * Extra props passed to the base dropdown
+   */
+  baseDropdownProps?: Partial<HvBaseDropdownProps>;
   /**
    * Callback called when the user cancels the changes.
    *

package/dist/Dropdown/Dropdown.js

@@ -15,10 +15,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 require("core-js/modules/es.function.name.js");
 
 require("core-js/modules/es.symbol.js");
@@ -37,6 +33,14 @@ require("core-js/modules/es.string.trim.js");
 
 require("core-js/modules/es.array.join.js");
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -57,6 +61,8 @@ var _utils2 = require("./utils");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
+var _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "placeholder", "onChange", "status", "statusMessage", "aria-errormessage", "onCancel", "onToggle", "onClickOutside", "onFocus", "onBlur", "values", "multiSelect", "showSearch", "expanded", "defaultExpanded", "notifyChangesOnFirstRender", "labels", "hasTooltips", "disablePortal", "singleSelectionToggle", "placement", "variableWidth", "popperProps", "height", "virtualized", "baseDropdownProps", "listProps"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -122,7 +128,12 @@ var HvDropdown = function HvDropdown(props) {
       popperProps = _props$popperProps === void 0 ? {} : _props$popperProps,
       height = props.height,
       _props$virtualized = props.virtualized,
-      virtualized = _props$virtualized === void 0 ? false : _props$virtualized;
+      virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
+      _props$baseDropdownPr = props.baseDropdownProps,
+      baseDropdownProps = _props$baseDropdownPr === void 0 ? {} : _props$baseDropdownPr,
+      _props$listProps = props.listProps,
+      listProps = _props$listProps === void 0 ? {} : _props$listProps,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var labels = (0, _utils.useLabels)(DEFAULT_LABELS, labelsProp);
   var elementId = (0, _.useUniqueId)(id, "hvdropdown");
 
@@ -295,14 +306,14 @@ var HvDropdown = function HvDropdown(props) {
     errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
+  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, (0, _extends2.default)({
     id: id,
     name: name,
     status: validationState,
     disabled: disabled,
     required: required,
     className: (0, _clsx.default)(className, classes.root)
-  }, (hasLabel || hasDescription) && /*#__PURE__*/_react.default.createElement("div", {
+  }, others), (hasLabel || hasDescription) && /*#__PURE__*/_react.default.createElement("div", {
     className: classes.labelContainer
   }, hasLabel && /*#__PURE__*/_react.default.createElement(_.HvLabel, {
     id: (0, _utils.setId)(elementId, "label"),
@@ -311,7 +322,7 @@ var HvDropdown = function HvDropdown(props) {
   }), hasDescription && /*#__PURE__*/_react.default.createElement(_.HvInfoMessage, {
     id: (0, _utils.setId)(elementId, "description"),
     className: classes.description
-  }, description)), /*#__PURE__*/_react.default.createElement(_.HvBaseDropdown, {
+  }, description)), /*#__PURE__*/_react.default.createElement(_.HvBaseDropdown, (0, _extends2.default)({
     id: (0, _utils.setId)(id, "dropdown"),
     classes: {
       root: classes.dropdown,
@@ -338,7 +349,7 @@ var HvDropdown = function HvDropdown(props) {
     onFocus: onFocus,
     onBlur: onBlur,
     dropdownHeaderRef: dropdownHeaderRef
-  }, /*#__PURE__*/_react.default.createElement(_List.default, {
+  }, baseDropdownProps), /*#__PURE__*/_react.default.createElement(_List.default, (0, _extends2.default)({
     id: (0, _utils.setId)(elementId, "values"),
     classes: {
       rootList: classes.rootList,
@@ -356,7 +367,7 @@ var HvDropdown = function HvDropdown(props) {
     "aria-labelledby": hasLabel ? (0, _utils.setId)(elementId, "label") : undefined,
     height: height,
     virtualized: virtualized
-  })), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
+  }, listProps))), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
     id: (0, _utils.setId)(elementId, "error"),
     disableBorder: true,
     className: classes.error
@@ -530,7 +541,7 @@ process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
    * The list to be rendered by the dropdown.
    */
   values: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string,
+    id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
     label: _propTypes.default.node.isRequired,
     searchValue: _propTypes.default.string,
     value: _propTypes.default.any,
@@ -666,7 +677,17 @@ process.env.NODE_ENV !== "production" ? HvDropdown.propTypes = {
   /**
    * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
    */
-  virtualized: _propTypes.default.bool
+  virtualized: _propTypes.default.bool,
+
+  /**
+   * Extra props passed to the dropdown.
+   */
+  baseDropdownProps: _propTypes.default.object,
+
+  /**
+   * Extra props passed to the list.
+   */
+  listProps: _propTypes.default.object
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","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","PropTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","searchValue","value","any","number","styles"],"sources":["../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    virtualized = false,\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(values, labels, placeholder, multiSelect)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n  }\n\n  const dropdownHeaderRef = useRef();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n    const selected = getSelected(listValues);\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels.select || !multiSelect ? (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n      >\n        {selectionLabel.selected}\n      </HvTypography>\n    ) : (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n        variant=\"normalText\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n      </HvTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: classes.dropdown,\n          arrow: classes.arrow,\n          header: clsx(\n            classes.dropdownHeader,\n            isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n          ),\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        expanded={isOpen}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n      >\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        />\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied for truncating the list elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    rootList: PropTypes.string,\n    /**\n     * Styles applied to the dropdown header.\n     */\n    dropdownHeader: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the dropdown list.\n     */\n    dropdownListContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\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\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","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","PropTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object","styles"],"sources":["../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(values, labels, placeholder, multiSelect)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n  }\n\n  const dropdownHeaderRef = useRef();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n    const selected = getSelected(listValues);\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels.select || !multiSelect ? (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n      >\n        {selectionLabel.selected}\n      </HvTypography>\n    ) : (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n        variant=\"normalText\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n      </HvTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: classes.dropdown,\n          arrow: classes.arrow,\n          header: clsx(\n            classes.dropdownHeader,\n            isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n          ),\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        expanded={isOpen}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <List\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: classes.rootList,\n            dropdownListContainer: classes.dropdownListContainer,\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied for truncating the list elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    rootList: PropTypes.string,\n    /**\n     * Styles applied to the dropdown header.\n     */\n    dropdownHeader: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the dropdown list.\n     */\n    dropdownListContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      searchValue: PropTypes.string,\n      value: PropTypes.any,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label for overwrite the default header behaviour.\n     */\n    select: PropTypes.string,\n    /**\n     * Label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * The label used in the middle of the multiSelection count.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside: PropTypes.func,\n\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n  /**\n   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps: PropTypes.object,\n  /**\n   * Extra props passed to the list.\n   */\n  listProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":"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"}

package/dist/Focus/Focus.d.ts

@@ -3,7 +3,7 @@ import { StandardProps } from "@material-ui/core";
 
 export type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
 
-export type ClassKey =
+export type HvFocusClassKey =
   | "root"
   | "selected"
   | "disabled"
@@ -15,7 +15,7 @@ export type ClassKey =
   | "focus";
 
 export interface HvFocusProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, ClassKey> {
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFocusClassKey> {
   /**
    * The reference to the root element to hold all Focus' context.
    */
@@ -39,7 +39,7 @@ export interface HvFocusProps
   /**
    * Child node to set the focus.
    */
-  children: HTMLElement;
+  children: React.ReactNode;
   /**
    * Focus and navigation strategy to be used.
    */

package/dist/List/List.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { StandardProps } from "@material-ui/core";
 
 export interface ListValueProp {
-  id?: string;
+  id?: string | number;
   label: React.ReactNode;
   searchValue?: string;
   selected?: boolean;

package/dist/Slider/styles.js

@@ -23,6 +23,8 @@ exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _styles = require("../Focus/styles");
+
 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) { (0, _defineProperty2.default)(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; }
@@ -122,7 +124,14 @@ var styles = function styles(theme) {
         "&:hover": {
           "&::before": _objectSpread({}, ring),
           "&::after": _objectSpread({}, border)
-        }
+        },
+        // Note about the usage of `!important below`: the way the rc-slider allows us to
+        // style the knobs is through inline styles. This means that the `box-shadow`, which
+        // is an inline style and is set to `none` to prevent the default rc-slider style to
+        // show, can't be overriden for the focus scenario unless we use the `!important` flag.
+        "&:focus-visible": _objectSpread(_objectSpread({}, _styles.outlineStyles), {}, {
+          boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)!important"
+        })
       }
     },
     handle: {},
@@ -208,7 +217,8 @@ var styles = function styles(theme) {
     },
     mark: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
       fontFamily: theme.hv.typography.fontFamily,
-      top: "-2px"
+      top: "-2px",
+      zIndex: -1
     }),
     disabledMark: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
       fontFamily: theme.hv.typography.fontFamily,

package/dist/Slider/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","boxShadow","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../src/Slider/styles.js"],"sourcesContent":["const styles = (theme) => {\n  const ring = {\n    width: \"32px\",\n    height: \"32px\",\n    borderRadius: \"50%\",\n    border: `9px solid ${theme.hv.palette.accent.acce1}`,\n    opacity: \"20%\",\n    content: \"''\",\n    position: \"absolute\",\n    top: \"-10px\",\n    left: \"-10px\",\n  };\n  const border = {\n    width: \"20px\",\n    height: \"20px\",\n    borderRadius: \"50%\",\n    border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    content: \"''\",\n    position: \"absolute\",\n    top: \"-4px\",\n    left: \"-4px\",\n  };\n  const dragSquare = {\n    cursor: \"grab\",\n    width: \"calc(100% - 40px)\",\n    left: \"20px\",\n    height: \"27px\",\n    position: \"absolute\",\n    top: \"-12px\",\n    content: \"''\",\n    background: \"transparent\",\n    borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    zIndex: \"-2\",\n  };\n  const dot = {\n    position: \"absolute\",\n    bottom: \"-1px\",\n    marginLeft: \"0px\",\n    width: \"1px\",\n    height: \"4px\",\n    border: \"none\",\n    borderRadius: \"0%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    cursor: \"pointer\",\n    verticalAlign: \"middle\",\n    zIndex: \"-3\",\n  };\n\n  return {\n    root: {},\n    rootDisabled: {\n      cursor: \"not-allowed\",\n      \"& .rc-slider-disabled\": {\n        background: \"transparent\",\n      },\n    },\n    sliderContainer: {\n      marginBottom: \"18px\",\n      padding: \"0 23px\",\n    },\n    error: {\n      padding: \"0 8px\",\n    },\n    trackDragging: {\n      cursor: \"grabbing\",\n      \"& .rc-slider-track\": {\n        \"&::before\": {\n          ...dragSquare,\n          cursor: \"grabbing\",\n        },\n      },\n    },\n    trackStandBy: {\n      \"& .rc-slider-track\": {\n        \"&:hover\": {\n          \"&::before\": {\n            ...dragSquare,\n          },\n        },\n      },\n    },\n    sliderRoot: {\n      zIndex: 0,\n    },\n    rootRange: {},\n    handleContainer: {\n      \"& .rc-slider-handle\": {\n        cursor: \"pointer\",\n        marginTop: \"-8px\",\n        opacity: 1,\n        \"&:active\": {\n          cursor: \"grab\",\n          \"&::before\": {\n            ...ring,\n          },\n          \"&::after\": {\n            ...border,\n          },\n        },\n        \"&:hover\": {\n          \"&::before\": {\n            ...ring,\n          },\n          \"&::after\": {\n            ...border,\n          },\n        },\n      },\n    },\n    handle: {},\n    handleContainerDisabled: {\n      \"& .rc-slider-handle\": {\n        cursor: \"not-allowed\",\n        marginTop: \"-8px\",\n        opacity: 1,\n        \"&:active\": {\n          cursor: \"not-allowed\",\n        },\n        \"&:hover\": {\n          cursor: \"not-allowed\",\n        },\n      },\n    },\n    handleHiddenContainer: {\n      display: \"none\",\n    },\n    labelContainer: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      marginBottom: \"12px\",\n      marginLeft: \"20px\",\n      marginRight: \"20px\",\n    },\n    labelIncluded: {\n      justifyContent: \"space-between\",\n    },\n    onlyInput: {\n      justifyContent: \"flex-end\",\n    },\n    label: {},\n    dot: {\n      ...dot,\n    },\n    dotDisabled: {\n      ...dot,\n      cursor: \"not-allowed\",\n    },\n    rail: {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      height: \"1px\",\n      zIndex: \"-3\",\n    },\n    knobInner: {\n      borderColor: \"transparent\",\n      boxShadow: \"none\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n      width: \"16px\",\n      height: \"16px\",\n    },\n    knobOuter: {\n      position: \"relative\",\n      borderColor: \"transparent\",\n      borderRadius: \"50%\",\n      boxShadow: \"none\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      width: \"32px\",\n      height: \"32px\",\n      top: \"-80%\",\n      left: \"-80%\",\n      zIndex: \"-1\",\n    },\n    knobHidden: {\n      display: \"none\",\n    },\n    knobHiddenLast: {\n      borderColor: \"transparent\",\n      height: \"3px\",\n      width: \"2px\",\n      marginLeft: \"-1px\",\n      border: \"none\",\n      borderRadius: \"0\",\n      marginTop: \"0px\",\n      left: \"100%\",\n      touchAction: \"none\",\n      cursor: \"default\",\n    },\n    track: {\n      backgroundColor: theme.hv.palette.accent.acce1,\n      height: \"3px\",\n      zIndex: \"-1\",\n      marginTop: \"-1px\",\n    },\n    mark: {\n      ...theme.hv.typography.vizText,\n      fontFamily: theme.hv.typography.fontFamily,\n      top: \"-2px\",\n    },\n    disabledMark: {\n      ...theme.hv.typography.vizText,\n      fontFamily: theme.hv.typography.fontFamily,\n      color: `${theme.hv.palette.atmosphere.atmo5}`,\n      cursor: \"not-allowed\",\n      top: \"-2px\",\n    },\n    sliderTooltip: {\n      \"& .rc-slider-tooltip-inner\": {\n        background: theme.hv.palette.atmosphere.atmo1,\n        borderRadius: 0,\n        maxWidth: \"532px\",\n        height: \"100%\",\n        padding: `${theme.hv.spacing.sm}px`,\n        ...theme.hv.typography.normalText,\n        fontFamily: theme.hv.typography.fontFamily,\n        boxShadow: \"none\",\n      },\n      \"& .rc-slider-tooltip-arrow\": {\n        visibility: \"hidden\",\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","outlineStyles","boxShadow","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../src/Slider/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => {\n  const ring = {\n    width: \"32px\",\n    height: \"32px\",\n    borderRadius: \"50%\",\n    border: `9px solid ${theme.hv.palette.accent.acce1}`,\n    opacity: \"20%\",\n    content: \"''\",\n    position: \"absolute\",\n    top: \"-10px\",\n    left: \"-10px\",\n  };\n  const border = {\n    width: \"20px\",\n    height: \"20px\",\n    borderRadius: \"50%\",\n    border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    content: \"''\",\n    position: \"absolute\",\n    top: \"-4px\",\n    left: \"-4px\",\n  };\n  const dragSquare = {\n    cursor: \"grab\",\n    width: \"calc(100% - 40px)\",\n    left: \"20px\",\n    height: \"27px\",\n    position: \"absolute\",\n    top: \"-12px\",\n    content: \"''\",\n    background: \"transparent\",\n    borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    zIndex: \"-2\",\n  };\n  const dot = {\n    position: \"absolute\",\n    bottom: \"-1px\",\n    marginLeft: \"0px\",\n    width: \"1px\",\n    height: \"4px\",\n    border: \"none\",\n    borderRadius: \"0%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    cursor: \"pointer\",\n    verticalAlign: \"middle\",\n    zIndex: \"-3\",\n  };\n\n  return {\n    root: {},\n    rootDisabled: {\n      cursor: \"not-allowed\",\n      \"& .rc-slider-disabled\": {\n        background: \"transparent\",\n      },\n    },\n    sliderContainer: {\n      marginBottom: \"18px\",\n      padding: \"0 23px\",\n    },\n    error: {\n      padding: \"0 8px\",\n    },\n    trackDragging: {\n      cursor: \"grabbing\",\n      \"& .rc-slider-track\": {\n        \"&::before\": {\n          ...dragSquare,\n          cursor: \"grabbing\",\n        },\n      },\n    },\n    trackStandBy: {\n      \"& .rc-slider-track\": {\n        \"&:hover\": {\n          \"&::before\": {\n            ...dragSquare,\n          },\n        },\n      },\n    },\n    sliderRoot: {\n      zIndex: 0,\n    },\n    rootRange: {},\n    handleContainer: {\n      \"& .rc-slider-handle\": {\n        cursor: \"pointer\",\n        marginTop: \"-8px\",\n        opacity: 1,\n        \"&:active\": {\n          cursor: \"grab\",\n          \"&::before\": {\n            ...ring,\n          },\n          \"&::after\": {\n            ...border,\n          },\n        },\n        \"&:hover\": {\n          \"&::before\": {\n            ...ring,\n          },\n          \"&::after\": {\n            ...border,\n          },\n        },\n        // Note about the usage of `!important below`: the way the rc-slider allows us to\n        // style the knobs is through inline styles. This means that the `box-shadow`, which\n        // is an inline style and is set to `none` to prevent the default rc-slider style to\n        // show, can't be overriden for the focus scenario unless we use the `!important` flag.\n        \"&:focus-visible\": {\n          ...outlineStyles,\n          boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)!important\",\n        },\n      },\n    },\n    handle: {},\n    handleContainerDisabled: {\n      \"& .rc-slider-handle\": {\n        cursor: \"not-allowed\",\n        marginTop: \"-8px\",\n        opacity: 1,\n        \"&:active\": {\n          cursor: \"not-allowed\",\n        },\n        \"&:hover\": {\n          cursor: \"not-allowed\",\n        },\n      },\n    },\n    handleHiddenContainer: {\n      display: \"none\",\n    },\n    labelContainer: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      marginBottom: \"12px\",\n      marginLeft: \"20px\",\n      marginRight: \"20px\",\n    },\n    labelIncluded: {\n      justifyContent: \"space-between\",\n    },\n    onlyInput: {\n      justifyContent: \"flex-end\",\n    },\n    label: {},\n    dot: {\n      ...dot,\n    },\n    dotDisabled: {\n      ...dot,\n      cursor: \"not-allowed\",\n    },\n    rail: {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      height: \"1px\",\n      zIndex: \"-3\",\n    },\n    knobInner: {\n      borderColor: \"transparent\",\n      boxShadow: \"none\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n      width: \"16px\",\n      height: \"16px\",\n    },\n    knobOuter: {\n      position: \"relative\",\n      borderColor: \"transparent\",\n      borderRadius: \"50%\",\n      boxShadow: \"none\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      width: \"32px\",\n      height: \"32px\",\n      top: \"-80%\",\n      left: \"-80%\",\n      zIndex: \"-1\",\n    },\n    knobHidden: {\n      display: \"none\",\n    },\n    knobHiddenLast: {\n      borderColor: \"transparent\",\n      height: \"3px\",\n      width: \"2px\",\n      marginLeft: \"-1px\",\n      border: \"none\",\n      borderRadius: \"0\",\n      marginTop: \"0px\",\n      left: \"100%\",\n      touchAction: \"none\",\n      cursor: \"default\",\n    },\n    track: {\n      backgroundColor: theme.hv.palette.accent.acce1,\n      height: \"3px\",\n      zIndex: \"-1\",\n      marginTop: \"-1px\",\n    },\n    mark: {\n      ...theme.hv.typography.vizText,\n      fontFamily: theme.hv.typography.fontFamily,\n      top: \"-2px\",\n      zIndex: -1,\n    },\n    disabledMark: {\n      ...theme.hv.typography.vizText,\n      fontFamily: theme.hv.typography.fontFamily,\n      color: `${theme.hv.palette.atmosphere.atmo5}`,\n      cursor: \"not-allowed\",\n      top: \"-2px\",\n    },\n    sliderTooltip: {\n      \"& .rc-slider-tooltip-inner\": {\n        background: theme.hv.palette.atmosphere.atmo1,\n        borderRadius: 0,\n        maxWidth: \"532px\",\n        height: \"100%\",\n        padding: `${theme.hv.spacing.sm}px`,\n        ...theme.hv.typography.normalText,\n        fontFamily: theme.hv.typography.fontFamily,\n        boxShadow: \"none\",\n      },\n      \"& .rc-slider-tooltip-arrow\": {\n        visibility: \"hidden\",\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAMC,IAAI,GAAG;IACXC,KAAK,EAAE,MADI;IAEXC,MAAM,EAAE,MAFG;IAGXC,YAAY,EAAE,KAHH;IAIXC,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAJK;IAKXC,OAAO,EAAE,KALE;IAMXC,OAAO,EAAE,IANE;IAOXC,QAAQ,EAAE,UAPC;IAQXC,GAAG,EAAE,OARM;IASXC,IAAI,EAAE;EATK,CAAb;EAWA,IAAMT,MAAM,GAAG;IACbH,KAAK,EAAE,MADM;IAEbC,MAAM,EAAE,MAFK;IAGbC,YAAY,EAAE,KAHD;IAIbC,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BC,KAA3C,CAJO;IAKbL,OAAO,EAAE,IALI;IAMbC,QAAQ,EAAE,UANG;IAObC,GAAG,EAAE,MAPQ;IAQbC,IAAI,EAAE;EARO,CAAf;EAUA,IAAMG,UAAU,GAAG;IACjBC,MAAM,EAAE,MADS;IAEjBhB,KAAK,EAAE,mBAFU;IAGjBY,IAAI,EAAE,MAHW;IAIjBX,MAAM,EAAE,MAJS;IAKjBS,QAAQ,EAAE,UALO;IAMjBC,GAAG,EAAE,OANY;IAOjBF,OAAO,EAAE,IAPQ;IAQjBQ,UAAU,EAAE,aARK;IASjBC,SAAS,uBAAgBpB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BM,KAA5C,CATQ;IAUjBC,YAAY,uBAAgBtB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BM,KAA5C,CAVK;IAWjBE,MAAM,EAAE;EAXS,CAAnB;EAaA,IAAMC,GAAG,GAAG;IACVZ,QAAQ,EAAE,UADA;IAEVa,MAAM,EAAE,MAFE;IAGVC,UAAU,EAAE,KAHF;IAIVxB,KAAK,EAAE,KAJG;IAKVC,MAAM,EAAE,KALE;IAMVE,MAAM,EAAE,MANE;IAOVD,YAAY,EAAE,IAPJ;IAQVuB,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4Ba,KARnC;IASVV,MAAM,EAAE,SATE;IAUVW,aAAa,EAAE,QAVL;IAWVN,MAAM,EAAE;EAXE,CAAZ;EAcA,OAAO;IACLO,IAAI,EAAE,EADD;IAELC,YAAY,EAAE;MACZb,MAAM,EAAE,aADI;MAEZ,yBAAyB;QACvBC,UAAU,EAAE;MADW;IAFb,CAFT;IAQLa,eAAe,EAAE;MACfC,YAAY,EAAE,MADC;MAEfC,OAAO,EAAE;IAFM,CARZ;IAYLC,KAAK,EAAE;MACLD,OAAO,EAAE;IADJ,CAZF;IAeLE,aAAa,EAAE;MACblB,MAAM,EAAE,UADK;MAEb,sBAAsB;QACpB,6CACKD,UADL;UAEEC,MAAM,EAAE;QAFV;MADoB;IAFT,CAfV;IAwBLmB,YAAY,EAAE;MACZ,sBAAsB;QACpB,WAAW;UACT,+BACKpB,UADL;QADS;MADS;IADV,CAxBT;IAiCLqB,UAAU,EAAE;MACVf,MAAM,EAAE;IADE,CAjCP;IAoCLgB,SAAS,EAAE,EApCN;IAqCLC,eAAe,EAAE;MACf,uBAAuB;QACrBtB,MAAM,EAAE,SADa;QAErBuB,SAAS,EAAE,MAFU;QAGrB/B,OAAO,EAAE,CAHY;QAIrB,YAAY;UACVQ,MAAM,EAAE,MADE;UAEV,+BACKjB,IADL,CAFU;UAKV,8BACKI,MADL;QALU,CAJS;QAarB,WAAW;UACT,+BACKJ,IADL,CADS;UAIT,8BACKI,MADL;QAJS,CAbU;QAqBrB;QACA;QACA;QACA;QACA,mDACKqC,qBADL;UAEEC,SAAS,EAAE;QAFb;MAzBqB;IADR,CArCZ;IAqELC,MAAM,EAAE,EArEH;IAsELC,uBAAuB,EAAE;MACvB,uBAAuB;QACrB3B,MAAM,EAAE,aADa;QAErBuB,SAAS,EAAE,MAFU;QAGrB/B,OAAO,EAAE,CAHY;QAIrB,YAAY;UACVQ,MAAM,EAAE;QADE,CAJS;QAOrB,WAAW;UACTA,MAAM,EAAE;QADC;MAPU;IADA,CAtEpB;IAmFL4B,qBAAqB,EAAE;MACrBC,OAAO,EAAE;IADY,CAnFlB;IAsFLC,cAAc,EAAE;MACdD,OAAO,EAAE,MADK;MAEdE,UAAU,EAAE,QAFE;MAGdC,cAAc,EAAE,eAHF;MAIdjB,YAAY,EAAE,MAJA;MAKdP,UAAU,EAAE,MALE;MAMdyB,WAAW,EAAE;IANC,CAtFX;IA8FLC,aAAa,EAAE;MACbF,cAAc,EAAE;IADH,CA9FV;IAiGLG,SAAS,EAAE;MACTH,cAAc,EAAE;IADP,CAjGN;IAoGLI,KAAK,EAAE,EApGF;IAqGL9B,GAAG,oBACEA,GADF,CArGE;IAwGL+B,WAAW,kCACN/B,GADM;MAETN,MAAM,EAAE;IAFC,EAxGN;IA4GLsC,IAAI,EAAE;MACJ7B,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4Ba,KADzC;MAEJzB,MAAM,EAAE,KAFJ;MAGJoB,MAAM,EAAE;IAHJ,CA5GD;IAiHLkC,SAAS,EAAE;MACTC,WAAW,EAAE,aADJ;MAETf,SAAS,EAAE,MAFF;MAGThB,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAHhC;MAITP,KAAK,EAAE,MAJE;MAKTC,MAAM,EAAE;IALC,CAjHN;IAwHLwD,SAAS,EAAE;MACT/C,QAAQ,EAAE,UADD;MAET8C,WAAW,EAAE,aAFJ;MAGTtD,YAAY,EAAE,KAHL;MAITuC,SAAS,EAAE,MAJF;MAKThB,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4Ba,KALpC;MAMT1B,KAAK,EAAE,MANE;MAOTC,MAAM,EAAE,MAPC;MAQTU,GAAG,EAAE,MARI;MASTC,IAAI,EAAE,MATG;MAUTS,MAAM,EAAE;IAVC,CAxHN;IAoILqC,UAAU,EAAE;MACVb,OAAO,EAAE;IADC,CApIP;IAuILc,cAAc,EAAE;MACdH,WAAW,EAAE,aADC;MAEdvD,MAAM,EAAE,KAFM;MAGdD,KAAK,EAAE,KAHO;MAIdwB,UAAU,EAAE,MAJE;MAKdrB,MAAM,EAAE,MALM;MAMdD,YAAY,EAAE,GANA;MAOdqC,SAAS,EAAE,KAPG;MAQd3B,IAAI,EAAE,MARQ;MASdgD,WAAW,EAAE,MATC;MAUd5C,MAAM,EAAE;IAVM,CAvIX;IAmJL6C,KAAK,EAAE;MACLpC,eAAe,EAAE3B,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KADpC;MAELN,MAAM,EAAE,KAFH;MAGLoB,MAAM,EAAE,IAHH;MAILkB,SAAS,EAAE;IAJN,CAnJF;IAyJLuB,IAAI,kCACChE,KAAK,CAACM,EAAN,CAAS2D,UAAT,CAAoBC,OADrB;MAEFC,UAAU,EAAEnE,KAAK,CAACM,EAAN,CAAS2D,UAAT,CAAoBE,UAF9B;MAGFtD,GAAG,EAAE,MAHH;MAIFU,MAAM,EAAE,CAAC;IAJP,EAzJC;IA+JL6C,YAAY,kCACPpE,KAAK,CAACM,EAAN,CAAS2D,UAAT,CAAoBC,OADb;MAEVC,UAAU,EAAEnE,KAAK,CAACM,EAAN,CAAS2D,UAAT,CAAoBE,UAFtB;MAGVE,KAAK,YAAKrE,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BuD,KAAjC,CAHK;MAIVpD,MAAM,EAAE,aAJE;MAKVL,GAAG,EAAE;IALK,EA/JP;IAsKL0D,aAAa,EAAE;MACb;QACEpD,UAAU,EAAEnB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBQ,UAAjB,CAA4BC,KAD1C;QAEEZ,YAAY,EAAE,CAFhB;QAGEoE,QAAQ,EAAE,OAHZ;QAIErE,MAAM,EAAE,MAJV;QAKE+B,OAAO,YAAKlC,KAAK,CAACM,EAAN,CAASmE,OAAT,CAAiBC,EAAtB;MALT,GAMK1E,KAAK,CAACM,EAAN,CAAS2D,UAAT,CAAoBU,UANzB;QAOER,UAAU,EAAEnE,KAAK,CAACM,EAAN,CAAS2D,UAAT,CAAoBE,UAPlC;QAQExB,SAAS,EAAE;MARb,EADa;MAWb,8BAA8B;QAC5BiC,UAAU,EAAE;MADgB;IAXjB;EAtKV,CAAP;AAsLD,CAvOD;;eAyOe7E,M"}

package/dist/Snackbar/stories/SnackbarProvider.stories.mdx

@@ -4,36 +4,35 @@ import LinkTo from "@storybook/addon-links/react";
 
 import { Usage } from "storybook-root/blocks/Usage";
 
-import { 
-  SnackbarProvider, 
-} from "./SnackbarProvider.stories.js";
+import { SnackbarProvider } from "./SnackbarProvider.stories.js";
 
-<Meta title="Components/Snackbar/Provider" />
+<Meta title="Feedback/Snackbar/Provider" />
 
 # Snackbar Provider
 
-The UI Kit library provides a snackbar provider 
+The UI Kit library provides a snackbar provider
 to control the stacking of multiple snackbars in the app.
 
-The providers is not meant to be 100% feature complete, but instead, 
-ease the majority of use-cases we have been encountering. 
-If you need any customization or extension to the behavior, 
+The providers is not meant to be 100% feature complete, but instead,
+ease the majority of use-cases we have been encountering.
+If you need any customization or extension to the behavior,
 please feel free to copy and customize it.
 
-This feature needs both the *HvSnackbarProvider* provider and the hook *useHvSnackbar*.
+This feature needs both the _HvSnackbarProvider_ provider and the hook _useHvSnackbar_.
 The provider and the hook are wrappers of the [Notistack](https://github.com/iamhosseindhv/notistack) API.
 
 Ideally the `HvSnackbarProvider` should be at the top of the component tree of your application.
-This will allow the snackbar to be triggered in any page. 
+This will allow the snackbar to be triggered in any page.
 For more information of the provider API check the [notistack documentation](https://iamhosseindhv.com/notistack/api).
 
 <Usage>{'import { HvSnackbarProvider } from "@hitachivantara/uikit-react-core";'}</Usage>
 
-After adding the provider at the root of your app, you can call the ```useHvSnackbar``` at any
+After adding the provider at the root of your app, you can call the `useHvSnackbar` at any
 component inside your app. This hook will allow you to request the rendering of a snackbar through the use
-of the ```enqueueSnackbar``` function which follows the API bellow:
+of the `enqueueSnackbar` function which follows the API bellow:
 
 parameters:
+
 - `message: string | React.node`: The message to render inside the snackbar.
 - `options: HvEnqueueOptions`: The options to configure the snackbar.
   - `HvEnqueueOptions`:
@@ -42,6 +41,7 @@ parameters:
     - `snackbarContentProps?: HvSnackbarContentProps`: Extra properties to be passed onto the snackbar
 
 output:
+
 - `SnackbarKey: string | number`: How many snackbars to render.
 
 <Usage>{'import { useHvSnackbar } from "@hitachivantara/uikit-react-core";'}</Usage>

package/dist/index.d.ts

@@ -66,6 +66,9 @@ export * from "./FileUploader";
 export { default as HvFilterGroup } from "./FilterGroup";
 export * from "./FilterGroup";
 
+export { default as HvFocus } from "./Focus";
+export * from "./Focus";
+
 export { default as HvFooter } from "./Footer";
 export * from "./Footer";
 

package/dist/index.js

@@ -46,6 +46,7 @@ var _exportNames = {
   HvEmptyState: true,
   HvFilterGroup: true,
   HvFileUploader: true,
+  HvFocus: true,
   HvFooter: true,
   HvGrid: true,
   HvGlobalActions: true,
@@ -296,6 +297,12 @@ Object.defineProperty(exports, "HvFilterGroup", {
     return _FilterGroup.default;
   }
 });
+Object.defineProperty(exports, "HvFocus", {
+  enumerable: true,
+  get: function get() {
+    return _Focus.default;
+  }
+});
 Object.defineProperty(exports, "HvFooter", {
   enumerable: true,
   get: function get() {
@@ -769,6 +776,8 @@ Object.keys(_FileUploader).forEach(function (key) {
   });
 });
 
+var _Focus = _interopRequireDefault(require("./Focus"));
+
 var _Footer = _interopRequireDefault(require("./Footer"));
 
 var _Forms = require("./Forms");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\nexport { default as HvSimpleGrid } from \"./SimpleGrid\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n  Actions as HvUserPreferencesActions,\n  Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\nexport { HvCssBaseline, HvScopedCssBaseline } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAaA;;AACA;;AACA;;AAEA;;AASA;;AAGA;;AACA;;AAGA;;AAGA;;AAKA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFocus } from \"./Focus\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\nexport { default as HvSimpleGrid } from \"./SimpleGrid\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n  Actions as HvUserPreferencesActions,\n  Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\nexport { HvCssBaseline, HvScopedCssBaseline } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAaA;;AACA;;AACA;;AAEA;;AASA;;AAGA;;AACA;;AAGA;;AAGA;;AAKA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/legacy/Dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import { StandardProps } from "@material-ui/core";
 import { PopperProps } from "@material-ui/core/Popper";
-import { ListLabelsProp, ListValueProp } from "../List";
-import { HvFormElementProps } from "..";
+import { ListLabelsProp, ListValueProp, HvListProps } from "../List";
+import { HvFormElementProps, HvBaseDropdownProps } from "..";
 
 export interface DropDownLabelsProp extends ListLabelsProp {
   /**
@@ -106,7 +106,14 @@ export interface HvDropdownProps
    * Properties passed to the underlying Popper component
    */
   popperProps?: Partial<PopperProps>;
-
+  /**
+   * Extra props passed to the list
+   */
+  listProps?: Partial<HvListProps>;
+  /**
+   * Extra props passed to the base dropdown
+   */
+  baseDropdownProps?: Partial<HvBaseDropdownProps>;
   /**
    * Callback called when the user cancels the changes.
    *