@hitachivantara/uikit-react-core 3.58.2 → 3.61.0

package/dist/modern/RadioGroup/RadioGroup.js

@@ -3,9 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "status", "statusMessage", "aria-errormessage", "orientation", "children"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useMemo } from "react";

package/dist/modern/ScrollTo/Horizontal/HorizontalScrollListItem/styles.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { outlineStyles } from "../../../Focus/styles";
 

package/dist/modern/ScrollTo/Horizontal/ScrollToHorizontal.d.ts

@@ -2,7 +2,7 @@ import { StandardProps } from "@material-ui/core";
 import React from "react";
 import { HvScrollToTooltipPositions } from "../tooltipPositions";
 
-interface Option {
+interface HvScrollToHorizontalOption {
   key?: string;
   label: string;
   value: string;
@@ -11,17 +11,18 @@ interface Option {
 
 export type HvScrollToHorizontalClassKey = "root" | "positionSticky" | "positionFixed";
 export type HvScrollToHorizontalPositions = "sticky" | "fixed" | "relative";
-export type HvScrollToHorizontalTooltipPositions =  "left" | "right" | "top" | "bottom";
-type newStandardProps = Omit<
-  StandardProps<React.HTMLAttributes<HTMLDivElement>, HvScrollToHorizontalClassKey>,
-  "onChange" | "onClick"
->;
+export type HvScrollToHorizontalTooltipPositions = "left" | "right" | "top" | "bottom";
 
-export interface HvScrollToHorizontalProps extends newStandardProps {
+export interface HvScrollToHorizontalProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLDivElement>,
+    HvScrollToHorizontalClassKey,
+    "onChange" | "onClick"
+  > {
   /**
    * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
    */
-  options: Option[];
+  options: HvScrollToHorizontalOption[];
   /**
    * True if the href location link should be applied. It will create an a element around every list item
    */
@@ -51,7 +52,7 @@ export interface HvScrollToHorizontalProps extends newStandardProps {
   /**
    * Position of tooltip identifying the current item.
    */
-   tooltipPosition?: HvScrollToTooltipPositions;
+  tooltipPosition?: HvScrollToTooltipPositions;
   /**
    * A function called each time the selected index changes.
    */

package/dist/modern/ScrollTo/Vertical/ScrollToVertical.d.ts

@@ -2,7 +2,7 @@ import { StandardProps } from "@material-ui/core";
 import React from "react";
 import { HvScrollToTooltipPositions } from "../tooltipPositions";
 
-interface Option {
+interface HvScrollToVerticalOption {
   key?: string;
   label: string;
   value: string;
@@ -12,16 +12,16 @@ interface Option {
 export type HvScrollToVerticalClassKey = "root" | "positionSticky" | "positionFixed";
 export type HvScrollToVerticalPositions = "absolute" | "fixed" | "relative";
 
-type newStandardProps = Omit<
-  StandardProps<React.HTMLAttributes<HTMLDivElement>, HvScrollToVerticalClassKey>,
-  "onChange" | "onClick"
->;
-
-export interface HvScrollToVerticalProps extends newStandardProps {
+export interface HvScrollToVerticalProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLDivElement>,
+    HvScrollToVerticalClassKey,
+    "onChange" | "onClick"
+  > {
   /**
    * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
    */
-  options: Option[];
+  options: HvScrollToVerticalOption[];
   /**
    * True if the href location link should be applied. It will create an a element around every list item
    */

package/dist/modern/ScrollTo/Vertical/VerticalScrollListItem/styles.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { outlineStyles } from "../../../Focus/styles";
 

package/dist/modern/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.d.ts

@@ -37,7 +37,7 @@ export interface HvSnackbarContentProps
   /**
    * The callback function ran when an action is triggered, receiving `action` as param
    */
-  actionCallback?: (id: string, action: ActionGeneric) => void;
+  actionCallback?: (event: Event, id: string, action: ActionGeneric) => void;
 }
 
 export default function HvSnackbarContent(props: HvSnackbarContentProps): JSX.Element | null;

package/dist/modern/Snackbar/SnackbarContentWrapper/styles.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 const styles = theme => ({
   root: {

package/dist/modern/Snackbar/SnackbarProvider/SnackbarProvider.js

@@ -4,9 +4,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["id", "variant", "snackbarContentProps"],
       _excluded2 = ["children", "notistackClassesOverride", "maxSnack", "autoHideDuration", "anchorOrigin"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { forwardRef, useCallback, useMemo } from "react";
 import { makeStyles } from "@material-ui/core";
@@ -57,6 +57,7 @@ const useHvSnackbar = () => {
 
 const useStyles = notistackClassesOverride => makeStyles(() => _objectSpread({
   containerRoot: {
+    pointerEvents: "all",
     "& > div > div": {
       // Overrides notistack extra padding
       padding: "0 !important",

package/dist/modern/Snackbar/SnackbarProvider/SnackbarProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Snackbar/SnackbarProvider/SnackbarProvider.js"],"names":["React","forwardRef","useCallback","useMemo","makeStyles","PropTypes","SnackbarProvider","SnackbarContent","useSnackbar","HvSnackbarContentWrapper","HvNotistackSnackMessage","id","message","variant","snackbarContentProps","ref","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","options","otherOptions","useStyles","notistackClassesOverride","containerRoot","padding","transition","color","fontSize","boxShadow","alignItems","fontFamily","fontWeight","lineHeight","borderRadius","letterSpacing","backgroundColor","HvSnackbarProvider","children","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others","classes","propTypes","node","isRequired","number","shape","oneOf","instanceOf","Object","string"],"mappings":"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","sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { makeStyles } from \"@material-ui/core\";\nimport PropTypes from \"prop-types\";\nimport { SnackbarProvider, SnackbarContent, useSnackbar } from \"notistack\";\n\nimport HvSnackbarContentWrapper from \"../SnackbarContentWrapper\";\n\nconst HvNotistackSnackMessage = forwardRef(\n  ({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n    return (\n      <SnackbarContent ref={ref}>\n        <HvSnackbarContentWrapper\n          id={id}\n          variant={variant}\n          showIcon\n          label={message}\n          {...snackbarContentProps}\n        />\n      </SnackbarContent>\n    );\n  }\n);\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nconst useHvSnackbar = () => {\n  const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } = useSnackbar();\n  const enqueueSnackbar = useCallback(\n    (message, options) => {\n      const { id, variant = \"success\", snackbarContentProps, ...otherOptions } = options;\n\n      enqueueNotistackSnackbar(\n        <HvNotistackSnackMessage\n          id={id}\n          message={message}\n          variant={variant}\n          snackbarContentProps={snackbarContentProps}\n        />,\n        otherOptions\n      );\n    },\n    [enqueueNotistackSnackbar]\n  );\n  return useMemo(\n    () => ({\n      enqueueSnackbar,\n      closeSnackbar,\n    }),\n    [enqueueSnackbar, closeSnackbar]\n  );\n};\n\nconst useStyles = (notistackClassesOverride) =>\n  makeStyles(() => ({\n    containerRoot: {\n      \"& > div > div\": {\n        // Overrides notistack extra padding\n        padding: \"0 !important\",\n        transition: \"all 0s ease 0s !important\",\n        \"& > div > div > div\": {\n          color: \"inherit\",\n          padding: \"0\",\n          fontSize: \"inherit\",\n          boxShadow: \"none\",\n          alignItems: \"center\",\n          fontFamily: \"inherit\",\n          fontWeight: \"inherit\",\n          lineHeight: \"inherit\",\n          borderRadius: \"0\",\n          letterSpacing: \"inherit\",\n          backgroundColor: \"inherit\",\n        },\n      },\n    },\n    ...notistackClassesOverride,\n  }))();\n\nconst HvSnackbarProvider = ({\n  children,\n  notistackClassesOverride = {},\n  maxSnack = 5,\n  autoHideDuration = 5000,\n  anchorOrigin = {\n    vertical: \"top\",\n    horizontal: \"right\",\n  },\n  ...others\n}) => {\n  const classes = useStyles(notistackClassesOverride);\n\n  return (\n    <SnackbarProvider\n      classes={{\n        ...classes,\n      }}\n      maxSnack={maxSnack}\n      autoHideDuration={autoHideDuration}\n      anchorOrigin={anchorOrigin}\n      {...others}\n    >\n      {children}\n    </SnackbarProvider>\n  );\n};\n\nHvSnackbarProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Max visible snackbars.\n   */\n  maxSnack: PropTypes.number,\n  /**\n   * How much time the snackbar remains visible in milliseconds.\n   */\n  autoHideDuration: PropTypes.number,\n  /**\n   * Where is the snackbar placed.\n   */\n  anchorOrigin: PropTypes.shape({\n    vertical: PropTypes.oneOf([\"top\", \"bottom\"]),\n    horizontal: PropTypes.oneOf([\"right\", \"left\"]),\n  }),\n  /**\n   * Class object used to override notistack classes.\n   */\n  notistackClassesOverride: PropTypes.instanceOf(Object),\n};\n\nHvNotistackSnackMessage.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Your component tree.\n   */\n  message: PropTypes.string,\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]),\n  /**\n   * Extra values to pass to the snackbar.\n   */\n  snackbarContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"file":"SnackbarProvider.js"}
+{"version":3,"sources":["../../../../src/Snackbar/SnackbarProvider/SnackbarProvider.js"],"names":["React","forwardRef","useCallback","useMemo","makeStyles","PropTypes","SnackbarProvider","SnackbarContent","useSnackbar","HvSnackbarContentWrapper","HvNotistackSnackMessage","id","message","variant","snackbarContentProps","ref","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","options","otherOptions","useStyles","notistackClassesOverride","containerRoot","pointerEvents","padding","transition","color","fontSize","boxShadow","alignItems","fontFamily","fontWeight","lineHeight","borderRadius","letterSpacing","backgroundColor","HvSnackbarProvider","children","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others","classes","propTypes","node","isRequired","number","shape","oneOf","instanceOf","Object","string"],"mappings":"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","sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { makeStyles } from \"@material-ui/core\";\nimport PropTypes from \"prop-types\";\nimport { SnackbarProvider, SnackbarContent, useSnackbar } from \"notistack\";\n\nimport HvSnackbarContentWrapper from \"../SnackbarContentWrapper\";\n\nconst HvNotistackSnackMessage = forwardRef(\n  ({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n    return (\n      <SnackbarContent ref={ref}>\n        <HvSnackbarContentWrapper\n          id={id}\n          variant={variant}\n          showIcon\n          label={message}\n          {...snackbarContentProps}\n        />\n      </SnackbarContent>\n    );\n  }\n);\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nconst useHvSnackbar = () => {\n  const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } = useSnackbar();\n  const enqueueSnackbar = useCallback(\n    (message, options) => {\n      const { id, variant = \"success\", snackbarContentProps, ...otherOptions } = options;\n\n      enqueueNotistackSnackbar(\n        <HvNotistackSnackMessage\n          id={id}\n          message={message}\n          variant={variant}\n          snackbarContentProps={snackbarContentProps}\n        />,\n        otherOptions\n      );\n    },\n    [enqueueNotistackSnackbar]\n  );\n  return useMemo(\n    () => ({\n      enqueueSnackbar,\n      closeSnackbar,\n    }),\n    [enqueueSnackbar, closeSnackbar]\n  );\n};\n\nconst useStyles = (notistackClassesOverride) =>\n  makeStyles(() => ({\n    containerRoot: {\n      pointerEvents: \"all\",\n      \"& > div > div\": {\n        // Overrides notistack extra padding\n        padding: \"0 !important\",\n        transition: \"all 0s ease 0s !important\",\n        \"& > div > div > div\": {\n          color: \"inherit\",\n          padding: \"0\",\n          fontSize: \"inherit\",\n          boxShadow: \"none\",\n          alignItems: \"center\",\n          fontFamily: \"inherit\",\n          fontWeight: \"inherit\",\n          lineHeight: \"inherit\",\n          borderRadius: \"0\",\n          letterSpacing: \"inherit\",\n          backgroundColor: \"inherit\",\n        },\n      },\n    },\n    ...notistackClassesOverride,\n  }))();\n\nconst HvSnackbarProvider = ({\n  children,\n  notistackClassesOverride = {},\n  maxSnack = 5,\n  autoHideDuration = 5000,\n  anchorOrigin = {\n    vertical: \"top\",\n    horizontal: \"right\",\n  },\n  ...others\n}) => {\n  const classes = useStyles(notistackClassesOverride);\n\n  return (\n    <SnackbarProvider\n      classes={{\n        ...classes,\n      }}\n      maxSnack={maxSnack}\n      autoHideDuration={autoHideDuration}\n      anchorOrigin={anchorOrigin}\n      {...others}\n    >\n      {children}\n    </SnackbarProvider>\n  );\n};\n\nHvSnackbarProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Max visible snackbars.\n   */\n  maxSnack: PropTypes.number,\n  /**\n   * How much time the snackbar remains visible in milliseconds.\n   */\n  autoHideDuration: PropTypes.number,\n  /**\n   * Where is the snackbar placed.\n   */\n  anchorOrigin: PropTypes.shape({\n    vertical: PropTypes.oneOf([\"top\", \"bottom\"]),\n    horizontal: PropTypes.oneOf([\"right\", \"left\"]),\n  }),\n  /**\n   * Class object used to override notistack classes.\n   */\n  notistackClassesOverride: PropTypes.instanceOf(Object),\n};\n\nHvNotistackSnackMessage.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Your component tree.\n   */\n  message: PropTypes.string,\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]),\n  /**\n   * Extra values to pass to the snackbar.\n   */\n  snackbarContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"file":"SnackbarProvider.js"}

package/dist/modern/Switch/Switch.js

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "onChange", "status", "statusMessage", "aria-errormessage", "inputProps"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback } from "react";

package/dist/modern/Tab/styles.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { outlineStyles } from "../Focus/styles";
 

package/dist/modern/Table/Table.js

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "classes", "className", "uniqClassName", "data", "columns", "page", "sortable", "defaultSorted", "selections", "onSelection", "onFetchData", "subElementTemplate", "tableProps", "rowCount", "noDataComponent", "idForCheckbox", "getTrProps", "getTableProps", "actions", "actionsCallback", "actionsDisabled", "maxVisibleActions", "secondaryActions", "allCheckBoxProps", "dropdownMenuProps", "paginationLabels", "paginationServerSide", "paginationProps", "showPagination", "showPageSize", "dataSize", "pageSize", "onPageSizeChange", "onPageChange", "pages", "collapseOnDataChange", "fixedCheckbox", "fixedSecondaryActions"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import "core-js/modules/web.dom-collections.iterator.js";
 import clsx from "clsx";

package/dist/modern/Table/styles.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import hexToRgbA from "../utils/hexToRgbA";
 

package/dist/modern/Tag/Tag.js

@@ -4,9 +4,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["classes", "style", "className", "label", "disabled", "type", "color", "deleteIcon", "onDelete", "onClick", "role", "deleteButtonArialLabel", "deleteButtonProps"];
 import "core-js/modules/web.dom-collections.iterator.js";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { useMemo, useState } from "react";
 import { Chip, withStyles, useTheme } from "@material-ui/core";

package/dist/modern/Tag/styles.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import fade from "../utils/hexToRgbA";
 import { outlineStyles } from "../Focus/styles";

package/dist/modern/TagsInput/TagsInput.d.ts

@@ -6,6 +6,12 @@ import { HvFormStatus } from "../Forms/FormElement";
 import { HvInputProps } from "..";
 import { HvBaseInputValidationMessagesProps } from "../BaseInput";
 
+export interface TagSuggestion {
+  id: string;
+  label: string;
+  value: string;
+}
+
 export type HvTagsInputClassKey =
   | "root"
   | "disabled"
@@ -15,7 +21,10 @@ export type HvTagsInputClassKey =
   | "label"
   | "characterCounter"
   | "description"
-  | "error";
+  | "error"
+  | "inputExtension"
+  | "suggestionsContainer"
+  | "suggestionList";
 
 export interface HvTagsInputProps
   extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur" | "onFocus"> {
@@ -173,6 +182,10 @@ export interface HvTagsInputProps
    * If `true` the tag will be commited when the blur event occurs.
    */
   commitOnBlur?: boolean;
+  /**
+   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion
+   */
+  suggestionListCallback?: (value: string) => TagSuggestion[];
 }
 
 export default function HvTagsInput(props: HvTagsInputProps): JSX.Element | null;

package/dist/modern/TagsInput/TagsInput.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "onBlur", "onFocus", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages", "commitTagOn", "commitOnBlur"],
+const _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "readOnly", "disabled", "required", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onAdd", "onDelete", "onBlur", "onFocus", "placeholder", "hideCounter", "middleCountLabel", "maxTagsQuantity", "autoFocus", "resizable", "inputProps", "countCharProps", "multiline", "status", "statusMessage", "validationMessages", "commitTagOn", "commitOnBlur", "suggestionListCallback"],
       _excluded2 = ["label", "type"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
@@ -14,8 +14,8 @@ import PropTypes from "prop-types";
 import clsx from "clsx";
 import isNil from "lodash/isNil";
 import { withStyles } from "@material-ui/core";
-import { setId, useControlled } from "../utils";
-import { HvFormElement, HvListContainer, HvListItem, HvTag, HvInput, HvLabel, HvInfoMessage, HvCharCounter, HvWarningText, useUniqueId } from "..";
+import { setId, useControlled, isKeypress, KeyboardCodes } from "../utils";
+import { HvFormElement, HvListContainer, HvListItem, HvTag, HvInput, HvLabel, HvInfoMessage, HvCharCounter, HvSuggestions, HvWarningText, useUniqueId, useIsMounted } from "..";
 import validationStates from "../Forms/FormElement/validationStates";
 import { DEFAULT_ERROR_MESSAGES } from "../BaseInput/validations";
 import styles from "./styles";
@@ -24,6 +24,8 @@ import styles from "./styles";
  */
 
 const HvTagsInput = props => {
+  var _containerRef$current2;
+
   const {
     classes,
     className,
@@ -57,7 +59,8 @@ const HvTagsInput = props => {
     statusMessage,
     validationMessages,
     commitTagOn = ["Enter"],
-    commitOnBlur = false
+    commitOnBlur = false,
+    suggestionListCallback
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
@@ -74,11 +77,16 @@ const HvTagsInput = props => {
   const containerRef = useRef();
   const skipReset = useRef(false);
   const blurTimeout = useRef();
+  const materialInputRef = useRef(null);
   const isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
-  const hasCounter = maxTagsQuantity != null && !hideCounter;
+  const hasCounter = maxTagsQuantity != null && !hideCounter; // suggestions related state
+
+  const [suggestionValues, setSuggestionValues] = useState(null);
   const isStateInvalid = useMemo(() => {
     return hasCounter && value.length > maxTagsQuantity;
   }, [hasCounter, maxTagsQuantity, value.length]);
+  const canShowSuggestions = suggestionListCallback != null;
+  const hasSuggestions = !!suggestionValues;
   const errorMessages = useMemo(() => _objectSpread(_objectSpread({}, DEFAULT_ERROR_MESSAGES), validationMessages), // eslint-disable-next-line react-hooks/exhaustive-deps
   [validationMessages === null || validationMessages === void 0 ? void 0 : validationMessages.error, validationMessages === null || validationMessages === void 0 ? void 0 : validationMessages.requiredError, validationMessages === null || validationMessages === void 0 ? void 0 : validationMessages.minCharError, validationMessages === null || validationMessages === void 0 ? void 0 : validationMessages.maxCharError]);
   const performValidation = useCallback(currValue => {
@@ -114,6 +122,14 @@ const HvTagsInput = props => {
     onChange === null || onChange === void 0 ? void 0 : onChange(event, newTagsArr);
     skipReset.current = true;
   }, [onChange, onDelete, performValidation, setValue, tagCursorPos, value]);
+  /**
+   * Adds a Tag to the array of tags.
+   * Also executes the user provided onAdd and onDelete events.
+   *
+   * @param {Event}   event  - whatever event triggered adding a tag
+   * @param {string}  tag    - the string for the tag
+   */
+
   const addTag = useCallback((event, tag) => {
     event.preventDefault();
 
@@ -153,27 +169,104 @@ const HvTagsInput = props => {
 
     skipReset.current = false;
   }, [value]);
+  const isMounted = useIsMounted();
+  /**
+   * Looks for the node that represent the input inside the material tree and focus it.
+   */
+
+  const focusInput = () => {
+    materialInputRef.current.focus();
+  };
+
+  const getSuggestions = useCallback(li => {
+    var _listEl$getElementsBy;
+
+    // TODO Replace with ref
+    const listEl = document.getElementById(setId(elementId, "suggestions-list"));
+    return li != null ? listEl === null || listEl === void 0 ? void 0 : (_listEl$getElementsBy = listEl.getElementsByTagName("li")) === null || _listEl$getElementsBy === void 0 ? void 0 : _listEl$getElementsBy[li] : listEl;
+  }, [elementId]);
+  /**
+   * Clears the suggestion array.
+   */
+
+  const suggestionClearHandler = useCallback(() => {
+    if (isMounted.current) {
+      setSuggestionValues(null);
+    }
+  }, [isMounted]);
+  /**
+   * Fills of the suggestion array.
+   */
+
+  const suggestionHandler = useCallback(val => {
+    var _suggestionsArray$;
+
+    const suggestionsArray = suggestionListCallback === null || suggestionListCallback === void 0 ? void 0 : suggestionListCallback(val);
+
+    if (suggestionsArray !== null && suggestionsArray !== void 0 && (_suggestionsArray$ = suggestionsArray[0]) !== null && _suggestionsArray$ !== void 0 && _suggestionsArray$.label) {
+      setSuggestionValues(suggestionsArray);
+    } else {
+      suggestionClearHandler();
+    }
+  }, [suggestionClearHandler, suggestionListCallback]);
+  /**
+   * Executes the user callback adds the selection to the state and clears the suggestions.
+   */
+
+  const suggestionSelectedHandler = (event, item) => {
+    addTag(event, item.value || item.label); // set the input value (only when value is uncontrolled)
+
+    setTagInput(item.value || item.label);
+    focusInput();
+    suggestionClearHandler();
+  };
+  /**
+   * Handler for the `onKeyDown` event on the suggestions component
+   */
+
+
+  const onSuggestionKeyDown = event => {
+    if (isKeypress(event, KeyboardCodes.Esc)) {
+      suggestionClearHandler();
+      focusInput();
+    } else if (isKeypress(event, KeyboardCodes.Tab)) {
+      suggestionClearHandler();
+    }
+  };
   /**
    * Handler for the `onChange` event on the tag input
    */
 
+
   const onChangeHandler = useCallback((event, input) => {
     setTagInput(input);
-  }, []);
+
+    if (canShowSuggestions) {
+      // an edge case might be a controlled input whose onChange callback
+      // doesn't change the value (or sets another): the suggestionListCallback
+      // callback will still receive the original rejected value.
+      // a refactor is needed so the suggestionListCallback might be called only
+      // when the input is uncontrolled, providing a way to externally control
+      // the suggestion values.
+      suggestionHandler(input);
+    }
+  }, [canShowSuggestions, suggestionHandler]);
   /**
    * Handler for the `onKeyDown` event on the form element
    */
 
   const onInputKeyDownHandler = useCallback(event => {
-    if (commitTagOn.includes(event.code)) {
+    if (!canShowSuggestions && commitTagOn.includes(event.code)) {
       addTag(event, tagInput);
     }
-  }, [addTag, commitTagOn, tagInput]);
+  }, [addTag, canShowSuggestions, commitTagOn, tagInput]);
   /**
    * Handler for the `onKeyDown` event on the list container.
    */
 
   const onKeyDownHandler = useCallback(event => {
+    var _getSuggestions;
+
     if (tagInput === "") {
       switch (event.code) {
         case "ArrowLeft":
@@ -200,11 +293,20 @@ const HvTagsInput = props => {
 
           break;
 
+        default:
+          break;
+      }
+    } else {
+      switch (event.code) {
+        case "ArrowDown":
+          (_getSuggestions = getSuggestions(0)) === null || _getSuggestions === void 0 ? void 0 : _getSuggestions.focus();
+          break;
+
         default:
           break;
       }
     }
-  }, [deleteTag, isTagSelected, tagCursorPos, tagInput, value.length]);
+  }, [deleteTag, getSuggestions, isTagSelected, tagCursorPos, tagInput, value.length]);
   /**
    * Handler for the `onDelete` event on the tag component
    */
@@ -331,12 +433,28 @@ const HvTagsInput = props => {
     disabled: disabled,
     readOnly: readOnly || isTagSelected,
     inputProps: _objectSpread({
+      ref: materialInputRef,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description && setId(elementId, "description")
     }, inputProps),
     inputRef: inputRef
-  }, others)))), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
+  }, others)))), canShowSuggestions && /*#__PURE__*/React.createElement(React.Fragment, null, hasSuggestions && /*#__PURE__*/React.createElement("div", {
+    role: "presentation",
+    className: classes.inputExtension
+  }), /*#__PURE__*/React.createElement(HvSuggestions, {
+    id: setId(elementId, "suggestions"),
+    classes: {
+      root: classes.suggestionsContainer,
+      list: classes.suggestionList
+    },
+    expanded: hasSuggestions,
+    anchorEl: containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.parentElement,
+    onClose: suggestionClearHandler,
+    onKeyDown: onSuggestionKeyDown,
+    onSuggestionSelected: suggestionSelectedHandler,
+    suggestionValues: suggestionValues
+  })), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
     id: setId(elementId, "error"),
     disableBorder: true,
     className: classes.error
@@ -451,7 +569,22 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
     /**
      * Styles applied to the tags list when an error occurred.
      */
-    error: PropTypes.string
+    error: PropTypes.string,
+
+    /**
+     * Styles applied to the input extension shown when the suggestions list is visible.
+     */
+    inputExtension: PropTypes.string,
+
+    /**
+     * Styles applied to the container of the suggestions list.
+     */
+    suggestionsContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the suggestions list.
+     */
+    suggestionList: PropTypes.string
   }).isRequired,
 
   /**
@@ -632,7 +765,12 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
   /**
    * If `true` the tag will be commited when the blur event occurs.
    */
-  commitOnBlur: PropTypes.bool
+  commitOnBlur: PropTypes.bool,
+
+  /**
+   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion
+   */
+  suggestionListCallback: PropTypes.func
 } : void 0;
 export default withStyles(styles, {
   name: "HvTagsInput"