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

package/dist/Badge/Badge.js

@@ -1,5 +1,19 @@
 "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");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Badge = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -17,14 +31,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _Typography = _interopRequireDefault(require("../Typography"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "showCount", "count", "maxCount", "label", "icon", "text", "textVariant"];
 
+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; }
+
 /**
  * The badge is a component used to notify the user that something has occurred, in the app context.
  */
@@ -51,20 +71,23 @@ var Badge = function Badge(props) {
   // (Note count=0 should not be rendered to avoid ghosty 0.)
 
   var renderedCountOrLabel = label || showCount && count > 0 && renderedCount || null;
-
-  var Component = icon || text && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: textVariant
-  }, text);
-
+  var Component = icon || text && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    variant: textVariant,
+    children: text
+  });
   var badgeClasses = (0, _clsx.default)(classes.badgePosition, (count > 0 || renderedCountOrLabel) && classes.badge, label ? classes.showLabel : renderedCountOrLabel && classes.showCount, icon && classes.badgeIcon, String(renderedCountOrLabel).length === 1 && classes.badgeOneDigit);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     "aria-label": renderedCountOrLabel,
     className: classes.root
-  }, others), Component, /*#__PURE__*/_react.default.createElement("div", {
-    className: Component ? classes.badgeContainer : null
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: badgeClasses
-  }, renderedCountOrLabel)));
+  }, others), {}, {
+    children: [Component, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: Component ? classes.badgeContainer : null,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: badgeClasses,
+        children: renderedCountOrLabel
+      })
+    })]
+  }));
 };
 
 exports.Badge = Badge;
@@ -156,7 +179,7 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes = {
   textVariant: _propTypes.default.string
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvBadge"
 })(Badge);
 

package/dist/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["Badge","props","classes","showCount","count","maxCount","label","icon","text","textVariant","others","renderedCount","renderedCountOrLabel","Component","badgeClasses","clsx","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit","root","badgeContainer","propTypes","PropTypes","shape","string","isRequired","number","bool","node","withStyles","styles","name"],"sources":["../../src/Badge/Badge.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport Typography from \"../Typography\";\nimport styles from \"./styles\";\n\n/**\n * The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const Badge = (props) => {\n  const {\n    classes,\n    showCount = false,\n    count = 0,\n    maxCount = 99,\n    label = null,\n    icon = null,\n    text = null,\n    textVariant = null,\n    ...others\n  } = props;\n  const renderedCount = count > maxCount ? `${maxCount}+` : count;\n  // If label is specified and non-empty, render it.\n  // If showCount is specified and count > 0, render the count.\n  // Otherwise, render nothing on the badge.\n  // (Note count=0 should not be rendered to avoid ghosty 0.)\n  const renderedCountOrLabel = label || (showCount && count > 0 && renderedCount) || null;\n  const Component = icon || (text && <Typography variant={textVariant}>{text}</Typography>);\n\n  const badgeClasses = clsx(classes.badgePosition, {\n    [classes.badge]: count > 0 || renderedCountOrLabel,\n    [classes.showCount]: !label && renderedCountOrLabel,\n    [classes.showLabel]: label,\n    [classes.badgeIcon]: icon,\n    [classes.badgeOneDigit]: String(renderedCountOrLabel).length === 1,\n  });\n\n  return (\n    <div aria-label={renderedCountOrLabel} className={classes.root} {...others}>\n      {Component}\n      <div className={Component ? classes.badgeContainer : null}>\n        <div className={badgeClasses}>{renderedCountOrLabel}</div>\n      </div>\n    </div>\n  );\n};\n\nBadge.propTypes = {\n  /**\n   *   A Jss Object used to override or extend the styles applied to the badge.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component badge position.\n     */\n    badgePosition: PropTypes.string,\n    /**\n     * Styles applied to the component badge.\n     */\n    badge: PropTypes.string,\n    /**\n     * Styles applied to the component badge icon.\n     */\n    badgeIcon: PropTypes.string,\n    /**\n     * Styles applied to the component when shows count.\n     */\n    showCount: PropTypes.string,\n    /**\n     * Styles applied to the component when shows label.\n     */\n    showLabel: PropTypes.string,\n    /**\n     * Styles applied to the component when count has one digit.\n     */\n    badgeOneDigit: PropTypes.string,\n    /**\n     * Styles applied to the component badge container.\n     */\n    badgeContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Count is the number of unread notifications.\n   * Note count and label are mutually exclusive.\n   * count is ignored when label is specified at the same time.\n   */\n  count: PropTypes.number,\n  /**\n   * True if count should be displayed.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  showCount: PropTypes.bool,\n  /**\n   * The maximum number of unread notifications to be displayed\n   */\n  maxCount: PropTypes.number,\n  /**\n   * Custom text to show in place of count.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  label: PropTypes.string,\n  /**\n   * Icon which the notification will be attached.\n   */\n  icon: PropTypes.node,\n  /**\n   * Text which the notification will be attached.\n   */\n  text: PropTypes.string,\n  /**\n   * Text variant.\n   */\n  textVariant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvBadge\" })(Badge);\n"],"mappings":"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"}
+{"version":3,"file":"Badge.js","names":["Badge","props","classes","showCount","count","maxCount","label","icon","text","textVariant","others","renderedCount","renderedCountOrLabel","Component","badgeClasses","clsx","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit","root","badgeContainer","propTypes","PropTypes","shape","string","isRequired","number","bool","node","withStyles","styles","name"],"sources":["../../src/Badge/Badge.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport Typography from \"../Typography\";\nimport styles from \"./styles\";\n\n/**\n * The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const Badge = (props) => {\n  const {\n    classes,\n    showCount = false,\n    count = 0,\n    maxCount = 99,\n    label = null,\n    icon = null,\n    text = null,\n    textVariant = null,\n    ...others\n  } = props;\n  const renderedCount = count > maxCount ? `${maxCount}+` : count;\n  // If label is specified and non-empty, render it.\n  // If showCount is specified and count > 0, render the count.\n  // Otherwise, render nothing on the badge.\n  // (Note count=0 should not be rendered to avoid ghosty 0.)\n  const renderedCountOrLabel = label || (showCount && count > 0 && renderedCount) || null;\n  const Component = icon || (text && <Typography variant={textVariant}>{text}</Typography>);\n\n  const badgeClasses = clsx(classes.badgePosition, {\n    [classes.badge]: count > 0 || renderedCountOrLabel,\n    [classes.showCount]: !label && renderedCountOrLabel,\n    [classes.showLabel]: label,\n    [classes.badgeIcon]: icon,\n    [classes.badgeOneDigit]: String(renderedCountOrLabel).length === 1,\n  });\n\n  return (\n    <div aria-label={renderedCountOrLabel} className={classes.root} {...others}>\n      {Component}\n      <div className={Component ? classes.badgeContainer : null}>\n        <div className={badgeClasses}>{renderedCountOrLabel}</div>\n      </div>\n    </div>\n  );\n};\n\nBadge.propTypes = {\n  /**\n   *   A Jss Object used to override or extend the styles applied to the badge.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component badge position.\n     */\n    badgePosition: PropTypes.string,\n    /**\n     * Styles applied to the component badge.\n     */\n    badge: PropTypes.string,\n    /**\n     * Styles applied to the component badge icon.\n     */\n    badgeIcon: PropTypes.string,\n    /**\n     * Styles applied to the component when shows count.\n     */\n    showCount: PropTypes.string,\n    /**\n     * Styles applied to the component when shows label.\n     */\n    showLabel: PropTypes.string,\n    /**\n     * Styles applied to the component when count has one digit.\n     */\n    badgeOneDigit: PropTypes.string,\n    /**\n     * Styles applied to the component badge container.\n     */\n    badgeContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Count is the number of unread notifications.\n   * Note count and label are mutually exclusive.\n   * count is ignored when label is specified at the same time.\n   */\n  count: PropTypes.number,\n  /**\n   * True if count should be displayed.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  showCount: PropTypes.bool,\n  /**\n   * The maximum number of unread notifications to be displayed\n   */\n  maxCount: PropTypes.number,\n  /**\n   * Custom text to show in place of count.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  label: PropTypes.string,\n  /**\n   * Icon which the notification will be attached.\n   */\n  icon: PropTypes.node,\n  /**\n   * Text which the notification will be attached.\n   */\n  text: PropTypes.string,\n  /**\n   * Text variant.\n   */\n  textVariant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvBadge\" })(Badge);\n"],"mappings":"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"}

