@hitachivantara/uikit-react-core 3.62.5 → 3.63.0

package/dist/AppSwitcher/AppSwitcher.js

@@ -0,0 +1,282 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _ = require("..");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _TitleWithTooltip = _interopRequireDefault(require("./TitleWithTooltip"));
+
+var _Action = _interopRequireDefault(require("./Action"));
+
+var AppSwitcher = function AppSwitcher(props) {
+  var id = props.id,
+      className = props.className,
+      classes = props.classes,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? "single" : _props$layout,
+      title = props.title,
+      applications = props.applications,
+      _props$onActionClicke = props.onActionClickedCallback,
+      onActionClickedCallback = _props$onActionClicke === void 0 ? function () {} : _props$onActionClicke,
+      _props$isActionSelect = props.isActionSelectedCallback,
+      isActionSelectedCallback = _props$isActionSelect === void 0 ? function () {
+    return false;
+  } : _props$isActionSelect,
+      header = props.header,
+      footer = props.footer,
+      isOpen = props.isOpen;
+
+  var actionClicked = function actionClicked(event, application) {
+    onActionClickedCallback === null || onActionClickedCallback === void 0 ? void 0 : onActionClickedCallback(event, application);
+  };
+
+  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),
+        application: application,
+        onClickCallback: actionClicked,
+        isSelectedCallback: isActionSelectedCallback,
+        classes: {
+          root: classes.item,
+          selected: classes.itemSelected,
+          disabled: classes.itemDisabled,
+          typography: classes.itemTrigger,
+          icon: classes.itemIcon,
+          title: classes.itemTitle,
+          iconInfo: classes.itemInfoIcon
+        }
+      });
+    }
+
+    return undefined;
+  });
+  return /*#__PURE__*/_react.default.createElement("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));
+};
+
+process.env.NODE_ENV !== "production" ? AppSwitcher.propTypes = {
+  /**
+   * Identifier to be applied to the root element.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied to the root element.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root class when in single layout mode.
+     */
+    single: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root class when in single dual mode.
+     */
+    dual: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root class when in single fluid mode.
+     */
+    fluid: _propTypes.default.string,
+
+    /**
+     * Styles applied to the title element.
+     */
+    title: _propTypes.default.string,
+
+    /**
+     * Styles applied to the actions container.
+     */
+    actionsContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the footer container.
+     */
+    footerContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the panel when closed.
+     */
+    closed: _propTypes.default.string,
+
+    /**
+     * Styles applied to the panel when open.
+     */
+    open: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action item root.
+     */
+    item: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action item when selected.
+     */
+    itemSelected: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action item when disabled.
+     */
+    itemDisabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action item typography.
+     */
+    itemTrigger: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action item icon.
+     */
+    itemIcon: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action item title.
+     */
+    itemTitle: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action item info icon.
+     */
+    itemInfoIcon: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Number of columns to render. One, two, or whatever fits the component's width.
+   */
+  layout: _propTypes.default.oneOf(["single", "dual", "fluid"]),
+
+  /**
+   * Title to be displayed on the header of the component.
+   */
+  title: _propTypes.default.string,
+
+  /**
+   * The list of applications to be used to render the actions on the component.
+   */
+  applications: _propTypes.default.arrayOf(_propTypes.default.shape({
+    /**
+     * Id of the application.
+     */
+    id: _propTypes.default.string,
+
+    /**
+     * Name of the application, this is the value that will be displayed on the component.
+     */
+    name: _propTypes.default.string.isRequired,
+
+    /**
+     * URL with the icon location to be used to represent the application.
+     * iconUrl will only be used if no iconElement is provided.
+     */
+    iconUrl: _propTypes.default.string,
+
+    /**
+     * Element to be added as the icon representing the application.
+     * The iconElement will be the primary option to be displayed.
+     */
+    iconElement: _propTypes.default.element,
+
+    /**
+     * Small description of the application.
+     */
+    description: _propTypes.default.string,
+
+    /**
+     *  URL where the application is accesible.
+     */
+    url: _propTypes.default.string,
+
+    /**
+     * Defines if the application should be opened in the same tab or in a new one.
+     */
+    target: _propTypes.default.oneOf(["_top", "_blank"]),
+
+    /**
+     * If true, the item will be disabled.
+     */
+    disabled: _propTypes.default.bool,
+
+    /**
+     * True when the application is selected, false otherwise.
+     */
+    isSelected: _propTypes.default.bool
+  })).isRequired,
+
+  /**
+   * Triggered when an action is clicked.
+   */
+  onActionClickedCallback: _propTypes.default.func,
+
+  /**
+   * Must return a boolean stating if the action element is selected or not.
+   */
+  isActionSelectedCallback: _propTypes.default.func,
+
+  /**
+   * Element to be added to the header container, if none is provided a label with the title will be added.
+   */
+  header: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+
+  /**
+   * Element to be added to the footer container.
+   */
+  footer: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+
+  /**
+   * Flag stating if the panel is opened or closed.
+   *
+   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.
+   */
+  isOpen: (0, _core.deprecatedPropType)(_propTypes.default.bool)
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvAppSwitcher"
+})(AppSwitcher);
+
+exports.default = _default;
+//# sourceMappingURL=AppSwitcher.js.map

