@pnp/spfx-controls-react 3.20.0-beta.1140273 → 3.20.0-beta.1140290

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.20.0-beta.1140273";
+export var version = "3.20.0-beta.1140290";
 //# sourceMappingURL=version.js.map

package/lib/controls/userPicker/IUserPickerProps.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { PositioningShorthand } from '@fluentui/react-positioning';
+import { BaseComponentContext, IReadonlyTheme } from '@microsoft/sp-component-base';
+import { IUserInfo } from './models/IUserInfo';
+export interface IUserPickerProps {
+    userSelectionLimit?: number;
+    label?: string | JSX.Element;
+    required?: boolean;
+    validationMessage?: string;
+    messageType?: "error" | "success" | "warning" | "none" | undefined;
+    onSelectedUsers?: (users: IUserInfo[]) => void;
+    onRemoveSelectedUser?: (user: IUserInfo) => void;
+    placeholder?: string;
+    defaultSelectdUsers?: IUserInfo[];
+    theme?: IReadonlyTheme | undefined;
+    context: BaseComponentContext;
+    secondaryTextPropertyName?: "jobTitle" | "department" | "mail" | "officeLocation" | "mobilePhone" | "businessPhones" | "userPrincipalName";
+    positioning?: PositioningShorthand;
+}
+//# sourceMappingURL=IUserPickerProps.d.ts.map

package/lib/controls/userPicker/IUserPickerProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IUserPickerProps.d.ts","sourceRoot":"","sources":["../../../src/controls/userPicker/IUserPickerProps.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EACL,oBAAoB,EACpB,cAAc,EACf,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACnE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC/C,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,SAAS,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACnC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,yBAAyB,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,gBAAgB,GAAG,aAAa,GAAG,gBAAgB,GAAG,mBAAmB,CAAG;IAC7I,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACpC"}

package/lib/controls/userPicker/IUserPickerProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IUserPickerProps.js.map

package/lib/controls/userPicker/IUserPickerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IUserPickerProps.js","sourceRoot":"","sources":["../../../src/controls/userPicker/IUserPickerProps.ts"],"names":[],"mappings":""}

package/lib/controls/userPicker/PopUpMenu.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface IPopUpMenuProps {
+    isOpen: boolean;
+    searchValue: string;
+    onDismiss: (open?: boolean) => void;
+    containerRef: React.MutableRefObject<HTMLDivElement>;
+    secondaryTextPropertyName?: "jobTitle" | "department" | "mail" | "officeLocation" | "mobilePhone" | "businessPhones" | "userPrincipalName";
+}
+export declare const PopUpMenu: (props: IPopUpMenuProps) => JSX.Element;
+export {};
+//# sourceMappingURL=PopUpMenu.d.ts.map

package/lib/controls/userPicker/PopUpMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopUpMenu.d.ts","sourceRoot":"","sources":["../../../src/controls/userPicker/PopUpMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAErD,yBAAyB,CAAC,EACtB,UAAU,GACV,YAAY,GACZ,MAAM,GACN,gBAAgB,GAChB,aAAa,GACb,gBAAgB,GAChB,mBAAmB,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,UAAW,eAAe,KAAG,WA4ElD,CAAC"}

package/lib/controls/userPicker/PopUpMenu.js

