@hitachivantara/uikit-react-core 3.67.17 → 3.68.1

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/Provider/Provider.js

@@ -21,6 +21,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -107,8 +109,6 @@ var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTh
 
 
 var HvProvider = function HvProvider(_ref) {
-  var _navigator$language, _navigator;
-
   var children = _ref.children,
       _ref$uiKitTheme = _ref.uiKitTheme,
       uiKitTheme = _ref$uiKitTheme === void 0 ? "dawn" : _ref$uiKitTheme,
@@ -116,7 +116,8 @@ var HvProvider = function HvProvider(_ref) {
       theme = _ref$theme === void 0 ? null : _ref$theme,
       _ref$changeTheme = _ref.changeTheme,
       changeTheme = _ref$changeTheme === void 0 ? function () {} : _ref$changeTheme,
-      locale = _ref.locale,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? "en-US" : _ref$locale,
       generateClassNameProp = _ref.generateClassName,
       generateClassNameOptions = _ref.generateClassNameOptions,
       _ref$injectStylesFirs = _ref.injectStylesFirst,
@@ -134,7 +135,17 @@ var HvProvider = function HvProvider(_ref) {
     }
   }
 
-  var localeSetting = locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US");
+  var _useState = (0, _react.useState)(locale),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      localeSetting = _useState2[0],
+      setLocaleStting = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var _navigator;
+
+    // ssr - only runs at the rendering phase, so it won't run on the server
+    setLocaleStting(locale || ((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language));
+  }, [locale]);
   var rawUiKitTheme = (0, _theme.getTheme)(uiKitTheme);
   var customTheme = applyCustomTheme((0, _theme.themeBuilder)(rawUiKitTheme), theme);
   var generateClassName = generateClassNameProp || (0, _theme.createGenerateClassName)(generateClassNameOptions);

