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

package/lib/controls/userPicker/hooks/useGraphUserAPI.js

@@ -0,0 +1,213 @@
+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 no-case-declarations */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import * as React from 'react';
+import { useCache } from './useLocalStorage';
+import { useUtils } from './useUtils';
+export var useGraphUserAPI = function (context) {
+    var _a = useCache("local"), getCacheValue = _a.getCacheValue, setCacheValue = _a.setCacheValue;
+    var _b = useUtils(), b64toBlob = _b.b64toBlob, blobToBase64 = _b.blobToBase64;
+    var graphClient = React.useMemo(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!context)
+                        return [2 /*return*/, undefined];
+                    return [4 /*yield*/, context.msGraphClientFactory.getClient("3")];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, [context]);
+    var getUserByName = React.useCallback(function (searchName) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!graphClient || !searchName)
+                        return [2 /*return*/, undefined];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, graphClient];
+                case 2: return [4 /*yield*/, ((_a = (_c.sent())) === null || _a === void 0 ? void 0 : _a.api("/users?$filter=startswith(displayName,'".concat(searchName, "') and accountEnabled eq true and userType eq 'Member'")).select("displayName,mail,jobTitle,department,officeLocation,preferredLanguage,accountEnabled,assignedLicenses,assignedPlans,usageLocation,userPrincipalName").get())];
+                case 3:
+                    response = _c.sent();
+                    if (response) {
+                        return [2 /*return*/, (_b = response === null || response === void 0 ? void 0 : response.value) !== null && _b !== void 0 ? _b : undefined];
+                    }
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _c.sent();
+                    console.log("[getUserByName] error:", error_1);
+                    throw new Error("Something went wrong when fetching user");
+                case 5: return [2 /*return*/, undefined];
+            }
+        });
+    }); }, [graphClient]);
+    var getUserById = React.useCallback(function (user) { return __awaiter(void 0, void 0, void 0, function () {
+        var userInfo, blobPhoto, usersResults, batchRequests, batchResults, responses, _i, responses_1, response, _a, binToBlob, _b, error_2;
+        var _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    // Create a Batch Request
+                    // 2 rquests
+                    // id=1 = user Info
+                    // id=2 = user Photo
+                    if (!graphClient)
+                        return [2 /*return*/, undefined];
+                    batchRequests = [
+                        {
+                            id: "1",
+                            url: "/users/".concat(user, "?$select=country,id, displayName,mail,jobTitle,department,officeLocation,preferredLanguage,accountEnabled,assignedLicenses,assignedPlans,usageLocation,userPrincipalName"),
+                            method: "GET",
+                            headers: {
+                                ConsistencyLevel: "eventual",
+                            },
+                        },
+                        {
+                            id: "2",
+                            url: "/users/".concat(user, "/photo/$value"),
+                            headers: { "content-type": "img/jpg" },
+                            method: "GET",
+                        },
+                    ];
+                    _e.label = 1;
+                case 1:
+                    _e.trys.push([1, 15, , 16]);
+                    return [4 /*yield*/, getCacheValue("".concat(user))];
+                case 2:
+                    userInfo = _e.sent();
+                    if (userInfo) {
+                        return [2 /*return*/, userInfo];
+                    }
+                    return [4 /*yield*/, graphClient];
+                case 3: return [4 /*yield*/, ((_c = (_e.sent())) === null || _c === void 0 ? void 0 : _c.api("/$batch").version("v1.0").post({ requests: batchRequests }))];
+                case 4:
+                    batchResults = _e.sent();
+                    responses = batchResults === null || batchResults === void 0 ? void 0 : batchResults.responses;
+                    _i = 0, responses_1 = responses;
+                    _e.label = 5;
+                case 5:
+                    if (!(_i < responses_1.length)) return [3 /*break*/, 14];
+                    response = responses_1[_i];
+                    _a = response.id;
+                    switch (_a) {
+                        case "1": return [3 /*break*/, 6];
+                        case "2": return [3 /*break*/, 7];
+                    }
+                    return [3 /*break*/, 12];
+                case 6:
+                    usersResults = response.body;
+                    return [3 /*break*/, 13];
+                case 7:
+                    if (!(response === null || response === void 0 ? void 0 : response.body)) return [3 /*break*/, 9];
+                    return [4 /*yield*/, b64toBlob(response === null || response === void 0 ? void 0 : response.body, "img/jpg")];
+                case 8:
+                    _b = _e.sent();
+                    return [3 /*break*/, 10];
+                case 9:
+                    _b = undefined;
+                    _e.label = 10;
+                case 10:
+                    binToBlob = _b;
+                    return [4 /*yield*/, blobToBase64(binToBlob)];
+                case 11:
+                    blobPhoto = (_d = (_e.sent())) !== null && _d !== void 0 ? _d : undefined;
+                    return [3 /*break*/, 13];
+                case 12: return [3 /*break*/, 13];
+                case 13:
+                    _i++;
+                    return [3 /*break*/, 5];
+                case 14:
+                    // save userinfo in cache
+                    userInfo = __assign(__assign({}, usersResults), { userPhoto: blobPhoto, presence: undefined });
+                    // return Userinfo with photo
+                    setCacheValue("".concat(user), userInfo);
+                    return [2 /*return*/, userInfo];
+                case 15:
+                    error_2 = _e.sent();
+                    // execute batch
+                    console.log("[getUserById] error:", error_2);
+                    return [3 /*break*/, 16];
+                case 16: return [2 /*return*/];
+            }
+        });
+    }); }, [graphClient, getCacheValue]);
+    var getUserPresence = React.useCallback(function (userObjectId) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_3;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!graphClient || !userObjectId)
+                        return [2 /*return*/];
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, graphClient];
+                case 2: return [4 /*yield*/, ((_a = (_b.sent())) === null || _a === void 0 ? void 0 : _a.api("/users/".concat(userObjectId, "/presence")).get())];
+                case 3:
+                    response = _b.sent();
+                    if (response) {
+                        return [2 /*return*/, response !== null && response !== void 0 ? response : undefined];
+                    }
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_3 = _b.sent();
+                    console.log("[getUserPresence] error:", error_3);
+                    throw new Error("Something went wrong when getting user presence");
+                case 5: return [2 /*return*/, undefined];
+            }
+        });
+    }); }, [graphClient]);
+    return { getUserById: getUserById, getUserByName: getUserByName, getUserPresence: getUserPresence };
+};
+//# sourceMappingURL=useGraphUserAPI.js.map

