@hitachivantara/uikit-react-core 3.53.0 → 3.54.2

package/CHANGELOG.md

@@ -3,6 +3,55 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.54.2](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.54.1...@hitachivantara/uikit-react-core@3.54.2) (2022-02-06)
+
+
+### Bug Fixes
+
+* **Snackbar:** fix extended interface on SnackbarProvider ([95f5a54](https://github.com/lumada-design/hv-uikit-react/commit/95f5a5447969156ef5c499dced115201014d2687))
+* **Snackbar:** make the notistackClassesOverride prop optional ([efcc54e](https://github.com/lumada-design/hv-uikit-react/commit/efcc54e61ad1a07bcc2304b02e22e50fd9dc74c4))
+
+
+
+
+
+## [3.54.1](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.54.0...@hitachivantara/uikit-react-core@3.54.1) (2022-02-04)
+
+
+### Bug Fixes
+
+* **Snackbar:** fix extended interface on SnackbarProvider ([95f5a54](https://github.com/lumada-design/hv-uikit-react/commit/95f5a5447969156ef5c499dced115201014d2687))
+
+
+
+
+
+# [3.54.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.53.1...@hitachivantara/uikit-react-core@3.54.0) (2022-02-04)
+
+
+### Bug Fixes
+
+* **TagsInput:** add max counter validation ([#2657](https://github.com/lumada-design/hv-uikit-react/issues/2657)) ([2d539e9](https://github.com/lumada-design/hv-uikit-react/commit/2d539e9f73a4f0ddc30486503a759f4d3e5cc38e))
+* **TagsInput:** add required property ([51bc3c8](https://github.com/lumada-design/hv-uikit-react/commit/51bc3c8f5fc184054596b6c3c2bc02fdf6dfcb7c))
+* **TagsInput:** add status validation and other fixes ([c791849](https://github.com/lumada-design/hv-uikit-react/commit/c7918490f5b6a84a1ba934a9464ba09e73a9e7e4))
+
+
+### Features
+
+* **snackbar:** adding stacked snackbar provider. ([a3d7ace](https://github.com/lumada-design/hv-uikit-react/commit/a3d7ace1a7cc4414ea679881898670379689d816))
+
+
+
+
+
+## [3.53.1](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.53.0...@hitachivantara/uikit-react-core@3.53.1) (2022-02-01)
+
+**Note:** Version bump only for package @hitachivantara/uikit-react-core
+
+
+
+
+
 # 3.53.0 (2022-01-27)
 
 

package/dist/Snackbar/SnackbarProvider/SnackbarProvider.d.ts

@@ -0,0 +1,30 @@
+import {
+  OptionsObject,
+  ProviderContext,
+  SnackbarKey,
+  SnackbarMessage,
+  SnackbarProviderProps,
+} from "notistack";
+import { SemanticVariantTypes } from "../../Banner";
+import { HvSnackbarContentProps } from "../SnackbarContentWrapper";
+
+export interface HvSnackbarProviderProps extends SnackbarProviderProps {
+  /**
+   * Class object used to override notistack classes.
+   */
+  notistackClassesOverride?: Record<string, unknown>;
+}
+
+interface HvEnqueueOptions extends OptionsObject {
+  id?: string;
+  variant?: SemanticVariantTypes;
+  snackbarContentProps?: HvSnackbarContentProps;
+}
+
+interface HvSnackbarProviderContext extends ProviderContext {
+  enqueueSnackbar: (message: SnackbarMessage, options?: HvEnqueueOptions) => SnackbarKey;
+}
+
+export function useHvSnackbar(): HvSnackbarProviderContext;
+
+export default function HvSnackbarProvider(props: HvSnackbarProviderProps): JSX.Element | null;

package/dist/Snackbar/SnackbarProvider/SnackbarProvider.js

@@ -0,0 +1,207 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHvSnackbar = exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _core = require("@material-ui/core");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _notistack = require("notistack");
+
+var _SnackbarContentWrapper = _interopRequireDefault(require("../SnackbarContentWrapper"));
+
+var _excluded = ["id", "variant", "snackbarContentProps"],
+    _excluded2 = ["children", "notistackClassesOverride", "maxSnack", "autoHideDuration", "anchorOrigin"];
+
+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 _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; }
+
+var HvNotistackSnackMessage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var id = _ref.id,
+      message = _ref.message,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "success" : _ref$variant,
+      snackbarContentProps = _ref.snackbarContentProps;
+  return /*#__PURE__*/_react.default.createElement(_notistack.SnackbarContent, {
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_SnackbarContentWrapper.default, (0, _extends2.default)({
+    id: id,
+    variant: variant,
+    showIcon: true,
+    label: message
+  }, snackbarContentProps)));
+}); // We override notistack hook to be able to customize the snackbar that should be called.
+
+var useHvSnackbar = function useHvSnackbar() {
+  var _useSnackbar = (0, _notistack.useSnackbar)(),
+      enqueueNotistackSnackbar = _useSnackbar.enqueueSnackbar,
+      closeSnackbar = _useSnackbar.closeSnackbar;
+
+  var enqueueSnackbar = (0, _react.useCallback)(function (message, options) {
+    var id = options.id,
+        _options$variant = options.variant,
+        variant = _options$variant === void 0 ? "success" : _options$variant,
+        snackbarContentProps = options.snackbarContentProps,
+        otherOptions = (0, _objectWithoutProperties2.default)(options, _excluded);
+    enqueueNotistackSnackbar( /*#__PURE__*/_react.default.createElement(HvNotistackSnackMessage, {
+      id: id,
+      message: message,
+      variant: variant,
+      snackbarContentProps: snackbarContentProps
+    }), otherOptions);
+  }, [enqueueNotistackSnackbar]);
+  return (0, _react.useMemo)(function () {
+    return {
+      enqueueSnackbar: enqueueSnackbar,
+      closeSnackbar: closeSnackbar
+    };
+  }, [enqueueSnackbar, closeSnackbar]);
+};
+
+exports.useHvSnackbar = useHvSnackbar;
+
+var useStyles = function useStyles(notistackClassesOverride) {
+  return (0, _core.makeStyles)(function () {
+    return _objectSpread({
+      containerRoot: {
+        "& > div > div": {
+          // Overrides notistack extra padding
+          padding: "0 !important",
+          transition: "all 0s ease 0s !important",
+          "& > div > div > div": {
+            color: "inherit",
+            padding: "0",
+            fontSize: "inherit",
+            boxShadow: "none",
+            alignItems: "center",
+            fontFamily: "inherit",
+            fontWeight: "inherit",
+            lineHeight: "inherit",
+            borderRadius: "0",
+            letterSpacing: "inherit",
+            backgroundColor: "inherit"
+          }
+        }
+      }
+    }, notistackClassesOverride);
+  })();
+};
+
+var HvSnackbarProvider = function HvSnackbarProvider(_ref2) {
+  var children = _ref2.children,
+      _ref2$notistackClasse = _ref2.notistackClassesOverride,
+      notistackClassesOverride = _ref2$notistackClasse === void 0 ? {} : _ref2$notistackClasse,
+      _ref2$maxSnack = _ref2.maxSnack,
+      maxSnack = _ref2$maxSnack === void 0 ? 5 : _ref2$maxSnack,
+      _ref2$autoHideDuratio = _ref2.autoHideDuration,
+      autoHideDuration = _ref2$autoHideDuratio === void 0 ? 5000 : _ref2$autoHideDuratio,
+      _ref2$anchorOrigin = _ref2.anchorOrigin,
+      anchorOrigin = _ref2$anchorOrigin === void 0 ? {
+    vertical: "top",
+    horizontal: "right"
+  } : _ref2$anchorOrigin,
+      others = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  var classes = useStyles(notistackClassesOverride);
+  return /*#__PURE__*/_react.default.createElement(_notistack.SnackbarProvider, (0, _extends2.default)({
+    classes: _objectSpread({}, classes),
+    maxSnack: maxSnack,
+    autoHideDuration: autoHideDuration,
+    anchorOrigin: anchorOrigin
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? HvSnackbarProvider.propTypes = {
+  /**
+   * Your component tree.
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Max visible snackbars.
+   */
+  maxSnack: _propTypes.default.number,
+
+  /**
+   * How much time the snackbar remains visible in milliseconds.
+   */
+  autoHideDuration: _propTypes.default.number,
+
+  /**
+   * Where is the snackbar placed.
+   */
+  anchorOrigin: _propTypes.default.shape({
+    vertical: _propTypes.default.oneOf(["top", "bottom"]),
+    horizontal: _propTypes.default.oneOf(["right", "left"])
+  }),
+
+  /**
+   * Class object used to override notistack classes.
+   */
+  notistackClassesOverride: _propTypes.default.instanceOf(Object)
+} : void 0;
+process.env.NODE_ENV !== "production" ? HvNotistackSnackMessage.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Your component tree.
+   */
+  message: _propTypes.default.string,
+
+  /**
+   * Variant of the snackbar.
+   */
+  variant: _propTypes.default.oneOf(["default", "success", "error"]),
+
+  /**
+   * Extra values to pass to the snackbar.
+   */
+  snackbarContentProps: _propTypes.default.instanceOf(Object)
+} : void 0;
+var _default = HvSnackbarProvider;
+exports.default = _default;
+//# sourceMappingURL=SnackbarProvider.js.map

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

@@ -0,0 +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"}

package/dist/Snackbar/SnackbarProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./SnackbarProvider";
+export * from "./SnackbarProvider";

package/dist/Snackbar/SnackbarProvider/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _SnackbarProvider.default;
+  }
+});
+
+var _SnackbarProvider = _interopRequireWildcard(require("./SnackbarProvider"));
+
+Object.keys(_SnackbarProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SnackbarProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SnackbarProvider[key];
+    }
+  });
+});
+
+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; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Snackbar/SnackbarProvider/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from \"./SnackbarProvider\";\nexport * from \"./SnackbarProvider\";\n"],"file":"index.js"}

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

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

package/dist/TagsInput/TagsInput.d.ts

@@ -1,8 +1,10 @@
 import { StandardProps } from "@material-ui/core";
 import { HvTagProps } from "../Tag/Tag";
 import { HvCharCounterProps } from "../Forms/CharCounter";
+import { HvFormStatus } from "../Forms/FormElement";
 
-import { HvBaseInputProps } from "../BaseInput";
+import { HvInputProps } from "..";
+import { HvBaseInputValidationMessagesProps } from "../BaseInput";
 
 export type HvTagsInputClassKey =
   | "root"
@@ -12,10 +14,11 @@ export type HvTagsInputClassKey =
   | "labelContainer"
   | "label"
   | "characterCounter"
-  | "description";
+  | "description"
+  | "error";
 
 export interface HvTagsInputProps
-  extends StandardProps<HvBaseInputProps, HvTagsInputClassKey, "onChange" | "onBlur"> {
+  extends StandardProps<HvInputProps, HvTagsInputClassKey, "onChange" | "onBlur"> {
   /**
    * The label of the form element.
    *
@@ -48,6 +51,10 @@ export interface HvTagsInputProps
    * Indicates that the form element is not editable.
    */
   readOnly?: boolean;
+  /**
+   * Indicates that the form element is required.
+   */
+  required?: boolean;
 
   /**
    * If `true` it should autofocus.
@@ -95,7 +102,29 @@ export interface HvTagsInputProps
   /**
    * Called back when the value is changed.
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+  onChange?: (
+    event:
+      | React.ChangeEvent<HTMLInputElement>
+      | React.KeyboardEvent<HTMLInputElement>
+      | React.MouseEvent<HTMLButtonElement>
+      | React.MouseEvent<HTMLElement, MouseEvent>
+      | React.KeyboardEventHandler<HTMLElement>,
+    value: HvTagProps[]
+  ) => void;
+
+  /**
+   * The status of the form element.
+   */
+  status?: HvFormStatus;
+  /**
+   * The error message to show when `status` is "invalid".
+   */
+  statusMessage?: React.ReactNode;
+
+  /**
+   * An Object containing the various texts associated with the input.
+   */
+  validationMessages?: HvBaseInputValidationMessagesProps;
 }
 
 export default function HvTagsInput(props: HvTagsInputProps): JSX.Element | null;