@pnp/spfx-controls-react 3.9.0-beta.2437383 → 3.9.0-beta.2451209

package/release/webpack-stats/sp-dev-fx-controls-react.stats.json

@@ -2,9 +2,9 @@
   "errors": [],
   "warnings": [],
   "version": "4.44.2",
-  "hash": "a6ff6c2ac0a6d79da5d5",
-  "time": 19942,
-  "builtAt": 1654294819821,
+  "hash": "4609d23db5ca5d6fb7be",
+  "time": 22871,
+  "builtAt": 1654560298101,
   "publicPath": "",
   "outputPath": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/dist",
   "assetsByChunkName": {
@@ -292,7 +292,7 @@
     },
     {
       "name": "controls-test-web-part.js",
-      "size": 17762419,
+      "size": 17765703,
       "chunks": [
         "controls-test-web-part"
       ],
@@ -305,7 +305,7 @@
     },
     {
       "name": "controls-test-web-part.js.map",
-      "size": 16009933,
+      "size": 16013800,
       "chunks": [
         "controls-test-web-part"
       ],
@@ -404,7 +404,7 @@
       "rendered": true,
       "initial": true,
       "entry": true,
-      "size": 12823518,
+      "size": 12826613,
       "names": [
         "controls-test-web-part"
       ],
@@ -412,7 +412,7 @@
         "controls-test-web-part.js",
         "controls-test-web-part.js.map"
       ],
-      "hash": "61179c1fcb02379c6b74",
+      "hash": "188f1374f982db1d52e9",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -10994,9 +10994,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "issuerId": "thf+",
+          "issuerName": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -11049,14 +11049,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "HnbP",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "thf+",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
             }
           ],
           "failed": false,
@@ -49684,9 +49684,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuerId": "lDWV",
+          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -49744,9 +49744,9 @@
               "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "lDWV",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
             }
           ],
           "failed": false,
@@ -51869,9 +51869,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuerId": "lDWV",
+          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -51929,9 +51929,9 @@
               "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "lDWV",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
             }
           ],
           "failed": false,
@@ -82656,7 +82656,7 @@
           "name": "./lib/services/SPService.js",
           "index": 2918,
           "index2": 2916,
-          "size": 40419,
+          "size": 43207,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -82741,7 +82741,7 @@
           ],
           "optimizationBailout": [],
           "depth": 5,
