@aloudata/aloudata-design 1.4.3 → 1.5.1

package/dist/InputNumber/style/index.less

@@ -102,28 +102,30 @@
     &.ald-input-number-large {
       height: @inputNumber-height-large;
       font-size: @inputNumber-font-size-large;
-      border-radius:  @inputNumber-border-radius-large ;
+      border-radius: @inputNumber-border-radius-large;
 
       .ant-input-number-input {
         padding: @inputNumber-padding-large;
       }
 
       .ant-input-number-handler-wrap {
-        border-radius: 0 @inputNumber-border-radius-large @inputNumber-border-radius-large 0;
+        border-radius: 0 @inputNumber-border-radius-large
+          @inputNumber-border-radius-large 0;
       }
     }
 
     &.ald-input-number-middle {
       height: @inputNumber-height-middle;
       font-size: @inputNumber-font-size-middle;
-      border-radius:  @inputNumber-border-radius-middle ;
+      border-radius: @inputNumber-border-radius-middle;
 
       .ant-input-number-input {
         padding: @inputNumber-padding-middle;
       }
 
       .ant-input-number-handler-wrap {
-        border-radius: 0 @inputNumber-border-radius-middle @inputNumber-border-radius-middle 0;
+        border-radius: 0 @inputNumber-border-radius-middle
+          @inputNumber-border-radius-middle 0;
       }
     }
 
@@ -137,7 +139,8 @@
       }
 
       .ant-input-number-handler-wrap {
-        border-radius: 0 @inputNumber-border-radius-small+1 @inputNumber-border-radius-small+1 0;
+        border-radius: 0 @inputNumber-border-radius-small+1
+          @inputNumber-border-radius-small+1 0;
       }
     }
 
@@ -146,7 +149,7 @@
       background-color: @inputNumber-disabled-bg-color;
       border-color: @inputNumber-disabled-border-color;
       cursor: initial;
-      
+
       .ant-input-number-input-wrap .ant-input-number-input {
         cursor: initial;
         color: @inputNumber-disabled-color;
@@ -158,7 +161,7 @@
     &-focused {
       background-color: @inputNumber-active-bg-color;
       border-color: @inputNumber-active-border-color;
-      box-shadow:none;
+      box-shadow: none;
     }
   }
 
@@ -179,11 +182,13 @@
         padding: 0 14px;
 
         &:first-child {
-          border-radius: @inputNumber-border-radius-large 0 0 @inputNumber-border-radius-large;
+          border-radius: @inputNumber-border-radius-large 0 0
+            @inputNumber-border-radius-large;
         }
 
         &:last-child {
-          border-radius: 0 @inputNumber-border-radius-large @inputNumber-border-radius-large 0;
+          border-radius: 0 @inputNumber-border-radius-large
+            @inputNumber-border-radius-large 0;
         }
 
         & + .ant-input-number {
@@ -201,11 +206,13 @@
         padding: 0 12px;
 
         &:first-child {
-          border-radius: @inputNumber-border-radius-middle 0 0 @inputNumber-border-radius-middle;
+          border-radius: @inputNumber-border-radius-middle 0 0
+            @inputNumber-border-radius-middle;
         }
 
         &:last-child {
-          border-radius: 0 @inputNumber-border-radius-middle @inputNumber-border-radius-middle 0;
+          border-radius: 0 @inputNumber-border-radius-middle
+            @inputNumber-border-radius-middle 0;
         }
       }
     }
@@ -219,11 +226,13 @@
         padding: 0 10px;
 
         &:first-child {
-          border-radius: @inputNumber-border-radius-small 0 0 @inputNumber-border-radius-small;
+          border-radius: @inputNumber-border-radius-small 0 0
+            @inputNumber-border-radius-small;
         }
 
         &:last-child {
-          border-radius: 0 @inputNumber-border-radius-small @inputNumber-border-radius-small 0;
+          border-radius: 0 @inputNumber-border-radius-small
+            @inputNumber-border-radius-small 0;
         }
       }
     }
@@ -267,3 +276,9 @@
     }
   }
 }