@@ -0,0 +1,141 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+/* eslint-disable @typescript-eslint/no-floating-promises */
+import * as React from "react";
+import { useAtom } from "jotai";
+import { pullAllBy } from "lodash";
+import { Card, Spinner, } from "@fluentui/react-components";
+import { globalState } from "./atoms/globalState";
+import { EMessageType } from "./constants/EMessageTypes";
+import { useGraphUserAPI } from "./hooks/useGraphUserAPI";
+import { useOnClickOutside } from "./hooks/useOnClickOutside";
+import { ShowMessage } from "./showMessage/ShowMessage";
+import { NoUser } from "./userCard/NoUser";
+import { UserCard } from "./userCard/UserCard";
+import { useUserPickerStyles } from "./useUserPickerStyles";
+export var PopUpMenu = function (props) {
+    var searchValue = props.searchValue, isOpen = props.isOpen, onDismiss = props.onDismiss, containerRef = props.containerRef, secondaryTextPropertyName = props.secondaryTextPropertyName;
+    var _a = useAtom(globalState), appGlobalState = _a[0], setAppGlobalState = _a[1];
+    var context = appGlobalState.context, selectedUsers = appGlobalState.selectedUsers;
+    var _b = React.useState([]), renderUsers = _b[0], setRenderUsers = _b[1];
+    var getUserByName = useGraphUserAPI(context).getUserByName;
+    var styles = useUserPickerStyles();
+    var _c = React.useState(true), isLoading = _c[0], setIsLoading = _c[1];
+    var _d = React.useState(undefined), error = _d[0], setError = _d[1];
+    var _e = React.useState(false), isSearching = _e[0], setIsSearching = _e[1];
+    useOnClickOutside(true, containerRef, function () { return onDismiss(false); });
+    var onSelected = React.useCallback(function (user) {
+        setAppGlobalState(__assign(__assign({}, appGlobalState), { selectedUsers: __spreadArray(__spreadArray([], selectedUsers, true), [user], false) }));
+        onDismiss(false);
+    }, []);
+    var RenderUsers = React.useCallback(function () {
+        if (error)
+            return React.createElement(ShowMessage, { messageType: EMessageType.ERROR, message: error.message });
+        if (!isLoading && !error)
+            return React.createElement("div", { className: styles.usersContainer }, renderUsers);
+        return React.createElement(React.Fragment, null);
+    }, [isLoading, error, renderUsers, styles.usersContainer]);
+    React.useEffect(function () {
+        if (searchValue.length < 2)
+            return;
+        if (isSearching)
+            return;
+        setIsSearching(true);
+        setTimeout(function () { return __awaiter(void 0, void 0, void 0, function () {
+            var users, usersToRender, removeSelectedUsers, _i, removeSelectedUsers_1, user, error_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 2, 3, 4]);
+                        setIsLoading(true);
+                        return [4 /*yield*/, getUserByName(searchValue)];
+                    case 1:
+                        users = (_a = (_c.sent())) !== null && _a !== void 0 ? _a : [];
+                        usersToRender = [];
+                        removeSelectedUsers = pullAllBy(users, selectedUsers, "mail");
+                        for (_i = 0, removeSelectedUsers_1 = removeSelectedUsers; _i < removeSelectedUsers_1.length; _i++) {
+                            user = removeSelectedUsers_1[_i];
+                            usersToRender.push(React.createElement(React.Fragment, null,
+                                React.createElement(UserCard, { userId: (_b = user.mail) !== null && _b !== void 0 ? _b : "", showOverCard: false, onSelected: onSelected, className: styles.userCardStyles, secondaryTextPropertyName: secondaryTextPropertyName })));
+                        }
+                        if (usersToRender.length === 0) {
+                            usersToRender.push(React.createElement(React.Fragment, null,
+                                React.createElement(NoUser, null)));
+                        }
+                        setRenderUsers(usersToRender);
+                        setIsSearching(false);
+                        return [3 /*break*/, 4];
+                    case 2:
+                        error_1 = _c.sent();
+                        setError(error_1);
+                        console.log(error_1);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        setIsLoading(false);
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); }, 500);
+    }, [searchValue, selectedUsers, getUserByName, onSelected, secondaryTextPropertyName]);
+    if (!isOpen)
+        return React.createElement(React.Fragment, null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Card, { ref: containerRef, className: styles.popupContainer }, isLoading && !error ? React.createElement(Spinner, { size: "small" }) : React.createElement(RenderUsers, null))));
+};
+//# sourceMappingURL=PopUpMenu.js.map

