@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/MemberPicker/components/MemberSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberSelection.js","names":[],"sources":["../../../src/MemberPicker/components/MemberSelection.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useContext,\n  useDeferredValue,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport Empty from '../../Empty';\nimport { SearchLine } from '../../Icon';\nimport Input, { InputRef } from '../../Input';\nimport Spin from '../../Spin';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser, TUserGroupValue, TUserValue } from '../interface';\nimport { isUser } from '../utils/getUsersWithUserId';\nimport MultipleOption from './MultipleOption';\nimport SingleOption from './SingleOption';\n\ninterface IMemberSelectionProps {\n  className?: string;\n  userList: IUser[];\n  multiple?: boolean;\n  onChange: (selected: boolean, user: IUser) => void;\n  selectedUsers: IUser[];\n  onSearchValueChange?: (value: string) => void;\n  loading: boolean;\n  width: number;\n  filterItem?: (item: IUser) => boolean;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  renderItem?: (\n    item: IUser,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      originNode: React.ReactNode;\n    },\n  ) => React.ReactNode;\n}\n\nexport const OPTION_HEIGHT = 36;\nexport const WRAPPER_HEIGHT = 300;\n\nexport default function MemberSelection(props: IMemberSelectionProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    className,\n    userList,\n    multiple,\n    onChange,\n    selectedUsers,\n    onSearchValueChange,\n    loading,\n    width,\n    lockedIds,\n    filterItem,\n    renderItem,\n  } = props;\n\n  const filteredList = useMemo(() => {\n    return userList.filter((item) => {\n      if (filterItem) {\n        return filterItem(item);\n      }\n      return true;\n    });\n  }, [userList, filterItem]);\n\n  const parentRef = React.useRef<HTMLDivElement>(null);\n\n  // The virtualizer\n  const rowVirtualizer = useVirtualizer({\n    count: filteredList.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: () => OPTION_HEIGHT,\n  });\n\n  const [searchValue, setSearchValue] = useState<string>('');\n  const deferredSearchValue = useDeferredValue(searchValue);\n  const inputRef = React.useRef<InputRef>(null);\n  useEffect(() => {\n    onSearchValueChange?.(deferredSearchValue);\n  }, [deferredSearchValue, onSearchValueChange]);\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, []);\n\n  return (\n    <div className={cn(className, 'ald-member-picker-member-list-wrap')}>\n      <Input\n        prefix={<SearchLine />}\n        ref={inputRef}\n        className={'ald-member-picker-search-input'}\n        onChange={(e) => {\n          setSearchValue(e.target.value);\n        }}\n      ></Input>\n\n      {filteredList.length === 0 && !loading && (\n        <Empty\n          title={t.MemberPicker.noData}\n          size=\"small\"\n          image={Empty.PRESENTED_IMAGE_SEARCH}\n          className=\"ald-member-picker-member-list-empty\"\n        />\n      )}\n\n      <Spin\n        tip=\"Loading\"\n        spinning={loading}\n        size=\"small\"\n        className=\"ald-member-picker-user-list\"\n      >\n        <div\n          ref={parentRef}\n          style={{\n            height: WRAPPER_HEIGHT,\n            overflowY: 'auto',\n            overflowX: 'hidden',\n          }}\n          className={cn('ald-member-picker-member-list', {\n            'ald-member-picker-member-list-null':\n              filteredList.length === 0 && !loading,\n          })}\n          // innerClassName=\"ald-member-picker-member-scroll\"\n        >\n          <div\n            className=\"ald-member-picker-member-list-inner\"\n            style={{\n              width: multiple ? width : undefined,\n              overflow: 'hidden',\n              position: 'relative',\n              height: `${rowVirtualizer.getTotalSize()}px`,\n            }}\n          >\n            {rowVirtualizer.getVirtualItems().map((virtualItem) => {\n              const user = filteredList[virtualItem.index];\n              const isSelected = selectedUsers.some(\n                (selectedUser) => selectedUser.userId === user.userId,\n              );\n              const index = _.findIndex(lockedIds, {\n                userId: user.userId,\n                type: user.type,\n              });\n              const disabled = index !== -1;\n\n              const originNode = multiple ? (\n                <MultipleOption\n                  key={user.userId}\n                  user={user}\n                  disabled={disabled}\n                  selected={isSelected}\n                  showUserId={true}\n                  onChange={(selected, user) => {\n                    if (isUser(user)) onChange(selected, user);\n                  }}\n                ></MultipleOption>\n              ) : (\n                <SingleOption\n                  key={user.userId}\n                  user={user}\n                  selected={isSelected}\n                  showUserId={true}\n                  onChange={(selected, user) => {\n                    if (isUser(user)) onChange(selected, user);\n                  }}\n                ></SingleOption>\n              );\n\n              if (renderItem) {\n                return (\n                  <div\n                    key={virtualItem.key}\n                    style={{\n                      position: 'absolute',\n                      top: 0,\n                      left: 0,\n                      width: '100%',\n                      height: `${virtualItem.size}px`,\n                      transform: `translateY(${virtualItem.start}px)`,\n                    }}\n                  >\n                    {renderItem(user, {\n                      isSelected,\n                      disabled,\n                      onClick: () => {\n                        if (!disabled) {\n                          onChange(!isSelected, user);\n                        }\n                      },\n                      originNode,\n                    })}\n                  </div>\n                );\n              }\n\n              return (\n                <div\n                  key={virtualItem.key}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: `${virtualItem.size}px`,\n                    transform: `translateY(${virtualItem.start}px)`,\n                  }}\n                >\n                  {originNode}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </Spin>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/MemberPicker/components/MultipleOption.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IUserGroup } from '../../ConfigProvider/getUserList';
 import { IUser } from '../interface';
 interface IMultipleOptionProps {
@@ -11,5 +10,5 @@ interface IMultipleOptionProps {
     hasNextLevel?: boolean;
     showUserId?: boolean;
 }
-export default function MultipleList(params: IMultipleOptionProps): React.JSX.Element;
+export default function MultipleList(params: IMultipleOptionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/MemberPicker/components/MultipleOption.js

@@ -1,70 +1,66 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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";
-import { getAccount, getId, getPhoto } from "../utils";
-import { isUser, isUserGroup } from "../utils/getUsersWithUserId";
-import NickLabel from "./NickLabel";
-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,
-    onChange = params.onChange,
-    className = params.className,
-    onNextLevel = params.onNextLevel,
-    _params$hasNextLevel = params.hasNextLevel,
-    hasNextLevel = _params$hasNextLevel === void 0 ? true : _params$hasNextLevel,
-    _params$showUserId = params.showUserId,
-    showUserId = _params$showUserId === void 0 ? false : _params$showUserId;
-  var onClick = function onClick() {
-    if (disabled) return;
-    onChange === null || onChange === void 0 ? void 0 : onChange(!selected, user);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('ald-member-picker-option', className, _defineProperty({}, 'ald-member-picker-option-disabled', disabled)),
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'ald-member-picker-label'
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    className: 'ald-member-picker-checkbox',
-    checked: selected,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement("div", {
-    className: 'ald-member-picker-option-content'
-  }, /*#__PURE__*/React.createElement(NickLabel, {
-    type: user.type,
-    id: getId(user),
-    name: user.name,
-    photo: getPhoto(user),
-    account: getAccount(user),
-    addonBefore: showUserId && user.type === EUserType.USER && /*#__PURE__*/React.createElement("span", {
-      className: 'ald-member-picker-option-id'
-    }, getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId)
-  }), isUser(user) && user.ban && /*#__PURE__*/React.createElement(Badge, {
-    status: "default",
-    count: t.MemberPicker.ban,
-    className: 'ald-member-picker-ban-badge'
-  }))), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
-    className: "ald-member-picker-btn",
-    size: "small",
-    disabled: disabled,
-    onClick: function onClick(e) {
-      onNextLevel === null || onNextLevel === void 0 ? void 0 : onNextLevel(user);
-      e.stopPropagation();
-      e.preventDefault();
-    }
-  }, t.MemberPicker.subLevel));
-}
+import { cn } from "../../lib/utils.js";
+import Badge from "../../Badge/index.js";
+import Checkbox from "../../Checkbox/index.js";
+import { LocaleContext, getTranslator } from "../../locale/default.js";
+import { EUserType } from "../../ConfigProvider/getUserList.js";
+import AldCustomConfigProvider from "../../ConfigProvider/index.js";
+import TextLink from "../../TextLink/index.js";
+import { getAccount, getId, getPhoto } from "../utils/index.js";
+import { isUser, isUserGroup } from "../utils/getUsersWithUserId.js";
+import NickLabel_default from "./NickLabel.js";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MemberPicker/components/MultipleOption.tsx
+function MultipleList(params) {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { getMemberPickerItemMoreInfoKey } = AldCustomConfigProvider.useGetUserList();
+	const { disabled, user, selected, onChange, className, onNextLevel, hasNextLevel = true, showUserId = false } = params;
+	const onClick = () => {
+		if (disabled) return;
+		onChange?.(!selected, user);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-member-picker-option", className, { ["ald-member-picker-option-disabled"]: disabled }),
+		onClick,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "ald-member-picker-label",
+			children: [/* @__PURE__ */ jsx(Checkbox, {
+				className: "ald-member-picker-checkbox",
+				checked: selected,
+				disabled
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "ald-member-picker-option-content",
+				children: [/* @__PURE__ */ jsx(NickLabel_default, {
+					type: user.type,
+					id: getId(user),
+					name: user.name,
+					photo: getPhoto(user),
+					account: getAccount(user),
+					addonBefore: showUserId && user.type === EUserType.USER && /* @__PURE__ */ jsx("span", {
+						className: "ald-member-picker-option-id",
+						children: getMemberPickerItemMoreInfoKey ? getMemberPickerItemMoreInfoKey(user) : user.userId
+					})
+				}), isUser(user) && user.ban && /* @__PURE__ */ jsx(Badge, {
+					status: "default",
+					count: t.MemberPicker.ban,
+					className: "ald-member-picker-ban-badge"
+				})]
+			})]
+		}), isUserGroup(user) && hasNextLevel && /* @__PURE__ */ jsx(TextLink, {
+			className: "ald-member-picker-btn",
+			size: "small",
+			disabled,
+			onClick: (e) => {
+				onNextLevel?.(user);
+				e.stopPropagation();
+				e.preventDefault();
+			},
+			children: t.MemberPicker.subLevel
+		})]
+	});
+}
+//#endregion
+export { MultipleList as default };
+
+//# sourceMappingURL=MultipleOption.js.map

