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

package/dist/legacy/AppSwitcher/Action/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","names":["React","useState","PropTypes","clsx","useTheme","withStyles","Info","HvTypography","HvAvatar","HvTooltip","HvListItem","styles","TitleWithTooltip","getColor","theme","color","defaultColor","palette","Action","props","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","hv","atmosphere","atmo5","accent","acce1","validIconUrl","setValidIconUrl","renderApplicationIcon","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","root","selected","undefined","typography","borderColor","icon","title","iconInfo","propTypes","string","shape","isRequired","element","oneOf","bool","func"],"sources":["../../../../src/AppSwitcher/Action/Action.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography, HvAvatar, HvTooltip, HvListItem } from \"../..\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"../TitleWithTooltip\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst Action = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    application,\n    onClickCallback = () => {},\n    isSelectedCallback = () => false,\n  } = props;\n\n  const { name, description, disabled, iconElement, iconUrl, url, target } = application;\n\n  const theme = useTheme();\n  const color = disabled\n    ? theme.hv.palette.atmosphere.atmo5\n    : getColor(theme, application.color, theme.hv.palette.accent.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        <img\n          className={classes.iconUrl}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n          alt={description}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"SM\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <HvListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.selected]: isSelected,\n      })}\n    >\n      <HvTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={classes.typography}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n      >\n        <div className={classes.icon}>{renderApplicationIcon()}</div>\n\n        <TitleWithTooltip title={name} className={classes.title} />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <Info className={classes.iconInfo} role=\"img\" aria-label={description} />\n            </div>\n          </HvTooltip>\n        )}\n      </HvTypography>\n    </HvListItem>\n  );\n};\n\nAction.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 component styles.\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 disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the typography element.\n     */\n    typography: PropTypes.string,\n    /**\n     * Styles applied to the component root class when selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the icon container.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    iconUrl: PropTypes.string,\n    /**\n     * Styles applied to the action title element.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the info icon element.\n     */\n    iconInfo: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The application data to be used to render the Action object.\n   */\n  application: 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     * The color to be applied to the item's border and to the default icon.\n     * You can use either an HEX or color name from the palette.\n     */\n    color: PropTypes.string,\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 accessible.\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  }).isRequired,\n\n  /**\n   * Callback triggered when the action is clicked.\n   */\n  onClickCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isSelectedCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherAction\" })(Action);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,QAAT,EAAmBC,UAAnB,QAAqC,mBAArC;AAEA,SAASC,IAAT,QAAqB,mCAArB;AACA,SAASC,YAAT,EAAuBC,QAAvB,EAAiCC,SAAjC,EAA4CC,UAA5C,QAA8D,OAA9D;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,gBAAP,MAA6B,qBAA7B;;AAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAQC,KAAR,EAAeC,YAAf;EAAA,OAAgCF,KAAK,CAACG,OAAN,CAAcF,KAAd,KAAwBA,KAAxB,IAAiCC,YAAjE;AAAA,CAAjB;;AAEA,IAAME,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IACEC,EADF,GAOID,KAPJ,CACEC,EADF;EAAA,IAEEC,SAFF,GAOIF,KAPJ,CAEEE,SAFF;EAAA,IAGEC,OAHF,GAOIH,KAPJ,CAGEG,OAHF;EAAA,IAIEC,WAJF,GAOIJ,KAPJ,CAIEI,WAJF;EAAA,4BAOIJ,KAPJ,CAKEK,eALF;EAAA,IAKEA,eALF,sCAKoB,YAAM,CAAE,CAL5B;EAAA,4BAOIL,KAPJ,CAMEM,kBANF;EAAA,IAMEA,kBANF,sCAMuB;IAAA,OAAM,KAAN;EAAA,CANvB;EASA,IAAQC,IAAR,GAA2EH,WAA3E,CAAQG,IAAR;EAAA,IAAcC,WAAd,GAA2EJ,WAA3E,CAAcI,WAAd;EAAA,IAA2BC,QAA3B,GAA2EL,WAA3E,CAA2BK,QAA3B;EAAA,IAAqCC,WAArC,GAA2EN,WAA3E,CAAqCM,WAArC;EAAA,IAAkDC,OAAlD,GAA2EP,WAA3E,CAAkDO,OAAlD;EAAA,IAA2DC,GAA3D,GAA2ER,WAA3E,CAA2DQ,GAA3D;EAAA,IAAgEC,MAAhE,GAA2ET,WAA3E,CAAgES,MAAhE;EAEA,IAAMlB,KAAK,GAAGV,QAAQ,EAAtB;EACA,IAAMW,KAAK,GAAGa,QAAQ,GAClBd,KAAK,CAACmB,EAAN,CAAShB,OAAT,CAAiBiB,UAAjB,CAA4BC,KADV,GAElBtB,QAAQ,CAACC,KAAD,EAAQS,WAAW,CAACR,KAApB,EAA2BD,KAAK,CAACmB,EAAN,CAAShB,OAAT,CAAiBmB,MAAjB,CAAwBC,KAAnD,CAFZ;;EAIA,gBAAwCpC,QAAQ,CAAC,IAAD,CAAhD;EAAA;EAAA,IAAOqC,YAAP;EAAA,IAAqBC,eAArB;;EAEA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;IAClC,IAAIX,WAAJ,EAAiB;MACf,OAAOA,WAAP;IACD;;IAED,IAAIC,OAAO,IAAIQ,YAAf,EAA6B;MAC3B,oBACE;QACE,SAAS,EAAEhB,OAAO,CAACQ,OADrB;QAEE,GAAG,EAAEA,OAFP;QAGE,OAAO,EAAE,mBAAM;UACbS,eAAe,CAAC,KAAD,CAAf;QACD,CALH;QAME,GAAG,EAAEZ;MANP,EADF;IAUD;;IAED,IAAMc,WAAW,GAAGf,IAAI,CAACgB,KAAL,CAAW,GAAX,CAApB;IACA,IAAMC,QAAQ,GACZF,WAAW,CAAC,CAAD,CAAX,CAAeG,SAAf,CAAyB,CAAzB,EAA4B,CAA5B,KAAkCH,WAAW,CAAC,CAAD,CAAX,GAAiBA,WAAW,CAAC,CAAD,CAAX,CAAeG,SAAf,CAAyB,CAAzB,EAA4B,CAA5B,CAAjB,GAAkD,EAApF,CADF;IAGA,oBACE,oBAAC,QAAD;MAAU,IAAI,EAAC,IAAf;MAAoB,eAAe,EAAE7B,KAArC;MAA4C,OAAO,EAAC;IAApD,GACG4B,QADH,CADF;EAKD,CA3BD;;EA6BA,IAAME,UAAU,GAAGpB,kBAAkB,CAACF,WAAD,CAArC;EAEA;AACF;AACA;;EACE,IAAMuB,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;IAC/B,IAAInB,QAAJ,EAAc;MACZmB,KAAK,CAACC,cAAN;MACA;IACD;;IAEDxB,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGuB,KAAH,kCAAexB,WAAf;MAA4BsB,UAAU,EAAVA;IAA5B,GAAf;EACD,CAPD;;EASA,IAAMI,MAAM,GAAGlB,GAAG,IAAI,IAAtB;EAEA,oBACE,oBAAC,UAAD;IACE,EAAE,EAAEX,EADN;IAEE,WAAW,MAFb;IAGE,QAAQ,EAAE,CAHZ;IAIE,QAAQ,EAAEyB,UAJZ;IAKE,QAAQ,EAAEjB,QALZ;IAME,SAAS,EAAEzB,IAAI,CAACkB,SAAD,EAAYC,OAAO,CAAC4B,IAApB,EACOtB,QADP,IACZN,OAAO,CAACM,QADI,EAEOiB,UAFP,IAEZvB,OAAO,CAAC6B,QAFI;EANjB,gBAWE,oBAAC,YAAD;IACE,SAAS,EAAEF,MAAM,GAAG,GAAH,GAAS,QAD5B;IAEE,IAAI,EAAEA,MAAM,GAAGlB,GAAH,GAASqB,SAFvB;IAGE,MAAM,EAAEH,MAAM,GAAGjB,MAAM,IAAI,MAAb,GAAsBoB,SAHtC;IAIE,SAAS,EAAE9B,OAAO,CAAC+B,UAJrB;IAKE,OAAO,EAAEP,aALX;IAME,KAAK,EAAE;MAAEQ,WAAW,EAAEvC;IAAf;EANT,gBAQE;IAAK,SAAS,EAAEO,OAAO,CAACiC;EAAxB,GAA+Bf,qBAAqB,EAApD,CARF,eAUE,oBAAC,gBAAD;IAAkB,KAAK,EAAEd,IAAzB;IAA+B,SAAS,EAAEJ,OAAO,CAACkC;EAAlD,EAVF,EAYG7B,WAAW,iBACV,oBAAC,SAAD;IACE,oBAAoB,MADtB;IAEE,oBAAoB,MAFtB;IAGE,KAAK,eAAE,oBAAC,YAAD,QAAeA,WAAf;EAHT,gBAKE,8CACE,oBAAC,IAAD;IAAM,SAAS,EAAEL,OAAO,CAACmC,QAAzB;IAAmC,IAAI,EAAC,KAAxC;IAA8C,cAAY9B;EAA1D,EADF,CALF,CAbJ,CAXF,CADF;AAsCD,CAtGD;;AAwGA,wCAAAT,MAAM,CAACwC,SAAP,GAAmB;EACjB;AACF;AACA;EACEtC,EAAE,EAAElB,SAAS,CAACyD,MAJG;;EAMjB;AACF;AACA;EACEtC,SAAS,EAAEnB,SAAS,CAACyD,MATJ;;EAUjB;AACF;AACA;EACErC,OAAO,EAAEpB,SAAS,CAAC0D,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAEhD,SAAS,CAACyD,MAJO;;IAKvB;AACJ;AACA;IACI/B,QAAQ,EAAE1B,SAAS,CAACyD,MARG;;IASvB;AACJ;AACA;IACIN,UAAU,EAAEnD,SAAS,CAACyD,MAZC;;IAavB;AACJ;AACA;IACIR,QAAQ,EAAEjD,SAAS,CAACyD,MAhBG;;IAiBvB;AACJ;AACA;IACIJ,IAAI,EAAErD,SAAS,CAACyD,MApBO;;IAqBvB;AACJ;AACA;IACI7B,OAAO,EAAE5B,SAAS,CAACyD,MAxBI;;IAyBvB;AACJ;AACA;IACIH,KAAK,EAAEtD,SAAS,CAACyD,MA5BM;;IA6BvB;AACJ;AACA;IACIF,QAAQ,EAAEvD,SAAS,CAACyD;EAhCG,CAAhB,EAiCNE,UA9Cc;;EAgDjB;AACF;AACA;EACEtC,WAAW,EAAErB,SAAS,CAAC0D,KAAV,CAAgB;IAC3B;AACJ;AACA;IACIxC,EAAE,EAAElB,SAAS,CAACyD,MAJa;;IAK3B;AACJ;AACA;IACIjC,IAAI,EAAExB,SAAS,CAACyD,MAAV,CAAiBE,UARI;;IAS3B;AACJ;AACA;AACA;IACI9C,KAAK,EAAEb,SAAS,CAACyD,MAbU;;IAc3B;AACJ;AACA;AACA;IACI7B,OAAO,EAAE5B,SAAS,CAACyD,MAlBQ;;IAmB3B;AACJ;AACA;AACA;IACI9B,WAAW,EAAE3B,SAAS,CAAC4D,OAvBI;;IAwB3B;AACJ;AACA;IACInC,WAAW,EAAEzB,SAAS,CAACyD,MA3BI;;IA4B3B;AACJ;AACA;IACI5B,GAAG,EAAE7B,SAAS,CAACyD,MA/BY;;IAgC3B;AACJ;AACA;IACI3B,MAAM,EAAE9B,SAAS,CAAC6D,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CAnCmB;;IAoC3B;AACJ;AACA;IACInC,QAAQ,EAAE1B,SAAS,CAAC8D,IAvCO;;IAwC3B;AACJ;AACA;IACInB,UAAU,EAAE3C,SAAS,CAAC8D;EA3CK,CAAhB,EA4CVH,UA/Fc;;EAiGjB;AACF;AACA;EACErC,eAAe,EAAEtB,SAAS,CAAC+D,IApGV;;EAqGjB;AACF;AACA;EACExC,kBAAkB,EAAEvB,SAAS,CAAC+D;AAxGb,CAAnB;AA2GA,eAAe5D,UAAU,CAACM,MAAD,EAAS;EAAEe,IAAI,EAAE;AAAR,CAAT,CAAV,CAAoDR,MAApD,CAAf"}
+{"version":3,"file":"Action.js","names":["React","useState","PropTypes","clsx","withStyles","useTheme","Info","HvTypography","HvAvatar","HvTooltip","HvListItem","styles","TitleWithTooltip","getColor","theme","color","defaultColor","palette","Action","props","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","hv","atmosphere","atmo5","accent","acce1","validIconUrl","setValidIconUrl","renderApplicationIcon","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","root","selected","undefined","typography","borderColor","icon","title","iconInfo","propTypes","string","shape","isRequired","element","oneOf","bool","func"],"sources":["../../../../src/AppSwitcher/Action/Action.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography, HvAvatar, HvTooltip, HvListItem } from \"../..\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"../TitleWithTooltip\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst Action = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    application,\n    onClickCallback = () => {},\n    isSelectedCallback = () => false,\n  } = props;\n\n  const { name, description, disabled, iconElement, iconUrl, url, target } = application;\n\n  const theme = useTheme();\n  const color = disabled\n    ? theme.hv.palette.atmosphere.atmo5\n    : getColor(theme, application.color, theme.hv.palette.accent.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        <img\n          className={classes.iconUrl}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n          alt={description}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"SM\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <HvListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.selected]: isSelected,\n      })}\n    >\n      <HvTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={classes.typography}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n      >\n        <div className={classes.icon}>{renderApplicationIcon()}</div>\n\n        <TitleWithTooltip title={name} className={classes.title} />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <Info className={classes.iconInfo} role=\"img\" aria-label={description} />\n            </div>\n          </HvTooltip>\n        )}\n      </HvTypography>\n    </HvListItem>\n  );\n};\n\nAction.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 component styles.\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 disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the typography element.\n     */\n    typography: PropTypes.string,\n    /**\n     * Styles applied to the component root class when selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the icon container.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    iconUrl: PropTypes.string,\n    /**\n     * Styles applied to the action title element.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the info icon element.\n     */\n    iconInfo: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The application data to be used to render the Action object.\n   */\n  application: 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     * The color to be applied to the item's border and to the default icon.\n     * You can use either an HEX or color name from the palette.\n     */\n    color: PropTypes.string,\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 accessible.\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  }).isRequired,\n\n  /**\n   * Callback triggered when the action is clicked.\n   */\n  onClickCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isSelectedCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherAction\" })(Action);\n"],"mappings":"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"}