+
+.ant-input-number-status-error:not(.ant-input-number-disabled):not(
+    .ant-input-number-borderless
+  ).ant-input-number.ant-input-number {
+  border-color: @error-color;
+}

package/dist/MemberPicker/assets/default_user_photo.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g id="&#233;&#187;&#152;&#232;&#174;&#164;&#229;&#164;&#180;&#229;&#131;&#143;">
+  <circle id="Icon" cx="10" cy="10" r="10" fill="#F3E6F6"/>
+  <path id="Icon_2" fill-rule="evenodd" clip-rule="evenodd" d="M12.5983 9.15803C12.9417 8.64413 13.125 8.03994 13.125 7.42187C13.125 6.59307 12.7957 5.79822 12.2097 5.21217C11.6236 4.62612 10.8288 4.29688 9.99998 4.29688C9.38192 4.29688 8.77774 4.48015 8.26384 4.82353C7.74994 5.16691 7.3494 5.65497 7.11288 6.22599C6.87635 6.79701 6.81447 7.42534 6.93505 8.03153C7.05563 8.63772 7.35325 9.19454 7.79029 9.63158C8.22732 10.0686 8.78414 10.3662 9.39033 10.4868C9.99652 10.6074 10.6248 10.5455 11.1959 10.309C11.7669 10.0725 12.2549 9.67193 12.5983 9.15803ZM10 18.75C12.6771 18.75 15.0735 17.5477 16.6785 15.6536C15.1187 13.6848 12.7069 12.4219 10 12.4219C7.29316 12.4219 4.88129 13.6848 3.32151 15.6536C4.92654 17.5477 7.32287 18.75 10 18.75Z" fill="#9A66A8"/>
+  </g>
+  </svg>
+  

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IUser } from '../interface';
+interface IMemberSelectionProps {
+    className?: string;
+    userList: IUser[];
+    multiple: boolean;
+    onChange: (selected: boolean, user: IUser) => void;
+    selectedUsers: IUser[];
+    onSearchValueChange?: (value: string) => void;
+    loading: boolean;
+}
+export default function MemberSelection(props: IMemberSelectionProps): JSX.Element;
+export {};

package/dist/MemberPicker/components/MemberSelection.js

