@hitachivantara/uikit-react-core 3.52.5

package/dist/AssetInventory/index.js

@@ -0,0 +1,70 @@
+"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");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  HvCardView: true,
+  HvListView: true
+};
+Object.defineProperty(exports, "HvCardView", {
+  enumerable: true,
+  get: function get() {
+    return _CardView.default;
+  }
+});
+Object.defineProperty(exports, "HvListView", {
+  enumerable: true,
+  get: function get() {
+    return _ListView.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AssetInventory.default;
+  }
+});
+
+var _AssetInventory = _interopRequireDefault(require("./AssetInventory"));
+
+var _CardView = _interopRequireDefault(require("./CardView"));
+
+var _ListView = _interopRequireWildcard(require("./ListView"));
+
+Object.keys(_ListView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ListView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListView[key];
+    }
+  });
+});
+
+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; }
+//# sourceMappingURL=index.js.map

package/dist/AssetInventory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AssetInventory/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from \"./AssetInventory\";\nexport { default as HvCardView } from \"./CardView\";\nexport { default as HvListView } from \"./ListView\";\nexport * from \"./ListView\";\n"],"file":"index.js"}

package/dist/AssetInventory/setActionsId.js

@@ -0,0 +1,51 @@
+"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.map.js");
+
+var _utils = require("../utils");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+/**
+ * Sets individual ids for each action, using the action id and the data id.
+ *
+ * @param actions
+ * @param id
+ * @returns {*}
+ */
+var setActionsId = function setActionsId(actions, id) {
+  return actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
+    return _objectSpread(_objectSpread({}, action), {}, {
+      id: (0, _utils.setId)(action.id, id)
+    });
+  });
+};
+
+var _default = setActionsId;
+exports.default = _default;
+//# sourceMappingURL=setActionsId.js.map

package/dist/AssetInventory/setActionsId.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AssetInventory/setActionsId.js"],"names":["setActionsId","actions","id","map","action"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,OAAD,EAAUC,EAAV,EAAiB;AACpC,SAAOD,OAAP,aAAOA,OAAP,uBAAOA,OAAO,CAAEE,GAAT,CAAa,UAACC,MAAD;AAAA,2CAAkBA,MAAlB;AAA0BF,MAAAA,EAAE,EAAE,kBAAME,MAAM,CAACF,EAAb,EAAiBA,EAAjB;AAA9B;AAAA,GAAb,CAAP;AACD,CAFD;;eAIeF,Y","sourcesContent":["import { setId } from \"../utils\";\n\n/**\n * Sets individual ids for each action, using the action id and the data id.\n *\n * @param actions\n * @param id\n * @returns {*}\n */\nconst setActionsId = (actions, id) => {\n  return actions?.map((action) => ({ ...action, id: setId(action.id, id) }));\n};\n\nexport default setActionsId;\n"],"file":"setActionsId.js"}

package/dist/AssetInventory/styles.js