package/lib/controls/userPicker/hooks/useGraphUserAPI.js.map

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

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

@@ -0,0 +1,5 @@
+export declare const useCache: (cacheType: "local" | "session") => {
+    getCacheValue: (key: string) => any;
+    setCacheValue: (key: string, newValue: unknown, expiredInSeconds?: number) => void;
+};
+//# sourceMappingURL=useLocalStorage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../../src/controls/userPicker/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,QAAQ,cAAe,OAAO,GAAG,SAAS;yBASzB,MAAM,KAAG,GAAG;yBARZ,MAAM,YAAY,OAAO,qBAAqB,MAAM;CAyBjF,CAAC"}

package/lib/controls/userPicker/hooks/useLocalStorage.js

@@ -0,0 +1,32 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import addSeconds from 'date-fns/addSeconds';
+import isAfter from 'date-fns/isAfter';
+var DEFAULT_EXPIRED_IN_SECONDS = 60 * 30; // 30 min
+export var useCache = function (cacheType) {
+    var setCacheValue = function (key, newValue, expiredInSeconds) {
+        var expires = addSeconds(new Date(), expiredInSeconds !== null && expiredInSeconds !== void 0 ? expiredInSeconds : DEFAULT_EXPIRED_IN_SECONDS);
+        if (cacheType === "session") {
+            sessionStorage.setItem(key, JSON.stringify({ value: newValue, expires: expires.getTime() }));
+        }
+        else {
+            localStorage.setItem(key, JSON.stringify({ value: newValue, expires: expires.getTime() }));
+        }
+    };
+    var getCacheValue = function (key) {
+        var storage = {};
+        if (cacheType === "session") {
+            storage = JSON.parse(sessionStorage.getItem(key) || "{}");
+        }
+        else {
+            storage = JSON.parse(localStorage.getItem(key) || "{}");
+        }
+        // getting stored value
+        var _a = storage || {}, value = _a.value, expires = _a.expires;
+        if (expires && isAfter(new Date(expires), new Date())) {
+            return value;
+        }
+        return undefined;
+    };
+    return { getCacheValue: getCacheValue, setCacheValue: setCacheValue };
+};
+//# sourceMappingURL=useLocalStorage.js.map