@@ -0,0 +1,75 @@
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { SearchLine } from '@aloudata/icons-react';
+import classNames from 'classnames';
+import React, { useDeferredValue, useEffect, useState } from 'react';
+import Empty from "../../Empty";
+import Input from "../../Input";
+import ScrollArea from "../../ScrollArea";
+import Spin from "../../Spin";
+import MultipleOption from "./MultipleOption";
+import SingleOption from "./SingleOption";
+export default function MemberSelection(props) {
+  var className = props.className,
+      userList = props.userList,
+      multiple = props.multiple,
+      onChange = props.onChange,
+      selectedUsers = props.selectedUsers,
+      onSearchValueChange = props.onSearchValueChange,
+      loading = props.loading;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      searchValue = _useState2[0],
+      setSearchValue = _useState2[1];
+
+  var deferredSearchValue = useDeferredValue(searchValue);
+  useEffect(function () {
+    onSearchValueChange === null || onSearchValueChange === void 0 ? void 0 : onSearchValueChange(deferredSearchValue);
+  }, [deferredSearchValue, onSearchValueChange]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(className, 'ald-member-picker-member-list-wrap')
+  }, /*#__PURE__*/React.createElement(Input, {
+    prefix: /*#__PURE__*/React.createElement(SearchLine, null),
+    className: 'ald-member-picker-search-input',
+    onChange: function onChange(e) {
+      setSearchValue(e.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(Spin, {
+    tip: "Loading",
+    spinning: loading,
+    size: "small"
+  }, userList.length === 0 ? /*#__PURE__*/React.createElement(Empty, {
+    title: "\u65E0\u6570\u636E",
+    size: "small",
+    image: Empty.PRESENTED_IMAGE_SEARCH
+  }) : /*#__PURE__*/React.createElement(ScrollArea, {
+    className: 'ald-member-picker-member-list',
+    innerClassName: "ald-member-picker-member-scroll"
+  }, userList.map(function (user) {
+    var isSelected = selectedUsers.some(function (selectedUser) {
+      return selectedUser.userId === user.userId;
+    });
+    return multiple ? /*#__PURE__*/React.createElement(MultipleOption, {
+      key: user.userId,
+      user: user,
+      selected: isSelected,
+      onChange: onChange
+    }) : /*#__PURE__*/React.createElement(SingleOption, {
+      key: user.userId,
+      user: user,
+      selected: isSelected,
+      onChange: onChange
+    });
+  }))));
+}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IUser } from '../interface';
+interface IMultipleOptionProps {
+    selected: boolean;
+    disabled?: boolean;
+    user: IUser;
+    onChange?: (selected: boolean, user: IUser) => void;
+    className?: string;
+}
+export default function MultipleList(params: IMultipleOptionProps): JSX.Element;
+export {};

package/dist/MemberPicker/components/MultipleOption.js

@@ -0,0 +1,27 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import classnames from 'classnames';
+import React from 'react';
+import Checkbox from "../../Checkbox";
+import NickLabel from "./NickLabel";
+export default function MultipleList(params) {
+  var disabled = params.disabled,
+      user = params.user,
+      selected = params.selected,
+      onChange = params.onChange,
+      className = params.className;
+
+  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-optionDisabled', disabled)),
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    className: 'ald-member-picker-checkbox',
+    checked: selected,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement(NickLabel, user));
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface INickLabelProps {
+    nickname?: string;
+    userId: string;
+    src?: string;
+}
+declare const _default: React.NamedExoticComponent<INickLabelProps>;
+export default _default;

package/dist/MemberPicker/components/NickLabel.js

@@ -0,0 +1,21 @@
+import React, { memo } from 'react';
+import Avatar from "../../Avatar";
+
+var NickLabel = function NickLabel(_ref) {
+  var src = _ref.src,
+      nickname = _ref.nickname,
+      userId = _ref.userId;
+  var innerName = nickname || userId;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "ald-member-picker-nick-label"
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    key: innerName,
+    src: src,
+    alt: innerName,
+    size: 20
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "ald-member-picker-nick-label-name"
+  }, innerName));
+};
+
+export default /*#__PURE__*/memo(NickLabel);

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { IUser } from '../interface';
+interface IPanelProps {
+    multiple?: boolean;
+    onChange?: (value: IUser[]) => void;
+    dropdownWidth?: number;
+    value?: IUser[] | IUser;
+    userList: IUser[];
+    onSearchValueChange?: (value: string) => void;
+    onCancel?: () => void;
+    loading: boolean;
+}
+export default function Panel(props: IPanelProps): JSX.Element;
+export {};

package/dist/MemberPicker/components/Panel.js

