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

package/dist/MemberPicker/components/Panel.js

@@ -1,192 +1,158 @@
-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); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import classNames from 'classnames';
-import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { EUserType } from "../../ConfigProvider/getUserList";
-import Tabs from "../../Tabs";
-import { LocaleContext, getTranslator } from "../../locale/default";
-import { EMemberPicker } from "../interface";
-import { getId } from "../utils";
-import { isUser, isUserGroup } from "../utils/getUsersWithUserId";
-import MemberSelection from "./MemberSelection";
-import SelectedMemberTags from "./SelectedMemberTags";
-import SelectorFooter from "./SelectorFooter";
-import UserGroupSelection from "./UserGroupSelection";
-export var userDisplayNameIsRepeated = function userDisplayNameIsRepeated(userList, displayName) {
-  return userList.filter(function (user) {
-    return user.type === EUserType.USER && user.nickname === displayName;
-  }).length > 1;
-};
-export default function Panel(props) {
-  var _classNames;
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var type = props.type,
-    multiple = props.multiple,
-    dropdownWidth = props.dropdownWidth,
-    value = props.value,
-    onChange = props.onChange,
-    dataList = props.dataList,
-    onSearchValueChange = props.onSearchValueChange,
-    className = props.className,
-    lockedIds = props.lockedIds,
-    footer = props.footer,
-    onCancel = props.onCancel,
-    renderItem = props.renderItem,
-    renderSelectedTag = props.renderSelectedTag,
-    filterItem = props.filterItem;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedUsers = _useState2[0],
-    setSelected = _useState2[1];
-  var onSelectionChange = useCallback(function (selected, user) {
-    if (multiple) {
-      if (selected) {
-        setSelected([].concat(_toConsumableArray(selectedUsers), [user]));
-      } else {
-        setSelected(selectedUsers.filter(function (item) {
-          return getId(item) !== getId(user);
-        }));
-      }
-    } else {
-      if (selected) {
-        setSelected([user]);
-        onChange === null || onChange === void 0 ? void 0 : onChange([user]);
-      } else {
-        setSelected([]);
-        onChange === null || onChange === void 0 ? void 0 : onChange([]);
-      }
-    }
-  }, [multiple, selectedUsers, onChange]);
-  var onRemove = useCallback(function (user) {
-    setSelected(selectedUsers.filter(function (item) {
-      return getId(item) !== getId(user);
-    }));
-  }, [selectedUsers]);
-  var panelwidth = useMemo(function () {
-    if (dropdownWidth) {
-      return dropdownWidth;
-    } else if (multiple) {
-      return 480;
-    } else {
-      return 160;
-    }
-  }, [dropdownWidth, multiple]);
-  useEffect(function () {
-    if (value) {
-      if (Array.isArray(value)) {
-        setSelected(value);
-      } else {
-        setSelected([value]);
-      }
-    }
-  }, [setSelected, value]);
-  var renderDropdown = useCallback(function () {
-    var userSelection = /*#__PURE__*/React.createElement(MemberSelection, {
-      className: 'ald-member-picker-member-selection-multiple',
-      userList: dataList.filter(isUser),
-      filterItem: filterItem,
-      width: (panelwidth - 6) / 2,
-      selectedUsers: selectedUsers.filter(isUser),
-      onChange: onSelectionChange,
-      onSearchValueChange: onSearchValueChange,
-      multiple: true,
-      lockedIds: lockedIds,
-      loading: props.loading,
-      renderItem: renderItem
-    });
-    var userGroupSelection = /*#__PURE__*/React.createElement(UserGroupSelection, {
-      className: 'ald-member-picker-member-selection-multiple',
-      userGroupList: dataList.filter(isUserGroup),
-      filterItem: filterItem,
-      width: (panelwidth - 6) / 2,
-      selectedUsersGroup: selectedUsers.filter(isUserGroup),
-      onChange: onSelectionChange,
-      onSearchValueChange: onSearchValueChange,
-      multiple: true,
-      lockedIds: lockedIds,
-      loading: props.loading,
-      renderItem: renderItem
-    });
-    if (type === EMemberPicker.USER) {
-      return userSelection;
-    }
-    if (type === EMemberPicker.GROUP) {
-      return userGroupSelection;
-    }
-    if (type === EMemberPicker.BOTH) {
-      return /*#__PURE__*/React.createElement(Tabs, {
-        centered: true,
-        destroyInactiveTabPane: true,
-        items: [{
-          key: 'user',
-          label: t.MemberPicker.users,
-          children: userSelection
-        }, {
-          key: 'userGroup',
-          label: t.MemberPicker.userGroups,
-          children: userGroupSelection
-        }],
-        className: "ald-member-tabs"
-      });
-    }
-  }, [t, dataList, panelwidth, selectedUsers, onSelectionChange, onSearchValueChange, lockedIds, props.loading, type, renderItem]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(className, 'ald-member-picker-wrapper', (_classNames = {}, _defineProperty(_classNames, 'ald-member-picker-multiple', multiple), _defineProperty(_classNames, 'ald-member-picker-single', !multiple), _classNames)),
-    style: {
-      width: panelwidth
-    }
-  }, multiple ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "ald-member-picker-member-selection-wrapper"
-  }, renderDropdown()), /*#__PURE__*/React.createElement(SelectedMemberTags, {
-    className: 'ald-member-picker-selected-member-tags',
-    selectedUsers: selectedUsers,
-    width: (panelwidth - 3) / 2,
-    onRemove: onRemove,
-    lockedIds: lockedIds,
-    userList: dataList,
-    renderSelectedTag: renderSelectedTag
-  }), /*#__PURE__*/React.createElement(SelectorFooter, {
-    className: 'ald-member-picker-selector-footer',
-    onCancel: onCancel,
-    onOk: function onOk() {
-      onChange === null || onChange === void 0 ? void 0 : onChange(selectedUsers);
-    },
-    footer: footer
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, type === EMemberPicker.USER && /*#__PURE__*/React.createElement(MemberSelection, {
-    className: 'ald-member-picker-member-selection-single',
-    userList: dataList.filter(isUser),
-    width: panelwidth - 2,
-    onChange: onSelectionChange,
-    selectedUsers: selectedUsers.filter(isUser),
-    onSearchValueChange: onSearchValueChange,
-    multiple: false && multiple,
-    lockedIds: lockedIds,
-    loading: props.loading,
-    renderItem: renderItem
-  }), type === EMemberPicker.GROUP && /*#__PURE__*/React.createElement(UserGroupSelection, {
-    className: 'ald-member-picker-member-selection-multiple',
-    userGroupList: dataList.filter(isUserGroup),
-    width: (panelwidth - 3) / 2,
-    selectedUsersGroup: selectedUsers.filter(isUserGroup),
-    onChange: onSelectionChange,
-    onSearchValueChange: onSearchValueChange,
-    multiple: false,
-    lockedIds: lockedIds,
-    loading: props.loading,
-    renderItem: renderItem
-  })));
-}
+import { cn } from "../../lib/utils.js";
+import { LocaleContext, getTranslator } from "../../locale/default.js";
+import "../../ConfigProvider/getUserList.js";
+import Tabs from "../../Tabs/index.js";
+import { EMemberPicker } from "../interface.js";
+import { getId } from "../utils/index.js";
+import { isUser, isUserGroup } from "../utils/getUsersWithUserId.js";
+import MemberSelection from "./MemberSelection.js";
+import SelectedMemberTags from "./SelectedMemberTags.js";
+import SelectorFooter from "./SelectorFooter.js";
+import UserGroupSelection from "./UserGroupSelection.js";
+import { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Panel(props) {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { type, multiple, dropdownWidth, value, onChange, dataList, onSearchValueChange, className, lockedIds, footer, onCancel, renderItem, renderSelectedTag, filterItem } = props;
+	const [selectedUsers, setSelected] = useState([]);
+	const onSelectionChange = useCallback((selected, user) => {
+		if (multiple) if (selected) setSelected([...selectedUsers, user]);
+		else setSelected(selectedUsers.filter((item) => getId(item) !== getId(user)));
+		else if (selected) {
+			setSelected([user]);
+			onChange?.([user]);
+		} else {
+			setSelected([]);
+			onChange?.([]);
+		}
+	}, [
+		multiple,
+		selectedUsers,
+		onChange
+	]);
+	const onRemove = useCallback((user) => {
+		setSelected(selectedUsers.filter((item) => getId(item) !== getId(user)));
+	}, [selectedUsers]);
+	const panelwidth = useMemo(() => {
+		if (dropdownWidth) return dropdownWidth;
+		else if (multiple) return 480;
+		else return 160;
+	}, [dropdownWidth, multiple]);
+	useEffect(() => {
+		if (value) if (Array.isArray(value)) setSelected(value);
+		else setSelected([value]);
+	}, [setSelected, value]);
+	const renderDropdown = useCallback(() => {
+		const userSelection = /* @__PURE__ */ jsx(MemberSelection, {
+			className: "ald-member-picker-member-selection-multiple",
+			userList: dataList.filter(isUser),
+			filterItem,
+			width: (panelwidth - 6) / 2,
+			selectedUsers: selectedUsers.filter(isUser),
+			onChange: onSelectionChange,
+			onSearchValueChange,
+			multiple: true,
+			lockedIds,
+			loading: props.loading,
+			renderItem
+		});
+		const userGroupSelection = /* @__PURE__ */ jsx(UserGroupSelection, {
+			className: "ald-member-picker-member-selection-multiple",
+			userGroupList: dataList.filter(isUserGroup),
+			filterItem,
+			width: (panelwidth - 6) / 2,
+			selectedUsersGroup: selectedUsers.filter(isUserGroup),
+			onChange: onSelectionChange,
+			onSearchValueChange,
+			multiple: true,
+			lockedIds,
+			loading: props.loading,
+			renderItem
+		});
+		if (type === EMemberPicker.USER) return userSelection;
+		if (type === EMemberPicker.GROUP) return userGroupSelection;
+		if (type === EMemberPicker.BOTH) return /* @__PURE__ */ jsx(Tabs, {
+			centered: true,
+			destroyInactiveTabPane: true,
+			items: [{
+				key: "user",
+				label: t.MemberPicker.users,
+				children: userSelection
+			}, {
+				key: "userGroup",
+				label: t.MemberPicker.userGroups,
+				children: userGroupSelection
+			}],
+			className: "ald-member-tabs"
+		});
+	}, [
+		t,
+		dataList,
+		panelwidth,
+		selectedUsers,
+		onSelectionChange,
+		onSearchValueChange,
+		lockedIds,
+		props.loading,
+		type,
+		renderItem,
+		filterItem
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(className, "ald-member-picker-wrapper", {
+			["ald-member-picker-multiple"]: multiple,
+			["ald-member-picker-single"]: !multiple
+		}),
+		style: { width: panelwidth },
+		children: multiple ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "ald-member-picker-member-selection-wrapper",
+				children: renderDropdown()
+			}),
+			/* @__PURE__ */ jsx(SelectedMemberTags, {
+				className: "ald-member-picker-selected-member-tags",
+				selectedUsers,
+				width: (panelwidth - 3) / 2,
+				onRemove,
+				lockedIds,
+				userList: dataList,
+				renderSelectedTag
+			}),
+			/* @__PURE__ */ jsx(SelectorFooter, {
+				className: "ald-member-picker-selector-footer",
+				onCancel,
+				onOk: () => {
+					onChange?.(selectedUsers);
+				},
+				footer
+			})
+		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [type === EMemberPicker.USER && /* @__PURE__ */ jsx(MemberSelection, {
+			className: "ald-member-picker-member-selection-single",
+			userList: dataList.filter(isUser),
+			width: panelwidth - 2,
+			onChange: onSelectionChange,
+			selectedUsers: selectedUsers.filter(isUser),
+			onSearchValueChange,
+			multiple: false,
+			lockedIds,
+			loading: props.loading,
+			renderItem
+		}), type === EMemberPicker.GROUP && /* @__PURE__ */ jsx(UserGroupSelection, {
+			className: "ald-member-picker-member-selection-multiple",
+			userGroupList: dataList.filter(isUserGroup),
+			width: (panelwidth - 3) / 2,
+			selectedUsersGroup: selectedUsers.filter(isUserGroup),
+			onChange: onSelectionChange,
+			onSearchValueChange,
+			multiple: false,
+			lockedIds,
+			loading: props.loading,
+			renderItem
+		})] })
+	});
+}
+//#endregion
+export { Panel as default };
+
+//# sourceMappingURL=Panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","names":[],"sources":["../../../src/MemberPicker/components/Panel.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\n\nimport React, {\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  EUserType,\n  IUserGroup,\n  TUser,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport Tabs from '../../Tabs';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { EMemberPicker, IUser } from '../interface';\nimport { getId } from '../utils';\nimport { isUser, isUserGroup } from '../utils/getUsersWithUserId';\nimport MemberSelection from './MemberSelection';\nimport SelectedMemberTags from './SelectedMemberTags';\nimport SelectorFooter from './SelectorFooter';\nimport UserGroupSelection from './UserGroupSelection';\n\ninterface IPanelProps {\n  type: EMemberPicker;\n  multiple?: boolean;\n  onChange?: (value: TUser) => void;\n  dropdownWidth?: number;\n  value?: TUser | (IUser | IUserGroup);\n  dataList: TUser;\n  onSearchValueChange?: (value: string) => void;\n  onCancel?: () => void;\n  loading: boolean;\n  className?: string;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  footer?: ReactNode;\n  renderItem?: (\n    item: IUser | IUserGroup,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      onNextLevel?: () => void;\n      originNode: ReactNode;\n    },\n  ) => ReactNode;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n  filterItem?: (item: IUser | IUserGroup) => boolean;\n}\n\nexport const userDisplayNameIsRepeated = (\n  userList: TUser,\n  displayName?: string,\n) => {\n  return (\n    userList.filter(\n      (user) => user.type === EUserType.USER && user.nickname === displayName,\n    ).length > 1\n  );\n};\n\nexport default function Panel(props: IPanelProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    type,\n    multiple,\n    dropdownWidth,\n    value,\n    onChange,\n    dataList,\n    onSearchValueChange,\n    className,\n    lockedIds,\n    footer,\n    onCancel,\n    renderItem,\n    renderSelectedTag,\n    filterItem,\n  } = props;\n\n  const [selectedUsers, setSelected] = useState<TUser>([]);\n\n  const onSelectionChange = useCallback(\n    (selected: boolean, user: IUser | IUserGroup) => {\n      if (multiple) {\n        if (selected) {\n          setSelected([...selectedUsers, user]);\n        } else {\n          setSelected(\n            selectedUsers.filter((item) => getId(item) !== getId(user)),\n          );\n        }\n      } else {\n        if (selected) {\n          setSelected([user]);\n          onChange?.([user]);\n        } else {\n          setSelected([]);\n          onChange?.([]);\n        }\n      }\n    },\n    [multiple, selectedUsers, onChange],\n  );\n\n  const onRemove = useCallback(\n    (user: IUser | IUserGroup) => {\n      setSelected(selectedUsers.filter((item) => getId(item) !== getId(user)));\n    },\n    [selectedUsers],\n  );\n\n  const panelwidth = useMemo(() => {\n    if (dropdownWidth) {\n      return dropdownWidth;\n    } else if (multiple) {\n      return 480;\n    } else {\n      return 160;\n    }\n  }, [dropdownWidth, multiple]);\n\n  useEffect(() => {\n    if (value) {\n      if (Array.isArray(value)) {\n        setSelected(value);\n      } else {\n        setSelected([value]);\n      }\n    }\n  }, [setSelected, value]);\n\n  const renderDropdown = useCallback(() => {\n    const userSelection = (\n      <MemberSelection\n        className={'ald-member-picker-member-selection-multiple'}\n        userList={dataList.filter(isUser)}\n        filterItem={filterItem}\n        width={(panelwidth - 6) / 2}\n        selectedUsers={selectedUsers.filter(isUser)}\n        onChange={onSelectionChange}\n        onSearchValueChange={onSearchValueChange}\n        multiple={true}\n        lockedIds={lockedIds}\n        loading={props.loading}\n        renderItem={renderItem}\n      ></MemberSelection>\n    );\n    const userGroupSelection = (\n      <UserGroupSelection\n        className={'ald-member-picker-member-selection-multiple'}\n        userGroupList={dataList.filter(isUserGroup)}\n        filterItem={filterItem}\n        width={(panelwidth - 6) / 2}\n        selectedUsersGroup={selectedUsers.filter(isUserGroup)}\n        onChange={onSelectionChange}\n        onSearchValueChange={onSearchValueChange}\n        multiple={true}\n        lockedIds={lockedIds}\n        loading={props.loading}\n        renderItem={renderItem}\n      ></UserGroupSelection>\n    );\n    if (type === EMemberPicker.USER) {\n      return userSelection;\n    }\n    if (type === EMemberPicker.GROUP) {\n      return userGroupSelection;\n    }\n    if (type === EMemberPicker.BOTH) {\n      return (\n        <Tabs\n          centered\n          destroyInactiveTabPane\n          items={[\n            {\n              key: 'user',\n              label: t.MemberPicker.users,\n              children: userSelection,\n            },\n            {\n              key: 'userGroup',\n              label: t.MemberPicker.userGroups,\n              children: userGroupSelection,\n            },\n          ]}\n          className=\"ald-member-tabs\"\n        ></Tabs>\n      );\n    }\n  }, [\n    t,\n    dataList,\n    panelwidth,\n    selectedUsers,\n    onSelectionChange,\n    onSearchValueChange,\n    lockedIds,\n    props.loading,\n    type,\n    renderItem,\n    filterItem,\n  ]);\n\n  return (\n    <div\n      className={cn(className, 'ald-member-picker-wrapper', {\n        ['ald-member-picker-multiple']: multiple,\n        ['ald-member-picker-single']: !multiple,\n      })}\n      style={{ width: panelwidth }}\n    >\n      {multiple ? (\n        <>\n          <div className=\"ald-member-picker-member-selection-wrapper\">\n            {renderDropdown()}\n          </div>\n          <SelectedMemberTags\n            className={'ald-member-picker-selected-member-tags'}\n            selectedUsers={selectedUsers}\n            width={(panelwidth - 3) / 2}\n            onRemove={onRemove}\n            lockedIds={lockedIds}\n            userList={dataList}\n            renderSelectedTag={renderSelectedTag}\n          ></SelectedMemberTags>\n          <SelectorFooter\n            className={'ald-member-picker-selector-footer'}\n            onCancel={onCancel}\n            onOk={() => {\n              onChange?.(selectedUsers);\n            }}\n            footer={footer}\n          ></SelectorFooter>\n        </>\n      ) : (\n        <>\n          {type === EMemberPicker.USER && (\n            <MemberSelection\n              className={'ald-member-picker-member-selection-single'}\n              userList={dataList.filter(isUser)}\n              width={panelwidth - 2}\n              onChange={onSelectionChange}\n              selectedUsers={selectedUsers.filter(isUser)}\n              onSearchValueChange={onSearchValueChange}\n              multiple={false && multiple}\n              lockedIds={lockedIds}\n              loading={props.loading}\n              renderItem={renderItem}\n            ></MemberSelection>\n          )}\n          {type === EMemberPicker.GROUP && (\n            <UserGroupSelection\n              className={'ald-member-picker-member-selection-multiple'}\n              userGroupList={dataList.filter(isUserGroup)}\n              width={(panelwidth - 3) / 2}\n              selectedUsersGroup={selectedUsers.filter(isUserGroup)}\n              onChange={onSelectionChange}\n              onSearchValueChange={onSearchValueChange}\n              multiple={false}\n              lockedIds={lockedIds}\n              loading={props.loading}\n              renderItem={renderItem}\n            ></UserGroupSelection>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { IUserGroup, TUser, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
 import { EMemberPicker, IUser, TMemberPickerValue } from '../interface';
 interface IProps {
-    type: EMemberPicker;
+    type?: EMemberPicker;
     multiple?: boolean;
     onChange?(v: TUser | (IUser | IUserGroup)): void;
     dropdownWidth?: number;
@@ -22,5 +22,5 @@ interface IProps {
     renderSelectedTag?: (user: IUser | IUserGroup, originNode: ReactNode) => ReactNode;
     filterItem?: (item: IUser | IUserGroup) => boolean;
 }
-export declare const PanelWrapper: ({ type, value, multiple, dropdownWidth, onChange, onCancel, className, footer, lockedIds, renderItem, renderSelectedTag, filterItem, }: IProps) => React.JSX.Element;
+export declare const PanelWrapper: ({ type, value, multiple, dropdownWidth, onChange, onCancel, className, footer, lockedIds, renderItem, renderSelectedTag, filterItem, }: IProps) => import("react/jsx-runtime").JSX.Element;
 export default PanelWrapper;