package/lib/controls/userPicker/hooks/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.js","sourceRoot":"","sources":["../../../../src/controls/userPicker/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAQvC,IAAM,0BAA0B,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS;AAErD,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,SAA8B;IACrD,IAAM,aAAa,GAAG,UAAC,GAAW,EAAE,QAAiB,EAAE,gBAAyB;QAC9E,IAAM,OAAO,GAAG,UAAU,CAAC,IAAI,IAAI,EAAE,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,0BAA0B,CAAC,CAAC;QACvF,IAAI,SAAS,KAAK,SAAS,EAAE;YAC3B,cAAc,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;SAC9F;aAAM;YACL,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;SAC5F;IACH,CAAC,CAAC;IACF,IAAM,aAAa,GAAG,UAAC,GAAW;QAChC,IAAI,OAAO,GAAa,EAAc,CAAC;QACvC,IAAI,SAAS,KAAK,SAAS,EAAE;YAC3B,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC;SAC3D;aAAM;YACL,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC;SACzD;QAED,uBAAuB;QACjB,IAAA,KAAqB,OAAO,IAAK,EAAe,EAA9C,KAAK,WAAA,EAAE,OAAO,aAAgC,CAAC;QACvD,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,IAAI,CAAC,OAAc,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,EAAE;YAC5D,OAAO,KAAK,CAAC;SACd;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,EAAE,aAAa,eAAA,EAAE,aAAa,eAAA,EAAE,CAAC;AAC1C,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const useOnClickOutside: (active: boolean, ref: any, callback: any) => void;
+//# sourceMappingURL=useOnClickOutside.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../../src/controls/userPicker/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAOA,eAAQ,MAAM,iBAAiB,WAAY,OAAO,OAAO,GAAG,YAAY,GAAG,SAkB1E,CAAA"}

package/lib/controls/userPicker/hooks/useOnClickOutside.js

@@ -0,0 +1,21 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useCallback, useEffect, } from 'react';
+export var useOnClickOutside = function (active, ref, callback) {
+    var handleClickOutside = useCallback(function (event) {
+        if (ref.current && !ref.current.contains(event.target) && active) {
+            callback();
+        }
+    }, [ref, callback, active]);
+    useEffect(function () {
+        // Bind the event listener
+        document.addEventListener("mousedown", handleClickOutside);
+        document.addEventListener("wheel", handleClickOutside);
+        return function () {
+            // Unbind the event listener on clean up
+            document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener("wheel", handleClickOutside);
+        };
+    }, [ref]);
+};
+//# sourceMappingURL=useOnClickOutside.js.map

package/lib/controls/userPicker/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../../../src/controls/userPicker/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,uDAAuD;AACvD,OAAO,EACL,WAAW,EACX,SAAS,GACV,MAAM,OAAO,CAAC;AAEf,MAAM,CAAE,IAAM,iBAAiB,GAAI,UAAC,MAAc,EAAE,GAAQ,EAAE,QAAa;IAE1E,IAAQ,kBAAkB,GAAG,WAAW,CAAC,UAAC,KAAS;QAClD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,MAAM,EAAE;YAC5D,QAAQ,EAAE,CAAC;SAChB;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzB,SAAS,CAAC;QACP,0BAA0B;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QACvD,OAAO;YACJ,wCAAwC;YACxC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAC7D,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACb,CAAC,CAAA"}

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

@@ -0,0 +1,52 @@
+import * as React from 'react';
+export declare const DOCICONURL_XLSX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/xlsx.png";
+export declare const DOCICONURL_DOCX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/docx.png";
+export declare const DOCICONURL_PPTX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/pptx.png";
+export declare const DOCICONURL_MPPX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/mpp.png";
+export declare const DOCICONURL_PHOTO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/photo.png";
+export declare const DOCICONURL_PDF = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/pdf.png";
+export declare const DOCICONURL_TXT = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/txt.png";
+export declare const DOCICONURL_EMAIL = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/email.png";
+export declare const DOCICONURL_CSV = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/csv.png";
+export declare const DOCICONURL_ONE = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/one.png";
+export declare const DOCICONURL_VSDX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/vsdx.png";
+export declare const DOCICONURL_VSSX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/vssx.png";
+export declare const DOCICONURL_PUB = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/pub.png";
+export declare const DOCICONURL_ACCDB = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/accdb.png";
+export declare const DOCICONURL_ZIP = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/zip.png";
+export declare const DOCICONURL_GENERIC = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/genericfile.png";
+export declare const DOCICONURL_CODE = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/code.png";
+export declare const DOCICONURL_HTML = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/html.png";
+export declare const DOCICONURL_XML = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/xml.png";
+export declare const DOCICONURL_SPO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/spo.png";
+export declare const DOCICONURL_VIDEO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/video.png";
+export declare const DOCICONURL_AUDIO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/audio.png";
+export declare const DOCICONURL_FOLDER = "https://static2.sharepointonline.com/files/fabric/assets/item-types/96/folder.png";
+export declare const useUtils: () => {
+    b64toBlob: (b64Data: any, contentType: string, sliceSize?: number) => Promise<Blob>;
+    blobToBase64: (blob: Blob) => Promise<string>;
+    getMentionCharIndex: (text: string, mentionDenotationChars: any, isolateChar: string) => any;
+    hasValidChars: (text: string, allowedChars: any) => any;
+    hasValidMentionCharIndex: (mentionCharIndex: number, text: string, isolateChar?: string, textPrefix?: string) => boolean;
+    GetFileImageUrl: (file: string) => string;
+    getShortName: (name: string) => string;
+    isOndrive: (name: string) => Promise<boolean>;
+    formatFileSize: (bytes: number, decimalPoint: number) => string;
+    getFolderIcon: () => string;
+    trimBeginDoubleSlash: (value: string) => string;
+    checkIfCursorIsInsideContainer: (event: React.MouseEvent<HTMLDivElement>, containerRef: HTMLDivElement) => boolean;
+    centerElement: (container: HTMLElement, elementToCenter: HTMLElement) => {
+        left: number;
+        top: number;
+    };
+    getScrollPosition: (_dataListContainerRef: {
+        scrollTop: any;
+        scrollHeight: any;
+        clientHeight: any;
+    }) => number;
+    getInitials: (name: string) => string;
+    getBase64Image: (img: any) => string;
+    parseHtmlString: (htmlString: string) => string;
+    getFileExtension: (fileName: string) => string;
+};
+//# sourceMappingURL=useUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUtils.d.ts","sourceRoot":"","sources":["../../../../src/controls/userPicker/hooks/useUtils.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,eAAe,oFAAoF,CAAC;AACjH,eAAO,MAAM,eAAe,oFAAoF,CAAC;AACjH,eAAO,MAAM,eAAe,oFAAoF,CAAC;AACjH,eAAO,MAAM,eAAe,mFAAmF,CAAC;AAChH,eAAO,MAAM,gBAAgB,qFAAqF,CAAC;AACnH,eAAO,MAAM,cAAc,mFAAmF,CAAC;AAC/G,eAAO,MAAM,cAAc,mFAAmF,CAAC;AAC/G,eAAO,MAAM,gBAAgB,qFAAqF,CAAC;AACnH,eAAO,MAAM,cAAc,mFAAmF,CAAC;AAC/G,eAAO,MAAM,cAAc,mFAAmF,CAAC;AAC/G,eAAO,MAAM,eAAe,oFAAoF,CAAC;AACjH,eAAO,MAAM,eAAe,oFAAoF,CAAC;AACjH,eAAO,MAAM,cAAc,mFAAmF,CAAC;AAC/G,eAAO,MAAM,gBAAgB,qFAAqF,CAAC;AACnH,eAAO,MAAM,cAAc,mFAAmF,CAAC;AAC/G,eAAO,MAAM,kBAAkB,2FAC2D,CAAC;AAC3F,eAAO,MAAM,eAAe,oFAAoF,CAAC;AACjH,eAAO,MAAM,eAAe,oFAAoF,CAAC;AACjH,eAAO,MAAM,cAAc,mFAAmF,CAAC;AAC/G,eAAO,MAAM,cAAc,mFAAmF,CAAC;AAC/G,eAAO,MAAM,gBAAgB,qFAAqF,CAAC;AACnH,eAAO,MAAM,gBAAgB,qFAAqF,CAAC;AACnH,eAAO,MAAM,iBAAiB,sFAAsF,CAAC;AAErH,eAAO,MAAM,QAAQ;yBAmSe,GAAG,eAAe,MAAM,cAAc,MAAM,KAAG,QAAQ,IAAI,CAAC;yBArBlE,IAAI,KAAG,QAAQ,MAAM,CAAC;gCArCf,MAAM,0BAA0B,GAAG,eAAe,MAAM;0BAJ9D,MAAM,gBAAgB,GAAG;iDAlBlC,MAAM,QAClB,MAAM,gBACE,MAAM,eACP,MAAM;4BA3M4B,MAAM,KAAG,MAAM;yBAyHlB,MAAM,KAAG,MAAM;sBASZ,MAAM,KAAG,QAAQ,OAAO,CAAC;4BAKzB,MAAM,gBAAgB,MAAM;yBASjC,MAAM;kCAIK,MAAM;4CAQnD,gBAAgB,CAAC,cAAc,CAAC,gBAAgB,cAAc,KAAG,OAAO;+BAyB9B,WAAW,mBAAmB,WAAW,KAAG;QAC9F,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,MAAM,CAAC;KACb;;mBAuFY,GAAG;sBACA,GAAG;sBACH,GAAG;UACf,MAAM;wBA6BiB,MAAM,KAAG,MAAM;0BAab,GAAG;kCAUK,MAAM;iCA/UW,MAAM,KAAG,MAAM;CAyWtE,CAAC"}