@@ -0,0 +1,53 @@
+"use strict";
+
+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"));
+
+var styles = function styles(theme) {
+  var _multiButtons;
+
+  return {
+    root: {},
+    controlsContainer: {
+      display: "flex",
+      paddingBottom: theme.hv.spacing.md,
+      justifyContent: "space-between",
+      alignItems: "flex-end"
+    },
+    search: {
+      justifyContent: "flex-end"
+    },
+    rightControls: {
+      flexWrap: "nowrap",
+      justifyContent: "space-between"
+    },
+    sortContainer: {
+      flexWrap: "nowrap"
+    },
+    multiButtons: (_multiButtons = {}, (0, _defineProperty2.default)(_multiButtons, theme.breakpoints.up("md"), {
+      paddingLeft: theme.hvSpacing("sm")
+    }), (0, _defineProperty2.default)(_multiButtons, theme.breakpoints.down("sm"), {
+      paddingLeft: "".concat(theme.spacing(2), "px")
+    }), _multiButtons),
+    viewContainer: {},
+    searchBoxContainer: {},
+    pagination: {
+      marginTop: 0
+    },
+    bulkActions: {
+      marginTop: 5,
+      // 15px is already given by the grid, we just need to add 5 here
+      marginBottom: 0
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/AssetInventory/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/AssetInventory/styles.js"],"names":["styles","theme","root","controlsContainer","display","paddingBottom","hv","spacing","md","justifyContent","alignItems","search","rightControls","flexWrap","sortContainer","multiButtons","breakpoints","up","paddingLeft","hvSpacing","down","viewContainer","searchBoxContainer","pagination","marginTop","bulkActions","marginBottom"],"mappings":";;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA;;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE,EADmB;AAEzBC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,OAAO,EAAE,MADQ;AAEjBC,MAAAA,aAAa,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAFf;AAGjBC,MAAAA,cAAc,EAAE,eAHC;AAIjBC,MAAAA,UAAU,EAAE;AAJK,KAFM;AAQzBC,IAAAA,MAAM,EAAE;AACNF,MAAAA,cAAc,EAAE;AADV,KARiB;AAWzBG,IAAAA,aAAa,EAAE;AACbC,MAAAA,QAAQ,EAAE,QADG;AAEbJ,MAAAA,cAAc,EAAE;AAFH,KAXU;AAezBK,IAAAA,aAAa,EAAE;AACbD,MAAAA,QAAQ,EAAE;AADG,KAfU;AAkBzBE,IAAAA,YAAY,oEACTd,KAAK,CAACe,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CADS,EACoB;AAC5BC,MAAAA,WAAW,EAAEjB,KAAK,CAACkB,SAAN,CAAgB,IAAhB;AADe,KADpB,gDAITlB,KAAK,CAACe,WAAN,CAAkBI,IAAlB,CAAuB,IAAvB,CAJS,EAIsB;AAC9BF,MAAAA,WAAW,YAAKjB,KAAK,CAACM,OAAN,CAAc,CAAd,CAAL;AADmB,KAJtB,iBAlBa;AA0BzBc,IAAAA,aAAa,EAAE,EA1BU;AA2BzBC,IAAAA,kBAAkB,EAAE,EA3BK;AA4BzBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,SAAS,EAAE;AADD,KA5Ba;AA+BzBC,IAAAA,WAAW,EAAE;AACXD,MAAAA,SAAS,EAAE,CADA;AACG;AACdE,MAAAA,YAAY,EAAE;AAFH;AA/BY,GAAZ;AAAA,CAAf;;eAqCe1B,M","sourcesContent":["const styles = (theme) => ({\n  root: {},\n  controlsContainer: {\n    display: \"flex\",\n    paddingBottom: theme.hv.spacing.md,\n    justifyContent: \"space-between\",\n    alignItems: \"flex-end\",\n  },\n  search: {\n    justifyContent: \"flex-end\",\n  },\n  rightControls: {\n    flexWrap: \"nowrap\",\n    justifyContent: \"space-between\",\n  },\n  sortContainer: {\n    flexWrap: \"nowrap\",\n  },\n  multiButtons: {\n    [theme.breakpoints.up(\"md\")]: {\n      paddingLeft: theme.hvSpacing(\"sm\"),\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      paddingLeft: `${theme.spacing(2)}px`,\n    },\n  },\n  viewContainer: {},\n  searchBoxContainer: {},\n  pagination: {\n    marginTop: 0,\n  },\n  bulkActions: {\n    marginTop: 5, // 15px is already given by the grid, we just need to add 5 here\n    marginBottom: 0,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,56 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvAvatarClassKey = "root" | "S" | "M" | "L" | "img" | "fallback";
+
+export interface HvAvatarProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvAvatarClassKey> {
+  /**
+   * The component used for the root node.
+   * Either a string to use a DOM element or a component.
+   */
+  component?: React.ElementType;
+
+  /**
+   * Sets one of the standard sizes of the icons.
+   */
+  size?: "S" | "M" | "L";
+
+  /**
+   * A String representing the background color of the avatar.
+   * You can use either an HEX or color name from the palette.
+   */
+  backgroundColor?: string;
+  /**
+   * A String representing the foreground color of the avatar's
+   * letters or the generic User icon fallback.
+   * You can use either an HEX or color name from the palette.
+   */
+  color?: string;
+
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src?: string;
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet?: string;
+  /**
+   * The `sizes` attribute for the `img` element.
+   */
+  sizes?: string;
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt?: string;
+  /**
+   * Attributes applied to the `img` element if the component is used to display an image.
+   * It can be used to listen for the loading error event.
+   */
+  imgProps?: React.HTMLAttributes<HTMLImageElement>;
+}
+
+export default function HvAvatar(props: HvAvatarProps): JSX.Element | null;

package/dist/Avatar/Avatar.js

@@ -0,0 +1,243 @@
+"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"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _utils = require("../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var getColor = function getColor(theme, color, defaultColor) {
+  return theme.palette[color] || color || defaultColor;
+};
+/**
+ * Avatars can be used to represent a user or a brand.
+ * They can show an image, an icon or the initial letters of a name, for example.
+ */
+
+
+var HvAvatar = function HvAvatar(props) {
+  var className = props.className,
+      style = props.style,
+      classes = props.classes,
+      childrenProp = props.children,
+      component = props.component,
+      _props$size = props.size,
+      size = _props$size === void 0 ? "S" : _props$size,
+      _props$backgroundColo = props.backgroundColor,
+      backgroundColor = _props$backgroundColo === void 0 ? "acce1" : _props$backgroundColo,
+      _props$color = props.color,
+      color = _props$color === void 0 ? "atmo1" : _props$color,
+      src = props.src,
+      srcSet = props.srcSet,
+      sizes = props.sizes,
+      alt = props.alt,
+      imgProps = props.imgProps,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var children = null; // Use a hook instead of onError on the img element to support server-side rendering.
+
+  var imageLoaded = (0, _utils.useImageLoaded)(src, srcSet);
+  var hasImg = src || srcSet;
+  var hasImgNotFailing = hasImg && imageLoaded !== "error";
+
+  if (hasImgNotFailing) {
+    children = /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({
+      alt: alt,
+      src: src,
+      srcSet: srcSet,
+      sizes: sizes,
+      className: classes.img
+    }, imgProps));
+  } else if (childrenProp != null) {
+    children = childrenProp;
+  } else if (hasImg && alt) {
+    var _alt = (0, _slicedToArray2.default)(alt, 1);
+
+    children = _alt[0];
+  } else {
+    children = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.User, {
+      color: color,
+      iconSize: (0, _utils.decreaseSize)(size),
+      className: classes.fallback
+    });
+  }
+
+  var inlineStyle = _objectSpread({}, style);
+
+  if (component != null && typeof component !== "string") {
+    // override border-radius with custom components
+    inlineStyle.borderRadius = "50%";
+  }
+
+  var theme = (0, _core.useTheme)();
+
+  if (!hasImgNotFailing) {
+    inlineStyle.backgroundColor = getColor(theme, backgroundColor, theme.hv.palette.accent.acce1);
+    inlineStyle.color = getColor(theme, color, theme.hv.palette.atmosphere.atmo1);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_core.Avatar, (0, _extends2.default)({
+    component: component,
+    className: (0, _clsx.default)(className, classes.root, classes[size]),
+    style: inlineStyle
+  }, others), children);
+};
+
+HvAvatar.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,
+
+  /**
+   * Inline styles to be applied to the root element.
+   */
+  style: _propTypes.default.instanceOf(Object),
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is S.
+     */
+    S: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is M.
+     */
+    M: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is L.
+     */
+    L: _propTypes.default.string,
+
+    /**
+     * Styles applied to the img element if either `src` or `srcSet` is defined.
+     */
+    img: _propTypes.default.string,
+
+    /**
+     * Styles applied to the fallback icon.
+     */
+    fallback: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Used to render icon or text elements inside the Avatar if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a DOM element or a component.
+   */
+  component: _propTypes.default.elementType,
+
+  /**
+   * Sets one of the standard sizes of the icons
+   */
+  size: _propTypes.default.oneOf(["S", "M", "L"]),
+
+  /**
+   * A String representing the background color of the avatar.
+   * You can use either an HEX or color name from the palette.
+   */
+  backgroundColor: _propTypes.default.string,
+
+  /**
+   * A String representing the foreground color of the avatar's
+   * letters or the generic User icon fallback.
+   * You can use either an HEX or color name from the palette.
+   */
+  color: _propTypes.default.string,
+
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src: _propTypes.default.string,
+
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet: _propTypes.default.string,
+
+  /**
+   * The `sizes` attribute for the `img` element.
+   */
+  sizes: _propTypes.default.string,
+
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt: _propTypes.default.string,
+
+  /**
+   * Attributes applied to the `img` element if the component is used to display an image.
+   * It can be used to listen for the loading error event.
+   */
+  imgProps: _propTypes.default.instanceOf(Object)
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvAvatar"
+})(HvAvatar);
+
+exports.default = _default;
+//# sourceMappingURL=Avatar.js.map

package/dist/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Avatar/Avatar.js"],"names":["getColor","theme","color","defaultColor","palette","HvAvatar","props","className","style","classes","childrenProp","children","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","others","imageLoaded","hasImg","hasImgNotFailing","img","fallback","inlineStyle","borderRadius","hv","accent","acce1","atmosphere","atmo1","root","propTypes","id","PropTypes","string","instanceOf","Object","shape","S","M","L","isRequired","node","elementType","oneOf","styles","name"],"mappings":"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","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\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 = \"S\",\n    backgroundColor = \"acce1\",\n    color = \"atmo1\",\n    src,\n    srcSet,\n    sizes,\n    alt,\n    imgProps,\n    ...others\n  } = props;\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 = <User color={color} iconSize={decreaseSize(size)} className={classes.fallback} />;\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  return (\n    <Avatar\n      component={component}\n      className={clsx(className, classes.root, classes[size])}\n      style={inlineStyle}\n      {...others}\n    >\n      {children}\n    </Avatar>\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 S.\n     */\n    S: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is M.\n     */\n    M: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is L.\n     */\n    L: 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  }).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\"]),\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\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"file":"Avatar.js"}

package/dist/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Avatar";
+export * from "./Avatar";

package/dist/Avatar/index.js

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

package/dist/Avatar/index.js.map

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

package/dist/Avatar/styles.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var SMALL = "24px";
+var MEDIUM = "40px";
+var LARGE = "96px";
+var styles = {
+  /* Styles applied to the root element. */
+  root: {
+    fontSize: "1rem"
+  },
+
+  /* Styles applied to the img element if either `src` or `srcSet` is defined. */
+  img: {
+    width: "100%",
+    height: "100%",
+    textAlign: "center",
+    // Handle non-square image. The property isn't supported by IE 11.
+    objectFit: "cover",
+    // Hide alt text.
+    color: "transparent",
+    // Hide the image broken icon, only works on Chrome.
+    textIndent: 10000
+  },
+
+  /* Styles applied to the fallback icon */
+  fallback: {},
+  S: {
+    width: SMALL,
+    height: SMALL,
+    fontSize: "0.625rem"
+  },
+  M: {
+    width: MEDIUM,
+    height: MEDIUM,
+    fontSize: "1rem"
+  },
+  L: {
+    width: LARGE,
+    height: LARGE,
+    fontSize: "2rem"
+  }
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Avatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Avatar/styles.js"],"names":["SMALL","MEDIUM","LARGE","styles","root","fontSize","img","width","height","textAlign","objectFit","color","textIndent","fallback","S","M","L"],"mappings":";;;;;;AAAA,IAAMA,KAAK,GAAG,MAAd;AACA,IAAMC,MAAM,GAAG,MAAf;AACA,IAAMC,KAAK,GAAG,MAAd;AAEA,IAAMC,MAAM,GAAG;AACb;AACAC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE;AADN,GAFO;;AAKb;AACAC,EAAAA,GAAG,EAAE;AACHC,IAAAA,KAAK,EAAE,MADJ;AAEHC,IAAAA,MAAM,EAAE,MAFL;AAGHC,IAAAA,SAAS,EAAE,QAHR;AAIH;AACAC,IAAAA,SAAS,EAAE,OALR;AAMH;AACAC,IAAAA,KAAK,EAAE,aAPJ;AAQH;AACAC,IAAAA,UAAU,EAAE;AATT,GANQ;;AAiBb;AACAC,EAAAA,QAAQ,EAAE,EAlBG;AAoBbC,EAAAA,CAAC,EAAE;AACDP,IAAAA,KAAK,EAAEP,KADN;AAEDQ,IAAAA,MAAM,EAAER,KAFP;AAGDK,IAAAA,QAAQ,EAAE;AAHT,GApBU;AAyBbU,EAAAA,CAAC,EAAE;AACDR,IAAAA,KAAK,EAAEN,MADN;AAEDO,IAAAA,MAAM,EAAEP,MAFP;AAGDI,IAAAA,QAAQ,EAAE;AAHT,GAzBU;AA8BbW,EAAAA,CAAC,EAAE;AACDT,IAAAA,KAAK,EAAEL,KADN;AAEDM,IAAAA,MAAM,EAAEN,KAFP;AAGDG,IAAAA,QAAQ,EAAE;AAHT;AA9BU,CAAf;eAqCeF,M","sourcesContent":["const SMALL = \"24px\";\nconst MEDIUM = \"40px\";\nconst LARGE = \"96px\";\n\nconst styles = {\n  /* Styles applied to the root element. */\n  root: {\n    fontSize: \"1rem\",\n  },\n  /* Styles applied to the img element if either `src` or `srcSet` is defined. */\n  img: {\n    width: \"100%\",\n    height: \"100%\",\n    textAlign: \"center\",\n    // Handle non-square image. The property isn't supported by IE 11.\n    objectFit: \"cover\",\n    // Hide alt text.\n    color: \"transparent\",\n    // Hide the image broken icon, only works on Chrome.\n    textIndent: 10000,\n  },\n  /* Styles applied to the fallback icon */\n  fallback: {},\n\n  S: {\n    width: SMALL,\n    height: SMALL,\n    fontSize: \"0.625rem\",\n  },\n  M: {\n    width: MEDIUM,\n    height: MEDIUM,\n    fontSize: \"1rem\",\n  },\n  L: {\n    width: LARGE,\n    height: LARGE,\n    fontSize: \"2rem\",\n  },\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvBadgeClassKey =
+  | "root"
+  | "badgeContainer"
+  | "badge"
+  | "badgeIcon"
+  | "showCount"
+  | "showLabel"
+  | "badgeOneDigit";
+
+export interface HvBadgeProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvBadgeClassKey> {
+  /**
+   * Count is the number of unread notifications.
+   * Note count and label are mutually exclusive.
+   * count is ignored when label is specified at the same time.
+   */
+  count?: number;
+  /**
+   * True if count should be displayed.
+   * Note showCount and label are mutually exclusive.
+   * showCount is ignored when label is specified at the same time.
+   */
+  showCount?: boolean;
+  /**
+   * The maximum number of unread notifications to be displayed
+   */
+  maxCount?: number;
+  /**
+   * Custom text to show in place of count.
+   * Note showCount and label are mutually exclusive.
+   * showCount is ignored when label is specified at the same time.
+   */
+  label?: string;
+  /**
+   * Icon which the notification will be attached.
+   */
+  icon?: React.ReactNode;
+  /**
+   * Text which the notification will be attached.
+   */
+  text?: string;
+  /**
+   * Text variant.
+   */
+  textVariant?: string;
+}
+
+export default function HvBadge(props: HvBadgeProps): JSX.Element | null;