@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/Snackbar/SnackbarProvider/SnackbarProvider.js

@@ -31,15 +31,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -47,6 +45,8 @@ var _notistack = require("notistack");
 
 var _SnackbarContentWrapper = _interopRequireDefault(require("../SnackbarContentWrapper"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "variant", "snackbarContentProps"],
     _excluded2 = ["children", "notistackClassesOverride", "maxSnack", "autoHideDuration", "anchorOrigin"];
 
@@ -64,14 +64,15 @@ var HvNotistackSnackMessage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
       _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)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_notistack.SnackbarContent, {
+    ref: ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SnackbarContentWrapper.default, _objectSpread({
+      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() {
@@ -85,7 +86,7 @@ var useHvSnackbar = function useHvSnackbar() {
         variant = _options$variant === void 0 ? "success" : _options$variant,
         snackbarContentProps = options.snackbarContentProps,
         otherOptions = (0, _objectWithoutProperties2.default)(options, _excluded);
-    enqueueNotistackSnackbar( /*#__PURE__*/_react.default.createElement(HvNotistackSnackMessage, {
+    enqueueNotistackSnackbar( /*#__PURE__*/(0, _jsxRuntime.jsx)(HvNotistackSnackMessage, {
       id: id,
       message: message,
       variant: variant,
@@ -103,7 +104,7 @@ var useHvSnackbar = function useHvSnackbar() {
 exports.useHvSnackbar = useHvSnackbar;
 
 var useStyles = function useStyles(notistackClassesOverride) {
-  return (0, _core.makeStyles)(function () {
+  return (0, _styles.makeStyles)(function () {
     return _objectSpread({
       containerRoot: {
         pointerEvents: "all",
@@ -145,12 +146,14 @@ var HvSnackbarProvider = function HvSnackbarProvider(_ref2) {
   } : _ref2$anchorOrigin,
       others = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   var classes = useStyles(notistackClassesOverride);
-  return /*#__PURE__*/_react.default.createElement(_notistack.SnackbarProvider, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_notistack.SnackbarProvider, _objectSpread(_objectSpread({
     classes: _objectSpread({}, classes),
     maxSnack: maxSnack,
     autoHideDuration: autoHideDuration,
     anchorOrigin: anchorOrigin
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvSnackbarProvider.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.js","names":["HvNotistackSnackMessage","forwardRef","ref","id","message","variant","snackbarContentProps","useHvSnackbar","useSnackbar","enqueueNotistackSnackbar","enqueueSnackbar","closeSnackbar","useCallback","options","otherOptions","useMemo","useStyles","notistackClassesOverride","makeStyles","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"],"sources":["../../../src/Snackbar/SnackbarProvider/SnackbarProvider.js"],"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"],"mappings":"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"}
+{"version":3,"file":"SnackbarProvider.js","names":["HvNotistackSnackMessage","forwardRef","ref","id","message","variant","snackbarContentProps","useHvSnackbar","useSnackbar","enqueueNotistackSnackbar","enqueueSnackbar","closeSnackbar","useCallback","options","otherOptions","useMemo","useStyles","notistackClassesOverride","makeStyles","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"],"sources":["../../../src/Snackbar/SnackbarProvider/SnackbarProvider.js"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { makeStyles } from \"@mui/styles\";\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"],"mappings":"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"}

package/dist/Snackbar/index.d.ts

@@ -1,2 +1,8 @@
 export { default } from "./Snackbar";
 export * from "./Snackbar";
+
+export { default as HvSnackbarContent } from "./SnackbarContentWrapper";
+export * from "./SnackbarContentWrapper";
+
+export { default as HvSnackbarProvider, useHvSnackbar } from "./SnackbarProvider";
+export * from "./SnackbarProvider";

package/dist/Snackbar/index.js

@@ -1,16 +1,56 @@
 "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");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "HvSnackbarContent", {
+  enumerable: true,
+  get: function get() {
+    return _SnackbarContentWrapper.default;
+  }
+});
+Object.defineProperty(exports, "HvSnackbarProvider", {
+  enumerable: true,
+  get: function get() {
+    return _SnackbarProvider.default;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _Snackbar.default;
   }
 });
+Object.defineProperty(exports, "useHvSnackbar", {
+  enumerable: true,
+  get: function get() {
+    return _SnackbarProvider.useHvSnackbar;
+  }
+});
 
 var _Snackbar = _interopRequireDefault(require("./Snackbar"));
+
+var _SnackbarContentWrapper = _interopRequireDefault(require("./SnackbarContentWrapper"));
+
+var _SnackbarProvider = _interopRequireWildcard(require("./SnackbarProvider"));
+
+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/index.js.map

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

package/dist/Stack/Stack.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, DividerProps } from "@material-ui/core";
+import { StandardProps, DividerProps } from "@mui/material";
 import React from "react";
 import { HvThemeSpacing } from "../theme";
 

package/dist/Stack/Stack.js

@@ -1,11 +1,21 @@
 "use strict";
 
-require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.object.keys.js");
 
-require("core-js/modules/es.weak-map.js");
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.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.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -23,7 +33,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 require("core-js/modules/es.array.map.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -35,24 +45,32 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _isString = _interopRequireDefault(require("lodash/isString"));
 
 var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _useWidth = _interopRequireDefault(require("../utils/useWidth"));
 
 var _Focus = _interopRequireDefault(require("../Focus"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["classes", "children", "direction", "spacing", "divider", "withNavigation", "dividerProps"];
 
 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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 /**
  * @returns {string} - Returns a direction for the stack: column or row. If the
  *                     `direction` property is a string and a valid direction then we
@@ -93,7 +111,7 @@ var HvStack = function HvStack(_ref) {
       dividerProps = _ref$dividerProps === void 0 ? {} : _ref$dividerProps,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var width = (0, _useWidth.default)();
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _styles.useTheme)();
   var containerRef = (0, _react.useRef)(null);
   var breakpoints = (0, _react.useMemo)(function () {
     return (0, _toConsumableArray2.default)(theme.breakpoints.keys);
@@ -109,7 +127,7 @@ var HvStack = function HvStack(_ref) {
 
   var getDividerComponent = (0, _react.useCallback)(function () {
     if ((0, _isBoolean.default)(divider) && divider) {
-      return /*#__PURE__*/_react.default.createElement(_core.Divider, (0, _extends2.default)({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, _objectSpread({
         orientation: processedDirection === "column" ? "horizontal" : "vertical",
         flexItem: processedDirection === "row",
         role: "separator"
@@ -118,19 +136,25 @@ var HvStack = function HvStack(_ref) {
 
     return divider;
   }, [divider, dividerProps, processedDirection]);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     ref: containerRef,
     className: (0, _clsx.default)(classes.root, classes[processedDirection], classes[spacing])
-  }, others), _react.default.Children.map(children, function (child, i) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, divider && i !== 0 && getDividerComponent(divider, processedDirection), withNavigation ? /*#__PURE__*/_react.default.createElement(_Focus.default, {
-      rootRef: containerRef,
-      focusDisabled: false,
-      strategy: "grid",
-      navigationJump: processedDirection === "column" ? 1 : children.length,
-      filterClass: "child"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "child"
-    }, child)) : child);
+  }, others), {}, {
+    children: _react.default.Children.map(children, function (child, i) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [divider && i !== 0 && getDividerComponent(divider, processedDirection), withNavigation ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Focus.default, {
+          rootRef: containerRef,
+          focusDisabled: false,
+          strategy: "grid",
+          navigationJump: processedDirection === "column" ? 1 : children.length,
+          filterClass: "child",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "child",
+            children: child
+          })
+        }) : child]
+      });
+    })
   }));
 };
 
@@ -187,7 +211,7 @@ process.env.NODE_ENV !== "production" ? HvStack.propTypes = {
   withNavigation: _propTypes.default.bool
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvStack"
 })(HvStack);
 

package/dist/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","useWidth","theme","useTheme","containerRef","useRef","useMemo","keys","processedDirection","getDividerComponent","useCallback","isBoolean","clsx","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","withStyles","styles","name"],"sources":["../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Divider, useTheme } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = ({\n  classes,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}) => {\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}
+{"version":3,"file":"Stack.js","names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","useWidth","theme","useTheme","containerRef","useRef","useMemo","keys","processedDirection","getDividerComponent","useCallback","isBoolean","clsx","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","withStyles","styles","name"],"sources":["../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = ({\n  classes,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}) => {\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}

package/dist/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvLabelProps } from "../Forms/Label";
 import { HvFormStatus } from "../Forms/FormElement";
 import { HvBaseSwitchProps } from "../BaseSwitch";

package/dist/Switch/Switch.js

@@ -35,8 +35,6 @@ require("core-js/modules/es.function.name.js");
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -47,7 +45,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _ = require("..");
 
@@ -57,7 +55,9 @@ var _utils = require("../utils");
 
 var _BaseSwitch = _interopRequireDefault(require("../BaseSwitch"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _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"];
 
@@ -143,44 +143,47 @@ var HvSwitch = function HvSwitch(props) {
     errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_.HvFormElement, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvFormElement, {
     id: id,
     name: name,
     status: validationState,
     disabled: disabled,
     required: required,
     readOnly: readOnly,
-    className: (0, _clsx.default)(className, classes.root)
-  }, label && /*#__PURE__*/_react.default.createElement(_.HvLabel, (0, _extends2.default)({
-    id: (0, _utils.setId)(elementId, "label"),
-    htmlFor: (0, _utils.setId)(elementId, "input"),
-    label: label,
-    className: (0, _clsx.default)(classes.label)
-  }, labelProps)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.switchContainer, isStateInvalid && classes.invalidSwitch)
-  }, /*#__PURE__*/_react.default.createElement(_BaseSwitch.default, (0, _extends2.default)({
-    id: label ? (0, _utils.setId)(elementId, "input") : (0, _utils.setId)(id, "input"),
-    name: name,
-    disabled: disabled,
-    readOnly: readOnly,
-    required: required,
-    onChange: onLocalChange,
-    value: value,
-    checked: isChecked,
-    inputProps: _objectSpread({
-      "aria-invalid": isStateInvalid ? true : undefined,
-      "aria-errormessage": errorMessageId,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-describedby": ariaDescribedBy
-    }, inputProps)
-  }, others))), canShowError && /*#__PURE__*/_react.default.createElement(_.HvWarningText, {
-    id: (0, _utils.setId)(elementId, "error"),
-    className: (0, _clsx.default)(classes.error),
-    disableBorder: true,
-    disableAdornment: true,
-    hideText: true
-  }, validationMessage));
+    className: (0, _clsx.default)(className, classes.root),
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvLabel, _objectSpread({
+      id: (0, _utils.setId)(elementId, "label"),
+      htmlFor: (0, _utils.setId)(elementId, "input"),
+      label: label,
+      className: (0, _clsx.default)(classes.label)
+    }, labelProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.default)(classes.switchContainer, isStateInvalid && classes.invalidSwitch),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseSwitch.default, _objectSpread({
+        id: label ? (0, _utils.setId)(elementId, "input") : (0, _utils.setId)(id, "input"),
+        name: name,
+        disabled: disabled,
+        readOnly: readOnly,
+        required: required,
+        onChange: onLocalChange,
+        value: value,
+        checked: isChecked,
+        inputProps: _objectSpread({
+          "aria-invalid": isStateInvalid ? true : undefined,
+          "aria-errormessage": errorMessageId,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          "aria-describedby": ariaDescribedBy
+        }, inputProps)
+      }, others))
+    }), canShowError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
+      id: (0, _utils.setId)(elementId, "error"),
+      className: (0, _clsx.default)(classes.error),
+      disableBorder: true,
+      disableAdornment: true,
+      hideText: true,
+      children: validationMessage
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
@@ -330,7 +333,7 @@ process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
   inputProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvSwitch"
 })(HvSwitch);
 

package/dist/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","useControlled","Boolean","isChecked","setIsChecked","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","clsx","root","switchContainer","invalidSwitch","error","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","withStyles","styles"],"sources":["../../src/Switch/Switch.js"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseSwitch from \"../BaseSwitch\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nconst HvSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\n        <HvLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(classes.label)}\n          {...labelProps}\n        />\n      )}\n      <div className={clsx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid })}>\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </div>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(classes.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSwitch.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the switch container.\n     */\n    switchContainer: PropTypes.string,\n    /**\n     * Styles applied to the switch container when the validations status is invalid.\n     */\n    invalidSwitch: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the switch.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(HvSwitch);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;AACA;;AAEA;;AAEA;;AAEA;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;EAC1B,IACEC,OADF,GA6BID,KA7BJ,CACEC,OADF;EAAA,IAEEC,SAFF,GA6BIF,KA7BJ,CAEEE,SAFF;EAAA,IAIEC,EAJF,GA6BIH,KA7BJ,CAIEG,EAJF;EAAA,IAKEC,IALF,GA6BIJ,KA7BJ,CAKEI,IALF;EAAA,mBA6BIJ,KA7BJ,CAMEK,KANF;EAAA,IAMEA,KANF,6BAMU,IANV;EAAA,sBA6BIL,KA7BJ,CAOEM,QAPF;EAAA,IAOEA,QAPF,gCAOa,KAPb;EAAA,sBA6BIN,KA7BJ,CAQEO,QARF;EAAA,IAQEA,QARF,gCAQa,KARb;EAAA,sBA6BIP,KA7BJ,CASEQ,QATF;EAAA,IASEA,QATF,gCASa,KATb;EAAA,IAWEC,KAXF,GA6BIT,KA7BJ,CAWES,KAXF;EAAA,IAYgBC,SAZhB,GA6BIV,KA7BJ,CAYE,YAZF;EAAA,IAaqBW,cAbrB,GA6BIX,KA7BJ,CAaE,iBAbF;EAAA,IAcsBY,eAdtB,GA6BIZ,KA7BJ,CAcE,kBAdF;EAAA,IAeEa,UAfF,GA6BIb,KA7BJ,CAeEa,UAfF;EAAA,IAiBEC,OAjBF,GA6BId,KA7BJ,CAiBEc,OAjBF;EAAA,4BA6BId,KA7BJ,CAkBEe,cAlBF;EAAA,IAkBEA,cAlBF,sCAkBmB,KAlBnB;EAAA,IAoBEC,QApBF,GA6BIhB,KA7BJ,CAoBEgB,QApBF;EAAA,IAsBEC,MAtBF,GA6BIjB,KA7BJ,CAsBEiB,MAtBF;EAAA,IAuBEC,aAvBF,GA6BIlB,KA7BJ,CAuBEkB,aAvBF;EAAA,IAwBuBC,gBAxBvB,GA6BInB,KA7BJ,CAwBE,mBAxBF;EAAA,IA0BEoB,UA1BF,GA6BIpB,KA7BJ,CA0BEoB,UA1BF;EAAA,IA4BKC,MA5BL,0CA6BIrB,KA7BJ;EA+BA,IAAMsB,SAAS,GAAG,IAAAC,aAAA,EAAYpB,EAAZ,EAAgB,UAAhB,CAAlB;;EAEA,qBAAkC,IAAAqB,oBAAA,EAAcV,OAAd,EAAuBW,OAAO,CAACV,cAAD,CAA9B,CAAlC;EAAA;EAAA,IAAOW,SAAP;EAAA,IAAkBC,YAAlB;;EAEA,sBAA8C,IAAAH,oBAAA,EAAcP,MAAd,EAAsB,SAAtB,CAA9C;EAAA;EAAA,IAAOW,eAAP;EAAA,IAAwBC,kBAAxB;;EAEA,sBAA4B,IAAAL,oBAAA,EAAcN,aAAd,EAA6B,UAA7B,CAA5B;EAAA;EAAA,IAAOY,iBAAP;;EAEA,IAAMC,aAAa,GAAG,IAAAC,kBAAA,EACpB,UAACC,GAAD,EAAMC,UAAN,EAAqB;IACnBP,YAAY,CAAC,YAAM;MACjB;MACA,IAAIrB,QAAQ,IAAI,CAAC4B,UAAjB,EAA6B;QAC3BL,kBAAkB,CAAC,SAAD,CAAlB;MACD,CAFD,MAEO;QACLA,kBAAkB,CAAC,OAAD,CAAlB;MACD;;MAED,OAAOK,UAAP;IACD,CATW,CAAZ;IAWAlB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGiB,GAAH,EAAQC,UAAR,EAAoB7B,KAApB,CAAR;EACD,CAdmB,EAepB,CAACW,QAAD,EAAWV,QAAX,EAAqBqB,YAArB,EAAmCE,kBAAnC,EAAuDxB,KAAvD,CAfoB,CAAtB,CAxC0B,CA0D1B;EACA;EACA;EACA;;EACA,IAAM8B,YAAY,GAChBhB,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAKmB,SAAX,IAAwBlB,aAAa,KAAKkB,SAA3C,IAA0DnB,MAAM,KAAKmB,SAAX,IAAwB9B,QADnF,CADF;EAIA,IAAM+B,cAAc,GAAG,IAAAC,2BAAA,EAAUV,eAAV,CAAvB;EAEA,IAAIW,cAAJ;;EACA,IAAIF,cAAJ,EAAoB;IAClBE,cAAc,GAAGJ,YAAY,GAAG,IAAAK,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CAAH,GAA+BH,gBAA5D;EACD;;EAED,oBACE,6BAAC,eAAD;IACE,EAAE,EAAEhB,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,MAAM,EAAEwB,eAHV;IAIE,QAAQ,EAAEpB,QAJZ;IAKE,QAAQ,EAAEF,QALZ;IAME,QAAQ,EAAEC,QANZ;IAOE,SAAS,EAAE,IAAAkC,aAAA,EAAKvC,SAAL,EAAgBD,OAAO,CAACyC,IAAxB;EAPb,GASGjC,KAAK,iBACJ,6BAAC,SAAD;IACE,EAAE,EAAE,IAAA+B,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CADN;IAEE,OAAO,EAAE,IAAAkB,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CAFX;IAGE,KAAK,EAAEb,KAHT;IAIE,SAAS,EAAE,IAAAgC,aAAA,EAAKxC,OAAO,CAACQ,KAAb;EAJb,GAKMI,UALN,EAVJ,eAkBE;IAAK,SAAS,EAAE,IAAA4B,aAAA,EAAKxC,OAAO,CAAC0C,eAAb,EAAyDN,cAAzD,IAAiCpC,OAAO,CAAC2C,aAAzC;EAAhB,gBACE,6BAAC,mBAAD;IACE,EAAE,EAAEnC,KAAK,GAAG,IAAA+B,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CAAH,GAA+B,IAAAkB,YAAA,EAAMrC,EAAN,EAAU,OAAV,CAD1C;IAEE,IAAI,EAAEC,IAFR;IAGE,QAAQ,EAAEI,QAHZ;IAIE,QAAQ,EAAED,QAJZ;IAKE,QAAQ,EAAED,QALZ;IAME,QAAQ,EAAEyB,aANZ;IAOE,KAAK,EAAE1B,KAPT;IAQE,OAAO,EAAEqB,SARX;IASE,UAAU;MACR,gBAAgBW,cAAc,GAAG,IAAH,GAAUD,SADhC;MAER,qBAAqBG,cAFb;MAGR,cAAc7B,SAHN;MAIR,mBAAmBC,cAJX;MAKR,oBAAoBC;IALZ,GAMLQ,UANK;EATZ,GAiBMC,MAjBN,EADF,CAlBF,EAuCGc,YAAY,iBACX,6BAAC,eAAD;IACE,EAAE,EAAE,IAAAK,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CADN;IAEE,SAAS,EAAE,IAAAmB,aAAA,EAAKxC,OAAO,CAAC4C,KAAb,CAFb;IAGE,aAAa,MAHf;IAIE,gBAAgB,MAJlB;IAKE,QAAQ;EALV,GAOGf,iBAPH,CAxCJ,CADF;AAqDD,CA9HD;;AAgIA,wCAAA/B,QAAQ,CAAC+C,SAAT,GAAqB;EACnB;AACF;AACA;EACE5C,SAAS,EAAE6C,kBAAA,CAAUC,MAJF;;EAKnB;AACF;AACA;EACE/C,OAAO,EAAE8C,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEK,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIvC,KAAK,EAAEsC,kBAAA,CAAUC,MARM;;IASvB;AACJ;AACA;IACIH,KAAK,EAAEE,kBAAA,CAAUC,MAZM;;IAavB;AACJ;AACA;IACIL,eAAe,EAAEI,kBAAA,CAAUC,MAhBJ;;IAiBvB;AACJ;AACA;IACIJ,aAAa,EAAEG,kBAAA,CAAUC;EApBF,CAAhB,EAqBNE,UA7BgB;;EA+BnB;AACF;AACA;EACE/C,EAAE,EAAE4C,kBAAA,CAAUC,MAlCK;;EAoCnB;AACF;AACA;EACE5C,IAAI,EAAE2C,kBAAA,CAAUC,MAvCG;;EAwCnB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE;EACA3C,KAAK,EAAE0C,kBAAA,CAAUI,GAjDE;;EAmDnB;AACF;AACA;AACA;AACA;AACA;EACE1C,KAAK,EAAEsC,kBAAA,CAAUK,IAzDE;;EA0DnB;AACF;AACA;EACE,cAAcL,kBAAA,CAAUC,MA7DL;;EA8DnB;AACF;AACA;EACE,mBAAmBD,kBAAA,CAAUC,MAjEV;;EAkEnB;AACF;AACA;EACE,oBAAoBD,kBAAA,CAAUC,MArEX;;EAsEnB;AACF;AACA;EACEnC,UAAU,EAAEkC,kBAAA,CAAUM,UAAV,CAAqBC,MAArB,CAzEO;;EA0EnB;AACF;AACA;EACE9C,QAAQ,EAAEuC,kBAAA,CAAUQ,IA7ED;;EA8EnB;AACF;AACA;EACEhD,QAAQ,EAAEwC,kBAAA,CAAUQ,IAjFD;;EAkFnB;AACF;AACA;EACEjD,QAAQ,EAAEyC,kBAAA,CAAUQ,IArFD;;EAuFnB;AACF;AACA;AACA;AACA;EACEzC,OAAO,EAAEiC,kBAAA,CAAUQ,IA5FA;;EA6FnB;AACF;AACA;EACExC,cAAc,EAAEgC,kBAAA,CAAUQ,IAhGP;;EAkGnB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEtC,MAAM,EAAE8B,kBAAA,CAAUS,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CA1GW;;EA2GnB;AACF;AACA;AACA;AACA;EACEtC,aAAa,EAAE6B,kBAAA,CAAUC,MAhHN;;EAiHnB;AACF;AACA;AACA;AACA;EACE,qBAAqBD,kBAAA,CAAUC,MAtHZ;;EAwHnB;AACF;AACA;EACEhC,QAAQ,EAAE+B,kBAAA,CAAUU,IA3HD;;EA6HnB;AACF;AACA;EACErC,UAAU,EAAE2B,kBAAA,CAAUM,UAAV,CAAqBC,MAArB;AAhIO,CAArB;;eAmIe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEvD,IAAI,EAAE;AAAR,CAAnB,EAAyCL,QAAzC,C"}
+{"version":3,"file":"Switch.js","names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","useControlled","Boolean","isChecked","setIsChecked","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","clsx","root","switchContainer","invalidSwitch","error","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","withStyles","styles"],"sources":["../../src/Switch/Switch.js"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseSwitch from \"../BaseSwitch\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nconst HvSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\n        <HvLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(classes.label)}\n          {...labelProps}\n        />\n      )}\n      <div className={clsx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid })}>\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </div>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(classes.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSwitch.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the switch container.\n     */\n    switchContainer: PropTypes.string,\n    /**\n     * Styles applied to the switch container when the validations status is invalid.\n     */\n    invalidSwitch: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the switch.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(HvSwitch);\n"],"mappings":"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"}

package/dist/Tab/Tab.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, TabProps } from "@material-ui/core";
+import { StandardProps, TabProps } from "@mui/material";
 
 export type HvTabClassKey = "root" | "labelContainer" | "selected" | "disabled";