@hitachivantara/uikit-react-core 3.58.2 → 3.61.0

package/dist/Snackbar/SnackbarProvider/SnackbarProvider.js

@@ -54,9 +54,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var HvNotistackSnackMessage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var id = _ref.id,
@@ -106,6 +106,7 @@ var useStyles = function useStyles(notistackClassesOverride) {
   return (0, _core.makeStyles)(function () {
     return _objectSpread({
       containerRoot: {
+        pointerEvents: "all",
         "& > div > div": {
           // Overrides notistack extra padding
           padding: "0 !important",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Snackbar/SnackbarProvider/SnackbarProvider.js"],"names":["HvNotistackSnackMessage","ref","id","message","variant","snackbarContentProps","useHvSnackbar","enqueueNotistackSnackbar","enqueueSnackbar","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","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":["HvNotistackSnackMessage","ref","id","message","variant","snackbarContentProps","useHvSnackbar","enqueueNotistackSnackbar","enqueueSnackbar","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","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/Switch/Switch.js

@@ -65,9 +65,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
  * A Switch is <b>binary</b> and work as a digital on/off button.

package/dist/Tab/styles.js

@@ -25,9 +25,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _styles = require("../Focus/styles");
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles = function styles(theme) {
   return {

package/dist/Table/Table.js

@@ -97,9 +97,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var ReactTableFixedColumns = (0, _reactTableHocFixedColumns.default)(_reactTable.default);
 var ReactTableCheckbox = (0, _selectTable.default)(_reactTable.default);

package/dist/Table/styles.js

@@ -29,9 +29,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _hexToRgbA = _interopRequireDefault(require("../utils/hexToRgbA"));
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var tableStyleOverrides = function tableStyleOverrides(classes) {
   return {

package/dist/Tag/Tag.js

@@ -63,9 +63,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getColor = function getColor(theme, customColor, type) {
   var defaultSemanticColor = theme.hv.palette.semantic.sema7;

package/dist/Tag/styles.js

@@ -27,9 +27,9 @@ var _hexToRgbA = _interopRequireDefault(require("../utils/hexToRgbA"));
 
 var _styles = require("../Focus/styles");
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles = function styles(theme) {
   return {

package/dist/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/TagsInput/TagsInput.js

@@ -75,21 +75,23 @@ var _validations = require("../BaseInput/validations");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-var _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"],
+var _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 _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; }
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
  * A tags input is a single or multiline control that allows the input of tags.
  */
 var HvTagsInput = function HvTagsInput(props) {
+  var _containerRef$current2;
+
   var classes = props.classes,
       className = props.className,
       id = props.id,
@@ -136,6 +138,7 @@ var HvTagsInput = function HvTagsInput(props) {
       commitTagOn = _props$commitTagOn === void 0 ? ["Enter"] : _props$commitTagOn,
       _props$commitOnBlur = props.commitOnBlur,
       commitOnBlur = _props$commitOnBlur === void 0 ? false : _props$commitOnBlur,
+      suggestionListCallback = props.suggestionListCallback,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var elementId = (0, _.useUniqueId)(id, "hvTagsInput");
   var hasLabel = textAreaLabel != null;
@@ -175,11 +178,20 @@ var HvTagsInput = function HvTagsInput(props) {
   var containerRef = (0, _react.useRef)();
   var skipReset = (0, _react.useRef)(false);
   var blurTimeout = (0, _react.useRef)();
+  var materialInputRef = (0, _react.useRef)(null);
   var isTagSelected = tagCursorPos >= 0 && tagCursorPos < value.length;
-  var hasCounter = maxTagsQuantity != null && !hideCounter;
+  var hasCounter = maxTagsQuantity != null && !hideCounter; // suggestions related state
+
+  var _useState7 = (0, _react.useState)(null),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      suggestionValues = _useState8[0],
+      setSuggestionValues = _useState8[1];
+
   var isStateInvalid = (0, _react.useMemo)(function () {
     return hasCounter && value.length > maxTagsQuantity;
   }, [hasCounter, maxTagsQuantity, value.length]);
+  var canShowSuggestions = suggestionListCallback != null;
+  var hasSuggestions = !!suggestionValues;
   var errorMessages = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, _validations.DEFAULT_ERROR_MESSAGES), validationMessages);
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -217,6 +229,14 @@ var HvTagsInput = function 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
+   */
+
   var addTag = (0, _react.useCallback)(function (event, tag) {
     event.preventDefault();
 
@@ -256,27 +276,104 @@ var HvTagsInput = function HvTagsInput(props) {
 
     skipReset.current = false;
   }, [value]);
+  var isMounted = (0, _.useIsMounted)();
+  /**
+   * Looks for the node that represent the input inside the material tree and focus it.
+   */
+
+  var focusInput = function focusInput() {
+    materialInputRef.current.focus();
+  };
+
+  var getSuggestions = (0, _react.useCallback)(function (li) {
+    var _listEl$getElementsBy;
+
+    // TODO Replace with ref
+    var listEl = document.getElementById((0, _utils.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.
+   */
+
+  var suggestionClearHandler = (0, _react.useCallback)(function () {
+    if (isMounted.current) {
+      setSuggestionValues(null);
+    }
+  }, [isMounted]);
+  /**
+   * Fills of the suggestion array.
+   */
+
+  var suggestionHandler = (0, _react.useCallback)(function (val) {
+    var _suggestionsArray$;
+
+    var 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.
+   */
+
+  var suggestionSelectedHandler = function 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
+   */
+
+
+  var onSuggestionKeyDown = function onSuggestionKeyDown(event) {
+    if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Esc)) {
+      suggestionClearHandler();
+      focusInput();
+    } else if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Tab)) {
+      suggestionClearHandler();
+    }
+  };
   /**
    * Handler for the `onChange` event on the tag input
    */
 
+
   var onChangeHandler = (0, _react.useCallback)(function (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
    */
 
   var onInputKeyDownHandler = (0, _react.useCallback)(function (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.
    */
 
   var onKeyDownHandler = (0, _react.useCallback)(function (event) {
+    var _getSuggestions;
+
     if (tagInput === "") {
       switch (event.code) {
         case "ArrowLeft":
@@ -303,11 +400,20 @@ var HvTagsInput = function 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
    */
@@ -432,12 +538,28 @@ var HvTagsInput = function HvTagsInput(props) {
     disabled: disabled,
     readOnly: readOnly || isTagSelected,
     inputProps: _objectSpread({
+      ref: materialInputRef,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description && (0, _utils.setId)(elementId, "description")
     }, inputProps),
     inputRef: inputRef
-  }, others)))), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
+  }, others)))), canShowSuggestions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasSuggestions && /*#__PURE__*/_react.default.createElement("div", {
+    role: "presentation",
+    className: classes.inputExtension
+  }), /*#__PURE__*/_react.default.createElement(_.HvSuggestions, {
+    id: (0, _utils.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.default.createElement(_.HvWarningText, {
     id: (0, _utils.setId)(elementId, "error"),
     disableBorder: true,
     className: classes.error
@@ -552,7 +674,22 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
     /**
      * Styles applied to the tags list when an error occurred.
      */
-    error: _propTypes.default.string
+    error: _propTypes.default.string,
+
+    /**
+     * Styles applied to the input extension shown when the suggestions list is visible.
+     */
+    inputExtension: _propTypes.default.string,
+
+    /**
+     * Styles applied to the container of the suggestions list.
+     */
+    suggestionsContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the suggestions list.
+     */
+    suggestionList: _propTypes.default.string
   }).isRequired,
 
   /**
@@ -733,7 +870,12 @@ process.env.NODE_ENV !== "production" ? HvTagsInput.propTypes = {
   /**
    * If `true` the tag will be commited when the blur event occurs.
    */
-  commitOnBlur: _propTypes.default.bool
+  commitOnBlur: _propTypes.default.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.default.func
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {