@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/modern/AppSwitcher/AppSwitcher.js

@@ -1,11 +1,14 @@
 import React from "react";
-import PropTypes from "prop-types";
 import clsx from "clsx";
-import { deprecatedPropType, withStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+import { deprecatedPropType } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import { HvListContainer } from "..";
 import styles from "./styles";
 import TitleWithTooltip from "./TitleWithTooltip";
 import Action from "./Action";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const AppSwitcher = props => {
   const {
@@ -28,8 +31,7 @@ const AppSwitcher = props => {
 
   const panelActions = applications.map(application => {
     if (application.name) {
-      return /*#__PURE__*/React.createElement(Action, {
-        key: application.id || `${application.name}_${application.url}`,
+      return /*#__PURE__*/_jsx(Action, {
         application: application,
         onClickCallback: actionClicked,
         isSelectedCallback: isActionSelectedCallback,
@@ -42,25 +44,29 @@ const AppSwitcher = props => {
           title: classes.itemTitle,
           iconInfo: classes.itemInfoIcon
         }
-      });
+      }, application.id || `${application.name}_${application.url}`);
     }
 
     return undefined;
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     id: id,
-    className: clsx(className, classes.root, classes[layout], isOpen === false && classes.closed, isOpen && classes.open)
-  }, header && /*#__PURE__*/React.createElement("div", {
-    className: classes.title
-  }, header) || title && /*#__PURE__*/React.createElement(TitleWithTooltip, {
-    className: classes.title,
-    title: title
-  }), /*#__PURE__*/React.createElement(HvListContainer, {
-    disableGutters: true,
-    className: classes.actionsContainer
-  }, panelActions), footer && /*#__PURE__*/React.createElement("div", {
-    className: classes.footerContainer
-  }, footer));
+    className: clsx(className, classes.root, classes[layout], isOpen === false && classes.closed, isOpen && classes.open),
+    children: [header && /*#__PURE__*/_jsx("div", {
+      className: classes.title,
+      children: header
+    }) || title && /*#__PURE__*/_jsx(TitleWithTooltip, {
+      className: classes.title,
+      title: title
+    }), /*#__PURE__*/_jsx(HvListContainer, {
+      disableGutters: true,
+      className: classes.actionsContainer,
+      children: panelActions
+    }), footer && /*#__PURE__*/_jsx("div", {
+      className: classes.footerContainer,
+      children: footer
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? AppSwitcher.propTypes = {

package/dist/modern/AppSwitcher/AppSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.js","names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","styles","TitleWithTooltip","Action","AppSwitcher","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"sources":["../../../src/AppSwitcher/AppSwitcher.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer } from \"..\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcher = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\n          isSelectedCallback={isActionSelectedCallback}\n          classes={{\n            root: classes.item,\n            selected: classes.itemSelected,\n            disabled: classes.itemDisabled,\n            typography: classes.itemTrigger,\n            icon: classes.itemIcon,\n            title: classes.itemTitle,\n            iconInfo: classes.itemInfoIcon,\n          }}\n        />\n      );\n    }\n\n    return undefined;\n  });\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcher.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: 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 in single layout mode.\n     */\n    single: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in single dual mode.\n     */\n    dual: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in single fluid mode.\n     */\n    fluid: PropTypes.string,\n    /**\n     * Styles applied to the title element.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the actions container.\n     */\n    actionsContainer: PropTypes.string,\n    /**\n     * Styles applied to the footer container.\n     */\n    footerContainer: PropTypes.string,\n    /**\n     * Styles applied to the panel when closed.\n     */\n    closed: PropTypes.string,\n    /**\n     * Styles applied to the panel when open.\n     */\n    open: PropTypes.string,\n    /**\n     * Styles applied to the action item root.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the action item when selected.\n     */\n    itemSelected: PropTypes.string,\n    /**\n     * Styles applied to the action item when disabled.\n     */\n    itemDisabled: PropTypes.string,\n    /**\n     * Styles applied to the action item typography.\n     */\n    itemTrigger: PropTypes.string,\n    /**\n     * Styles applied to the action item icon.\n     */\n    itemIcon: PropTypes.string,\n    /**\n     * Styles applied to the action item title.\n     */\n    itemTitle: PropTypes.string,\n    /**\n     * Styles applied to the action item info icon.\n     */\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcher\" })(AppSwitcher);\n"],"mappings":"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"}
+{"version":3,"file":"AppSwitcher.js","names":["React","clsx","PropTypes","deprecatedPropType","withStyles","HvListContainer","styles","TitleWithTooltip","Action","AppSwitcher","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"sources":["../../../src/AppSwitcher/AppSwitcher.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvListContainer } from \"..\";\nimport styles from \"./styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcher = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\n          isSelectedCallback={isActionSelectedCallback}\n          classes={{\n            root: classes.item,\n            selected: classes.itemSelected,\n            disabled: classes.itemDisabled,\n            typography: classes.itemTrigger,\n            icon: classes.itemIcon,\n            title: classes.itemTitle,\n            iconInfo: classes.itemInfoIcon,\n          }}\n        />\n      );\n    }\n\n    return undefined;\n  });\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcher.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: 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 in single layout mode.\n     */\n    single: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in single dual mode.\n     */\n    dual: PropTypes.string,\n    /**\n     * Styles applied to the component root class when in single fluid mode.\n     */\n    fluid: PropTypes.string,\n    /**\n     * Styles applied to the title element.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the actions container.\n     */\n    actionsContainer: PropTypes.string,\n    /**\n     * Styles applied to the footer container.\n     */\n    footerContainer: PropTypes.string,\n    /**\n     * Styles applied to the panel when closed.\n     */\n    closed: PropTypes.string,\n    /**\n     * Styles applied to the panel when open.\n     */\n    open: PropTypes.string,\n    /**\n     * Styles applied to the action item root.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the action item when selected.\n     */\n    itemSelected: PropTypes.string,\n    /**\n     * Styles applied to the action item when disabled.\n     */\n    itemDisabled: PropTypes.string,\n    /**\n     * Styles applied to the action item typography.\n     */\n    itemTrigger: PropTypes.string,\n    /**\n     * Styles applied to the action item icon.\n     */\n    itemIcon: PropTypes.string,\n    /**\n     * Styles applied to the action item title.\n     */\n    itemTitle: PropTypes.string,\n    /**\n     * Styles applied to the action item info icon.\n     */\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcher\" })(AppSwitcher);\n"],"mappings":"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"}

package/dist/modern/AppSwitcher/TitleWithTooltip.js

@@ -2,6 +2,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { HvTooltip, HvTypography } from "..";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const TitleWithTooltip = ({
   className,
@@ -14,16 +15,20 @@ const TitleWithTooltip = ({
       setIsOverflowed(textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight);
     }
   }, []);
-  return /*#__PURE__*/React.createElement(HvTooltip, {
+  return /*#__PURE__*/_jsx(HvTooltip, {
     disableHoverListener: !isOverflowed,
     placement: "top-start",
-    title: /*#__PURE__*/React.createElement(HvTypography, null, title)
-  }, /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "highlightText",
-    component: "span",
-    ref: textRef,
-    className: className
-  }, title));
+    title: /*#__PURE__*/_jsx(HvTypography, {
+      children: title
+    }),
+    children: /*#__PURE__*/_jsx(HvTypography, {
+      variant: "highlightText",
+      component: "span",
+      ref: textRef,
+      className: className,
+      children: title
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? TitleWithTooltip.propTypes = {

package/dist/modern/AppSwitcher/TitleWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleWithTooltip.js","names":["React","useEffect","useRef","useState","PropTypes","HvTooltip","HvTypography","TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","string"],"sources":["../../../src/AppSwitcher/TitleWithTooltip.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef();\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <HvTypography variant=\"highlightText\" component=\"span\" ref={textRef} className={className}>\n        {title}\n      </HvTypography>\n    </HvTooltip>\n  );\n};\n\nTitleWithTooltip.propTypes = {\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Title to be displayed.\n   */\n  title: PropTypes.string,\n};\n\nexport default TitleWithTooltip;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,IAAxC;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAAEC,SAAF;EAAaC;AAAb,CAAD,KAA0B;EACjD,MAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCR,QAAQ,CAAC,KAAD,CAAhD;EACA,MAAMS,OAAO,GAAGV,MAAM,EAAtB;EAEAD,SAAS,CAAC,MAAM;IACd,IAAIW,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEC,OAAb,EAAsB;MACpBF,eAAe,CACbC,OAAO,CAACC,OAAR,CAAgBC,WAAhB,GAA8BF,OAAO,CAACC,OAAR,CAAgBE,WAA9C,IACEH,OAAO,CAACC,OAAR,CAAgBG,YAAhB,GAA+BJ,OAAO,CAACC,OAAR,CAAgBI,YAFpC,CAAf;IAID;EACF,CAPQ,EAON,EAPM,CAAT;EASA,oBACE,oBAAC,SAAD;IACE,oBAAoB,EAAE,CAACP,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,oBAAC,YAAD,QAAeD,KAAf;EAHT,gBAKE,oBAAC,YAAD;IAAc,OAAO,EAAC,eAAtB;IAAsC,SAAS,EAAC,MAAhD;IAAuD,GAAG,EAAEG,OAA5D;IAAqE,SAAS,EAAEJ;EAAhF,GACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACW,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEV,SAAS,EAAEJ,SAAS,CAACe,MAJM;;EAK3B;AACF;AACA;EACEV,KAAK,EAAEL,SAAS,CAACe;AARU,CAA7B;AAWA,eAAeZ,gBAAf"}
+{"version":3,"file":"TitleWithTooltip.js","names":["React","useEffect","useRef","useState","PropTypes","HvTooltip","HvTypography","TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","string"],"sources":["../../../src/AppSwitcher/TitleWithTooltip.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef();\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <HvTypography variant=\"highlightText\" component=\"span\" ref={textRef} className={className}>\n        {title}\n      </HvTypography>\n    </HvTooltip>\n  );\n};\n\nTitleWithTooltip.propTypes = {\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Title to be displayed.\n   */\n  title: PropTypes.string,\n};\n\nexport default TitleWithTooltip;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,IAAxC;;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAAEC,SAAF;EAAaC;AAAb,CAAD,KAA0B;EACjD,MAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCR,QAAQ,CAAC,KAAD,CAAhD;EACA,MAAMS,OAAO,GAAGV,MAAM,EAAtB;EAEAD,SAAS,CAAC,MAAM;IACd,IAAIW,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEC,OAAb,EAAsB;MACpBF,eAAe,CACbC,OAAO,CAACC,OAAR,CAAgBC,WAAhB,GAA8BF,OAAO,CAACC,OAAR,CAAgBE,WAA9C,IACEH,OAAO,CAACC,OAAR,CAAgBG,YAAhB,GAA+BJ,OAAO,CAACC,OAAR,CAAgBI,YAFpC,CAAf;IAID;EACF,CAPQ,EAON,EAPM,CAAT;EASA,oBACE,KAAC,SAAD;IACE,oBAAoB,EAAE,CAACP,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,KAAC,YAAD;MAAA,UAAeD;IAAf,EAHT;IAAA,uBAKE,KAAC,YAAD;MAAc,OAAO,EAAC,eAAtB;MAAsC,SAAS,EAAC,MAAhD;MAAuD,GAAG,EAAEG,OAA5D;MAAqE,SAAS,EAAEJ,SAAhF;MAAA,UACGC;IADH;EALF,EADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACW,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEV,SAAS,EAAEJ,SAAS,CAACe,MAJM;;EAK3B;AACF;AACA;EACEV,KAAK,EAAEL,SAAS,CAACe;AARU,CAA7B;AAWA,eAAeZ,gBAAf"}

package/dist/modern/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvSemanticColorKeys, HvAtmosphereColorKeys } from "..";
 
 export type HvAvatarClassKey =

package/dist/modern/Avatar/Avatar.js

@@ -1,20 +1,22 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant", "containerProps"];
+import "core-js/modules/web.dom-collections.iterator.js";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import "core-js/modules/web.dom-collections.iterator.js";
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { Avatar, withStyles, useTheme } from "@material-ui/core";
+import { Avatar } from "@mui/material";
+import { withStyles, useTheme } from "@mui/styles";
 import { User } from "@hitachivantara/uikit-react-icons";
 import { decreaseSize, useImageLoaded } from "../utils";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;
 
@@ -79,7 +81,7 @@ const HvAvatar = props => {
   const hasImgNotFailing = hasImg && imageLoaded !== "error";
 
   if (hasImgNotFailing) {
-    children = /*#__PURE__*/React.createElement("img", _extends({
+    children = /*#__PURE__*/_jsx("img", _objectSpread({
       alt: alt,
       src: src,
       srcSet: srcSet,
@@ -91,7 +93,7 @@ const HvAvatar = props => {
   } else if (hasImg && alt) {
     [children] = alt;
   } else {
-    children = /*#__PURE__*/React.createElement(User, {
+    children = /*#__PURE__*/_jsx(User, {
       color: color,
       iconSize: decreaseSize(normalizedSize),
       className: classes.fallback
@@ -130,22 +132,27 @@ const HvAvatar = props => {
    * on the container element as it makes more semantic sense.
    */
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: classes.container
-  }, containerProps), /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.status, classes[variant], classes[normalizedSize]),
-    style: statusInlineStyle
-  }, badge && /*#__PURE__*/React.createElement("div", {
-    className: classes.badge,
-    style: {
-      backgroundColor: badgeColor
-    }
-  }), /*#__PURE__*/React.createElement(Avatar, _extends({
-    component: component,
-    className: clsx(className, classes.root, classes.avatar, classes[normalizedSize]),
-    style: inlineStyle,
-    variant: variant
-  }, others), children)));
+  }, containerProps), {}, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: clsx(classes.status, classes[variant], classes[normalizedSize]),
+      style: statusInlineStyle,
+      children: [badge && /*#__PURE__*/_jsx("div", {
+        className: classes.badge,
+        style: {
+          backgroundColor: badgeColor
+        }
+      }), /*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({
+        component: component,
+        className: clsx(className, classes.root, classes.avatar, classes[normalizedSize]),
+        style: inlineStyle,
+        variant: variant
+      }, others), {}, {
+        children: children
+      }))]
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {

package/dist/modern/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["React","PropTypes","clsx","Avatar","withStyles","useTheme","User","decreaseSize","useImageLoaded","styles","getColor","theme","color","defaultColor","palette","normalizeSize","size","console","warn","HvAvatar","props","className","style","classes","children","childrenProp","component","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","containerProps","others","normalizedSize","imageLoaded","hasImg","hasImgNotFailing","img","fallback","inlineStyle","borderRadius","hv","accent","acce1","atmosphere","atmo1","statusInlineStyle","statusColor","semantic","sema1","boxShadow","badgeColor","container","root","avatar","propTypes","id","string","instanceOf","Object","shape","XS","SM","MD","LG","XL","isRequired","node","elementType","oneOf","name"],"sources":["../../../src/Avatar/Avatar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Avatar, withStyles, useTheme } from \"@material-ui/core\";\n\nimport { User } from \"@hitachivantara/uikit-react-icons\";\n\nimport { decreaseSize, useImageLoaded } from \"../utils\";\n\nimport styles from \"./styles\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst normalizeSize = (size) => {\n  if (size === \"S\" || size === \"M\" || size === \"L\") {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"`size` values S, M and L are deprecated. Please use XS, SM, MD, LG or XL instead\"\n    );\n    switch (size) {\n      case \"S\":\n        return \"SM\";\n      case \"M\":\n        return \"MD\";\n      case \"L\":\n        // this is intentional. the old L corresponds to the new XL. should be\n        // removed once the old nomenclature is removed.\n        return \"XL\";\n      default:\n        break;\n    }\n  }\n  return size;\n};\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nconst HvAvatar = (props) => {\n  const {\n    className,\n    style,\n    classes,\n    children: childrenProp,\n    component,\n    size = \"SM\",\n    backgroundColor = \"acce1\",\n    color = \"atmo1\",\n    src,\n    srcSet,\n    sizes,\n    alt,\n    imgProps,\n    status,\n    badge,\n    variant = \"circular\",\n    containerProps,\n    ...others\n  } = props;\n\n  // S, M and L are now deprecated, this intends to normalize the size to the new norm of XS, SM, MD, LG and XL\n  const normalizedSize = normalizeSize(size);\n\n  let children = null;\n\n  // Use a hook instead of onError on the img element to support server-side rendering.\n  const imageLoaded = useImageLoaded(src, srcSet);\n  const hasImg = src || srcSet;\n  const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n  if (hasImgNotFailing) {\n    children = (\n      <img\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={classes.img}\n        {...imgProps}\n      />\n    );\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    [children] = alt;\n  } else {\n    children = (\n      <User color={color} iconSize={decreaseSize(normalizedSize)} className={classes.fallback} />\n    );\n  }\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  if (component != null && typeof component !== \"string\") {\n    // override border-radius with custom components\n    inlineStyle.borderRadius = \"50%\";\n  }\n\n  const theme = useTheme();\n  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(theme, backgroundColor, theme.hv.palette.accent.acce1);\n    inlineStyle.color = getColor(theme, color, theme.hv.palette.atmosphere.atmo1);\n  }\n\n  const statusInlineStyle = {};\n  if (status) {\n    // set the status border. we're using the boxShadow property to set the border\n    // to be inside the container and not on its edge.\n    const statusColor = getColor(theme, status, theme.hv.palette.semantic.sema1);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(theme, badge, theme.hv.palette.semantic.sema1);\n\n  /**\n   * Note: on the next major release this should be updated. the `others` prop should be\n   * used in the container instead of the `containerProps` and a new `avatarProps`\n   * should be created to pass on any props down to the avatar component. This wasn't\n   * done now in order to not break the current API. Also, consider using the `root` class\n   * on the container element as it makes more semantic sense.\n   */\n  return (\n    <div className={classes.container} {...containerProps}>\n      <div\n        className={clsx(classes.status, classes[variant], classes[normalizedSize])}\n        style={statusInlineStyle}\n      >\n        {badge && <div className={classes.badge} style={{ backgroundColor: badgeColor }} />}\n        <Avatar\n          component={component}\n          className={clsx(className, classes.root, classes.avatar, classes[normalizedSize])}\n          style={inlineStyle}\n          variant={variant}\n          {...others}\n        >\n          {children}\n        </Avatar>\n      </div>\n    </div>\n  );\n};\n\nHvAvatar.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XS.\n     */\n    XS: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is SM.\n     */\n    SM: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is MD.\n     */\n    MD: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is LG.\n     */\n    LG: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XL.\n     */\n    XL: PropTypes.string,\n    /**\n     * Styles applied to the img element if either `src` or `srcSet` is defined.\n     */\n    img: PropTypes.string,\n    /**\n     * Styles applied to the fallback icon.\n     */\n    fallback: PropTypes.string,\n    /**\n     * Styles applied to the container element.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the avatar element.\n     */\n    avatar: PropTypes.string,\n    /**\n     * Styles applied to the badge element.\n     */\n    badge: PropTypes.string,\n    /**\n     * Styles applied to the status element.\n     */\n    status: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Used to render icon or text elements inside the Avatar if `src` is not set.\n   * This can be an element, or just a string.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Sets one of the standard sizes of the icons\n   */\n  size: PropTypes.oneOf([\"S\", \"M\", \"L\", \"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n\n  /**\n   * A String representing the background color of the avatar.\n   * You can use either an HEX or color name from the palette.\n   */\n  backgroundColor: PropTypes.string,\n  /**\n   * A String representing the foreground color of the avatar's\n   * letters or the generic User icon fallback.\n   * You can use either an HEX or color name from the palette.\n   */\n  color: PropTypes.string,\n\n  /**\n   * The `src` attribute for the `img` element.\n   */\n  src: PropTypes.string,\n  /**\n   * The `srcSet` attribute for the `img` element.\n   * Use this attribute for responsive image display.\n   */\n  srcSet: PropTypes.string,\n  /**\n   * The `sizes` attribute for the `img` element.\n   */\n  sizes: PropTypes.string,\n  /**\n   * Used in combination with `src` or `srcSet` to\n   * provide an alt attribute for the rendered `img` element.\n   */\n  alt: PropTypes.string,\n  /**\n   * Attributes applied to the `img` element if the component is used to display an image.\n   * It can be used to listen for the loading error event.\n   */\n  imgProps: PropTypes.instanceOf(Object),\n  /**\n   * A string representing the type of avatar to display, circular or square.\n   */\n  variant: PropTypes.oneOf([\"circular\", \"square\"]),\n  /**\n   * A string representing the color of the avatar border that represents its status.\n   */\n  status: PropTypes.string,\n  /**\n   * A string representing the color of the avatar badge.\n   */\n  badge: PropTypes.string,\n  /**\n   * Attributes applied to the container element.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","names":["React","PropTypes","clsx","Avatar","withStyles","useTheme","User","decreaseSize","useImageLoaded","styles","getColor","theme","color","defaultColor","palette","normalizeSize","size","console","warn","HvAvatar","props","className","style","classes","children","childrenProp","component","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","containerProps","others","normalizedSize","imageLoaded","hasImg","hasImgNotFailing","img","fallback","inlineStyle","borderRadius","hv","accent","acce1","atmosphere","atmo1","statusInlineStyle","statusColor","semantic","sema1","boxShadow","badgeColor","container","root","avatar","propTypes","id","string","instanceOf","Object","shape","XS","SM","MD","LG","XL","isRequired","node","elementType","oneOf","name"],"sources":["../../../src/Avatar/Avatar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Avatar } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport { User } from \"@hitachivantara/uikit-react-icons\";\n\nimport { decreaseSize, useImageLoaded } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst normalizeSize = (size) => {\n  if (size === \"S\" || size === \"M\" || size === \"L\") {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"`size` values S, M and L are deprecated. Please use XS, SM, MD, LG or XL instead\"\n    );\n    switch (size) {\n      case \"S\":\n        return \"SM\";\n      case \"M\":\n        return \"MD\";\n      case \"L\":\n        // this is intentional. the old L corresponds to the new XL. should be\n        // removed once the old nomenclature is removed.\n        return \"XL\";\n      default:\n        break;\n    }\n  }\n  return size;\n};\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nconst HvAvatar = (props) => {\n  const {\n    className,\n    style,\n    classes,\n    children: childrenProp,\n    component,\n    size = \"SM\",\n    backgroundColor = \"acce1\",\n    color = \"atmo1\",\n    src,\n    srcSet,\n    sizes,\n    alt,\n    imgProps,\n    status,\n    badge,\n    variant = \"circular\",\n    containerProps,\n    ...others\n  } = props;\n\n  // S, M and L are now deprecated, this intends to normalize the size to the new norm of XS, SM, MD, LG and XL\n  const normalizedSize = normalizeSize(size);\n\n  let children = null;\n\n  // Use a hook instead of onError on the img element to support server-side rendering.\n  const imageLoaded = useImageLoaded(src, srcSet);\n  const hasImg = src || srcSet;\n  const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n  if (hasImgNotFailing) {\n    children = (\n      <img\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={classes.img}\n        {...imgProps}\n      />\n    );\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    [children] = alt;\n  } else {\n    children = (\n      <User color={color} iconSize={decreaseSize(normalizedSize)} className={classes.fallback} />\n    );\n  }\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  if (component != null && typeof component !== \"string\") {\n    // override border-radius with custom components\n    inlineStyle.borderRadius = \"50%\";\n  }\n\n  const theme = useTheme();\n\n  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(theme, backgroundColor, theme.hv.palette.accent.acce1);\n    inlineStyle.color = getColor(theme, color, theme.hv.palette.atmosphere.atmo1);\n  }\n\n  const statusInlineStyle = {};\n  if (status) {\n    // set the status border. we're using the boxShadow property to set the border\n    // to be inside the container and not on its edge.\n    const statusColor = getColor(theme, status, theme.hv.palette.semantic.sema1);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(theme, badge, theme.hv.palette.semantic.sema1);\n\n  /**\n   * Note: on the next major release this should be updated. the `others` prop should be\n   * used in the container instead of the `containerProps` and a new `avatarProps`\n   * should be created to pass on any props down to the avatar component. This wasn't\n   * done now in order to not break the current API. Also, consider using the `root` class\n   * on the container element as it makes more semantic sense.\n   */\n  return (\n    <div className={classes.container} {...containerProps}>\n      <div\n        className={clsx(classes.status, classes[variant], classes[normalizedSize])}\n        style={statusInlineStyle}\n      >\n        {badge && <div className={classes.badge} style={{ backgroundColor: badgeColor }} />}\n        <Avatar\n          component={component}\n          className={clsx(className, classes.root, classes.avatar, classes[normalizedSize])}\n          style={inlineStyle}\n          variant={variant}\n          {...others}\n        >\n          {children}\n        </Avatar>\n      </div>\n    </div>\n  );\n};\n\nHvAvatar.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XS.\n     */\n    XS: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is SM.\n     */\n    SM: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is MD.\n     */\n    MD: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is LG.\n     */\n    LG: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XL.\n     */\n    XL: PropTypes.string,\n    /**\n     * Styles applied to the img element if either `src` or `srcSet` is defined.\n     */\n    img: PropTypes.string,\n    /**\n     * Styles applied to the fallback icon.\n     */\n    fallback: PropTypes.string,\n    /**\n     * Styles applied to the container element.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the avatar element.\n     */\n    avatar: PropTypes.string,\n    /**\n     * Styles applied to the badge element.\n     */\n    badge: PropTypes.string,\n    /**\n     * Styles applied to the status element.\n     */\n    status: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Used to render icon or text elements inside the Avatar if `src` is not set.\n   * This can be an element, or just a string.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Sets one of the standard sizes of the icons\n   */\n  size: PropTypes.oneOf([\"S\", \"M\", \"L\", \"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n\n  /**\n   * A String representing the background color of the avatar.\n   * You can use either an HEX or color name from the palette.\n   */\n  backgroundColor: PropTypes.string,\n  /**\n   * A String representing the foreground color of the avatar's\n   * letters or the generic User icon fallback.\n   * You can use either an HEX or color name from the palette.\n   */\n  color: PropTypes.string,\n\n  /**\n   * The `src` attribute for the `img` element.\n   */\n  src: PropTypes.string,\n  /**\n   * The `srcSet` attribute for the `img` element.\n   * Use this attribute for responsive image display.\n   */\n  srcSet: PropTypes.string,\n  /**\n   * The `sizes` attribute for the `img` element.\n   */\n  sizes: PropTypes.string,\n  /**\n   * Used in combination with `src` or `srcSet` to\n   * provide an alt attribute for the rendered `img` element.\n   */\n  alt: PropTypes.string,\n  /**\n   * Attributes applied to the `img` element if the component is used to display an image.\n   * It can be used to listen for the loading error event.\n   */\n  imgProps: PropTypes.instanceOf(Object),\n  /**\n   * A string representing the type of avatar to display, circular or square.\n   */\n  variant: PropTypes.oneOf([\"circular\", \"square\"]),\n  /**\n   * A string representing the color of the avatar border that represents its status.\n   */\n  status: PropTypes.string,\n  /**\n   * A string representing the color of the avatar badge.\n   */\n  badge: PropTypes.string,\n  /**\n   * Attributes applied to the container element.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"mappings":"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"}

package/dist/modern/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvBadgeClassKey =
   | "root"

package/dist/modern/Badge/Badge.js

@@ -1,16 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "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) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import Typography from "../Typography";
 import styles from "./styles";
 /**
  * The badge is a component used to notify the user that something has occurred, in the app context.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export const Badge = props => {
   const {
     classes,
@@ -30,18 +37,25 @@ export const Badge = props => {
   // (Note count=0 should not be rendered to avoid ghosty 0.)
 
   const renderedCountOrLabel = label || showCount && count > 0 && renderedCount || null;
-  const Component = icon || text && /*#__PURE__*/React.createElement(Typography, {
-    variant: textVariant
-  }, text);
+
+  const Component = icon || text && /*#__PURE__*/_jsx(Typography, {
+    variant: textVariant,
+    children: text
+  });
+
   const badgeClasses = clsx(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.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     "aria-label": renderedCountOrLabel,
     className: classes.root
-  }, others), Component, /*#__PURE__*/React.createElement("div", {
-    className: Component ? classes.badgeContainer : null
-  }, /*#__PURE__*/React.createElement("div", {
-    className: badgeClasses
-  }, renderedCountOrLabel)));
+  }, others), {}, {
+    children: [Component, /*#__PURE__*/_jsx("div", {
+      className: Component ? classes.badgeContainer : null,
+      children: /*#__PURE__*/_jsx("div", {
+        className: badgeClasses,
+        children: renderedCountOrLabel
+      })
+    })]
+  }));
 };
 process.env.NODE_ENV !== "production" ? Badge.propTypes = {
   /**

package/dist/modern/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["React","PropTypes","clsx","withStyles","Typography","styles","Badge","props","classes","showCount","count","maxCount","label","icon","text","textVariant","others","renderedCount","renderedCountOrLabel","Component","badgeClasses","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit","root","badgeContainer","propTypes","shape","string","isRequired","number","bool","node","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":["React","PropTypes","clsx","withStyles","Typography","styles","Badge","props","classes","showCount","count","maxCount","label","icon","text","textVariant","others","renderedCount","renderedCountOrLabel","Component","badgeClasses","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit","root","badgeContainer","propTypes","shape","string","isRequired","number","bool","node","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":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;AACA,OAAO,MAAMC,KAAK,GAAIC,KAAD,IAAW;EAC9B,MAAM;IACJC,OADI;IAEJC,SAAS,GAAG,KAFR;IAGJC,KAAK,GAAG,CAHJ;IAIJC,QAAQ,GAAG,EAJP;IAKJC,KAAK,GAAG,IALJ;IAMJC,IAAI,GAAG,IANH;IAOJC,IAAI,GAAG,IAPH;IAQJC,WAAW,GAAG;EARV,IAUFR,KAVJ;EAAA,MASKS,MATL,4BAUIT,KAVJ;;EAWA,MAAMU,aAAa,GAAGP,KAAK,GAAGC,QAAR,GAAoB,GAAEA,QAAS,GAA/B,GAAoCD,KAA1D,CAZ8B,CAa9B;EACA;EACA;EACA;;EACA,MAAMQ,oBAAoB,GAAGN,KAAK,IAAKH,SAAS,IAAIC,KAAK,GAAG,CAArB,IAA0BO,aAApC,IAAsD,IAAnF;;EACA,MAAME,SAAS,GAAGN,IAAI,IAAKC,IAAI,iBAAI,KAAC,UAAD;IAAY,OAAO,EAAEC,WAArB;IAAA,UAAmCD;EAAnC,EAAnC;;EAEA,MAAMM,YAAY,GAAGlB,IAAI,CAACM,OAAO,CAACa,aAAT,GACNX,KAAK,GAAG,CAAR,IAAaQ,oBADP,KACtBV,OAAO,CAACc,KADc,EAGFV,KAHE,GAGtBJ,OAAO,CAACe,SAHc,GAEQL,oBAFR,IAEtBV,OAAO,CAACC,SAFc,EAIFI,IAJE,IAItBL,OAAO,CAACgB,SAJc,EAKEC,MAAM,CAACP,oBAAD,CAAN,CAA6BQ,MAA7B,KAAwC,CAL1C,IAKtBlB,OAAO,CAACmB,aALc,CAAzB;EAQA,oBACE;IAAK,cAAYT,oBAAjB;IAAuC,SAAS,EAAEV,OAAO,CAACoB;EAA1D,GAAoEZ,MAApE;IAAA,WACGG,SADH,eAEE;MAAK,SAAS,EAAEA,SAAS,GAAGX,OAAO,CAACqB,cAAX,GAA4B,IAArD;MAAA,uBACE;QAAK,SAAS,EAAET,YAAhB;QAAA,UAA+BF;MAA/B;IADF,EAFF;EAAA,GADF;AAQD,CApCM;AAsCP,wCAAAZ,KAAK,CAACwB,SAAN,GAAkB;EAChB;AACF;AACA;EACEtB,OAAO,EAAEP,SAAS,CAAC8B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAE3B,SAAS,CAAC+B,MAJO;;IAKvB;AACJ;AACA;IACIX,aAAa,EAAEpB,SAAS,CAAC+B,MARF;;IASvB;AACJ;AACA;IACIV,KAAK,EAAErB,SAAS,CAAC+B,MAZM;;IAavB;AACJ;AACA;IACIR,SAAS,EAAEvB,SAAS,CAAC+B,MAhBE;;IAiBvB;AACJ;AACA;IACIvB,SAAS,EAAER,SAAS,CAAC+B,MApBE;;IAqBvB;AACJ;AACA;IACIT,SAAS,EAAEtB,SAAS,CAAC+B,MAxBE;;IAyBvB;AACJ;AACA;IACIL,aAAa,EAAE1B,SAAS,CAAC+B,MA5BF;;IA6BvB;AACJ;AACA;IACIH,cAAc,EAAE5B,SAAS,CAAC+B;EAhCH,CAAhB,EAiCNC,UArCa;;EAsChB;AACF;AACA;AACA;AACA;EACEvB,KAAK,EAAET,SAAS,CAACiC,MA3CD;;EA4ChB;AACF;AACA;AACA;AACA;EACEzB,SAAS,EAAER,SAAS,CAACkC,IAjDL;;EAkDhB;AACF;AACA;EACExB,QAAQ,EAAEV,SAAS,CAACiC,MArDJ;;EAsDhB;AACF;AACA;AACA;AACA;EACEtB,KAAK,EAAEX,SAAS,CAAC+B,MA3DD;;EA4DhB;AACF;AACA;EACEnB,IAAI,EAAEZ,SAAS,CAACmC,IA/DA;;EAgEhB;AACF;AACA;EACEtB,IAAI,EAAEb,SAAS,CAAC+B,MAnEA;;EAoEhB;AACF;AACA;EACEjB,WAAW,EAAEd,SAAS,CAAC+B;AAvEP,CAAlB;AA0EA,eAAe7B,UAAU,CAACE,MAAD,EAAS;EAAEgC,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwC/B,KAAxC,CAAf"}

package/dist/modern/Banner/Banner.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps, SnackbarProps } from "@material-ui/core";
+import { StandardProps, SnackbarProps } from "@mui/material";
 import { HvActionsGenericCommonProps } from "../ActionsGeneric";
 import { HvBannerContentProps } from "./BannerContent";
 

package/dist/modern/Banner/Banner.js

@@ -1,9 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "classes", "className", "open", "onClose", "anchorOrigin", "variant", "transitionDuration", "transitionDirection", "showIcon", "customIcon", "actions", "actionsCallback", "actionsPosition", "label", "offset", "bannerContentProps"];
+
+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) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React, { useCallback } from "react";
 import PropTypes, { oneOfType } from "prop-types";
-import { Slide, Snackbar, withStyles } from "@material-ui/core";
+import { Slide, Snackbar } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import capitalize from "lodash/capitalize";
 import { setId } from "../utils";
 import HvBannerContent from "./BannerContent";
@@ -13,6 +19,8 @@ import styles from "./styles";
  * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const HvBanner = props => {
   const {
     id,
@@ -47,10 +55,10 @@ const HvBanner = props => {
     horizontal: "center",
     vertical: anchorOrigin
   };
-  const SlideTransition = useCallback(properties => /*#__PURE__*/React.createElement(Slide, _extends({}, properties, {
+  const SlideTransition = useCallback(properties => /*#__PURE__*/_jsx(Slide, _objectSpread(_objectSpread({}, properties), {}, {
     direction: transitionDirection
   })), [transitionDirection]);
-  return /*#__PURE__*/React.createElement(Snackbar, _extends({
+  return /*#__PURE__*/_jsx(Snackbar, _objectSpread(_objectSpread({
     style: anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`],
     className: className,
     id: id,
@@ -63,17 +71,19 @@ const HvBanner = props => {
     TransitionComponent: SlideTransition,
     open: open,
     transitionDuration: transitionDuration
-  }, others), /*#__PURE__*/React.createElement(HvBannerContent, _extends({
-    id: setId(id, "content"),
-    content: label,
-    variant: variant,
-    customIcon: customIcon,
-    showIcon: showIcon,
-    actions: actions,
-    actionsCallback: actionsCallback,
-    actionsPosition: actionsPosition,
-    onClose: onClose
-  }, bannerContentProps)));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx(HvBannerContent, _objectSpread({
+      id: 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 = {

package/dist/modern/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["React","useCallback","PropTypes","oneOfType","Slide","Snackbar","withStyles","capitalize","setId","HvBannerContent","styles","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","properties","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","propTypes","string","shape","isRequired","bool","func","node","oneOf","arrayOf","icon","disabled","number","instanceOf","Object","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 HvBannerContent from \"./BannerContent\";\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      <HvBannerContent\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":["React","useCallback","PropTypes","oneOfType","Slide","Snackbar","withStyles","capitalize","setId","HvBannerContent","styles","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","properties","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","propTypes","string","shape","isRequired","bool","func","node","oneOf","arrayOf","icon","disabled","number","instanceOf","Object","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 HvBannerContent from \"./BannerContent\";\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      <HvBannerContent\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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"}