@@ -0,0 +1,118 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import classNames from 'classnames';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import MemberSelection from "./MemberSelection";
+import SelectedMemberTags from "./SelectedMemberTags";
+import SelectorFooter from "./SelectorFooter";
+export default function Panel(props) {
+  var _classNames;
+
+  var multiple = props.multiple,
+      dropdownWidth = props.dropdownWidth,
+      value = props.value,
+      onChange = props.onChange,
+      userList = props.userList,
+      onSearchValueChange = props.onSearchValueChange;
+
+  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 item.userId !== user.userId;
+        }));
+      }
+    } 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 item.userId !== user.userId;
+    }));
+  }, [selectedUsers]);
+  var panelWidth = useMemo(function () {
+    if (dropdownWidth) {
+      return dropdownWidth;
+    } else if (multiple) {
+      return 480;
+    } else {
+      return 160;
+    }
+  }, [dropdownWidth, multiple]);
+  var onOk = useCallback(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange(selectedUsers);
+  }, [onChange, selectedUsers]);
+  useEffect(function () {
+    if (value) {
+      if (Array.isArray(value)) {
+        setSelected(value);
+      } else {
+        setSelected([value]);
+      }
+    }
+  }, [setSelected, value]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('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(MemberSelection, {
+    className: 'ald-member-picker-memberSelection',
+    userList: userList,
+    selectedUsers: selectedUsers,
+    onChange: onSelectionChange,
+    onSearchValueChange: onSearchValueChange,
+    multiple: multiple,
+    loading: props.loading
+  }), /*#__PURE__*/React.createElement(SelectedMemberTags, {
+    className: 'ald-member-picker-selected-member-tags',
+    selectedUsers: selectedUsers,
+    onRemove: onRemove
+  }), /*#__PURE__*/React.createElement(SelectorFooter, {
+    className: 'ald-member-picker-selector-footer',
+    onCancel: props.onCancel,
+    onOk: onOk
+  })) : /*#__PURE__*/React.createElement(MemberSelection, {
+    className: 'ald-member-picker-memberSelection',
+    userList: userList,
+    onChange: onSelectionChange,
+    selectedUsers: selectedUsers,
+    onSearchValueChange: onSearchValueChange,
+    multiple: false && multiple,
+    loading: props.loading
+  }));
+}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IUser } from '../interface';
+interface ISelectedMemberTagsProps {
+    className?: string;
+    selectedUsers: IUser[];
+    onRemove?: (user: IUser) => void;
+}
+export default function SelectedMemberTags(props: ISelectedMemberTagsProps): JSX.Element;
+export {};

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -0,0 +1,29 @@
+import { CloseMLine } from '@aloudata/icons-react';
+import classNames from 'classnames';
+import React from 'react';
+import NickLabel from "./NickLabel";
+export default function SelectedMemberTags(props) {
+  var className = props.className,
+      selectedUsers = props.selectedUsers;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(className, 'ald-member-picker-selected-member-tags-wrap')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'ald-member-picker-has-selected'
+  }, "\u5DF2\u9009 ", selectedUsers.length), /*#__PURE__*/React.createElement("div", {
+    className: 'ald-member-picker-tags'
+  }, selectedUsers.map(function (user) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: 'ald-member-picker-selected-member-tag',
+      key: user.userId
+    }, /*#__PURE__*/React.createElement(NickLabel, user), /*#__PURE__*/React.createElement(CloseMLine, {
+      size: 20,
+      className: 'ald-member-picker-close',
+      fill: "#98A2B3",
+      onClick: function onClick() {
+        var _props$onRemove;
+
+        (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, user);
+      }
+    }));
+  })));
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface ISelectorFooterProps {
+    className?: string;
+    onOk?: () => void;
+    onCancel?: () => void;
+}
+export default function SelectorFooter(props: ISelectorFooterProps): JSX.Element;
+export {};

package/dist/MemberPicker/components/SelectorFooter.js

@@ -0,0 +1,15 @@
+import { Button } from "../..";
+import classNames from 'classnames';
+import React from 'react';
+export default function SelectorFooter(props) {
+  var className = props.className;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(className, 'ald-member-picker-footer')
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: props.onCancel,
+    type: "secondary"
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    onClick: props.onOk,
+    type: "primary"
+  }, "\u786E\u8BA4"));
+}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IUser } from '../interface';
+interface ISelectProps {
+    selected: boolean;
+    user: IUser;
+    onChange: (selected: boolean, user: IUser) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export default function SingleOption(params: ISelectProps): JSX.Element;
+export {};

package/dist/MemberPicker/components/SingleOption.js

@@ -0,0 +1,23 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import classnames from 'classnames';
+import React from 'react';
+import NickLabel from "./NickLabel";
+export default function SingleOption(params) {
+  var disabled = params.disabled,
+      selected = params.selected,
+      user = params.user,
+      _params$onChange = params.onChange,
+      onChange = _params$onChange === void 0 ? function () {} : _params$onChange,
+      className = params.className;
+
+  var onClick = function onClick() {
+    if (disabled) return;
+    onChange(!selected, user);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('ald-member-picker-option', className, 'ald-member-picker-singleOption', _defineProperty({}, 'ald-member-picker-single-option-selected', selected)),
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(NickLabel, user));
+}

package/dist/MemberPicker/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IMemberPickerProps } from './interface';
+declare const MemberSelector: React.FC<IMemberPickerProps>;
+export default MemberSelector;