-          "source": "var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport { LibsOrderBy } from \"./ISPService\";\nimport { SPHttpClient } from \"@microsoft/sp-http\";\nimport { urlCombine } from \"../common/utilities\";\nimport filter from 'lodash/filter';\nimport find from 'lodash/find';\nvar SPService = /** @class */ (function () {\n    function SPService(_context, webAbsoluteUrl) {\n        var _this = this;\n        this._context = _context;\n        this.getField = function (listId, internalColumnName, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, field, resultTypeRegEx, resultTypeMatch, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/fields/getByInternalNameOrTitle('\" + internalColumnName + \"')\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            field = results;\n                            if (field.TypeAsString === 'Calculated') {\n                                resultTypeRegEx = /ResultType=\"(\\w+)\"/gmi;\n                                resultTypeMatch = resultTypeRegEx.exec(field.SchemaXml);\n                                field.ResultType = resultTypeMatch[1];\n                            }\n                            return [2 /*return*/, field];\n                        }\n                        _a.label = 3;\n                    case 3: return [3 /*break*/, 5];\n                    case 4:\n                        error_1 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_1)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        }); };\n        this._webAbsoluteUrl = webAbsoluteUrl ? webAbsoluteUrl : this._context.pageContext.web.absoluteUrl;\n    }\n    /**\n     * Get lists or libraries\n     *\n     * @param options\n     */\n    SPService.prototype.getLibs = function (options) {\n        return __awaiter(this, void 0, void 0, function () {\n            var filtered, queryUrl, numbers_1, mapNumbers, data, result, filteredLists;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        queryUrl = this._webAbsoluteUrl + \"/_api/web/lists?$select=Title,id,BaseTemplate\";\n                        if (options.contentTypeId) {\n                            queryUrl += \",ContentTypes/Id&$expand=ContentTypes\";\n                        }\n                        if (options.orderBy) {\n                            queryUrl += \"&$orderby=\" + (options.orderBy === LibsOrderBy.Id ? 'Id' : 'Title');\n                        }\n                        if (options.filter) {\n                            queryUrl += \"&$filter=\" + encodeURIComponent(options.filter);\n                        }\n                        else {\n                            if (options.baseTemplate) {\n                                if (Array.isArray(options.baseTemplate)) {\n                                    numbers_1 = options.baseTemplate;\n                                    mapNumbers = numbers_1.map(function (i) {\n                                        if (i == numbers_1[0]) {\n                                            return \"BaseTemplate eq \" + i;\n                                        }\n                                        else {\n                                            return \"or BaseTemplate eq \" + i;\n                                        }\n                                    });\n                                    queryUrl += \"&$filter=\" + mapNumbers.join(\" \");\n                                    filtered = true;\n                                }\n                                else {\n                                    queryUrl += \"&$filter=BaseTemplate eq \" + options.baseTemplate;\n                                    filtered = true;\n                                }\n                            }\n                            if (options.includeHidden === false) {\n                                queryUrl += filtered ? ' and Hidden eq false' : '&$filter=Hidden eq false';\n                                filtered = true;\n                            }\n                        }\n                        return [4 /*yield*/, this._context.spHttpClient.get(queryUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (options.contentTypeId) {\n                            filteredLists = filter(result.value, function (aList) {\n                                return find(aList.ContentTypes, function (ct) {\n                                    return ct.Id.StringValue.toUpperCase().startsWith(options.contentTypeId.toUpperCase());\n                                });\n                            });\n                            result.value = filteredLists;\n                        }\n                        return [2 /*return*/, result];\n                    case 3: return [2 /*return*/, null];\n                }\n            });\n        });\n    };\n    /**\n     * Get List Items\n     */\n    SPService.prototype.getListItems = function (filterText, listId, internalColumnName, field, keyInternalColumnName, webUrl, filterString, substringSearch, orderBy) {\n        if (substringSearch === void 0) { substringSearch = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            var returnItems, webAbsoluteUrl, apiUrl, isPost, orderByStr, orderByParts, ascStr, camlQuery, filterStr, data, _a, results, error_2;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = '';\n                        isPost = false;\n                        if (field && field.TypeAsString === 'Calculated') { // for calculated fields we need to use CAML query\n                            orderByStr = '';\n                            if (orderBy) {\n                                orderByParts = orderBy.split(' ');\n                                ascStr = '';\n                                if (orderByParts[1] && orderByParts[1].toLowerCase() === 'desc') {\n                                    ascStr = \"Ascending=\\\"FALSE\\\"\";\n                                }\n                                orderByStr = \"<OrderBy><FieldRef Name=\\\"\" + orderByParts[0] + \"\\\" \" + ascStr + \" />\";\n                            }\n                            camlQuery = \"<View><Query><Where>\" + (substringSearch ? '<Contains>' : '<BeginsWith>') + \"<FieldRef Name=\\\"\" + internalColumnName + \"\\\"/><Value Type=\\\"\" + field.ResultType + \"\\\">\" + filterText + \"</Value>\" + (substringSearch ? '</Contains>' : '</BeginsWith>') + \"</Where>\" + orderByStr + \"</Query></View>\";\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/GetItems(query=@v1)?$select=\" + (keyInternalColumnName || 'Id') + \",\" + internalColumnName + \"&@v1=\" + JSON.stringify({ ViewXml: camlQuery });\n                            isPost = true;\n                        }\n                        else {\n                            filterStr = substringSearch ? // JJ - 20200613 - find by substring as an option\n                                \"\" + (filterText ? \"substringof('\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"',\" + internalColumnName + \")\" : '') + (filterString ? (filterText ? ' and ' : '') + filterString : '')\n                                : \"\" + (filterText ? \"startswith(\" + internalColumnName + \",'\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"')\" : '') + (filterString ? (filterText ? ' and ' : '') + filterString : '');\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/items?$select=\" + (keyInternalColumnName || 'Id') + \",\" + internalColumnName + \"&$filter=\" + filterStr + \"&$orderby=\" + orderBy;\n                        }\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 8, , 9]);\n                        if (!isPost) return [3 /*break*/, 3];\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {})];\n                    case 2:\n                        _a = _b.sent();\n                        return [3 /*break*/, 5];\n                    case 3: return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 4:\n                        _a = _b.sent();\n                        _b.label = 5;\n                    case 5:\n                        data = _a;\n                        if (!data.ok) return [3 /*break*/, 7];\n                        return [4 /*yield*/, data.json()];\n                    case 6:\n                        results = _b.sent();\n                        if (results && results.value && results.value.length > 0) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _b.label = 7;\n                    case 7: return [2 /*return*/, []];\n                    case 8:\n                        error_2 = _b.sent();\n                        return [2 /*return*/, Promise.reject(error_2)];\n                    case 9: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n  * Gets list items for list item picker\n  * @param filterText\n  * @param listId\n  * @param internalColumnName\n  * @param [keyInternalColumnName]\n  * @param [webUrl]\n  * @param [filterList]\n  * @returns list items for list item picker\n  */\n    SPService.prototype.getListItemsForListItemPicker = function (filterText, listId, internalColumnName, keyInternalColumnName, webUrl, filterList) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _filter, costumfilter, _top, webAbsoluteUrl, apiUrl, data, results, error_3;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _filter = \"$filter=startswith(\" + internalColumnName + \",'\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"') \";\n                        costumfilter = filterList\n                            ? \"and \" + filterList\n                            : \"\";\n                        _top = \" &$top=2000\";\n                        // test wild character \"*\"  if \"*\" load first 30 items\n                        if ((filterText.trim().indexOf(\"*\") == 0 &&\n                            filterText.trim().length == 1) ||\n                            filterText.trim().length == 0) {\n                            _filter = \"\";\n                            costumfilter = filterList ? \"$filter=\" + filterList + \"&\" : \"\";\n                            _top = \"$top=500\";\n                        }\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 5, , 6]);\n                        webAbsoluteUrl = !webUrl\n                            ? this._webAbsoluteUrl\n                            : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/items?$orderby=\" + internalColumnName + \"&$select=\" + (keyInternalColumnName ||\n                            \"Id\") + \",\" + internalColumnName + \"&\" + _filter + costumfilter + _top;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 2:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 4];\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        results = _a.sent();\n                        if (results &&\n                            results.value &&\n                            results.value.length > 0) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 4;\n                    case 4: return [2 /*return*/, []];\n                    case 5:\n                        error_3 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_3)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get list item attachments\n     *\n     * @param listId\n     * @param itemId\n     * @param webUrl\n     */\n    SPService.prototype.getListItemAttachments = function (listId, itemId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_4;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId));\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results && results.value) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_4 = _a.sent();\n                        console.dir(error_4);\n                        return [2 /*return*/, Promise.reject(error_4)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Delete attachment\n     *\n     * @param fileName\n     * @param listId\n     * @param itemId\n     * @param webUrl\n     */\n    SPService.prototype.deleteAttachment = function (fileName, listId, itemId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var spOpts, webAbsoluteUrl, apiUrl, data, error_5;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 2, , 3]);\n                        spOpts = {\n                            headers: { \"X-HTTP-Method\": 'DELETE', }\n                        };\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/getByFileName(@fileName)/RecycleObject?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, spOpts)];\n                    case 1:\n                        data = _a.sent();\n                        return [3 /*break*/, 3];\n                    case 2:\n                        error_5 = _a.sent();\n                        console.dir(error_5);\n                        return [2 /*return*/, Promise.reject(error_5)];\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Add attachment\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param file\n     * @param webUrl\n     */\n    SPService.prototype.addAttachment = function (listId, itemId, fileName, file, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var fileExists, spOpts, webAbsoluteUrl, apiUrl, data, error_6;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        // Remove special characters in FileName\n                        //Updating the escape characters for filename as per the doucmentations\n                        //https://support.microsoft.com/en-us/kb/905231\n                        fileName = fileName.replace(/[\\~\\#\\%\\&\\*\\{\\}\\\\\\:\\<\\>\\?\\/\\+\\|]/gi, '');\n                        return [4 /*yield*/, this.checkAttachmentExists(listId, itemId, fileName, webUrl)];\n                    case 1:\n                        fileExists = _a.sent();\n                        if (!fileExists) return [3 /*break*/, 3];\n                        return [4 /*yield*/, this.deleteAttachment(fileName, listId, itemId, webUrl)];\n                    case 2:\n                        _a.sent();\n                        _a.label = 3;\n                    case 3:\n                        spOpts = {\n                            body: file\n                        };\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/add(FileName=@fileName)?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, spOpts)];\n                    case 4:\n                        data = _a.sent();\n                        return [2 /*return*/];\n                    case 5:\n                        error_6 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_6)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get attachement for list item\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param webUrl\n     */\n    SPService.prototype.getAttachment = function (listId, itemId, fileName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, file;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/GetByFileBame(@fileName))?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        file = _a.sent();\n                        if (file) {\n                            return [2 /*return*/, file];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                }\n            });\n        });\n    };\n    /**\n     * Check if the attachment exists\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param webUrl\n     */\n    SPService.prototype.checkAttachmentExists = function (listId, itemId, fileName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var listServerRelativeUrl, webAbsoluteUrl, fileServerRelativeUrl, apiUrl, data, results, error_7;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        return [4 /*yield*/, this.getListServerRelativeUrl(listId, webUrl)];\n                    case 1:\n                        listServerRelativeUrl = _a.sent();\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        fileServerRelativeUrl = listServerRelativeUrl + \"/Attachments/\" + itemId + \"/\" + fileName;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/getfilebyserverrelativeurl(@url)/Exists?@url='\" + encodeURIComponent(fileServerRelativeUrl.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 2:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 4];\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 4;\n                    case 4: return [2 /*return*/, false];\n                    case 5:\n                        error_7 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_7)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get the list name\n     *\n     * @param listId\n     * @param webUrl\n     */\n    SPService.prototype.getListName = function (listId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RootFolder/Name?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get the list server relative url\n     *\n     * @param listId\n     * @param webUrl\n     */\n    SPService.prototype.getListServerRelativeUrl = function (listId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RootFolder/ServerRelativeUrl?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getLookupValue = function (listId, listItemID, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, error_8;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemID + \")/?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/ID,\" + fieldName + \"/Title&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            return [2 /*return*/, [{ key: result[fieldName].ID, name: result[fieldName].Title }]];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_8 = _a.sent();\n                        console.dir(error_8);\n                        return [2 /*return*/, Promise.reject(error_8)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getLookupValues = function (listId, listItemID, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, lookups_1, error_9;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemID + \")?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/ID,\" + fieldName + \"/Title&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            lookups_1 = [];\n                            result[fieldName].forEach(function (element) {\n                                lookups_1.push({ key: element.ID, name: element.Title });\n                            });\n                            return [2 /*return*/, lookups_1];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_9 = _a.sent();\n                        console.dir(error_9);\n                        return [2 /*return*/, Promise.reject(error_9)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getTaxonomyFieldInternalName = function (listId, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_10;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/Fields/getByInternalNameOrTitle('\" + fieldName + \"_0')/InternalName?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_10 = _a.sent();\n                        console.dir(error_10);\n                        return [2 /*return*/, Promise.reject(error_10)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getUsersUPNFromFieldValue = function (listId, listItemId, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, emails_1, error_11;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemId + \")?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/Title,\" + fieldName + \"/Id&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            emails_1 = [];\n                            result[fieldName].forEach(function (element) {\n                                emails_1.push(element.Id + \"/\" + element.Title);\n                            });\n                            return [2 /*return*/, emails_1];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_11 = _a.sent();\n                        console.dir(error_11);\n                        return [2 /*return*/, Promise.reject(error_11)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getUserUPNById = function (userId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_12;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/getuserbyid(\" + userId + \")?$select=UserPrincipalName,Title\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, userId + \"/\" + results.Title];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_12 = _a.sent();\n                        console.dir(error_12);\n                        return [2 /*return*/, Promise.reject(error_12)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getSingleManagedMtadataLabel = function (listId, listItemId, fieldName) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_13;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = this._context.pageContext.web.absoluteUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RenderListDataAsStream?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {\n                                body: JSON.stringify({\n                                    parameters: {\n                                        RenderOptions: 2,\n                                        ViewXml: \"<View Scope=\\\"RecursiveAll\\\">\\n                        <ViewFields>\\n                          <FieldRef Name=\\\"\" + fieldName + \"\\\"/>\\n                        </ViewFields>\\n                        <Query>\\n                          <Where>\\n                            <Eq>\\n                              <FieldRef Name=\\\"ID\\\"/>\\n                              <Value Type=\\\"Number\\\">\" + listItemId + \"</Value>\\n                            </Eq>\\n                          </Where>\\n                        </Query>\\n                        <RowLimit Paged=\\\"TRUE\\\">1</RowLimit>\\n                      </View>\"\n                                    }\n                                })\n                            })];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.Row[0][fieldName]];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_13 = _a.sent();\n                        console.dir(error_13);\n                        return [2 /*return*/, Promise.reject(error_13)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.uploadImage = function (listId, itemId, fileName, file, listTitle, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, listTitleValue, listApiUrl, listResponse, listJson, apiUrl, response, result;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        listTitleValue = listTitle;\n                        if (!!listTitle) return [3 /*break*/, 3];\n                        listApiUrl = urlCombine(webAbsoluteUrl, \"/_api/web/lists('\" + listId + \"')\", false);\n                        return [4 /*yield*/, this._context.spHttpClient.get(listApiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        listResponse = _a.sent();\n                        return [4 /*yield*/, listResponse.json()];\n                    case 2:\n                        listJson = _a.sent();\n                        listTitleValue = listJson.Title;\n                        _a.label = 3;\n                    case 3:\n                        apiUrl = urlCombine(webAbsoluteUrl, \"/_api/web/UploadImage(listTitle=@a1,imageName=@a2,listId=@a3,itemId=@a4)?@a1='\" + listTitleValue + \"'&@a2='\" + fileName + \"'&@a3='\" + listId + \"'&@a4=\" + (itemId || 0), false);\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {\n                                body: file,\n                                headers: {\n                                    'content-length': file.byteLength.toString()\n                                }\n                            })];\n                    case 4:\n                        response = _a.sent();\n                        return [4 /*yield*/, response.json()];\n                    case 5:\n                        result = _a.sent();\n                        return [2 /*return*/, result];\n                }\n            });\n        });\n    };\n    return SPService;\n}());\nexport default SPService;\n"
+          "source": "var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport { LibsOrderBy } from \"./ISPService\";\nimport { SPHttpClient } from \"@microsoft/sp-http\";\nimport { urlCombine } from \"../common/utilities\";\nimport filter from 'lodash/filter';\nimport find from 'lodash/find';\nvar SPService = /** @class */ (function () {\n    function SPService(_context, webAbsoluteUrl) {\n        var _this = this;\n        this._context = _context;\n        this.getField = function (listId, internalColumnName, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, field, resultTypeRegEx, resultTypeMatch, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/fields/getByInternalNameOrTitle('\" + internalColumnName + \"')\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            field = results;\n                            if (field.TypeAsString === 'Calculated') {\n                                resultTypeRegEx = /ResultType=\"(\\w+)\"/gmi;\n                                resultTypeMatch = resultTypeRegEx.exec(field.SchemaXml);\n                                field.ResultType = resultTypeMatch[1];\n                            }\n                            return [2 /*return*/, field];\n                        }\n                        _a.label = 3;\n                    case 3: return [3 /*break*/, 5];\n                    case 4:\n                        error_1 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_1)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        }); };\n        this._webAbsoluteUrl = webAbsoluteUrl ? webAbsoluteUrl : this._context.pageContext.web.absoluteUrl;\n    }\n    SPService.prototype.getFields = function (options) {\n        return __awaiter(this, void 0, void 0, function () {\n            var queryUrlString, queryUrl, usedFilter, filterPrefix, usedFilter, filterPrefix, data, result, error_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 3, , 4]);\n                        queryUrlString = this._webAbsoluteUrl + \"/_api/web\";\n                        if (options.listId) {\n                            queryUrlString += \"/lists('\" + options.listId + \"')\";\n                        }\n                        queryUrlString += \"/fields?\";\n                        queryUrl = new URL(queryUrlString);\n                        if (options.orderBy) {\n                            queryUrl.searchParams.set('$orderby', options.orderBy.toString());\n                        }\n                        if (options.filter) {\n                            queryUrl.searchParams.set('$filter', options.filter);\n                        }\n                        else {\n                            if (options.group) {\n                                queryUrl.searchParams.set('$filter', \"Group eq '\" + options.group + \"'\");\n                            }\n                            if (!options.includeHidden) {\n                                usedFilter = queryUrl.searchParams.get('$filter');\n                                filterPrefix = usedFilter ? usedFilter + ' and ' : '';\n                                queryUrl.searchParams.set('$filter', filterPrefix + 'Hidden eq false');\n                            }\n                            if (!options.includeReadOnly) {\n                                usedFilter = queryUrl.searchParams.get('$filter');\n                                filterPrefix = usedFilter ? usedFilter + ' and ' : '';\n                                queryUrl.searchParams.set('$filter', filterPrefix + 'ReadOnlyField eq false');\n                            }\n                        }\n                        return [4 /*yield*/, this._context.spHttpClient.get(queryUrl.toString(), SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) {\n                            return [2 /*return*/, null];\n                        }\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        return [2 /*return*/, result.value];\n                    case 3:\n                        error_2 = _a.sent();\n                        throw Error(error_2);\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get lists or libraries\n     *\n     * @param options\n     */\n    SPService.prototype.getLibs = function (options) {\n        return __awaiter(this, void 0, void 0, function () {\n            var filtered, queryUrl, numbers_1, mapNumbers, data, result, filteredLists;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        queryUrl = this._webAbsoluteUrl + \"/_api/web/lists?$select=Title,id,BaseTemplate\";\n                        if (options.contentTypeId) {\n                            queryUrl += \",ContentTypes/Id&$expand=ContentTypes\";\n                        }\n                        if (options.orderBy) {\n                            queryUrl += \"&$orderby=\" + (options.orderBy === LibsOrderBy.Id ? 'Id' : 'Title');\n                        }\n                        if (options.filter) {\n                            queryUrl += \"&$filter=\" + encodeURIComponent(options.filter);\n                        }\n                        else {\n                            if (options.baseTemplate) {\n                                if (Array.isArray(options.baseTemplate)) {\n                                    numbers_1 = options.baseTemplate;\n                                    mapNumbers = numbers_1.map(function (i) {\n                                        if (i == numbers_1[0]) {\n                                            return \"BaseTemplate eq \" + i;\n                                        }\n                                        else {\n                                            return \"or BaseTemplate eq \" + i;\n                                        }\n                                    });\n                                    queryUrl += \"&$filter=\" + mapNumbers.join(\" \");\n                                    filtered = true;\n                                }\n                                else {\n                                    queryUrl += \"&$filter=BaseTemplate eq \" + options.baseTemplate;\n                                    filtered = true;\n                                }\n                            }\n                            if (options.includeHidden === false) {\n                                queryUrl += filtered ? ' and Hidden eq false' : '&$filter=Hidden eq false';\n                                filtered = true;\n                            }\n                        }\n                        return [4 /*yield*/, this._context.spHttpClient.get(queryUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (options.contentTypeId) {\n                            filteredLists = filter(result.value, function (aList) {\n                                return find(aList.ContentTypes, function (ct) {\n                                    return ct.Id.StringValue.toUpperCase().startsWith(options.contentTypeId.toUpperCase());\n                                });\n                            });\n                            result.value = filteredLists;\n                        }\n                        return [2 /*return*/, result];\n                    case 3: return [2 /*return*/, null];\n                }\n            });\n        });\n    };\n    /**\n     * Get List Items\n     */\n    SPService.prototype.getListItems = function (filterText, listId, internalColumnName, field, keyInternalColumnName, webUrl, filterString, substringSearch, orderBy) {\n        if (substringSearch === void 0) { substringSearch = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            var returnItems, webAbsoluteUrl, apiUrl, isPost, orderByStr, orderByParts, ascStr, camlQuery, filterStr, data, _a, results, error_3;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = '';\n                        isPost = false;\n                        if (field && field.TypeAsString === 'Calculated') { // for calculated fields we need to use CAML query\n                            orderByStr = '';\n                            if (orderBy) {\n                                orderByParts = orderBy.split(' ');\n                                ascStr = '';\n                                if (orderByParts[1] && orderByParts[1].toLowerCase() === 'desc') {\n                                    ascStr = \"Ascending=\\\"FALSE\\\"\";\n                                }\n                                orderByStr = \"<OrderBy><FieldRef Name=\\\"\" + orderByParts[0] + \"\\\" \" + ascStr + \" />\";\n                            }\n                            camlQuery = \"<View><Query><Where>\" + (substringSearch ? '<Contains>' : '<BeginsWith>') + \"<FieldRef Name=\\\"\" + internalColumnName + \"\\\"/><Value Type=\\\"\" + field.ResultType + \"\\\">\" + filterText + \"</Value>\" + (substringSearch ? '</Contains>' : '</BeginsWith>') + \"</Where>\" + orderByStr + \"</Query></View>\";\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/GetItems(query=@v1)?$select=\" + (keyInternalColumnName || 'Id') + \",\" + internalColumnName + \"&@v1=\" + JSON.stringify({ ViewXml: camlQuery });\n                            isPost = true;\n                        }\n                        else {\n                            filterStr = substringSearch ? // JJ - 20200613 - find by substring as an option\n                                \"\" + (filterText ? \"substringof('\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"',\" + internalColumnName + \")\" : '') + (filterString ? (filterText ? ' and ' : '') + filterString : '')\n                                : \"\" + (filterText ? \"startswith(\" + internalColumnName + \",'\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"')\" : '') + (filterString ? (filterText ? ' and ' : '') + filterString : '');\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/items?$select=\" + (keyInternalColumnName || 'Id') + \",\" + internalColumnName + \"&$filter=\" + filterStr + \"&$orderby=\" + orderBy;\n                        }\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 8, , 9]);\n                        if (!isPost) return [3 /*break*/, 3];\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {})];\n                    case 2:\n                        _a = _b.sent();\n                        return [3 /*break*/, 5];\n                    case 3: return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 4:\n                        _a = _b.sent();\n                        _b.label = 5;\n                    case 5:\n                        data = _a;\n                        if (!data.ok) return [3 /*break*/, 7];\n                        return [4 /*yield*/, data.json()];\n                    case 6:\n                        results = _b.sent();\n                        if (results && results.value && results.value.length > 0) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _b.label = 7;\n                    case 7: return [2 /*return*/, []];\n                    case 8:\n                        error_3 = _b.sent();\n                        return [2 /*return*/, Promise.reject(error_3)];\n                    case 9: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n  * Gets list items for list item picker\n  * @param filterText\n  * @param listId\n  * @param internalColumnName\n  * @param [keyInternalColumnName]\n  * @param [webUrl]\n  * @param [filterList]\n  * @returns list items for list item picker\n  */\n    SPService.prototype.getListItemsForListItemPicker = function (filterText, listId, internalColumnName, keyInternalColumnName, webUrl, filterList) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _filter, costumfilter, _top, webAbsoluteUrl, apiUrl, data, results, error_4;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _filter = \"$filter=startswith(\" + internalColumnName + \",'\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"') \";\n                        costumfilter = filterList\n                            ? \"and \" + filterList\n                            : \"\";\n                        _top = \" &$top=2000\";\n                        // test wild character \"*\"  if \"*\" load first 30 items\n                        if ((filterText.trim().indexOf(\"*\") == 0 &&\n                            filterText.trim().length == 1) ||\n                            filterText.trim().length == 0) {\n                            _filter = \"\";\n                            costumfilter = filterList ? \"$filter=\" + filterList + \"&\" : \"\";\n                            _top = \"$top=500\";\n                        }\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 5, , 6]);\n                        webAbsoluteUrl = !webUrl\n                            ? this._webAbsoluteUrl\n                            : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/items?$orderby=\" + internalColumnName + \"&$select=\" + (keyInternalColumnName ||\n                            \"Id\") + \",\" + internalColumnName + \"&\" + _filter + costumfilter + _top;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 2:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 4];\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        results = _a.sent();\n                        if (results &&\n                            results.value &&\n                            results.value.length > 0) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 4;\n                    case 4: return [2 /*return*/, []];\n                    case 5:\n                        error_4 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_4)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get list item attachments\n     *\n     * @param listId\n     * @param itemId\n     * @param webUrl\n     */\n    SPService.prototype.getListItemAttachments = function (listId, itemId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_5;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId));\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results && results.value) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_5 = _a.sent();\n                        console.dir(error_5);\n                        return [2 /*return*/, Promise.reject(error_5)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Delete attachment\n     *\n     * @param fileName\n     * @param listId\n     * @param itemId\n     * @param webUrl\n     */\n    SPService.prototype.deleteAttachment = function (fileName, listId, itemId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var spOpts, webAbsoluteUrl, apiUrl, data, error_6;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 2, , 3]);\n                        spOpts = {\n                            headers: { \"X-HTTP-Method\": 'DELETE', }\n                        };\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/getByFileName(@fileName)/RecycleObject?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, spOpts)];\n                    case 1:\n                        data = _a.sent();\n                        return [3 /*break*/, 3];\n                    case 2:\n                        error_6 = _a.sent();\n                        console.dir(error_6);\n                        return [2 /*return*/, Promise.reject(error_6)];\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Add attachment\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param file\n     * @param webUrl\n     */\n    SPService.prototype.addAttachment = function (listId, itemId, fileName, file, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var fileExists, spOpts, webAbsoluteUrl, apiUrl, data, error_7;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        // Remove special characters in FileName\n                        //Updating the escape characters for filename as per the doucmentations\n                        //https://support.microsoft.com/en-us/kb/905231\n                        fileName = fileName.replace(/[\\~\\#\\%\\&\\*\\{\\}\\\\\\:\\<\\>\\?\\/\\+\\|]/gi, '');\n                        return [4 /*yield*/, this.checkAttachmentExists(listId, itemId, fileName, webUrl)];\n                    case 1:\n                        fileExists = _a.sent();\n                        if (!fileExists) return [3 /*break*/, 3];\n                        return [4 /*yield*/, this.deleteAttachment(fileName, listId, itemId, webUrl)];\n                    case 2:\n                        _a.sent();\n                        _a.label = 3;\n                    case 3:\n                        spOpts = {\n                            body: file\n                        };\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/add(FileName=@fileName)?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, spOpts)];\n                    case 4:\n                        data = _a.sent();\n                        return [2 /*return*/];\n                    case 5:\n                        error_7 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_7)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get attachement for list item\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param webUrl\n     */\n    SPService.prototype.getAttachment = function (listId, itemId, fileName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, file;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/GetByFileBame(@fileName))?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        file = _a.sent();\n                        if (file) {\n                            return [2 /*return*/, file];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                }\n            });\n        });\n    };\n    /**\n     * Check if the attachment exists\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param webUrl\n     */\n    SPService.prototype.checkAttachmentExists = function (listId, itemId, fileName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var listServerRelativeUrl, webAbsoluteUrl, fileServerRelativeUrl, apiUrl, data, results, error_8;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        return [4 /*yield*/, this.getListServerRelativeUrl(listId, webUrl)];\n                    case 1:\n                        listServerRelativeUrl = _a.sent();\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        fileServerRelativeUrl = listServerRelativeUrl + \"/Attachments/\" + itemId + \"/\" + fileName;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/getfilebyserverrelativeurl(@url)/Exists?@url='\" + encodeURIComponent(fileServerRelativeUrl.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 2:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 4];\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 4;\n                    case 4: return [2 /*return*/, false];\n                    case 5:\n                        error_8 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_8)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get the list name\n     *\n     * @param listId\n     * @param webUrl\n     */\n    SPService.prototype.getListName = function (listId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RootFolder/Name?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get the list server relative url\n     *\n     * @param listId\n     * @param webUrl\n     */\n    SPService.prototype.getListServerRelativeUrl = function (listId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RootFolder/ServerRelativeUrl?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getLookupValue = function (listId, listItemID, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, error_9;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemID + \")/?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/ID,\" + fieldName + \"/Title&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            return [2 /*return*/, [{ key: result[fieldName].ID, name: result[fieldName].Title }]];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_9 = _a.sent();\n                        console.dir(error_9);\n                        return [2 /*return*/, Promise.reject(error_9)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getLookupValues = function (listId, listItemID, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, lookups_1, error_10;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemID + \")?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/ID,\" + fieldName + \"/Title&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            lookups_1 = [];\n                            result[fieldName].forEach(function (element) {\n                                lookups_1.push({ key: element.ID, name: element.Title });\n                            });\n                            return [2 /*return*/, lookups_1];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_10 = _a.sent();\n                        console.dir(error_10);\n                        return [2 /*return*/, Promise.reject(error_10)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getTaxonomyFieldInternalName = function (listId, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_11;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/Fields/getByInternalNameOrTitle('\" + fieldName + \"_0')/InternalName?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_11 = _a.sent();\n                        console.dir(error_11);\n                        return [2 /*return*/, Promise.reject(error_11)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getUsersUPNFromFieldValue = function (listId, listItemId, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, emails_1, error_12;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemId + \")?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/Title,\" + fieldName + \"/Id&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            emails_1 = [];\n                            result[fieldName].forEach(function (element) {\n                                emails_1.push(element.Id + \"/\" + element.Title);\n                            });\n                            return [2 /*return*/, emails_1];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_12 = _a.sent();\n                        console.dir(error_12);\n                        return [2 /*return*/, Promise.reject(error_12)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getUserUPNById = function (userId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_13;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/getuserbyid(\" + userId + \")?$select=UserPrincipalName,Title\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, userId + \"/\" + results.Title];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_13 = _a.sent();\n                        console.dir(error_13);\n                        return [2 /*return*/, Promise.reject(error_13)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getSingleManagedMtadataLabel = function (listId, listItemId, fieldName) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_14;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = this._context.pageContext.web.absoluteUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RenderListDataAsStream?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {\n                                body: JSON.stringify({\n                                    parameters: {\n                                        RenderOptions: 2,\n                                        ViewXml: \"<View Scope=\\\"RecursiveAll\\\">\\n                        <ViewFields>\\n                          <FieldRef Name=\\\"\" + fieldName + \"\\\"/>\\n                        </ViewFields>\\n                        <Query>\\n                          <Where>\\n                            <Eq>\\n                              <FieldRef Name=\\\"ID\\\"/>\\n                              <Value Type=\\\"Number\\\">\" + listItemId + \"</Value>\\n                            </Eq>\\n                          </Where>\\n                        </Query>\\n                        <RowLimit Paged=\\\"TRUE\\\">1</RowLimit>\\n                      </View>\"\n                                    }\n                                })\n                            })];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.Row[0][fieldName]];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_14 = _a.sent();\n                        console.dir(error_14);\n                        return [2 /*return*/, Promise.reject(error_14)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.uploadImage = function (listId, itemId, fileName, file, listTitle, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, listTitleValue, listApiUrl, listResponse, listJson, apiUrl, response, result;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        listTitleValue = listTitle;\n                        if (!!listTitle) return [3 /*break*/, 3];\n                        listApiUrl = urlCombine(webAbsoluteUrl, \"/_api/web/lists('\" + listId + \"')\", false);\n                        return [4 /*yield*/, this._context.spHttpClient.get(listApiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        listResponse = _a.sent();\n                        return [4 /*yield*/, listResponse.json()];\n                    case 2:\n                        listJson = _a.sent();\n                        listTitleValue = listJson.Title;\n                        _a.label = 3;\n                    case 3:\n                        apiUrl = urlCombine(webAbsoluteUrl, \"/_api/web/UploadImage(listTitle=@a1,imageName=@a2,listId=@a3,itemId=@a4)?@a1='\" + listTitleValue + \"'&@a2='\" + fileName + \"'&@a3='\" + listId + \"'&@a4=\" + (itemId || 0), false);\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {\n                                body: file,\n                                headers: {\n                                    'content-length': file.byteLength.toString()\n                                }\n                            })];\n                    case 4:\n                        response = _a.sent();\n                        return [4 /*yield*/, response.json()];\n                    case 5:\n                        result = _a.sent();\n                        return [2 /*return*/, result];\n                }\n            });\n        });\n    };\n    return SPService;\n}());\nexport default SPService;\n"
         },
         {
           "id": "8vd5",
@@ -99395,9 +99395,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -118560,9 +118560,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -124911,9 +124911,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
-          "issuerId": "OQ9B",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js",
+          "issuerId": "uz3O",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -124946,9 +124946,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js"
             },
             {
-              "id": "OQ9B",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js"
+              "id": "uz3O",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js"
             }
           ],
           "failed": false,
