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

package/dist/AppSwitcher/Action/Action.js

@@ -49,16 +49,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
 var _ = require("../..");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _TitleWithTooltip = _interopRequireDefault(require("../TitleWithTooltip"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -89,7 +91,7 @@ var Action = function Action(props) {
       iconUrl = application.iconUrl,
       url = application.url,
       target = application.target;
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _styles.useTheme)();
   var color = disabled ? theme.hv.palette.atmosphere.atmo5 : getColor(theme, application.color, theme.hv.palette.accent.acce1);
 
   var _useState = (0, _react.useState)(true),
@@ -103,7 +105,7 @@ var Action = function Action(props) {
     }
 
     if (iconUrl && validIconUrl) {
-      return /*#__PURE__*/_react.default.createElement("img", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         className: classes.iconUrl,
         src: iconUrl,
         onError: function onError() {
@@ -115,11 +117,12 @@ var Action = function Action(props) {
 
     var brokenTitle = name.split(" ");
     var initials = brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : "");
-    return /*#__PURE__*/_react.default.createElement(_.HvAvatar, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvAvatar, {
       size: "SM",
       backgroundColor: color,
-      variant: "square"
-    }, initials);
+      variant: "square",
+      children: initials
+    });
   };
 
   var isSelected = isSelectedCallback(application);
@@ -139,36 +142,44 @@ var Action = function Action(props) {
   };
 
   var isLink = url != null;
-  return /*#__PURE__*/_react.default.createElement(_.HvListItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvListItem, {
     id: id,
     interactive: true,
     tabIndex: 0,
     selected: isSelected,
     disabled: disabled,
-    className: (0, _clsx.default)(className, classes.root, disabled && classes.disabled, isSelected && classes.selected)
-  }, /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    component: isLink ? "a" : "button",
-    href: isLink ? url : undefined,
-    target: isLink ? target || "_top" : undefined,
-    className: classes.typography,
-    onClick: handleOnClick,
-    style: {
-      borderColor: color
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.icon
-  }, renderApplicationIcon()), /*#__PURE__*/_react.default.createElement(_TitleWithTooltip.default, {
-    title: name,
-    className: classes.title
-  }), description && /*#__PURE__*/_react.default.createElement(_.HvTooltip, {
-    disableFocusListener: true,
-    disableTouchListener: true,
-    title: /*#__PURE__*/_react.default.createElement(_.HvTypography, null, description)
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Info, {
-    className: classes.iconInfo,
-    role: "img",
-    "aria-label": description
-  })))));
+    className: (0, _clsx.default)(className, classes.root, disabled && classes.disabled, isSelected && classes.selected),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.HvTypography, {
+      component: isLink ? "a" : "button",
+      href: isLink ? url : undefined,
+      target: isLink ? target || "_top" : undefined,
+      className: classes.typography,
+      onClick: handleOnClick,
+      style: {
+        borderColor: color
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.icon,
+        children: renderApplicationIcon()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TitleWithTooltip.default, {
+        title: name,
+        className: classes.title
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTooltip, {
+        disableFocusListener: true,
+        disableTouchListener: true,
+        title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+          children: description
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Info, {
+            className: classes.iconInfo,
+            role: "img",
+            "aria-label": description
+          })
+        })
+      })]
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Action.propTypes = {
@@ -296,7 +307,7 @@ process.env.NODE_ENV !== "production" ? Action.propTypes = {
   isSelectedCallback: _propTypes.default.func
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvAppSwitcherAction"
 })(Action);
 

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