package/dist/Banner/Banner.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps, SnackbarProps, SnackbarContentProps } from "@material-ui/core";
+import { StandardProps, SnackbarProps, SnackbarContentProps } from "@mui/material";
 import { HvActionsGenericCommonProps } from "../ActionsGeneric";
 
 export type TransitionDirectionProp = "up" | "down" | "left" | "right";

package/dist/Banner/Banner.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+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");
 
-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");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -29,7 +39,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireWildcard(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 
@@ -37,7 +49,9 @@ var _utils = require("../utils");
 
 var _BannerWrapper = _interopRequireDefault(require("./BannerWrapper"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["id", "classes", "className", "open", "onClose", "anchorOrigin", "variant", "transitionDuration", "transitionDirection", "showIcon", "customIcon", "actions", "actionsCallback", "actionsPosition", "label", "offset", "bannerContentProps"];
 
@@ -45,6 +59,10 @@ 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); 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; }
+
 /**
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
  * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.
@@ -88,11 +106,11 @@ var HvBanner = function HvBanner(props) {
     vertical: anchorOrigin
   };
   var SlideTransition = (0, _react.useCallback)(function (properties) {
-    return /*#__PURE__*/_react.default.createElement(_core.Slide, (0, _extends2.default)({}, properties, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Slide, _objectSpread(_objectSpread({}, properties), {}, {
       direction: transitionDirection
     }));
   }, [transitionDirection]);
-  return /*#__PURE__*/_react.default.createElement(_core.Snackbar, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, _objectSpread(_objectSpread({
     style: anchorOriginOffset["anchorOrigin".concat((0, _capitalize.default)(anchorOrigin))],
     className: className,
     id: id,
@@ -105,17 +123,19 @@ var HvBanner = function HvBanner(props) {
     TransitionComponent: SlideTransition,
     open: open,
     transitionDuration: transitionDuration
-  }, others), /*#__PURE__*/_react.default.createElement(_BannerWrapper.default, (0, _extends2.default)({
-    id: (0, _utils.setId)(id, "content"),
-    content: label,
-    variant: variant,
-    customIcon: customIcon,
-    showIcon: showIcon,
-    actions: actions,
-    actionsCallback: actionsCallback,
-    actionsPosition: actionsPosition,
-    onClose: onClose
-  }, bannerContentProps)));
+  }, others), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BannerWrapper.default, _objectSpread({
+      id: (0, _utils.setId)(id, "content"),
+      content: label,
+      variant: variant,
+      customIcon: customIcon,
+      showIcon: showIcon,
+      actions: actions,
+      actionsCallback: actionsCallback,
+      actionsPosition: actionsPosition,
+      onClose: onClose
+    }, bannerContentProps))
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvBanner.propTypes = {
@@ -230,7 +250,7 @@ process.env.NODE_ENV !== "production" ? HvBanner.propTypes = {
   bannerContentProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvBanner"
 })(HvBanner);
 