package/lib/controls/userPicker/PopUpMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopUpMenu.js","sourceRoot":"","sources":["../../../src/controls/userPicker/PopUpMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA4D;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EACL,IAAI,EACJ,OAAO,GACR,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAkB5D,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAsB;IACtC,IAAA,WAAW,GAAiE,KAAK,YAAtE,EAAE,MAAM,GAAyD,KAAK,OAA9D,EAAE,SAAS,GAA8C,KAAK,UAAnD,EAAE,YAAY,GAAgC,KAAK,aAArC,EAAG,yBAAyB,GAAI,KAAK,0BAAT,CAAU;IACpF,IAAA,KAAsC,OAAO,CAAC,WAAW,CAAC,EAAzD,cAAc,QAAA,EAAE,iBAAiB,QAAwB,CAAC;IACzD,IAAA,OAAO,GAAoB,cAAc,QAAlC,EAAE,aAAa,GAAK,cAAc,cAAnB,CAAoB;IAC5C,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAgB,EAAE,CAAC,EAAhE,WAAW,QAAA,EAAE,cAAc,QAAqC,CAAC;IAChE,IAAA,aAAa,GAAK,eAAe,CAAC,OAAO,CAAC,cAA7B,CAA8B;IACnD,IAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;IAC/B,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,EAAxD,SAAS,QAAA,EAAE,YAAY,QAAiC,CAAC;IAC1D,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAoB,SAAS,CAAC,EAA/D,KAAK,QAAA,EAAE,QAAQ,QAAgD,CAAC;IACjE,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAC;IACrE,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,CAAC,CAAC;IAE9D,IAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,IAAe;QACnD,iBAAiB,uBAAM,cAAc,KAAE,aAAa,kCAAM,aAAa,UAAE,IAAI,aAAI,CAAC;QAClF,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;QAEpC,IAAI,KAAK;YAAE,OAAO,oBAAC,WAAW,IAAC,WAAW,EAAE,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;QAC3F,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK;YAAE,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,IAAG,WAAW,CAAO,CAAC;QAC5F,OAAO,yCAAK,CAAC;IACf,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;IAE3D,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO;QACnC,IAAI,WAAW;YAAE,OAAO;QACxB,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,UAAU,CAAC;;;;;;;wBAEP,YAAY,CAAC,IAAI,CAAC,CAAC;wBACK,qBAAM,aAAa,CAAC,WAAW,CAAC,EAAA;;wBAAlD,KAAK,GAAY,MAAA,CAAC,SAAgC,CAAC,mCAAI,EAAE;wBACzD,aAAa,GAAkB,EAAE,CAAC;wBAClC,mBAAmB,GAAG,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;wBAEpE,WAAsC,EAAnB,2CAAmB,EAAnB,iCAAmB,EAAnB,IAAmB,EAAE;4BAA7B,IAAI;4BACb,aAAa,CAAC,IAAI,CAChB;gCACE,oBAAC,QAAQ,IACP,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,EACvB,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,yBAAyB,EAAE,yBAAyB,GACpD,CACD,CACJ,CAAC;yBACH;wBACD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;4BAC9B,aAAa,CAAC,IAAI,CAChB;gCACE,oBAAC,MAAM,OAAG,CACT,CACJ,CAAC;yBACH;wBACD,cAAc,CAAC,aAAa,CAAC,CAAC;wBAC9B,cAAc,CAAC,KAAK,CAAC,CAAC;;;;wBAEtB,QAAQ,CAAC,OAAK,CAAC,CAAC;wBAChB,OAAO,CAAC,GAAG,CAAC,OAAK,CAAC,CAAC;;;wBAEnB,YAAY,CAAC,KAAK,CAAC,CAAC;;;;;aAEvB,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAEvF,IAAI,CAAC,MAAM;QAAE,OAAO,yCAAK,CAAC;IAC1B,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,IAErD,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,CAE7D,CACN,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/controls/userPicker/User.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface IUserProps {
+    userId: string;
+    onRemove?: (userId: string) => void;
+    secondaryTextPropertyName?: "jobTitle" | "department" | "mail" | "officeLocation" | "mobilePhone" | "businessPhones" | "userPrincipalName";
+}
+export declare const User: React.FunctionComponent<IUserProps>;
+//# sourceMappingURL=User.d.ts.map

package/lib/controls/userPicker/User.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../../src/controls/userPicker/User.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,yBAAyB,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,gBAAgB,GAAG,aAAa,GAAG,gBAAgB,GAAG,mBAAmB,CAAG;CAC9I;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAsBpD,CAAC"}

package/lib/controls/userPicker/User.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Button } from '@fluentui/react-components';
+import { Dismiss16Regular } from '@fluentui/react-icons';
+import { UserCard } from './userCard/UserCard';
+import { useUserPickerStyles } from './useUserPickerStyles';
+export var User = function (props) {
+    var userId = props.userId, onRemove = props.onRemove, secondaryTextPropertyName = props.secondaryTextPropertyName;
+    var styles = useUserPickerStyles();
+    var onClick = React.useCallback(function () {
+        if (onRemove)
+            onRemove(userId);
+    }, [userId]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles.userItem },
+            React.createElement(UserCard, { userId: userId, showOverCard: true, secondaryTextPropertyName: secondaryTextPropertyName }),
+            React.createElement(Button, { shape: "circular", className: styles.userItemCloseButton, appearance: "transparent", icon: React.createElement(Dismiss16Regular, null), onClick: onClick }))));
+};
+//# sourceMappingURL=User.js.map

package/lib/controls/userPicker/User.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.js","sourceRoot":"","sources":["../../../src/controls/userPicker/User.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,MAAM,CAAC,IAAM,IAAI,GAAwC,UAAC,KAA0C;IAC1F,IAAA,MAAM,GAA0C,KAAK,OAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,yBAAyB,GAAK,KAAK,0BAAV,CAAW;IAC9D,IAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;IAErC,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChC,IAAI,QAAQ;YAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ;YAC7B,oBAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,yBAAyB,EAAE,yBAAyB,GAAG;YACrG,oBAAC,MAAM,IACL,KAAK,EAAC,UAAU,EAChB,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,UAAU,EAAC,aAAa,EACxB,IAAI,EAAE,oBAAC,gBAAgB,OAAG,EAC1B,OAAO,EAAE,OAAO,GAChB,CACE,CACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/controls/userPicker/UserPicker.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IUserPickerProps } from "./IUserPickerProps";
+export declare const UserPicker: React.FunctionComponent<IUserPickerProps>;
+//# sourceMappingURL=UserPicker.d.ts.map

package/lib/controls/userPicker/UserPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPicker.d.ts","sourceRoot":"","sources":["../../../src/controls/userPicker/UserPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAgDhE,CAAC"}

package/lib/controls/userPicker/UserPicker.js

@@ -0,0 +1,107 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+/* eslint-disable @typescript-eslint/no-floating-promises */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import * as React from "react";
+import { Provider } from "jotai";
+import { has } from "lodash";
+import { FluentProvider, IdPrefixProvider, teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, } from "@fluentui/react-components";
+import { createV9Theme } from "@fluentui/react-migration-v8-v9";
+import { useTheme } from "@fluentui/react-theme-provider";
+import { UserPickerControl } from "./UserPickerControl";
+export var UserPicker = function (props) {
+    var themeV8 = props.theme, context = props.context;
+    var _a = React.useState(), theme = _a[0], setTheme = _a[1];
+    var currentSPTheme = useTheme();
+    var _b = React.useState(false), isInitialized = _b[0], setIsInitialized = _b[1];
+    React.useEffect(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var teamsContext, teamsTheme;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!has(context, "sdks.microsoftTeams.teamsJs.app.getContext")) return [3 /*break*/, 2];
+                        return [4 /*yield*/, ((_a = context.sdks.microsoftTeams) === null || _a === void 0 ? void 0 : _a.teamsJs.app.getContext())];
+                    case 1:
+                        teamsContext = _b.sent();
+                        teamsTheme = teamsContext.app.theme || "default";
+                        switch (teamsTheme) {
+                            case "dark":
+                                setTheme(teamsDarkTheme);
+                                break;
+                            case "contrast":
+                                setTheme(teamsHighContrastTheme);
+                                break;
+                            case "default":
+                                setTheme(teamsLightTheme);
+                                break;
+                            default:
+                                setTheme(teamsLightTheme);
+                                break;
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        setTheme(createV9Theme(currentSPTheme));
+                        _b.label = 3;
+                    case 3:
+                        setIsInitialized(true);
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [context, currentSPTheme]);
+    if (!isInitialized)
+        return React.createElement(React.Fragment, null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(IdPrefixProvider, { value: "userPicker-" },
+            React.createElement(FluentProvider, { theme: theme },
+                React.createElement(Provider, null,
+                    React.createElement(UserPickerControl, __assign({}, props)))))));
+};
+//# sourceMappingURL=UserPicker.js.map

package/lib/controls/userPicker/UserPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPicker.js","sourceRoot":"","sources":["../../../src/controls/userPicker/UserPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA4D;AAC5D,sDAAsD;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,sBAAsB,EACtB,eAAe,GAEhB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAI1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,CAAC,IAAM,UAAU,GAA8C,UACnE,KAAgD;IAExC,IAAO,OAAO,GAAc,KAAK,MAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IACpC,IAAA,KAAoB,KAAK,CAAC,QAAQ,EAAS,EAA1C,KAAK,QAAA,EAAE,QAAQ,QAA2B,CAAC;IAClD,IAAM,cAAc,GAAG,QAAQ,EAAE,CAAC;IAC5B,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,EAAjE,aAAa,QAAA,EAAE,gBAAgB,QAAkC,CAAC;IAGzE,KAAK,CAAC,SAAS,CAAC;QACd,CAAC;;;;;;6BACK,GAAG,CAAC,OAAO,EAAE,4CAA4C,CAAC,EAA1D,wBAA0D;wBACvC,qBAAM,CAAA,MAAC,OAA0B,CAAC,IAAI,CAAC,cAAc,0CAAE,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA,EAAA;;wBAA9F,YAAY,GAAG,SAA+E;wBAC9F,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,KAAK,IAAI,SAAS,CAAC;wBACvD,QAAQ,UAAU,EAAE;4BAClB,KAAK,MAAM;gCACT,QAAQ,CAAC,cAAc,CAAC,CAAC;gCACzB,MAAM;4BACR,KAAK,UAAU;gCACb,QAAQ,CAAC,sBAAsB,CAAC,CAAC;gCACjC,MAAM;4BACR,KAAK,SAAS;gCACZ,QAAQ,CAAC,eAAe,CAAC,CAAC;gCAC1B,MAAM;4BACR;gCACE,QAAQ,CAAC,eAAe,CAAC,CAAC;gCAC1B,MAAM;yBACT;;;wBAED,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;;;wBAE1C,gBAAgB,CAAC,IAAI,CAAC,CAAC;;;;aACxB,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAE9B,IAAI,CAAC,aAAa;QAAE,OAAO,yCAAK,CAAC;IAEjC,OAAO,CACL;QACE,oBAAC,gBAAgB,IAAC,KAAK,EAAC,aAAa;YACrC,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK;gBAC1B,oBAAC,QAAQ;oBACP,oBAAC,iBAAiB,eAAK,KAAK,EAAI,CACvB,CACI,CACE,CAClB,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/controls/userPicker/UserPickerControl.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IUserPickerProps } from './IUserPickerProps';
+export declare const UserPickerControl: React.FunctionComponent<IUserPickerProps>;
+//# sourceMappingURL=UserPickerControl.d.ts.map

package/lib/controls/userPicker/UserPickerControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPickerControl.d.ts","sourceRoot":"","sources":["../../../src/controls/userPicker/UserPickerControl.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAMtD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAwIvE,CAAC"}

package/lib/controls/userPicker/UserPickerControl.js

@@ -0,0 +1,99 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable no-unused-expressions */
+/* eslint-disable @typescript-eslint/no-floating-promises */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { useAtom } from 'jotai';
+import { Field, Input, } from '@fluentui/react-components';
+import { globalState } from './atoms/globalState';
+import { PopUpMenu } from './PopUpMenu';
+import { User } from './User';
+import { useUserPickerPositioning } from './useUserPickerPositioning';
+import { useUserPickerStyles } from './useUserPickerStyles';
+export var UserPickerControl = function (props) {
+    var userSelectionLimit = props.userSelectionLimit, label = props.label, required = props.required, validationMessage = props.validationMessage, messageType = props.messageType, onSelectedUsers = props.onSelectedUsers, onRemoveSelectedUser = props.onRemoveSelectedUser, defaultSelectdUsers = props.defaultSelectdUsers, placeholder = props.placeholder, secondaryTextPropertyName = props.secondaryTextPropertyName;
+    var buttonRef = React.useRef(null);
+    var positioningRef = React.useRef(null);
+    var _a = React.useState(false), open = _a[0], setOpen = _a[1];
+    var _b = useAtom(globalState), appGlobalState = _b[0], setAppGlobalState = _b[1];
+    var selectedUsers = appGlobalState.selectedUsers;
+    var _c = React.useState(""), searchUser = _c[0], setSearchUser = _c[1];
+    /*  const forceUpdate = React.useReducer(() => ({}), {})[1] as () => void; */
+    var _d = useUserPickerPositioning(props), userPickerPopupRef = _d[0], userPickerTargetRef = _d[1];
+    var styles = useUserPickerStyles();
+    React.useEffect(function () {
+        setAppGlobalState(__assign(__assign({}, appGlobalState), props));
+    }, [props]);
+    React.useEffect(function () {
+        var _a;
+        if (buttonRef.current) {
+            (_a = positioningRef.current) === null || _a === void 0 ? void 0 : _a.setTarget(buttonRef.current);
+        }
+    }, [buttonRef, positioningRef]);
+    React.useEffect(function () {
+        if (defaultSelectdUsers) {
+            setAppGlobalState(__assign(__assign({}, appGlobalState), { selectedUsers: defaultSelectdUsers }));
+        }
+    }, []);
+    var hasSelectedUsers = React.useMemo(function () {
+        if (selectedUsers.length > 0) {
+            if (onSelectedUsers)
+                onSelectedUsers(selectedUsers);
+            return true;
+        }
+    }, [selectedUsers]);
+    var showInput = React.useMemo(function () {
+        return userSelectionLimit ? selectedUsers.length < userSelectionLimit : true;
+    }, [selectedUsers, userSelectionLimit]);
+    var onRemove = React.useCallback(function (userId) {
+        var newUsers = selectedUsers.filter(function (user) { return user.mail !== userId; });
+        var removedUser = selectedUsers.filter(function (user) { return user.mail === userId; });
+        setAppGlobalState(__assign(__assign({}, appGlobalState), { selectedUsers: newUsers }));
+        onRemoveSelectedUser && onRemoveSelectedUser(removedUser[0]);
+    }, [selectedUsers]);
+    var RenderSelectedUsers = React.useCallback(function () {
+        return (React.createElement(React.Fragment, null, selectedUsers.map(function (user) {
+            var _a;
+            return (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: styles.userItem, key: user.mail },
+                    React.createElement(User, { userId: (_a = user.mail) !== null && _a !== void 0 ? _a : "", onRemove: onRemove, secondaryTextPropertyName: secondaryTextPropertyName }))));
+        })));
+    }, [selectedUsers]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { style: { width: "100%" }, ref: userPickerTargetRef },
+            React.createElement(Field, { label: label, required: required !== null && required !== void 0 ? required : false, validationMessage: validationMessage !== null && validationMessage !== void 0 ? validationMessage : undefined, validationState: messageType },
+                React.createElement("div", { className: styles.selectUserMainContainer },
+                    hasSelectedUsers ? (React.createElement("div", { className: styles.selectedUserContainer },
+                        React.createElement(RenderSelectedUsers, null))) : null,
+                    showInput ? (React.createElement("div", { className: styles.inputContainer },
+                        React.createElement(Input, { value: searchUser, appearance: "underline", style: { borderWidth: 0, width: "100%" }, type: "text", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "Search User", onChange: function (event, data) {
+                                setSearchUser(data.value);
+                                if (data.value.length === 0) {
+                                    setSearchUser("");
+                                    setOpen(false);
+                                }
+                                else {
+                                    if (data.value.length >= 2) {
+                                        setOpen(true);
+                                    }
+                                    else {
+                                        setOpen(false);
+                                    }
+                                }
+                            } }),
+                        open ? (React.createElement(PopUpMenu, { secondaryTextPropertyName: secondaryTextPropertyName, containerRef: userPickerPopupRef, searchValue: searchUser, isOpen: open, onDismiss: function (open) {
+                                setOpen(false);
+                                setSearchUser("");
+                            } })) : null)) : null)))));
+};
+//# sourceMappingURL=UserPickerControl.js.map

package/lib/controls/userPicker/UserPickerControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPickerControl.js","sourceRoot":"","sources":["../../../src/controls/userPicker/UserPickerControl.tsx"],"names":[],"mappings":"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"}

package/lib/controls/userPicker/atoms/globalState.d.ts

@@ -0,0 +1,5 @@
+import { IGlobalState } from "../models/IGlobalState";
+export declare const globalState: import("jotai").PrimitiveAtom<IGlobalState> & {
+    init: IGlobalState;
+};
+//# sourceMappingURL=globalState.d.ts.map

package/lib/controls/userPicker/atoms/globalState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalState.d.ts","sourceRoot":"","sources":["../../../../src/controls/userPicker/atoms/globalState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAKtD,eAAO,MAAM,WAAW;;CAEN,CAAC"}

package/lib/controls/userPicker/atoms/globalState.js

@@ -0,0 +1,6 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+import { atom } from "jotai";
+export var globalState = atom({
+    selectedUsers: [],
+});
+//# sourceMappingURL=globalState.js.map

package/lib/controls/userPicker/atoms/globalState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalState.js","sourceRoot":"","sources":["../../../../src/controls/userPicker/atoms/globalState.ts"],"names":[],"mappings":"AAEA,uDAAuD;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,MAAM,CAAC,IAAM,WAAW,GAAG,IAAI,CAAe;IAC5C,aAAa,EAAE,EAAiB;CACjB,CAAC,CAAC"}

package/lib/controls/userPicker/constants/EAppHostname.d.ts

@@ -0,0 +1,7 @@
+export declare enum EAppHostName {
+    SharePoint = "SharePoint",
+    Teams = "Teams",
+    Outlook = "Outlook",
+    Office = "Office"
+}
+//# sourceMappingURL=EAppHostname.d.ts.map

package/lib/controls/userPicker/constants/EAppHostname.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EAppHostname.d.ts","sourceRoot":"","sources":["../../../../src/controls/userPicker/constants/EAppHostname.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,UAAU,eAAe;IACzB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,MAAM,WAAY;CACnB"}

package/lib/controls/userPicker/constants/EAppHostname.js

@@ -0,0 +1,8 @@
+export var EAppHostName;
+(function (EAppHostName) {
+    EAppHostName["SharePoint"] = "SharePoint";
+    EAppHostName["Teams"] = "Teams";
+    EAppHostName["Outlook"] = "Outlook";
+    EAppHostName["Office"] = "Office";
+})(EAppHostName || (EAppHostName = {}));
+//# sourceMappingURL=EAppHostname.js.map

package/lib/controls/userPicker/constants/EAppHostname.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EAppHostname.js","sourceRoot":"","sources":["../../../../src/controls/userPicker/constants/EAppHostname.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,iCAAkB,CAAA;AACpB,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB"}

package/lib/controls/userPicker/constants/EMessageTypes.d.ts

@@ -0,0 +1,6 @@
+export declare enum EMessageType {
+    INFO = "info",
+    ERROR = "error",
+    SUCCESS = "success"
+}
+//# sourceMappingURL=EMessageTypes.d.ts.map

package/lib/controls/userPicker/constants/EMessageTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EMessageTypes.d.ts","sourceRoot":"","sources":["../../../../src/controls/userPicker/constants/EMessageTypes.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACpB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,OAAO,YAAY;CACtB"}

package/lib/controls/userPicker/constants/EMessageTypes.js

@@ -0,0 +1,7 @@
+export var EMessageType;
+(function (EMessageType) {
+    EMessageType["INFO"] = "info";
+    EMessageType["ERROR"] = "error";
+    EMessageType["SUCCESS"] = "success";
+})(EMessageType || (EMessageType = {}));
+//# sourceMappingURL=EMessageTypes.js.map

package/lib/controls/userPicker/constants/EMessageTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EMessageTypes.js","sourceRoot":"","sources":["../../../../src/controls/userPicker/constants/EMessageTypes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,mCAAmB,CAAA;AACvB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB"}

package/lib/controls/userPicker/constants/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_AWARD_IMAGE = "https://www.watermillaccounting.co.uk/wp-content/uploads/2016/10/awards.jpeg";
+//# sourceMappingURL=constants.d.ts.map

package/lib/controls/userPicker/constants/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/controls/userPicker/constants/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAO,mBAAmB,iFAAiF,CAAC"}

package/lib/controls/userPicker/constants/constants.js

@@ -0,0 +1,2 @@
+export var DEFAULT_AWARD_IMAGE = 'https://www.watermillaccounting.co.uk/wp-content/uploads/2016/10/awards.jpeg';
+//# sourceMappingURL=constants.js.map

package/lib/controls/userPicker/constants/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/controls/userPicker/constants/constants.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAO,mBAAmB,GAAG,8EAA8E,CAAC"}

package/lib/controls/userPicker/hooks/useGraphUserAPI.d.ts

@@ -0,0 +1,11 @@
+import { Presence, User } from '@microsoft/microsoft-graph-types';
+import { BaseComponentContext } from '@microsoft/sp-component-base';
+import { IUserInfo } from '../models/IUserInfo';
+interface IuseGraphUserAPI {
+    getUserByName: (searchName: string) => Promise<User[] | undefined>;
+    getUserById: (user: string) => Promise<IUserInfo | undefined>;
+    getUserPresence: (userObjectId: string) => Promise<Presence | undefined>;
+}
+export declare const useGraphUserAPI: (context: BaseComponentContext) => IuseGraphUserAPI;
+export {};
+//# sourceMappingURL=useGraphUserAPI.d.ts.map

package/lib/controls/userPicker/hooks/useGraphUserAPI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGraphUserAPI.d.ts","sourceRoot":"","sources":["../../../../src/controls/userPicker/hooks/useGraphUserAPI.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,QAAQ,EACR,IAAI,EACL,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIhD,UAAU,gBAAgB;IACxB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,CAAC;IACnE,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAC9D,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAC;CAC1E;AAED,eAAO,MAAM,eAAe,YAAa,oBAAoB,KAAG,gBAiI/D,CAAC"}