@@ -143236,9 +143236,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/eventListeners.js",
-          "issuerId": "rW7i",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/eventListeners.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js",
+          "issuerId": "J2fa",
+          "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -143291,14 +143291,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "HnbP",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             },
             {
-              "id": "rW7i",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/eventListeners.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/eventListeners.js"
+              "id": "J2fa",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js",
+              "name": "./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js"
             }
           ],
           "failed": false,
@@ -156745,7 +156745,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "lodash/find",
-              "loc": "136:39-43"
+              "loc": "188:39-43"
             },
             {
               "moduleId": "RvdB",
@@ -165919,9 +165919,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
-          "issuerId": "neCt",
-          "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js",
+          "issuerId": "titc",
+          "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -165974,19 +165974,19 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "bO7i",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
-              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+              "id": "HnbP",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
             },
             {
-              "id": "thf+",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
-              "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+              "id": "lDWV",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
             },
             {
-              "id": "neCt",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
-              "name": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js"
+              "id": "titc",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js",
+              "name": "./node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js"
             }
           ],
           "failed": false,
@@ -204777,7 +204777,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "../common/utilities",
-              "loc": "724:37-47"
+              "loc": "776:37-47"
             },
             {
               "moduleId": "8uaQ",
@@ -204786,7 +204786,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "../common/utilities",
-              "loc": "734:33-43"
+              "loc": "786:33-43"
             },
             {
               "moduleId": "XXgc",
@@ -208202,9 +208202,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "issuerId": "pOGM",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/Persona.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "issuerId": "li+k",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -208237,9 +208237,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             }
           ],
           "failed": false,
@@ -210844,9 +210844,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/accessibility/dist/es/behaviors/index.js",
-          "issuerId": "6NK5",
-          "issuerName": "./node_modules/@fluentui/accessibility/dist/es/behaviors/index.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/accessibility/dist/es/behaviors/Toolbar/toolbarRadioGroupItemBehavior.js",
+          "issuerId": "6AiU",
+          "issuerName": "./node_modules/@fluentui/accessibility/dist/es/behaviors/Toolbar/toolbarRadioGroupItemBehavior.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -210872,6 +210872,11 @@
               "id": "6NK5",
               "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/accessibility/dist/es/behaviors/index.js",
               "name": "./node_modules/@fluentui/accessibility/dist/es/behaviors/index.js"
+            },
+            {
+              "id": "6AiU",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/accessibility/dist/es/behaviors/Toolbar/toolbarRadioGroupItemBehavior.js",
+              "name": "./node_modules/@fluentui/accessibility/dist/es/behaviors/Toolbar/toolbarRadioGroupItemBehavior.js"
             }
           ],
           "failed": false,
@@ -224973,9 +224978,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
-          "issuerId": "XX6W",
-          "issuerName": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuerId": "lDWV",
+          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -225033,14 +225038,9 @@
               "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
             },
             {
-              "id": "E0qH",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/popperOffsets.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"
-            },
-            {
-              "id": "XX6W",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
-              "name": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js"
+              "id": "lDWV",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
             }
           ],
           "failed": false,
@@ -237360,9 +237360,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -249108,9 +249108,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -265358,9 +265358,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -283094,9 +283094,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -286051,7 +286051,7 @@
           "name": "./lib/services/SPServiceMock.js",
           "index": 2927,
           "index2": 2921,
-          "size": 4686,
+          "size": 4806,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -286123,7 +286123,7 @@
           ],
           "optimizationBailout": [],
           "depth": 6,
-          "source": "var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar SPServiceMock = /** @class */ (function () {\n    function SPServiceMock(includeDelay, delayTimeout) {\n        var _this = this;\n        this.getField = function (listId, internalColumnName, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                return [2 /*return*/];\n            });\n        }); };\n        this._includeDelay = includeDelay;\n        this._delayTimeout = delayTimeout || 500;\n    }\n    SPServiceMock.prototype.getListItems = function (filterText, listId, internalColumnName, field, keyInternalColumnName, webUrl) {\n        throw new Error(\"Method not implemented.\");\n    };\n    SPServiceMock.prototype.getLibs = function (options) {\n        var _this = this;\n        return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!(this._includeDelay === true)) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.sleep(this._delayTimeout)];\n                    case 1:\n                        _a.sent(); // Simulate network load\n                        _a.label = 2;\n                    case 2:\n                        resolve(SPServiceMock._lists);\n                        return [2 /*return*/];\n                }\n            });\n        }); });\n    };\n    /**\n    * Locks the thread for the specified amount of time\n    * @param ms Milliseconds to wait\n    */\n    SPServiceMock.prototype.sleep = function (ms) {\n        return new Promise(function (resolve) { return setTimeout(resolve, ms); });\n    };\n    /**\n    * The mock lists to present to the local workbench\n    */\n    SPServiceMock._lists = {\n        value: [\n            { Id: '8dc80f2e-0e01-43ee-b59e-fbbca2d1f35e', Title: 'Mock List One', BaseTemplate: '109' },\n            { Id: '772a30d4-2d62-42da-aa48-c2a37971d693', Title: 'Mock List Two', BaseTemplate: '109' },\n            { Id: '16c0d1c6-b467-4823-a37b-c308cf730366', Title: 'Mock List Three', BaseTemplate: '109' }\n        ]\n    };\n    return SPServiceMock;\n}());\nexport default SPServiceMock;\n"
+          "source": "var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar SPServiceMock = /** @class */ (function () {\n    function SPServiceMock(includeDelay, delayTimeout) {\n        var _this = this;\n        this.getField = function (listId, internalColumnName, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                return [2 /*return*/];\n            });\n        }); };\n        this._includeDelay = includeDelay;\n        this._delayTimeout = delayTimeout || 500;\n    }\n    SPServiceMock.prototype.getFields = function (options) {\n        throw new Error(\"Method not implemented.\");\n    };\n    SPServiceMock.prototype.getListItems = function (filterText, listId, internalColumnName, field, keyInternalColumnName, webUrl) {\n        throw new Error(\"Method not implemented.\");\n    };\n    SPServiceMock.prototype.getLibs = function (options) {\n        var _this = this;\n        return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!(this._includeDelay === true)) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.sleep(this._delayTimeout)];\n                    case 1:\n                        _a.sent(); // Simulate network load\n                        _a.label = 2;\n                    case 2:\n                        resolve(SPServiceMock._lists);\n                        return [2 /*return*/];\n                }\n            });\n        }); });\n    };\n    /**\n    * Locks the thread for the specified amount of time\n    * @param ms Milliseconds to wait\n    */\n    SPServiceMock.prototype.sleep = function (ms) {\n        return new Promise(function (resolve) { return setTimeout(resolve, ms); });\n    };\n    /**\n    * The mock lists to present to the local workbench\n    */\n    SPServiceMock._lists = {\n        value: [\n            { Id: '8dc80f2e-0e01-43ee-b59e-fbbca2d1f35e', Title: 'Mock List One', BaseTemplate: '109' },\n            { Id: '772a30d4-2d62-42da-aa48-c2a37971d693', Title: 'Mock List Two', BaseTemplate: '109' },\n            { Id: '16c0d1c6-b467-4823-a37b-c308cf730366', Title: 'Mock List Three', BaseTemplate: '109' }\n        ]\n    };\n    return SPServiceMock;\n}());\nexport default SPServiceMock;\n"
         },
         {
           "id": "Y7NP",
@@ -291076,9 +291076,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -311783,9 +311783,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -312821,9 +312821,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -373080,7 +373080,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.9.0-beta.2437383\";\n"
+          "source": "export var version = \"3.9.0-beta.2451209\";\n"
         },
         {
           "id": "cLrF",
@@ -399828,9 +399828,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -405927,9 +405927,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
+          "issuerId": "neCt",
+          "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -405982,14 +405982,19 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "HnbP",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "thf+",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+            },
+            {
+              "id": "neCt",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
+              "name": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js"
             }
           ],
           "failed": false,
@@ -408182,9 +408187,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -410583,9 +410588,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -428886,7 +428891,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "lodash/filter",
-              "loc": "135:44-50"
+              "loc": "187:44-50"
             },
             {
               "moduleId": "YeKa",
@@ -430344,9 +430349,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -433083,9 +433088,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -442980,9 +442985,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "issuerId": "thf+",
+          "issuerName": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -443035,14 +443040,14 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "HnbP",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "thf+",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
             }
           ],
           "failed": false,
@@ -453166,7 +453171,7 @@
           "name": "./lib/services/ISPService.js",
           "index": 2919,
           "index2": 2913,
-          "size": 189,
+          "size": 376,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -453230,15 +453235,16 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "./ISPService",
-              "loc": "97:76-87"
+              "loc": "149:76-87"
             }
           ],
           "providedExports": [
-            "LibsOrderBy"
+            "LibsOrderBy",
+            "FieldsOrderBy"
           ],
           "optimizationBailout": [],
           "depth": 6,
-          "source": "export var LibsOrderBy;\n(function (LibsOrderBy) {\n    LibsOrderBy[LibsOrderBy[\"Id\"] = 1] = \"Id\";\n    LibsOrderBy[LibsOrderBy[\"Title\"] = 2] = \"Title\";\n})(LibsOrderBy || (LibsOrderBy = {}));\n"
+          "source": "export var LibsOrderBy;\n(function (LibsOrderBy) {\n    LibsOrderBy[LibsOrderBy[\"Id\"] = 1] = \"Id\";\n    LibsOrderBy[LibsOrderBy[\"Title\"] = 2] = \"Title\";\n})(LibsOrderBy || (LibsOrderBy = {}));\nexport var FieldsOrderBy;\n(function (FieldsOrderBy) {\n    FieldsOrderBy[\"Title\"] = \"Title\";\n    FieldsOrderBy[\"InternalName\"] = \"InternalName\";\n})(FieldsOrderBy || (FieldsOrderBy = {}));\n"
         },
         {
           "id": "o7xB",
@@ -469281,9 +469287,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -474641,9 +474647,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuerId": "lDWV",
+          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -474701,9 +474707,9 @@
               "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "lDWV",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
             }
           ],
           "failed": false,
@@ -485745,9 +485751,9 @@
               "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "lDWV",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
             },
             {
               "id": "titc",
@@ -491669,9 +491675,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/offset.js",
-          "issuerId": "mDVL",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/offset.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "issuerId": "bO7i",
+          "issuerName": "./node_modules/@popperjs/core/lib/createPopper.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -491724,14 +491730,9 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "HnbP",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
-            },
-            {
-              "id": "mDVL",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/offset.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/offset.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
             }
           ],
           "failed": false,
@@ -491932,9 +491933,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
-          "issuerId": "fNrw",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js",
+          "issuerId": "rmyN",
+          "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -491987,14 +491988,19 @@
               "name": "./node_modules/@popperjs/core/lib/index.js"
             },
             {
-              "id": "HnbP",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+              "id": "bO7i",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+              "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+            },
+            {
+              "id": "0RYX",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js",
+              "name": "./node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js"
             },
             {
-              "id": "fNrw",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
+              "id": "rmyN",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js",
+              "name": "./node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js"
             }
           ],
           "failed": false,
@@ -493404,9 +493410,9 @@
           "chunks": [
             "controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "issuerId": "CSm3",
-          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "issuerId": "lDWV",
+          "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -493464,9 +493470,9 @@
               "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
             },
             {
-              "id": "CSm3",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-              "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+              "id": "lDWV",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+              "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
             }
           ],
           "failed": false,
@@ -494189,9 +494195,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -499975,9 +499981,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -502463,9 +502469,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -504347,9 +504353,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -507544,7 +507550,16 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "127:86-98"
+              "loc": "115:97-109"
+            },
+            {
+              "moduleId": "8uaQ",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/services/SPService.js",
+              "module": "./lib/services/SPService.js",
+              "moduleName": "./lib/services/SPService.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-http",
+              "loc": "179:86-98"
             },
             {
               "moduleId": "8uaQ",
@@ -507553,7 +507568,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "185:85-97"
+              "loc": "237:85-97"
             },
             {
               "moduleId": "8uaQ",
@@ -507562,7 +507577,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "189:88-100"
+              "loc": "241:88-100"
             },
             {
               "moduleId": "8uaQ",
@@ -507571,7 +507586,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "249:84-96"
+              "loc": "301:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507580,7 +507595,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "287:84-96"
+              "loc": "339:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507589,7 +507604,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "328:85-97"
+              "loc": "380:85-97"
             },
             {
               "moduleId": "8uaQ",
@@ -507598,7 +507613,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "375:85-97"
+              "loc": "427:85-97"
             },
             {
               "moduleId": "8uaQ",
@@ -507607,7 +507622,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "403:84-96"
+              "loc": "455:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507616,7 +507631,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "440:84-96"
+              "loc": "492:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507625,7 +507640,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "474:84-96"
+              "loc": "526:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507634,7 +507649,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "504:84-96"
+              "loc": "556:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507643,7 +507658,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "529:84-96"
+              "loc": "581:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507652,7 +507667,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "559:84-96"
+              "loc": "611:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507661,7 +507676,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "593:84-96"
+              "loc": "645:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507670,7 +507685,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "623:84-96"
+              "loc": "675:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507679,7 +507694,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "657:84-96"
+              "loc": "709:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -507688,7 +507703,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "687:85-97"
+              "loc": "739:85-97"
             },
             {
               "moduleId": "8uaQ",
@@ -507697,7 +507712,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "725:88-100"
+              "loc": "777:88-100"
             },
             {
               "moduleId": "8uaQ",
@@ -507706,7 +507721,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "735:85-97"
+              "loc": "787:85-97"
             },
             {
               "moduleId": "EY9s",
@@ -513511,9 +513526,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -528033,9 +528048,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -528790,9 +528805,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -530386,9 +530401,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -535615,9 +535630,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -544322,7 +544337,7 @@
         "ootb-fields-field-customizer.js",
         "ootb-fields-field-customizer.js.map"
       ],
-      "hash": "7b9540b0cb63e27400cf",
+      "hash": "5b135976a15007938b26",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -560769,9 +560784,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -572543,9 +572558,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -574590,9 +574605,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
-          "issuerId": "OQ9B",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js",
+          "issuerId": "uz3O",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -574625,9 +574640,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js"
             },
             {
-              "id": "OQ9B",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js"
+              "id": "uz3O",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js"
             }
           ],
           "failed": false,
@@ -608178,7 +608193,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "../common/utilities",
-              "loc": "724:37-47"
+              "loc": "776:37-47"
             },
             {
               "moduleId": "8uaQ",
@@ -608187,7 +608202,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "../common/utilities",
-              "loc": "734:33-43"
+              "loc": "786:33-43"
             },
             {
               "moduleId": "XXgc",
@@ -609098,9 +609113,9 @@
             "controls-test-web-part",
             "ootb-fields-field-customizer"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "issuerId": "pOGM",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/Persona.js",
+          "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "issuerId": "li+k",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
           "issuerPath": [
             {
               "id": "G6oG",
@@ -609133,9 +609148,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             }
           ],
           "failed": false,
@@ -620926,9 +620941,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -626600,9 +626615,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -630772,9 +630787,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -633893,9 +633908,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -634856,9 +634871,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -640530,9 +640545,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -640771,9 +640786,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -696570,7 +696585,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.9.0-beta.2437383\";\n"
+          "source": "export var version = \"3.9.0-beta.2451209\";\n"
         },
         {
           "id": "cPD0",
@@ -700006,9 +700021,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -701429,9 +701444,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -701746,9 +701761,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -708112,9 +708127,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -708530,9 +708545,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -714098,9 +714113,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -718223,9 +718238,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -720292,9 +720307,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -720802,9 +720817,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -721311,9 +721326,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -722864,7 +722879,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "127:86-98"
+              "loc": "115:97-109"
             },
             {
               "moduleId": "8uaQ",
@@ -722873,7 +722888,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "185:85-97"
+              "loc": "179:86-98"
             },
             {
               "moduleId": "8uaQ",
@@ -722882,7 +722897,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "189:88-100"
+              "loc": "237:85-97"
             },
             {
               "moduleId": "8uaQ",
@@ -722891,7 +722906,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "249:84-96"
+              "loc": "241:88-100"
             },
             {
               "moduleId": "8uaQ",
@@ -722900,7 +722915,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "287:84-96"
+              "loc": "301:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -722909,7 +722924,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "328:85-97"
+              "loc": "339:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -722918,7 +722933,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "375:85-97"
+              "loc": "380:85-97"
             },
             {
               "moduleId": "8uaQ",
@@ -722927,7 +722942,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "403:84-96"
+              "loc": "427:85-97"
             },
             {
               "moduleId": "8uaQ",
@@ -722936,7 +722951,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "440:84-96"
+              "loc": "455:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -722945,7 +722960,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "474:84-96"
+              "loc": "492:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -722954,7 +722969,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "504:84-96"
+              "loc": "526:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -722963,7 +722978,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "529:84-96"
+              "loc": "556:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -722972,7 +722987,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "559:84-96"
+              "loc": "581:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -722981,7 +722996,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "593:84-96"
+              "loc": "611:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -722990,7 +723005,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "623:84-96"
+              "loc": "645:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -722999,7 +723014,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "657:84-96"
+              "loc": "675:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -723008,7 +723023,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "687:85-97"
+              "loc": "709:84-96"
             },
             {
               "moduleId": "8uaQ",
@@ -723017,7 +723032,7 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "725:88-100"
+              "loc": "739:85-97"
             },
             {
               "moduleId": "8uaQ",
@@ -723026,7 +723041,16 @@
               "moduleName": "./lib/services/SPService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "735:85-97"
+              "loc": "777:88-100"
+            },
+            {
+              "moduleId": "8uaQ",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/services/SPService.js",
+              "module": "./lib/services/SPService.js",
+              "moduleName": "./lib/services/SPService.js",
+              "type": "harmony import specifier",
+              "userRequest": "@microsoft/sp-http",
+              "loc": "787:85-97"
             },
             {
               "moduleId": "EY9s",
@@ -723914,9 +723938,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -727775,9 +727799,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -728127,9 +728151,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -728575,9 +728599,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -730358,9 +730382,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
             },
             {
-              "id": "pOGM",
-              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+              "id": "li+k",
+              "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
             },
             {
               "id": "O/R2",
@@ -745849,9 +745873,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+      "issuerId": "thf+",
+      "issuerName": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -745904,14 +745928,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "HnbP",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "thf+",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
         }
       ],
       "failed": false,
@@ -784539,9 +784563,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuerId": "lDWV",
+      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -784599,9 +784623,9 @@
           "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "lDWV",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
         }
       ],
       "failed": false,
@@ -786724,9 +786748,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuerId": "lDWV",
+      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -786784,9 +786808,9 @@
           "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "lDWV",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
         }
       ],
       "failed": false,
@@ -817602,7 +817626,7 @@
       "name": "./lib/services/SPService.js",
       "index": 2918,
       "index2": 2916,
-      "size": 40419,
+      "size": 43207,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -817687,7 +817711,7 @@
       ],
       "optimizationBailout": [],
       "depth": 5,
-      "source": "var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport { LibsOrderBy } from \"./ISPService\";\nimport { SPHttpClient } from \"@microsoft/sp-http\";\nimport { urlCombine } from \"../common/utilities\";\nimport filter from 'lodash/filter';\nimport find from 'lodash/find';\nvar SPService = /** @class */ (function () {\n    function SPService(_context, webAbsoluteUrl) {\n        var _this = this;\n        this._context = _context;\n        this.getField = function (listId, internalColumnName, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, field, resultTypeRegEx, resultTypeMatch, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/fields/getByInternalNameOrTitle('\" + internalColumnName + \"')\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            field = results;\n                            if (field.TypeAsString === 'Calculated') {\n                                resultTypeRegEx = /ResultType=\"(\\w+)\"/gmi;\n                                resultTypeMatch = resultTypeRegEx.exec(field.SchemaXml);\n                                field.ResultType = resultTypeMatch[1];\n                            }\n                            return [2 /*return*/, field];\n                        }\n                        _a.label = 3;\n                    case 3: return [3 /*break*/, 5];\n                    case 4:\n                        error_1 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_1)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        }); };\n        this._webAbsoluteUrl = webAbsoluteUrl ? webAbsoluteUrl : this._context.pageContext.web.absoluteUrl;\n    }\n    /**\n     * Get lists or libraries\n     *\n     * @param options\n     */\n    SPService.prototype.getLibs = function (options) {\n        return __awaiter(this, void 0, void 0, function () {\n            var filtered, queryUrl, numbers_1, mapNumbers, data, result, filteredLists;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        queryUrl = this._webAbsoluteUrl + \"/_api/web/lists?$select=Title,id,BaseTemplate\";\n                        if (options.contentTypeId) {\n                            queryUrl += \",ContentTypes/Id&$expand=ContentTypes\";\n                        }\n                        if (options.orderBy) {\n                            queryUrl += \"&$orderby=\" + (options.orderBy === LibsOrderBy.Id ? 'Id' : 'Title');\n                        }\n                        if (options.filter) {\n                            queryUrl += \"&$filter=\" + encodeURIComponent(options.filter);\n                        }\n                        else {\n                            if (options.baseTemplate) {\n                                if (Array.isArray(options.baseTemplate)) {\n                                    numbers_1 = options.baseTemplate;\n                                    mapNumbers = numbers_1.map(function (i) {\n                                        if (i == numbers_1[0]) {\n                                            return \"BaseTemplate eq \" + i;\n                                        }\n                                        else {\n                                            return \"or BaseTemplate eq \" + i;\n                                        }\n                                    });\n                                    queryUrl += \"&$filter=\" + mapNumbers.join(\" \");\n                                    filtered = true;\n                                }\n                                else {\n                                    queryUrl += \"&$filter=BaseTemplate eq \" + options.baseTemplate;\n                                    filtered = true;\n                                }\n                            }\n                            if (options.includeHidden === false) {\n                                queryUrl += filtered ? ' and Hidden eq false' : '&$filter=Hidden eq false';\n                                filtered = true;\n                            }\n                        }\n                        return [4 /*yield*/, this._context.spHttpClient.get(queryUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (options.contentTypeId) {\n                            filteredLists = filter(result.value, function (aList) {\n                                return find(aList.ContentTypes, function (ct) {\n                                    return ct.Id.StringValue.toUpperCase().startsWith(options.contentTypeId.toUpperCase());\n                                });\n                            });\n                            result.value = filteredLists;\n                        }\n                        return [2 /*return*/, result];\n                    case 3: return [2 /*return*/, null];\n                }\n            });\n        });\n    };\n    /**\n     * Get List Items\n     */\n    SPService.prototype.getListItems = function (filterText, listId, internalColumnName, field, keyInternalColumnName, webUrl, filterString, substringSearch, orderBy) {\n        if (substringSearch === void 0) { substringSearch = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            var returnItems, webAbsoluteUrl, apiUrl, isPost, orderByStr, orderByParts, ascStr, camlQuery, filterStr, data, _a, results, error_2;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = '';\n                        isPost = false;\n                        if (field && field.TypeAsString === 'Calculated') { // for calculated fields we need to use CAML query\n                            orderByStr = '';\n                            if (orderBy) {\n                                orderByParts = orderBy.split(' ');\n                                ascStr = '';\n                                if (orderByParts[1] && orderByParts[1].toLowerCase() === 'desc') {\n                                    ascStr = \"Ascending=\\\"FALSE\\\"\";\n                                }\n                                orderByStr = \"<OrderBy><FieldRef Name=\\\"\" + orderByParts[0] + \"\\\" \" + ascStr + \" />\";\n                            }\n                            camlQuery = \"<View><Query><Where>\" + (substringSearch ? '<Contains>' : '<BeginsWith>') + \"<FieldRef Name=\\\"\" + internalColumnName + \"\\\"/><Value Type=\\\"\" + field.ResultType + \"\\\">\" + filterText + \"</Value>\" + (substringSearch ? '</Contains>' : '</BeginsWith>') + \"</Where>\" + orderByStr + \"</Query></View>\";\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/GetItems(query=@v1)?$select=\" + (keyInternalColumnName || 'Id') + \",\" + internalColumnName + \"&@v1=\" + JSON.stringify({ ViewXml: camlQuery });\n                            isPost = true;\n                        }\n                        else {\n                            filterStr = substringSearch ? // JJ - 20200613 - find by substring as an option\n                                \"\" + (filterText ? \"substringof('\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"',\" + internalColumnName + \")\" : '') + (filterString ? (filterText ? ' and ' : '') + filterString : '')\n                                : \"\" + (filterText ? \"startswith(\" + internalColumnName + \",'\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"')\" : '') + (filterString ? (filterText ? ' and ' : '') + filterString : '');\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/items?$select=\" + (keyInternalColumnName || 'Id') + \",\" + internalColumnName + \"&$filter=\" + filterStr + \"&$orderby=\" + orderBy;\n                        }\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 8, , 9]);\n                        if (!isPost) return [3 /*break*/, 3];\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {})];\n                    case 2:\n                        _a = _b.sent();\n                        return [3 /*break*/, 5];\n                    case 3: return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 4:\n                        _a = _b.sent();\n                        _b.label = 5;\n                    case 5:\n                        data = _a;\n                        if (!data.ok) return [3 /*break*/, 7];\n                        return [4 /*yield*/, data.json()];\n                    case 6:\n                        results = _b.sent();\n                        if (results && results.value && results.value.length > 0) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _b.label = 7;\n                    case 7: return [2 /*return*/, []];\n                    case 8:\n                        error_2 = _b.sent();\n                        return [2 /*return*/, Promise.reject(error_2)];\n                    case 9: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n  * Gets list items for list item picker\n  * @param filterText\n  * @param listId\n  * @param internalColumnName\n  * @param [keyInternalColumnName]\n  * @param [webUrl]\n  * @param [filterList]\n  * @returns list items for list item picker\n  */\n    SPService.prototype.getListItemsForListItemPicker = function (filterText, listId, internalColumnName, keyInternalColumnName, webUrl, filterList) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _filter, costumfilter, _top, webAbsoluteUrl, apiUrl, data, results, error_3;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _filter = \"$filter=startswith(\" + internalColumnName + \",'\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"') \";\n                        costumfilter = filterList\n                            ? \"and \" + filterList\n                            : \"\";\n                        _top = \" &$top=2000\";\n                        // test wild character \"*\"  if \"*\" load first 30 items\n                        if ((filterText.trim().indexOf(\"*\") == 0 &&\n                            filterText.trim().length == 1) ||\n                            filterText.trim().length == 0) {\n                            _filter = \"\";\n                            costumfilter = filterList ? \"$filter=\" + filterList + \"&\" : \"\";\n                            _top = \"$top=500\";\n                        }\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 5, , 6]);\n                        webAbsoluteUrl = !webUrl\n                            ? this._webAbsoluteUrl\n                            : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/items?$orderby=\" + internalColumnName + \"&$select=\" + (keyInternalColumnName ||\n                            \"Id\") + \",\" + internalColumnName + \"&\" + _filter + costumfilter + _top;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 2:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 4];\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        results = _a.sent();\n                        if (results &&\n                            results.value &&\n                            results.value.length > 0) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 4;\n                    case 4: return [2 /*return*/, []];\n                    case 5:\n                        error_3 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_3)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get list item attachments\n     *\n     * @param listId\n     * @param itemId\n     * @param webUrl\n     */\n    SPService.prototype.getListItemAttachments = function (listId, itemId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_4;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId));\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results && results.value) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_4 = _a.sent();\n                        console.dir(error_4);\n                        return [2 /*return*/, Promise.reject(error_4)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Delete attachment\n     *\n     * @param fileName\n     * @param listId\n     * @param itemId\n     * @param webUrl\n     */\n    SPService.prototype.deleteAttachment = function (fileName, listId, itemId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var spOpts, webAbsoluteUrl, apiUrl, data, error_5;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 2, , 3]);\n                        spOpts = {\n                            headers: { \"X-HTTP-Method\": 'DELETE', }\n                        };\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/getByFileName(@fileName)/RecycleObject?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, spOpts)];\n                    case 1:\n                        data = _a.sent();\n                        return [3 /*break*/, 3];\n                    case 2:\n                        error_5 = _a.sent();\n                        console.dir(error_5);\n                        return [2 /*return*/, Promise.reject(error_5)];\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Add attachment\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param file\n     * @param webUrl\n     */\n    SPService.prototype.addAttachment = function (listId, itemId, fileName, file, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var fileExists, spOpts, webAbsoluteUrl, apiUrl, data, error_6;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        // Remove special characters in FileName\n                        //Updating the escape characters for filename as per the doucmentations\n                        //https://support.microsoft.com/en-us/kb/905231\n                        fileName = fileName.replace(/[\\~\\#\\%\\&\\*\\{\\}\\\\\\:\\<\\>\\?\\/\\+\\|]/gi, '');\n                        return [4 /*yield*/, this.checkAttachmentExists(listId, itemId, fileName, webUrl)];\n                    case 1:\n                        fileExists = _a.sent();\n                        if (!fileExists) return [3 /*break*/, 3];\n                        return [4 /*yield*/, this.deleteAttachment(fileName, listId, itemId, webUrl)];\n                    case 2:\n                        _a.sent();\n                        _a.label = 3;\n                    case 3:\n                        spOpts = {\n                            body: file\n                        };\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/add(FileName=@fileName)?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, spOpts)];\n                    case 4:\n                        data = _a.sent();\n                        return [2 /*return*/];\n                    case 5:\n                        error_6 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_6)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get attachement for list item\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param webUrl\n     */\n    SPService.prototype.getAttachment = function (listId, itemId, fileName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, file;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/GetByFileBame(@fileName))?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        file = _a.sent();\n                        if (file) {\n                            return [2 /*return*/, file];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                }\n            });\n        });\n    };\n    /**\n     * Check if the attachment exists\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param webUrl\n     */\n    SPService.prototype.checkAttachmentExists = function (listId, itemId, fileName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var listServerRelativeUrl, webAbsoluteUrl, fileServerRelativeUrl, apiUrl, data, results, error_7;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        return [4 /*yield*/, this.getListServerRelativeUrl(listId, webUrl)];\n                    case 1:\n                        listServerRelativeUrl = _a.sent();\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        fileServerRelativeUrl = listServerRelativeUrl + \"/Attachments/\" + itemId + \"/\" + fileName;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/getfilebyserverrelativeurl(@url)/Exists?@url='\" + encodeURIComponent(fileServerRelativeUrl.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 2:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 4];\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 4;\n                    case 4: return [2 /*return*/, false];\n                    case 5:\n                        error_7 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_7)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get the list name\n     *\n     * @param listId\n     * @param webUrl\n     */\n    SPService.prototype.getListName = function (listId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RootFolder/Name?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get the list server relative url\n     *\n     * @param listId\n     * @param webUrl\n     */\n    SPService.prototype.getListServerRelativeUrl = function (listId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RootFolder/ServerRelativeUrl?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getLookupValue = function (listId, listItemID, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, error_8;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemID + \")/?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/ID,\" + fieldName + \"/Title&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            return [2 /*return*/, [{ key: result[fieldName].ID, name: result[fieldName].Title }]];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_8 = _a.sent();\n                        console.dir(error_8);\n                        return [2 /*return*/, Promise.reject(error_8)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getLookupValues = function (listId, listItemID, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, lookups_1, error_9;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemID + \")?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/ID,\" + fieldName + \"/Title&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            lookups_1 = [];\n                            result[fieldName].forEach(function (element) {\n                                lookups_1.push({ key: element.ID, name: element.Title });\n                            });\n                            return [2 /*return*/, lookups_1];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_9 = _a.sent();\n                        console.dir(error_9);\n                        return [2 /*return*/, Promise.reject(error_9)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getTaxonomyFieldInternalName = function (listId, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_10;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/Fields/getByInternalNameOrTitle('\" + fieldName + \"_0')/InternalName?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_10 = _a.sent();\n                        console.dir(error_10);\n                        return [2 /*return*/, Promise.reject(error_10)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getUsersUPNFromFieldValue = function (listId, listItemId, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, emails_1, error_11;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemId + \")?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/Title,\" + fieldName + \"/Id&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            emails_1 = [];\n                            result[fieldName].forEach(function (element) {\n                                emails_1.push(element.Id + \"/\" + element.Title);\n                            });\n                            return [2 /*return*/, emails_1];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_11 = _a.sent();\n                        console.dir(error_11);\n                        return [2 /*return*/, Promise.reject(error_11)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getUserUPNById = function (userId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_12;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/getuserbyid(\" + userId + \")?$select=UserPrincipalName,Title\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, userId + \"/\" + results.Title];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_12 = _a.sent();\n                        console.dir(error_12);\n                        return [2 /*return*/, Promise.reject(error_12)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getSingleManagedMtadataLabel = function (listId, listItemId, fieldName) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_13;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = this._context.pageContext.web.absoluteUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RenderListDataAsStream?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {\n                                body: JSON.stringify({\n                                    parameters: {\n                                        RenderOptions: 2,\n                                        ViewXml: \"<View Scope=\\\"RecursiveAll\\\">\\n                        <ViewFields>\\n                          <FieldRef Name=\\\"\" + fieldName + \"\\\"/>\\n                        </ViewFields>\\n                        <Query>\\n                          <Where>\\n                            <Eq>\\n                              <FieldRef Name=\\\"ID\\\"/>\\n                              <Value Type=\\\"Number\\\">\" + listItemId + \"</Value>\\n                            </Eq>\\n                          </Where>\\n                        </Query>\\n                        <RowLimit Paged=\\\"TRUE\\\">1</RowLimit>\\n                      </View>\"\n                                    }\n                                })\n                            })];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.Row[0][fieldName]];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_13 = _a.sent();\n                        console.dir(error_13);\n                        return [2 /*return*/, Promise.reject(error_13)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.uploadImage = function (listId, itemId, fileName, file, listTitle, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, listTitleValue, listApiUrl, listResponse, listJson, apiUrl, response, result;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        listTitleValue = listTitle;\n                        if (!!listTitle) return [3 /*break*/, 3];\n                        listApiUrl = urlCombine(webAbsoluteUrl, \"/_api/web/lists('\" + listId + \"')\", false);\n                        return [4 /*yield*/, this._context.spHttpClient.get(listApiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        listResponse = _a.sent();\n                        return [4 /*yield*/, listResponse.json()];\n                    case 2:\n                        listJson = _a.sent();\n                        listTitleValue = listJson.Title;\n                        _a.label = 3;\n                    case 3:\n                        apiUrl = urlCombine(webAbsoluteUrl, \"/_api/web/UploadImage(listTitle=@a1,imageName=@a2,listId=@a3,itemId=@a4)?@a1='\" + listTitleValue + \"'&@a2='\" + fileName + \"'&@a3='\" + listId + \"'&@a4=\" + (itemId || 0), false);\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {\n                                body: file,\n                                headers: {\n                                    'content-length': file.byteLength.toString()\n                                }\n                            })];\n                    case 4:\n                        response = _a.sent();\n                        return [4 /*yield*/, response.json()];\n                    case 5:\n                        result = _a.sent();\n                        return [2 /*return*/, result];\n                }\n            });\n        });\n    };\n    return SPService;\n}());\nexport default SPService;\n"
+      "source": "var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport { LibsOrderBy } from \"./ISPService\";\nimport { SPHttpClient } from \"@microsoft/sp-http\";\nimport { urlCombine } from \"../common/utilities\";\nimport filter from 'lodash/filter';\nimport find from 'lodash/find';\nvar SPService = /** @class */ (function () {\n    function SPService(_context, webAbsoluteUrl) {\n        var _this = this;\n        this._context = _context;\n        this.getField = function (listId, internalColumnName, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, field, resultTypeRegEx, resultTypeMatch, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/fields/getByInternalNameOrTitle('\" + internalColumnName + \"')\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            field = results;\n                            if (field.TypeAsString === 'Calculated') {\n                                resultTypeRegEx = /ResultType=\"(\\w+)\"/gmi;\n                                resultTypeMatch = resultTypeRegEx.exec(field.SchemaXml);\n                                field.ResultType = resultTypeMatch[1];\n                            }\n                            return [2 /*return*/, field];\n                        }\n                        _a.label = 3;\n                    case 3: return [3 /*break*/, 5];\n                    case 4:\n                        error_1 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_1)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        }); };\n        this._webAbsoluteUrl = webAbsoluteUrl ? webAbsoluteUrl : this._context.pageContext.web.absoluteUrl;\n    }\n    SPService.prototype.getFields = function (options) {\n        return __awaiter(this, void 0, void 0, function () {\n            var queryUrlString, queryUrl, usedFilter, filterPrefix, usedFilter, filterPrefix, data, result, error_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 3, , 4]);\n                        queryUrlString = this._webAbsoluteUrl + \"/_api/web\";\n                        if (options.listId) {\n                            queryUrlString += \"/lists('\" + options.listId + \"')\";\n                        }\n                        queryUrlString += \"/fields?\";\n                        queryUrl = new URL(queryUrlString);\n                        if (options.orderBy) {\n                            queryUrl.searchParams.set('$orderby', options.orderBy.toString());\n                        }\n                        if (options.filter) {\n                            queryUrl.searchParams.set('$filter', options.filter);\n                        }\n                        else {\n                            if (options.group) {\n                                queryUrl.searchParams.set('$filter', \"Group eq '\" + options.group + \"'\");\n                            }\n                            if (!options.includeHidden) {\n                                usedFilter = queryUrl.searchParams.get('$filter');\n                                filterPrefix = usedFilter ? usedFilter + ' and ' : '';\n                                queryUrl.searchParams.set('$filter', filterPrefix + 'Hidden eq false');\n                            }\n                            if (!options.includeReadOnly) {\n                                usedFilter = queryUrl.searchParams.get('$filter');\n                                filterPrefix = usedFilter ? usedFilter + ' and ' : '';\n                                queryUrl.searchParams.set('$filter', filterPrefix + 'ReadOnlyField eq false');\n                            }\n                        }\n                        return [4 /*yield*/, this._context.spHttpClient.get(queryUrl.toString(), SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) {\n                            return [2 /*return*/, null];\n                        }\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        return [2 /*return*/, result.value];\n                    case 3:\n                        error_2 = _a.sent();\n                        throw Error(error_2);\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get lists or libraries\n     *\n     * @param options\n     */\n    SPService.prototype.getLibs = function (options) {\n        return __awaiter(this, void 0, void 0, function () {\n            var filtered, queryUrl, numbers_1, mapNumbers, data, result, filteredLists;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        queryUrl = this._webAbsoluteUrl + \"/_api/web/lists?$select=Title,id,BaseTemplate\";\n                        if (options.contentTypeId) {\n                            queryUrl += \",ContentTypes/Id&$expand=ContentTypes\";\n                        }\n                        if (options.orderBy) {\n                            queryUrl += \"&$orderby=\" + (options.orderBy === LibsOrderBy.Id ? 'Id' : 'Title');\n                        }\n                        if (options.filter) {\n                            queryUrl += \"&$filter=\" + encodeURIComponent(options.filter);\n                        }\n                        else {\n                            if (options.baseTemplate) {\n                                if (Array.isArray(options.baseTemplate)) {\n                                    numbers_1 = options.baseTemplate;\n                                    mapNumbers = numbers_1.map(function (i) {\n                                        if (i == numbers_1[0]) {\n                                            return \"BaseTemplate eq \" + i;\n                                        }\n                                        else {\n                                            return \"or BaseTemplate eq \" + i;\n                                        }\n                                    });\n                                    queryUrl += \"&$filter=\" + mapNumbers.join(\" \");\n                                    filtered = true;\n                                }\n                                else {\n                                    queryUrl += \"&$filter=BaseTemplate eq \" + options.baseTemplate;\n                                    filtered = true;\n                                }\n                            }\n                            if (options.includeHidden === false) {\n                                queryUrl += filtered ? ' and Hidden eq false' : '&$filter=Hidden eq false';\n                                filtered = true;\n                            }\n                        }\n                        return [4 /*yield*/, this._context.spHttpClient.get(queryUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (options.contentTypeId) {\n                            filteredLists = filter(result.value, function (aList) {\n                                return find(aList.ContentTypes, function (ct) {\n                                    return ct.Id.StringValue.toUpperCase().startsWith(options.contentTypeId.toUpperCase());\n                                });\n                            });\n                            result.value = filteredLists;\n                        }\n                        return [2 /*return*/, result];\n                    case 3: return [2 /*return*/, null];\n                }\n            });\n        });\n    };\n    /**\n     * Get List Items\n     */\n    SPService.prototype.getListItems = function (filterText, listId, internalColumnName, field, keyInternalColumnName, webUrl, filterString, substringSearch, orderBy) {\n        if (substringSearch === void 0) { substringSearch = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            var returnItems, webAbsoluteUrl, apiUrl, isPost, orderByStr, orderByParts, ascStr, camlQuery, filterStr, data, _a, results, error_3;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = '';\n                        isPost = false;\n                        if (field && field.TypeAsString === 'Calculated') { // for calculated fields we need to use CAML query\n                            orderByStr = '';\n                            if (orderBy) {\n                                orderByParts = orderBy.split(' ');\n                                ascStr = '';\n                                if (orderByParts[1] && orderByParts[1].toLowerCase() === 'desc') {\n                                    ascStr = \"Ascending=\\\"FALSE\\\"\";\n                                }\n                                orderByStr = \"<OrderBy><FieldRef Name=\\\"\" + orderByParts[0] + \"\\\" \" + ascStr + \" />\";\n                            }\n                            camlQuery = \"<View><Query><Where>\" + (substringSearch ? '<Contains>' : '<BeginsWith>') + \"<FieldRef Name=\\\"\" + internalColumnName + \"\\\"/><Value Type=\\\"\" + field.ResultType + \"\\\">\" + filterText + \"</Value>\" + (substringSearch ? '</Contains>' : '</BeginsWith>') + \"</Where>\" + orderByStr + \"</Query></View>\";\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/GetItems(query=@v1)?$select=\" + (keyInternalColumnName || 'Id') + \",\" + internalColumnName + \"&@v1=\" + JSON.stringify({ ViewXml: camlQuery });\n                            isPost = true;\n                        }\n                        else {\n                            filterStr = substringSearch ? // JJ - 20200613 - find by substring as an option\n                                \"\" + (filterText ? \"substringof('\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"',\" + internalColumnName + \")\" : '') + (filterString ? (filterText ? ' and ' : '') + filterString : '')\n                                : \"\" + (filterText ? \"startswith(\" + internalColumnName + \",'\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"')\" : '') + (filterString ? (filterText ? ' and ' : '') + filterString : '');\n                            apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/items?$select=\" + (keyInternalColumnName || 'Id') + \",\" + internalColumnName + \"&$filter=\" + filterStr + \"&$orderby=\" + orderBy;\n                        }\n                        _b.label = 1;\n                    case 1:\n                        _b.trys.push([1, 8, , 9]);\n                        if (!isPost) return [3 /*break*/, 3];\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {})];\n                    case 2:\n                        _a = _b.sent();\n                        return [3 /*break*/, 5];\n                    case 3: return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 4:\n                        _a = _b.sent();\n                        _b.label = 5;\n                    case 5:\n                        data = _a;\n                        if (!data.ok) return [3 /*break*/, 7];\n                        return [4 /*yield*/, data.json()];\n                    case 6:\n                        results = _b.sent();\n                        if (results && results.value && results.value.length > 0) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _b.label = 7;\n                    case 7: return [2 /*return*/, []];\n                    case 8:\n                        error_3 = _b.sent();\n                        return [2 /*return*/, Promise.reject(error_3)];\n                    case 9: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n  * Gets list items for list item picker\n  * @param filterText\n  * @param listId\n  * @param internalColumnName\n  * @param [keyInternalColumnName]\n  * @param [webUrl]\n  * @param [filterList]\n  * @returns list items for list item picker\n  */\n    SPService.prototype.getListItemsForListItemPicker = function (filterText, listId, internalColumnName, keyInternalColumnName, webUrl, filterList) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _filter, costumfilter, _top, webAbsoluteUrl, apiUrl, data, results, error_4;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _filter = \"$filter=startswith(\" + internalColumnName + \",'\" + encodeURIComponent(filterText.replace(\"'\", \"''\")) + \"') \";\n                        costumfilter = filterList\n                            ? \"and \" + filterList\n                            : \"\";\n                        _top = \" &$top=2000\";\n                        // test wild character \"*\"  if \"*\" load first 30 items\n                        if ((filterText.trim().indexOf(\"*\") == 0 &&\n                            filterText.trim().length == 1) ||\n                            filterText.trim().length == 0) {\n                            _filter = \"\";\n                            costumfilter = filterList ? \"$filter=\" + filterList + \"&\" : \"\";\n                            _top = \"$top=500\";\n                        }\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 5, , 6]);\n                        webAbsoluteUrl = !webUrl\n                            ? this._webAbsoluteUrl\n                            : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists('\" + listId + \"')/items?$orderby=\" + internalColumnName + \"&$select=\" + (keyInternalColumnName ||\n                            \"Id\") + \",\" + internalColumnName + \"&\" + _filter + costumfilter + _top;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 2:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 4];\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        results = _a.sent();\n                        if (results &&\n                            results.value &&\n                            results.value.length > 0) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 4;\n                    case 4: return [2 /*return*/, []];\n                    case 5:\n                        error_4 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_4)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get list item attachments\n     *\n     * @param listId\n     * @param itemId\n     * @param webUrl\n     */\n    SPService.prototype.getListItemAttachments = function (listId, itemId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_5;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId));\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results && results.value) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_5 = _a.sent();\n                        console.dir(error_5);\n                        return [2 /*return*/, Promise.reject(error_5)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Delete attachment\n     *\n     * @param fileName\n     * @param listId\n     * @param itemId\n     * @param webUrl\n     */\n    SPService.prototype.deleteAttachment = function (fileName, listId, itemId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var spOpts, webAbsoluteUrl, apiUrl, data, error_6;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 2, , 3]);\n                        spOpts = {\n                            headers: { \"X-HTTP-Method\": 'DELETE', }\n                        };\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/getByFileName(@fileName)/RecycleObject?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, spOpts)];\n                    case 1:\n                        data = _a.sent();\n                        return [3 /*break*/, 3];\n                    case 2:\n                        error_6 = _a.sent();\n                        console.dir(error_6);\n                        return [2 /*return*/, Promise.reject(error_6)];\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Add attachment\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param file\n     * @param webUrl\n     */\n    SPService.prototype.addAttachment = function (listId, itemId, fileName, file, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var fileExists, spOpts, webAbsoluteUrl, apiUrl, data, error_7;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        // Remove special characters in FileName\n                        //Updating the escape characters for filename as per the doucmentations\n                        //https://support.microsoft.com/en-us/kb/905231\n                        fileName = fileName.replace(/[\\~\\#\\%\\&\\*\\{\\}\\\\\\:\\<\\>\\?\\/\\+\\|]/gi, '');\n                        return [4 /*yield*/, this.checkAttachmentExists(listId, itemId, fileName, webUrl)];\n                    case 1:\n                        fileExists = _a.sent();\n                        if (!fileExists) return [3 /*break*/, 3];\n                        return [4 /*yield*/, this.deleteAttachment(fileName, listId, itemId, webUrl)];\n                    case 2:\n                        _a.sent();\n                        _a.label = 3;\n                    case 3:\n                        spOpts = {\n                            body: file\n                        };\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/add(FileName=@fileName)?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, spOpts)];\n                    case 4:\n                        data = _a.sent();\n                        return [2 /*return*/];\n                    case 5:\n                        error_7 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_7)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get attachement for list item\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param webUrl\n     */\n    SPService.prototype.getAttachment = function (listId, itemId, fileName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, file;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(@itemId)/AttachmentFiles/GetByFileBame(@fileName))?@listId=guid'\" + encodeURIComponent(listId) + \"'&@itemId=\" + encodeURIComponent(String(itemId)) + \"&@fileName='\" + encodeURIComponent(fileName.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        file = _a.sent();\n                        if (file) {\n                            return [2 /*return*/, file];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                }\n            });\n        });\n    };\n    /**\n     * Check if the attachment exists\n     *\n     * @param listId\n     * @param itemId\n     * @param fileName\n     * @param webUrl\n     */\n    SPService.prototype.checkAttachmentExists = function (listId, itemId, fileName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var listServerRelativeUrl, webAbsoluteUrl, fileServerRelativeUrl, apiUrl, data, results, error_8;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        return [4 /*yield*/, this.getListServerRelativeUrl(listId, webUrl)];\n                    case 1:\n                        listServerRelativeUrl = _a.sent();\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        fileServerRelativeUrl = listServerRelativeUrl + \"/Attachments/\" + itemId + \"/\" + fileName;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/getfilebyserverrelativeurl(@url)/Exists?@url='\" + encodeURIComponent(fileServerRelativeUrl.replace(/'/g, \"''\")) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 2:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 4];\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 4;\n                    case 4: return [2 /*return*/, false];\n                    case 5:\n                        error_8 = _a.sent();\n                        return [2 /*return*/, Promise.reject(error_8)];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get the list name\n     *\n     * @param listId\n     * @param webUrl\n     */\n    SPService.prototype.getListName = function (listId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RootFolder/Name?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Get the list server relative url\n     *\n     * @param listId\n     * @param webUrl\n     */\n    SPService.prototype.getListServerRelativeUrl = function (listId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._webAbsoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RootFolder/ServerRelativeUrl?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.value];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getLookupValue = function (listId, listItemID, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, error_9;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemID + \")/?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/ID,\" + fieldName + \"/Title&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            return [2 /*return*/, [{ key: result[fieldName].ID, name: result[fieldName].Title }]];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_9 = _a.sent();\n                        console.dir(error_9);\n                        return [2 /*return*/, Promise.reject(error_9)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getLookupValues = function (listId, listItemID, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, lookups_1, error_10;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemID + \")?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/ID,\" + fieldName + \"/Title&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            lookups_1 = [];\n                            result[fieldName].forEach(function (element) {\n                                lookups_1.push({ key: element.ID, name: element.Title });\n                            });\n                            return [2 /*return*/, lookups_1];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_10 = _a.sent();\n                        console.dir(error_10);\n                        return [2 /*return*/, Promise.reject(error_10)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getTaxonomyFieldInternalName = function (listId, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_11;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/Fields/getByInternalNameOrTitle('\" + fieldName + \"_0')/InternalName?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_11 = _a.sent();\n                        console.dir(error_11);\n                        return [2 /*return*/, Promise.reject(error_11)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getUsersUPNFromFieldValue = function (listId, listItemId, fieldName, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, result, emails_1, error_12;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/items(\" + listItemId + \")?@listId=guid'\" + encodeURIComponent(listId) + \"'&$select=\" + fieldName + \"/Title,\" + fieldName + \"/Id&$expand=\" + fieldName;\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        result = _a.sent();\n                        if (result && result[fieldName]) {\n                            emails_1 = [];\n                            result[fieldName].forEach(function (element) {\n                                emails_1.push(element.Id + \"/\" + element.Title);\n                            });\n                            return [2 /*return*/, emails_1];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_12 = _a.sent();\n                        console.dir(error_12);\n                        return [2 /*return*/, Promise.reject(error_12)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getUserUPNById = function (userId, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_13;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/getuserbyid(\" + userId + \")?$select=UserPrincipalName,Title\";\n                        return [4 /*yield*/, this._context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, userId + \"/\" + results.Title];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_13 = _a.sent();\n                        console.dir(error_13);\n                        return [2 /*return*/, Promise.reject(error_13)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.getSingleManagedMtadataLabel = function (listId, listItemId, fieldName) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, apiUrl, data, results, error_14;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        webAbsoluteUrl = this._context.pageContext.web.absoluteUrl;\n                        apiUrl = webAbsoluteUrl + \"/_api/web/lists(@listId)/RenderListDataAsStream?@listId=guid'\" + encodeURIComponent(listId) + \"'\";\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {\n                                body: JSON.stringify({\n                                    parameters: {\n                                        RenderOptions: 2,\n                                        ViewXml: \"<View Scope=\\\"RecursiveAll\\\">\\n                        <ViewFields>\\n                          <FieldRef Name=\\\"\" + fieldName + \"\\\"/>\\n                        </ViewFields>\\n                        <Query>\\n                          <Where>\\n                            <Eq>\\n                              <FieldRef Name=\\\"ID\\\"/>\\n                              <Value Type=\\\"Number\\\">\" + listItemId + \"</Value>\\n                            </Eq>\\n                          </Where>\\n                        </Query>\\n                        <RowLimit Paged=\\\"TRUE\\\">1</RowLimit>\\n                      </View>\"\n                                    }\n                                })\n                            })];\n                    case 1:\n                        data = _a.sent();\n                        if (!data.ok) return [3 /*break*/, 3];\n                        return [4 /*yield*/, data.json()];\n                    case 2:\n                        results = _a.sent();\n                        if (results) {\n                            return [2 /*return*/, results.Row[0][fieldName]];\n                        }\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, null];\n                    case 4:\n                        error_14 = _a.sent();\n                        console.dir(error_14);\n                        return [2 /*return*/, Promise.reject(error_14)];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    SPService.prototype.uploadImage = function (listId, itemId, fileName, file, listTitle, webUrl) {\n        return __awaiter(this, void 0, void 0, function () {\n            var webAbsoluteUrl, listTitleValue, listApiUrl, listResponse, listJson, apiUrl, response, result;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        webAbsoluteUrl = !webUrl ? this._context.pageContext.web.absoluteUrl : webUrl;\n                        listTitleValue = listTitle;\n                        if (!!listTitle) return [3 /*break*/, 3];\n                        listApiUrl = urlCombine(webAbsoluteUrl, \"/_api/web/lists('\" + listId + \"')\", false);\n                        return [4 /*yield*/, this._context.spHttpClient.get(listApiUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        listResponse = _a.sent();\n                        return [4 /*yield*/, listResponse.json()];\n                    case 2:\n                        listJson = _a.sent();\n                        listTitleValue = listJson.Title;\n                        _a.label = 3;\n                    case 3:\n                        apiUrl = urlCombine(webAbsoluteUrl, \"/_api/web/UploadImage(listTitle=@a1,imageName=@a2,listId=@a3,itemId=@a4)?@a1='\" + listTitleValue + \"'&@a2='\" + fileName + \"'&@a3='\" + listId + \"'&@a4=\" + (itemId || 0), false);\n                        return [4 /*yield*/, this._context.spHttpClient.post(apiUrl, SPHttpClient.configurations.v1, {\n                                body: file,\n                                headers: {\n                                    'content-length': file.byteLength.toString()\n                                }\n                            })];\n                    case 4:\n                        response = _a.sent();\n                        return [4 /*yield*/, response.json()];\n                    case 5:\n                        result = _a.sent();\n                        return [2 /*return*/, result];\n                }\n            });\n        });\n    };\n    return SPService;\n}());\nexport default SPService;\n"
     },
     {
       "id": "8vd5",
@@ -834341,9 +834365,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -853506,9 +853530,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -859857,9 +859881,9 @@
         "controls-test-web-part",
         "ootb-fields-field-customizer"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
-      "issuerId": "OQ9B",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js",
+      "issuerId": "uz3O",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -859892,9 +859916,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/index.js"
         },
         {
-          "id": "OQ9B",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/ExpandingCard.base.js"
+          "id": "uz3O",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/components/HoverCard/PlainCard/PlainCard.base.js"
         }
       ],
       "failed": false,
@@ -878182,9 +878206,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/eventListeners.js",
-      "issuerId": "rW7i",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/eventListeners.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js",
+      "issuerId": "J2fa",
+      "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -878237,14 +878261,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "HnbP",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         },
         {
-          "id": "rW7i",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/eventListeners.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/eventListeners.js"
+          "id": "J2fa",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js",
+          "name": "./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js"
         }
       ],
       "failed": false,
@@ -891715,7 +891739,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "lodash/find",
-          "loc": "136:39-43"
+          "loc": "188:39-43"
         },
         {
           "moduleId": "RvdB",
@@ -900889,9 +900913,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
-      "issuerId": "neCt",
-      "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js",
+      "issuerId": "titc",
+      "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -900944,19 +900968,19 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "bO7i",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
-          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
+          "id": "HnbP",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
         },
         {
-          "id": "thf+",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
-          "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+          "id": "lDWV",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
         },
         {
-          "id": "neCt",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
-          "name": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js"
+          "id": "titc",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js",
+          "name": "./node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js"
         }
       ],
       "failed": false,
@@ -939747,7 +939771,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "../common/utilities",
-          "loc": "724:37-47"
+          "loc": "776:37-47"
         },
         {
           "moduleId": "8uaQ",
@@ -939756,7 +939780,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "../common/utilities",
-          "loc": "734:33-43"
+          "loc": "786:33-43"
         },
         {
           "moduleId": "XXgc",
@@ -943172,9 +943196,9 @@
         "controls-test-web-part",
         "ootb-fields-field-customizer"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-      "issuerId": "pOGM",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/Persona.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+      "issuerId": "li+k",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -943207,9 +943231,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         }
       ],
       "failed": false,