package/dist/AppSwitcher/AppSwitcher.js.map

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

package/dist/AppSwitcher/TitleWithTooltip.js

@@ -0,0 +1,76 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ = require("..");
+
+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; }
+
+var TitleWithTooltip = function TitleWithTooltip(_ref) {
+  var className = _ref.className,
+      title = _ref.title;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isOverflowed = _useState2[0],
+      setIsOverflowed = _useState2[1];
+
+  var textRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    if (textRef !== null && textRef !== void 0 && textRef.current) {
+      setIsOverflowed(textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight);
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_.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));
+};
+
+process.env.NODE_ENV !== "production" ? TitleWithTooltip.propTypes = {
+  /**
+   * Class names to be applied to the root element.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Title to be displayed.
+   */
+  title: _propTypes.default.string
+} : void 0;
+var _default = TitleWithTooltip;
+exports.default = _default;
+//# sourceMappingURL=TitleWithTooltip.js.map

package/dist/AppSwitcher/TitleWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AppSwitcher/TitleWithTooltip.js"],"names":["TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA0B;AAAA,MAAvBC,SAAuB,QAAvBA,SAAuB;AAAA,MAAZC,KAAY,QAAZA,KAAY;;AACjD,kBAAwC,qBAAS,KAAT,CAAxC;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;;AACA,MAAMC,OAAO,GAAG,oBAAhB;AAEA,wBAAU,YAAM;AACd,QAAIA,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEC,OAAb,EAAsB;AACpBF,MAAAA,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;AAID;AACF,GAPD,EAOG,EAPH;AASA,sBACE,6BAAC,WAAD;AACE,IAAA,oBAAoB,EAAE,CAACP,YADzB;AAEE,IAAA,SAAS,EAAC,WAFZ;AAGE,IAAA,KAAK,eAAE,6BAAC,cAAD,QAAeD,KAAf;AAHT,kBAKE,6BAAC,cAAD;AAAc,IAAA,OAAO,EAAC,eAAtB;AAAsC,IAAA,SAAS,EAAC,MAAhD;AAAuD,IAAA,GAAG,EAAEG,OAA5D;AAAqE,IAAA,SAAS,EAAEJ;AAAhF,KACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACW,SAAjB,GAA6B;AAC3B;AACF;AACA;AACEV,EAAAA,SAAS,EAAEW,mBAAUC,MAJM;;AAK3B;AACF;AACA;AACEX,EAAAA,KAAK,EAAEU,mBAAUC;AARU,CAA7B;eAWeb,gB","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"],"file":"TitleWithTooltip.js"}

package/dist/AppSwitcher/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./AppSwitcher";
+export * from "./AppSwitcher";
+
+export { default as HvAppSwitcherAction } from "./Action";
+export * from "./Action";

package/dist/AppSwitcher/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvAppSwitcherAction", {
+  enumerable: true,
+  get: function get() {
+    return _Action.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AppSwitcher.default;
+  }
+});
+
+var _AppSwitcher = _interopRequireDefault(require("./AppSwitcher"));
+
+var _Action = _interopRequireDefault(require("./Action"));
+//# sourceMappingURL=index.js.map

package/dist/AppSwitcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AppSwitcher/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default } from \"./AppSwitcher\";\nexport { default as HvAppSwitcherAction } from \"./Action\";\n"],"file":"index.js"}

package/dist/AppSwitcher/styles.js