package/dist/Provider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","names":["warnedOnce","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","diff","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","disableCssBaseline","process","env","NODE_ENV","console","warn","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../src/Provider/Provider.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, HvCssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\nlet warnedOnce = false;\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n\n  disableCssBaseline = false,\n}) => {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!warnedOnce && !disableCssBaseline) {\n      warnedOnce = true;\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"UI Kit HvProvider's automatic definition of a css styles baseline will be removed in the next major version.\\n\" +\n          \"You can use the `disableCssBaseline` property to disable it already.\\n\" +\n          \"See https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\"\n      );\n    }\n  }\n\n  const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        {!disableCssBaseline && <HvCssBaseline />}\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n\n  /**\n   * Disables the generation of the baseline css styles.\n   *\n   * This will be the default behavior in the future.\n   *\n   * The application using UI Kit should be responsible for adding the baseline css styles, by\n   * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,\n   * or ensuring that the necessary base styles are applied.\n   *\n   * Defaults to `false`. Will be removed in the next major release.\n   *\n   * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\n   */\n  disableCssBaseline: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}
+{"version":3,"file":"Provider.js","names":["warnedOnce","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","diff","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","disableCssBaseline","process","env","NODE_ENV","console","warn","localeSetting","setLocaleStting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../src/Provider/Provider.js"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, HvCssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\nlet warnedOnce = false;\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale = \"en-US\",\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n\n  disableCssBaseline = false,\n}) => {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!warnedOnce && !disableCssBaseline) {\n      warnedOnce = true;\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"UI Kit HvProvider's automatic definition of a css styles baseline will be removed in the next major version.\\n\" +\n          \"You can use the `disableCssBaseline` property to disable it already.\\n\" +\n          \"See https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\"\n      );\n    }\n  }\n\n  const [localeSetting, setLocaleStting] = useState(locale);\n\n  useEffect(() => {\n    // ssr - only runs at the rendering phase, so it won't run on the server\n    setLocaleStting(locale || navigator?.language);\n  }, [locale]);\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        {!disableCssBaseline && <HvCssBaseline />}\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n\n  /**\n   * Disables the generation of the baseline css styles.\n   *\n   * This will be the default behavior in the future.\n   *\n   * The application using UI Kit should be responsible for adding the baseline css styles, by\n   * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,\n   * or ensuring that the necessary base styles are applied.\n   *\n   * Defaults to `false`. Will be removed in the next major release.\n   *\n   * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\n   */\n  disableCssBaseline: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -22,9 +22,6 @@ export * from "./Badge";
 export { default as HvBanner } from "./Banner";
 export * from "./Banner";
 
-export { default as HvBarchart } from "./Barchart";
-export * from "./Barchart";
-
 export { default as HvBreadcrumb } from "./BreadCrumb";
 export * from "./BreadCrumb";
 
@@ -45,9 +42,6 @@ export * from "./Container";
 export { default as HvDatePicker } from "./DatePicker";
 export * from "./DatePicker";
 
-export { default as HvDonutchart } from "./Donutchart";
-export * from "./Donutchart";
-
 export { default as HvDropdown } from "./Dropdown";
 export * from "./Dropdown";
 
@@ -66,6 +60,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";
 
@@ -95,9 +92,6 @@ export * from "./Forms/Label";
 export { default as HvKpi } from "./Kpi";
 export * from "./Kpi";
 
-export { default as HvLinechart } from "./Linechart";
-export * from "./Linechart";
-
 export { default as HvLink } from "./Link";
 export * from "./Link";
 

package/dist/index.js

@@ -32,7 +32,6 @@ var _exportNames = {
   HvAvatar: true,
   HvBadge: true,
   HvBanner: true,
-  HvBarchart: true,
   HvBaseDropdown: true,
   HvBreadcrumb: true,
   HvBulkActions: true,
@@ -40,12 +39,12 @@ var _exportNames = {
   HvCard: true,
   HvContainer: true,
   HvDatePicker: true,
-  HvDonutchart: true,
   HvDropdown: true,
   HvDropDownMenu: true,
   HvEmptyState: true,
   HvFilterGroup: true,
   HvFileUploader: true,
+  HvFocus: true,
   HvFooter: true,
   HvGrid: true,
   HvGlobalActions: true,
@@ -54,7 +53,6 @@ var _exportNames = {
   HvInput: true,
   HvSlider: true,
   HvKpi: true,
-  HvLinechart: true,
   HvLink: true,
   HvListContainer: true,
   HvList: true,
@@ -164,12 +162,6 @@ Object.defineProperty(exports, "HvBanner", {
     return _Banner.default;
   }
 });
-Object.defineProperty(exports, "HvBarchart", {
-  enumerable: true,
-  get: function get() {
-    return _Barchart.default;
-  }
-});
 Object.defineProperty(exports, "HvBaseCheckBox", {
   enumerable: true,
   get: function get() {
@@ -260,12 +252,6 @@ Object.defineProperty(exports, "HvDialog", {
     return _Dialog.default;
   }
 });
-Object.defineProperty(exports, "HvDonutchart", {
-  enumerable: true,
-  get: function get() {
-    return _Donutchart.default;
-  }
-});
 Object.defineProperty(exports, "HvDropDownMenu", {
   enumerable: true,
   get: function get() {
@@ -296,6 +282,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() {
@@ -332,12 +324,6 @@ Object.defineProperty(exports, "HvKpi", {
     return _Kpi.default;
   }
 });
-Object.defineProperty(exports, "HvLinechart", {
-  enumerable: true,
-  get: function get() {
-    return _Linechart.default;
-  }
-});
 Object.defineProperty(exports, "HvLink", {
   enumerable: true,
   get: function get() {
@@ -703,8 +689,6 @@ Object.keys(_Banner).forEach(function (key) {
   });
 });
 
-var _Barchart = _interopRequireDefault(require("./Barchart"));
-
 var _BaseDropdown = _interopRequireDefault(require("./BaseDropdown"));
 
 var _BreadCrumb = _interopRequireDefault(require("./BreadCrumb"));
@@ -745,8 +729,6 @@ var _Container = _interopRequireDefault(require("./Container"));
 
 var _DatePicker = _interopRequireDefault(require("./DatePicker"));
 
-var _Donutchart = _interopRequireDefault(require("./Donutchart"));
-
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 
 var _DropDownMenu = _interopRequireDefault(require("./DropDownMenu"));
@@ -769,6 +751,8 @@ Object.keys(_FileUploader).forEach(function (key) {
   });
 });
 
+var _Focus = _interopRequireDefault(require("./Focus"));
+
 var _Footer = _interopRequireDefault(require("./Footer"));
 
 var _Forms = require("./Forms");
@@ -811,8 +795,6 @@ var _Slider = _interopRequireDefault(require("./Slider"));
 
 var _Kpi = _interopRequireDefault(require("./Kpi"));
 
-var _Linechart = _interopRequireDefault(require("./Linechart"));
-
 var _Link = _interopRequireDefault(require("./Link"));
 
 var _ListContainer = _interopRequireWildcard(require("./ListContainer"));