package/dist/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["HvBanner","props","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","capitalize","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","setId","propTypes","PropTypes","string","shape","isRequired","bool","func","node","oneOf","oneOfType","arrayOf","icon","disabled","number","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/Banner/Banner.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { Slide, Snackbar, withStyles } from \"@material-ui/core\";\nimport capitalize from \"lodash/capitalize\";\nimport { setId } from \"../utils\";\nimport HvBannerContentWrapper from \"./BannerWrapper\";\nimport styles from \"./styles\";\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nconst HvBanner = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    open,\n    onClose,\n    anchorOrigin = \"top\",\n    variant = \"default\",\n    transitionDuration = 300,\n    transitionDirection = \"down\",\n    showIcon = false,\n    customIcon,\n    actions,\n    actionsCallback,\n    actionsPosition = \"auto\",\n    label,\n    offset = 60,\n    bannerContentProps,\n    ...others\n  } = props;\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner = { horizontal: \"center\", vertical: anchorOrigin };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <Snackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open ? classes.root : classes.rootClosed,\n        anchorOriginTopCenter: classes.anchorOriginTopCenter,\n        anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContentWrapper\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </Snackbar>\n  );\n};\n\nHvBanner.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when the component is closed.\n     */\n    rootClosed: PropTypes.string,\n    /**\n     * Styles applied to the component when define as top.\n     */\n    anchorOriginTopCenter: PropTypes.string,\n    /**\n     * Styles applied to the component when define as bottom.\n     */\n    anchorOriginBottomCenter: PropTypes.string,\n  }).isRequired,\n  /**\n   *  If true, Snackbar is open.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway.\n   */\n  onClose: PropTypes.func,\n  /**\n   * The message to display.\n   */\n  label: PropTypes.node,\n  /**\n   *  The anchor of the Snackbar.\n   */\n  anchorOrigin: PropTypes.oneOf([\"top\", \"bottom\"]),\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Actions to display on the right side.\n   */\n  actions: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   * The position property of the header.\n   */\n  actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n  /**\n   * How much the transition animation last in milliseconds, if 0 no animation is played.\n   */\n  transitionDuration: PropTypes.number,\n  /**\n   * Direction of slide transition.\n   */\n  transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n  /**\n   * Offset from top/bottom of the page, in px. Defaults to 60px.\n   */\n  offset: PropTypes.number,\n  /**\n   * Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions.\n   */\n  bannerContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBanner\" })(HvBanner);\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["HvBanner","props","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","capitalize","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","setId","propTypes","PropTypes","string","shape","isRequired","bool","func","node","oneOf","oneOfType","arrayOf","icon","disabled","number","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/Banner/Banner.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { Slide, Snackbar } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport capitalize from \"lodash/capitalize\";\nimport { setId } from \"../utils\";\nimport HvBannerContentWrapper from \"./BannerWrapper\";\nimport styles from \"./styles\";\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nconst HvBanner = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    open,\n    onClose,\n    anchorOrigin = \"top\",\n    variant = \"default\",\n    transitionDuration = 300,\n    transitionDirection = \"down\",\n    showIcon = false,\n    customIcon,\n    actions,\n    actionsCallback,\n    actionsPosition = \"auto\",\n    label,\n    offset = 60,\n    bannerContentProps,\n    ...others\n  } = props;\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner = { horizontal: \"center\", vertical: anchorOrigin };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <Snackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open ? classes.root : classes.rootClosed,\n        anchorOriginTopCenter: classes.anchorOriginTopCenter,\n        anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContentWrapper\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </Snackbar>\n  );\n};\n\nHvBanner.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when the component is closed.\n     */\n    rootClosed: PropTypes.string,\n    /**\n     * Styles applied to the component when define as top.\n     */\n    anchorOriginTopCenter: PropTypes.string,\n    /**\n     * Styles applied to the component when define as bottom.\n     */\n    anchorOriginBottomCenter: PropTypes.string,\n  }).isRequired,\n  /**\n   *  If true, Snackbar is open.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway.\n   */\n  onClose: PropTypes.func,\n  /**\n   * The message to display.\n   */\n  label: PropTypes.node,\n  /**\n   *  The anchor of the Snackbar.\n   */\n  anchorOrigin: PropTypes.oneOf([\"top\", \"bottom\"]),\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Actions to display on the right side.\n   */\n  actions: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   * The position property of the header.\n   */\n  actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n  /**\n   * How much the transition animation last in milliseconds, if 0 no animation is played.\n   */\n  transitionDuration: PropTypes.number,\n  /**\n   * Direction of slide transition.\n   */\n  transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n  /**\n   * Offset from top/bottom of the page, in px. Defaults to 60px.\n   */\n  offset: PropTypes.number,\n  /**\n   * Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions.\n   */\n  bannerContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBanner\" })(HvBanner);\n"],"mappings":"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"}

package/dist/Banner/BannerWrapper/ActionContainer/ActionContainer.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+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");
 
