@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/AssetInventory/Sort/Sort.js

@@ -0,0 +1,147 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "selected", "onSelection", "metadata", "onSortChange", "disablePortal"];
+import React, { memo } from "react";
+import PropTypes from "prop-types";
+import get from "lodash/get";
+import HvDropdown from "../../Dropdown";
+import { setId } from "../../utils";
+
+const sortOperationSetup = (metadata, selectedSort) => {
+  const sortableCriteria = [];
+  metadata.forEach(element => {
+    if (!element.sortable) return;
+    sortableCriteria.push({
+      id: `${element.id}Asc`,
+      cellType: element.cellType,
+      label: element.sortableLabelAsc,
+      accessor: element.accessor,
+      type: "asc",
+      sortFunction: element.sortFunction,
+      selected: `${element.id}Asc` === selectedSort
+    });
+    sortableCriteria.push({
+      id: `${element.id}Desc`,
+      cellType: element.cellType,
+      label: element.sortableLabelDesc,
+      accessor: element.accessor,
+      type: "desc",
+      sortFunction: element.sortFunction,
+      selected: `${element.id}Desc` === selectedSort
+    });
+  });
+  if (!selectedSort) sortableCriteria[0].selected = true;
+  return sortableCriteria;
+};
+
+const sortByType = type => {
+  switch (type.toUpperCase()) {
+    case "NUMERIC":
+    case "ALPHA-NUMERIC":
+      return (a, b) => a < b;
+
+    case "DATE":
+      return (a, b) => new Date(a).getTime() < new Date(b).getTime();
+
+    default:
+      return (a, b) => a < b;
+  }
+};
+
+const sortValues = ({
+  accessor,
+  sortFunction: externalSortFunction,
+  type,
+  cellType
+}) => {
+  let selectedSortFunc;
+  const sortFunction = externalSortFunction || sortByType(cellType);
+
+  if (type === "asc") {
+    selectedSortFunc = (a, b) => sortFunction(get(a, accessor), get(b, accessor)) ? -1 : 1;
+  }
+
+  if (type === "desc") {
+    selectedSortFunc = (a, b) => sortFunction(get(a, accessor), get(b, accessor)) ? 1 : -1;
+  }
+
+  return selectedSortFunc;
+};
+
+const Sort = _ref => {
+  let {
+    id,
+    selected,
+    onSelection,
+    metadata,
+    onSortChange,
+    disablePortal = false
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const innerSortValues = data => {
+    onSelection(sortValues(data), data.id);
+  };
+
+  return /*#__PURE__*/React.createElement(HvDropdown, _extends({
+    id: setId(id, "sort"),
+    values: sortOperationSetup(metadata, selected),
+    onChange: onSortChange || innerSortValues,
+    singleSelectionToggle: false,
+    disablePortal: disablePortal
+  }, others));
+};
+
+Sort.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Callback on selection.
+   */
+  onSelection: PropTypes.func.isRequired,
+
+  /**
+   * onSortChange callback.
+   */
+  onSortChange: PropTypes.func,
+
+  /**
+   * Labels.
+   */
+  labels: PropTypes.shape({
+    sortBy: PropTypes.string
+  }),
+
+  /**
+   * Metadata associated with the values.
+   */
+  metadata: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    title: PropTypes.string,
+    accessor: PropTypes.string,
+    cellType: PropTypes.oneOf(["alpha-numeric", "numeric", "date", "node"]),
+    sortable: PropTypes.bool,
+    sortFunction: PropTypes.func,
+    searchable: PropTypes.bool,
+    searchFunction: PropTypes.func
+  })).isRequired,
+
+  /**
+   * Selected id
+   */
+  selected: PropTypes.string,
+
+  /**
+   * Disable portal on the dropdown
+   */
+  disablePortal: PropTypes.bool
+};
+
+const arePropsEqual = (prevProps, nextProps) => prevProps.metadata === nextProps.metadata && prevProps.selected === nextProps.selected;
+
+export default /*#__PURE__*/memo(Sort, arePropsEqual);
+export { sortOperationSetup, sortValues };
+//# sourceMappingURL=Sort.js.map

package/dist/modern/AssetInventory/Sort/Sort.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/AssetInventory/Sort/Sort.js"],"names":["React","memo","PropTypes","get","HvDropdown","setId","sortOperationSetup","metadata","selectedSort","sortableCriteria","forEach","element","sortable","push","id","cellType","label","sortableLabelAsc","accessor","type","sortFunction","selected","sortableLabelDesc","sortByType","toUpperCase","a","b","Date","getTime","sortValues","externalSortFunction","selectedSortFunc","Sort","onSelection","onSortChange","disablePortal","others","innerSortValues","data","propTypes","string","func","isRequired","labels","shape","sortBy","arrayOf","title","oneOf","bool","searchable","searchFunction","arePropsEqual","prevProps","nextProps"],"mappings":"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","sourcesContent":["import React, { memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport get from \"lodash/get\";\nimport HvDropdown from \"../../Dropdown\";\nimport { setId } from \"../../utils\";\n\nconst sortOperationSetup = (metadata, selectedSort) => {\n  const sortableCriteria = [];\n\n  metadata.forEach((element) => {\n    if (!element.sortable) return;\n\n    sortableCriteria.push({\n      id: `${element.id}Asc`,\n      cellType: element.cellType,\n      label: element.sortableLabelAsc,\n      accessor: element.accessor,\n      type: \"asc\",\n      sortFunction: element.sortFunction,\n      selected: `${element.id}Asc` === selectedSort,\n    });\n    sortableCriteria.push({\n      id: `${element.id}Desc`,\n      cellType: element.cellType,\n      label: element.sortableLabelDesc,\n      accessor: element.accessor,\n      type: \"desc\",\n      sortFunction: element.sortFunction,\n      selected: `${element.id}Desc` === selectedSort,\n    });\n  });\n\n  if (!selectedSort) sortableCriteria[0].selected = true;\n\n  return sortableCriteria;\n};\n\nconst sortByType = (type) => {\n  switch (type.toUpperCase()) {\n    case \"NUMERIC\":\n    case \"ALPHA-NUMERIC\":\n      return (a, b) => a < b;\n    case \"DATE\":\n      return (a, b) => new Date(a).getTime() < new Date(b).getTime();\n    default:\n      return (a, b) => a < b;\n  }\n};\n\nconst sortValues = ({ accessor, sortFunction: externalSortFunction, type, cellType }) => {\n  let selectedSortFunc;\n\n  const sortFunction = externalSortFunction || sortByType(cellType);\n\n  if (type === \"asc\") {\n    selectedSortFunc = (a, b) => (sortFunction(get(a, accessor), get(b, accessor)) ? -1 : 1);\n  }\n  if (type === \"desc\") {\n    selectedSortFunc = (a, b) => (sortFunction(get(a, accessor), get(b, accessor)) ? 1 : -1);\n  }\n  return selectedSortFunc;\n};\n\nconst Sort = ({\n  id,\n  selected,\n  onSelection,\n  metadata,\n  onSortChange,\n  disablePortal = false,\n  ...others\n}) => {\n  const innerSortValues = (data) => {\n    onSelection(sortValues(data), data.id);\n  };\n\n  return (\n    <HvDropdown\n      id={setId(id, \"sort\")}\n      values={sortOperationSetup(metadata, selected)}\n      onChange={onSortChange || innerSortValues}\n      singleSelectionToggle={false}\n      disablePortal={disablePortal}\n      {...others}\n    />\n  );\n};\n\nSort.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Callback on selection.\n   */\n  onSelection: PropTypes.func.isRequired,\n  /**\n   * onSortChange callback.\n   */\n  onSortChange: PropTypes.func,\n  /**\n   * Labels.\n   */\n  labels: PropTypes.shape({\n    sortBy: PropTypes.string,\n  }),\n  /**\n   * Metadata associated with the values.\n   */\n  metadata: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      title: PropTypes.string,\n      accessor: PropTypes.string,\n      cellType: PropTypes.oneOf([\"alpha-numeric\", \"numeric\", \"date\", \"node\"]),\n      sortable: PropTypes.bool,\n      sortFunction: PropTypes.func,\n      searchable: PropTypes.bool,\n      searchFunction: PropTypes.func,\n    })\n  ).isRequired,\n  /**\n   * Selected id\n   */\n  selected: PropTypes.string,\n  /**\n   * Disable portal on the dropdown\n   */\n  disablePortal: PropTypes.bool,\n};\n\nconst arePropsEqual = (prevProps, nextProps) =>\n  prevProps.metadata === nextProps.metadata && prevProps.selected === nextProps.selected;\n\nexport default memo(Sort, arePropsEqual);\nexport { sortOperationSetup, sortValues };\n"],"file":"Sort.js"}

package/dist/modern/AssetInventory/ViewConfiguration.d.ts

@@ -0,0 +1,13 @@
+import { FormEvent } from "react";
+import { HvActionsGenericCommonProps } from "../ActionsGeneric";
+
+export interface ViewConfiguration extends HvActionsGenericCommonProps {
+  /**
+   * Callback evoked in the selection of an element.
+   */
+  onSelection?: (event: FormEvent<HTMLDivElement>) => void | undefined;
+  /**
+   * Defines if the view allows selections.
+   */
+  isSelectable?: boolean;
+}

package/dist/modern/AssetInventory/index.d.ts

@@ -0,0 +1,8 @@
+export { default as HvListView } from "./ListView";
+export * from "./ListView";
+
+export { default as HvCardView } from "./CardView";
+export * from "./CardView";
+
+export { default } from "./AssetInventory";
+export * from "./AssetInventory";

package/dist/modern/AssetInventory/index.js

@@ -0,0 +1,5 @@
+export { default } from "./AssetInventory";
+export { default as HvCardView } from "./CardView";
+export { default as HvListView } from "./ListView";
+export * from "./ListView";
+//# sourceMappingURL=index.js.map

package/dist/modern/AssetInventory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AssetInventory/index.js"],"names":["default","HvCardView","HvListView"],"mappings":"AAAA,SAASA,OAAT,QAAwB,kBAAxB;AACA,SAASA,OAAO,IAAIC,UAApB,QAAsC,YAAtC;AACA,SAASD,OAAO,IAAIE,UAApB,QAAsC,YAAtC;AACA,cAAc,YAAd","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/modern/AssetInventory/setActionsId.js

@@ -0,0 +1,23 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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) { _defineProperty(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; }
+
+import { setId } from "../utils";
+/**
+ * Sets individual ids for each action, using the action id and the data id.
+ *
+ * @param actions
+ * @param id
+ * @returns {*}
+ */
+
+const setActionsId = (actions, id) => {
+  return actions === null || actions === void 0 ? void 0 : actions.map(action => _objectSpread(_objectSpread({}, action), {}, {
+    id: setId(action.id, id)
+  }));
+};
+
+export default setActionsId;
+//# sourceMappingURL=setActionsId.js.map

package/dist/modern/AssetInventory/setActionsId.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/AssetInventory/setActionsId.js"],"names":["setId","setActionsId","actions","id","map","action"],"mappings":";;;;;;AAAA,SAASA,KAAT,QAAsB,UAAtB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,YAAY,GAAG,CAACC,OAAD,EAAUC,EAAV,KAAiB;AACpC,SAAOD,OAAP,aAAOA,OAAP,uBAAOA,OAAO,CAAEE,GAAT,CAAcC,MAAD,oCAAkBA,MAAlB;AAA0BF,IAAAA,EAAE,EAAEH,KAAK,CAACK,MAAM,CAACF,EAAR,EAAYA,EAAZ;AAAnC,IAAb,CAAP;AACD,CAFD;;AAIA,eAAeF,YAAf","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/modern/AssetInventory/styles.js

@@ -0,0 +1,40 @@
+const styles = theme => ({
+  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: {
+    [theme.breakpoints.up("md")]: {
+      paddingLeft: theme.hvSpacing("sm")
+    },
+    [theme.breakpoints.down("sm")]: {
+      paddingLeft: `${theme.spacing(2)}px`
+    }
+  },
+  viewContainer: {},
+  searchBoxContainer: {},
+  pagination: {
+    marginTop: 0
+  },
+  bulkActions: {
+    marginTop: 5,
+    // 15px is already given by the grid, we just need to add 5 here
+    marginBottom: 0
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE,EADmB;AAEzBC,EAAAA,iBAAiB,EAAE;AACjBC,IAAAA,OAAO,EAAE,MADQ;AAEjBC,IAAAA,aAAa,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAFf;AAGjBC,IAAAA,cAAc,EAAE,eAHC;AAIjBC,IAAAA,UAAU,EAAE;AAJK,GAFM;AAQzBC,EAAAA,MAAM,EAAE;AACNF,IAAAA,cAAc,EAAE;AADV,GARiB;AAWzBG,EAAAA,aAAa,EAAE;AACbC,IAAAA,QAAQ,EAAE,QADG;AAEbJ,IAAAA,cAAc,EAAE;AAFH,GAXU;AAezBK,EAAAA,aAAa,EAAE;AACbD,IAAAA,QAAQ,EAAE;AADG,GAfU;AAkBzBE,EAAAA,YAAY,EAAE;AACZ,KAACd,KAAK,CAACe,WAAN,CAAkBC,EAAlB,CAAqB,IAArB,CAAD,GAA8B;AAC5BC,MAAAA,WAAW,EAAEjB,KAAK,CAACkB,SAAN,CAAgB,IAAhB;AADe,KADlB;AAIZ,KAAClB,KAAK,CAACe,WAAN,CAAkBI,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;AAC9BF,MAAAA,WAAW,EAAG,GAAEjB,KAAK,CAACM,OAAN,CAAc,CAAd,CAAiB;AADH;AAJpB,GAlBW;AA0BzBc,EAAAA,aAAa,EAAE,EA1BU;AA2BzBC,EAAAA,kBAAkB,EAAE,EA3BK;AA4BzBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,SAAS,EAAE;AADD,GA5Ba;AA+BzBC,EAAAA,WAAW,EAAE;AACXD,IAAAA,SAAS,EAAE,CADA;AACG;AACdE,IAAAA,YAAY,EAAE;AAFH;AA/BY,CAAZ,CAAf;;AAqCA,eAAe1B,MAAf","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/modern/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/modern/Avatar/Avatar.js

@@ -0,0 +1,203 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps"];
+
+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) { _defineProperty(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; }
+
+import "core-js/modules/web.dom-collections.iterator.js";
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { Avatar, withStyles, useTheme } from "@material-ui/core";
+import { User } from "@hitachivantara/uikit-react-icons";
+import { decreaseSize, useImageLoaded } from "../utils";
+import styles from "./styles";
+
+const getColor = (theme, color, defaultColor) => 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.
+ */
+
+
+const HvAvatar = props => {
+  const {
+    className,
+    style,
+    classes,
+    children: childrenProp,
+    component,
+    size = "S",
+    backgroundColor = "acce1",
+    color = "atmo1",
+    src,
+    srcSet,
+    sizes,
+    alt,
+    imgProps
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  let children = null; // Use a hook instead of onError on the img element to support server-side rendering.
+
+  const imageLoaded = useImageLoaded(src, srcSet);
+  const hasImg = src || srcSet;
+  const hasImgNotFailing = hasImg && imageLoaded !== "error";
+
+  if (hasImgNotFailing) {
+    children = /*#__PURE__*/React.createElement("img", _extends({
+      alt: alt,
+      src: src,
+      srcSet: srcSet,
+      sizes: sizes,
+      className: classes.img
+    }, imgProps));
+  } else if (childrenProp != null) {
+    children = childrenProp;
+  } else if (hasImg && alt) {
+    [children] = alt;
+  } else {
+    children = /*#__PURE__*/React.createElement(User, {
+      color: color,
+      iconSize: decreaseSize(size),
+      className: classes.fallback
+    });
+  }
+
+  const inlineStyle = _objectSpread({}, style);
+
+  if (component != null && typeof component !== "string") {
+    // override border-radius with custom components
+    inlineStyle.borderRadius = "50%";
+  }
+
+  const theme = 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.createElement(Avatar, _extends({
+    component: component,
+    className: clsx(className, classes.root, classes[size]),
+    style: inlineStyle
+  }, others), children);
+};
+
+HvAvatar.propTypes = {
+  /**
+   * Identifier to be applied to the root element.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied to the root element.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Inline styles to be applied to the root element.
+   */
+  style: PropTypes.instanceOf(Object),
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the root element when size is S.
+     */
+    S: PropTypes.string,
+
+    /**
+     * Styles applied to the root element when size is M.
+     */
+    M: PropTypes.string,
+
+    /**
+     * Styles applied to the root element when size is L.
+     */
+    L: PropTypes.string,
+
+    /**
+     * Styles applied to the img element if either `src` or `srcSet` is defined.
+     */
+    img: PropTypes.string,
+
+    /**
+     * Styles applied to the fallback icon.
+     */
+    fallback: PropTypes.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.node,
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a DOM element or a component.
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * Sets one of the standard sizes of the icons
+   */
+  size: PropTypes.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.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.string,
+
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src: PropTypes.string,
+
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet: PropTypes.string,
+
+  /**
+   * The `sizes` attribute for the `img` element.
+   */
+  sizes: PropTypes.string,
+
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt: PropTypes.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.instanceOf(Object)
+};
+export default withStyles(styles, {
+  name: "HvAvatar"
+})(HvAvatar);
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Avatar/Avatar.js"],"names":["React","PropTypes","clsx","Avatar","withStyles","useTheme","User","decreaseSize","useImageLoaded","styles","getColor","theme","color","defaultColor","palette","HvAvatar","props","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","others","imageLoaded","hasImg","hasImgNotFailing","img","fallback","inlineStyle","borderRadius","hv","accent","acce1","atmosphere","atmo1","root","propTypes","id","string","instanceOf","Object","shape","S","M","L","isRequired","node","elementType","oneOf","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/modern/Avatar/index.d.ts

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

package/dist/modern/Avatar/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Avatar";
+//# sourceMappingURL=index.js.map

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

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

package/dist/modern/Avatar/styles.js

@@ -0,0 +1,42 @@
+const SMALL = "24px";
+const MEDIUM = "40px";
+const LARGE = "96px";
+const 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"
+  }
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,KAAK,GAAG,MAAd;AACA,MAAMC,MAAM,GAAG,MAAf;AACA,MAAMC,KAAK,GAAG,MAAd;AAEA,MAAMC,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;AAqCA,eAAeF,MAAf","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"}