@aloudata/aloudata-design 2.15.12 → 2.15.13

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

@@ -9,6 +9,7 @@ interface IMemberSelectionProps {
     onSearchValueChange?: (value: string) => void;
     loading: boolean;
     width: number;
+    filterItem?: (item: IUser) => boolean;
     lockedIds: Array<TUserValue | TUserGroupValue>;
 }
 export declare const OPTION_HEIGHT = 36;

package/dist/MemberPicker/components/MemberSelection.js

@@ -7,7 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useVirtualizer } from '@tanstack/react-virtual';
 import classNames from 'classnames';
 import _ from 'lodash';
-import React, { useContext, useDeferredValue, useEffect, useState } from 'react';
+import React, { useContext, useDeferredValue, useEffect, useMemo, useState } from 'react';
 import Empty from "../../Empty";
 import { SearchLine } from "../../Icon";
 import Input from "../../Input";
@@ -30,12 +30,21 @@ export default function MemberSelection(props) {
     onSearchValueChange = props.onSearchValueChange,
     loading = props.loading,
     width = props.width,
-    lockedIds = props.lockedIds;
+    lockedIds = props.lockedIds,
+    filterItem = props.filterItem;
+  var filteredList = useMemo(function () {
+    return userList.filter(function (item) {
+      if (filterItem) {
+        return filterItem(item);
+      }
+      return true;
+    });
+  }, [userList, filterItem]);
   var parentRef = React.useRef(null);
 
   // The virtualizer
   var rowVirtualizer = useVirtualizer({
-    count: userList.length,
+    count: filteredList.length,
     getScrollElement: function getScrollElement() {
       return parentRef.current;
     },
@@ -66,7 +75,7 @@ export default function MemberSelection(props) {
     onChange: function onChange(e) {
       setSearchValue(e.target.value);
     }
-  }), userList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
+  }), filteredList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
     title: t.MemberPicker.noData,
     size: "small",
     image: Empty.PRESENTED_IMAGE_SEARCH,
@@ -84,7 +93,7 @@ export default function MemberSelection(props) {
       overflowX: 'hidden'
     },
     className: classNames('ald-member-picker-member-list', {
-      'ald-member-picker-member-list-null': userList.length === 0 && !loading
+      'ald-member-picker-member-list-null': filteredList.length === 0 && !loading
     })
     // innerClassName="ald-member-picker-member-scroll"
   }, /*#__PURE__*/React.createElement("div", {
@@ -96,7 +105,7 @@ export default function MemberSelection(props) {
       height: "".concat(rowVirtualizer.getTotalSize(), "px")
     }
   }, rowVirtualizer.getVirtualItems().map(function (virtualItem) {
-    var user = userList[virtualItem.index];
+    var user = filteredList[virtualItem.index];
     var isSelected = selectedUsers.some(function (selectedUser) {
       return selectedUser.userId === user.userId;
     });

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

@@ -10,6 +10,7 @@ interface IProps {
     onSearchValueChange?: (value: string) => void;
     width: number;
     lockedIds: Array<TUserValue | TUserGroupValue>;
+    filterItem?: (item: IUserGroup) => boolean;
 }
-declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, width, lockedIds, }: IProps) => React.JSX.Element;
+declare const UserGroupSelection: ({ className, userGroupList, multiple, onChange, selectedUsersGroup: selectedUsersGroups, loading, width, lockedIds, filterItem, }: IProps) => React.JSX.Element;
 export default UserGroupSelection;

package/dist/MemberPicker/components/UserGroupSelection.js

@@ -34,7 +34,8 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
     selectedUsersGroups = _ref.selectedUsersGroup,
     loading = _ref.loading,
     width = _ref.width,
-    lockedIds = _ref.lockedIds;
+    lockedIds = _ref.lockedIds,
+    filterItem = _ref.filterItem;
   var _useContext = useContext(LocaleContext),
     locale = _useContext.locale;
   var t = getTranslator(locale);
@@ -85,7 +86,12 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
   })), [userGroupList, groupPath, searchKey, getNextLevelGroup]);
   useEffect(function () {
     getFilterUserList().then(function (userGroups) {
-      setFilterUserList(userGroups);
+      setFilterUserList(userGroups.filter(function (userGroup) {
+        if (filterItem) {
+          return filterItem(userGroup);
+        }
+        return true;
+      }));
     });
   }, [getFilterUserList]);
   return /*#__PURE__*/React.createElement("div", {

package/dist/MemberPicker/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["value", "type", "onChange", "multiple", "dropdownWidth", "open", "onOpenChange", "placeholder", "className", "allowClear", "disabled", "onClear", "size", "prefix", "lockedIds", "footer", "onCancel"];
+var _excluded = ["value", "type", "onChange", "multiple", "dropdownWidth", "open", "onOpenChange", "placeholder", "className", "allowClear", "disabled", "onClear", "size", "prefix", "lockedIds", "footer", "onCancel", "filterItem"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -53,6 +53,7 @@ var Component = function Component(props) {
     lockedIds = _props$lockedIds === void 0 ? [] : _props$lockedIds,
     footer = props.footer,
     _onCancel = props.onCancel,
+    filterItem = props.filterItem,
     restProps = _objectWithoutProperties(props, _excluded);
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
     getUsersByIds = _ConfigProvider$useGe.getUsersByIds,
@@ -129,6 +130,11 @@ var Component = function Component(props) {
     return _.uniqBy(totalUsers, function (data) {
       if (data.type === EUserType.USER) return data.userId;
       return data.groupId;
+    }).filter(function (item) {
+      if (filterItem) {
+        return filterItem(item);
+      }
+      return true;
     });
   }, [searchString, searchUserList, selectedUserList]);
   useEffect(function () {

package/dist/MemberPicker/interface.d.ts

@@ -20,6 +20,7 @@ export interface IBaseMemberSelectorProps extends Omit<ISelectProps, 'type'> {
     lockedIds?: Array<TUserValue | TUserGroupValue>;
     footer?: ReactNode;
     onCancel?: () => void;
+    filterItem?: (item: IUser | IUserGroup) => boolean;
 }
 export interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {
     multiple: true | Mode;