-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");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -29,7 +39,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireWildcard(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
@@ -37,7 +47,9 @@ var _ActionsGeneric = _interopRequireDefault(require("../../../ActionsGeneric"))
 
 var _Button = _interopRequireDefault(require("../../../Button"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["id", "classes", "onClose", "action", "actionCallback"];
 
@@ -45,6 +57,10 @@ 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); 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; }
+
 var ActionContainer = function ActionContainer(_ref) {
   var id = _ref.id,
       classes = _ref.classes,
@@ -52,27 +68,31 @@ var ActionContainer = function ActionContainer(_ref) {
       action = _ref.action,
       actionCallback = _ref.actionCallback,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.actionContainer
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-    icon: true,
-    className: classes.closeAction,
-    category: "semantic",
-    "aria-label": "Close",
-    onClick: onClose,
-    tabIndex: 0
-  }, others), /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Close, {
-    iconSize: "XS",
-    className: classes.iconContainer,
-    color: "base2"
-  })), action && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.actionsInnerContainer
-  }, /*#__PURE__*/_react.default.createElement(_ActionsGeneric.default, {
-    id: id,
-    category: "semantic",
-    actions: action,
-    actionsCallback: actionCallback
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classes.actionContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
+      icon: true,
+      className: classes.closeAction,
+      category: "semantic",
+      "aria-label": "Close",
+      onClick: onClose,
+      tabIndex: 0
+    }, others), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Close, {
+        iconSize: "XS",
+        className: classes.iconContainer,
+        color: "base2"
+      })
+    })), action && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.actionsInnerContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionsGeneric.default, {
+        id: id,
+        category: "semantic",
+        actions: action,
+        actionsCallback: actionCallback
+      })
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? ActionContainer.propTypes = {
@@ -107,7 +127,7 @@ process.env.NODE_ENV !== "production" ? ActionContainer.propTypes = {
   actionCallback: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvActionContainer"
 })(ActionContainer);
 