@@ -0,0 +1,95 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.array.concat.js");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden",
+      // we need to play with the 4px because of the focus ring
+      padding: "".concat(theme.hv.spacing.sm - 4, "px 0 ").concat(theme.hv.spacing.sm - 4, "px ").concat(theme.hv.spacing.sm - 4, "px"),
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    single: {
+      width: 320
+    },
+    dual: {
+      width: 620
+    },
+    fluid: {},
+    closed: {
+      display: "none"
+    },
+    open: {
+      zIndex: "1200",
+      position: "absolute",
+      top: "50px",
+      overflowX: "hidden",
+      boxShadow: theme.hv.shadows[1]
+    },
+    title: {
+      minHeight: 36,
+      // we need to play with the 4px because of the focus ring
+      padding: "4px ".concat(theme.hv.spacing.sm, "px ").concat(theme.hv.spacing.sm - 4, "px 4px"),
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    },
+    actionsContainer: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "flex-start",
+      overflowY: "auto",
+      // we need to play with the 4px because of the focus ring
+      padding: "4px 0 4px 4px"
+    },
+    footerContainer: _objectSpread({
+      display: "flex",
+      alignItems: "center",
+      marginTop: "auto",
+      height: 52,
+      // we need to play with the 4px because of the focus ring
+      padding: "".concat(theme.hv.spacing.sm - 4, "px ").concat(theme.hv.spacing.sm + 4, "px 4px 4px")
+    }, theme.hv.typography.highlightText),
+    item: {},
+    itemSelected: {},
+    itemDisabled: {},
+    itemTypography: {},
+    itemIcon: {},
+    itemTitle: {},
+    itemInfo: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/AppSwitcher/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AppSwitcher/styles.js"],"names":["styles","theme","root","display","flexDirection","overflow","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","single","width","dual","fluid","closed","open","zIndex","position","top","overflowX","boxShadow","shadows","title","minHeight","whiteSpace","textOverflow","actionsContainer","flexWrap","justifyContent","overflowY","footerContainer","alignItems","marginTop","height","typography","highlightText","item","itemSelected","itemDisabled","itemTypography","itemIcon","itemTitle","itemInfo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,aAAa,EAAE,QAFX;AAIJC,MAAAA,QAAQ,EAAE,QAJN;AAMJ;AACAC,MAAAA,OAAO,YAAKL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAA3B,kBAAoCR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAA1D,gBACLR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CADjB,OAPH;AAWJC,MAAAA,eAAe,EAAET,KAAK,CAACM,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC;AAXzC,KADmB;AAezBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE;AADD,KAfiB;AAkBzBC,IAAAA,IAAI,EAAE;AACJD,MAAAA,KAAK,EAAE;AADH,KAlBmB;AAqBzBE,IAAAA,KAAK,EAAE,EArBkB;AAuBzBC,IAAAA,MAAM,EAAE;AACNf,MAAAA,OAAO,EAAE;AADH,KAvBiB;AA0BzBgB,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,MADJ;AAEJC,MAAAA,QAAQ,EAAE,UAFN;AAGJC,MAAAA,GAAG,EAAE,MAHD;AAIJC,MAAAA,SAAS,EAAE,QAJP;AAKJC,MAAAA,SAAS,EAAEvB,KAAK,CAACM,EAAN,CAASkB,OAAT,CAAiB,CAAjB;AALP,KA1BmB;AAkCzBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE,EADN;AAGL;AACArB,MAAAA,OAAO,gBAASL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAA1B,gBAAkCR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAxD,WAJF;AAMLJ,MAAAA,QAAQ,EAAE,QANL;AAOLuB,MAAAA,UAAU,EAAE,QAPP;AAQLC,MAAAA,YAAY,EAAE;AART,KAlCkB;AA6CzBC,IAAAA,gBAAgB,EAAE;AAChB3B,MAAAA,OAAO,EAAE,MADO;AAEhB4B,MAAAA,QAAQ,EAAE,MAFM;AAGhBC,MAAAA,cAAc,EAAE,YAHA;AAKhBC,MAAAA,SAAS,EAAE,MALK;AAOhB;AACA3B,MAAAA,OAAO,EAAE;AARO,KA7CO;AAwDzB4B,IAAAA,eAAe;AACb/B,MAAAA,OAAO,EAAE,MADI;AAEbgC,MAAAA,UAAU,EAAE,QAFC;AAIbC,MAAAA,SAAS,EAAE,MAJE;AAMbC,MAAAA,MAAM,EAAE,EANK;AAQb;AACA/B,MAAAA,OAAO,YAAKL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAA3B,gBAAkCR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAxD;AATM,OAWVR,KAAK,CAACM,EAAN,CAAS+B,UAAT,CAAoBC,aAXV,CAxDU;AAsEzBC,IAAAA,IAAI,EAAE,EAtEmB;AAuEzBC,IAAAA,YAAY,EAAE,EAvEW;AAwEzBC,IAAAA,YAAY,EAAE,EAxEW;AAyEzBC,IAAAA,cAAc,EAAE,EAzES;AA0EzBC,IAAAA,QAAQ,EAAE,EA1Ee;AA2EzBC,IAAAA,SAAS,EAAE,EA3Ec;AA4EzBC,IAAAA,QAAQ,EAAE;AA5Ee,GAAZ;AAAA,CAAf;;eA+Ee9C,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n\n    overflow: \"hidden\",\n\n    // we need to play with the 4px because of the focus ring\n    padding: `${theme.hv.spacing.sm - 4}px 0 ${theme.hv.spacing.sm - 4}px ${\n      theme.hv.spacing.sm - 4\n    }px`,\n\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n\n  single: {\n    width: 320,\n  },\n  dual: {\n    width: 620,\n  },\n  fluid: {},\n\n  closed: {\n    display: \"none\",\n  },\n  open: {\n    zIndex: \"1200\",\n    position: \"absolute\",\n    top: \"50px\",\n    overflowX: \"hidden\",\n    boxShadow: theme.hv.shadows[1],\n  },\n\n  title: {\n    minHeight: 36,\n\n    // we need to play with the 4px because of the focus ring\n    padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  },\n\n  actionsContainer: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    justifyContent: \"flex-start\",\n\n    overflowY: \"auto\",\n\n    // we need to play with the 4px because of the focus ring\n    padding: \"4px 0 4px 4px\",\n  },\n\n  footerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n\n    marginTop: \"auto\",\n\n    height: 52,\n\n    // we need to play with the 4px because of the focus ring\n    padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n\n    ...theme.hv.typography.highlightText,\n  },\n\n  item: {},\n  itemSelected: {},\n  itemDisabled: {},\n  itemTypography: {},\n  itemIcon: {},\n  itemTitle: {},\n  itemInfo: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Avatar/Avatar.d.ts