package/dist/MemberPicker/components/MultipleOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleOption.js","names":[],"sources":["../../../src/MemberPicker/components/MultipleOption.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport React, { useContext } from 'react';\nimport Badge from '../../Badge';\nimport Checkbox from '../../Checkbox';\nimport ConfigProvider from '../../ConfigProvider';\nimport { EUserType, IUserGroup } from '../../ConfigProvider/getUserList';\nimport TextLink from '../../TextLink/index';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser } from '../interface';\nimport { getAccount, getId, getPhoto } from '../utils';\nimport { isUser, isUserGroup } from '../utils/getUsersWithUserId';\nimport NickLabel from './NickLabel';\n\ninterface IMultipleOptionProps {\n  selected: boolean;\n  disabled?: boolean;\n  user: IUser | IUserGroup;\n  onChange?: (selected: boolean, user: IUser | IUserGroup) => void;\n  className?: string;\n  onNextLevel?: (userGroup: IUserGroup) => void;\n  hasNextLevel?: boolean;\n  showUserId?: boolean;\n}\nexport default function MultipleList(params: IMultipleOptionProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getMemberPickerItemMoreInfoKey } = ConfigProvider.useGetUserList();\n\n  const {\n    disabled,\n    user,\n    selected,\n    onChange,\n    className,\n    onNextLevel,\n    hasNextLevel = true,\n    showUserId = false,\n  } = params;\n\n  const onClick = () => {\n    if (disabled) return;\n\n    onChange?.(!selected, user);\n  };\n\n  return (\n    <div\n      className={cn('ald-member-picker-option', className, {\n        ['ald-member-picker-option-disabled']: disabled,\n      })}\n      onClick={onClick}\n    >\n      <div className={'ald-member-picker-label'}>\n        <Checkbox\n          className={'ald-member-picker-checkbox'}\n          checked={selected}\n          disabled={disabled}\n        ></Checkbox>\n        <div className={'ald-member-picker-option-content'}>\n          <NickLabel\n            type={user.type}\n            id={getId(user)}\n            name={user.name as string}\n            photo={getPhoto(user)}\n            account={getAccount(user)}\n            addonBefore={\n              showUserId &&\n              user.type === EUserType.USER && (\n                <span className={'ald-member-picker-option-id'}>\n                  {getMemberPickerItemMoreInfoKey\n                    ? getMemberPickerItemMoreInfoKey(user)\n                    : user.userId}\n                </span>\n              )\n            }\n          ></NickLabel>\n          {/* 如果是用户的话并且user.ban为true，则展示 已停用 Tag */}\n          {isUser(user) && user.ban && (\n            <Badge\n              status=\"default\"\n              count={t.MemberPicker.ban}\n              className={'ald-member-picker-ban-badge'}\n            ></Badge>\n          )}\n        </div>\n      </div>\n      {isUserGroup(user) && hasNextLevel && (\n        <TextLink\n          className=\"ald-member-picker-btn\"\n          size=\"small\"\n          disabled={disabled}\n          onClick={(e) => {\n            onNextLevel?.(user);\n            e.stopPropagation();\n            e.preventDefault();\n          }}\n        >\n          {t.MemberPicker.subLevel}\n        </TextLink>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAuBA,SAAwB,aAAa,QAA8B;CACjE,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EAAE,mCAAmC,wBAAe,gBAAgB;CAE1E,MAAM,EACJ,UACA,MACA,UACA,UACA,WACA,aACA,eAAe,MACf,aAAa,UACX;CAEJ,MAAM,gBAAgB;AACpB,MAAI,SAAU;AAEd,aAAW,CAAC,UAAU,KAAK;;AAG7B,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,4BAA4B,WAAW,GAClD,sCAAsC,UACxC,CAAC;EACO;YAJX,CAME,qBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,oBAAC,UAAD;IACE,WAAW;IACX,SAAS;IACC;IACA,CAAA,EACZ,qBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,oBAAC,mBAAD;KACE,MAAM,KAAK;KACX,IAAI,MAAM,KAAK;KACf,MAAM,KAAK;KACX,OAAO,SAAS,KAAK;KACrB,SAAS,WAAW,KAAK;KACzB,aACE,cACA,KAAK,SAAS,UAAU,QACtB,oBAAC,QAAD;MAAM,WAAW;gBACd,iCACG,+BAA+B,KAAK,GACpC,KAAK;MACJ,CAAA;KAGA,CAAA,EAEZ,OAAO,KAAK,IAAI,KAAK,OACpB,oBAAC,OAAD;KACE,QAAO;KACP,OAAO,EAAE,aAAa;KACtB,WAAW;KACJ,CAAA,CAEP;MACF;MACL,YAAY,KAAK,IAAI,gBACpB,oBAAC,UAAD;GACE,WAAU;GACV,MAAK;GACK;GACV,UAAU,MAAM;AACd,kBAAc,KAAK;AACnB,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;;aAGnB,EAAE,aAAa;GACP,CAAA,CAET"}

package/dist/MemberPicker/components/NickLabel.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { EUserType } from '../../ConfigProvider/getUserList';
 interface INickLabelProps {
     name?: string;

package/dist/MemberPicker/components/NickLabel.js

@@ -1,24 +1,26 @@
-import React, { memo } from 'react';
-import Avatar from "../../Avatar";
-import { EUserType } from "../../ConfigProvider/getUserList";
-var NickLabel = function NickLabel(_ref) {
-  var photo = _ref.photo,
-    name = _ref.name,
-    id = _ref.id,
-    account = _ref.account,
-    type = _ref.type,
-    addonBefore = _ref.addonBefore;
-  var innerName = name || id;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ald-member-picker-nick-label"
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    key: innerName,
-    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)
-  }, innerName, addonBefore));
+import Avatar from "../../Avatar/index.js";
+import { EUserType } from "../../ConfigProvider/getUserList.js";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/MemberPicker/components/NickLabel.tsx
+var NickLabel = ({ photo, name, id, account, type, addonBefore }) => {
+	const innerName = name || id;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "ald-member-picker-nick-label",
+		children: [/* @__PURE__ */ jsx(Avatar, {
+			src: photo,
+			size: 20,
+			type: type === EUserType.USER ? "user" : "userGroup",
+			children: innerName
+		}, innerName), /* @__PURE__ */ jsxs("div", {
+			className: "ald-member-picker-nick-label-name",
+			title: account ? `${name}(${account})` : `${name}`,
+			children: [innerName, addonBefore]
+		})]
+	});
 };