@@ -945814,9 +945838,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/accessibility/dist/es/behaviors/index.js",
-      "issuerId": "6NK5",
-      "issuerName": "./node_modules/@fluentui/accessibility/dist/es/behaviors/index.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/accessibility/dist/es/behaviors/Toolbar/toolbarRadioGroupItemBehavior.js",
+      "issuerId": "6AiU",
+      "issuerName": "./node_modules/@fluentui/accessibility/dist/es/behaviors/Toolbar/toolbarRadioGroupItemBehavior.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -945842,6 +945866,11 @@
           "id": "6NK5",
           "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/accessibility/dist/es/behaviors/index.js",
           "name": "./node_modules/@fluentui/accessibility/dist/es/behaviors/index.js"
+        },
+        {
+          "id": "6AiU",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@fluentui/accessibility/dist/es/behaviors/Toolbar/toolbarRadioGroupItemBehavior.js",
+          "name": "./node_modules/@fluentui/accessibility/dist/es/behaviors/Toolbar/toolbarRadioGroupItemBehavior.js"
         }
       ],
       "failed": false,
@@ -959943,9 +959972,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
-      "issuerId": "XX6W",
-      "issuerName": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuerId": "lDWV",
+      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -960003,14 +960032,9 @@
           "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
         },
         {
-          "id": "E0qH",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/popperOffsets.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"
-        },
-        {
-          "id": "XX6W",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/computeOffsets.js",
-          "name": "./node_modules/@popperjs/core/lib/utils/computeOffsets.js"
+          "id": "lDWV",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
         }
       ],
       "failed": false,