package/dist/legacy/AppSwitcher/AppSwitcher.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 import { HvAppSwitcherActionApplication } from "./Action";
 

package/dist/legacy/AppSwitcher/AppSwitcher.js

@@ -2,13 +2,16 @@ import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.array.concat.js";
 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";
 
 var AppSwitcher = function AppSwitcher(props) {
   var id = props.id,
@@ -34,8 +37,7 @@ var AppSwitcher = function AppSwitcher(props) {
 
   var panelActions = applications.map(function (application) {
     if (application.name) {
-      return /*#__PURE__*/React.createElement(Action, {
-        key: application.id || "".concat(application.name, "_").concat(application.url),
+      return /*#__PURE__*/_jsx(Action, {
         application: application,
         onClickCallback: actionClicked,
         isSelectedCallback: isActionSelectedCallback,
@@ -48,25 +50,29 @@ var AppSwitcher = function AppSwitcher(props) {
           title: classes.itemTitle,
           iconInfo: classes.itemInfoIcon
         }
-      });
+      }, application.id || "".concat(application.name, "_").concat(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/legacy/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/legacy/AppSwitcher/TitleWithTooltip.js

@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { HvTooltip, HvTypography } from "..";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var TitleWithTooltip = function TitleWithTooltip(_ref) {
   var className = _ref.className,
@@ -18,16 +19,20 @@ var TitleWithTooltip = function TitleWithTooltip(_ref) {
       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/legacy/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,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA0B;EAAA,IAAvBC,SAAuB,QAAvBA,SAAuB;EAAA,IAAZC,KAAY,QAAZA,KAAY;;EACjD,gBAAwCN,QAAQ,CAAC,KAAD,CAAhD;EAAA;EAAA,IAAOO,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAMC,OAAO,GAAGV,MAAM,EAAtB;EAEAD,SAAS,CAAC,YAAM;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,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA0B;EAAA,IAAvBC,SAAuB,QAAvBA,SAAuB;EAAA,IAAZC,KAAY,QAAZA,KAAY;;EACjD,gBAAwCN,QAAQ,CAAC,KAAD,CAAhD;EAAA;EAAA,IAAOO,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAMC,OAAO,GAAGV,MAAM,EAAtB;EAEAD,SAAS,CAAC,YAAM;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/legacy/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/legacy/Avatar/Avatar.js

@@ -5,9 +5,8 @@ import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant", "containerProps"];
 
@@ -18,10 +17,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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";
 
 var getColor = function getColor(theme, color, defaultColor) {
   return theme.palette[color] || color || defaultColor;
@@ -90,7 +92,7 @@ var HvAvatar = function HvAvatar(props) {
   var hasImgNotFailing = hasImg && imageLoaded !== "error";
 
   if (hasImgNotFailing) {
-    children = /*#__PURE__*/React.createElement("img", _extends({
+    children = /*#__PURE__*/_jsx("img", _objectSpread({
       alt: alt,
       src: src,
       srcSet: srcSet,
@@ -104,7 +106,7 @@ var HvAvatar = function HvAvatar(props) {
 
     children = _alt[0];
   } else {
-    children = /*#__PURE__*/React.createElement(User, {
+    children = /*#__PURE__*/_jsx(User, {
       color: color,
       iconSize: decreaseSize(normalizedSize),
       className: classes.fallback
@@ -143,22 +145,27 @@ var HvAvatar = function 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/legacy/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","childrenProp","children","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":";;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,MAAT,EAAiBC,UAAjB,EAA6BC,QAA7B,QAA6C,mBAA7C;AAEA,SAASC,IAAT,QAAqB,mCAArB;AAEA,SAASC,YAAT,EAAuBC,cAAvB,QAA6C,UAA7C;AAEA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAQC,KAAR,EAAeC,YAAf;EAAA,OAAgCF,KAAK,CAACG,OAAN,CAAcF,KAAd,KAAwBA,KAAxB,IAAiCC,YAAjE;AAAA,CAAjB;;AAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAU;EAC9B,IAAIA,IAAI,KAAK,GAAT,IAAgBA,IAAI,KAAK,GAAzB,IAAgCA,IAAI,KAAK,GAA7C,EAAkD;IAChD;IACAC,OAAO,CAACC,IAAR,CACE,kFADF;;IAGA,QAAQF,IAAR;MACE,KAAK,GAAL;QACE,OAAO,IAAP;;MACF,KAAK,GAAL;QACE,OAAO,IAAP;;MACF,KAAK,GAAL;QACE;QACA;QACA,OAAO,IAAP;;MACF;QACE;IAVJ;EAYD;;EACD,OAAOA,IAAP;AACD,CApBD;AAsBA;AACA;AACA;AACA;;;AACA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;EAC1B,IACEC,SADF,GAmBID,KAnBJ,CACEC,SADF;EAAA,IAEEC,KAFF,GAmBIF,KAnBJ,CAEEE,KAFF;EAAA,IAGEC,OAHF,GAmBIH,KAnBJ,CAGEG,OAHF;EAAA,IAIYC,YAJZ,GAmBIJ,KAnBJ,CAIEK,QAJF;EAAA,IAKEC,SALF,GAmBIN,KAnBJ,CAKEM,SALF;EAAA,kBAmBIN,KAnBJ,CAMEJ,IANF;EAAA,IAMEA,IANF,4BAMS,IANT;EAAA,4BAmBII,KAnBJ,CAOEO,eAPF;EAAA,IAOEA,eAPF,sCAOoB,OAPpB;EAAA,mBAmBIP,KAnBJ,CAQER,KARF;EAAA,IAQEA,KARF,6BAQU,OARV;EAAA,IASEgB,GATF,GAmBIR,KAnBJ,CASEQ,GATF;EAAA,IAUEC,MAVF,GAmBIT,KAnBJ,CAUES,MAVF;EAAA,IAWEC,KAXF,GAmBIV,KAnBJ,CAWEU,KAXF;EAAA,IAYEC,GAZF,GAmBIX,KAnBJ,CAYEW,GAZF;EAAA,IAaEC,QAbF,GAmBIZ,KAnBJ,CAaEY,QAbF;EAAA,IAcEC,MAdF,GAmBIb,KAnBJ,CAcEa,MAdF;EAAA,IAeEC,KAfF,GAmBId,KAnBJ,CAeEc,KAfF;EAAA,qBAmBId,KAnBJ,CAgBEe,OAhBF;EAAA,IAgBEA,OAhBF,+BAgBY,UAhBZ;EAAA,IAiBEC,cAjBF,GAmBIhB,KAnBJ,CAiBEgB,cAjBF;EAAA,IAkBKC,MAlBL,4BAmBIjB,KAnBJ,aAD0B,CAsB1B;;;EACA,IAAMkB,cAAc,GAAGvB,aAAa,CAACC,IAAD,CAApC;EAEA,IAAIS,QAAQ,GAAG,IAAf,CAzB0B,CA2B1B;;EACA,IAAMc,WAAW,GAAG/B,cAAc,CAACoB,GAAD,EAAMC,MAAN,CAAlC;EACA,IAAMW,MAAM,GAAGZ,GAAG,IAAIC,MAAtB;EACA,IAAMY,gBAAgB,GAAGD,MAAM,IAAID,WAAW,KAAK,OAAnD;;EAEA,IAAIE,gBAAJ,EAAsB;IACpBhB,QAAQ,gBACN;MACE,GAAG,EAAEM,GADP;MAEE,GAAG,EAAEH,GAFP;MAGE,MAAM,EAAEC,MAHV;MAIE,KAAK,EAAEC,KAJT;MAKE,SAAS,EAAEP,OAAO,CAACmB;IALrB,GAMMV,QANN,EADF;EAUD,CAXD,MAWO,IAAIR,YAAY,IAAI,IAApB,EAA0B;IAC/BC,QAAQ,GAAGD,YAAX;EACD,CAFM,MAEA,IAAIgB,MAAM,IAAIT,GAAd,EAAmB;IAAA,0BACXA,GADW;;IACvBN,QADuB;EAEzB,CAFM,MAEA;IACLA,QAAQ,gBACN,oBAAC,IAAD;MAAM,KAAK,EAAEb,KAAb;MAAoB,QAAQ,EAAEL,YAAY,CAAC+B,cAAD,CAA1C;MAA4D,SAAS,EAAEf,OAAO,CAACoB;IAA/E,EADF;EAGD;;EAED,IAAMC,WAAW,qBACZtB,KADY,CAAjB;;EAIA,IAAII,SAAS,IAAI,IAAb,IAAqB,OAAOA,SAAP,KAAqB,QAA9C,EAAwD;IACtD;IACAkB,WAAW,CAACC,YAAZ,GAA2B,KAA3B;EACD;;EAED,IAAMlC,KAAK,GAAGN,QAAQ,EAAtB;;EACA,IAAI,CAACoC,gBAAL,EAAuB;IACrBG,WAAW,CAACjB,eAAZ,GAA8BjB,QAAQ,CAACC,KAAD,EAAQgB,eAAR,EAAyBhB,KAAK,CAACmC,EAAN,CAAShC,OAAT,CAAiBiC,MAAjB,CAAwBC,KAAjD,CAAtC;IACAJ,WAAW,CAAChC,KAAZ,GAAoBF,QAAQ,CAACC,KAAD,EAAQC,KAAR,EAAeD,KAAK,CAACmC,EAAN,CAAShC,OAAT,CAAiBmC,UAAjB,CAA4BC,KAA3C,CAA5B;EACD;;EAED,IAAMC,iBAAiB,GAAG,EAA1B;;EACA,IAAIlB,MAAJ,EAAY;IACV;IACA;IACA,IAAMmB,WAAW,GAAG1C,QAAQ,CAACC,KAAD,EAAQsB,MAAR,EAAgBtB,KAAK,CAACmC,EAAN,CAAShC,OAAT,CAAiBuC,QAAjB,CAA0BC,KAA1C,CAA5B;IACAH,iBAAiB,CAACI,SAAlB,mCAAuDH,WAAvD;EACD;;EAED,IAAMI,UAAU,GAAG9C,QAAQ,CAACC,KAAD,EAAQuB,KAAR,EAAevB,KAAK,CAACmC,EAAN,CAAShC,OAAT,CAAiBuC,QAAjB,CAA0BC,KAAzC,CAA3B;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;;EACE,oBACE;IAAK,SAAS,EAAE/B,OAAO,CAACkC;EAAxB,GAAuCrB,cAAvC,gBACE;IACE,SAAS,EAAElC,IAAI,CAACqB,OAAO,CAACU,MAAT,EAAiBV,OAAO,CAACY,OAAD,CAAxB,EAAmCZ,OAAO,CAACe,cAAD,CAA1C,CADjB;IAEE,KAAK,EAAEa;EAFT,GAIGjB,KAAK,iBAAI;IAAK,SAAS,EAAEX,OAAO,CAACW,KAAxB;IAA+B,KAAK,EAAE;MAAEP,eAAe,EAAE6B;IAAnB;EAAtC,EAJZ,eAKE,oBAAC,MAAD;IACE,SAAS,EAAE9B,SADb;IAEE,SAAS,EAAExB,IAAI,CAACmB,SAAD,EAAYE,OAAO,CAACmC,IAApB,EAA0BnC,OAAO,CAACoC,MAAlC,EAA0CpC,OAAO,CAACe,cAAD,CAAjD,CAFjB;IAGE,KAAK,EAAEM,WAHT;IAIE,OAAO,EAAET;EAJX,GAKME,MALN,GAOGZ,QAPH,CALF,CADF,CADF;AAmBD,CAxGD;;AA0GA,wCAAAN,QAAQ,CAACyC,SAAT,GAAqB;EACnB;AACF;AACA;EACEC,EAAE,EAAE5D,SAAS,CAAC6D,MAJK;;EAMnB;AACF;AACA;EACEzC,SAAS,EAAEpB,SAAS,CAAC6D,MATF;;EAUnB;AACF;AACA;EACExC,KAAK,EAAErB,SAAS,CAAC8D,UAAV,CAAqBC,MAArB,CAbY;;EAcnB;AACF;AACA;EACEzC,OAAO,EAAEtB,SAAS,CAACgE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEzD,SAAS,CAAC6D,MAJO;;IAKvB;AACJ;AACA;IACII,EAAE,EAAEjE,SAAS,CAAC6D,MARS;;IASvB;AACJ;AACA;IACIK,EAAE,EAAElE,SAAS,CAAC6D,MAZS;;IAavB;AACJ;AACA;IACIM,EAAE,EAAEnE,SAAS,CAAC6D,MAhBS;;IAiBvB;AACJ;AACA;IACIO,EAAE,EAAEpE,SAAS,CAAC6D,MApBS;;IAqBvB;AACJ;AACA;IACIQ,EAAE,EAAErE,SAAS,CAAC6D,MAxBS;;IAyBvB;AACJ;AACA;IACIpB,GAAG,EAAEzC,SAAS,CAAC6D,MA5BQ;;IA6BvB;AACJ;AACA;IACInB,QAAQ,EAAE1C,SAAS,CAAC6D,MAhCG;;IAiCvB;AACJ;AACA;IACIL,SAAS,EAAExD,SAAS,CAAC6D,MApCE;;IAqCvB;AACJ;AACA;IACIH,MAAM,EAAE1D,SAAS,CAAC6D,MAxCK;;IAyCvB;AACJ;AACA;IACI5B,KAAK,EAAEjC,SAAS,CAAC6D,MA5CM;;IA6CvB;AACJ;AACA;IACI7B,MAAM,EAAEhC,SAAS,CAAC6D;EAhDK,CAAhB,EAiDNS,UAlEgB;;EAoEnB;AACF;AACA;AACA;EACE9C,QAAQ,EAAExB,SAAS,CAACuE,IAxED;;EAyEnB;AACF;AACA;AACA;EACE9C,SAAS,EAAEzB,SAAS,CAACwE,WA7EF;;EA+EnB;AACF;AACA;EACEzD,IAAI,EAAEf,SAAS,CAACyE,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,EAAkC,IAAlC,EAAwC,IAAxC,CAAhB,CAlFa;;EAoFnB;AACF;AACA;AACA;EACE/C,eAAe,EAAE1B,SAAS,CAAC6D,MAxFR;;EAyFnB;AACF;AACA;AACA;AACA;EACElD,KAAK,EAAEX,SAAS,CAAC6D,MA9FE;;EAgGnB;AACF;AACA;EACElC,GAAG,EAAE3B,SAAS,CAAC6D,MAnGI;;EAoGnB;AACF;AACA;AACA;EACEjC,MAAM,EAAE5B,SAAS,CAAC6D,MAxGC;;EAyGnB;AACF;AACA;EACEhC,KAAK,EAAE7B,SAAS,CAAC6D,MA5GE;;EA6GnB;AACF;AACA;AACA;EACE/B,GAAG,EAAE9B,SAAS,CAAC6D,MAjHI;;EAkHnB;AACF;AACA;AACA;EACE9B,QAAQ,EAAE/B,SAAS,CAAC8D,UAAV,CAAqBC,MAArB,CAtHS;;EAuHnB;AACF;AACA;EACE7B,OAAO,EAAElC,SAAS,CAACyE,KAAV,CAAgB,CAAC,UAAD,EAAa,QAAb,CAAhB,CA1HU;;EA2HnB;AACF;AACA;EACEzC,MAAM,EAAEhC,SAAS,CAAC6D,MA9HC;;EA+HnB;AACF;AACA;EACE5B,KAAK,EAAEjC,SAAS,CAAC6D,MAlIE;;EAmInB;AACF;AACA;EACE1B,cAAc,EAAEnC,SAAS,CAAC8D,UAAV,CAAqBC,MAArB;AAtIG,CAArB;AAyIA,eAAe5D,UAAU,CAACK,MAAD,EAAS;EAAEkE,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyCxD,QAAzC,CAAf"}
+{"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","childrenProp","children","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/legacy/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/legacy/Badge/Badge.js

@@ -1,16 +1,30 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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) { _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 var Badge = function Badge(props) {
   var classes = props.classes,
       _props$showCount = props.showCount,
@@ -35,18 +49,25 @@ export 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.createElement(Typography, {
-    variant: textVariant
-  }, text);
+
+  var Component = icon || text && /*#__PURE__*/_jsx(Typography, {
+    variant: textVariant,
+    children: text
+  });
+
   var 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/legacy/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":"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"}

package/dist/legacy/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";