@@ -1 +1 @@
-{"version":3,"file":"Action.js","names":["getColor","theme","color","defaultColor","palette","Action","props","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","useTheme","hv","atmosphere","atmo5","accent","acce1","useState","validIconUrl","setValidIconUrl","renderApplicationIcon","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","clsx","root","selected","undefined","typography","borderColor","icon","title","iconInfo","propTypes","PropTypes","string","shape","isRequired","element","oneOf","bool","func","withStyles","styles"],"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":"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"}
+{"version":3,"file":"Action.js","names":["getColor","theme","color","defaultColor","palette","Action","props","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","useTheme","hv","atmosphere","atmo5","accent","acce1","useState","validIconUrl","setValidIconUrl","renderApplicationIcon","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","clsx","root","selected","undefined","typography","borderColor","icon","title","iconInfo","propTypes","PropTypes","string","shape","isRequired","element","oneOf","bool","func","withStyles","styles"],"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/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/AppSwitcher/AppSwitcher.js

@@ -15,20 +15,24 @@ require("core-js/modules/es.array.concat.js");
 
 var _react = _interopRequireDefault(require("react"));
 
+var _clsx = _interopRequireDefault(require("clsx"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
+var _material = require("@mui/material");
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _ = require("..");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
 
 var _TitleWithTooltip = _interopRequireDefault(require("./TitleWithTooltip"));
 
 var _Action = _interopRequireDefault(require("./Action"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var AppSwitcher = function AppSwitcher(props) {
   var id = props.id,
       className = props.className,
@@ -53,8 +57,7 @@ var AppSwitcher = function AppSwitcher(props) {
 
   var panelActions = applications.map(function (application) {
     if (application.name) {
-      return /*#__PURE__*/_react.default.createElement(_Action.default, {
-        key: application.id || "".concat(application.name, "_").concat(application.url),
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Action.default, {
         application: application,
         onClickCallback: actionClicked,
         isSelectedCallback: isActionSelectedCallback,
@@ -67,25 +70,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.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     id: id,
-    className: (0, _clsx.default)(className, classes.root, classes[layout], isOpen === false && classes.closed, isOpen && classes.open)
-  }, header && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.title
-  }, header) || title && /*#__PURE__*/_react.default.createElement(_TitleWithTooltip.default, {
-    className: classes.title,
-    title: title
-  }), /*#__PURE__*/_react.default.createElement(_.HvListContainer, {
-    disableGutters: true,
-    className: classes.actionsContainer
-  }, panelActions), footer && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.footerContainer
-  }, footer));
+    className: (0, _clsx.default)(className, classes.root, classes[layout], isOpen === false && classes.closed, isOpen && classes.open),
+    children: [header && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.title,
+      children: header
+    }) || title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TitleWithTooltip.default, {
+      className: classes.title,
+      title: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvListContainer, {
+      disableGutters: true,
+      className: classes.actionsContainer,
+      children: panelActions
+    }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.footerContainer,
+      children: footer
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? AppSwitcher.propTypes = {
@@ -271,10 +278,10 @@ process.env.NODE_ENV !== "production" ? AppSwitcher.propTypes = {
    *
    * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.
    */
-  isOpen: (0, _core.deprecatedPropType)(_propTypes.default.bool)
+  isOpen: (0, _material.deprecatedPropType)(_propTypes.default.bool)
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvAppSwitcher"
 })(AppSwitcher);
 

package/dist/AppSwitcher/AppSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.js","names":["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","clsx","closed","open","actionsContainer","footerContainer","propTypes","PropTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node","deprecatedPropType","withStyles","styles"],"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":["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","clsx","closed","open","actionsContainer","footerContainer","propTypes","PropTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node","deprecatedPropType","withStyles","styles"],"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/AppSwitcher/TitleWithTooltip.js

@@ -29,6 +29,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _ = require("..");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -48,16 +50,20 @@ var TitleWithTooltip = function TitleWithTooltip(_ref) {
       setIsOverflowed(textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight);
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_.HvTooltip, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTooltip, {
     disableHoverListener: !isOverflowed,
     placement: "top-start",
-    title: /*#__PURE__*/_react.default.createElement(_.HvTypography, null, title)
-  }, /*#__PURE__*/_react.default.createElement(_.HvTypography, {
-    variant: "highlightText",
-    component: "span",
-    ref: textRef,
-    className: className
-  }, title));
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      children: title
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
+      variant: "highlightText",
+      component: "span",
+      ref: textRef,
+      className: className,
+      children: title
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? TitleWithTooltip.propTypes = {

package/dist/AppSwitcher/TitleWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleWithTooltip.js","names":["TitleWithTooltip","className","title","useState","isOverflowed","setIsOverflowed","textRef","useRef","useEffect","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","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;;AACA;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA0B;EAAA,IAAvBC,SAAuB,QAAvBA,SAAuB;EAAA,IAAZC,KAAY,QAAZA,KAAY;;EACjD,gBAAwC,IAAAC,eAAA,EAAS,KAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAMC,OAAO,GAAG,IAAAC,aAAA,GAAhB;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAIF,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEG,OAAb,EAAsB;MACpBJ,eAAe,CACbC,OAAO,CAACG,OAAR,CAAgBC,WAAhB,GAA8BJ,OAAO,CAACG,OAAR,CAAgBE,WAA9C,IACEL,OAAO,CAACG,OAAR,CAAgBG,YAAhB,GAA+BN,OAAO,CAACG,OAAR,CAAgBI,YAFpC,CAAf;IAID;EACF,CAPD,EAOG,EAPH;EASA,oBACE,6BAAC,WAAD;IACE,oBAAoB,EAAE,CAACT,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,6BAAC,cAAD,QAAeF,KAAf;EAHT,gBAKE,6BAAC,cAAD;IAAc,OAAO,EAAC,eAAtB;IAAsC,SAAS,EAAC,MAAhD;IAAuD,GAAG,EAAEI,OAA5D;IAAqE,SAAS,EAAEL;EAAhF,GACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACc,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEb,SAAS,EAAEc,kBAAA,CAAUC,MAJM;;EAK3B;AACF;AACA;EACEd,KAAK,EAAEa,kBAAA,CAAUC;AARU,CAA7B;eAWehB,gB"}
+{"version":3,"file":"TitleWithTooltip.js","names":["TitleWithTooltip","className","title","useState","isOverflowed","setIsOverflowed","textRef","useRef","useEffect","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","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;;AACA;;AAEA;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA0B;EAAA,IAAvBC,SAAuB,QAAvBA,SAAuB;EAAA,IAAZC,KAAY,QAAZA,KAAY;;EACjD,gBAAwC,IAAAC,eAAA,EAAS,KAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAMC,OAAO,GAAG,IAAAC,aAAA,GAAhB;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAIF,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEG,OAAb,EAAsB;MACpBJ,eAAe,CACbC,OAAO,CAACG,OAAR,CAAgBC,WAAhB,GAA8BJ,OAAO,CAACG,OAAR,CAAgBE,WAA9C,IACEL,OAAO,CAACG,OAAR,CAAgBG,YAAhB,GAA+BN,OAAO,CAACG,OAAR,CAAgBI,YAFpC,CAAf;IAID;EACF,CAPD,EAOG,EAPH;EASA,oBACE,qBAAC,WAAD;IACE,oBAAoB,EAAE,CAACT,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,qBAAC,cAAD;MAAA,UAAeF;IAAf,EAHT;IAAA,uBAKE,qBAAC,cAAD;MAAc,OAAO,EAAC,eAAtB;MAAsC,SAAS,EAAC,MAAhD;MAAuD,GAAG,EAAEI,OAA5D;MAAqE,SAAS,EAAEL,SAAhF;MAAA,UACGC;IADH;EALF,EADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACc,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEb,SAAS,EAAEc,kBAAA,CAAUC,MAJM;;EAK3B;AACF;AACA;EACEd,KAAK,EAAEa,kBAAA,CAAUC;AARU,CAA7B;eAWehB,gB"}

package/dist/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/Avatar/Avatar.js

@@ -21,11 +21,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -35,13 +33,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant", "containerProps"];
 
@@ -115,7 +117,7 @@ var HvAvatar = function HvAvatar(props) {
   var hasImgNotFailing = hasImg && imageLoaded !== "error";
 
   if (hasImgNotFailing) {
-    children = /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({
+    children = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", _objectSpread({
       alt: alt,
       src: src,
       srcSet: srcSet,
@@ -129,7 +131,7 @@ var HvAvatar = function HvAvatar(props) {
 
     children = _alt[0];
   } else {
-    children = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.User, {
+    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.User, {
       color: color,
       iconSize: (0, _utils.decreaseSize)(normalizedSize),
       className: classes.fallback
@@ -143,7 +145,7 @@ var HvAvatar = function HvAvatar(props) {
     inlineStyle.borderRadius = "50%";
   }
 
-  var theme = (0, _core.useTheme)();
+  var theme = (0, _styles.useTheme)();
 
   if (!hasImgNotFailing) {
     inlineStyle.backgroundColor = getColor(theme, backgroundColor, theme.hv.palette.accent.acce1);
@@ -168,22 +170,27 @@ var HvAvatar = function HvAvatar(props) {
    * on the container element as it makes more semantic sense.
    */
 
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: classes.container
-  }, containerProps), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.status, classes[variant], classes[normalizedSize]),
-    style: statusInlineStyle
-  }, badge && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.badge,
-    style: {
-      backgroundColor: badgeColor
-    }
-  }), /*#__PURE__*/_react.default.createElement(_core.Avatar, (0, _extends2.default)({
-    component: component,
-    className: (0, _clsx.default)(className, classes.root, classes.avatar, classes[normalizedSize]),
-    style: inlineStyle,
-    variant: variant
-  }, others), children)));
+  }, containerProps), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(classes.status, classes[variant], classes[normalizedSize]),
+      style: statusInlineStyle,
+      children: [badge && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.badge,
+        style: {
+          backgroundColor: badgeColor
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, _objectSpread(_objectSpread({
+        component: component,
+        className: (0, _clsx.default)(className, classes.root, classes.avatar, classes[normalizedSize]),
+        style: inlineStyle,
+        variant: variant
+      }, others), {}, {
+        children: children
+      }))]
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
@@ -346,7 +353,7 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
   containerProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvAvatar"
 })(HvAvatar);
 

package/dist/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["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","useImageLoaded","hasImg","hasImgNotFailing","img","decreaseSize","fallback","inlineStyle","borderRadius","useTheme","hv","accent","acce1","atmosphere","atmo1","statusInlineStyle","statusColor","semantic","sema1","boxShadow","badgeColor","container","clsx","root","avatar","propTypes","id","PropTypes","string","instanceOf","Object","shape","XS","SM","MD","LG","XL","isRequired","node","elementType","oneOf","withStyles","styles","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":["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","useImageLoaded","hasImg","hasImgNotFailing","img","decreaseSize","fallback","inlineStyle","borderRadius","useTheme","hv","accent","acce1","atmosphere","atmo1","statusInlineStyle","statusColor","semantic","sema1","boxShadow","badgeColor","container","clsx","root","avatar","propTypes","id","PropTypes","string","instanceOf","Object","shape","XS","SM","MD","LG","XL","isRequired","node","elementType","oneOf","withStyles","styles","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/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"