-export default /*#__PURE__*/memo(NickLabel);
+var NickLabel_default = memo(NickLabel);
+//#endregion
+export { NickLabel_default as default };
+
+//# sourceMappingURL=NickLabel.js.map

package/dist/MemberPicker/components/NickLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NickLabel.js","names":[],"sources":["../../../src/MemberPicker/components/NickLabel.tsx"],"sourcesContent":["import React, { ReactNode, memo } from 'react';\nimport Avatar from '../../Avatar';\nimport { EUserType } from '../../ConfigProvider/getUserList';\n\ninterface INickLabelProps {\n  name?: string;\n  id: string;\n  photo?: React.ReactNode;\n  account?: string;\n  type: EUserType;\n  addonBefore?: ReactNode;\n}\nconst NickLabel: React.FC<INickLabelProps> = ({\n  photo,\n  name,\n  id,\n  account,\n  type,\n  addonBefore,\n}) => {\n  const innerName = name || id;\n\n  return (\n    <div className=\"ald-member-picker-nick-label\">\n      <Avatar\n        key={innerName}\n        src={photo}\n        size={20}\n        type={type === EUserType.USER ? 'user' : 'userGroup'}\n      >\n        {innerName}\n      </Avatar>\n      <div\n        className=\"ald-member-picker-nick-label-name\"\n        title={account ? `${name}(${account})` : `${name}`}\n      >\n        {innerName}\n        {addonBefore}\n      </div>\n    </div>\n  );\n};\n\nexport default memo(NickLabel);\n"],"mappings":";;;;;AAYA,IAAM,aAAwC,EAC5C,OACA,MACA,IACA,SACA,MACA,kBACI;CACJ,MAAM,YAAY,QAAQ;AAE1B,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,QAAD;GAEE,KAAK;GACL,MAAM;GACN,MAAM,SAAS,UAAU,OAAO,SAAS;aAExC;GACM,EANF,UAME,EACT,qBAAC,OAAD;GACE,WAAU;GACV,OAAO,UAAU,GAAG,KAAK,GAAG,QAAQ,KAAK,GAAG;aAF9C,CAIG,WACA,YACG;KACF;;;AAIV,IAAA,oBAAe,KAAK,UAAU"}

package/dist/MemberPicker/components/Panel.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { IUserGroup, TUser, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
 import { EMemberPicker, IUser } from '../interface';
 interface IPanelProps {
@@ -25,5 +25,5 @@ interface IPanelProps {
     filterItem?: (item: IUser | IUserGroup) => boolean;
 }
 export declare const userDisplayNameIsRepeated: (userList: TUser, displayName?: string) => boolean;
-export default function Panel(props: IPanelProps): React.JSX.Element;
+export default function Panel(props: IPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};