package/dist/Banner/BannerWrapper/ActionContainer/ActionContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.js","names":["ActionContainer","id","classes","onClose","action","actionCallback","others","actionContainer","closeAction","iconContainer","actionsInnerContainer","propTypes","PropTypes","string","instanceOf","Object","func","oneOfType","node","arrayOf","shape","isRequired","label","icon","disabled","bool","withStyles","styles","name"],"sources":["../../../../src/Banner/BannerWrapper/ActionContainer/ActionContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport HvButton from \"../../../Button\";\nimport styles from \"./styles\";\n\nconst ActionContainer = ({ id, classes, onClose, action, actionCallback, ...others }) => {\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        category=\"semantic\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        {...others}\n      >\n        <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n      </HvButton>\n      {action && (\n        <div className={classes.actionsInnerContainer}>\n          <ActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nActionContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display.\n   */\n  action: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvActionContainer\" })(ActionContainer);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAiE;EAAA,IAA9DC,EAA8D,QAA9DA,EAA8D;EAAA,IAA1DC,OAA0D,QAA1DA,OAA0D;EAAA,IAAjDC,OAAiD,QAAjDA,OAAiD;EAAA,IAAxCC,MAAwC,QAAxCA,MAAwC;EAAA,IAAhCC,cAAgC,QAAhCA,cAAgC;EAAA,IAAbC,MAAa;EACvF,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACK;EAAxB,gBACE,6BAAC,eAAD;IACE,IAAI,MADN;IAEE,SAAS,EAAEL,OAAO,CAACM,WAFrB;IAGE,QAAQ,EAAC,UAHX;IAIE,cAAW,OAJb;IAKE,OAAO,EAAEL,OALX;IAME,QAAQ,EAAE;EANZ,GAOMG,MAPN,gBASE,6BAAC,sBAAD;IAAO,QAAQ,EAAC,IAAhB;IAAqB,SAAS,EAAEJ,OAAO,CAACO,aAAxC;IAAuD,KAAK,EAAC;EAA7D,EATF,CADF,EAYGL,MAAM,iBACL;IAAK,SAAS,EAAEF,OAAO,CAACQ;EAAxB,gBACE,6BAAC,uBAAD;IACE,EAAE,EAAET,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,MAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CAbJ,CADF;AAyBD,CA1BD;;AA4BA,wCAAAL,eAAe,CAACW,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEV,EAAE,EAAEW,kBAAA,CAAUC,MAJY;;EAK1B;AACF;AACA;EACEX,OAAO,EAAEU,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CARiB;;EAS1B;AACF;AACA;EACEZ,OAAO,EAAES,kBAAA,CAAUI,IAZO;;EAa1B;AACF;AACA;EACEZ,MAAM,EAAE,IAAAa,oBAAA,EAAU,CAChBL,kBAAA,CAAUM,IADM,EAEhBN,kBAAA,CAAUO,OAAV,CACEP,kBAAA,CAAUQ,KAAV,CAAgB;IACdnB,EAAE,EAAEW,kBAAA,CAAUC,MAAV,CAAiBQ,UADP;IAEdC,KAAK,EAAEV,kBAAA,CAAUC,MAAV,CAAiBQ,UAFV;IAGdE,IAAI,EAAEX,kBAAA,CAAUI,IAHF;IAIdQ,QAAQ,EAAEZ,kBAAA,CAAUa;EAJN,CAAhB,CADF,CAFgB,CAAV,CAhBkB;;EA2B1B;AACF;AACA;EACEpB,cAAc,EAAEO,kBAAA,CAAUI;AA9BA,CAA5B;;eAiCe,IAAAU,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkD5B,eAAlD,C"}
+{"version":3,"file":"ActionContainer.js","names":["ActionContainer","id","classes","onClose","action","actionCallback","others","actionContainer","closeAction","iconContainer","actionsInnerContainer","propTypes","PropTypes","string","instanceOf","Object","func","oneOfType","node","arrayOf","shape","isRequired","label","icon","disabled","bool","withStyles","styles","name"],"sources":["../../../../src/Banner/BannerWrapper/ActionContainer/ActionContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport HvButton from \"../../../Button\";\nimport styles from \"./styles\";\n\nconst ActionContainer = ({ id, classes, onClose, action, actionCallback, ...others }) => {\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        category=\"semantic\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        {...others}\n      >\n        <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n      </HvButton>\n      {action && (\n        <div className={classes.actionsInnerContainer}>\n          <ActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nActionContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display.\n   */\n  action: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvActionContainer\" })(ActionContainer);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAiE;EAAA,IAA9DC,EAA8D,QAA9DA,EAA8D;EAAA,IAA1DC,OAA0D,QAA1DA,OAA0D;EAAA,IAAjDC,OAAiD,QAAjDA,OAAiD;EAAA,IAAxCC,MAAwC,QAAxCA,MAAwC;EAAA,IAAhCC,cAAgC,QAAhCA,cAAgC;EAAA,IAAbC,MAAa;EACvF,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACK,eAAxB;IAAA,wBACE,qBAAC,eAAD;MACE,IAAI,MADN;MAEE,SAAS,EAAEL,OAAO,CAACM,WAFrB;MAGE,QAAQ,EAAC,UAHX;MAIE,cAAW,OAJb;MAKE,OAAO,EAAEL,OALX;MAME,QAAQ,EAAE;IANZ,GAOMG,MAPN;MAAA,uBASE,qBAAC,sBAAD;QAAO,QAAQ,EAAC,IAAhB;QAAqB,SAAS,EAAEJ,OAAO,CAACO,aAAxC;QAAuD,KAAK,EAAC;MAA7D;IATF,GADF,EAYGL,MAAM,iBACL;MAAK,SAAS,EAAEF,OAAO,CAACQ,qBAAxB;MAAA,uBACE,qBAAC,uBAAD;QACE,EAAE,EAAET,EADN;QAEE,QAAQ,EAAC,UAFX;QAGE,OAAO,EAAEG,MAHX;QAIE,eAAe,EAAEC;MAJnB;IADF,EAbJ;EAAA,EADF;AAyBD,CA1BD;;AA4BA,wCAAAL,eAAe,CAACW,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEV,EAAE,EAAEW,kBAAA,CAAUC,MAJY;;EAK1B;AACF;AACA;EACEX,OAAO,EAAEU,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CARiB;;EAS1B;AACF;AACA;EACEZ,OAAO,EAAES,kBAAA,CAAUI,IAZO;;EAa1B;AACF;AACA;EACEZ,MAAM,EAAE,IAAAa,oBAAA,EAAU,CAChBL,kBAAA,CAAUM,IADM,EAEhBN,kBAAA,CAAUO,OAAV,CACEP,kBAAA,CAAUQ,KAAV,CAAgB;IACdnB,EAAE,EAAEW,kBAAA,CAAUC,MAAV,CAAiBQ,UADP;IAEdC,KAAK,EAAEV,kBAAA,CAAUC,MAAV,CAAiBQ,UAFV;IAGdE,IAAI,EAAEX,kBAAA,CAAUI,IAHF;IAIdQ,QAAQ,EAAEZ,kBAAA,CAAUa;EAJN,CAAhB,CADF,CAFgB,CAAV,CAhBkB;;EA2B1B;AACF;AACA;EACEpB,cAAc,EAAEO,kBAAA,CAAUI;AA9BA,CAA5B;;eAiCe,IAAAU,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkD5B,eAAlD,C"}

package/dist/Banner/BannerWrapper/BannerContentWrapper.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+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");
 
-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");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -31,7 +41,9 @@ var _propTypes = _interopRequireWildcard(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 _iconVariant = _interopRequireDefault(require("../../utils/iconVariant"));
 
@@ -39,7 +51,9 @@ var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
 
 var _ActionContainer = _interopRequireDefault(require("./ActionContainer"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["id", "classes", "showIcon", "customIcon", "variant", "onClose", "actions", "actionsCallback", "actionsPosition", "content", "actionProps"];
 
@@ -47,6 +61,10 @@ 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); 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; }
+
 var HvBannerContentWrapper = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var id = props.id,
       classes = props.classes,
@@ -69,34 +87,35 @@ var HvBannerContentWrapper = /*#__PURE__*/_react.default.forwardRef(function (pr
   // number of actions, etc..
 
   var effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.outContainer
-  }, /*#__PURE__*/_react.default.createElement(_core.SnackbarContent, (0, _extends2.default)({
-    ref: ref,
-    id: id,
-    classes: {
-      root: classes.root,
-      message: classes.message,
-      action: classes.action
-    },
-    className: (0, _clsx.default)(classes[variant], classes.baseVariant),
-    message: /*#__PURE__*/_react.default.createElement(_MessageContainer.default, (0, _extends2.default)({
-      id: id,
-      icon: icon
-    }, effectiveActionsPosition === "inline" && {
-      actionsOnMessage: actions,
-      actionsOnMessageCallback: actionsCallback
-    }, {
-      message: content
-    })),
-    action: /*#__PURE__*/_react.default.createElement(_ActionContainer.default, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classes.outContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SnackbarContent, _objectSpread({
+      ref: ref,
       id: id,
-      onClose: onClose
-    }, effectiveActionsPosition === "bottom-right" && {
-      action: actions,
-      actionCallback: actionsCallback
-    }, actionProps))
-  }, others)));
+      classes: {
+        root: classes.root,
+        message: classes.message,
+        action: classes.action
+      },
+      className: (0, _clsx.default)(classes[variant], classes.baseVariant),
+      message: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, _objectSpread(_objectSpread({
+        id: id,
+        icon: icon
+      }, effectiveActionsPosition === "inline" && {
+        actionsOnMessage: actions,
+        actionsOnMessageCallback: actionsCallback
+      }), {}, {
+        message: content
+      })),
+      action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionContainer.default, _objectSpread(_objectSpread({
+        id: id,
+        onClose: onClose
+      }, effectiveActionsPosition === "bottom-right" && {
+        action: actions,
+        actionCallback: actionsCallback
+      }), actionProps))
+    }, others))
+  });
 });
 
 process.env.NODE_ENV !== "production" ? HvBannerContentWrapper.propTypes = {
@@ -161,7 +180,7 @@ process.env.NODE_ENV !== "production" ? HvBannerContentWrapper.propTypes = {
   actionProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvBannerContentWrapper"
 })(HvBannerContentWrapper);