@@ -972384,9 +972408,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -984132,9 +984156,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1000382,9 +1000406,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1018118,9 +1018142,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1021075,7 +1021099,7 @@
       "name": "./lib/services/SPServiceMock.js",
       "index": 2927,
       "index2": 2921,
-      "size": 4686,
+      "size": 4806,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -1021147,7 +1021171,7 @@
       ],
       "optimizationBailout": [],
       "depth": 6,
-      "source": "var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar SPServiceMock = /** @class */ (function () {\n    function SPServiceMock(includeDelay, delayTimeout) {\n        var _this = this;\n        this.getField = function (listId, internalColumnName, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                return [2 /*return*/];\n            });\n        }); };\n        this._includeDelay = includeDelay;\n        this._delayTimeout = delayTimeout || 500;\n    }\n    SPServiceMock.prototype.getListItems = function (filterText, listId, internalColumnName, field, keyInternalColumnName, webUrl) {\n        throw new Error(\"Method not implemented.\");\n    };\n    SPServiceMock.prototype.getLibs = function (options) {\n        var _this = this;\n        return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!(this._includeDelay === true)) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.sleep(this._delayTimeout)];\n                    case 1:\n                        _a.sent(); // Simulate network load\n                        _a.label = 2;\n                    case 2:\n                        resolve(SPServiceMock._lists);\n                        return [2 /*return*/];\n                }\n            });\n        }); });\n    };\n    /**\n    * Locks the thread for the specified amount of time\n    * @param ms Milliseconds to wait\n    */\n    SPServiceMock.prototype.sleep = function (ms) {\n        return new Promise(function (resolve) { return setTimeout(resolve, ms); });\n    };\n    /**\n    * The mock lists to present to the local workbench\n    */\n    SPServiceMock._lists = {\n        value: [\n            { Id: '8dc80f2e-0e01-43ee-b59e-fbbca2d1f35e', Title: 'Mock List One', BaseTemplate: '109' },\n            { Id: '772a30d4-2d62-42da-aa48-c2a37971d693', Title: 'Mock List Two', BaseTemplate: '109' },\n            { Id: '16c0d1c6-b467-4823-a37b-c308cf730366', Title: 'Mock List Three', BaseTemplate: '109' }\n        ]\n    };\n    return SPServiceMock;\n}());\nexport default SPServiceMock;\n"
+      "source": "var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nvar SPServiceMock = /** @class */ (function () {\n    function SPServiceMock(includeDelay, delayTimeout) {\n        var _this = this;\n        this.getField = function (listId, internalColumnName, webUrl) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                return [2 /*return*/];\n            });\n        }); };\n        this._includeDelay = includeDelay;\n        this._delayTimeout = delayTimeout || 500;\n    }\n    SPServiceMock.prototype.getFields = function (options) {\n        throw new Error(\"Method not implemented.\");\n    };\n    SPServiceMock.prototype.getListItems = function (filterText, listId, internalColumnName, field, keyInternalColumnName, webUrl) {\n        throw new Error(\"Method not implemented.\");\n    };\n    SPServiceMock.prototype.getLibs = function (options) {\n        var _this = this;\n        return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!(this._includeDelay === true)) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.sleep(this._delayTimeout)];\n                    case 1:\n                        _a.sent(); // Simulate network load\n                        _a.label = 2;\n                    case 2:\n                        resolve(SPServiceMock._lists);\n                        return [2 /*return*/];\n                }\n            });\n        }); });\n    };\n    /**\n    * Locks the thread for the specified amount of time\n    * @param ms Milliseconds to wait\n    */\n    SPServiceMock.prototype.sleep = function (ms) {\n        return new Promise(function (resolve) { return setTimeout(resolve, ms); });\n    };\n    /**\n    * The mock lists to present to the local workbench\n    */\n    SPServiceMock._lists = {\n        value: [\n            { Id: '8dc80f2e-0e01-43ee-b59e-fbbca2d1f35e', Title: 'Mock List One', BaseTemplate: '109' },\n            { Id: '772a30d4-2d62-42da-aa48-c2a37971d693', Title: 'Mock List Two', BaseTemplate: '109' },\n            { Id: '16c0d1c6-b467-4823-a37b-c308cf730366', Title: 'Mock List Three', BaseTemplate: '109' }\n        ]\n    };\n    return SPServiceMock;\n}());\nexport default SPServiceMock;\n"
     },
     {
       "id": "Y7NP",
@@ -1026100,9 +1026124,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1046807,9 +1046831,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1047845,9 +1047869,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1108104,7 +1108128,7 @@
       ],
       "optimizationBailout": [],
       "depth": 4,
-      "source": "export var version = \"3.9.0-beta.2437383\";\n"
+      "source": "export var version = \"3.9.0-beta.2451209\";\n"
     },
     {
       "id": "cLrF",
@@ -1134852,9 +1134876,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1140951,9 +1140975,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
+      "issuerId": "neCt",
+      "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1141006,14 +1141030,19 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "HnbP",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "thf+",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
+        },
+        {
+          "id": "neCt",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js",
+          "name": "./node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js"
         }
       ],
       "failed": false,
@@ -1143206,9 +1143235,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1145607,9 +1145636,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1163910,7 +1163939,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "lodash/filter",
-          "loc": "135:44-50"
+          "loc": "187:44-50"
         },
         {
           "moduleId": "YeKa",
@@ -1165368,9 +1165397,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1168107,9 +1168136,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1178004,9 +1178033,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+      "issuerId": "thf+",
+      "issuerName": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1178059,14 +1178088,14 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "HnbP",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "thf+",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/utils/detectOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/utils/detectOverflow.js"
         }
       ],
       "failed": false,
@@ -1188190,7 +1188219,7 @@
       "name": "./lib/services/ISPService.js",
       "index": 2919,
       "index2": 2913,
-      "size": 189,
+      "size": 376,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -1188254,15 +1188283,16 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "./ISPService",
-          "loc": "97:76-87"
+          "loc": "149:76-87"
         }
       ],
       "providedExports": [
-        "LibsOrderBy"
+        "LibsOrderBy",
+        "FieldsOrderBy"
       ],
       "optimizationBailout": [],
       "depth": 6,
-      "source": "export var LibsOrderBy;\n(function (LibsOrderBy) {\n    LibsOrderBy[LibsOrderBy[\"Id\"] = 1] = \"Id\";\n    LibsOrderBy[LibsOrderBy[\"Title\"] = 2] = \"Title\";\n})(LibsOrderBy || (LibsOrderBy = {}));\n"
+      "source": "export var LibsOrderBy;\n(function (LibsOrderBy) {\n    LibsOrderBy[LibsOrderBy[\"Id\"] = 1] = \"Id\";\n    LibsOrderBy[LibsOrderBy[\"Title\"] = 2] = \"Title\";\n})(LibsOrderBy || (LibsOrderBy = {}));\nexport var FieldsOrderBy;\n(function (FieldsOrderBy) {\n    FieldsOrderBy[\"Title\"] = \"Title\";\n    FieldsOrderBy[\"InternalName\"] = \"InternalName\";\n})(FieldsOrderBy || (FieldsOrderBy = {}));\n"
     },
     {
       "id": "o7xB",
@@ -1204365,9 +1204395,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1209725,9 +1209755,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuerId": "lDWV",
+      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1209785,9 +1209815,9 @@
           "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "lDWV",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
         }
       ],
       "failed": false,
@@ -1220829,9 +1220859,9 @@
           "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "lDWV",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
         },
         {
           "id": "titc",
@@ -1226753,9 +1226783,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/offset.js",
-      "issuerId": "mDVL",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/offset.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+      "issuerId": "bO7i",
+      "issuerName": "./node_modules/@popperjs/core/lib/createPopper.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1226808,14 +1226838,9 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "HnbP",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
-        },
-        {
-          "id": "mDVL",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/offset.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/offset.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         }
       ],
       "failed": false,
@@ -1227016,9 +1227041,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
-      "issuerId": "fNrw",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js",
+      "issuerId": "rmyN",
+      "issuerName": "./node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1227071,14 +1227096,19 @@
           "name": "./node_modules/@popperjs/core/lib/index.js"
         },
         {
-          "id": "HnbP",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/index.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
+          "id": "bO7i",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/createPopper.js",
+          "name": "./node_modules/@popperjs/core/lib/createPopper.js"
         },
         {
-          "id": "fNrw",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/computeStyles.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/computeStyles.js"
+          "id": "0RYX",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js",
+          "name": "./node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js"
+        },
+        {
+          "id": "rmyN",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js",
+          "name": "./node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js"
         }
       ],
       "failed": false,
@@ -1228488,9 +1228518,9 @@
       "chunks": [
         "controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-      "issuerId": "CSm3",
-      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/arrow.js",
+      "issuer": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+      "issuerId": "lDWV",
+      "issuerName": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
       "issuerPath": [
         {
           "id": "G6oG",
@@ -1228548,9 +1228578,9 @@
           "name": "./node_modules/@popperjs/core/lib/modifiers/index.js"
         },
         {
-          "id": "CSm3",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/arrow.js",
-          "name": "./node_modules/@popperjs/core/lib/modifiers/arrow.js"
+          "id": "lDWV",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/@popperjs/core/lib/modifiers/preventOverflow.js",
+          "name": "./node_modules/@popperjs/core/lib/modifiers/preventOverflow.js"
         }
       ],
       "failed": false,
@@ -1229273,9 +1229303,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1235059,9 +1235089,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1237547,9 +1237577,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1239431,9 +1239461,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1242628,7 +1242658,16 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "127:86-98"
+          "loc": "115:97-109"
+        },
+        {
+          "moduleId": "8uaQ",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/lib/services/SPService.js",
+          "module": "./lib/services/SPService.js",
+          "moduleName": "./lib/services/SPService.js",
+          "type": "harmony import specifier",
+          "userRequest": "@microsoft/sp-http",
+          "loc": "179:86-98"
         },
         {
           "moduleId": "8uaQ",
@@ -1242637,7 +1242676,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "185:85-97"
+          "loc": "237:85-97"
         },
         {
           "moduleId": "8uaQ",
@@ -1242646,7 +1242685,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "189:88-100"
+          "loc": "241:88-100"
         },
         {
           "moduleId": "8uaQ",
@@ -1242655,7 +1242694,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "249:84-96"
+          "loc": "301:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242664,7 +1242703,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "287:84-96"
+          "loc": "339:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242673,7 +1242712,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "328:85-97"
+          "loc": "380:85-97"
         },
         {
           "moduleId": "8uaQ",
@@ -1242682,7 +1242721,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "375:85-97"
+          "loc": "427:85-97"
         },
         {
           "moduleId": "8uaQ",
@@ -1242691,7 +1242730,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "403:84-96"
+          "loc": "455:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242700,7 +1242739,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "440:84-96"
+          "loc": "492:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242709,7 +1242748,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "474:84-96"
+          "loc": "526:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242718,7 +1242757,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "504:84-96"
+          "loc": "556:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242727,7 +1242766,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "529:84-96"
+          "loc": "581:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242736,7 +1242775,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "559:84-96"
+          "loc": "611:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242745,7 +1242784,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "593:84-96"
+          "loc": "645:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242754,7 +1242793,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "623:84-96"
+          "loc": "675:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242763,7 +1242802,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "657:84-96"
+          "loc": "709:84-96"
         },
         {
           "moduleId": "8uaQ",
@@ -1242772,7 +1242811,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "687:85-97"
+          "loc": "739:85-97"
         },
         {
           "moduleId": "8uaQ",
@@ -1242781,7 +1242820,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "725:88-100"
+          "loc": "777:88-100"
         },
         {
           "moduleId": "8uaQ",
@@ -1242790,7 +1242829,7 @@
           "moduleName": "./lib/services/SPService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "735:85-97"
+          "loc": "787:85-97"
         },
         {
           "moduleId": "EY9s",
@@ -1248595,9 +1248634,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1263172,9 +1263211,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1263929,9 +1263968,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1265525,9 +1265564,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",
@@ -1270754,9 +1270793,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/components/DocumentCard/DocumentCardActivity.base.js"
         },
         {
-          "id": "pOGM",
-          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/Persona.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/Persona.js"
+          "id": "li+k",
+          "identifier": "/home/runner/work/sp-dev-fx-controls-react/sp-dev-fx-controls-react/node_modules/office-ui-fabric-react/lib/PersonaCoin.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/PersonaCoin.js"
         },
         {
           "id": "O/R2",