@aloudata/aloudata-design 2.17.0 → 2.17.2

package/dist/Avatar/component/Avatar/index.js

@@ -26,6 +26,9 @@ var Avatar = function Avatar(props) {
     return AVATAR_SIZE_MAP[size] || 32;
   }, [size]);
   var getChildren = useCallback(function () {
+    if (_.isEmpty(children)) {
+      return null;
+    }
     if (typeof children === 'string') {
       return children[ZERO].toLocaleUpperCase();
     }
@@ -47,7 +50,7 @@ var Avatar = function Avatar(props) {
     if (icon) {
       return icon;
     }
-    if (!_.isNil(children)) {
+    if (!_.isEmpty(children)) {
       return /*#__PURE__*/React.createElement("div", {
         style: {
           backgroundColor: bgColor,

package/dist/MemberPicker/components/NickLabel.js

@@ -1,7 +1,6 @@
 import React, { memo } from 'react';
 import Avatar from "../../Avatar";
 import { EUserType } from "../../ConfigProvider/getUserList";
-import { UserGroup } from "../../Icon";
 var NickLabel = function NickLabel(_ref) {
   var photo = _ref.photo,
     name = _ref.name,
@@ -10,15 +9,13 @@ var NickLabel = function NickLabel(_ref) {
     type = _ref.type,
     addonBefore = _ref.addonBefore;
   var innerName = name || id;
-  var photoSrc = !photo && type === EUserType.USER_GROUP ? /*#__PURE__*/React.createElement(UserGroup, {
-    size: 20
-  }) : photo;
   return /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label"
   }, /*#__PURE__*/React.createElement(Avatar, {
     key: innerName,
-    src: photoSrc,
-    size: 20
+    src: photo,
+    size: 20,
+    type: type === EUserType.USER ? 'user' : 'userGroup'
   }, innerName), /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label-name",
     title: account ? "".concat(name, "(").concat(account, ")") : "".concat(name)

package/dist/MemberPicker/index.js

@@ -27,7 +27,6 @@ import React, { useCallback, useContext, useEffect, useMemo, useRef, useState }
 import Avatar from "../Avatar";
 import ConfigProvider from "../ConfigProvider";
 import { EUserType } from "../ConfigProvider/getUserList";
-import { UserGroup } from "../Icon";
 import { LocaleContext, getTranslator } from "../locale/default";
 import message from "../message";
 import Panel from "./components/Panel";
@@ -329,9 +328,10 @@ var Component = function Component(props) {
         value: item.groupId,
         tag: /*#__PURE__*/React.createElement("div", {
           className: 'ald-member-picker-tag'
-        }, /*#__PURE__*/React.createElement(UserGroup, {
+        }, /*#__PURE__*/React.createElement(Avatar, {
+          type: "userGroup",
           size: 20
-        }), item.name || item.groupId)
+        }, item.name || item.groupId), item.name || item.groupId)
       };
       return {
         label: item.nickname || item.name || item.userId,
@@ -340,8 +340,9 @@ var Component = function Component(props) {
           className: 'ald-member-picker-tag'
         }, /*#__PURE__*/React.createElement(Avatar, {
           size: 20,
-          src: item.photo
-        }), item.nickname || item.name || item.userId)
+          src: item.photo,
+          type: item.type === EUserType.USER ? 'user' : 'userGroup'
+        }, item.nickname || item.name || item.userId))
       };
     }),
     optionLabelProp: multiple ? 'label' : 'tag',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "2.17.0",
+  "version": "2.17.2",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",