@aloudata/aloudata-design 2.13.10 → 2.13.11

package/dist/ConfigProvider/getUserList.d.ts

@@ -38,6 +38,7 @@ export type getUsersByKeywordsType = ((params: string) => Promise<TUser>) | unde
 export type getUserListType = {
     getUsersByIds?: getUsersByIdsType;
     getUsersByKeywords?: getUsersByKeywordsType;
+    getMemberPickerItemMoreInfoKey?: (user: IUser) => string;
 };
 declare const GetUserListContext: React.Context<getUserListType>;
 export interface IGetUserListContextProps {

package/dist/ConfigProvider/hooks/useGetUserList.d.ts

@@ -1,5 +1,6 @@
 declare function useGetUserList(): {
     getUsersByIds: import("../getUserList").getUsersByIdsType;
     getUsersByKeywords: import("../getUserList").getUsersByKeywordsType;
+    getMemberPickerItemMoreInfoKey: ((user: import("../getUserList").IUser) => string) | undefined;
 };
 export default useGetUserList;

package/dist/ConfigProvider/hooks/useGetUserList.js

@@ -3,10 +3,12 @@ import GetUserListContext from "../getUserList";
 function useGetUserList() {
   var _useContext = useContext(GetUserListContext),
     getUsersByIds = _useContext.getUsersByIds,
-    getUsersByKeywords = _useContext.getUsersByKeywords;
+    getUsersByKeywords = _useContext.getUsersByKeywords,
+    getMemberPickerItemMoreInfoKey = _useContext.getMemberPickerItemMoreInfoKey;
   return {
     getUsersByIds: getUsersByIds,
-    getUsersByKeywords: getUsersByKeywords
+    getUsersByKeywords: getUsersByKeywords,
+    getMemberPickerItemMoreInfoKey: getMemberPickerItemMoreInfoKey
   };
 }
 export default useGetUserList;

package/dist/ConfigProvider/index.d.ts

@@ -1,7 +1,7 @@
 import type { ConfigContext, ConfigProviderProps } from 'antd/lib/config-provider';
 import useConfig from 'antd/lib/config-provider/hooks/useConfig';
 import React from 'react';
-import { getUsersByIdsType, getUsersByKeywordsType } from './getUserList';
+import { IUser, getUsersByIdsType, getUsersByKeywordsType } from './getUserList';
 import useGetUserList from './hooks/useGetUserList';
 import SizeContext from './sizeContext';
 export { ConfigContext } from 'antd/lib/config-provider';
@@ -11,6 +11,7 @@ interface AldCustomConfigProviderProps extends ConfigProviderProps {
     children?: React.ReactNode;
     getUsersByIds?: getUsersByIdsType;
     getUsersByKeywords?: getUsersByKeywordsType;
+    getMemberPickerItemMoreInfoKey?: (user: IUser) => string;
 }
 declare const AldCustomConfigProvider: React.FC<AldCustomConfigProviderProps> & {
     /** @private internal Usage. do not use in your production */

package/dist/ConfigProvider/index.js

@@ -13,13 +13,15 @@ var AldCustomConfigProvider = function AldCustomConfigProvider(props) {
   var _props$locale;
   var children = props.children,
     getUsersByIds = props.getUsersByIds,
-    getUsersByKeywords = props.getUsersByKeywords;
+    getUsersByKeywords = props.getUsersByKeywords,
+    getMemberPickerItemMoreInfoKey = props.getMemberPickerItemMoreInfoKey;
   var childNode = children;
   if (getUsersByIds || getUsersByKeywords) {
     childNode = /*#__PURE__*/React.createElement(getUserListContext.Provider, {
       value: {
         getUsersByIds: getUsersByIds,
-        getUsersByKeywords: getUsersByKeywords
+        getUsersByKeywords: getUsersByKeywords,
+        getMemberPickerItemMoreInfoKey: getMemberPickerItemMoreInfoKey
       }
     }, children);
   }

package/dist/MemberPicker/components/MultipleOption.js

@@ -6,6 +6,7 @@ import classnames from 'classnames';
 import React, { useContext } from 'react';
 import Badge from "../../Badge";
 import Checkbox from "../../Checkbox";
+import ConfigProvider from "../../ConfigProvider";
 import { EUserType } from "../../ConfigProvider/getUserList";
 import TextLink from "../../TextLink/index";
 import { LocaleContext, getTranslator } from "../../locale/default";
@@ -16,6 +17,8 @@ export default function MultipleList(params) {
   var _useContext = useContext(LocaleContext),
     locale = _useContext.locale;
   var t = getTranslator(locale);
+  var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
+    getMemberPickerItemMoreInfoKey = _ConfigProvider$useGe.getMemberPickerItemMoreInfoKey;
   var disabled = params.disabled,
     user = params.user,
     selected = params.selected,
@@ -49,7 +52,7 @@ export default function MultipleList(params) {
     account: getAccount(user),
     addonBefore: showUserId && user.type === EUserType.USER && /*#__PURE__*/React.createElement("span", {
       className: 'ald-member-picker-option-id'
-    }, user.userId)
+    }, getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId)
   }), isUser(user) && user.ban && /*#__PURE__*/React.createElement(Badge, {
     status: "default",
     count: t.MemberPicker.ban,

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -2,6 +2,7 @@ import classNames from 'classnames';
 import _ from 'lodash';
 import React, { useContext } from 'react';
 import Badge from "../../Badge";
+import ConfigProvider from "../../ConfigProvider";
 import { CloseMLine } from "../../Icon";
 import ScrollArea from "../../ScrollArea";
 import { LocaleContext, getTranslator } from "../../locale/default";
@@ -14,6 +15,8 @@ export default function SelectedMemberTags(props) {
     width = props.width,
     _props$lockedIds = props.lockedIds,
     lockedIds = _props$lockedIds === void 0 ? [] : _props$lockedIds;
+  var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
+    memberPickerItemMoreInfoKey = _ConfigProvider$useGe.memberPickerItemMoreInfoKey;
   var _useContext = useContext(LocaleContext),
     locale = _useContext.locale;
   var t = getTranslator(locale);
@@ -56,7 +59,7 @@ export default function SelectedMemberTags(props) {
       account: getAccount(user),
       addonBefore: user.type === 'USER' && /*#__PURE__*/React.createElement("span", {
         className: "ald-member-picker-option-id"
-      }, user.userId)
+      }, user[memberPickerItemMoreInfoKey || 'userId'])
     })), isUser(user) && user.ban && /*#__PURE__*/React.createElement(Badge, {
       status: "default",
       count: t.MemberPicker.ban,

package/dist/MemberPicker/components/SingleOption.js

@@ -5,6 +5,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import classnames from 'classnames';
 import React, { useContext } from 'react';
 import Badge from "../../Badge";
+import ConfigProvider from "../../ConfigProvider";
 import { EUserType } from "../../ConfigProvider/getUserList";
 import TextLink from "../../TextLink/index";
 import { LocaleContext, getTranslator } from "../../locale/default";
@@ -15,6 +16,8 @@ export default function SingleOption(params) {
   var _useContext = useContext(LocaleContext),
     locale = _useContext.locale;
   var t = getTranslator(locale);
+  var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
+    getMemberPickerItemMoreInfoKey = _ConfigProvider$useGe.getMemberPickerItemMoreInfoKey;
   var disabled = params.disabled,
     user = params.user,
     selected = params.selected,
@@ -45,7 +48,7 @@ export default function SingleOption(params) {
     account: getAccount(user),
     addonBefore: showUserId && user.type === EUserType.USER && /*#__PURE__*/React.createElement("span", {
       className: 'ald-member-picker-option-id'
-    }, user.userId)
+    }, getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId)
   }), isUser(user) && user.ban && /*#__PURE__*/React.createElement(Badge, {
     status: "default",
     count: t.MemberPicker.ban,

package/package.json

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