@@ -76,6 +76,10 @@ export interface HvAvatarProps
    * A string representing the color of the avatar badge.
    */
   badge?: "sema0" | HvSemanticColorKeys | HvAtmosphereColorKeys;
+  /**
+   * Attributes applied to the container element.
+   */
+  containerProps: object;
 }
 
 export default function HvAvatar(props: HvAvatarProps): JSX.Element | null;

package/dist/Avatar/Avatar.js

@@ -43,7 +43,7 @@ var _utils = require("../utils");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant"];
+var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant", "containerProps"];
 
 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; }
 
@@ -104,6 +104,7 @@ var HvAvatar = function HvAvatar(props) {
       badge = props.badge,
       _props$variant = props.variant,
       variant = _props$variant === void 0 ? "circular" : _props$variant,
+      containerProps = props.containerProps,
       others = (0, _objectWithoutProperties2.default)(props, _excluded); // S, M and L are now deprecated, this intends to normalize the size to the new norm of XS, SM, MD, LG and XL
 
   var normalizedSize = normalizeSize(size);
@@ -159,12 +160,17 @@ var HvAvatar = function HvAvatar(props) {
   }
 
   var badgeColor = getColor(theme, badge, theme.hv.palette.semantic.sema1);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.container,
-    tabIndex: 0,
-    role: "button",
-    "aria-label": "avatar"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  /**
+   * Note: on the next major release this should be updated. the `others` prop should be
+   * used in the container instead of the `containerProps` and a new `avatarProps`
+   * should be created to pass on any props down to the avatar component. This wasn't
+   * done now in order to not break the current API. Also, consider using the `root` class
+   * on the container element as it makes more semantic sense.
+   */
+
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    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", {
@@ -332,7 +338,12 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
   /**
    * A string representing the color of the avatar badge.
    */
-  badge: _propTypes.default.string
+  badge: _propTypes.default.string,
+
+  /**
+   * Attributes applied to the container element.
+   */
+  containerProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {