@pnp/spfx-property-controls 3.3.0 → 3.4.0-beta.1606990

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

@@ -2,9 +2,9 @@
   "errors": [],
   "warnings": [],
   "version": "4.44.2",
-  "hash": "76d75968e4e1f9d51b17",
-  "time": 9090,
-  "builtAt": 1639641212762,
+  "hash": "5b13173458200831d92a",
+  "time": 11561,
+  "builtAt": 1640093561687,
   "publicPath": "",
   "outputPath": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/dist",
   "assetsByChunkName": {
@@ -264,7 +264,7 @@
     },
     {
       "name": "property-controls-test-web-part.js",
-      "size": 9093896,
+      "size": 9105085,
       "chunks": [
         "property-controls-test-web-part"
       ],
@@ -277,7 +277,7 @@
     },
     {
       "name": "property-controls-test-web-part.js.map",
-      "size": 8515067,
+      "size": 8526788,
       "chunks": [
         "property-controls-test-web-part"
       ],
@@ -325,7 +325,7 @@
       "rendered": true,
       "initial": true,
       "entry": true,
-      "size": 6913359,
+      "size": 6923557,
       "names": [
         "property-controls-test-web-part"
       ],
@@ -333,7 +333,7 @@
         "property-controls-test-web-part.js",
         "property-controls-test-web-part.js.map"
       ],
-      "hash": "3d3bd551252b6e999708",
+      "hash": "c7042a25a48f6fdfb211",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -3535,7 +3535,7 @@
           ],
           "optimizationBailout": [],
           "depth": 9,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __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 * as React from 'react';\nimport { GeneralHelper } from '../../../../../helpers/GeneralHelper';\nimport { LoadingState } from './IFileBrowserState';\nimport { TilesList } from '../TilesList/TilesList';\nimport { Spinner } from 'office-ui-fabric-react/lib/Spinner';\nimport { DetailsList, DetailsListLayoutMode, Selection, SelectionMode, DetailsRow } from 'office-ui-fabric-react/lib/DetailsList';\nimport { CommandBar } from 'office-ui-fabric-react/lib/CommandBar';\nimport { ScrollablePane } from 'office-ui-fabric-react/lib/ScrollablePane';\nimport styles from './FileBrowser.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar LAYOUT_STORAGE_KEY = 'comparerSiteFilesLayout';\nvar FileBrowser = /** @class */ (function (_super) {\n    __extends(FileBrowser, _super);\n    function FileBrowser(props) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Triggers paged data load\n         */\n        _this._loadNextDataRequest = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!(this.state.loadingState === LoadingState.idle)) return [3 /*break*/, 2];\n                        // Load next list items from next page\n                        return [4 /*yield*/, this._getListItems(true)];\n                    case 1:\n                        // Load next list items from next page\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n        * Renders a placeholder to indicate that the folder is empty\n        */\n        _this._renderEmptyFolder = function () {\n            return (React.createElement(\"div\", { className: styles.emptyFolder },\n                React.createElement(\"div\", { className: styles.emptyFolderImage },\n                    React.createElement(\"img\", { className: styles.emptyFolderImageTag, src: strings.OneDriveEmptyFolderIconUrl, alt: strings.OneDriveEmptyFolderAlt })),\n                React.createElement(\"div\", { role: \"alert\" },\n                    React.createElement(\"div\", { className: styles.emptyFolderTitle }, strings.OneDriveEmptyFolderTitle),\n                    React.createElement(\"div\", { className: styles.emptyFolderSubText },\n                        React.createElement(\"span\", { className: styles.emptyFolderPc }, strings.OneDriveEmptyFolderDescription)))));\n        };\n        /**\n         * Renders row with file or folder style.\n         */\n        _this._onRenderRow = function (props) {\n            var fileItem = props.item;\n            return React.createElement(DetailsRow, __assign({}, props, { className: fileItem.isFolder ? styles.folderRow : styles.fileRow }));\n        };\n        /**\n         * Get the list of toolbar items on the left side of the toolbar.\n         * We leave it empty for now, but we may add the ability to upload later.\n         */\n        _this._getToolbarItems = function () {\n            return [];\n        };\n        _this.getFarItems = function () {\n            var selectedView = _this.state.selectedView;\n            var viewIconName = undefined;\n            var viewName = undefined;\n            switch (_this.state.selectedView) {\n                case 'list':\n                    viewIconName = 'List';\n                    viewName = strings.ListLayoutList;\n                    break;\n                case 'compact':\n                    viewIconName = 'AlignLeft';\n                    viewName = strings.ListLayoutCompact;\n                    break;\n                default:\n                    viewIconName = 'GridViewMedium';\n                    viewName = strings.ListLayoutTile;\n            }\n            var farItems = [\n                {\n                    key: 'listOptions',\n                    className: styles.commandBarNoChevron,\n                    title: strings.ListOptionsTitle,\n                    ariaLabel: strings.ListOptionsAlt.replace('{0}', viewName),\n                    iconProps: {\n                        iconName: viewIconName\n                    },\n                    iconOnly: true,\n                    subMenuProps: {\n                        items: [\n                            {\n                                key: 'list',\n                                name: strings.ListLayoutList,\n                                iconProps: {\n                                    iconName: 'List'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'list',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutList).replace('{1}', selectedView === 'list' ? strings.Selected : undefined),\n                                title: strings.ListLayoutListDescrition,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            },\n                            {\n                                key: 'compact',\n                                name: strings.ListLayoutCompact,\n                                iconProps: {\n                                    iconName: 'AlignLeft'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'compact',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutCompact).replace('{1}', selectedView === 'compact' ? strings.Selected : undefined),\n                                title: strings.ListLayoutCompactDescription,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            },\n                            {\n                                key: 'tiles',\n                                name: 'Tiles',\n                                iconProps: {\n                                    iconName: 'GridViewMedium'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'tiles',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutTile).replace('{1}', selectedView === 'tiles' ? strings.Selected : undefined),\n                                title: strings.ListLayoutTileDescription,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            }\n                        ]\n                    }\n                }\n            ];\n            return farItems;\n        };\n        /**\n         * Called when users switch the view\n         */\n        _this._handleSwitchLayout = function (item) {\n            if (item) {\n                // Store the user's favourite layout\n                if (localStorage) {\n                    localStorage.setItem(LAYOUT_STORAGE_KEY, item.key);\n                }\n                _this.setState({\n                    selectedView: item.key\n                });\n            }\n        };\n        /**\n         * Gratuitous sorting\n         */\n        _this._onColumnClick = function (event, column) {\n            var columns = _this.state.columns;\n            var items = _this.state.items;\n            var isSortedDescending = column.isSortedDescending;\n            // If we've sorted this column, flip it.\n            if (column.isSorted) {\n                isSortedDescending = !isSortedDescending;\n            }\n            // Sort the items.\n            items = items.concat([]).sort(function (a, b) {\n                var firstValue = a[column.fieldName || ''];\n                var secondValue = b[column.fieldName || ''];\n                if (isSortedDescending) {\n                    return firstValue > secondValue ? -1 : 1;\n                }\n                else {\n                    return firstValue > secondValue ? 1 : -1;\n                }\n            });\n            // Reset the items and columns to match the state.\n            _this.setState({\n                items: items,\n                columns: columns.map(function (col) {\n                    col.isSorted = col.key === column.key;\n                    if (col.isSorted) {\n                        col.isSortedDescending = isSortedDescending;\n                    }\n                    return col;\n                })\n            });\n        };\n        /**\n         * When a folder is opened, calls parent tab to navigate down\n         */\n        _this._handleOpenFolder = function (item) {\n            // De-select the list item that was clicked, the item in the same position\n            _this._selection.setAllSelected(false);\n            // item in the folder will appear selected\n            _this.setState({\n                loadingState: LoadingState.loading,\n                filePickerResult: undefined\n            }, function () { _this.props.onOpenFolder(item); });\n        };\n        /**\n         * Handles selected item change\n         */\n        _this._itemSelectionChanged = function (item) {\n            var selectedItem = null;\n            // Deselect item\n            if (item && _this.state.filePickerResult && item.absoluteUrl === _this.state.filePickerResult.fileAbsoluteUrl) {\n                _this._selection.setAllSelected(false);\n                selectedItem = null;\n            }\n            else if (item) {\n                var selectedItemIndex = _this.state.items.indexOf(item);\n                _this._selection.selectToIndex(selectedItemIndex);\n                selectedItem = item;\n            }\n            var filePickerResult = null;\n            if (selectedItem && !selectedItem.isFolder) {\n                filePickerResult = {\n                    fileAbsoluteUrl: selectedItem.absoluteUrl,\n                    fileName: GeneralHelper.getFileNameFromUrl(selectedItem.name),\n                    fileNameWithoutExtension: GeneralHelper.getFileNameWithoutExtension(selectedItem.name),\n                    spItemUrl: selectedItem.spItemUrl,\n                    downloadFileContent: null\n                };\n            }\n            _this.props.onChange(filePickerResult);\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Handles item click.\n         */\n        _this._handleItemInvoked = function (item) {\n            // If a file is selected, open the library\n            if (item.isFolder) {\n                _this._handleOpenFolder(item);\n            }\n            else {\n                // Otherwise, remember it was selected\n                _this._itemSelectionChanged(item);\n            }\n        };\n        // If possible, load the user's favourite layout\n        var lastLayout = localStorage ?\n            localStorage.getItem(LAYOUT_STORAGE_KEY)\n            : 'list';\n        var columns = [\n            {\n                key: 'column1',\n                name: 'Type',\n                ariaLabel: strings.TypeAriaLabel,\n                iconName: 'Page',\n                isIconOnly: true,\n                fieldName: 'docIcon',\n                headerClassName: styles.iconColumnHeader,\n                minWidth: 16,\n                maxWidth: 16,\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    var folderIcon = strings.FolderIconUrl;\n                    // TODO: Improve file icon URL\n                    var isPhoto = GeneralHelper.isImage(item.name);\n                    var iconUrl = isPhoto ? strings.PhotoIconUrl : \"https://spoprod-a.akamaihd.net/files/odsp-next-prod_2019-01-11_20190116.001/odsp-media/images/itemtypes/20_2x/\" + item.fileType + \".png\";\n                    var altText = item.isFolder ? strings.FolderAltText : strings.ImageAltText.replace('{0}', item.fileType);\n                    return React.createElement(\"div\", { className: styles.fileTypeIcon },\n                        React.createElement(\"img\", { src: item.isFolder ? folderIcon : iconUrl, className: styles.fileTypeIconIcon, alt: altText, title: altText }));\n                }\n            },\n            {\n                key: 'column2',\n                name: strings.NameField,\n                fieldName: 'fileLeafRef',\n                minWidth: 210,\n                isRowHeader: true,\n                isResizable: true,\n                isSorted: true,\n                isSortedDescending: false,\n                sortAscendingAriaLabel: strings.SortedAscending,\n                sortDescendingAriaLabel: strings.SortedDescending,\n                onColumnClick: _this._onColumnClick,\n                data: 'string',\n                isPadded: true,\n                onRender: function (item) {\n                    if (item.isFolder) {\n                        return React.createElement(\"span\", { className: styles.folderItem, onClick: function (_event) { return _this._handleOpenFolder(item); } }, item.name);\n                    }\n                    else {\n                        return React.createElement(\"span\", { className: styles.fileItem }, item.name);\n                    }\n                },\n            },\n            {\n                key: 'column3',\n                name: strings.ModifiedField,\n                fieldName: 'dateModifiedValue',\n                minWidth: 120,\n                isResizable: true,\n                onColumnClick: _this._onColumnClick,\n                data: 'number',\n                onRender: function (item) {\n                    //const dateModified = moment(item.modified).format(strings.DateFormat);\n                    return React.createElement(\"span\", null, item.modified);\n                },\n                isPadded: true\n            },\n            {\n                key: 'column4',\n                name: strings.ModifiedByField,\n                fieldName: 'modifiedBy',\n                minWidth: 120,\n                isResizable: true,\n                data: 'string',\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    return React.createElement(\"span\", null, item.modifiedBy);\n                },\n                isPadded: true\n            },\n            {\n                key: 'column5',\n                name: strings.FileSizeField,\n                fieldName: 'fileSizeRaw',\n                minWidth: 70,\n                maxWidth: 90,\n                isResizable: true,\n                data: 'number',\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    return React.createElement(\"span\", null, item.fileSize ? GeneralHelper.formatBytes(item.fileSize, 1) : undefined);\n                }\n            }\n        ];\n        _this._selection = new Selection({\n            selectionMode: SelectionMode.single\n        });\n        _this.state = {\n            columns: columns,\n            items: [],\n            nextPageQueryString: null,\n            loadingState: LoadingState.loading,\n            selectedView: lastLayout,\n            filePickerResult: null\n        };\n        return _this;\n    }\n    /**\n     * Gets the list of files when settings change\n     * @param prevProps\n     * @param prevState\n     */\n    FileBrowser.prototype.componentDidUpdate = function (prevProps, prevState) {\n        if (this.props.folderPath !== prevProps.folderPath) {\n            this._selection.setAllSelected(false);\n            this._getListItems();\n        }\n    };\n    /**\n     * Gets the list of files when tab first loads\n     */\n    FileBrowser.prototype.componentDidMount = function () {\n        this._getListItems();\n    };\n    FileBrowser.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", null,\n            (this.state.items && this.state.items.length > 0 && this.state.loadingState !== LoadingState.loading) &&\n                React.createElement(\"div\", null,\n                    React.createElement(\"div\", { className: styles.itemPickerTopBar },\n                        React.createElement(CommandBar, { items: this._getToolbarItems(), farItems: this.getFarItems() })),\n                    React.createElement(\"div\", { className: styles.scrollablePaneWrapper },\n                        React.createElement(ScrollablePane, null, this.state.selectedView !== 'tiles' ?\n                            (React.createElement(DetailsList, { items: this.state.items, compact: this.state.selectedView === 'compact', columns: this.state.columns, selectionMode: SelectionMode.single, setKey: \"set\", layoutMode: DetailsListLayoutMode.justified, isHeaderVisible: true, selection: this._selection, onActiveItemChanged: function (item, index, ev) { return _this._handleItemInvoked(item); }, selectionPreservedOnEmptyClick: true, enterModalSelectionOnTouch: true, onRenderRow: this._onRenderRow, onRenderMissingItem: function () { _this._loadNextDataRequest(); return null; } })) :\n                            (React.createElement(TilesList, { fileBrowserService: this.props.fileBrowserService, filePickerResult: this.state.filePickerResult, selection: this._selection, items: this.state.items, onFolderOpen: this._handleOpenFolder, onFileSelected: this._itemSelectionChanged, onNextPageDataRequest: this._loadNextDataRequest }))))),\n            (this.state.loadingState === LoadingState.idle && (!this.state.items || this.state.items.length <= 0)) &&\n                /* Render information about empty folder */\n                this._renderEmptyFolder(),\n            this.state.loadingState !== LoadingState.idle &&\n                React.createElement(Spinner, { label: strings.Loading })));\n    };\n    /**\n     * Gets all files in a library with a matchihg path\n     */\n    FileBrowser.prototype._getListItems = function (concatenateResults) {\n        if (concatenateResults === void 0) { concatenateResults = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            var _a, libraryName, folderPath, accepts, _b, items, nextPageQueryString, filesQueryResult, loadingState, error_1, newItems;\n            return __generator(this, function (_c) {\n                switch (_c.label) {\n                    case 0:\n                        _a = this.props, libraryName = _a.libraryName, folderPath = _a.folderPath, accepts = _a.accepts;\n                        _b = this.state, items = _b.items, nextPageQueryString = _b.nextPageQueryString;\n                        filesQueryResult = { items: [], nextHref: null };\n                        loadingState = concatenateResults ? LoadingState.loadingNextPage : LoadingState.loading;\n                        // If concatenate results is set to false -> it's needed to load new data without nextPageUrl\n                        nextPageQueryString = concatenateResults ? nextPageQueryString : null;\n                        _c.label = 1;\n                    case 1:\n                        _c.trys.push([1, 3, 4, 5]);\n                        this.setState({\n                            loadingState: loadingState,\n                            nextPageQueryString: nextPageQueryString\n                        });\n                        return [4 /*yield*/, this.props.fileBrowserService.getListItems(libraryName, folderPath, accepts, nextPageQueryString)];\n                    case 2:\n                        // Load files in the folder\n                        filesQueryResult = _c.sent();\n                        return [3 /*break*/, 5];\n                    case 3:\n                        error_1 = _c.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 5];\n                    case 4:\n                        // Remove the null mark from the end of the items array\n                        if (concatenateResults && items && items.length > 0 && items.length[items.length - 1] === null) {\n                            // Remove the null mark\n                            items.splice(items.length - 1, 1);\n                        }\n                        newItems = concatenateResults ? items.concat(filesQueryResult.items) : filesQueryResult.items;\n                        // If there are more items to load -> add null mark at the end of the array\n                        if (filesQueryResult.nextHref) {\n                            newItems.push(null);\n                        }\n                        if (!concatenateResults) {\n                            // de-select anything that was previously selected\n                            this._selection.setAllSelected(false);\n                        }\n                        this.setState({\n                            items: newItems,\n                            nextPageQueryString: filesQueryResult.nextHref,\n                            // isLoading: false,\n                            // isLoadingNextPage: false\n                            loadingState: LoadingState.idle\n                        });\n                        return [7 /*endfinally*/];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    return FileBrowser;\n}(React.Component));\nexport { FileBrowser };\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __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 * as React from 'react';\nimport { GeneralHelper } from '../../../../../helpers/GeneralHelper';\nimport { LoadingState } from './IFileBrowserState';\nimport { TilesList } from '../TilesList/TilesList';\nimport { Spinner } from 'office-ui-fabric-react/lib/Spinner';\nimport { DetailsList, DetailsListLayoutMode, Selection, SelectionMode, DetailsRow } from 'office-ui-fabric-react/lib/DetailsList';\nimport { CommandBar } from 'office-ui-fabric-react/lib/CommandBar';\nimport { ScrollablePane } from 'office-ui-fabric-react/lib/ScrollablePane';\nimport styles from './FileBrowser.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar LAYOUT_STORAGE_KEY = 'comparerSiteFilesLayout';\nvar FileBrowser = /** @class */ (function (_super) {\n    __extends(FileBrowser, _super);\n    function FileBrowser(props) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Triggers paged data load\n         */\n        _this._loadNextDataRequest = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!(this.state.loadingState === LoadingState.idle)) return [3 /*break*/, 2];\n                        // Load next list items from next page\n                        return [4 /*yield*/, this._getListItems(true)];\n                    case 1:\n                        // Load next list items from next page\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n        * Renders a placeholder to indicate that the folder is empty\n        */\n        _this._renderEmptyFolder = function () {\n            return (React.createElement(\"div\", { className: styles.emptyFolder },\n                React.createElement(\"div\", { className: styles.emptyFolderImage },\n                    React.createElement(\"img\", { className: styles.emptyFolderImageTag, src: strings.OneDriveEmptyFolderIconUrl, alt: strings.OneDriveEmptyFolderAlt })),\n                React.createElement(\"div\", { role: \"alert\" },\n                    React.createElement(\"div\", { className: styles.emptyFolderTitle }, strings.OneDriveEmptyFolderTitle),\n                    React.createElement(\"div\", { className: styles.emptyFolderSubText },\n                        React.createElement(\"span\", { className: styles.emptyFolderPc }, strings.OneDriveEmptyFolderDescription)))));\n        };\n        /**\n         * Renders row with file or folder style.\n         */\n        _this._onRenderRow = function (props) {\n            var fileItem = props.item;\n            return React.createElement(DetailsRow, __assign({}, props, { className: fileItem.isFolder ? styles.folderRow : styles.fileRow }));\n        };\n        /**\n         * Get the list of toolbar items on the left side of the toolbar.\n         * We leave it empty for now, but we may add the ability to upload later.\n         */\n        _this._getToolbarItems = function () {\n            return [];\n        };\n        _this.getFarItems = function () {\n            var selectedView = _this.state.selectedView;\n            var viewIconName = undefined;\n            var viewName = undefined;\n            switch (_this.state.selectedView) {\n                case 'list':\n                    viewIconName = 'List';\n                    viewName = strings.ListLayoutList;\n                    break;\n                case 'compact':\n                    viewIconName = 'AlignLeft';\n                    viewName = strings.ListLayoutCompact;\n                    break;\n                default:\n                    viewIconName = 'GridViewMedium';\n                    viewName = strings.ListLayoutTile;\n            }\n            var farItems = [\n                {\n                    key: 'listOptions',\n                    className: styles.commandBarNoChevron,\n                    title: strings.ListOptionsTitle,\n                    ariaLabel: strings.ListOptionsAlt.replace('{0}', viewName),\n                    iconProps: {\n                        iconName: viewIconName\n                    },\n                    iconOnly: true,\n                    subMenuProps: {\n                        items: [\n                            {\n                                key: 'list',\n                                name: strings.ListLayoutList,\n                                iconProps: {\n                                    iconName: 'List'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'list',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutList).replace('{1}', selectedView === 'list' ? strings.Selected : undefined),\n                                title: strings.ListLayoutListDescrition,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            },\n                            {\n                                key: 'compact',\n                                name: strings.ListLayoutCompact,\n                                iconProps: {\n                                    iconName: 'AlignLeft'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'compact',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutCompact).replace('{1}', selectedView === 'compact' ? strings.Selected : undefined),\n                                title: strings.ListLayoutCompactDescription,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            },\n                            {\n                                key: 'tiles',\n                                name: 'Tiles',\n                                iconProps: {\n                                    iconName: 'GridViewMedium'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'tiles',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutTile).replace('{1}', selectedView === 'tiles' ? strings.Selected : undefined),\n                                title: strings.ListLayoutTileDescription,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            }\n                        ]\n                    }\n                }\n            ];\n            return farItems;\n        };\n        /**\n         * Called when users switch the view\n         */\n        _this._handleSwitchLayout = function (item) {\n            if (item) {\n                // Store the user's favourite layout\n                if (localStorage) {\n                    localStorage.setItem(LAYOUT_STORAGE_KEY, item.key);\n                }\n                _this.setState({\n                    selectedView: item.key\n                });\n            }\n        };\n        /**\n         * Gratuitous sorting\n         */\n        _this._onColumnClick = function (event, column) {\n            var columns = _this.state.columns;\n            var items = _this.state.items;\n            var isSortedDescending = column.isSortedDescending;\n            // If we've sorted this column, flip it.\n            if (column.isSorted) {\n                isSortedDescending = !isSortedDescending;\n            }\n            // Sort the items.\n            items = items.concat([]).sort(function (a, b) {\n                var firstValue = a[column.fieldName || ''];\n                var secondValue = b[column.fieldName || ''];\n                if (isSortedDescending) {\n                    return firstValue > secondValue ? -1 : 1;\n                }\n                else {\n                    return firstValue > secondValue ? 1 : -1;\n                }\n            });\n            // Reset the items and columns to match the state.\n            _this.setState({\n                items: items,\n                columns: columns.map(function (col) {\n                    col.isSorted = col.key === column.key;\n                    if (col.isSorted) {\n                        col.isSortedDescending = isSortedDescending;\n                    }\n                    return col;\n                })\n            });\n        };\n        /**\n         * When a folder is opened, calls parent tab to navigate down\n         */\n        _this._handleOpenFolder = function (item) {\n            // De-select the list item that was clicked, the item in the same position\n            _this._selection.setAllSelected(false);\n            // item in the folder will appear selected\n            _this.setState({\n                loadingState: LoadingState.loading,\n                filePickerResult: undefined\n            }, function () { _this.props.onOpenFolder(item); });\n        };\n        /**\n         * Handles selected item change\n         */\n        _this._itemSelectionChanged = function (item) {\n            var selectedItem = null;\n            // Deselect item\n            if (item && _this.state.filePickerResult && item.absoluteUrl === _this.state.filePickerResult.fileAbsoluteUrl) {\n                _this._selection.setAllSelected(false);\n                selectedItem = null;\n            }\n            else if (item) {\n                var selectedItemIndex = _this.state.items.indexOf(item);\n                _this._selection.selectToIndex(selectedItemIndex);\n                selectedItem = item;\n            }\n            var filePickerResult = null;\n            if (selectedItem && !selectedItem.isFolder) {\n                filePickerResult = {\n                    fileAbsoluteUrl: selectedItem.absoluteUrl,\n                    fileName: GeneralHelper.getFileNameFromUrl(selectedItem.name),\n                    fileNameWithoutExtension: GeneralHelper.getFileNameWithoutExtension(selectedItem.name),\n                    spItemUrl: selectedItem.spItemUrl,\n                    downloadFileContent: null\n                };\n            }\n            _this.props.onChange(filePickerResult);\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Handles item click.\n         */\n        _this._handleItemInvoked = function (item) {\n            // If a file is selected, open the library\n            if (item.isFolder) {\n                _this._handleOpenFolder(item);\n            }\n            else {\n                // Otherwise, remember it was selected\n                _this._itemSelectionChanged(item);\n            }\n        };\n        // If possible, load the user's favourite layout\n        var lastLayout = localStorage ?\n            localStorage.getItem(LAYOUT_STORAGE_KEY)\n            : 'list';\n        var columns = [\n            {\n                key: 'column1',\n                name: 'Type',\n                ariaLabel: strings.TypeAriaLabel,\n                iconName: 'Page',\n                isIconOnly: true,\n                fieldName: 'docIcon',\n                headerClassName: styles.iconColumnHeader,\n                minWidth: 16,\n                maxWidth: 16,\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    var folderIcon = strings.FolderIconUrl;\n                    // TODO: Improve file icon URL\n                    var isPhoto = GeneralHelper.isImage(item.name);\n                    var iconUrl = isPhoto ? strings.PhotoIconUrl : \"https://spoprod-a.akamaihd.net/files/odsp-next-prod_2019-01-11_20190116.001/odsp-media/images/itemtypes/20_2x/\" + item.fileType + \".png\";\n                    var altText = item.isFolder ? strings.FolderAltText : strings.ImageAltText.replace('{0}', item.fileType);\n                    return React.createElement(\"div\", { className: styles.fileTypeIcon },\n                        React.createElement(\"img\", { src: item.isFolder ? folderIcon : iconUrl, className: styles.fileTypeIconIcon, alt: altText, title: altText }));\n                }\n            },\n            {\n                key: 'column2',\n                name: strings.NameField,\n                fieldName: 'fileLeafRef',\n                minWidth: 210,\n                isRowHeader: true,\n                isResizable: true,\n                isSorted: true,\n                isSortedDescending: false,\n                sortAscendingAriaLabel: strings.SortedAscending,\n                sortDescendingAriaLabel: strings.SortedDescending,\n                onColumnClick: _this._onColumnClick,\n                data: 'string',\n                isPadded: true,\n                onRender: function (item) {\n                    if (item.isFolder) {\n                        return React.createElement(\"span\", { className: styles.folderItem, onClick: function (_event) { return _this._handleOpenFolder(item); } }, item.name);\n                    }\n                    else {\n                        return React.createElement(\"span\", { className: styles.fileItem }, item.name);\n                    }\n                },\n            },\n            {\n                key: 'column3',\n                name: strings.ModifiedField,\n                fieldName: 'dateModifiedValue',\n                minWidth: 120,\n                isResizable: true,\n                onColumnClick: _this._onColumnClick,\n                data: 'number',\n                onRender: function (item) {\n                    //const dateModified = moment(item.modified).format(strings.DateFormat);\n                    return React.createElement(\"span\", null, item.modified);\n                },\n                isPadded: true\n            },\n            {\n                key: 'column4',\n                name: strings.ModifiedByField,\n                fieldName: 'modifiedBy',\n                minWidth: 120,\n                isResizable: true,\n                data: 'string',\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    return React.createElement(\"span\", null, item.modifiedBy);\n                },\n                isPadded: true\n            },\n            {\n                key: 'column5',\n                name: strings.FileSizeField,\n                fieldName: 'fileSizeRaw',\n                minWidth: 70,\n                maxWidth: 90,\n                isResizable: true,\n                data: 'number',\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    return React.createElement(\"span\", null, item.fileSize ? GeneralHelper.formatBytes(item.fileSize, 1) : undefined);\n                }\n            }\n        ];\n        _this._selection = new Selection({\n            selectionMode: SelectionMode.single\n        });\n        _this.state = {\n            columns: columns,\n            items: [],\n            nextPageQueryString: null,\n            loadingState: LoadingState.loading,\n            selectedView: lastLayout,\n            filePickerResult: null\n        };\n        return _this;\n    }\n    /**\n     * Gets the list of files when settings change\n     * @param prevProps\n     * @param prevState\n     */\n    FileBrowser.prototype.componentDidUpdate = function (prevProps, prevState) {\n        if (this.props.folderPath !== prevProps.folderPath) {\n            this._selection.setAllSelected(false);\n            this._getListItems();\n        }\n    };\n    /**\n     * Gets the list of files when tab first loads\n     */\n    FileBrowser.prototype.componentDidMount = function () {\n        this._getListItems();\n    };\n    FileBrowser.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", null,\n            (this.state.items && this.state.items.length > 0 && this.state.loadingState !== LoadingState.loading) &&\n                React.createElement(\"div\", null,\n                    React.createElement(\"div\", { className: styles.itemPickerTopBar },\n                        React.createElement(CommandBar, { items: this._getToolbarItems(), farItems: this.getFarItems() })),\n                    React.createElement(\"div\", { className: styles.scrollablePaneWrapper },\n                        React.createElement(ScrollablePane, null, this.state.selectedView !== 'tiles' ?\n                            (React.createElement(DetailsList, { items: this.state.items, compact: this.state.selectedView === 'compact', columns: this.state.columns, selectionMode: SelectionMode.single, setKey: \"set\", layoutMode: DetailsListLayoutMode.justified, isHeaderVisible: true, selection: this._selection, onActiveItemChanged: function (item, index, ev) { return _this._handleItemInvoked(item); }, selectionPreservedOnEmptyClick: true, enterModalSelectionOnTouch: true, onRenderRow: this._onRenderRow, onRenderMissingItem: function () { _this._loadNextDataRequest(); return null; } })) :\n                            (React.createElement(TilesList, { fileBrowserService: this.props.fileBrowserService, filePickerResult: this.state.filePickerResult, selection: this._selection, items: this.state.items, onFolderOpen: this._handleOpenFolder, onFileSelected: this._itemSelectionChanged, onNextPageDataRequest: this._loadNextDataRequest }))))),\n            (this.state.loadingState === LoadingState.idle && (!this.state.items || this.state.items.length <= 0)) &&\n                /* Render information about empty folder */\n                this._renderEmptyFolder(),\n            this.state.loadingState !== LoadingState.idle &&\n                React.createElement(Spinner, { label: strings.Loading })));\n    };\n    /**\n     * Gets all files in a library with a matchihg path\n     */\n    FileBrowser.prototype._getListItems = function (concatenateResults) {\n        if (concatenateResults === void 0) { concatenateResults = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            var _a, libraryId, folderPath, accepts, _b, items, nextPageQueryString, filesQueryResult, loadingState, error_1, newItems;\n            return __generator(this, function (_c) {\n                switch (_c.label) {\n                    case 0:\n                        _a = this.props, libraryId = _a.libraryId, folderPath = _a.folderPath, accepts = _a.accepts;\n                        _b = this.state, items = _b.items, nextPageQueryString = _b.nextPageQueryString;\n                        filesQueryResult = { items: [], nextHref: null };\n                        loadingState = concatenateResults ? LoadingState.loadingNextPage : LoadingState.loading;\n                        // If concatenate results is set to false -> it's needed to load new data without nextPageUrl\n                        nextPageQueryString = concatenateResults ? nextPageQueryString : null;\n                        _c.label = 1;\n                    case 1:\n                        _c.trys.push([1, 3, 4, 5]);\n                        this.setState({\n                            loadingState: loadingState,\n                            nextPageQueryString: nextPageQueryString\n                        });\n                        return [4 /*yield*/, this.props.fileBrowserService.getListItemsByListId(libraryId, folderPath, accepts, nextPageQueryString)];\n                    case 2:\n                        // Load files in the folder\n                        filesQueryResult = _c.sent();\n                        return [3 /*break*/, 5];\n                    case 3:\n                        error_1 = _c.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 5];\n                    case 4:\n                        // Remove the null mark from the end of the items array\n                        if (concatenateResults && items && items.length > 0 && items.length[items.length - 1] === null) {\n                            // Remove the null mark\n                            items.splice(items.length - 1, 1);\n                        }\n                        newItems = concatenateResults ? items.concat(filesQueryResult.items) : filesQueryResult.items;\n                        // If there are more items to load -> add null mark at the end of the array\n                        if (filesQueryResult.nextHref) {\n                            newItems.push(null);\n                        }\n                        if (!concatenateResults) {\n                            // de-select anything that was previously selected\n                            this._selection.setAllSelected(false);\n                        }\n                        this.setState({\n                            items: newItems,\n                            nextPageQueryString: filesQueryResult.nextHref,\n                            // isLoading: false,\n                            // isLoadingNextPage: false\n                            loadingState: LoadingState.idle\n                        });\n                        return [7 /*endfinally*/];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    return FileBrowser;\n}(React.Component));\nexport { FileBrowser };\n"
         },
         {
           "id": "/WxL",
@@ -6038,7 +6038,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./LinkFilePickerTab/LinkFilePickerTab",
-              "loc": "261:44-61"
+              "loc": "262:44-61"
             }
           ],
           "providedExports": [
@@ -17358,8 +17358,8 @@
           "id": "4251",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/@microsoft/loader-load-themed-styles/lib/index.js??ref--4-0!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/css-loader/dist/cjs.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/postcss-loader/src/index.js??postcss!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.css",
           "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.css",
-          "index": 1423,
-          "index2": 1414,
+          "index": 1424,
+          "index2": 1415,
           "size": 604,
           "cacheable": true,
           "built": true,
@@ -23726,7 +23726,7 @@
           "name": "./lib/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.js",
           "index": 1409,
           "index2": 1404,
-          "size": 11162,
+          "size": 11336,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -23803,15 +23803,15 @@
           ],
           "optimizationBailout": [],
           "depth": 7,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 * as React from 'react';\nimport { findIndex } from '@microsoft/sp-lodash-subset';\nimport { Breadcrumb } from 'office-ui-fabric-react/lib/Breadcrumb';\nimport { FileBrowser } from '../controls';\nimport { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/Button';\nimport { Link } from 'office-ui-fabric-react/lib/Link';\nimport styles from './OneDriveFilesTab.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar OneDriveFilesTab = /** @class */ (function (_super) {\n    __extends(OneDriveFilesTab, _super);\n    function OneDriveFilesTab(props) {\n        var _this = _super.call(this, props) || this;\n        _this.renderBreadcrumbItem = function (item) {\n            return (React.createElement(Link, { href: item.href, onClick: item.onClick, key: item.key, className: \"ms-Link ms-Breadcrumb-itemLink \" + styles.breadcrumbNavItem }, item.text));\n        };\n        /**\n         * Handles breadcrump item click\n         */\n        _this.onBreadcrumpItemClick = function (node) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            var breadcrumbClickedItemIndx = 0;\n            // Site node clicked\n            if (node.folderData === null) {\n                _this.setState({\n                    libraryAbsolutePath: undefined,\n                    folderPath: undefined,\n                    folderName: undefined\n                });\n            }\n            // Check if it is folder item\n            else {\n                _this._handleOpenFolder(node.folderData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.folderData && item.folderData.absoluteUrl === node.key; });\n            }\n            // Trim nodes array\n            breadcrumbItems = breadcrumbItems.slice(0, breadcrumbClickedItemIndx + 1);\n            // Set new current node\n            breadcrumbItems[breadcrumbItems.length - 1].isCurrentItem = true;\n            _this.setState({\n                breadcrumbItems: breadcrumbItems,\n                filePickerResult: undefined\n            });\n        };\n        /**\n         * Is called when user selects a different file\n         */\n        _this._handleSelectionChange = function (filePickerResult) {\n            if (filePickerResult) {\n                filePickerResult.downloadFileContent = function () { return _this.props.oneDriveService.downloadSPFileContent(filePickerResult.spItemUrl, filePickerResult.fileName); };\n            }\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Called when user saves\n         */\n        _this._handleSave = function () {\n            _this.props.onSave(_this.state.filePickerResult);\n        };\n        /**\n         * Called when user closes tab\n         */\n        _this._handleClose = function () {\n            _this.props.onClose();\n        };\n        /**\n         * Triggered when user opens a file folder\n         */\n        _this._handleOpenFolder = function (folder, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_1 = {\n                    folderData: folder,\n                    isCurrentItem: true,\n                    text: folder.name,\n                    key: folder.absoluteUrl\n                };\n                breadcrumbNode_1.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_1); };\n                breadcrumbItems.push(breadcrumbNode_1);\n            }\n            _this.setState({\n                folderPath: folder.serverRelativeUrl,\n                folderName: folder.name,\n                libraryAbsolutePath: folder.absoluteUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        _this.state = {\n            filePickerResult: null,\n            libraryAbsolutePath: undefined,\n            libraryTitle: strings.DocumentLibraries,\n            folderPath: undefined,\n            folderName: strings.DocumentLibraries,\n            breadcrumbItems: []\n        };\n        return _this;\n    }\n    OneDriveFilesTab.prototype.componentDidMount = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var folderPath, libraryAbsolutePath, libraryTitle, oneDriveFolderData, breadcrumbItems, breadcrumbNode;\n            var _this = this;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.props.oneDriveService.getOneDriveRootFolderRelativeUrl()];\n                    case 1:\n                        folderPath = _a.sent();\n                        return [4 /*yield*/, this.props.oneDriveService.getOneDriveRootFolderFullUrl()];\n                    case 2:\n                        libraryAbsolutePath = _a.sent();\n                        return [4 /*yield*/, this.props.oneDriveService.getOneDrivePersonalLibraryTitle()];\n                    case 3:\n                        libraryTitle = _a.sent();\n                        oneDriveFolderData = {\n                            isFolder: true,\n                            modified: null,\n                            absoluteUrl: libraryAbsolutePath,\n                            name: libraryTitle,\n                            fileIcon: \"\",\n                            serverRelativeUrl: folderPath,\n                            spItemUrl: \"\",\n                            supportsThumbnail: false,\n                            fileType: \"\"\n                        };\n                        breadcrumbItems = this.state.breadcrumbItems;\n                        breadcrumbNode = {\n                            folderData: oneDriveFolderData,\n                            isCurrentItem: true,\n                            text: oneDriveFolderData.name,\n                            key: oneDriveFolderData.absoluteUrl\n                        };\n                        breadcrumbNode.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode); };\n                        breadcrumbItems.push(breadcrumbNode);\n                        this.setState({\n                            libraryAbsolutePath: libraryAbsolutePath,\n                            folderName: folderPath,\n                            libraryTitle: libraryTitle\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    OneDriveFilesTab.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", { className: styles.tabContainer },\n            React.createElement(\"div\", { className: styles.tabHeaderContainer },\n                React.createElement(Breadcrumb, { items: this.state.breadcrumbItems, className: styles.breadcrumbNav })),\n            React.createElement(\"div\", { className: styles.tabFiles }, this.state.libraryAbsolutePath !== undefined &&\n                React.createElement(FileBrowser, { onChange: function (filePickerResult) { return _this._handleSelectionChange(filePickerResult); }, onOpenFolder: function (folder) { return _this._handleOpenFolder(folder, true); }, fileBrowserService: this.props.oneDriveService, libraryName: this.state.libraryTitle, folderPath: this.state.folderPath, accepts: this.props.accepts })),\n            React.createElement(\"div\", { className: styles.actionButtonsContainer },\n                React.createElement(\"div\", { className: styles.actionButtons },\n                    React.createElement(PrimaryButton, { disabled: !this.state.filePickerResult, onClick: function () { return _this._handleSave(); }, className: styles.actionButton }, strings.OpenButtonLabel),\n                    React.createElement(DefaultButton, { onClick: function () { return _this._handleClose(); }, className: styles.actionButton }, strings.CancelButtonLabel)))));\n    };\n    return OneDriveFilesTab;\n}(React.Component));\nexport { OneDriveFilesTab };\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 * as React from 'react';\nimport { findIndex } from '@microsoft/sp-lodash-subset';\nimport { Breadcrumb } from 'office-ui-fabric-react/lib/Breadcrumb';\nimport { FileBrowser } from '../controls';\nimport { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/Button';\nimport { Link } from 'office-ui-fabric-react/lib/Link';\nimport styles from './OneDriveFilesTab.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar OneDriveFilesTab = /** @class */ (function (_super) {\n    __extends(OneDriveFilesTab, _super);\n    function OneDriveFilesTab(props) {\n        var _this = _super.call(this, props) || this;\n        _this.renderBreadcrumbItem = function (item) {\n            return (React.createElement(Link, { href: item.href, onClick: item.onClick, key: item.key, className: \"ms-Link ms-Breadcrumb-itemLink \" + styles.breadcrumbNavItem }, item.text));\n        };\n        /**\n         * Handles breadcrump item click\n         */\n        _this.onBreadcrumpItemClick = function (node) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            var breadcrumbClickedItemIndx = 0;\n            // Site node clicked\n            if (node.folderData === null) {\n                _this.setState({\n                    libraryAbsolutePath: undefined,\n                    folderPath: undefined,\n                    folderName: undefined\n                });\n            }\n            // Check if it is folder item\n            else {\n                _this._handleOpenFolder(node.folderData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.folderData && item.folderData.absoluteUrl === node.key; });\n            }\n            // Trim nodes array\n            breadcrumbItems = breadcrumbItems.slice(0, breadcrumbClickedItemIndx + 1);\n            // Set new current node\n            breadcrumbItems[breadcrumbItems.length - 1].isCurrentItem = true;\n            _this.setState({\n                breadcrumbItems: breadcrumbItems,\n                filePickerResult: undefined\n            });\n        };\n        /**\n         * Is called when user selects a different file\n         */\n        _this._handleSelectionChange = function (filePickerResult) {\n            if (filePickerResult) {\n                filePickerResult.downloadFileContent = function () { return _this.props.oneDriveService.downloadSPFileContent(filePickerResult.spItemUrl, filePickerResult.fileName); };\n            }\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Called when user saves\n         */\n        _this._handleSave = function () {\n            _this.props.onSave(_this.state.filePickerResult);\n        };\n        /**\n         * Called when user closes tab\n         */\n        _this._handleClose = function () {\n            _this.props.onClose();\n        };\n        /**\n         * Triggered when user opens a file folder\n         */\n        _this._handleOpenFolder = function (folder, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_1 = {\n                    folderData: folder,\n                    isCurrentItem: true,\n                    text: folder.name,\n                    key: folder.absoluteUrl\n                };\n                breadcrumbNode_1.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_1); };\n                breadcrumbItems.push(breadcrumbNode_1);\n            }\n            _this.setState({\n                folderPath: folder.serverRelativeUrl,\n                folderName: folder.name,\n                libraryAbsolutePath: folder.absoluteUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        _this.state = {\n            filePickerResult: null,\n            libraryAbsolutePath: undefined,\n            libraryTitle: strings.DocumentLibraries,\n            libraryId: '',\n            folderPath: undefined,\n            folderName: strings.DocumentLibraries,\n            breadcrumbItems: []\n        };\n        return _this;\n    }\n    OneDriveFilesTab.prototype.componentDidMount = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var oneDriveService, _a, folderPath, libraryAbsolutePath, libraryTitle, libraryId, oneDriveFolderData, breadcrumbItems, breadcrumbNode;\n            var _this = this;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        oneDriveService = this.props.oneDriveService;\n                        return [4 /*yield*/, oneDriveService.getOneDriveMetadata()];\n                    case 1:\n                        _a = _b.sent(), folderPath = _a.folderPath, libraryAbsolutePath = _a.libraryAbsolutePath, libraryTitle = _a.libraryTitle, libraryId = _a.libraryId;\n                        oneDriveFolderData = {\n                            isFolder: true,\n                            modified: null,\n                            absoluteUrl: libraryAbsolutePath,\n                            name: libraryTitle,\n                            fileIcon: \"\",\n                            serverRelativeUrl: folderPath,\n                            spItemUrl: \"\",\n                            supportsThumbnail: false,\n                            fileType: \"\"\n                        };\n                        breadcrumbItems = this.state.breadcrumbItems;\n                        breadcrumbNode = {\n                            folderData: oneDriveFolderData,\n                            isCurrentItem: true,\n                            text: oneDriveFolderData.name,\n                            key: oneDriveFolderData.absoluteUrl\n                        };\n                        breadcrumbNode.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode); };\n                        breadcrumbItems.push(breadcrumbNode);\n                        this.setState({\n                            libraryAbsolutePath: libraryAbsolutePath,\n                            folderName: folderPath,\n                            libraryTitle: libraryTitle,\n                            libraryId: libraryId\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    OneDriveFilesTab.prototype.render = function () {\n        var _this = this;\n        var _a = this.state, libraryId = _a.libraryId, libraryTitle = _a.libraryTitle, folderPath = _a.folderPath, breadcrumbItems = _a.breadcrumbItems, libraryAbsolutePath = _a.libraryAbsolutePath, filePickerResult = _a.filePickerResult;\n        var _b = this.props, oneDriveService = _b.oneDriveService, accepts = _b.accepts;\n        return (React.createElement(\"div\", { className: styles.tabContainer },\n            React.createElement(\"div\", { className: styles.tabHeaderContainer },\n                React.createElement(Breadcrumb, { items: breadcrumbItems, className: styles.breadcrumbNav })),\n            React.createElement(\"div\", { className: styles.tabFiles }, libraryAbsolutePath !== undefined &&\n                React.createElement(FileBrowser, { onChange: function (fpr) { return _this._handleSelectionChange(fpr); }, onOpenFolder: function (folder) { return _this._handleOpenFolder(folder, true); }, fileBrowserService: oneDriveService, libraryName: libraryTitle, libraryId: libraryId, folderPath: folderPath, accepts: accepts })),\n            React.createElement(\"div\", { className: styles.actionButtonsContainer },\n                React.createElement(\"div\", { className: styles.actionButtons },\n                    React.createElement(PrimaryButton, { disabled: !filePickerResult, onClick: function () { return _this._handleSave(); }, className: styles.actionButton }, strings.OpenButtonLabel),\n                    React.createElement(DefaultButton, { onClick: function () { return _this._handleClose(); }, className: styles.actionButton }, strings.CancelButtonLabel)))));\n    };\n    return OneDriveFilesTab;\n}(React.Component));\nexport { OneDriveFilesTab };\n"
         },
         {
           "id": "5Vo+",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.types.js",
           "name": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.types.js",
-          "index": 1425,
-          "index2": 1419,
-          "size": 0,
+          "index": 1417,
+          "index2": 1410,
+          "size": 551,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -23871,12 +23871,194 @@
               "type": "harmony export imported specifier",
               "userRequest": "./FilePicker.types",
               "loc": "2:0-35"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony side effect evaluation",
+              "userRequest": "./FilePicker.types",
+              "loc": "79:0-55"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "99:95-112"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "137:25-42"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "144:25-42"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "152:25-42"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "161:25-42"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "168:25-42"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "176:25-42"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "184:25-42"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "192:25-42"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "206:91-108"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "261:47-64"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "263:47-64"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "265:47-64"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "267:47-64"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "269:47-64"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "273:37-54"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "275:47-64"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "277:47-64"
+            },
+            {
+              "moduleId": "6lwl",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+              "type": "harmony import specifier",
+              "userRequest": "./FilePicker.types",
+              "loc": "279:47-64"
             }
           ],
-          "providedExports": null,
+          "providedExports": [
+            "FilePickerTabType"
+          ],
           "optimizationBailout": [],
           "depth": 5,
-          "source": ""
+          "source": "export var FilePickerTabType;\n(function (FilePickerTabType) {\n    FilePickerTabType[\"RecentTab\"] = \"keyRecent\";\n    FilePickerTabType[\"OneDriveTab\"] = \"keyOneDrive\";\n    FilePickerTabType[\"StockImagesTab\"] = \"keyStockImages\";\n    FilePickerTabType[\"WebSearchTab\"] = \"keyWeb\";\n    FilePickerTabType[\"OrganisationalAssetTab\"] = \"keyOrgAssets\";\n    FilePickerTabType[\"SiteFilesTab\"] = \"keySite\";\n    FilePickerTabType[\"LocalUploadTab\"] = \"keyUpload\";\n    FilePickerTabType[\"LinkUploadTab\"] = \"keyLink\";\n})(FilePickerTabType || (FilePickerTabType = {}));\n"
         },
         {
           "id": "5YQ7",
@@ -27109,8 +27291,8 @@
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "name": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "index": 1341,
-          "index2": 1418,
-          "size": 14543,
+          "index2": 1419,
+          "size": 15109,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -27177,7 +27359,7 @@
           ],
           "optimizationBailout": [],
           "depth": 5,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __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 * as React from 'react';\nimport { PrimaryButton, ActionButton } from 'office-ui-fabric-react/lib/components/Button';\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/components/Panel';\nimport { Label } from 'office-ui-fabric-react/lib/components/Label';\nimport { Nav } from 'office-ui-fabric-react/lib/Nav';\nimport { css } from \"@uifabric/utilities/lib/css\";\n// Localization\nimport * as strings from 'PropertyControlStrings';\nimport LinkFilePickerTab from './LinkFilePickerTab/LinkFilePickerTab';\nimport UploadFilePickerTab from './UploadFilePickerTab/UploadFilePickerTab';\nimport SiteFilePickerTab from './SiteFilePickerTab/SiteFilePickerTab';\nimport WebSearchTab from './WebSearchTab/WebSearchTab';\nimport RecentFilesTab from './RecentFilesTab/RecentFilesTab';\nimport styles from './FilePicker.module.scss';\nimport { FileBrowserService } from '../../../services/FileBrowserService';\nimport { OneDriveFilesTab } from './OneDriveFilesTab';\nimport { OneDriveService } from '../../../services/OneDriveService';\nimport { OrgAssetsService } from '../../../services/OrgAssetsService';\nimport { FilesSearchService } from '../../../services/FilesSearchService';\nimport { StockImages } from './StockImagesTab';\nvar FilePicker = /** @class */ (function (_super) {\n    __extends(FilePicker, _super);\n    function FilePicker(props) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Renders the panel header\n         */\n        _this._renderHeader = function () {\n            return React.createElement(\"div\", { className: \"ms-Panel-header\" },\n                React.createElement(\"p\", { className: css(\"ms-Panel-headerText\", styles.header), role: \"heading\" }, strings.FilePickerHeader));\n        };\n        /**\n         * Open the panel\n         */\n        _this._handleOpenPanel = function () {\n            _this.setState({\n                panelOpen: true,\n                selectedTab: 'keyRecent'\n            });\n        };\n        /**\n         * Closes the panel\n         */\n        _this._handleClosePanel = function () {\n            _this.props.onCancel();\n            _this.setState({\n                panelOpen: false\n            });\n        };\n        /**\n         * On save action\n         */\n        _this._handleSave = function (filePickerResult) {\n            _this.props.onSave(filePickerResult);\n            _this.setState({\n                panelOpen: false\n            });\n        };\n        /**\n         * Changes the selected tab when a link is selected\n         */\n        _this._handleLinkClick = function (ev, item) {\n            _this.setState({ selectedTab: item.key });\n        };\n        /**\n         * Prepares navigation panel options\n         */\n        _this._getNavPanelOptions = function () {\n            var addUrl = _this.props.storeLastActiveTab !== false;\n            var links = [];\n            if (!_this.props.hideRecentTab) {\n                links.push({\n                    name: strings.RecentLinkLabel,\n                    url: addUrl ? '#recent' : undefined,\n                    icon: 'Recent',\n                    key: 'keyRecent',\n                });\n            }\n            if (!_this.props.hideStockImages) {\n                links.push({\n                    name: strings.StockImagesLinkLabel,\n                    url: addUrl ? '#stockImages' : undefined,\n                    key: 'keyStockImages',\n                    icon: 'ImageSearch',\n                });\n            }\n            if (_this.props.bingAPIKey && !_this.props.hideWebSearchTab) {\n                links.push({\n                    name: strings.WebSearchLinkLabel,\n                    url: addUrl ? '#search' : undefined,\n                    key: 'keyWeb',\n                    icon: 'Search',\n                });\n            }\n            if (!_this.props.hideOrganisationalAssetTab && _this.state.organisationAssetsEnabled) {\n                links.push({\n                    name: 'Your organisation',\n                    url: addUrl ? '#orgAssets' : undefined,\n                    icon: 'FabricFolderConfirm',\n                    key: 'keyOrgAssets',\n                });\n            }\n            if (!_this.props.hideOneDriveTab) {\n                links.push({\n                    name: \"OneDrive\",\n                    url: addUrl ? '#onedrive' : undefined,\n                    key: 'keyOneDrive',\n                    icon: 'OneDrive',\n                });\n            }\n            if (!_this.props.hideSiteFilesTab) {\n                links.push({\n                    name: strings.SiteLinkLabel,\n                    url: addUrl ? '#globe' : undefined,\n                    key: 'keySite',\n                    icon: 'Globe',\n                });\n            }\n            if (!_this.props.hideLocalUploadTab) {\n                links.push({\n                    name: strings.UploadLinkLabel,\n                    url: addUrl ? '#upload' : undefined,\n                    key: 'keyUpload',\n                    icon: 'System'\n                });\n            }\n            if (!_this.props.hideLinkUploadTab) {\n                links.push({\n                    name: strings.FromLinkLinkLabel,\n                    url: addUrl ? '#link' : undefined,\n                    key: 'keyLink',\n                    icon: 'Link'\n                });\n            }\n            var groups = [{ links: links }];\n            return groups;\n        };\n        // Initialize file browser services\n        _this.fileBrowserService = new FileBrowserService(props.context, _this.props.itemsCountQueryLimit);\n        _this.oneDriveService = new OneDriveService(props.context, _this.props.itemsCountQueryLimit);\n        _this.orgAssetsService = new OrgAssetsService(props.context, _this.props.itemsCountQueryLimit);\n        _this.fileSearchService = new FilesSearchService(props.context, _this.props.bingAPIKey);\n        _this.state = {\n            panelOpen: false,\n            selectedTab: 'keyRecent',\n            organisationAssetsEnabled: false,\n            showFullNav: true\n        };\n        return _this;\n    }\n    FilePicker.prototype.componentDidMount = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var orgAssetsEnabled, orgAssetsLibraries;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        orgAssetsEnabled = false;\n                        if (!!this.props.hideOrganisationalAssetTab) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.orgAssetsService.getSiteMediaLibraries()];\n                    case 1:\n                        orgAssetsLibraries = _a.sent();\n                        orgAssetsEnabled = orgAssetsLibraries ? true : false;\n                        _a.label = 2;\n                    case 2:\n                        this.setState({\n                            organisationAssetsEnabled: orgAssetsEnabled\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    FilePicker.prototype.render = function () {\n        var _this = this;\n        // If no acceptable file type was passed, and we're expecting images, set the default image filter\n        var accepts = this.props.accepts;\n        var buttonClassName = this.props.buttonClassName ? this.props.buttonClassName : '';\n        var panelClassName = this.props.panelClassName ? this.props.panelClassName : '';\n        var linkTabProps = {\n            accepts: accepts,\n            context: this.props.context,\n            onClose: function () { return _this._handleClosePanel(); },\n            onSave: function (value) { _this._handleSave(value); }\n        };\n        var buttonProps = {\n            text: this.props.buttonLabel,\n            disabled: this.props.disabled,\n            onClick: this._handleOpenPanel,\n            className: \"pnp__file-picker__button \" + buttonClassName\n        };\n        return (React.createElement(\"div\", { className: \"pnp__file-picker\" },\n            this.props.label && React.createElement(Label, { required: this.props.required }, this.props.label),\n            this.props.buttonIcon ?\n                React.createElement(ActionButton, __assign({ iconProps: { iconName: this.props.buttonIcon } }, buttonProps)) :\n                React.createElement(PrimaryButton, __assign({}, buttonProps)),\n            React.createElement(Panel, { isOpen: this.state.panelOpen, isBlocking: true, hasCloseButton: true, className: \"pnp__file-picker__panel \" + styles.filePicker + \" \" + panelClassName, onDismiss: this._handleClosePanel, type: PanelType.extraLarge, isFooterAtBottom: true, onRenderNavigation: function () { return undefined; }, headerText: strings.FilePickerHeader, isLightDismiss: true, onRenderHeader: function () { return _this._renderHeader(); } },\n                React.createElement(\"div\", { className: styles.nav },\n                    React.createElement(Nav, { groups: this._getNavPanelOptions(), selectedKey: this.state.selectedTab, onLinkClick: function (ev, item) { return _this._handleLinkClick(ev, item); } })),\n                React.createElement(\"div\", { className: styles.tabsContainer },\n                    this.state.selectedTab === \"keyLink\" &&\n                        React.createElement(LinkFilePickerTab, __assign({ fileSearchService: this.fileSearchService, allowExternalTenantLinks: true }, linkTabProps)),\n                    this.state.selectedTab === \"keyStockImages\" &&\n                        React.createElement(StockImages, __assign({ language: this.props.context.pageContext.cultureInfo.currentCultureName, fileSearchService: this.fileSearchService }, linkTabProps)),\n                    this.state.selectedTab === \"keyUpload\" &&\n                        React.createElement(UploadFilePickerTab, __assign({}, linkTabProps)),\n                    this.state.selectedTab === \"keySite\" &&\n                        React.createElement(SiteFilePickerTab, __assign({ fileBrowserService: this.fileBrowserService }, linkTabProps)),\n                    this.state.selectedTab === \"keyOrgAssets\" &&\n                        React.createElement(SiteFilePickerTab, __assign({ breadcrumbFirstNode: {\n                                isCurrentItem: true,\n                                text: strings.OrgAssetsTabLabel,\n                                key: \"keyOrgAssets\"\n                            }, fileBrowserService: this.orgAssetsService }, linkTabProps)),\n                    this.state.selectedTab === \"keyWeb\" &&\n                        React.createElement(WebSearchTab, __assign({ bingSearchService: this.fileSearchService }, linkTabProps)),\n                    this.state.selectedTab === \"keyOneDrive\" &&\n                        React.createElement(OneDriveFilesTab, __assign({ oneDriveService: this.oneDriveService }, linkTabProps)),\n                    this.state.selectedTab === \"keyRecent\" &&\n                        React.createElement(RecentFilesTab, __assign({ fileSearchService: this.fileSearchService }, linkTabProps))))));\n    };\n    return FilePicker;\n}(React.Component));\nexport { FilePicker };\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __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 * as React from 'react';\nimport { PrimaryButton, ActionButton } from 'office-ui-fabric-react/lib/components/Button';\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/components/Panel';\nimport { Label } from 'office-ui-fabric-react/lib/components/Label';\nimport { Nav } from 'office-ui-fabric-react/lib/Nav';\nimport { css } from \"@uifabric/utilities/lib/css\";\n// Localization\nimport * as strings from 'PropertyControlStrings';\nimport LinkFilePickerTab from './LinkFilePickerTab/LinkFilePickerTab';\nimport UploadFilePickerTab from './UploadFilePickerTab/UploadFilePickerTab';\nimport SiteFilePickerTab from './SiteFilePickerTab/SiteFilePickerTab';\nimport WebSearchTab from './WebSearchTab/WebSearchTab';\nimport RecentFilesTab from './RecentFilesTab/RecentFilesTab';\nimport styles from './FilePicker.module.scss';\nimport { FileBrowserService } from '../../../services/FileBrowserService';\nimport { OneDriveFilesTab } from './OneDriveFilesTab';\nimport { OneDriveService } from '../../../services/OneDriveService';\nimport { OrgAssetsService } from '../../../services/OrgAssetsService';\nimport { FilePickerTabType } from './FilePicker.types';\nimport { FilesSearchService } from '../../../services/FilesSearchService';\nimport { StockImages } from './StockImagesTab';\nvar FilePicker = /** @class */ (function (_super) {\n    __extends(FilePicker, _super);\n    function FilePicker(props) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Renders the panel header\n         */\n        _this._renderHeader = function () {\n            return React.createElement(\"div\", { className: \"ms-Panel-header\" },\n                React.createElement(\"p\", { className: css(\"ms-Panel-headerText\", styles.header), role: \"heading\" }, strings.FilePickerHeader));\n        };\n        /**\n         * Open the panel\n         */\n        _this._handleOpenPanel = function () {\n            _this.setState({\n                panelOpen: true,\n                selectedTab: _this.props.defaultSelectedTab ? _this.props.defaultSelectedTab : FilePickerTabType.RecentTab\n            });\n        };\n        /**\n         * Closes the panel\n         */\n        _this._handleClosePanel = function () {\n            _this.props.onCancel();\n            _this.setState({\n                panelOpen: false\n            });\n        };\n        /**\n         * On save action\n         */\n        _this._handleSave = function (filePickerResult) {\n            _this.props.onSave(filePickerResult);\n            _this.setState({\n                panelOpen: false\n            });\n        };\n        /**\n         * Changes the selected tab when a link is selected\n         */\n        _this._handleLinkClick = function (ev, item) {\n            _this.setState({ selectedTab: item.key });\n        };\n        /**\n         * Prepares navigation panel options\n         */\n        _this._getNavPanelOptions = function () {\n            var addUrl = _this.props.storeLastActiveTab !== false;\n            var links = [];\n            if (!_this.props.hideRecentTab) {\n                links.push({\n                    name: strings.RecentLinkLabel,\n                    url: addUrl ? '#recent' : undefined,\n                    icon: 'Recent',\n                    key: FilePickerTabType.RecentTab,\n                });\n            }\n            if (!_this.props.hideStockImages) {\n                links.push({\n                    name: strings.StockImagesLinkLabel,\n                    url: addUrl ? '#stockImages' : undefined,\n                    key: FilePickerTabType.StockImagesTab,\n                    icon: 'ImageSearch',\n                });\n            }\n            if (_this.props.bingAPIKey && !_this.props.hideWebSearchTab) {\n                links.push({\n                    name: strings.WebSearchLinkLabel,\n                    url: addUrl ? '#search' : undefined,\n                    key: FilePickerTabType.WebSearchTab,\n                    icon: 'Search',\n                });\n            }\n            if (!_this.props.hideOrganisationalAssetTab && _this.state.organisationAssetsEnabled) {\n                links.push({\n                    name: 'Your organisation',\n                    url: addUrl ? '#orgAssets' : undefined,\n                    icon: 'FabricFolderConfirm',\n                    key: FilePickerTabType.OrganisationalAssetTab,\n                });\n            }\n            if (!_this.props.hideOneDriveTab) {\n                links.push({\n                    name: \"OneDrive\",\n                    url: addUrl ? '#onedrive' : undefined,\n                    key: FilePickerTabType.OneDriveTab,\n                    icon: 'OneDrive',\n                });\n            }\n            if (!_this.props.hideSiteFilesTab) {\n                links.push({\n                    name: strings.SiteLinkLabel,\n                    url: addUrl ? '#globe' : undefined,\n                    key: FilePickerTabType.SiteFilesTab,\n                    icon: 'Globe',\n                });\n            }\n            if (!_this.props.hideLocalUploadTab) {\n                links.push({\n                    name: strings.UploadLinkLabel,\n                    url: addUrl ? '#upload' : undefined,\n                    key: FilePickerTabType.LocalUploadTab,\n                    icon: 'System'\n                });\n            }\n            if (!_this.props.hideLinkUploadTab) {\n                links.push({\n                    name: strings.FromLinkLinkLabel,\n                    url: addUrl ? '#link' : undefined,\n                    key: FilePickerTabType.LinkUploadTab,\n                    icon: 'Link'\n                });\n            }\n            var groups = [{ links: links }];\n            return groups;\n        };\n        // Initialize file browser services\n        _this.fileBrowserService = new FileBrowserService(props.context, _this.props.itemsCountQueryLimit);\n        _this.oneDriveService = new OneDriveService(props.context, _this.props.itemsCountQueryLimit);\n        _this.orgAssetsService = new OrgAssetsService(props.context, _this.props.itemsCountQueryLimit);\n        _this.fileSearchService = new FilesSearchService(props.context, _this.props.bingAPIKey);\n        _this.state = {\n            panelOpen: false,\n            selectedTab: _this.props.defaultSelectedTab ? _this.props.defaultSelectedTab : FilePickerTabType.RecentTab,\n            organisationAssetsEnabled: false,\n            showFullNav: true\n        };\n        return _this;\n    }\n    FilePicker.prototype.componentDidMount = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var orgAssetsEnabled, orgAssetsLibraries;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        orgAssetsEnabled = false;\n                        if (!!this.props.hideOrganisationalAssetTab) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.orgAssetsService.getSiteMediaLibraries()];\n                    case 1:\n                        orgAssetsLibraries = _a.sent();\n                        orgAssetsEnabled = orgAssetsLibraries ? true : false;\n                        _a.label = 2;\n                    case 2:\n                        this.setState({\n                            organisationAssetsEnabled: orgAssetsEnabled\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    FilePicker.prototype.render = function () {\n        var _this = this;\n        // If no acceptable file type was passed, and we're expecting images, set the default image filter\n        var accepts = this.props.accepts;\n        var buttonClassName = this.props.buttonClassName ? this.props.buttonClassName : '';\n        var panelClassName = this.props.panelClassName ? this.props.panelClassName : '';\n        var linkTabProps = {\n            accepts: accepts,\n            context: this.props.context,\n            onClose: function () { return _this._handleClosePanel(); },\n            onSave: function (value) { _this._handleSave(value); }\n        };\n        var buttonProps = {\n            text: this.props.buttonLabel,\n            disabled: this.props.disabled,\n            onClick: this._handleOpenPanel,\n            className: \"pnp__file-picker__button \" + buttonClassName\n        };\n        return (React.createElement(\"div\", { className: \"pnp__file-picker\" },\n            this.props.label && React.createElement(Label, { required: this.props.required }, this.props.label),\n            this.props.buttonIcon ?\n                React.createElement(ActionButton, __assign({ iconProps: { iconName: this.props.buttonIcon } }, buttonProps)) :\n                React.createElement(PrimaryButton, __assign({}, buttonProps)),\n            React.createElement(Panel, { isOpen: this.state.panelOpen, isBlocking: true, hasCloseButton: true, className: \"pnp__file-picker__panel \" + styles.filePicker + \" \" + panelClassName, onDismiss: this._handleClosePanel, type: PanelType.extraLarge, isFooterAtBottom: true, onRenderNavigation: function () { return undefined; }, headerText: strings.FilePickerHeader, isLightDismiss: true, onRenderHeader: function () { return _this._renderHeader(); } },\n                React.createElement(\"div\", { className: styles.nav },\n                    React.createElement(Nav, { groups: this._getNavPanelOptions(), selectedKey: this.state.selectedTab, onLinkClick: function (ev, item) { return _this._handleLinkClick(ev, item); } })),\n                React.createElement(\"div\", { className: styles.tabsContainer },\n                    this.state.selectedTab === FilePickerTabType.LinkUploadTab &&\n                        React.createElement(LinkFilePickerTab, __assign({ fileSearchService: this.fileSearchService, allowExternalTenantLinks: true }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.StockImagesTab &&\n                        React.createElement(StockImages, __assign({ language: this.props.context.pageContext.cultureInfo.currentCultureName, fileSearchService: this.fileSearchService }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.LocalUploadTab &&\n                        React.createElement(UploadFilePickerTab, __assign({}, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.SiteFilesTab &&\n                        React.createElement(SiteFilePickerTab, __assign({ fileBrowserService: this.fileBrowserService }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.OrganisationalAssetTab &&\n                        React.createElement(SiteFilePickerTab, __assign({ breadcrumbFirstNode: {\n                                isCurrentItem: true,\n                                text: strings.OrgAssetsTabLabel,\n                                key: FilePickerTabType.OrganisationalAssetTab\n                            }, fileBrowserService: this.orgAssetsService }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.WebSearchTab &&\n                        React.createElement(WebSearchTab, __assign({ bingSearchService: this.fileSearchService }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.OneDriveTab &&\n                        React.createElement(OneDriveFilesTab, __assign({ oneDriveService: this.oneDriveService }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.RecentTab &&\n                        React.createElement(RecentFilesTab, __assign({ fileSearchService: this.fileSearchService }, linkTabProps))))));\n    };\n    return FilePicker;\n}(React.Component));\nexport { FilePicker };\n"
         },
         {
           "id": "6lyR",
@@ -29710,7 +29892,7 @@
           "name": "./lib/services/FileBrowserService.js",
           "index": 1407,
           "index2": 1400,
-          "size": 16955,
+          "size": 18632,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -29774,7 +29956,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "../../../services/FileBrowserService",
-              "loc": "199:39-57"
+              "loc": "200:39-57"
             },
             {
               "moduleId": "Z/CM",
@@ -29792,7 +29974,7 @@
               "moduleName": "./lib/services/OrgAssetsService.js",
               "type": "harmony import specifier",
               "userRequest": "./FileBrowserService",
-              "loc": "146:2-20"
+              "loc": "190:2-20"
             },
             {
               "moduleId": "tBFX",
@@ -29810,7 +29992,7 @@
               "moduleName": "./lib/services/OneDriveService.js",
               "type": "harmony import specifier",
               "userRequest": "./FileBrowserService",
-              "loc": "275:2-20"
+              "loc": "355:2-20"
             }
           ],
           "providedExports": [
@@ -29818,7 +30000,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};\nimport { SPHttpClient } from \"@microsoft/sp-http\";\nimport { GeneralHelper } from \"../helpers/GeneralHelper\";\nvar FileBrowserService = /** @class */ (function () {\n    function FileBrowserService(context, itemsToDownloadCount) {\n        var _this = this;\n        if (itemsToDownloadCount === void 0) { itemsToDownloadCount = 100; }\n        /**\n         * Gets files from current sites library\n         * @param libraryName\n         * @param folderPath\n         * @param acceptedFilesExtensions\n         */\n        this.getListItems = function (libraryName, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/web/lists/GetByTitle('\" + libraryName + \"')/RenderListDataAsStream\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            restApi += \"\" + nextPageQueryStringParams;\n                            folderPath = null;\n                        }\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, folderPath, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Provides the URL for file preview.\n         */\n        this.getFileThumbnailUrl = function (file, thumbnailWidth, thumbnailHeight) {\n            var thumbnailUrl = _this.mediaBaseUrl + \"/transform/thumbnail?provider=spo&inputFormat=\" + file.fileType + \"&cs=\" + _this.callerStack + \"&docid=\" + file.spItemUrl + \"&\" + _this.driveAccessToken + \"&width=\" + thumbnailWidth + \"&height=\" + thumbnailHeight;\n            return thumbnailUrl;\n        };\n        /**\n         * Gets document and media libraries from the site\n         */\n        this.getSiteMediaLibraries = function (includePageLibraries) {\n            if (includePageLibraries === void 0) { includePageLibraries = false; }\n            return __awaiter(_this, void 0, void 0, function () {\n                var absoluteUrl, restApi, mediaLibrariesResult, libResults, result, error_2;\n                var _this = this;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0:\n                            _a.trys.push([0, 3, , 4]);\n                            absoluteUrl = this.context.pageContext.web.absoluteUrl;\n                            restApi = absoluteUrl + \"/_api/SP.Web.GetDocumentAndMediaLibraries?webFullUrl='\" + encodeURIComponent(absoluteUrl) + \"'&includePageLibraries='\" + includePageLibraries + \"'\";\n                            return [4 /*yield*/, this.context.spHttpClient.get(restApi, SPHttpClient.configurations.v1)];\n                        case 1:\n                            mediaLibrariesResult = _a.sent();\n                            if (!mediaLibrariesResult || !mediaLibrariesResult.ok) {\n                                throw new Error(\"Something went wrong when executing request. Status='\" + mediaLibrariesResult.status + \"'\");\n                            }\n                            return [4 /*yield*/, mediaLibrariesResult.json()];\n                        case 2:\n                            libResults = _a.sent();\n                            if (!libResults || !libResults.value) {\n                                throw new Error(\"Cannot read data from the results.\");\n                            }\n                            result = libResults.value.map(function (libItem) { return _this.parseLibItem(libItem); });\n                            return [2 /*return*/, result];\n                        case 3:\n                            error_2 = _a.sent();\n                            console.error(\"[FileBrowserService.getSiteMediaLibraries]: Err='\" + error_2.message + \"'\");\n                            return [2 /*return*/, null];\n                        case 4: return [2 /*return*/];\n                    }\n                });\n            });\n        };\n        /**\n         * Downloads document content from SP location.\n         */\n        this.downloadSPFileContent = function (absoluteFileUrl, fileName) { return __awaiter(_this, void 0, void 0, function () {\n            var fileDownloadResult, blob, err_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 3, , 4]);\n                        return [4 /*yield*/, this.context.spHttpClient.get(absoluteFileUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        fileDownloadResult = _a.sent();\n                        if (!fileDownloadResult || !fileDownloadResult.ok) {\n                            throw new Error(\"Something went wrong when downloading the file. Status='\" + fileDownloadResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, fileDownloadResult.blob()];\n                    case 2:\n                        blob = _a.sent();\n                        return [2 /*return*/, GeneralHelper.getFileFromBlob(blob, fileName)];\n                    case 3:\n                        err_1 = _a.sent();\n                        console.error(\"[FileBrowserService.fetchFileContent] Err='\" + err_1.message + \"'\");\n                        return [2 /*return*/, null];\n                    case 4: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * Executes query to load files with possible extension filtering\n         * @param restApi\n         * @param folderPath\n         * @param acceptedFilesExtensions\n         */\n        this._getListDataAsStream = function (restApi, folderPath, acceptedFilesExtensions) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, body, data, filesResult, items, error_3;\n            var _this = this;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 4, , 5]);\n                        body = {\n                            parameters: {\n                                AllowMultipleValueFilterForTaxonomyFields: true,\n                                // ContextInfo (1), ListData (2), ListSchema (4), ViewMetadata (1024), EnableMediaTAUrls (4096), ParentInfo (8192)\n                                RenderOptions: 1 | 2 | 4 | 1024 | 4096 | 8192,\n                                ViewXml: this.getFilesCamlQueryViewXml(acceptedFilesExtensions)\n                            }\n                        };\n                        if (folderPath) {\n                            body.parameters[\"FolderServerRelativeUrl\"] = folderPath;\n                        }\n                        return [4 /*yield*/, this.context.spHttpClient.fetch(restApi, SPHttpClient.configurations.v1, {\n                                method: \"POST\",\n                                body: JSON.stringify(body)\n                            })];\n                    case 2:\n                        data = _a.sent();\n                        if (!data || !data.ok) {\n                            throw new Error(\"[FileBrowser._getListItems]: Something went wrong when executing request. Status='\" + data.statusMessage + \"'\");\n                        }\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        filesResult = _a.sent();\n                        if (!filesResult || !filesResult.ListData || !filesResult.ListData.Row) {\n                            throw new Error(\"[FileBrowser._getListItems]: No data is available. Status='\" + data.statusMessage + \"'\");\n                        }\n                        // Set additional information from the ListResponse\n                        this.processResponse(filesResult);\n                        items = filesResult.ListData.Row.map(function (fileItem) { return _this.parseFileItem(fileItem); });\n                        filesQueryResult = {\n                            items: items,\n                            nextHref: filesResult.ListData.NextHref\n                        };\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_3 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_3.message);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Generates Files CamlQuery ViewXml\n         */\n        this.getFilesCamlQueryViewXml = function (accepts) {\n            var fileFilter = _this.getFileTypeFilter(accepts);\n            var queryCondition = fileFilter && fileFilter !== \"\" ?\n                \"<Query>\\n        <Where>\\n          <Or>\\n            <And>\\n              <Eq>\\n                <FieldRef Name=\\\"FSObjType\\\" />\\n                <Value Type=\\\"Text\\\">1</Value>\\n              </Eq>\\n              <Eq>\\n                <FieldRef Name=\\\"SortBehavior\\\" />\\n                <Value Type=\\\"Text\\\">1</Value>\\n              </Eq>\\n            </And>\\n            <In>\\n              <FieldRef Name=\\\"File_x0020_Type\\\" />\\n              \" + fileFilter + \"\\n            </In>\\n          </Or>\\n        </Where>\\n      </Query>\" : \"\";\n            // Add files types condiiton\n            var viewXml = \"<View>\\n                      \" + queryCondition + \"\\n                      <ViewFields>\\n                        <FieldRef Name=\\\"DocIcon\\\"/>\\n                        <FieldRef Name=\\\"LinkFilename\\\"/>\\n                        <FieldRef Name=\\\"Modified\\\"/>\\n                        <FieldRef Name=\\\"Editor\\\"/>\\n                        <FieldRef Name=\\\"FileSizeDisplay\\\"/>\\n                        <FieldRef Name=\\\"SharedWith\\\"/>\\n                        <FieldRef Name=\\\"MediaServiceFastMetadata\\\"/>\\n                        <FieldRef Name=\\\"MediaServiceOCR\\\"/>\\n                        <FieldRef Name=\\\"_ip_UnifiedCompliancePolicyUIAction\\\"/>\\n                        <FieldRef Name=\\\"ItemChildCount\\\"/>\\n                        <FieldRef Name=\\\"FolderChildCount\\\"/>\\n                        <FieldRef Name=\\\"SMTotalFileCount\\\"/>\\n                        <FieldRef Name=\\\"SMTotalSize\\\"/>\\n                      </ViewFields>\\n                      <RowLimit Paged=\\\"TRUE\\\">\" + _this.itemsToDownloadCount + \"</RowLimit>\\n                    </View>\";\n            return viewXml;\n        };\n        /**\n         * Converts REST call results to IFile\n         */\n        this.parseFileItem = function (fileItem) {\n            var modifiedFriendly = fileItem[\"Modified.FriendlyDisplay\"];\n            // Get the modified date\n            var modifiedParts = modifiedFriendly.split('|');\n            var modified = fileItem.Modified;\n            // If there is a friendly modified date, use that\n            if (modifiedParts.length === 2) {\n                modified = modifiedParts[1];\n            }\n            var file = {\n                name: fileItem.FileLeafRef,\n                fileIcon: fileItem.DocIcon,\n                serverRelativeUrl: fileItem.FileRef,\n                modified: modified,\n                fileSize: fileItem.File_x0020_Size,\n                fileType: fileItem.File_x0020_Type,\n                modifiedBy: fileItem.Editor[0].title,\n                isFolder: fileItem.FSObjType === \"1\",\n                absoluteUrl: _this.buildAbsoluteUrl(fileItem.FileRef),\n                // Required for item thumbnail\n                supportsThumbnail: true,\n                spItemUrl: fileItem[\".spItemUrl\"]\n            };\n            return file;\n        };\n        this.parseLibItem = function (libItem) {\n            var library = {\n                title: libItem.Title,\n                absoluteUrl: libItem.AbsoluteUrl,\n                serverRelativeUrl: libItem.ServerRelativeUrl\n            };\n            return library;\n        };\n        /**\n         * Creates an absolute URL\n         */\n        this.buildAbsoluteUrl = function (relativeUrl) {\n            var siteUrl = GeneralHelper.getAbsoluteDomainUrl(_this.context.pageContext.web.absoluteUrl);\n            return siteUrl + relativeUrl;\n        };\n        this.processResponse = function (fileResponse) {\n            // Extract media base URL\n            _this.mediaBaseUrl = fileResponse.ListSchema[\".mediaBaseUrl\"];\n            _this.callerStack = fileResponse.ListSchema[\".callerStack\"];\n            _this.driveAccessToken = fileResponse.ListSchema[\".driveAccessToken\"];\n        };\n        this.context = context;\n        this.itemsToDownloadCount = itemsToDownloadCount;\n        this.driveAccessToken = null;\n    }\n    /**\n     * Generates CamlQuery files filter.\n     * @param accepts\n     */\n    FileBrowserService.prototype.getFileTypeFilter = function (accepts) {\n        var fileFilter = \"\";\n        if (accepts && accepts.length > 0) {\n            fileFilter = \"<Values>\";\n            accepts.forEach(function (fileType, index) {\n                fileType = fileType.replace(\".\", \"\");\n                if (index >= 0) {\n                    fileFilter = fileFilter + (\"<Value Type=\\\"Text\\\">\" + fileType + \"</Value>\");\n                }\n            });\n            fileFilter = fileFilter + \"</Values>\";\n        }\n        return fileFilter;\n    };\n    return FileBrowserService;\n}());\nexport { FileBrowserService };\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 { SPHttpClient } from \"@microsoft/sp-http\";\nimport { GeneralHelper } from \"../helpers/GeneralHelper\";\nvar FileBrowserService = /** @class */ (function () {\n    function FileBrowserService(context, itemsToDownloadCount) {\n        var _this = this;\n        if (itemsToDownloadCount === void 0) { itemsToDownloadCount = 100; }\n        /**\n         * Gets files from current sites library\n         * @param libraryName\n         * @param folderPath\n         * @param acceptedFilesExtensions\n         */\n        this.getListItems = function (libraryName, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/web/lists/GetByTitle('\" + libraryName + \"')/RenderListDataAsStream\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            restApi += \"\" + nextPageQueryStringParams;\n                            folderPath = null;\n                        }\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, folderPath, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        this.getListItemsByListId = function (listId, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, restApi, error_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/web/lists(guid'\" + listId + \"')/RenderListDataAsStream\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            restApi += \"\" + nextPageQueryStringParams;\n                            folderPath = null;\n                        }\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, folderPath, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_2 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_2.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Provides the URL for file preview.\n         */\n        this.getFileThumbnailUrl = function (file, thumbnailWidth, thumbnailHeight) {\n            var thumbnailUrl = _this.mediaBaseUrl + \"/transform/thumbnail?provider=spo&inputFormat=\" + file.fileType + \"&cs=\" + _this.callerStack + \"&docid=\" + file.spItemUrl + \"&\" + _this.driveAccessToken + \"&width=\" + thumbnailWidth + \"&height=\" + thumbnailHeight;\n            return thumbnailUrl;\n        };\n        /**\n         * Gets document and media libraries from the site\n         */\n        this.getSiteMediaLibraries = function (includePageLibraries) {\n            if (includePageLibraries === void 0) { includePageLibraries = false; }\n            return __awaiter(_this, void 0, void 0, function () {\n                var absoluteUrl, restApi, mediaLibrariesResult, libResults, result, error_3;\n                var _this = this;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0:\n                            _a.trys.push([0, 3, , 4]);\n                            absoluteUrl = this.context.pageContext.web.absoluteUrl;\n                            restApi = absoluteUrl + \"/_api/SP.Web.GetDocumentAndMediaLibraries?webFullUrl='\" + encodeURIComponent(absoluteUrl) + \"'&includePageLibraries='\" + includePageLibraries + \"'\";\n                            return [4 /*yield*/, this.context.spHttpClient.get(restApi, SPHttpClient.configurations.v1)];\n                        case 1:\n                            mediaLibrariesResult = _a.sent();\n                            if (!mediaLibrariesResult || !mediaLibrariesResult.ok) {\n                                throw new Error(\"Something went wrong when executing request. Status='\" + mediaLibrariesResult.status + \"'\");\n                            }\n                            return [4 /*yield*/, mediaLibrariesResult.json()];\n                        case 2:\n                            libResults = _a.sent();\n                            if (!libResults || !libResults.value) {\n                                throw new Error(\"Cannot read data from the results.\");\n                            }\n                            result = libResults.value.map(function (libItem) { return _this.parseLibItem(libItem); });\n                            return [2 /*return*/, result];\n                        case 3:\n                            error_3 = _a.sent();\n                            console.error(\"[FileBrowserService.getSiteMediaLibraries]: Err='\" + error_3.message + \"'\");\n                            return [2 /*return*/, null];\n                        case 4: return [2 /*return*/];\n                    }\n                });\n            });\n        };\n        /**\n         * Downloads document content from SP location.\n         */\n        this.downloadSPFileContent = function (absoluteFileUrl, fileName) { return __awaiter(_this, void 0, void 0, function () {\n            var fileDownloadResult, blob, err_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 3, , 4]);\n                        return [4 /*yield*/, this.context.spHttpClient.get(absoluteFileUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        fileDownloadResult = _a.sent();\n                        if (!fileDownloadResult || !fileDownloadResult.ok) {\n                            throw new Error(\"Something went wrong when downloading the file. Status='\" + fileDownloadResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, fileDownloadResult.blob()];\n                    case 2:\n                        blob = _a.sent();\n                        return [2 /*return*/, GeneralHelper.getFileFromBlob(blob, fileName)];\n                    case 3:\n                        err_1 = _a.sent();\n                        console.error(\"[FileBrowserService.fetchFileContent] Err='\" + err_1.message + \"'\");\n                        return [2 /*return*/, null];\n                    case 4: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * Executes query to load files with possible extension filtering\n         * @param restApi\n         * @param folderPath\n         * @param acceptedFilesExtensions\n         */\n        this._getListDataAsStream = function (restApi, folderPath, acceptedFilesExtensions) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, body, data, filesResult, items, error_4;\n            var _this = this;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 4, , 5]);\n                        body = {\n                            parameters: {\n                                AllowMultipleValueFilterForTaxonomyFields: true,\n                                // ContextInfo (1), ListData (2), ListSchema (4), ViewMetadata (1024), EnableMediaTAUrls (4096), ParentInfo (8192)\n                                RenderOptions: 1 | 2 | 4 | 1024 | 4096 | 8192,\n                                ViewXml: this.getFilesCamlQueryViewXml(acceptedFilesExtensions)\n                            }\n                        };\n                        if (folderPath) {\n                            body.parameters[\"FolderServerRelativeUrl\"] = folderPath;\n                        }\n                        return [4 /*yield*/, this.context.spHttpClient.fetch(restApi, SPHttpClient.configurations.v1, {\n                                method: \"POST\",\n                                body: JSON.stringify(body)\n                            })];\n                    case 2:\n                        data = _a.sent();\n                        if (!data || !data.ok) {\n                            throw new Error(\"[FileBrowser._getListItems]: Something went wrong when executing request. Status='\" + data.statusMessage + \"'\");\n                        }\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        filesResult = _a.sent();\n                        if (!filesResult || !filesResult.ListData || !filesResult.ListData.Row) {\n                            throw new Error(\"[FileBrowser._getListItems]: No data is available. Status='\" + data.statusMessage + \"'\");\n                        }\n                        // Set additional information from the ListResponse\n                        this.processResponse(filesResult);\n                        items = filesResult.ListData.Row.map(function (fileItem) { return _this.parseFileItem(fileItem); });\n                        filesQueryResult = {\n                            items: items,\n                            nextHref: filesResult.ListData.NextHref\n                        };\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_4 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_4.message);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Generates Files CamlQuery ViewXml\n         */\n        this.getFilesCamlQueryViewXml = function (accepts) {\n            var fileFilter = _this.getFileTypeFilter(accepts);\n            var queryCondition = fileFilter && fileFilter !== \"\" ?\n                \"<Query>\\n        <Where>\\n          <Or>\\n            <And>\\n              <Eq>\\n                <FieldRef Name=\\\"FSObjType\\\" />\\n                <Value Type=\\\"Text\\\">1</Value>\\n              </Eq>\\n              <Eq>\\n                <FieldRef Name=\\\"SortBehavior\\\" />\\n                <Value Type=\\\"Text\\\">1</Value>\\n              </Eq>\\n            </And>\\n            <In>\\n              <FieldRef Name=\\\"File_x0020_Type\\\" />\\n              \" + fileFilter + \"\\n            </In>\\n          </Or>\\n        </Where>\\n      </Query>\" : \"\";\n            // Add files types condiiton\n            var viewXml = \"<View>\\n                      \" + queryCondition + \"\\n                      <ViewFields>\\n                        <FieldRef Name=\\\"DocIcon\\\"/>\\n                        <FieldRef Name=\\\"LinkFilename\\\"/>\\n                        <FieldRef Name=\\\"Modified\\\"/>\\n                        <FieldRef Name=\\\"Editor\\\"/>\\n                        <FieldRef Name=\\\"FileSizeDisplay\\\"/>\\n                        <FieldRef Name=\\\"SharedWith\\\"/>\\n                        <FieldRef Name=\\\"MediaServiceFastMetadata\\\"/>\\n                        <FieldRef Name=\\\"MediaServiceOCR\\\"/>\\n                        <FieldRef Name=\\\"_ip_UnifiedCompliancePolicyUIAction\\\"/>\\n                        <FieldRef Name=\\\"ItemChildCount\\\"/>\\n                        <FieldRef Name=\\\"FolderChildCount\\\"/>\\n                        <FieldRef Name=\\\"SMTotalFileCount\\\"/>\\n                        <FieldRef Name=\\\"SMTotalSize\\\"/>\\n                      </ViewFields>\\n                      <RowLimit Paged=\\\"TRUE\\\">\" + _this.itemsToDownloadCount + \"</RowLimit>\\n                    </View>\";\n            return viewXml;\n        };\n        /**\n         * Converts REST call results to IFile\n         */\n        this.parseFileItem = function (fileItem) {\n            var modifiedFriendly = fileItem[\"Modified.FriendlyDisplay\"];\n            // Get the modified date\n            var modifiedParts = modifiedFriendly.split('|');\n            var modified = fileItem.Modified;\n            // If there is a friendly modified date, use that\n            if (modifiedParts.length === 2) {\n                modified = modifiedParts[1];\n            }\n            var file = {\n                name: fileItem.FileLeafRef,\n                fileIcon: fileItem.DocIcon,\n                serverRelativeUrl: fileItem.FileRef,\n                modified: modified,\n                fileSize: fileItem.File_x0020_Size,\n                fileType: fileItem.File_x0020_Type,\n                modifiedBy: fileItem.Editor[0].title,\n                isFolder: fileItem.FSObjType === \"1\",\n                absoluteUrl: _this.buildAbsoluteUrl(fileItem.FileRef),\n                // Required for item thumbnail\n                supportsThumbnail: true,\n                spItemUrl: fileItem[\".spItemUrl\"]\n            };\n            return file;\n        };\n        this.parseLibItem = function (libItem) {\n            var library = {\n                title: libItem.Title,\n                id: libItem.Id,\n                absoluteUrl: libItem.AbsoluteUrl,\n                serverRelativeUrl: libItem.ServerRelativeUrl\n            };\n            return library;\n        };\n        /**\n         * Creates an absolute URL\n         */\n        this.buildAbsoluteUrl = function (relativeUrl) {\n            var siteUrl = GeneralHelper.getAbsoluteDomainUrl(_this.context.pageContext.web.absoluteUrl);\n            return siteUrl + relativeUrl;\n        };\n        this.processResponse = function (fileResponse) {\n            // Extract media base URL\n            _this.mediaBaseUrl = fileResponse.ListSchema[\".mediaBaseUrl\"];\n            _this.callerStack = fileResponse.ListSchema[\".callerStack\"];\n            _this.driveAccessToken = fileResponse.ListSchema[\".driveAccessToken\"];\n        };\n        this.context = context;\n        this.itemsToDownloadCount = itemsToDownloadCount;\n        this.driveAccessToken = null;\n    }\n    /**\n     * Generates CamlQuery files filter.\n     * @param accepts\n     */\n    FileBrowserService.prototype.getFileTypeFilter = function (accepts) {\n        var fileFilter = \"\";\n        if (accepts && accepts.length > 0) {\n            fileFilter = \"<Values>\";\n            accepts.forEach(function (fileType, index) {\n                fileType = fileType.replace(\".\", \"\");\n                if (index >= 0) {\n                    fileFilter = fileFilter + (\"<Value Type=\\\"Text\\\">\" + fileType + \"</Value>\");\n                }\n            });\n            fileFilter = fileFilter + \"</Values>\";\n        }\n        return fileFilter;\n    };\n    return FileBrowserService;\n}());\nexport { FileBrowserService };\n"
         },
         {
           "id": "7hkT",
@@ -30263,8 +30445,8 @@
           "id": "85o2",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.scss.js",
           "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.scss.js",
-          "index": 1422,
-          "index2": 1415,
+          "index": 1423,
+          "index2": 1416,
           "size": 1954,
           "cacheable": true,
           "built": true,
@@ -40272,9 +40454,9 @@
           "chunks": [
             "property-controls-test-web-part"
           ],
-          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/updateSV.js",
-          "issuerId": "dxKp",
-          "issuerName": "./node_modules/office-ui-fabric-react/lib/utilities/color/updateSV.js",
+          "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/updateH.js",
+          "issuerId": "czd/",
+          "issuerName": "./node_modules/office-ui-fabric-react/lib/utilities/color/updateH.js",
           "issuerPath": [
             {
               "id": "fd0V",
@@ -40302,9 +40484,9 @@
               "name": "./node_modules/office-ui-fabric-react/lib/utilities/color/index.js"
             },
             {
-              "id": "dxKp",
-              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/updateSV.js",
-              "name": "./node_modules/office-ui-fabric-react/lib/utilities/color/updateSV.js"
+              "id": "czd/",
+              "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/updateH.js",
+              "name": "./node_modules/office-ui-fabric-react/lib/utilities/color/updateH.js"
             }
           ],
           "failed": false,
@@ -42757,7 +42939,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/components/Button",
-              "loc": "254:36-48"
+              "loc": "255:36-48"
             },
             {
               "moduleId": "6lwl",
@@ -42766,7 +42948,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/components/Button",
-              "loc": "255:36-49"
+              "loc": "256:36-49"
             },
             {
               "moduleId": "EWbD",
@@ -42847,7 +43029,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/components/Button",
-              "loc": "164:40-53"
+              "loc": "166:40-53"
             },
             {
               "moduleId": "Fxva",
@@ -42856,7 +43038,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/components/Button",
-              "loc": "165:40-53"
+              "loc": "167:40-53"
             },
             {
               "moduleId": "RFIM",
@@ -47299,8 +47481,8 @@
           "id": "EY9s",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/services/FilesSearchService.js",
           "name": "./lib/services/FilesSearchService.js",
-          "index": 1417,
-          "index2": 1410,
+          "index": 1418,
+          "index2": 1411,
           "size": 18429,
           "cacheable": true,
           "built": true,
@@ -47356,7 +47538,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony side effect evaluation",
               "userRequest": "../../../services/FilesSearchService",
-              "loc": "79:0-74"
+              "loc": "80:0-74"
             },
             {
               "moduleId": "6lwl",
@@ -47365,7 +47547,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "../../../services/FilesSearchService",
-              "loc": "202:38-56"
+              "loc": "203:38-56"
             }
           ],
           "providedExports": [
@@ -50667,7 +50849,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.js",
               "type": "harmony import specifier",
               "userRequest": "./OneDriveFilesTab.module.scss",
-              "loc": "199:96-102"
+              "loc": "199:85-91"
             },
             {
               "moduleId": "5UkY",
@@ -50703,7 +50885,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.js",
               "type": "harmony import specifier",
               "userRequest": "./OneDriveFilesTab.module.scss",
-              "loc": "204:162-168"
+              "loc": "204:151-157"
             },
             {
               "moduleId": "5UkY",
@@ -50792,7 +50974,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./RecentFilesTab/RecentFilesTab",
-              "loc": "279:44-58"
+              "loc": "280:44-58"
             }
           ],
           "providedExports": [
@@ -51839,7 +52021,7 @@
           "name": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "index": 1350,
           "index2": 1378,
-          "size": 8724,
+          "size": 8823,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -51903,7 +52085,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./SiteFilePickerTab/SiteFilePickerTab",
-              "loc": "267:44-61"
+              "loc": "268:44-61"
             },
             {
               "moduleId": "6lwl",
@@ -51912,7 +52094,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./SiteFilePickerTab/SiteFilePickerTab",
-              "loc": "269:44-61"
+              "loc": "270:44-61"
             }
           ],
           "providedExports": [
@@ -51920,7 +52102,7 @@
           ],
           "optimizationBailout": [],
           "depth": 6,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { findIndex } from '@microsoft/sp-lodash-subset';\nimport { DocumentLibraryBrowser, FileBrowser } from '../controls';\nimport { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/components/Button';\nimport { Breadcrumb } from 'office-ui-fabric-react/lib/Breadcrumb';\nimport { Link } from 'office-ui-fabric-react/lib/Link';\nimport styles from './SiteFilePickerTab.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar SiteFilePickerTab = /** @class */ (function (_super) {\n    __extends(SiteFilePickerTab, _super);\n    function SiteFilePickerTab(props) {\n        var _this = _super.call(this, props) || this;\n        _this.renderBreadcrumbItem = function (item) {\n            return (React.createElement(Link, { href: item.href, onClick: item.onClick, key: item.key, className: \"ms-Link ms-Breadcrumb-itemLink \" + styles.breadcrumbNavItem }, item.text));\n        };\n        /**\n         * Handles breadcrump item click\n         */\n        _this.onBreadcrumpItemClick = function (node) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            var breadcrumbClickedItemIndx = 0;\n            // Site node clicked\n            if (!node.libraryData && !node.folderData) {\n                _this.setState({\n                    libraryAbsolutePath: undefined,\n                    libraryPath: undefined,\n                    folderName: undefined\n                });\n            }\n            // Check if it is folder item\n            else if (node.folderData) {\n                _this._handleOpenFolder(node.folderData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.folderData && item.folderData.absoluteUrl === node.key; });\n            }\n            // Check if it is library node\n            else if (node.libraryData) {\n                _this._handleOpenLibrary(node.libraryData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.libraryData && item.libraryData.serverRelativeUrl === node.key; });\n            }\n            // Trim nodes array\n            breadcrumbItems = breadcrumbItems.slice(0, breadcrumbClickedItemIndx + 1);\n            // Set new current node\n            breadcrumbItems[breadcrumbItems.length - 1].isCurrentItem = true;\n            _this.setState({\n                breadcrumbItems: breadcrumbItems,\n                filePickerResult: undefined\n            });\n        };\n        /**\n         * Is called when user selects a different file\n         */\n        _this._handleSelectionChange = function (filePickerResult) {\n            if (filePickerResult) {\n                filePickerResult.downloadFileContent = function () { return _this.props.fileBrowserService.downloadSPFileContent(filePickerResult.fileAbsoluteUrl, filePickerResult.fileName); };\n            }\n            // this.props.fileBrowserService\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Called when user saves\n         */\n        _this._handleSave = function () {\n            _this.props.onSave(_this.state.filePickerResult);\n        };\n        /**\n         * Called when user closes tab\n         */\n        _this._handleClose = function () {\n            _this.props.onClose();\n        };\n        /**\n         * Triggered when user opens a file folder\n         */\n        _this._handleOpenFolder = function (folder, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_1 = {\n                    folderData: folder,\n                    isCurrentItem: true,\n                    text: folder.name,\n                    key: folder.absoluteUrl\n                };\n                breadcrumbNode_1.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_1); };\n                breadcrumbItems.push(breadcrumbNode_1);\n            }\n            _this.setState({\n                filePickerResult: null,\n                libraryPath: folder.serverRelativeUrl,\n                folderName: folder.name,\n                libraryAbsolutePath: folder.absoluteUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        /**\n         * Triggered when user opens a top-level document library\n         */\n        _this._handleOpenLibrary = function (library, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_2 = {\n                    libraryData: library,\n                    isCurrentItem: true,\n                    text: library.title,\n                    key: library.serverRelativeUrl\n                };\n                breadcrumbNode_2.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_2); };\n                breadcrumbItems.push(breadcrumbNode_2);\n            }\n            _this.setState({\n                libraryAbsolutePath: library.absoluteUrl,\n                libraryTitle: library.title,\n                libraryPath: library.serverRelativeUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        // Add current site to the breadcrumb or the provided node\n        var breadcrumbSiteNode = _this.props.breadcrumbFirstNode ? _this.props.breadcrumbFirstNode : {\n            isCurrentItem: true,\n            text: props.context.pageContext.web.title,\n            key: props.context.pageContext.web.id.toString()\n        };\n        breadcrumbSiteNode.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbSiteNode); };\n        _this.state = {\n            filePickerResult: null,\n            libraryAbsolutePath: undefined,\n            libraryTitle: strings.DocumentLibraries,\n            libraryPath: undefined,\n            folderName: strings.DocumentLibraries,\n            breadcrumbItems: [breadcrumbSiteNode]\n        };\n        return _this;\n    }\n    SiteFilePickerTab.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", { className: styles.tabContainer },\n            React.createElement(\"div\", { className: styles.tabHeaderContainer },\n                React.createElement(Breadcrumb, { items: this.state.breadcrumbItems, className: styles.breadcrumbNav })),\n            React.createElement(\"div\", { className: styles.tabFiles },\n                this.state.libraryAbsolutePath === undefined &&\n                    React.createElement(DocumentLibraryBrowser, { fileBrowserService: this.props.fileBrowserService, onOpenLibrary: function (selectedLibrary) { return _this._handleOpenLibrary(selectedLibrary, true); } }),\n                this.state.libraryAbsolutePath !== undefined &&\n                    React.createElement(FileBrowser, { onChange: function (filePickerResult) { return _this._handleSelectionChange(filePickerResult); }, onOpenFolder: function (folder) { return _this._handleOpenFolder(folder, true); }, fileBrowserService: this.props.fileBrowserService, libraryName: this.state.libraryTitle, folderPath: this.state.libraryPath, accepts: this.props.accepts })),\n            React.createElement(\"div\", { className: styles.actionButtonsContainer },\n                React.createElement(\"div\", { className: styles.actionButtons },\n                    React.createElement(PrimaryButton, { disabled: !this.state.filePickerResult, onClick: function () { return _this._handleSave(); }, className: styles.actionButton }, strings.OpenButtonLabel),\n                    React.createElement(DefaultButton, { onClick: function () { return _this._handleClose(); }, className: styles.actionButton }, strings.CancelButtonLabel)))));\n    };\n    return SiteFilePickerTab;\n}(React.Component));\nexport default SiteFilePickerTab;\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { findIndex } from '@microsoft/sp-lodash-subset';\nimport { DocumentLibraryBrowser, FileBrowser } from '../controls';\nimport { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/components/Button';\nimport { Breadcrumb } from 'office-ui-fabric-react/lib/Breadcrumb';\nimport { Link } from 'office-ui-fabric-react/lib/Link';\nimport styles from './SiteFilePickerTab.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar SiteFilePickerTab = /** @class */ (function (_super) {\n    __extends(SiteFilePickerTab, _super);\n    function SiteFilePickerTab(props) {\n        var _this = _super.call(this, props) || this;\n        _this.renderBreadcrumbItem = function (item) {\n            return (React.createElement(Link, { href: item.href, onClick: item.onClick, key: item.key, className: \"ms-Link ms-Breadcrumb-itemLink \" + styles.breadcrumbNavItem }, item.text));\n        };\n        /**\n         * Handles breadcrump item click\n         */\n        _this.onBreadcrumpItemClick = function (node) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            var breadcrumbClickedItemIndx = 0;\n            // Site node clicked\n            if (!node.libraryData && !node.folderData) {\n                _this.setState({\n                    libraryAbsolutePath: undefined,\n                    libraryPath: undefined,\n                    folderName: undefined\n                });\n            }\n            // Check if it is folder item\n            else if (node.folderData) {\n                _this._handleOpenFolder(node.folderData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.folderData && item.folderData.absoluteUrl === node.key; });\n            }\n            // Check if it is library node\n            else if (node.libraryData) {\n                _this._handleOpenLibrary(node.libraryData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.libraryData && item.libraryData.serverRelativeUrl === node.key; });\n            }\n            // Trim nodes array\n            breadcrumbItems = breadcrumbItems.slice(0, breadcrumbClickedItemIndx + 1);\n            // Set new current node\n            breadcrumbItems[breadcrumbItems.length - 1].isCurrentItem = true;\n            _this.setState({\n                breadcrumbItems: breadcrumbItems,\n                filePickerResult: undefined\n            });\n        };\n        /**\n         * Is called when user selects a different file\n         */\n        _this._handleSelectionChange = function (filePickerResult) {\n            if (filePickerResult) {\n                filePickerResult.downloadFileContent = function () { return _this.props.fileBrowserService.downloadSPFileContent(filePickerResult.fileAbsoluteUrl, filePickerResult.fileName); };\n            }\n            // this.props.fileBrowserService\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Called when user saves\n         */\n        _this._handleSave = function () {\n            _this.props.onSave(_this.state.filePickerResult);\n        };\n        /**\n         * Called when user closes tab\n         */\n        _this._handleClose = function () {\n            _this.props.onClose();\n        };\n        /**\n         * Triggered when user opens a file folder\n         */\n        _this._handleOpenFolder = function (folder, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_1 = {\n                    folderData: folder,\n                    isCurrentItem: true,\n                    text: folder.name,\n                    key: folder.absoluteUrl\n                };\n                breadcrumbNode_1.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_1); };\n                breadcrumbItems.push(breadcrumbNode_1);\n            }\n            _this.setState({\n                filePickerResult: null,\n                libraryPath: folder.serverRelativeUrl,\n                folderName: folder.name,\n                libraryAbsolutePath: folder.absoluteUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        /**\n         * Triggered when user opens a top-level document library\n         */\n        _this._handleOpenLibrary = function (library, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_2 = {\n                    libraryData: library,\n                    isCurrentItem: true,\n                    text: library.title,\n                    key: library.serverRelativeUrl\n                };\n                breadcrumbNode_2.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_2); };\n                breadcrumbItems.push(breadcrumbNode_2);\n            }\n            _this.setState({\n                libraryAbsolutePath: library.absoluteUrl,\n                libraryTitle: library.title,\n                libraryId: library.id,\n                libraryPath: library.serverRelativeUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        // Add current site to the breadcrumb or the provided node\n        var breadcrumbSiteNode = _this.props.breadcrumbFirstNode ? _this.props.breadcrumbFirstNode : {\n            isCurrentItem: true,\n            text: props.context.pageContext.web.title,\n            key: props.context.pageContext.web.id.toString()\n        };\n        breadcrumbSiteNode.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbSiteNode); };\n        _this.state = {\n            filePickerResult: null,\n            libraryAbsolutePath: undefined,\n            libraryTitle: strings.DocumentLibraries,\n            libraryId: '',\n            libraryPath: undefined,\n            folderName: strings.DocumentLibraries,\n            breadcrumbItems: [breadcrumbSiteNode]\n        };\n        return _this;\n    }\n    SiteFilePickerTab.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", { className: styles.tabContainer },\n            React.createElement(\"div\", { className: styles.tabHeaderContainer },\n                React.createElement(Breadcrumb, { items: this.state.breadcrumbItems, className: styles.breadcrumbNav })),\n            React.createElement(\"div\", { className: styles.tabFiles },\n                this.state.libraryAbsolutePath === undefined &&\n                    React.createElement(DocumentLibraryBrowser, { fileBrowserService: this.props.fileBrowserService, onOpenLibrary: function (selectedLibrary) { return _this._handleOpenLibrary(selectedLibrary, true); } }),\n                this.state.libraryAbsolutePath !== undefined &&\n                    React.createElement(FileBrowser, { onChange: function (filePickerResult) { return _this._handleSelectionChange(filePickerResult); }, onOpenFolder: function (folder) { return _this._handleOpenFolder(folder, true); }, fileBrowserService: this.props.fileBrowserService, libraryName: this.state.libraryTitle, libraryId: this.state.libraryId, folderPath: this.state.libraryPath, accepts: this.props.accepts })),\n            React.createElement(\"div\", { className: styles.actionButtonsContainer },\n                React.createElement(\"div\", { className: styles.actionButtons },\n                    React.createElement(PrimaryButton, { disabled: !this.state.filePickerResult, onClick: function () { return _this._handleSave(); }, className: styles.actionButton }, strings.OpenButtonLabel),\n                    React.createElement(DefaultButton, { onClick: function () { return _this._handleClose(); }, className: styles.actionButton }, strings.CancelButtonLabel)))));\n    };\n    return SiteFilePickerTab;\n}(React.Component));\nexport default SiteFilePickerTab;\n"
         },
         {
           "id": "FznD",
@@ -62481,7 +62663,7 @@
           "name": "./lib/propertyFields/filePicker/PropertyFieldFilePicker.js",
           "index": 1338,
           "index2": 1427,
-          "size": 5785,
+          "size": 5913,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -62538,7 +62720,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyPaneFilePickerHost from './PropertyFieldFilePickerHost';\n/**\n * Represents a PropertyFieldFilePicker object\n */\nvar PropertyFieldFilePickerBuilder = /** @class */ (function () {\n    function PropertyFieldFilePickerBuilder(_targetProperty, _properties) {\n        var _this = this;\n        this.type = PropertyPaneFieldType.Custom;\n        this.disabled = false;\n        this.required = false;\n        this.storeLastActiveTab = true;\n        this.render = function (elem, ctx, changeCallback) {\n            var element = React.createElement(PropertyPaneFilePickerHost, {\n                label: _this.label,\n                buttonLabel: _this.buttonLabel,\n                context: _this.context,\n                buttonIcon: _this.buttonIcon,\n                buttonClassName: _this.buttonClassName,\n                panelClassName: _this.panelClassName,\n                required: _this.required,\n                bingAPIKey: _this.bingAPIKey,\n                onSave: _this.onSave,\n                onChanged: _this.onChanged,\n                onCancel: _this.onCancel,\n                itemsCountQueryLimit: _this.itemsCountQueryLimit,\n                accepts: _this.accepts,\n                filePickerResult: _this.filePickerResult,\n                hideWebSearchTab: _this.hideWebSearchTab,\n                hideRecentTab: _this.hideRecentTab,\n                hideSiteFilesTab: _this.hideSiteFilesTab,\n                hideLocalUploadTab: _this.hideLocalUploadTab,\n                hideLinkUploadTab: _this.hideLinkUploadTab,\n                hideOrganisationalAssetTab: _this.hideOrganisationalAssetTab,\n                hideOneDriveTab: _this.hideOneDriveTab,\n                storeLastActiveTab: _this.storeLastActiveTab,\n                hideStockImages: _this.hideStockImages,\n                targetProperty: _this.targetProperty,\n                properties: _this.customProperties,\n                key: _this.key,\n                disabled: _this.disabled,\n                onDispose: _this.dispose,\n                onRender: _this.render,\n                onChange: changeCallback,\n                onPropertyChange: _this.onPropertyChange\n            });\n            ReactDom.render(element, elem);\n        };\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onDispose = this.dispose;\n        this.properties.onRender = this.render;\n        this.label = _properties.label;\n        this.buttonLabel = _properties.buttonLabel;\n        this.context = _properties.context;\n        this.buttonIcon = _properties.buttonIcon;\n        this.buttonClassName = _properties.buttonClassName;\n        this.panelClassName = _properties.panelClassName;\n        this.accepts = _properties.accepts;\n        this.filePickerResult = _properties.filePickerResult;\n        this.required = _properties.required;\n        this.bingAPIKey = _properties.bingAPIKey;\n        this.onSave = _properties.onSave;\n        this.onChanged = _properties.onChanged;\n        this.onCancel = _properties.onCancel;\n        this.itemsCountQueryLimit = _properties.itemsCountQueryLimit !== undefined ? _properties.itemsCountQueryLimit : 100;\n        this.hideWebSearchTab = _properties.hideWebSearchTab !== undefined ? _properties.hideWebSearchTab : true;\n        this.hideRecentTab = _properties.hideRecentTab !== undefined ? _properties.hideRecentTab : false;\n        this.hideSiteFilesTab = _properties.hideSiteFilesTab !== undefined ? _properties.hideSiteFilesTab : false;\n        this.hideLocalUploadTab = _properties.hideLocalUploadTab !== undefined ? _properties.hideLocalUploadTab : false;\n        this.hideLinkUploadTab = _properties.hideLinkUploadTab !== undefined ? _properties.hideLinkUploadTab : false;\n        this.hideOrganisationalAssetTab = _properties.hideOrganisationalAssetTab !== undefined ? _properties.hideOrganisationalAssetTab : false;\n        this.hideOneDriveTab = _properties.hideOneDriveTab !== undefined ? _properties.hideOneDriveTab : false;\n        this.storeLastActiveTab = _properties.storeLastActiveTab !== undefined ? _properties.storeLastActiveTab : true;\n        this.hideStockImages = _properties.hideStockImages !== undefined ? _properties.hideStockImages : false;\n        this.onPropertyChange = _properties.onPropertyChange;\n        this.customProperties = _properties.properties;\n        this.key = _properties.key;\n        this.context = _properties.context;\n        if (_properties.disabled === true) {\n            this.disabled = _properties.disabled;\n        }\n    }\n    PropertyFieldFilePickerBuilder.prototype.dispose = function (elem) {\n    };\n    PropertyFieldFilePickerBuilder.prototype.onPropertyChange = function (propertyPath, oldValue, newValue) {\n    };\n    return PropertyFieldFilePickerBuilder;\n}());\n/**\n * Helper method to create a File Picker component on the PropertyPane.\n * @param targetProperty - Target property the File Picker component is associated to.\n * @param properties - Strongly typed File Picker component properties.\n */\nexport function PropertyFieldFilePicker(targetProperty, properties) {\n    return new PropertyFieldFilePickerBuilder(targetProperty, __assign(__assign({}, properties), { targetProperty: targetProperty, onRender: null, onDispose: null }));\n}\n"
+          "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyPaneFilePickerHost from './PropertyFieldFilePickerHost';\n/**\n * Represents a PropertyFieldFilePicker object\n */\nvar PropertyFieldFilePickerBuilder = /** @class */ (function () {\n    function PropertyFieldFilePickerBuilder(_targetProperty, _properties) {\n        var _this = this;\n        this.type = PropertyPaneFieldType.Custom;\n        this.disabled = false;\n        this.required = false;\n        this.storeLastActiveTab = true;\n        this.render = function (elem, ctx, changeCallback) {\n            var element = React.createElement(PropertyPaneFilePickerHost, {\n                label: _this.label,\n                buttonLabel: _this.buttonLabel,\n                context: _this.context,\n                buttonIcon: _this.buttonIcon,\n                buttonClassName: _this.buttonClassName,\n                panelClassName: _this.panelClassName,\n                required: _this.required,\n                bingAPIKey: _this.bingAPIKey,\n                onSave: _this.onSave,\n                onChanged: _this.onChanged,\n                onCancel: _this.onCancel,\n                itemsCountQueryLimit: _this.itemsCountQueryLimit,\n                accepts: _this.accepts,\n                filePickerResult: _this.filePickerResult,\n                hideWebSearchTab: _this.hideWebSearchTab,\n                hideRecentTab: _this.hideRecentTab,\n                hideSiteFilesTab: _this.hideSiteFilesTab,\n                hideLocalUploadTab: _this.hideLocalUploadTab,\n                hideLinkUploadTab: _this.hideLinkUploadTab,\n                hideOrganisationalAssetTab: _this.hideOrganisationalAssetTab,\n                hideOneDriveTab: _this.hideOneDriveTab,\n                storeLastActiveTab: _this.storeLastActiveTab,\n                defaultSelectedTab: _this.defaultSelectedTab,\n                hideStockImages: _this.hideStockImages,\n                targetProperty: _this.targetProperty,\n                properties: _this.customProperties,\n                key: _this.key,\n                disabled: _this.disabled,\n                onDispose: _this.dispose,\n                onRender: _this.render,\n                onChange: changeCallback,\n                onPropertyChange: _this.onPropertyChange\n            });\n            ReactDom.render(element, elem);\n        };\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onDispose = this.dispose;\n        this.properties.onRender = this.render;\n        this.label = _properties.label;\n        this.buttonLabel = _properties.buttonLabel;\n        this.context = _properties.context;\n        this.buttonIcon = _properties.buttonIcon;\n        this.buttonClassName = _properties.buttonClassName;\n        this.panelClassName = _properties.panelClassName;\n        this.accepts = _properties.accepts;\n        this.filePickerResult = _properties.filePickerResult;\n        this.required = _properties.required;\n        this.bingAPIKey = _properties.bingAPIKey;\n        this.onSave = _properties.onSave;\n        this.onChanged = _properties.onChanged;\n        this.onCancel = _properties.onCancel;\n        this.itemsCountQueryLimit = _properties.itemsCountQueryLimit !== undefined ? _properties.itemsCountQueryLimit : 100;\n        this.hideWebSearchTab = _properties.hideWebSearchTab !== undefined ? _properties.hideWebSearchTab : true;\n        this.hideRecentTab = _properties.hideRecentTab !== undefined ? _properties.hideRecentTab : false;\n        this.hideSiteFilesTab = _properties.hideSiteFilesTab !== undefined ? _properties.hideSiteFilesTab : false;\n        this.hideLocalUploadTab = _properties.hideLocalUploadTab !== undefined ? _properties.hideLocalUploadTab : false;\n        this.hideLinkUploadTab = _properties.hideLinkUploadTab !== undefined ? _properties.hideLinkUploadTab : false;\n        this.hideOrganisationalAssetTab = _properties.hideOrganisationalAssetTab !== undefined ? _properties.hideOrganisationalAssetTab : false;\n        this.hideOneDriveTab = _properties.hideOneDriveTab !== undefined ? _properties.hideOneDriveTab : false;\n        this.storeLastActiveTab = _properties.storeLastActiveTab !== undefined ? _properties.storeLastActiveTab : true;\n        this.defaultSelectedTab = _properties.defaultSelectedTab;\n        this.hideStockImages = _properties.hideStockImages !== undefined ? _properties.hideStockImages : false;\n        this.onPropertyChange = _properties.onPropertyChange;\n        this.customProperties = _properties.properties;\n        this.key = _properties.key;\n        this.context = _properties.context;\n        if (_properties.disabled === true) {\n            this.disabled = _properties.disabled;\n        }\n    }\n    PropertyFieldFilePickerBuilder.prototype.dispose = function (elem) {\n    };\n    PropertyFieldFilePickerBuilder.prototype.onPropertyChange = function (propertyPath, oldValue, newValue) {\n    };\n    return PropertyFieldFilePickerBuilder;\n}());\n/**\n * Helper method to create a File Picker component on the PropertyPane.\n * @param targetProperty - Target property the File Picker component is associated to.\n * @param properties - Strongly typed File Picker component properties.\n */\nexport function PropertyFieldFilePicker(targetProperty, properties) {\n    return new PropertyFieldFilePickerBuilder(targetProperty, __assign(__assign({}, properties), { targetProperty: targetProperty, onRender: null, onDispose: null }));\n}\n"
         },
         {
           "id": "KVSy",
@@ -97457,8 +97639,8 @@
           "id": "PN7q",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImagesModel.js",
           "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImagesModel.js",
-          "index": 1419,
-          "index2": 1411,
+          "index": 1420,
+          "index2": 1412,
           "size": 0,
           "cacheable": true,
           "built": true,
@@ -100953,7 +101135,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./FilePicker.module.scss",
-              "loc": "90:81-87"
+              "loc": "91:81-87"
             },
             {
               "moduleId": "6lwl",
@@ -100962,7 +101144,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./FilePicker.module.scss",
-              "loc": "256:151-157"
+              "loc": "257:151-157"
             },
             {
               "moduleId": "6lwl",
@@ -100971,7 +101153,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./FilePicker.module.scss",
-              "loc": "257:56-62"
+              "loc": "258:56-62"
             },
             {
               "moduleId": "6lwl",
@@ -100980,7 +101162,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./FilePicker.module.scss",
-              "loc": "259:56-62"
+              "loc": "260:56-62"
             }
           ],
           "providedExports": [
@@ -118342,7 +118524,7 @@
           "name": "./lib/services/OrgAssetsService.js",
           "index": 1416,
           "index2": 1409,
-          "size": 9147,
+          "size": 11795,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -118406,7 +118588,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "../../../services/OrgAssetsService",
-              "loc": "201:37-53"
+              "loc": "202:37-53"
             }
           ],
           "providedExports": [
@@ -118414,7 +118596,7 @@
           ],
           "optimizationBailout": [],
           "depth": 6,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 { FileBrowserService } from \"./FileBrowserService\";\nimport { SPHttpClient } from \"@microsoft/sp-http\";\nvar OrgAssetsService = /** @class */ (function (_super) {\n    __extends(OrgAssetsService, _super);\n    function OrgAssetsService(context, itemsToDownloadCount) {\n        var _this = _super.call(this, context, itemsToDownloadCount) || this;\n        _this._orgAssetsLibraryServerRelativeSiteUrl = null;\n        _this.getListItems = function (libraryName, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, libName, libFullUrl, queryStringParams, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        // Retrieve Lib path from folder path\n                        if (folderPath.charAt(0) !== \"/\") {\n                            folderPath = \"/\" + folderPath;\n                        }\n                        libName = folderPath.replace(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\", \"\");\n                        libName = libName.split(\"/\")[0];\n                        libFullUrl = this.buildAbsoluteUrl(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\" + libName);\n                        queryStringParams = \"\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + folderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + libFullUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        _this.getSiteMediaLibraries = function (includePageLibraries) {\n            if (includePageLibraries === void 0) { includePageLibraries = false; }\n            return __awaiter(_this, void 0, void 0, function () {\n                var restApi, orgAssetsResult, orgAssetsData, libs, error_2;\n                var _this = this;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0:\n                            _a.trys.push([0, 3, , 4]);\n                            restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.Publishing.SitePageService.FilePickerTabOptions\";\n                            return [4 /*yield*/, this.context.spHttpClient.get(restApi, SPHttpClient.configurations.v1)];\n                        case 1:\n                            orgAssetsResult = _a.sent();\n                            if (!orgAssetsResult || !orgAssetsResult.ok) {\n                                throw new Error(\"Something went wrong when executing request. Status='\" + orgAssetsResult.status + \"'\");\n                            }\n                            return [4 /*yield*/, orgAssetsResult.json()];\n                        case 2:\n                            orgAssetsData = _a.sent();\n                            if (!orgAssetsData || !orgAssetsData.OrgAssets || !orgAssetsData.OrgAssets.OrgAssetsLibraries || !orgAssetsData.OrgAssets.OrgAssetsLibraries.Items || orgAssetsData.OrgAssets.OrgAssetsLibraries.Items.length <= 0) {\n                                return [2 /*return*/, null];\n                            }\n                            this._orgAssetsLibraryServerRelativeSiteUrl = orgAssetsData ? orgAssetsData.OrgAssets.Url.DecodedUrl : null;\n                            libs = orgAssetsData && orgAssetsData.OrgAssets ? orgAssetsData.OrgAssets.OrgAssetsLibraries.Items.map(function (libItem) { return _this._parseOrgAssetsLibraryItem(libItem); }) : [];\n                            return [2 /*return*/, libs];\n                        case 3:\n                            error_2 = _a.sent();\n                            console.error(\"[OrgAssetsService.getOrganisationAssetsLibraries]: Err='\" + error_2.message + \"'\");\n                            return [2 /*return*/, null];\n                        case 4: return [2 /*return*/];\n                    }\n                });\n            });\n        };\n        _this._parseOrgAssetsLibraryItem = function (libItem) {\n            var orgAssetsLibrary = {\n                absoluteUrl: _this.buildAbsoluteUrl(libItem.LibraryUrl.DecodedUrl),\n                title: libItem.DisplayName,\n                serverRelativeUrl: libItem.LibraryUrl.DecodedUrl,\n                iconPath: libItem.ThumbnailUrl && libItem.ThumbnailUrl.DecodedUrl ? _this.buildAbsoluteUrl(_this._orgAssetsLibraryServerRelativeSiteUrl + \"/\" + libItem.ThumbnailUrl.DecodedUrl) : null\n            };\n            return orgAssetsLibrary;\n        };\n        return _this;\n    }\n    return OrgAssetsService;\n}(FileBrowserService));\nexport { OrgAssetsService };\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 { FileBrowserService } from \"./FileBrowserService\";\nimport { SPHttpClient } from \"@microsoft/sp-http\";\nvar OrgAssetsService = /** @class */ (function (_super) {\n    __extends(OrgAssetsService, _super);\n    function OrgAssetsService(context, itemsToDownloadCount) {\n        var _this = _super.call(this, context, itemsToDownloadCount) || this;\n        _this._orgAssetsLibraryServerRelativeSiteUrl = null;\n        _this.getListItems = function (listUrl, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, libName, libFullUrl, queryStringParams, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        // Retrieve Lib path from folder path\n                        if (folderPath.charAt(0) !== \"/\") {\n                            folderPath = \"/\" + folderPath;\n                        }\n                        libName = folderPath.replace(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\", \"\");\n                        libName = libName.split(\"/\")[0];\n                        libFullUrl = this.buildAbsoluteUrl(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\" + libName);\n                        queryStringParams = \"\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + folderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + libFullUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        _this.getListItemsByListId = function (listId, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, libName, libFullUrl, queryStringParams, restApi, error_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        // Retrieve Lib path from folder path\n                        if (folderPath.charAt(0) !== \"/\") {\n                            folderPath = \"/\" + folderPath;\n                        }\n                        libName = folderPath.replace(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\", \"\");\n                        libName = libName.split(\"/\")[0];\n                        libFullUrl = this.buildAbsoluteUrl(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\" + libName);\n                        queryStringParams = \"\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + folderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + libFullUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_2 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_2.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        _this.getSiteMediaLibraries = function (includePageLibraries) {\n            if (includePageLibraries === void 0) { includePageLibraries = false; }\n            return __awaiter(_this, void 0, void 0, function () {\n                var restApi, orgAssetsResult, orgAssetsData, libs, error_3;\n                var _this = this;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0:\n                            _a.trys.push([0, 3, , 4]);\n                            restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.Publishing.SitePageService.FilePickerTabOptions\";\n                            return [4 /*yield*/, this.context.spHttpClient.get(restApi, SPHttpClient.configurations.v1)];\n                        case 1:\n                            orgAssetsResult = _a.sent();\n                            if (!orgAssetsResult || !orgAssetsResult.ok) {\n                                throw new Error(\"Something went wrong when executing request. Status='\" + orgAssetsResult.status + \"'\");\n                            }\n                            return [4 /*yield*/, orgAssetsResult.json()];\n                        case 2:\n                            orgAssetsData = _a.sent();\n                            if (!orgAssetsData || !orgAssetsData.OrgAssets || !orgAssetsData.OrgAssets.OrgAssetsLibraries || !orgAssetsData.OrgAssets.OrgAssetsLibraries.Items || orgAssetsData.OrgAssets.OrgAssetsLibraries.Items.length <= 0) {\n                                return [2 /*return*/, null];\n                            }\n                            this._orgAssetsLibraryServerRelativeSiteUrl = orgAssetsData ? orgAssetsData.OrgAssets.Url.DecodedUrl : null;\n                            libs = orgAssetsData && orgAssetsData.OrgAssets ? orgAssetsData.OrgAssets.OrgAssetsLibraries.Items.map(function (libItem) { return _this._parseOrgAssetsLibraryItem(libItem); }) : [];\n                            return [2 /*return*/, libs];\n                        case 3:\n                            error_3 = _a.sent();\n                            console.error(\"[OrgAssetsService.getOrganisationAssetsLibraries]: Err='\" + error_3.message + \"'\");\n                            return [2 /*return*/, null];\n                        case 4: return [2 /*return*/];\n                    }\n                });\n            });\n        };\n        _this._parseOrgAssetsLibraryItem = function (libItem) {\n            var orgAssetsLibrary = {\n                absoluteUrl: _this.buildAbsoluteUrl(libItem.LibraryUrl.DecodedUrl),\n                title: libItem.DisplayName,\n                id: libItem.ListId,\n                serverRelativeUrl: libItem.LibraryUrl.DecodedUrl,\n                iconPath: libItem.ThumbnailUrl && libItem.ThumbnailUrl.DecodedUrl ? _this.buildAbsoluteUrl(_this._orgAssetsLibraryServerRelativeSiteUrl + \"/\" + libItem.ThumbnailUrl.DecodedUrl) : null\n            };\n            return orgAssetsLibrary;\n        };\n        return _this;\n    }\n    return OrgAssetsService;\n}(FileBrowserService));\nexport { OrgAssetsService };\n"
         },
         {
           "id": "Z0cm",
@@ -131250,7 +131432,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "89:19-38"
+              "loc": "90:19-38"
             },
             {
               "moduleId": "6lwl",
@@ -131259,7 +131441,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "90:16-35"
+              "loc": "91:16-35"
             },
             {
               "moduleId": "6lwl",
@@ -131268,7 +131450,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "251:16-35"
+              "loc": "252:16-35"
             },
             {
               "moduleId": "6lwl",
@@ -131277,7 +131459,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "252:32-51"
+              "loc": "253:32-51"
             },
             {
               "moduleId": "6lwl",
@@ -131286,7 +131468,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "254:16-35"
+              "loc": "255:16-35"
             },
             {
               "moduleId": "6lwl",
@@ -131295,7 +131477,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "255:16-35"
+              "loc": "256:16-35"
             },
             {
               "moduleId": "6lwl",
@@ -131304,7 +131486,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "256:12-31"
+              "loc": "257:12-31"
             },
             {
               "moduleId": "6lwl",
@@ -131313,7 +131495,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "257:16-35"
+              "loc": "258:16-35"
             },
             {
               "moduleId": "6lwl",
@@ -131322,7 +131504,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "258:20-39"
+              "loc": "259:20-39"
             },
             {
               "moduleId": "6lwl",
@@ -131331,7 +131513,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "259:16-35"
+              "loc": "260:16-35"
             },
             {
               "moduleId": "6lwl",
@@ -131340,7 +131522,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "261:24-43"
+              "loc": "262:24-43"
             },
             {
               "moduleId": "6lwl",
@@ -131349,7 +131531,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "263:24-43"
+              "loc": "264:24-43"
             },
             {
               "moduleId": "6lwl",
@@ -131358,7 +131540,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "265:24-43"
+              "loc": "266:24-43"
             },
             {
               "moduleId": "6lwl",
@@ -131367,7 +131549,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "267:24-43"
+              "loc": "268:24-43"
             },
             {
               "moduleId": "6lwl",
@@ -131376,7 +131558,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "269:24-43"
+              "loc": "270:24-43"
             },
             {
               "moduleId": "6lwl",
@@ -131385,7 +131567,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "275:24-43"
+              "loc": "276:24-43"
             },
             {
               "moduleId": "6lwl",
@@ -131394,7 +131576,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "277:24-43"
+              "loc": "278:24-43"
             },
             {
               "moduleId": "6lwl",
@@ -131403,7 +131585,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "279:24-43"
+              "loc": "280:24-43"
             },
             {
               "moduleId": "6lwl",
@@ -131412,7 +131594,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "282:2-17"
+              "loc": "283:2-17"
             },
             {
               "moduleId": "6lyR",
@@ -134967,7 +135149,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "154:16-35"
+              "loc": "156:16-35"
             },
             {
               "moduleId": "Fxva",
@@ -134976,7 +135158,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "155:12-31"
+              "loc": "157:12-31"
             },
             {
               "moduleId": "Fxva",
@@ -134985,7 +135167,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "156:16-35"
+              "loc": "158:16-35"
             },
             {
               "moduleId": "Fxva",
@@ -134994,7 +135176,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "157:12-31"
+              "loc": "159:12-31"
             },
             {
               "moduleId": "Fxva",
@@ -135003,7 +135185,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "159:20-39"
+              "loc": "161:20-39"
             },
             {
               "moduleId": "Fxva",
@@ -135012,7 +135194,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "161:20-39"
+              "loc": "163:20-39"
             },
             {
               "moduleId": "Fxva",
@@ -135021,7 +135203,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "162:12-31"
+              "loc": "164:12-31"
             },
             {
               "moduleId": "Fxva",
@@ -135030,7 +135212,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "163:16-35"
+              "loc": "165:16-35"
             },
             {
               "moduleId": "Fxva",
@@ -135039,7 +135221,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "164:20-39"
+              "loc": "166:20-39"
             },
             {
               "moduleId": "Fxva",
@@ -135048,7 +135230,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "165:20-39"
+              "loc": "167:20-39"
             },
             {
               "moduleId": "Fxva",
@@ -135057,7 +135239,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "react",
-              "loc": "168:2-17"
+              "loc": "170:2-17"
             },
             {
               "moduleId": "G+Gl",
@@ -150040,7 +150222,7 @@
           "name": "./lib/common/telemetry/version.js",
           "index": 348,
           "index2": 342,
-          "size": 30,
+          "size": 43,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -150102,7 +150284,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.3.0\";\n"
+          "source": "export var version = \"3.4.0-beta.1606990\";\n"
         },
         {
           "id": "cLrF",
@@ -152096,7 +152278,7 @@
           "name": "./lib/propertyFields/filePicker/PropertyFieldFilePickerHost.js",
           "index": 1339,
           "index2": 1426,
-          "size": 7568,
+          "size": 7619,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -152171,7 +152353,7 @@
           ],
           "optimizationBailout": [],
           "depth": 3,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 * as React from 'react';\nimport { FilePicker } from './filePickerControls';\nimport styles from './PropertyFieldFilePickerHost.module.scss';\nimport { GeneralHelper, setPropertyValue } from '../../helpers/GeneralHelper';\nimport * as telemetry from '../../common/telemetry';\n/**\n* Renders the control for PropertyFieldFilePicker component\n*/\nvar PropertyFieldFilePickerHost = /** @class */ (function (_super) {\n    __extends(PropertyFieldFilePickerHost, _super);\n    function PropertyFieldFilePickerHost(props) {\n        var _this = _super.call(this, props) || this;\n        _this.handleFileSave = function (filePickerResult) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                this.props.onSave(filePickerResult);\n                setPropertyValue(this.props.properties, this.props.targetProperty, filePickerResult);\n                this.props.onPropertyChange(this.props.targetProperty, this.props.filePickerResult, filePickerResult);\n                if (typeof this.props.onChange !== 'undefined' && this.props.onChange !== null) {\n                    this.props.onChange(this.props.targetProperty, filePickerResult);\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        _this.handleFileChange = function (filePickerResult) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                this.props.onChanged(filePickerResult);\n                if (typeof this.props.onChange !== 'undefined' && this.props.onChange !== null) {\n                    this.props.onChange(this.props.targetProperty, filePickerResult);\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        _this.handleCancel = function () {\n            if (_this.props.onCancel) {\n                _this.props.onCancel();\n            }\n        };\n        telemetry.track('PropertyFieldFilePicker', {\n            disabled: props.disabled\n        });\n        return _this;\n    }\n    PropertyFieldFilePickerHost.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", null,\n            this.props.filePickerResult && this.props.filePickerResult.fileAbsoluteUrl && (React.createElement(\"div\", { className: styles.filePreview },\n                GeneralHelper.isImage(this.props.filePickerResult.fileName) &&\n                    React.createElement(\"img\", { className: styles.filePreviewImage, src: this.props.filePickerResult.fileAbsoluteUrl, alt: this.props.filePickerResult.fileName }),\n                React.createElement(\"div\", null, this.props.filePickerResult.fileName))),\n            React.createElement(FilePicker, { required: this.props.required, disabled: this.props.disabled, bingAPIKey: this.props.bingAPIKey, accepts: this.props.accepts ? this.props.accepts : [], buttonIcon: this.props.buttonIcon ? this.props.buttonIcon : \"FileImage\", onSave: function (filePickerResult) { _this.handleFileSave(filePickerResult); }, onChanged: function (filePickerResult) { _this.handleFileChange(filePickerResult); }, onCancel: this.handleCancel, context: this.props.context, filePickerResult: this.props.filePickerResult, buttonClassName: this.props.buttonClassName, buttonLabel: this.props.buttonLabel, label: this.props.label, key: this.props.key, itemsCountQueryLimit: this.props.itemsCountQueryLimit !== undefined ? this.props.itemsCountQueryLimit : 100, hideWebSearchTab: this.props.hideWebSearchTab !== undefined ? this.props.hideWebSearchTab : true, hideRecentTab: this.props.hideRecentTab !== undefined ? this.props.hideRecentTab : false, hideSiteFilesTab: this.props.hideSiteFilesTab !== undefined ? this.props.hideSiteFilesTab : false, hideLocalUploadTab: this.props.hideLocalUploadTab !== undefined ? this.props.hideLocalUploadTab : false, hideLinkUploadTab: this.props.hideLinkUploadTab !== undefined ? this.props.hideLinkUploadTab : false, hideOneDriveTab: this.props.hideOneDriveTab !== undefined ? this.props.hideOneDriveTab : false, hideOrganisationalAssetTab: this.props.hideOrganisationalAssetTab !== undefined ? this.props.hideOrganisationalAssetTab : false, hideStockImages: this.props.hideStockImages !== undefined ? this.props.hideStockImages : false, panelClassName: this.props.panelClassName, storeLastActiveTab: this.props.storeLastActiveTab })));\n    };\n    return PropertyFieldFilePickerHost;\n}(React.Component));\nexport default PropertyFieldFilePickerHost;\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 * as React from 'react';\nimport { FilePicker } from './filePickerControls';\nimport styles from './PropertyFieldFilePickerHost.module.scss';\nimport { GeneralHelper, setPropertyValue } from '../../helpers/GeneralHelper';\nimport * as telemetry from '../../common/telemetry';\n/**\n* Renders the control for PropertyFieldFilePicker component\n*/\nvar PropertyFieldFilePickerHost = /** @class */ (function (_super) {\n    __extends(PropertyFieldFilePickerHost, _super);\n    function PropertyFieldFilePickerHost(props) {\n        var _this = _super.call(this, props) || this;\n        _this.handleFileSave = function (filePickerResult) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                this.props.onSave(filePickerResult);\n                setPropertyValue(this.props.properties, this.props.targetProperty, filePickerResult);\n                this.props.onPropertyChange(this.props.targetProperty, this.props.filePickerResult, filePickerResult);\n                if (typeof this.props.onChange !== 'undefined' && this.props.onChange !== null) {\n                    this.props.onChange(this.props.targetProperty, filePickerResult);\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        _this.handleFileChange = function (filePickerResult) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                this.props.onChanged(filePickerResult);\n                if (typeof this.props.onChange !== 'undefined' && this.props.onChange !== null) {\n                    this.props.onChange(this.props.targetProperty, filePickerResult);\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        _this.handleCancel = function () {\n            if (_this.props.onCancel) {\n                _this.props.onCancel();\n            }\n        };\n        telemetry.track('PropertyFieldFilePicker', {\n            disabled: props.disabled\n        });\n        return _this;\n    }\n    PropertyFieldFilePickerHost.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", null,\n            this.props.filePickerResult && this.props.filePickerResult.fileAbsoluteUrl && (React.createElement(\"div\", { className: styles.filePreview },\n                GeneralHelper.isImage(this.props.filePickerResult.fileName) &&\n                    React.createElement(\"img\", { className: styles.filePreviewImage, src: this.props.filePickerResult.fileAbsoluteUrl, alt: this.props.filePickerResult.fileName }),\n                React.createElement(\"div\", null, this.props.filePickerResult.fileName))),\n            React.createElement(FilePicker, { required: this.props.required, disabled: this.props.disabled, bingAPIKey: this.props.bingAPIKey, accepts: this.props.accepts ? this.props.accepts : [], buttonIcon: this.props.buttonIcon ? this.props.buttonIcon : \"FileImage\", onSave: function (filePickerResult) { _this.handleFileSave(filePickerResult); }, onChanged: function (filePickerResult) { _this.handleFileChange(filePickerResult); }, onCancel: this.handleCancel, context: this.props.context, filePickerResult: this.props.filePickerResult, buttonClassName: this.props.buttonClassName, buttonLabel: this.props.buttonLabel, label: this.props.label, key: this.props.key, itemsCountQueryLimit: this.props.itemsCountQueryLimit !== undefined ? this.props.itemsCountQueryLimit : 100, hideWebSearchTab: this.props.hideWebSearchTab !== undefined ? this.props.hideWebSearchTab : true, hideRecentTab: this.props.hideRecentTab !== undefined ? this.props.hideRecentTab : false, hideSiteFilesTab: this.props.hideSiteFilesTab !== undefined ? this.props.hideSiteFilesTab : false, hideLocalUploadTab: this.props.hideLocalUploadTab !== undefined ? this.props.hideLocalUploadTab : false, hideLinkUploadTab: this.props.hideLinkUploadTab !== undefined ? this.props.hideLinkUploadTab : false, hideOneDriveTab: this.props.hideOneDriveTab !== undefined ? this.props.hideOneDriveTab : false, hideOrganisationalAssetTab: this.props.hideOrganisationalAssetTab !== undefined ? this.props.hideOrganisationalAssetTab : false, hideStockImages: this.props.hideStockImages !== undefined ? this.props.hideStockImages : false, panelClassName: this.props.panelClassName, storeLastActiveTab: this.props.storeLastActiveTab, defaultSelectedTab: this.props.defaultSelectedTab })));\n    };\n    return PropertyFieldFilePickerHost;\n}(React.Component));\nexport default PropertyFieldFilePickerHost;\n"
         },
         {
           "id": "d6Sr",
@@ -159316,7 +159498,7 @@
               "moduleName": "./lib/propertyFields/filePicker/PropertyFieldFilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "react-dom",
-              "loc": "60:12-27"
+              "loc": "61:12-27"
             },
             {
               "moduleId": "L9LI",
@@ -160037,8 +160219,8 @@
           "id": "fgtf",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/css-loader/dist/cjs.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/postcss-loader/src/index.js??postcss!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.css",
           "name": "./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??postcss!./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.css",
-          "index": 1424,
-          "index2": 1413,
+          "index": 1425,
+          "index2": 1414,
           "size": 5170,
           "cacheable": true,
           "built": true,
@@ -160633,7 +160815,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./OneDriveFilesTab",
-              "loc": "277:44-60"
+              "loc": "278:44-60"
             }
           ],
           "providedExports": null,
@@ -164940,7 +165122,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./UploadFilePickerTab/UploadFilePickerTab",
-              "loc": "265:44-63"
+              "loc": "266:44-63"
             }
           ],
           "providedExports": [
@@ -165116,7 +165298,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "@uifabric/utilities/lib/css",
-              "loc": "90:54-57"
+              "loc": "91:54-57"
             },
             {
               "moduleId": "Fm9w",
@@ -169419,7 +169601,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/components/Label",
-              "loc": "252:52-57"
+              "loc": "253:52-57"
             },
             {
               "moduleId": "EWbD",
@@ -175024,8 +175206,8 @@
           "id": "lu4A",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/IStockImagesProps.js",
           "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/IStockImagesProps.js",
-          "index": 1420,
-          "index2": 1412,
+          "index": 1421,
+          "index2": 1413,
           "size": 0,
           "cacheable": true,
           "built": true,
@@ -194604,7 +194786,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Nav",
-              "loc": "258:40-43"
+              "loc": "259:40-43"
             }
           ],
           "providedExports": [
@@ -196256,7 +196438,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./WebSearchTab/WebSearchTab",
-              "loc": "275:44-56"
+              "loc": "276:44-56"
             }
           ],
           "providedExports": [
@@ -196569,7 +196751,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "./SiteFilePickerTab.module.scss",
-              "loc": "154:56-62"
+              "loc": "156:56-62"
             },
             {
               "moduleId": "Fxva",
@@ -196578,7 +196760,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "./SiteFilePickerTab.module.scss",
-              "loc": "155:52-58"
+              "loc": "157:52-58"
             },
             {
               "moduleId": "Fxva",
@@ -196587,7 +196769,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "./SiteFilePickerTab.module.scss",
-              "loc": "156:96-102"
+              "loc": "158:96-102"
             },
             {
               "moduleId": "Fxva",
@@ -196596,7 +196778,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "./SiteFilePickerTab.module.scss",
-              "loc": "157:52-58"
+              "loc": "159:52-58"
             },
             {
               "moduleId": "Fxva",
@@ -196605,7 +196787,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "./SiteFilePickerTab.module.scss",
-              "loc": "162:52-58"
+              "loc": "164:52-58"
             },
             {
               "moduleId": "Fxva",
@@ -196614,7 +196796,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "./SiteFilePickerTab.module.scss",
-              "loc": "163:56-62"
+              "loc": "165:56-62"
             },
             {
               "moduleId": "Fxva",
@@ -196623,7 +196805,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "./SiteFilePickerTab.module.scss",
-              "loc": "164:162-168"
+              "loc": "166:162-168"
             },
             {
               "moduleId": "Fxva",
@@ -196632,7 +196814,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "./SiteFilePickerTab.module.scss",
-              "loc": "165:123-129"
+              "loc": "167:123-129"
             }
           ],
           "providedExports": [
@@ -203403,7 +203585,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "../controls",
-              "loc": "159:40-62"
+              "loc": "161:40-62"
             },
             {
               "moduleId": "Fxva",
@@ -203412,7 +203594,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "../controls",
-              "loc": "161:40-51"
+              "loc": "163:40-51"
             }
           ],
           "providedExports": null,
@@ -203990,7 +204172,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/Breadcrumb",
-              "loc": "156:36-46"
+              "loc": "158:36-46"
             }
           ],
           "providedExports": [
@@ -204465,7 +204647,7 @@
           "name": "./lib/services/OneDriveService.js",
           "index": 1415,
           "index2": 1408,
-          "size": 15686,
+          "size": 19977,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -204529,7 +204711,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "../../../services/OneDriveService",
-              "loc": "200:36-51"
+              "loc": "201:36-51"
             }
           ],
           "providedExports": [
@@ -204537,7 +204719,7 @@
           ],
           "optimizationBailout": [],
           "depth": 6,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 { SPHttpClient } from '@microsoft/sp-http';\nimport { FileBrowserService } from \"./FileBrowserService\";\nimport { GeneralHelper } from \"../helpers/GeneralHelper\";\nvar OneDriveService = /** @class */ (function (_super) {\n    __extends(OneDriveService, _super);\n    function OneDriveService(context, itemsToDownloadCount) {\n        var _this = _super.call(this, context, itemsToDownloadCount) || this;\n        /**\n         * Gets files from OneDrive personal library\n         */\n        _this.getListItems = function (libraryName, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, oneDriveRootFolder, encodedListUrl, queryStringParams, encodedFolderPath, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 4, , 5]);\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 2:\n                        oneDriveRootFolder = _a.sent();\n                        encodedListUrl = encodeURIComponent(oneDriveRootFolder);\n                        queryStringParams = \"\";\n                        folderPath = folderPath ? folderPath : this.oneDriveRootFolderRelativeUrl;\n                        encodedFolderPath = encodeURIComponent(folderPath);\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + encodedFolderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + encodedListUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 3:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Downloads document content from OneDrive location.\n         */\n        _this.downloadSPFileContent = function (absoluteFileUrl, fileName) { return __awaiter(_this, void 0, void 0, function () {\n            var urlTokens, fileUrl, fileInfoResult, fileInfo, oneDrvieFileUrl, fileDownloadResult, blob, err_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        urlTokens = absoluteFileUrl.split(\"/_api/\");\n                        fileUrl = this.context.pageContext.web.absoluteUrl + \"/_api/\" + urlTokens[1] + \"?\";\n                        return [4 /*yield*/, this.context.spHttpClient.get(fileUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        fileInfoResult = _a.sent();\n                        return [4 /*yield*/, fileInfoResult.json()];\n                    case 2:\n                        fileInfo = _a.sent();\n                        oneDrvieFileUrl = fileInfo[\"@content.downloadUrl\"];\n                        return [4 /*yield*/, this.context.httpClient.get(oneDrvieFileUrl, SPHttpClient.configurations.v1, {\n                                headers: new Headers(),\n                                method: 'GET',\n                                mode: 'cors'\n                            })];\n                    case 3:\n                        fileDownloadResult = _a.sent();\n                        if (!fileDownloadResult || !fileDownloadResult.ok) {\n                            throw new Error(\"Something went wrong when downloading the file. Status='\" + fileDownloadResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, fileDownloadResult.blob()];\n                    case 4:\n                        blob = _a.sent();\n                        return [2 /*return*/, GeneralHelper.getFileFromBlob(blob, fileName)];\n                    case 5:\n                        err_1 = _a.sent();\n                        console.error(\"[OneDriveService.fetchFileContent] Err='\" + err_1.message + \"'\");\n                        return [2 /*return*/, null];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n           * Gets users one drive personal documents library path\n           */\n        _this.getOneDriveRootFolderFullUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            var oneDriveUrl, apiUrl, oneDriveFolderResult, oneDriveLibsData, myDocumentsLibrary, error_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        // Return result if already obtained\n                        if (this.oneDriveRootFolderAbsoluteUrl) {\n                            return [2 /*return*/, this.oneDriveRootFolderAbsoluteUrl];\n                        }\n                        return [4 /*yield*/, this.getOneDrivePersonalUrl()];\n                    case 1:\n                        oneDriveUrl = _a.sent();\n                        if (!oneDriveUrl) {\n                            throw new Error(\"Cannot obtain OneDrive personal URL.\");\n                        }\n                        apiUrl = this.context.pageContext.web.absoluteUrl + \"/_api/SP.RemoteWeb(@a1)/Web/Lists?$filter=BaseTemplate eq 700 and BaseType eq 1&@a1='\" + encodeURIComponent(oneDriveUrl) + \"'\";\n                        return [4 /*yield*/, this.context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1, {\n                                headers: {\n                                    \"accept\": \"application/json;odata=nometadata\",\n                                    \"content-type\": \"application/json;odata=nometadata\",\n                                    \"odata-version\": \"\"\n                                }\n                            })];\n                    case 2:\n                        oneDriveFolderResult = _a.sent();\n                        if (!oneDriveFolderResult || !oneDriveFolderResult.ok) {\n                            throw new Error(\"Something went wrong when executing oneDriveRootFolder retrieve request. Status='\" + oneDriveFolderResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, oneDriveFolderResult.json()];\n                    case 3:\n                        oneDriveLibsData = _a.sent();\n                        if (!oneDriveLibsData || !oneDriveLibsData.value || oneDriveLibsData.value.length === 0) {\n                            throw new Error(\"Cannot read one drive libs data.\");\n                        }\n                        myDocumentsLibrary = oneDriveLibsData.value[0];\n                        this.oneDrivePersonalLibraryTitle = myDocumentsLibrary.Title;\n                        this.oneDriveRootFolderRelativeUrl = myDocumentsLibrary.ParentWebUrl + \"/\" + myDocumentsLibrary.Title;\n                        this.oneDriveRootFolderAbsoluteUrl = \"\" + this.oneDrivePersonalUrl + myDocumentsLibrary.Title;\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_2 = _a.sent();\n                        console.error(\"[FileBrowserService.getOneDrivePersonalUrl] Err='\" + error_2.message + \"'\");\n                        this.oneDriveRootFolderAbsoluteUrl = null;\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, this.oneDriveRootFolderAbsoluteUrl];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive RootFolder server relative URL.\n         */\n        _this.getOneDriveRootFolderRelativeUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDriveRootFolderRelativeUrl) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.oneDriveRootFolderRelativeUrl];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive personal library Title\n         */\n        _this.getOneDrivePersonalLibraryTitle = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDrivePersonalLibraryTitle) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.oneDrivePersonalLibraryTitle];\n                }\n            });\n        }); };\n        /**\n         * Gets personal site path.\n         */\n        _this.getOneDrivePersonalUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            var userProfileApi, userProfileResult, profileData, error_3;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 3, , 4]);\n                        // Return result if already obtained\n                        if (this.oneDrivePersonalUrl) {\n                            return [2 /*return*/, this.oneDrivePersonalUrl];\n                        }\n                        userProfileApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.UserProfiles.ProfileLoader.GetProfileLoader/GetUserProfile\";\n                        return [4 /*yield*/, this.context.spHttpClient.post(userProfileApi, SPHttpClient.configurations.v1, {})];\n                    case 1:\n                        userProfileResult = _a.sent();\n                        if (!userProfileResult || !userProfileResult.ok) {\n                            throw new Error(\"Something went wrong when executing user profile request. Status='\" + userProfileResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, userProfileResult.json()];\n                    case 2:\n                        profileData = _a.sent();\n                        if (!profileData) {\n                            throw new Error(\"Cannot read user profile data.\");\n                        }\n                        this.oneDrivePersonalUrl = profileData.FollowPersonalSiteUrl;\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_3 = _a.sent();\n                        console.error(\"[FileBrowserService.getOneDrivePersonalUrl] Err='\" + error_3.message + \"'\");\n                        this.oneDrivePersonalUrl = null;\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, this.oneDrivePersonalUrl];\n                }\n            });\n        }); };\n        /**\n         * Creates an absolute URL\n         */\n        _this.buildAbsoluteUrl = function (relativeUrl) {\n            var oneDriveHost = \"https://\" + _this.oneDrivePersonalUrl.split(\"//\")[1].split(\"/\")[0];\n            return oneDriveHost + relativeUrl;\n        };\n        _this.oneDrivePersonalUrl = null;\n        _this.oneDriveRootFolderRelativeUrl = null;\n        _this.oneDriveRootFolderAbsoluteUrl = null;\n        _this.oneDrivePersonalLibraryTitle = null;\n        return _this;\n    }\n    return OneDriveService;\n}(FileBrowserService));\nexport { OneDriveService };\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 { SPHttpClient } from '@microsoft/sp-http';\nimport { FileBrowserService } from \"./FileBrowserService\";\nimport { GeneralHelper } from \"../helpers/GeneralHelper\";\nvar OneDriveService = /** @class */ (function (_super) {\n    __extends(OneDriveService, _super);\n    function OneDriveService(context, itemsToDownloadCount) {\n        var _this = _super.call(this, context, itemsToDownloadCount) || this;\n        /**\n         * Gets files from OneDrive personal library\n         */\n        _this.getListItems = function (libraryName, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, oneDriveRootFolder, encodedListUrl, queryStringParams, encodedFolderPath, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 4, , 5]);\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 2:\n                        oneDriveRootFolder = _a.sent();\n                        encodedListUrl = encodeURIComponent(oneDriveRootFolder);\n                        queryStringParams = \"\";\n                        folderPath = folderPath ? folderPath : this.oneDriveRootFolderRelativeUrl;\n                        encodedFolderPath = encodeURIComponent(folderPath);\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + encodedFolderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + encodedListUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 3:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        _this.getListItemsByListId = function (listId, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, oneDriveRootFolder, encodedListUrl, queryStringParams, encodedFolderPath, restApi, error_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 4, , 5]);\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 2:\n                        oneDriveRootFolder = _a.sent();\n                        encodedListUrl = encodeURIComponent(oneDriveRootFolder);\n                        queryStringParams = \"\";\n                        folderPath = folderPath ? folderPath : this.oneDriveRootFolderRelativeUrl;\n                        encodedFolderPath = encodeURIComponent(folderPath);\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + encodedFolderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + encodedListUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 3:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_2 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_2.message);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Downloads document content from OneDrive location.\n         */\n        _this.downloadSPFileContent = function (absoluteFileUrl, fileName) { return __awaiter(_this, void 0, void 0, function () {\n            var urlTokens, fileUrl, fileInfoResult, fileInfo, oneDrvieFileUrl, fileDownloadResult, blob, err_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        urlTokens = absoluteFileUrl.split(\"/_api/\");\n                        fileUrl = this.context.pageContext.web.absoluteUrl + \"/_api/\" + urlTokens[1] + \"?\";\n                        return [4 /*yield*/, this.context.spHttpClient.get(fileUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        fileInfoResult = _a.sent();\n                        return [4 /*yield*/, fileInfoResult.json()];\n                    case 2:\n                        fileInfo = _a.sent();\n                        oneDrvieFileUrl = fileInfo[\"@content.downloadUrl\"];\n                        return [4 /*yield*/, this.context.httpClient.get(oneDrvieFileUrl, SPHttpClient.configurations.v1, {\n                                headers: new Headers(),\n                                method: 'GET',\n                                mode: 'cors'\n                            })];\n                    case 3:\n                        fileDownloadResult = _a.sent();\n                        if (!fileDownloadResult || !fileDownloadResult.ok) {\n                            throw new Error(\"Something went wrong when downloading the file. Status='\" + fileDownloadResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, fileDownloadResult.blob()];\n                    case 4:\n                        blob = _a.sent();\n                        return [2 /*return*/, GeneralHelper.getFileFromBlob(blob, fileName)];\n                    case 5:\n                        err_1 = _a.sent();\n                        console.error(\"[OneDriveService.fetchFileContent] Err='\" + err_1.message + \"'\");\n                        return [2 /*return*/, null];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n           * Gets users one drive personal documents library path\n           */\n        _this.getOneDriveRootFolderFullUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            var oneDriveUrl, apiUrl, oneDriveFolderResult, oneDriveLibsData, myDocumentsLibrary, error_3;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        // Return result if already obtained\n                        if (this.oneDriveRootFolderAbsoluteUrl) {\n                            return [2 /*return*/, this.oneDriveRootFolderAbsoluteUrl];\n                        }\n                        return [4 /*yield*/, this.getOneDrivePersonalUrl()];\n                    case 1:\n                        oneDriveUrl = _a.sent();\n                        if (!oneDriveUrl) {\n                            throw new Error(\"Cannot obtain OneDrive personal URL.\");\n                        }\n                        apiUrl = this.context.pageContext.web.absoluteUrl + \"/_api/SP.RemoteWeb(@a1)/Web/Lists?$filter=BaseTemplate eq 700 and BaseType eq 1&@a1='\" + encodeURIComponent(oneDriveUrl) + \"'\";\n                        return [4 /*yield*/, this.context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1, {\n                                headers: {\n                                    \"accept\": \"application/json;odata=nometadata\",\n                                    \"content-type\": \"application/json;odata=nometadata\",\n                                    \"odata-version\": \"\"\n                                }\n                            })];\n                    case 2:\n                        oneDriveFolderResult = _a.sent();\n                        if (!oneDriveFolderResult || !oneDriveFolderResult.ok) {\n                            throw new Error(\"Something went wrong when executing oneDriveRootFolder retrieve request. Status='\" + oneDriveFolderResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, oneDriveFolderResult.json()];\n                    case 3:\n                        oneDriveLibsData = _a.sent();\n                        if (!oneDriveLibsData || !oneDriveLibsData.value || oneDriveLibsData.value.length === 0) {\n                            throw new Error(\"Cannot read one drive libs data.\");\n                        }\n                        myDocumentsLibrary = oneDriveLibsData.value[0];\n                        this.oneDrivePersonalLibraryTitle = myDocumentsLibrary.Title;\n                        this.oneDrivePersonalLibraryId = myDocumentsLibrary.Id;\n                        this.oneDriveRootFolderRelativeUrl = myDocumentsLibrary.ParentWebUrl + \"/\" + myDocumentsLibrary.Title;\n                        this.oneDriveRootFolderAbsoluteUrl = \"\" + this.oneDrivePersonalUrl + myDocumentsLibrary.Title;\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_3 = _a.sent();\n                        console.error(\"[FileBrowserService.getOneDrivePersonalUrl] Err='\" + error_3.message + \"'\");\n                        this.oneDriveRootFolderAbsoluteUrl = null;\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, this.oneDriveRootFolderAbsoluteUrl];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive RootFolder server relative URL.\n         */\n        _this.getOneDriveRootFolderRelativeUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDriveRootFolderRelativeUrl) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.oneDriveRootFolderRelativeUrl];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive personal library Title\n         */\n        _this.getOneDrivePersonalLibraryTitle = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDrivePersonalLibraryTitle) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.oneDrivePersonalLibraryTitle];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive personal library Id\n         * @returns OneDrive library Id\n         */\n        _this.getOneDrivePersonalLibraryId = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDrivePersonalLibraryId) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.oneDrivePersonalLibraryId];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive library metadata\n         */\n        _this.getOneDriveMetadata = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDriveRootFolderRelativeUrl) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, {\n                            folderPath: this.oneDriveRootFolderRelativeUrl,\n                            libraryAbsolutePath: this.oneDriveRootFolderAbsoluteUrl,\n                            libraryTitle: this.oneDrivePersonalLibraryTitle,\n                            libraryId: this.oneDrivePersonalLibraryId\n                        }];\n                }\n            });\n        }); };\n        /**\n         * Gets personal site path.\n         */\n        _this.getOneDrivePersonalUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            var userProfileApi, userProfileResult, profileData, error_4;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 3, , 4]);\n                        // Return result if already obtained\n                        if (this.oneDrivePersonalUrl) {\n                            return [2 /*return*/, this.oneDrivePersonalUrl];\n                        }\n                        userProfileApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.UserProfiles.ProfileLoader.GetProfileLoader/GetUserProfile\";\n                        return [4 /*yield*/, this.context.spHttpClient.post(userProfileApi, SPHttpClient.configurations.v1, {})];\n                    case 1:\n                        userProfileResult = _a.sent();\n                        if (!userProfileResult || !userProfileResult.ok) {\n                            throw new Error(\"Something went wrong when executing user profile request. Status='\" + userProfileResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, userProfileResult.json()];\n                    case 2:\n                        profileData = _a.sent();\n                        if (!profileData) {\n                            throw new Error(\"Cannot read user profile data.\");\n                        }\n                        this.oneDrivePersonalUrl = profileData.FollowPersonalSiteUrl;\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_4 = _a.sent();\n                        console.error(\"[FileBrowserService.getOneDrivePersonalUrl] Err='\" + error_4.message + \"'\");\n                        this.oneDrivePersonalUrl = null;\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, this.oneDrivePersonalUrl];\n                }\n            });\n        }); };\n        /**\n         * Creates an absolute URL\n         */\n        _this.buildAbsoluteUrl = function (relativeUrl) {\n            var oneDriveHost = \"https://\" + _this.oneDrivePersonalUrl.split(\"//\")[1].split(\"/\")[0];\n            return oneDriveHost + relativeUrl;\n        };\n        _this.oneDrivePersonalUrl = null;\n        _this.oneDriveRootFolderRelativeUrl = null;\n        _this.oneDriveRootFolderAbsoluteUrl = null;\n        _this.oneDrivePersonalLibraryTitle = null;\n        _this.oneDrivePersonalLibraryId = null;\n        return _this;\n    }\n    return OneDriveService;\n}(FileBrowserService));\nexport { OneDriveService };\n"
         },
         {
           "id": "tDom",
@@ -205626,8 +205808,8 @@
           "id": "thvz",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.js",
           "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.js",
-          "index": 1421,
-          "index2": 1416,
+          "index": 1422,
+          "index2": 1417,
           "size": 4397,
           "cacheable": true,
           "built": true,
@@ -211421,8 +211603,8 @@
           "id": "vRWd",
           "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/index.js",
           "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/index.js",
-          "index": 1418,
-          "index2": 1417,
+          "index": 1419,
+          "index2": 1418,
           "size": 104,
           "cacheable": true,
           "built": true,
@@ -211478,7 +211660,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony side effect evaluation",
               "userRequest": "./StockImagesTab",
-              "loc": "80:0-47"
+              "loc": "81:0-47"
             },
             {
               "moduleId": "6lwl",
@@ -211487,7 +211669,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "./StockImagesTab",
-              "loc": "263:44-55"
+              "loc": "264:44-55"
             }
           ],
           "providedExports": null,
@@ -213928,7 +214110,7 @@
               "moduleName": "./lib/services/FileBrowserService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "99:88-100"
+              "loc": "128:88-100"
             },
             {
               "moduleId": "7gTn",
@@ -213937,7 +214119,7 @@
               "moduleName": "./lib/services/FileBrowserService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "131:92-104"
+              "loc": "160:92-104"
             },
             {
               "moduleId": "7gTn",
@@ -213946,7 +214128,7 @@
               "moduleName": "./lib/services/FileBrowserService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "176:86-98"
+              "loc": "205:86-98"
             },
             {
               "moduleId": "BMoS",
@@ -214099,7 +214281,7 @@
               "moduleName": "./lib/services/OrgAssetsService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "110:88-100"
+              "loc": "153:88-100"
             },
             {
               "moduleId": "ZlRV",
@@ -214135,7 +214317,7 @@
               "moduleName": "./lib/services/OneDriveService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "111:84-96"
+              "loc": "151:84-96"
             },
             {
               "moduleId": "tBFX",
@@ -214144,7 +214326,7 @@
               "moduleName": "./lib/services/OneDriveService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "118:90-102"
+              "loc": "158:90-102"
             },
             {
               "moduleId": "tBFX",
@@ -214153,7 +214335,7 @@
               "moduleName": "./lib/services/OneDriveService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "160:83-95"
+              "loc": "200:83-95"
             },
             {
               "moduleId": "tBFX",
@@ -214162,7 +214344,7 @@
               "moduleName": "./lib/services/OneDriveService.js",
               "type": "harmony import specifier",
               "userRequest": "@microsoft/sp-http",
-              "loc": "238:92-104"
+              "loc": "317:92-104"
             },
             {
               "moduleId": "zoR7",
@@ -215235,7 +215417,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/components/Panel",
-              "loc": "256:32-37"
+              "loc": "257:32-37"
             },
             {
               "moduleId": "6lwl",
@@ -215244,7 +215426,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "office-ui-fabric-react/lib/components/Panel",
-              "loc": "256:234-243"
+              "loc": "257:234-243"
             },
             {
               "moduleId": "EWbD",
@@ -217520,7 +217702,7 @@
               "moduleName": "./lib/services/FileBrowserService.js",
               "type": "harmony import specifier",
               "userRequest": "../helpers/GeneralHelper",
-              "loc": "140:46-59"
+              "loc": "169:46-59"
             },
             {
               "moduleId": "7gTn",
@@ -217529,7 +217711,7 @@
               "moduleName": "./lib/services/FileBrowserService.js",
               "type": "harmony import specifier",
               "userRequest": "../helpers/GeneralHelper",
-              "loc": "259:26-39"
+              "loc": "289:26-39"
             },
             {
               "moduleId": "C/aV",
@@ -218051,7 +218233,7 @@
               "moduleName": "./lib/services/OneDriveService.js",
               "type": "harmony import specifier",
               "userRequest": "../helpers/GeneralHelper",
-              "loc": "131:46-59"
+              "loc": "171:46-59"
             },
             {
               "moduleId": "thvz",
@@ -228328,7 +228510,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "145:24-49"
+              "loc": "146:24-49"
             },
             {
               "moduleId": "5UkY",
@@ -228337,7 +228519,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "204:185-208"
+              "loc": "204:174-197"
             },
             {
               "moduleId": "5UkY",
@@ -228364,7 +228546,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "90:116-140"
+              "loc": "91:116-140"
             },
             {
               "moduleId": "6lwl",
@@ -228373,7 +228555,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "133:26-49"
+              "loc": "134:26-49"
             },
             {
               "moduleId": "6lwl",
@@ -228382,7 +228564,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "141:26-54"
+              "loc": "142:26-54"
             },
             {
               "moduleId": "6lwl",
@@ -228391,7 +228573,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "149:26-52"
+              "loc": "150:26-52"
             },
             {
               "moduleId": "6lwl",
@@ -228400,7 +228582,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "173:26-47"
+              "loc": "174:26-47"
             },
             {
               "moduleId": "6lwl",
@@ -228409,7 +228591,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "181:26-49"
+              "loc": "182:26-49"
             },
             {
               "moduleId": "6lwl",
@@ -228418,7 +228600,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "189:26-51"
+              "loc": "190:26-51"
             },
             {
               "moduleId": "6lwl",
@@ -228427,7 +228609,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "256:347-371"
+              "loc": "257:347-371"
             },
             {
               "moduleId": "6lwl",
@@ -228436,7 +228618,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "271:38-63"
+              "loc": "272:38-63"
             },
             {
               "moduleId": "8lWH",
@@ -229003,7 +229185,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "145:26-51"
+              "loc": "146:26-51"
             },
             {
               "moduleId": "Fxva",
@@ -229012,7 +229194,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "147:24-49"
+              "loc": "149:24-49"
             },
             {
               "moduleId": "Fxva",
@@ -229021,7 +229203,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "164:185-208"
+              "loc": "166:185-208"
             },
             {
               "moduleId": "Fxva",
@@ -229030,7 +229212,7 @@
               "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
               "type": "harmony import specifier",
               "userRequest": "PropertyControlStrings",
-              "loc": "165:146-171"
+              "loc": "167:146-171"
             },
             {
               "moduleId": "HNod",
@@ -233747,7 +233929,7 @@
       ],
       "optimizationBailout": [],
       "depth": 9,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __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 * as React from 'react';\nimport { GeneralHelper } from '../../../../../helpers/GeneralHelper';\nimport { LoadingState } from './IFileBrowserState';\nimport { TilesList } from '../TilesList/TilesList';\nimport { Spinner } from 'office-ui-fabric-react/lib/Spinner';\nimport { DetailsList, DetailsListLayoutMode, Selection, SelectionMode, DetailsRow } from 'office-ui-fabric-react/lib/DetailsList';\nimport { CommandBar } from 'office-ui-fabric-react/lib/CommandBar';\nimport { ScrollablePane } from 'office-ui-fabric-react/lib/ScrollablePane';\nimport styles from './FileBrowser.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar LAYOUT_STORAGE_KEY = 'comparerSiteFilesLayout';\nvar FileBrowser = /** @class */ (function (_super) {\n    __extends(FileBrowser, _super);\n    function FileBrowser(props) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Triggers paged data load\n         */\n        _this._loadNextDataRequest = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!(this.state.loadingState === LoadingState.idle)) return [3 /*break*/, 2];\n                        // Load next list items from next page\n                        return [4 /*yield*/, this._getListItems(true)];\n                    case 1:\n                        // Load next list items from next page\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n        * Renders a placeholder to indicate that the folder is empty\n        */\n        _this._renderEmptyFolder = function () {\n            return (React.createElement(\"div\", { className: styles.emptyFolder },\n                React.createElement(\"div\", { className: styles.emptyFolderImage },\n                    React.createElement(\"img\", { className: styles.emptyFolderImageTag, src: strings.OneDriveEmptyFolderIconUrl, alt: strings.OneDriveEmptyFolderAlt })),\n                React.createElement(\"div\", { role: \"alert\" },\n                    React.createElement(\"div\", { className: styles.emptyFolderTitle }, strings.OneDriveEmptyFolderTitle),\n                    React.createElement(\"div\", { className: styles.emptyFolderSubText },\n                        React.createElement(\"span\", { className: styles.emptyFolderPc }, strings.OneDriveEmptyFolderDescription)))));\n        };\n        /**\n         * Renders row with file or folder style.\n         */\n        _this._onRenderRow = function (props) {\n            var fileItem = props.item;\n            return React.createElement(DetailsRow, __assign({}, props, { className: fileItem.isFolder ? styles.folderRow : styles.fileRow }));\n        };\n        /**\n         * Get the list of toolbar items on the left side of the toolbar.\n         * We leave it empty for now, but we may add the ability to upload later.\n         */\n        _this._getToolbarItems = function () {\n            return [];\n        };\n        _this.getFarItems = function () {\n            var selectedView = _this.state.selectedView;\n            var viewIconName = undefined;\n            var viewName = undefined;\n            switch (_this.state.selectedView) {\n                case 'list':\n                    viewIconName = 'List';\n                    viewName = strings.ListLayoutList;\n                    break;\n                case 'compact':\n                    viewIconName = 'AlignLeft';\n                    viewName = strings.ListLayoutCompact;\n                    break;\n                default:\n                    viewIconName = 'GridViewMedium';\n                    viewName = strings.ListLayoutTile;\n            }\n            var farItems = [\n                {\n                    key: 'listOptions',\n                    className: styles.commandBarNoChevron,\n                    title: strings.ListOptionsTitle,\n                    ariaLabel: strings.ListOptionsAlt.replace('{0}', viewName),\n                    iconProps: {\n                        iconName: viewIconName\n                    },\n                    iconOnly: true,\n                    subMenuProps: {\n                        items: [\n                            {\n                                key: 'list',\n                                name: strings.ListLayoutList,\n                                iconProps: {\n                                    iconName: 'List'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'list',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutList).replace('{1}', selectedView === 'list' ? strings.Selected : undefined),\n                                title: strings.ListLayoutListDescrition,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            },\n                            {\n                                key: 'compact',\n                                name: strings.ListLayoutCompact,\n                                iconProps: {\n                                    iconName: 'AlignLeft'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'compact',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutCompact).replace('{1}', selectedView === 'compact' ? strings.Selected : undefined),\n                                title: strings.ListLayoutCompactDescription,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            },\n                            {\n                                key: 'tiles',\n                                name: 'Tiles',\n                                iconProps: {\n                                    iconName: 'GridViewMedium'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'tiles',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutTile).replace('{1}', selectedView === 'tiles' ? strings.Selected : undefined),\n                                title: strings.ListLayoutTileDescription,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            }\n                        ]\n                    }\n                }\n            ];\n            return farItems;\n        };\n        /**\n         * Called when users switch the view\n         */\n        _this._handleSwitchLayout = function (item) {\n            if (item) {\n                // Store the user's favourite layout\n                if (localStorage) {\n                    localStorage.setItem(LAYOUT_STORAGE_KEY, item.key);\n                }\n                _this.setState({\n                    selectedView: item.key\n                });\n            }\n        };\n        /**\n         * Gratuitous sorting\n         */\n        _this._onColumnClick = function (event, column) {\n            var columns = _this.state.columns;\n            var items = _this.state.items;\n            var isSortedDescending = column.isSortedDescending;\n            // If we've sorted this column, flip it.\n            if (column.isSorted) {\n                isSortedDescending = !isSortedDescending;\n            }\n            // Sort the items.\n            items = items.concat([]).sort(function (a, b) {\n                var firstValue = a[column.fieldName || ''];\n                var secondValue = b[column.fieldName || ''];\n                if (isSortedDescending) {\n                    return firstValue > secondValue ? -1 : 1;\n                }\n                else {\n                    return firstValue > secondValue ? 1 : -1;\n                }\n            });\n            // Reset the items and columns to match the state.\n            _this.setState({\n                items: items,\n                columns: columns.map(function (col) {\n                    col.isSorted = col.key === column.key;\n                    if (col.isSorted) {\n                        col.isSortedDescending = isSortedDescending;\n                    }\n                    return col;\n                })\n            });\n        };\n        /**\n         * When a folder is opened, calls parent tab to navigate down\n         */\n        _this._handleOpenFolder = function (item) {\n            // De-select the list item that was clicked, the item in the same position\n            _this._selection.setAllSelected(false);\n            // item in the folder will appear selected\n            _this.setState({\n                loadingState: LoadingState.loading,\n                filePickerResult: undefined\n            }, function () { _this.props.onOpenFolder(item); });\n        };\n        /**\n         * Handles selected item change\n         */\n        _this._itemSelectionChanged = function (item) {\n            var selectedItem = null;\n            // Deselect item\n            if (item && _this.state.filePickerResult && item.absoluteUrl === _this.state.filePickerResult.fileAbsoluteUrl) {\n                _this._selection.setAllSelected(false);\n                selectedItem = null;\n            }\n            else if (item) {\n                var selectedItemIndex = _this.state.items.indexOf(item);\n                _this._selection.selectToIndex(selectedItemIndex);\n                selectedItem = item;\n            }\n            var filePickerResult = null;\n            if (selectedItem && !selectedItem.isFolder) {\n                filePickerResult = {\n                    fileAbsoluteUrl: selectedItem.absoluteUrl,\n                    fileName: GeneralHelper.getFileNameFromUrl(selectedItem.name),\n                    fileNameWithoutExtension: GeneralHelper.getFileNameWithoutExtension(selectedItem.name),\n                    spItemUrl: selectedItem.spItemUrl,\n                    downloadFileContent: null\n                };\n            }\n            _this.props.onChange(filePickerResult);\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Handles item click.\n         */\n        _this._handleItemInvoked = function (item) {\n            // If a file is selected, open the library\n            if (item.isFolder) {\n                _this._handleOpenFolder(item);\n            }\n            else {\n                // Otherwise, remember it was selected\n                _this._itemSelectionChanged(item);\n            }\n        };\n        // If possible, load the user's favourite layout\n        var lastLayout = localStorage ?\n            localStorage.getItem(LAYOUT_STORAGE_KEY)\n            : 'list';\n        var columns = [\n            {\n                key: 'column1',\n                name: 'Type',\n                ariaLabel: strings.TypeAriaLabel,\n                iconName: 'Page',\n                isIconOnly: true,\n                fieldName: 'docIcon',\n                headerClassName: styles.iconColumnHeader,\n                minWidth: 16,\n                maxWidth: 16,\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    var folderIcon = strings.FolderIconUrl;\n                    // TODO: Improve file icon URL\n                    var isPhoto = GeneralHelper.isImage(item.name);\n                    var iconUrl = isPhoto ? strings.PhotoIconUrl : \"https://spoprod-a.akamaihd.net/files/odsp-next-prod_2019-01-11_20190116.001/odsp-media/images/itemtypes/20_2x/\" + item.fileType + \".png\";\n                    var altText = item.isFolder ? strings.FolderAltText : strings.ImageAltText.replace('{0}', item.fileType);\n                    return React.createElement(\"div\", { className: styles.fileTypeIcon },\n                        React.createElement(\"img\", { src: item.isFolder ? folderIcon : iconUrl, className: styles.fileTypeIconIcon, alt: altText, title: altText }));\n                }\n            },\n            {\n                key: 'column2',\n                name: strings.NameField,\n                fieldName: 'fileLeafRef',\n                minWidth: 210,\n                isRowHeader: true,\n                isResizable: true,\n                isSorted: true,\n                isSortedDescending: false,\n                sortAscendingAriaLabel: strings.SortedAscending,\n                sortDescendingAriaLabel: strings.SortedDescending,\n                onColumnClick: _this._onColumnClick,\n                data: 'string',\n                isPadded: true,\n                onRender: function (item) {\n                    if (item.isFolder) {\n                        return React.createElement(\"span\", { className: styles.folderItem, onClick: function (_event) { return _this._handleOpenFolder(item); } }, item.name);\n                    }\n                    else {\n                        return React.createElement(\"span\", { className: styles.fileItem }, item.name);\n                    }\n                },\n            },\n            {\n                key: 'column3',\n                name: strings.ModifiedField,\n                fieldName: 'dateModifiedValue',\n                minWidth: 120,\n                isResizable: true,\n                onColumnClick: _this._onColumnClick,\n                data: 'number',\n                onRender: function (item) {\n                    //const dateModified = moment(item.modified).format(strings.DateFormat);\n                    return React.createElement(\"span\", null, item.modified);\n                },\n                isPadded: true\n            },\n            {\n                key: 'column4',\n                name: strings.ModifiedByField,\n                fieldName: 'modifiedBy',\n                minWidth: 120,\n                isResizable: true,\n                data: 'string',\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    return React.createElement(\"span\", null, item.modifiedBy);\n                },\n                isPadded: true\n            },\n            {\n                key: 'column5',\n                name: strings.FileSizeField,\n                fieldName: 'fileSizeRaw',\n                minWidth: 70,\n                maxWidth: 90,\n                isResizable: true,\n                data: 'number',\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    return React.createElement(\"span\", null, item.fileSize ? GeneralHelper.formatBytes(item.fileSize, 1) : undefined);\n                }\n            }\n        ];\n        _this._selection = new Selection({\n            selectionMode: SelectionMode.single\n        });\n        _this.state = {\n            columns: columns,\n            items: [],\n            nextPageQueryString: null,\n            loadingState: LoadingState.loading,\n            selectedView: lastLayout,\n            filePickerResult: null\n        };\n        return _this;\n    }\n    /**\n     * Gets the list of files when settings change\n     * @param prevProps\n     * @param prevState\n     */\n    FileBrowser.prototype.componentDidUpdate = function (prevProps, prevState) {\n        if (this.props.folderPath !== prevProps.folderPath) {\n            this._selection.setAllSelected(false);\n            this._getListItems();\n        }\n    };\n    /**\n     * Gets the list of files when tab first loads\n     */\n    FileBrowser.prototype.componentDidMount = function () {\n        this._getListItems();\n    };\n    FileBrowser.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", null,\n            (this.state.items && this.state.items.length > 0 && this.state.loadingState !== LoadingState.loading) &&\n                React.createElement(\"div\", null,\n                    React.createElement(\"div\", { className: styles.itemPickerTopBar },\n                        React.createElement(CommandBar, { items: this._getToolbarItems(), farItems: this.getFarItems() })),\n                    React.createElement(\"div\", { className: styles.scrollablePaneWrapper },\n                        React.createElement(ScrollablePane, null, this.state.selectedView !== 'tiles' ?\n                            (React.createElement(DetailsList, { items: this.state.items, compact: this.state.selectedView === 'compact', columns: this.state.columns, selectionMode: SelectionMode.single, setKey: \"set\", layoutMode: DetailsListLayoutMode.justified, isHeaderVisible: true, selection: this._selection, onActiveItemChanged: function (item, index, ev) { return _this._handleItemInvoked(item); }, selectionPreservedOnEmptyClick: true, enterModalSelectionOnTouch: true, onRenderRow: this._onRenderRow, onRenderMissingItem: function () { _this._loadNextDataRequest(); return null; } })) :\n                            (React.createElement(TilesList, { fileBrowserService: this.props.fileBrowserService, filePickerResult: this.state.filePickerResult, selection: this._selection, items: this.state.items, onFolderOpen: this._handleOpenFolder, onFileSelected: this._itemSelectionChanged, onNextPageDataRequest: this._loadNextDataRequest }))))),\n            (this.state.loadingState === LoadingState.idle && (!this.state.items || this.state.items.length <= 0)) &&\n                /* Render information about empty folder */\n                this._renderEmptyFolder(),\n            this.state.loadingState !== LoadingState.idle &&\n                React.createElement(Spinner, { label: strings.Loading })));\n    };\n    /**\n     * Gets all files in a library with a matchihg path\n     */\n    FileBrowser.prototype._getListItems = function (concatenateResults) {\n        if (concatenateResults === void 0) { concatenateResults = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            var _a, libraryName, folderPath, accepts, _b, items, nextPageQueryString, filesQueryResult, loadingState, error_1, newItems;\n            return __generator(this, function (_c) {\n                switch (_c.label) {\n                    case 0:\n                        _a = this.props, libraryName = _a.libraryName, folderPath = _a.folderPath, accepts = _a.accepts;\n                        _b = this.state, items = _b.items, nextPageQueryString = _b.nextPageQueryString;\n                        filesQueryResult = { items: [], nextHref: null };\n                        loadingState = concatenateResults ? LoadingState.loadingNextPage : LoadingState.loading;\n                        // If concatenate results is set to false -> it's needed to load new data without nextPageUrl\n                        nextPageQueryString = concatenateResults ? nextPageQueryString : null;\n                        _c.label = 1;\n                    case 1:\n                        _c.trys.push([1, 3, 4, 5]);\n                        this.setState({\n                            loadingState: loadingState,\n                            nextPageQueryString: nextPageQueryString\n                        });\n                        return [4 /*yield*/, this.props.fileBrowserService.getListItems(libraryName, folderPath, accepts, nextPageQueryString)];\n                    case 2:\n                        // Load files in the folder\n                        filesQueryResult = _c.sent();\n                        return [3 /*break*/, 5];\n                    case 3:\n                        error_1 = _c.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 5];\n                    case 4:\n                        // Remove the null mark from the end of the items array\n                        if (concatenateResults && items && items.length > 0 && items.length[items.length - 1] === null) {\n                            // Remove the null mark\n                            items.splice(items.length - 1, 1);\n                        }\n                        newItems = concatenateResults ? items.concat(filesQueryResult.items) : filesQueryResult.items;\n                        // If there are more items to load -> add null mark at the end of the array\n                        if (filesQueryResult.nextHref) {\n                            newItems.push(null);\n                        }\n                        if (!concatenateResults) {\n                            // de-select anything that was previously selected\n                            this._selection.setAllSelected(false);\n                        }\n                        this.setState({\n                            items: newItems,\n                            nextPageQueryString: filesQueryResult.nextHref,\n                            // isLoading: false,\n                            // isLoadingNextPage: false\n                            loadingState: LoadingState.idle\n                        });\n                        return [7 /*endfinally*/];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    return FileBrowser;\n}(React.Component));\nexport { FileBrowser };\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __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 * as React from 'react';\nimport { GeneralHelper } from '../../../../../helpers/GeneralHelper';\nimport { LoadingState } from './IFileBrowserState';\nimport { TilesList } from '../TilesList/TilesList';\nimport { Spinner } from 'office-ui-fabric-react/lib/Spinner';\nimport { DetailsList, DetailsListLayoutMode, Selection, SelectionMode, DetailsRow } from 'office-ui-fabric-react/lib/DetailsList';\nimport { CommandBar } from 'office-ui-fabric-react/lib/CommandBar';\nimport { ScrollablePane } from 'office-ui-fabric-react/lib/ScrollablePane';\nimport styles from './FileBrowser.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar LAYOUT_STORAGE_KEY = 'comparerSiteFilesLayout';\nvar FileBrowser = /** @class */ (function (_super) {\n    __extends(FileBrowser, _super);\n    function FileBrowser(props) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Triggers paged data load\n         */\n        _this._loadNextDataRequest = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!(this.state.loadingState === LoadingState.idle)) return [3 /*break*/, 2];\n                        // Load next list items from next page\n                        return [4 /*yield*/, this._getListItems(true)];\n                    case 1:\n                        // Load next list items from next page\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n        * Renders a placeholder to indicate that the folder is empty\n        */\n        _this._renderEmptyFolder = function () {\n            return (React.createElement(\"div\", { className: styles.emptyFolder },\n                React.createElement(\"div\", { className: styles.emptyFolderImage },\n                    React.createElement(\"img\", { className: styles.emptyFolderImageTag, src: strings.OneDriveEmptyFolderIconUrl, alt: strings.OneDriveEmptyFolderAlt })),\n                React.createElement(\"div\", { role: \"alert\" },\n                    React.createElement(\"div\", { className: styles.emptyFolderTitle }, strings.OneDriveEmptyFolderTitle),\n                    React.createElement(\"div\", { className: styles.emptyFolderSubText },\n                        React.createElement(\"span\", { className: styles.emptyFolderPc }, strings.OneDriveEmptyFolderDescription)))));\n        };\n        /**\n         * Renders row with file or folder style.\n         */\n        _this._onRenderRow = function (props) {\n            var fileItem = props.item;\n            return React.createElement(DetailsRow, __assign({}, props, { className: fileItem.isFolder ? styles.folderRow : styles.fileRow }));\n        };\n        /**\n         * Get the list of toolbar items on the left side of the toolbar.\n         * We leave it empty for now, but we may add the ability to upload later.\n         */\n        _this._getToolbarItems = function () {\n            return [];\n        };\n        _this.getFarItems = function () {\n            var selectedView = _this.state.selectedView;\n            var viewIconName = undefined;\n            var viewName = undefined;\n            switch (_this.state.selectedView) {\n                case 'list':\n                    viewIconName = 'List';\n                    viewName = strings.ListLayoutList;\n                    break;\n                case 'compact':\n                    viewIconName = 'AlignLeft';\n                    viewName = strings.ListLayoutCompact;\n                    break;\n                default:\n                    viewIconName = 'GridViewMedium';\n                    viewName = strings.ListLayoutTile;\n            }\n            var farItems = [\n                {\n                    key: 'listOptions',\n                    className: styles.commandBarNoChevron,\n                    title: strings.ListOptionsTitle,\n                    ariaLabel: strings.ListOptionsAlt.replace('{0}', viewName),\n                    iconProps: {\n                        iconName: viewIconName\n                    },\n                    iconOnly: true,\n                    subMenuProps: {\n                        items: [\n                            {\n                                key: 'list',\n                                name: strings.ListLayoutList,\n                                iconProps: {\n                                    iconName: 'List'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'list',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutList).replace('{1}', selectedView === 'list' ? strings.Selected : undefined),\n                                title: strings.ListLayoutListDescrition,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            },\n                            {\n                                key: 'compact',\n                                name: strings.ListLayoutCompact,\n                                iconProps: {\n                                    iconName: 'AlignLeft'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'compact',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutCompact).replace('{1}', selectedView === 'compact' ? strings.Selected : undefined),\n                                title: strings.ListLayoutCompactDescription,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            },\n                            {\n                                key: 'tiles',\n                                name: 'Tiles',\n                                iconProps: {\n                                    iconName: 'GridViewMedium'\n                                },\n                                canCheck: true,\n                                checked: _this.state.selectedView === 'tiles',\n                                ariaLabel: strings.ListLayoutAriaLabel.replace('{0}', strings.ListLayoutTile).replace('{1}', selectedView === 'tiles' ? strings.Selected : undefined),\n                                title: strings.ListLayoutTileDescription,\n                                onClick: function (_ev, item) { return _this._handleSwitchLayout(item); }\n                            }\n                        ]\n                    }\n                }\n            ];\n            return farItems;\n        };\n        /**\n         * Called when users switch the view\n         */\n        _this._handleSwitchLayout = function (item) {\n            if (item) {\n                // Store the user's favourite layout\n                if (localStorage) {\n                    localStorage.setItem(LAYOUT_STORAGE_KEY, item.key);\n                }\n                _this.setState({\n                    selectedView: item.key\n                });\n            }\n        };\n        /**\n         * Gratuitous sorting\n         */\n        _this._onColumnClick = function (event, column) {\n            var columns = _this.state.columns;\n            var items = _this.state.items;\n            var isSortedDescending = column.isSortedDescending;\n            // If we've sorted this column, flip it.\n            if (column.isSorted) {\n                isSortedDescending = !isSortedDescending;\n            }\n            // Sort the items.\n            items = items.concat([]).sort(function (a, b) {\n                var firstValue = a[column.fieldName || ''];\n                var secondValue = b[column.fieldName || ''];\n                if (isSortedDescending) {\n                    return firstValue > secondValue ? -1 : 1;\n                }\n                else {\n                    return firstValue > secondValue ? 1 : -1;\n                }\n            });\n            // Reset the items and columns to match the state.\n            _this.setState({\n                items: items,\n                columns: columns.map(function (col) {\n                    col.isSorted = col.key === column.key;\n                    if (col.isSorted) {\n                        col.isSortedDescending = isSortedDescending;\n                    }\n                    return col;\n                })\n            });\n        };\n        /**\n         * When a folder is opened, calls parent tab to navigate down\n         */\n        _this._handleOpenFolder = function (item) {\n            // De-select the list item that was clicked, the item in the same position\n            _this._selection.setAllSelected(false);\n            // item in the folder will appear selected\n            _this.setState({\n                loadingState: LoadingState.loading,\n                filePickerResult: undefined\n            }, function () { _this.props.onOpenFolder(item); });\n        };\n        /**\n         * Handles selected item change\n         */\n        _this._itemSelectionChanged = function (item) {\n            var selectedItem = null;\n            // Deselect item\n            if (item && _this.state.filePickerResult && item.absoluteUrl === _this.state.filePickerResult.fileAbsoluteUrl) {\n                _this._selection.setAllSelected(false);\n                selectedItem = null;\n            }\n            else if (item) {\n                var selectedItemIndex = _this.state.items.indexOf(item);\n                _this._selection.selectToIndex(selectedItemIndex);\n                selectedItem = item;\n            }\n            var filePickerResult = null;\n            if (selectedItem && !selectedItem.isFolder) {\n                filePickerResult = {\n                    fileAbsoluteUrl: selectedItem.absoluteUrl,\n                    fileName: GeneralHelper.getFileNameFromUrl(selectedItem.name),\n                    fileNameWithoutExtension: GeneralHelper.getFileNameWithoutExtension(selectedItem.name),\n                    spItemUrl: selectedItem.spItemUrl,\n                    downloadFileContent: null\n                };\n            }\n            _this.props.onChange(filePickerResult);\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Handles item click.\n         */\n        _this._handleItemInvoked = function (item) {\n            // If a file is selected, open the library\n            if (item.isFolder) {\n                _this._handleOpenFolder(item);\n            }\n            else {\n                // Otherwise, remember it was selected\n                _this._itemSelectionChanged(item);\n            }\n        };\n        // If possible, load the user's favourite layout\n        var lastLayout = localStorage ?\n            localStorage.getItem(LAYOUT_STORAGE_KEY)\n            : 'list';\n        var columns = [\n            {\n                key: 'column1',\n                name: 'Type',\n                ariaLabel: strings.TypeAriaLabel,\n                iconName: 'Page',\n                isIconOnly: true,\n                fieldName: 'docIcon',\n                headerClassName: styles.iconColumnHeader,\n                minWidth: 16,\n                maxWidth: 16,\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    var folderIcon = strings.FolderIconUrl;\n                    // TODO: Improve file icon URL\n                    var isPhoto = GeneralHelper.isImage(item.name);\n                    var iconUrl = isPhoto ? strings.PhotoIconUrl : \"https://spoprod-a.akamaihd.net/files/odsp-next-prod_2019-01-11_20190116.001/odsp-media/images/itemtypes/20_2x/\" + item.fileType + \".png\";\n                    var altText = item.isFolder ? strings.FolderAltText : strings.ImageAltText.replace('{0}', item.fileType);\n                    return React.createElement(\"div\", { className: styles.fileTypeIcon },\n                        React.createElement(\"img\", { src: item.isFolder ? folderIcon : iconUrl, className: styles.fileTypeIconIcon, alt: altText, title: altText }));\n                }\n            },\n            {\n                key: 'column2',\n                name: strings.NameField,\n                fieldName: 'fileLeafRef',\n                minWidth: 210,\n                isRowHeader: true,\n                isResizable: true,\n                isSorted: true,\n                isSortedDescending: false,\n                sortAscendingAriaLabel: strings.SortedAscending,\n                sortDescendingAriaLabel: strings.SortedDescending,\n                onColumnClick: _this._onColumnClick,\n                data: 'string',\n                isPadded: true,\n                onRender: function (item) {\n                    if (item.isFolder) {\n                        return React.createElement(\"span\", { className: styles.folderItem, onClick: function (_event) { return _this._handleOpenFolder(item); } }, item.name);\n                    }\n                    else {\n                        return React.createElement(\"span\", { className: styles.fileItem }, item.name);\n                    }\n                },\n            },\n            {\n                key: 'column3',\n                name: strings.ModifiedField,\n                fieldName: 'dateModifiedValue',\n                minWidth: 120,\n                isResizable: true,\n                onColumnClick: _this._onColumnClick,\n                data: 'number',\n                onRender: function (item) {\n                    //const dateModified = moment(item.modified).format(strings.DateFormat);\n                    return React.createElement(\"span\", null, item.modified);\n                },\n                isPadded: true\n            },\n            {\n                key: 'column4',\n                name: strings.ModifiedByField,\n                fieldName: 'modifiedBy',\n                minWidth: 120,\n                isResizable: true,\n                data: 'string',\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    return React.createElement(\"span\", null, item.modifiedBy);\n                },\n                isPadded: true\n            },\n            {\n                key: 'column5',\n                name: strings.FileSizeField,\n                fieldName: 'fileSizeRaw',\n                minWidth: 70,\n                maxWidth: 90,\n                isResizable: true,\n                data: 'number',\n                onColumnClick: _this._onColumnClick,\n                onRender: function (item) {\n                    return React.createElement(\"span\", null, item.fileSize ? GeneralHelper.formatBytes(item.fileSize, 1) : undefined);\n                }\n            }\n        ];\n        _this._selection = new Selection({\n            selectionMode: SelectionMode.single\n        });\n        _this.state = {\n            columns: columns,\n            items: [],\n            nextPageQueryString: null,\n            loadingState: LoadingState.loading,\n            selectedView: lastLayout,\n            filePickerResult: null\n        };\n        return _this;\n    }\n    /**\n     * Gets the list of files when settings change\n     * @param prevProps\n     * @param prevState\n     */\n    FileBrowser.prototype.componentDidUpdate = function (prevProps, prevState) {\n        if (this.props.folderPath !== prevProps.folderPath) {\n            this._selection.setAllSelected(false);\n            this._getListItems();\n        }\n    };\n    /**\n     * Gets the list of files when tab first loads\n     */\n    FileBrowser.prototype.componentDidMount = function () {\n        this._getListItems();\n    };\n    FileBrowser.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", null,\n            (this.state.items && this.state.items.length > 0 && this.state.loadingState !== LoadingState.loading) &&\n                React.createElement(\"div\", null,\n                    React.createElement(\"div\", { className: styles.itemPickerTopBar },\n                        React.createElement(CommandBar, { items: this._getToolbarItems(), farItems: this.getFarItems() })),\n                    React.createElement(\"div\", { className: styles.scrollablePaneWrapper },\n                        React.createElement(ScrollablePane, null, this.state.selectedView !== 'tiles' ?\n                            (React.createElement(DetailsList, { items: this.state.items, compact: this.state.selectedView === 'compact', columns: this.state.columns, selectionMode: SelectionMode.single, setKey: \"set\", layoutMode: DetailsListLayoutMode.justified, isHeaderVisible: true, selection: this._selection, onActiveItemChanged: function (item, index, ev) { return _this._handleItemInvoked(item); }, selectionPreservedOnEmptyClick: true, enterModalSelectionOnTouch: true, onRenderRow: this._onRenderRow, onRenderMissingItem: function () { _this._loadNextDataRequest(); return null; } })) :\n                            (React.createElement(TilesList, { fileBrowserService: this.props.fileBrowserService, filePickerResult: this.state.filePickerResult, selection: this._selection, items: this.state.items, onFolderOpen: this._handleOpenFolder, onFileSelected: this._itemSelectionChanged, onNextPageDataRequest: this._loadNextDataRequest }))))),\n            (this.state.loadingState === LoadingState.idle && (!this.state.items || this.state.items.length <= 0)) &&\n                /* Render information about empty folder */\n                this._renderEmptyFolder(),\n            this.state.loadingState !== LoadingState.idle &&\n                React.createElement(Spinner, { label: strings.Loading })));\n    };\n    /**\n     * Gets all files in a library with a matchihg path\n     */\n    FileBrowser.prototype._getListItems = function (concatenateResults) {\n        if (concatenateResults === void 0) { concatenateResults = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            var _a, libraryId, folderPath, accepts, _b, items, nextPageQueryString, filesQueryResult, loadingState, error_1, newItems;\n            return __generator(this, function (_c) {\n                switch (_c.label) {\n                    case 0:\n                        _a = this.props, libraryId = _a.libraryId, folderPath = _a.folderPath, accepts = _a.accepts;\n                        _b = this.state, items = _b.items, nextPageQueryString = _b.nextPageQueryString;\n                        filesQueryResult = { items: [], nextHref: null };\n                        loadingState = concatenateResults ? LoadingState.loadingNextPage : LoadingState.loading;\n                        // If concatenate results is set to false -> it's needed to load new data without nextPageUrl\n                        nextPageQueryString = concatenateResults ? nextPageQueryString : null;\n                        _c.label = 1;\n                    case 1:\n                        _c.trys.push([1, 3, 4, 5]);\n                        this.setState({\n                            loadingState: loadingState,\n                            nextPageQueryString: nextPageQueryString\n                        });\n                        return [4 /*yield*/, this.props.fileBrowserService.getListItemsByListId(libraryId, folderPath, accepts, nextPageQueryString)];\n                    case 2:\n                        // Load files in the folder\n                        filesQueryResult = _c.sent();\n                        return [3 /*break*/, 5];\n                    case 3:\n                        error_1 = _c.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 5];\n                    case 4:\n                        // Remove the null mark from the end of the items array\n                        if (concatenateResults && items && items.length > 0 && items.length[items.length - 1] === null) {\n                            // Remove the null mark\n                            items.splice(items.length - 1, 1);\n                        }\n                        newItems = concatenateResults ? items.concat(filesQueryResult.items) : filesQueryResult.items;\n                        // If there are more items to load -> add null mark at the end of the array\n                        if (filesQueryResult.nextHref) {\n                            newItems.push(null);\n                        }\n                        if (!concatenateResults) {\n                            // de-select anything that was previously selected\n                            this._selection.setAllSelected(false);\n                        }\n                        this.setState({\n                            items: newItems,\n                            nextPageQueryString: filesQueryResult.nextHref,\n                            // isLoading: false,\n                            // isLoadingNextPage: false\n                            loadingState: LoadingState.idle\n                        });\n                        return [7 /*endfinally*/];\n                    case 5: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    return FileBrowser;\n}(React.Component));\nexport { FileBrowser };\n"
     },
     {
       "id": "/WxL",
@@ -236250,7 +236432,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./LinkFilePickerTab/LinkFilePickerTab",
-          "loc": "261:44-61"
+          "loc": "262:44-61"
         }
       ],
       "providedExports": [
@@ -247570,8 +247752,8 @@
       "id": "4251",
       "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/@microsoft/loader-load-themed-styles/lib/index.js??ref--4-0!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/css-loader/dist/cjs.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/postcss-loader/src/index.js??postcss!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.css",
       "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.css",
-      "index": 1423,
-      "index2": 1414,
+      "index": 1424,
+      "index2": 1415,
       "size": 604,
       "cacheable": true,
       "built": true,
@@ -253938,7 +254120,7 @@
       "name": "./lib/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.js",
       "index": 1409,
       "index2": 1404,
-      "size": 11162,
+      "size": 11336,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -254015,15 +254197,15 @@
       ],
       "optimizationBailout": [],
       "depth": 7,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 * as React from 'react';\nimport { findIndex } from '@microsoft/sp-lodash-subset';\nimport { Breadcrumb } from 'office-ui-fabric-react/lib/Breadcrumb';\nimport { FileBrowser } from '../controls';\nimport { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/Button';\nimport { Link } from 'office-ui-fabric-react/lib/Link';\nimport styles from './OneDriveFilesTab.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar OneDriveFilesTab = /** @class */ (function (_super) {\n    __extends(OneDriveFilesTab, _super);\n    function OneDriveFilesTab(props) {\n        var _this = _super.call(this, props) || this;\n        _this.renderBreadcrumbItem = function (item) {\n            return (React.createElement(Link, { href: item.href, onClick: item.onClick, key: item.key, className: \"ms-Link ms-Breadcrumb-itemLink \" + styles.breadcrumbNavItem }, item.text));\n        };\n        /**\n         * Handles breadcrump item click\n         */\n        _this.onBreadcrumpItemClick = function (node) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            var breadcrumbClickedItemIndx = 0;\n            // Site node clicked\n            if (node.folderData === null) {\n                _this.setState({\n                    libraryAbsolutePath: undefined,\n                    folderPath: undefined,\n                    folderName: undefined\n                });\n            }\n            // Check if it is folder item\n            else {\n                _this._handleOpenFolder(node.folderData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.folderData && item.folderData.absoluteUrl === node.key; });\n            }\n            // Trim nodes array\n            breadcrumbItems = breadcrumbItems.slice(0, breadcrumbClickedItemIndx + 1);\n            // Set new current node\n            breadcrumbItems[breadcrumbItems.length - 1].isCurrentItem = true;\n            _this.setState({\n                breadcrumbItems: breadcrumbItems,\n                filePickerResult: undefined\n            });\n        };\n        /**\n         * Is called when user selects a different file\n         */\n        _this._handleSelectionChange = function (filePickerResult) {\n            if (filePickerResult) {\n                filePickerResult.downloadFileContent = function () { return _this.props.oneDriveService.downloadSPFileContent(filePickerResult.spItemUrl, filePickerResult.fileName); };\n            }\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Called when user saves\n         */\n        _this._handleSave = function () {\n            _this.props.onSave(_this.state.filePickerResult);\n        };\n        /**\n         * Called when user closes tab\n         */\n        _this._handleClose = function () {\n            _this.props.onClose();\n        };\n        /**\n         * Triggered when user opens a file folder\n         */\n        _this._handleOpenFolder = function (folder, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_1 = {\n                    folderData: folder,\n                    isCurrentItem: true,\n                    text: folder.name,\n                    key: folder.absoluteUrl\n                };\n                breadcrumbNode_1.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_1); };\n                breadcrumbItems.push(breadcrumbNode_1);\n            }\n            _this.setState({\n                folderPath: folder.serverRelativeUrl,\n                folderName: folder.name,\n                libraryAbsolutePath: folder.absoluteUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        _this.state = {\n            filePickerResult: null,\n            libraryAbsolutePath: undefined,\n            libraryTitle: strings.DocumentLibraries,\n            folderPath: undefined,\n            folderName: strings.DocumentLibraries,\n            breadcrumbItems: []\n        };\n        return _this;\n    }\n    OneDriveFilesTab.prototype.componentDidMount = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var folderPath, libraryAbsolutePath, libraryTitle, oneDriveFolderData, breadcrumbItems, breadcrumbNode;\n            var _this = this;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0: return [4 /*yield*/, this.props.oneDriveService.getOneDriveRootFolderRelativeUrl()];\n                    case 1:\n                        folderPath = _a.sent();\n                        return [4 /*yield*/, this.props.oneDriveService.getOneDriveRootFolderFullUrl()];\n                    case 2:\n                        libraryAbsolutePath = _a.sent();\n                        return [4 /*yield*/, this.props.oneDriveService.getOneDrivePersonalLibraryTitle()];\n                    case 3:\n                        libraryTitle = _a.sent();\n                        oneDriveFolderData = {\n                            isFolder: true,\n                            modified: null,\n                            absoluteUrl: libraryAbsolutePath,\n                            name: libraryTitle,\n                            fileIcon: \"\",\n                            serverRelativeUrl: folderPath,\n                            spItemUrl: \"\",\n                            supportsThumbnail: false,\n                            fileType: \"\"\n                        };\n                        breadcrumbItems = this.state.breadcrumbItems;\n                        breadcrumbNode = {\n                            folderData: oneDriveFolderData,\n                            isCurrentItem: true,\n                            text: oneDriveFolderData.name,\n                            key: oneDriveFolderData.absoluteUrl\n                        };\n                        breadcrumbNode.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode); };\n                        breadcrumbItems.push(breadcrumbNode);\n                        this.setState({\n                            libraryAbsolutePath: libraryAbsolutePath,\n                            folderName: folderPath,\n                            libraryTitle: libraryTitle\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    OneDriveFilesTab.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", { className: styles.tabContainer },\n            React.createElement(\"div\", { className: styles.tabHeaderContainer },\n                React.createElement(Breadcrumb, { items: this.state.breadcrumbItems, className: styles.breadcrumbNav })),\n            React.createElement(\"div\", { className: styles.tabFiles }, this.state.libraryAbsolutePath !== undefined &&\n                React.createElement(FileBrowser, { onChange: function (filePickerResult) { return _this._handleSelectionChange(filePickerResult); }, onOpenFolder: function (folder) { return _this._handleOpenFolder(folder, true); }, fileBrowserService: this.props.oneDriveService, libraryName: this.state.libraryTitle, folderPath: this.state.folderPath, accepts: this.props.accepts })),\n            React.createElement(\"div\", { className: styles.actionButtonsContainer },\n                React.createElement(\"div\", { className: styles.actionButtons },\n                    React.createElement(PrimaryButton, { disabled: !this.state.filePickerResult, onClick: function () { return _this._handleSave(); }, className: styles.actionButton }, strings.OpenButtonLabel),\n                    React.createElement(DefaultButton, { onClick: function () { return _this._handleClose(); }, className: styles.actionButton }, strings.CancelButtonLabel)))));\n    };\n    return OneDriveFilesTab;\n}(React.Component));\nexport { OneDriveFilesTab };\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 * as React from 'react';\nimport { findIndex } from '@microsoft/sp-lodash-subset';\nimport { Breadcrumb } from 'office-ui-fabric-react/lib/Breadcrumb';\nimport { FileBrowser } from '../controls';\nimport { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/Button';\nimport { Link } from 'office-ui-fabric-react/lib/Link';\nimport styles from './OneDriveFilesTab.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar OneDriveFilesTab = /** @class */ (function (_super) {\n    __extends(OneDriveFilesTab, _super);\n    function OneDriveFilesTab(props) {\n        var _this = _super.call(this, props) || this;\n        _this.renderBreadcrumbItem = function (item) {\n            return (React.createElement(Link, { href: item.href, onClick: item.onClick, key: item.key, className: \"ms-Link ms-Breadcrumb-itemLink \" + styles.breadcrumbNavItem }, item.text));\n        };\n        /**\n         * Handles breadcrump item click\n         */\n        _this.onBreadcrumpItemClick = function (node) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            var breadcrumbClickedItemIndx = 0;\n            // Site node clicked\n            if (node.folderData === null) {\n                _this.setState({\n                    libraryAbsolutePath: undefined,\n                    folderPath: undefined,\n                    folderName: undefined\n                });\n            }\n            // Check if it is folder item\n            else {\n                _this._handleOpenFolder(node.folderData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.folderData && item.folderData.absoluteUrl === node.key; });\n            }\n            // Trim nodes array\n            breadcrumbItems = breadcrumbItems.slice(0, breadcrumbClickedItemIndx + 1);\n            // Set new current node\n            breadcrumbItems[breadcrumbItems.length - 1].isCurrentItem = true;\n            _this.setState({\n                breadcrumbItems: breadcrumbItems,\n                filePickerResult: undefined\n            });\n        };\n        /**\n         * Is called when user selects a different file\n         */\n        _this._handleSelectionChange = function (filePickerResult) {\n            if (filePickerResult) {\n                filePickerResult.downloadFileContent = function () { return _this.props.oneDriveService.downloadSPFileContent(filePickerResult.spItemUrl, filePickerResult.fileName); };\n            }\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Called when user saves\n         */\n        _this._handleSave = function () {\n            _this.props.onSave(_this.state.filePickerResult);\n        };\n        /**\n         * Called when user closes tab\n         */\n        _this._handleClose = function () {\n            _this.props.onClose();\n        };\n        /**\n         * Triggered when user opens a file folder\n         */\n        _this._handleOpenFolder = function (folder, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_1 = {\n                    folderData: folder,\n                    isCurrentItem: true,\n                    text: folder.name,\n                    key: folder.absoluteUrl\n                };\n                breadcrumbNode_1.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_1); };\n                breadcrumbItems.push(breadcrumbNode_1);\n            }\n            _this.setState({\n                folderPath: folder.serverRelativeUrl,\n                folderName: folder.name,\n                libraryAbsolutePath: folder.absoluteUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        _this.state = {\n            filePickerResult: null,\n            libraryAbsolutePath: undefined,\n            libraryTitle: strings.DocumentLibraries,\n            libraryId: '',\n            folderPath: undefined,\n            folderName: strings.DocumentLibraries,\n            breadcrumbItems: []\n        };\n        return _this;\n    }\n    OneDriveFilesTab.prototype.componentDidMount = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var oneDriveService, _a, folderPath, libraryAbsolutePath, libraryTitle, libraryId, oneDriveFolderData, breadcrumbItems, breadcrumbNode;\n            var _this = this;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        oneDriveService = this.props.oneDriveService;\n                        return [4 /*yield*/, oneDriveService.getOneDriveMetadata()];\n                    case 1:\n                        _a = _b.sent(), folderPath = _a.folderPath, libraryAbsolutePath = _a.libraryAbsolutePath, libraryTitle = _a.libraryTitle, libraryId = _a.libraryId;\n                        oneDriveFolderData = {\n                            isFolder: true,\n                            modified: null,\n                            absoluteUrl: libraryAbsolutePath,\n                            name: libraryTitle,\n                            fileIcon: \"\",\n                            serverRelativeUrl: folderPath,\n                            spItemUrl: \"\",\n                            supportsThumbnail: false,\n                            fileType: \"\"\n                        };\n                        breadcrumbItems = this.state.breadcrumbItems;\n                        breadcrumbNode = {\n                            folderData: oneDriveFolderData,\n                            isCurrentItem: true,\n                            text: oneDriveFolderData.name,\n                            key: oneDriveFolderData.absoluteUrl\n                        };\n                        breadcrumbNode.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode); };\n                        breadcrumbItems.push(breadcrumbNode);\n                        this.setState({\n                            libraryAbsolutePath: libraryAbsolutePath,\n                            folderName: folderPath,\n                            libraryTitle: libraryTitle,\n                            libraryId: libraryId\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    OneDriveFilesTab.prototype.render = function () {\n        var _this = this;\n        var _a = this.state, libraryId = _a.libraryId, libraryTitle = _a.libraryTitle, folderPath = _a.folderPath, breadcrumbItems = _a.breadcrumbItems, libraryAbsolutePath = _a.libraryAbsolutePath, filePickerResult = _a.filePickerResult;\n        var _b = this.props, oneDriveService = _b.oneDriveService, accepts = _b.accepts;\n        return (React.createElement(\"div\", { className: styles.tabContainer },\n            React.createElement(\"div\", { className: styles.tabHeaderContainer },\n                React.createElement(Breadcrumb, { items: breadcrumbItems, className: styles.breadcrumbNav })),\n            React.createElement(\"div\", { className: styles.tabFiles }, libraryAbsolutePath !== undefined &&\n                React.createElement(FileBrowser, { onChange: function (fpr) { return _this._handleSelectionChange(fpr); }, onOpenFolder: function (folder) { return _this._handleOpenFolder(folder, true); }, fileBrowserService: oneDriveService, libraryName: libraryTitle, libraryId: libraryId, folderPath: folderPath, accepts: accepts })),\n            React.createElement(\"div\", { className: styles.actionButtonsContainer },\n                React.createElement(\"div\", { className: styles.actionButtons },\n                    React.createElement(PrimaryButton, { disabled: !filePickerResult, onClick: function () { return _this._handleSave(); }, className: styles.actionButton }, strings.OpenButtonLabel),\n                    React.createElement(DefaultButton, { onClick: function () { return _this._handleClose(); }, className: styles.actionButton }, strings.CancelButtonLabel)))));\n    };\n    return OneDriveFilesTab;\n}(React.Component));\nexport { OneDriveFilesTab };\n"
     },
     {
       "id": "5Vo+",
       "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.types.js",
       "name": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.types.js",
-      "index": 1425,
-      "index2": 1419,
-      "size": 0,
+      "index": 1417,
+      "index2": 1410,
+      "size": 551,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -254083,12 +254265,194 @@
           "type": "harmony export imported specifier",
           "userRequest": "./FilePicker.types",
           "loc": "2:0-35"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony side effect evaluation",
+          "userRequest": "./FilePicker.types",
+          "loc": "79:0-55"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "99:95-112"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "137:25-42"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "144:25-42"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "152:25-42"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "161:25-42"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "168:25-42"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "176:25-42"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "184:25-42"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "192:25-42"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "206:91-108"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "261:47-64"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "263:47-64"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "265:47-64"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "267:47-64"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "269:47-64"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "273:37-54"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "275:47-64"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "277:47-64"
+        },
+        {
+          "moduleId": "6lwl",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "module": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
+          "type": "harmony import specifier",
+          "userRequest": "./FilePicker.types",
+          "loc": "279:47-64"
         }
       ],
-      "providedExports": null,
+      "providedExports": [
+        "FilePickerTabType"
+      ],
       "optimizationBailout": [],
       "depth": 5,
-      "source": ""
+      "source": "export var FilePickerTabType;\n(function (FilePickerTabType) {\n    FilePickerTabType[\"RecentTab\"] = \"keyRecent\";\n    FilePickerTabType[\"OneDriveTab\"] = \"keyOneDrive\";\n    FilePickerTabType[\"StockImagesTab\"] = \"keyStockImages\";\n    FilePickerTabType[\"WebSearchTab\"] = \"keyWeb\";\n    FilePickerTabType[\"OrganisationalAssetTab\"] = \"keyOrgAssets\";\n    FilePickerTabType[\"SiteFilesTab\"] = \"keySite\";\n    FilePickerTabType[\"LocalUploadTab\"] = \"keyUpload\";\n    FilePickerTabType[\"LinkUploadTab\"] = \"keyLink\";\n})(FilePickerTabType || (FilePickerTabType = {}));\n"
     },
     {
       "id": "5YQ7",
@@ -257321,8 +257685,8 @@
       "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
       "name": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
       "index": 1341,
-      "index2": 1418,
-      "size": 14543,
+      "index2": 1419,
+      "size": 15109,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -257389,7 +257753,7 @@
       ],
       "optimizationBailout": [],
       "depth": 5,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __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 * as React from 'react';\nimport { PrimaryButton, ActionButton } from 'office-ui-fabric-react/lib/components/Button';\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/components/Panel';\nimport { Label } from 'office-ui-fabric-react/lib/components/Label';\nimport { Nav } from 'office-ui-fabric-react/lib/Nav';\nimport { css } from \"@uifabric/utilities/lib/css\";\n// Localization\nimport * as strings from 'PropertyControlStrings';\nimport LinkFilePickerTab from './LinkFilePickerTab/LinkFilePickerTab';\nimport UploadFilePickerTab from './UploadFilePickerTab/UploadFilePickerTab';\nimport SiteFilePickerTab from './SiteFilePickerTab/SiteFilePickerTab';\nimport WebSearchTab from './WebSearchTab/WebSearchTab';\nimport RecentFilesTab from './RecentFilesTab/RecentFilesTab';\nimport styles from './FilePicker.module.scss';\nimport { FileBrowserService } from '../../../services/FileBrowserService';\nimport { OneDriveFilesTab } from './OneDriveFilesTab';\nimport { OneDriveService } from '../../../services/OneDriveService';\nimport { OrgAssetsService } from '../../../services/OrgAssetsService';\nimport { FilesSearchService } from '../../../services/FilesSearchService';\nimport { StockImages } from './StockImagesTab';\nvar FilePicker = /** @class */ (function (_super) {\n    __extends(FilePicker, _super);\n    function FilePicker(props) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Renders the panel header\n         */\n        _this._renderHeader = function () {\n            return React.createElement(\"div\", { className: \"ms-Panel-header\" },\n                React.createElement(\"p\", { className: css(\"ms-Panel-headerText\", styles.header), role: \"heading\" }, strings.FilePickerHeader));\n        };\n        /**\n         * Open the panel\n         */\n        _this._handleOpenPanel = function () {\n            _this.setState({\n                panelOpen: true,\n                selectedTab: 'keyRecent'\n            });\n        };\n        /**\n         * Closes the panel\n         */\n        _this._handleClosePanel = function () {\n            _this.props.onCancel();\n            _this.setState({\n                panelOpen: false\n            });\n        };\n        /**\n         * On save action\n         */\n        _this._handleSave = function (filePickerResult) {\n            _this.props.onSave(filePickerResult);\n            _this.setState({\n                panelOpen: false\n            });\n        };\n        /**\n         * Changes the selected tab when a link is selected\n         */\n        _this._handleLinkClick = function (ev, item) {\n            _this.setState({ selectedTab: item.key });\n        };\n        /**\n         * Prepares navigation panel options\n         */\n        _this._getNavPanelOptions = function () {\n            var addUrl = _this.props.storeLastActiveTab !== false;\n            var links = [];\n            if (!_this.props.hideRecentTab) {\n                links.push({\n                    name: strings.RecentLinkLabel,\n                    url: addUrl ? '#recent' : undefined,\n                    icon: 'Recent',\n                    key: 'keyRecent',\n                });\n            }\n            if (!_this.props.hideStockImages) {\n                links.push({\n                    name: strings.StockImagesLinkLabel,\n                    url: addUrl ? '#stockImages' : undefined,\n                    key: 'keyStockImages',\n                    icon: 'ImageSearch',\n                });\n            }\n            if (_this.props.bingAPIKey && !_this.props.hideWebSearchTab) {\n                links.push({\n                    name: strings.WebSearchLinkLabel,\n                    url: addUrl ? '#search' : undefined,\n                    key: 'keyWeb',\n                    icon: 'Search',\n                });\n            }\n            if (!_this.props.hideOrganisationalAssetTab && _this.state.organisationAssetsEnabled) {\n                links.push({\n                    name: 'Your organisation',\n                    url: addUrl ? '#orgAssets' : undefined,\n                    icon: 'FabricFolderConfirm',\n                    key: 'keyOrgAssets',\n                });\n            }\n            if (!_this.props.hideOneDriveTab) {\n                links.push({\n                    name: \"OneDrive\",\n                    url: addUrl ? '#onedrive' : undefined,\n                    key: 'keyOneDrive',\n                    icon: 'OneDrive',\n                });\n            }\n            if (!_this.props.hideSiteFilesTab) {\n                links.push({\n                    name: strings.SiteLinkLabel,\n                    url: addUrl ? '#globe' : undefined,\n                    key: 'keySite',\n                    icon: 'Globe',\n                });\n            }\n            if (!_this.props.hideLocalUploadTab) {\n                links.push({\n                    name: strings.UploadLinkLabel,\n                    url: addUrl ? '#upload' : undefined,\n                    key: 'keyUpload',\n                    icon: 'System'\n                });\n            }\n            if (!_this.props.hideLinkUploadTab) {\n                links.push({\n                    name: strings.FromLinkLinkLabel,\n                    url: addUrl ? '#link' : undefined,\n                    key: 'keyLink',\n                    icon: 'Link'\n                });\n            }\n            var groups = [{ links: links }];\n            return groups;\n        };\n        // Initialize file browser services\n        _this.fileBrowserService = new FileBrowserService(props.context, _this.props.itemsCountQueryLimit);\n        _this.oneDriveService = new OneDriveService(props.context, _this.props.itemsCountQueryLimit);\n        _this.orgAssetsService = new OrgAssetsService(props.context, _this.props.itemsCountQueryLimit);\n        _this.fileSearchService = new FilesSearchService(props.context, _this.props.bingAPIKey);\n        _this.state = {\n            panelOpen: false,\n            selectedTab: 'keyRecent',\n            organisationAssetsEnabled: false,\n            showFullNav: true\n        };\n        return _this;\n    }\n    FilePicker.prototype.componentDidMount = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var orgAssetsEnabled, orgAssetsLibraries;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        orgAssetsEnabled = false;\n                        if (!!this.props.hideOrganisationalAssetTab) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.orgAssetsService.getSiteMediaLibraries()];\n                    case 1:\n                        orgAssetsLibraries = _a.sent();\n                        orgAssetsEnabled = orgAssetsLibraries ? true : false;\n                        _a.label = 2;\n                    case 2:\n                        this.setState({\n                            organisationAssetsEnabled: orgAssetsEnabled\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    FilePicker.prototype.render = function () {\n        var _this = this;\n        // If no acceptable file type was passed, and we're expecting images, set the default image filter\n        var accepts = this.props.accepts;\n        var buttonClassName = this.props.buttonClassName ? this.props.buttonClassName : '';\n        var panelClassName = this.props.panelClassName ? this.props.panelClassName : '';\n        var linkTabProps = {\n            accepts: accepts,\n            context: this.props.context,\n            onClose: function () { return _this._handleClosePanel(); },\n            onSave: function (value) { _this._handleSave(value); }\n        };\n        var buttonProps = {\n            text: this.props.buttonLabel,\n            disabled: this.props.disabled,\n            onClick: this._handleOpenPanel,\n            className: \"pnp__file-picker__button \" + buttonClassName\n        };\n        return (React.createElement(\"div\", { className: \"pnp__file-picker\" },\n            this.props.label && React.createElement(Label, { required: this.props.required }, this.props.label),\n            this.props.buttonIcon ?\n                React.createElement(ActionButton, __assign({ iconProps: { iconName: this.props.buttonIcon } }, buttonProps)) :\n                React.createElement(PrimaryButton, __assign({}, buttonProps)),\n            React.createElement(Panel, { isOpen: this.state.panelOpen, isBlocking: true, hasCloseButton: true, className: \"pnp__file-picker__panel \" + styles.filePicker + \" \" + panelClassName, onDismiss: this._handleClosePanel, type: PanelType.extraLarge, isFooterAtBottom: true, onRenderNavigation: function () { return undefined; }, headerText: strings.FilePickerHeader, isLightDismiss: true, onRenderHeader: function () { return _this._renderHeader(); } },\n                React.createElement(\"div\", { className: styles.nav },\n                    React.createElement(Nav, { groups: this._getNavPanelOptions(), selectedKey: this.state.selectedTab, onLinkClick: function (ev, item) { return _this._handleLinkClick(ev, item); } })),\n                React.createElement(\"div\", { className: styles.tabsContainer },\n                    this.state.selectedTab === \"keyLink\" &&\n                        React.createElement(LinkFilePickerTab, __assign({ fileSearchService: this.fileSearchService, allowExternalTenantLinks: true }, linkTabProps)),\n                    this.state.selectedTab === \"keyStockImages\" &&\n                        React.createElement(StockImages, __assign({ language: this.props.context.pageContext.cultureInfo.currentCultureName, fileSearchService: this.fileSearchService }, linkTabProps)),\n                    this.state.selectedTab === \"keyUpload\" &&\n                        React.createElement(UploadFilePickerTab, __assign({}, linkTabProps)),\n                    this.state.selectedTab === \"keySite\" &&\n                        React.createElement(SiteFilePickerTab, __assign({ fileBrowserService: this.fileBrowserService }, linkTabProps)),\n                    this.state.selectedTab === \"keyOrgAssets\" &&\n                        React.createElement(SiteFilePickerTab, __assign({ breadcrumbFirstNode: {\n                                isCurrentItem: true,\n                                text: strings.OrgAssetsTabLabel,\n                                key: \"keyOrgAssets\"\n                            }, fileBrowserService: this.orgAssetsService }, linkTabProps)),\n                    this.state.selectedTab === \"keyWeb\" &&\n                        React.createElement(WebSearchTab, __assign({ bingSearchService: this.fileSearchService }, linkTabProps)),\n                    this.state.selectedTab === \"keyOneDrive\" &&\n                        React.createElement(OneDriveFilesTab, __assign({ oneDriveService: this.oneDriveService }, linkTabProps)),\n                    this.state.selectedTab === \"keyRecent\" &&\n                        React.createElement(RecentFilesTab, __assign({ fileSearchService: this.fileSearchService }, linkTabProps))))));\n    };\n    return FilePicker;\n}(React.Component));\nexport { FilePicker };\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __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 * as React from 'react';\nimport { PrimaryButton, ActionButton } from 'office-ui-fabric-react/lib/components/Button';\nimport { Panel, PanelType } from 'office-ui-fabric-react/lib/components/Panel';\nimport { Label } from 'office-ui-fabric-react/lib/components/Label';\nimport { Nav } from 'office-ui-fabric-react/lib/Nav';\nimport { css } from \"@uifabric/utilities/lib/css\";\n// Localization\nimport * as strings from 'PropertyControlStrings';\nimport LinkFilePickerTab from './LinkFilePickerTab/LinkFilePickerTab';\nimport UploadFilePickerTab from './UploadFilePickerTab/UploadFilePickerTab';\nimport SiteFilePickerTab from './SiteFilePickerTab/SiteFilePickerTab';\nimport WebSearchTab from './WebSearchTab/WebSearchTab';\nimport RecentFilesTab from './RecentFilesTab/RecentFilesTab';\nimport styles from './FilePicker.module.scss';\nimport { FileBrowserService } from '../../../services/FileBrowserService';\nimport { OneDriveFilesTab } from './OneDriveFilesTab';\nimport { OneDriveService } from '../../../services/OneDriveService';\nimport { OrgAssetsService } from '../../../services/OrgAssetsService';\nimport { FilePickerTabType } from './FilePicker.types';\nimport { FilesSearchService } from '../../../services/FilesSearchService';\nimport { StockImages } from './StockImagesTab';\nvar FilePicker = /** @class */ (function (_super) {\n    __extends(FilePicker, _super);\n    function FilePicker(props) {\n        var _this = _super.call(this, props) || this;\n        /**\n         * Renders the panel header\n         */\n        _this._renderHeader = function () {\n            return React.createElement(\"div\", { className: \"ms-Panel-header\" },\n                React.createElement(\"p\", { className: css(\"ms-Panel-headerText\", styles.header), role: \"heading\" }, strings.FilePickerHeader));\n        };\n        /**\n         * Open the panel\n         */\n        _this._handleOpenPanel = function () {\n            _this.setState({\n                panelOpen: true,\n                selectedTab: _this.props.defaultSelectedTab ? _this.props.defaultSelectedTab : FilePickerTabType.RecentTab\n            });\n        };\n        /**\n         * Closes the panel\n         */\n        _this._handleClosePanel = function () {\n            _this.props.onCancel();\n            _this.setState({\n                panelOpen: false\n            });\n        };\n        /**\n         * On save action\n         */\n        _this._handleSave = function (filePickerResult) {\n            _this.props.onSave(filePickerResult);\n            _this.setState({\n                panelOpen: false\n            });\n        };\n        /**\n         * Changes the selected tab when a link is selected\n         */\n        _this._handleLinkClick = function (ev, item) {\n            _this.setState({ selectedTab: item.key });\n        };\n        /**\n         * Prepares navigation panel options\n         */\n        _this._getNavPanelOptions = function () {\n            var addUrl = _this.props.storeLastActiveTab !== false;\n            var links = [];\n            if (!_this.props.hideRecentTab) {\n                links.push({\n                    name: strings.RecentLinkLabel,\n                    url: addUrl ? '#recent' : undefined,\n                    icon: 'Recent',\n                    key: FilePickerTabType.RecentTab,\n                });\n            }\n            if (!_this.props.hideStockImages) {\n                links.push({\n                    name: strings.StockImagesLinkLabel,\n                    url: addUrl ? '#stockImages' : undefined,\n                    key: FilePickerTabType.StockImagesTab,\n                    icon: 'ImageSearch',\n                });\n            }\n            if (_this.props.bingAPIKey && !_this.props.hideWebSearchTab) {\n                links.push({\n                    name: strings.WebSearchLinkLabel,\n                    url: addUrl ? '#search' : undefined,\n                    key: FilePickerTabType.WebSearchTab,\n                    icon: 'Search',\n                });\n            }\n            if (!_this.props.hideOrganisationalAssetTab && _this.state.organisationAssetsEnabled) {\n                links.push({\n                    name: 'Your organisation',\n                    url: addUrl ? '#orgAssets' : undefined,\n                    icon: 'FabricFolderConfirm',\n                    key: FilePickerTabType.OrganisationalAssetTab,\n                });\n            }\n            if (!_this.props.hideOneDriveTab) {\n                links.push({\n                    name: \"OneDrive\",\n                    url: addUrl ? '#onedrive' : undefined,\n                    key: FilePickerTabType.OneDriveTab,\n                    icon: 'OneDrive',\n                });\n            }\n            if (!_this.props.hideSiteFilesTab) {\n                links.push({\n                    name: strings.SiteLinkLabel,\n                    url: addUrl ? '#globe' : undefined,\n                    key: FilePickerTabType.SiteFilesTab,\n                    icon: 'Globe',\n                });\n            }\n            if (!_this.props.hideLocalUploadTab) {\n                links.push({\n                    name: strings.UploadLinkLabel,\n                    url: addUrl ? '#upload' : undefined,\n                    key: FilePickerTabType.LocalUploadTab,\n                    icon: 'System'\n                });\n            }\n            if (!_this.props.hideLinkUploadTab) {\n                links.push({\n                    name: strings.FromLinkLinkLabel,\n                    url: addUrl ? '#link' : undefined,\n                    key: FilePickerTabType.LinkUploadTab,\n                    icon: 'Link'\n                });\n            }\n            var groups = [{ links: links }];\n            return groups;\n        };\n        // Initialize file browser services\n        _this.fileBrowserService = new FileBrowserService(props.context, _this.props.itemsCountQueryLimit);\n        _this.oneDriveService = new OneDriveService(props.context, _this.props.itemsCountQueryLimit);\n        _this.orgAssetsService = new OrgAssetsService(props.context, _this.props.itemsCountQueryLimit);\n        _this.fileSearchService = new FilesSearchService(props.context, _this.props.bingAPIKey);\n        _this.state = {\n            panelOpen: false,\n            selectedTab: _this.props.defaultSelectedTab ? _this.props.defaultSelectedTab : FilePickerTabType.RecentTab,\n            organisationAssetsEnabled: false,\n            showFullNav: true\n        };\n        return _this;\n    }\n    FilePicker.prototype.componentDidMount = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var orgAssetsEnabled, orgAssetsLibraries;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        orgAssetsEnabled = false;\n                        if (!!this.props.hideOrganisationalAssetTab) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.orgAssetsService.getSiteMediaLibraries()];\n                    case 1:\n                        orgAssetsLibraries = _a.sent();\n                        orgAssetsEnabled = orgAssetsLibraries ? true : false;\n                        _a.label = 2;\n                    case 2:\n                        this.setState({\n                            organisationAssetsEnabled: orgAssetsEnabled\n                        });\n                        return [2 /*return*/];\n                }\n            });\n        });\n    };\n    FilePicker.prototype.render = function () {\n        var _this = this;\n        // If no acceptable file type was passed, and we're expecting images, set the default image filter\n        var accepts = this.props.accepts;\n        var buttonClassName = this.props.buttonClassName ? this.props.buttonClassName : '';\n        var panelClassName = this.props.panelClassName ? this.props.panelClassName : '';\n        var linkTabProps = {\n            accepts: accepts,\n            context: this.props.context,\n            onClose: function () { return _this._handleClosePanel(); },\n            onSave: function (value) { _this._handleSave(value); }\n        };\n        var buttonProps = {\n            text: this.props.buttonLabel,\n            disabled: this.props.disabled,\n            onClick: this._handleOpenPanel,\n            className: \"pnp__file-picker__button \" + buttonClassName\n        };\n        return (React.createElement(\"div\", { className: \"pnp__file-picker\" },\n            this.props.label && React.createElement(Label, { required: this.props.required }, this.props.label),\n            this.props.buttonIcon ?\n                React.createElement(ActionButton, __assign({ iconProps: { iconName: this.props.buttonIcon } }, buttonProps)) :\n                React.createElement(PrimaryButton, __assign({}, buttonProps)),\n            React.createElement(Panel, { isOpen: this.state.panelOpen, isBlocking: true, hasCloseButton: true, className: \"pnp__file-picker__panel \" + styles.filePicker + \" \" + panelClassName, onDismiss: this._handleClosePanel, type: PanelType.extraLarge, isFooterAtBottom: true, onRenderNavigation: function () { return undefined; }, headerText: strings.FilePickerHeader, isLightDismiss: true, onRenderHeader: function () { return _this._renderHeader(); } },\n                React.createElement(\"div\", { className: styles.nav },\n                    React.createElement(Nav, { groups: this._getNavPanelOptions(), selectedKey: this.state.selectedTab, onLinkClick: function (ev, item) { return _this._handleLinkClick(ev, item); } })),\n                React.createElement(\"div\", { className: styles.tabsContainer },\n                    this.state.selectedTab === FilePickerTabType.LinkUploadTab &&\n                        React.createElement(LinkFilePickerTab, __assign({ fileSearchService: this.fileSearchService, allowExternalTenantLinks: true }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.StockImagesTab &&\n                        React.createElement(StockImages, __assign({ language: this.props.context.pageContext.cultureInfo.currentCultureName, fileSearchService: this.fileSearchService }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.LocalUploadTab &&\n                        React.createElement(UploadFilePickerTab, __assign({}, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.SiteFilesTab &&\n                        React.createElement(SiteFilePickerTab, __assign({ fileBrowserService: this.fileBrowserService }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.OrganisationalAssetTab &&\n                        React.createElement(SiteFilePickerTab, __assign({ breadcrumbFirstNode: {\n                                isCurrentItem: true,\n                                text: strings.OrgAssetsTabLabel,\n                                key: FilePickerTabType.OrganisationalAssetTab\n                            }, fileBrowserService: this.orgAssetsService }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.WebSearchTab &&\n                        React.createElement(WebSearchTab, __assign({ bingSearchService: this.fileSearchService }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.OneDriveTab &&\n                        React.createElement(OneDriveFilesTab, __assign({ oneDriveService: this.oneDriveService }, linkTabProps)),\n                    this.state.selectedTab === FilePickerTabType.RecentTab &&\n                        React.createElement(RecentFilesTab, __assign({ fileSearchService: this.fileSearchService }, linkTabProps))))));\n    };\n    return FilePicker;\n}(React.Component));\nexport { FilePicker };\n"
     },
     {
       "id": "6lyR",
@@ -259922,7 +260286,7 @@
       "name": "./lib/services/FileBrowserService.js",
       "index": 1407,
       "index2": 1400,
-      "size": 16955,
+      "size": 18632,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -259986,7 +260350,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "../../../services/FileBrowserService",
-          "loc": "199:39-57"
+          "loc": "200:39-57"
         },
         {
           "moduleId": "Z/CM",
@@ -260004,7 +260368,7 @@
           "moduleName": "./lib/services/OrgAssetsService.js",
           "type": "harmony import specifier",
           "userRequest": "./FileBrowserService",
-          "loc": "146:2-20"
+          "loc": "190:2-20"
         },
         {
           "moduleId": "tBFX",
@@ -260022,7 +260386,7 @@
           "moduleName": "./lib/services/OneDriveService.js",
           "type": "harmony import specifier",
           "userRequest": "./FileBrowserService",
-          "loc": "275:2-20"
+          "loc": "355:2-20"
         }
       ],
       "providedExports": [
@@ -260030,7 +260394,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};\nimport { SPHttpClient } from \"@microsoft/sp-http\";\nimport { GeneralHelper } from \"../helpers/GeneralHelper\";\nvar FileBrowserService = /** @class */ (function () {\n    function FileBrowserService(context, itemsToDownloadCount) {\n        var _this = this;\n        if (itemsToDownloadCount === void 0) { itemsToDownloadCount = 100; }\n        /**\n         * Gets files from current sites library\n         * @param libraryName\n         * @param folderPath\n         * @param acceptedFilesExtensions\n         */\n        this.getListItems = function (libraryName, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/web/lists/GetByTitle('\" + libraryName + \"')/RenderListDataAsStream\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            restApi += \"\" + nextPageQueryStringParams;\n                            folderPath = null;\n                        }\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, folderPath, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Provides the URL for file preview.\n         */\n        this.getFileThumbnailUrl = function (file, thumbnailWidth, thumbnailHeight) {\n            var thumbnailUrl = _this.mediaBaseUrl + \"/transform/thumbnail?provider=spo&inputFormat=\" + file.fileType + \"&cs=\" + _this.callerStack + \"&docid=\" + file.spItemUrl + \"&\" + _this.driveAccessToken + \"&width=\" + thumbnailWidth + \"&height=\" + thumbnailHeight;\n            return thumbnailUrl;\n        };\n        /**\n         * Gets document and media libraries from the site\n         */\n        this.getSiteMediaLibraries = function (includePageLibraries) {\n            if (includePageLibraries === void 0) { includePageLibraries = false; }\n            return __awaiter(_this, void 0, void 0, function () {\n                var absoluteUrl, restApi, mediaLibrariesResult, libResults, result, error_2;\n                var _this = this;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0:\n                            _a.trys.push([0, 3, , 4]);\n                            absoluteUrl = this.context.pageContext.web.absoluteUrl;\n                            restApi = absoluteUrl + \"/_api/SP.Web.GetDocumentAndMediaLibraries?webFullUrl='\" + encodeURIComponent(absoluteUrl) + \"'&includePageLibraries='\" + includePageLibraries + \"'\";\n                            return [4 /*yield*/, this.context.spHttpClient.get(restApi, SPHttpClient.configurations.v1)];\n                        case 1:\n                            mediaLibrariesResult = _a.sent();\n                            if (!mediaLibrariesResult || !mediaLibrariesResult.ok) {\n                                throw new Error(\"Something went wrong when executing request. Status='\" + mediaLibrariesResult.status + \"'\");\n                            }\n                            return [4 /*yield*/, mediaLibrariesResult.json()];\n                        case 2:\n                            libResults = _a.sent();\n                            if (!libResults || !libResults.value) {\n                                throw new Error(\"Cannot read data from the results.\");\n                            }\n                            result = libResults.value.map(function (libItem) { return _this.parseLibItem(libItem); });\n                            return [2 /*return*/, result];\n                        case 3:\n                            error_2 = _a.sent();\n                            console.error(\"[FileBrowserService.getSiteMediaLibraries]: Err='\" + error_2.message + \"'\");\n                            return [2 /*return*/, null];\n                        case 4: return [2 /*return*/];\n                    }\n                });\n            });\n        };\n        /**\n         * Downloads document content from SP location.\n         */\n        this.downloadSPFileContent = function (absoluteFileUrl, fileName) { return __awaiter(_this, void 0, void 0, function () {\n            var fileDownloadResult, blob, err_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 3, , 4]);\n                        return [4 /*yield*/, this.context.spHttpClient.get(absoluteFileUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        fileDownloadResult = _a.sent();\n                        if (!fileDownloadResult || !fileDownloadResult.ok) {\n                            throw new Error(\"Something went wrong when downloading the file. Status='\" + fileDownloadResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, fileDownloadResult.blob()];\n                    case 2:\n                        blob = _a.sent();\n                        return [2 /*return*/, GeneralHelper.getFileFromBlob(blob, fileName)];\n                    case 3:\n                        err_1 = _a.sent();\n                        console.error(\"[FileBrowserService.fetchFileContent] Err='\" + err_1.message + \"'\");\n                        return [2 /*return*/, null];\n                    case 4: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * Executes query to load files with possible extension filtering\n         * @param restApi\n         * @param folderPath\n         * @param acceptedFilesExtensions\n         */\n        this._getListDataAsStream = function (restApi, folderPath, acceptedFilesExtensions) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, body, data, filesResult, items, error_3;\n            var _this = this;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 4, , 5]);\n                        body = {\n                            parameters: {\n                                AllowMultipleValueFilterForTaxonomyFields: true,\n                                // ContextInfo (1), ListData (2), ListSchema (4), ViewMetadata (1024), EnableMediaTAUrls (4096), ParentInfo (8192)\n                                RenderOptions: 1 | 2 | 4 | 1024 | 4096 | 8192,\n                                ViewXml: this.getFilesCamlQueryViewXml(acceptedFilesExtensions)\n                            }\n                        };\n                        if (folderPath) {\n                            body.parameters[\"FolderServerRelativeUrl\"] = folderPath;\n                        }\n                        return [4 /*yield*/, this.context.spHttpClient.fetch(restApi, SPHttpClient.configurations.v1, {\n                                method: \"POST\",\n                                body: JSON.stringify(body)\n                            })];\n                    case 2:\n                        data = _a.sent();\n                        if (!data || !data.ok) {\n                            throw new Error(\"[FileBrowser._getListItems]: Something went wrong when executing request. Status='\" + data.statusMessage + \"'\");\n                        }\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        filesResult = _a.sent();\n                        if (!filesResult || !filesResult.ListData || !filesResult.ListData.Row) {\n                            throw new Error(\"[FileBrowser._getListItems]: No data is available. Status='\" + data.statusMessage + \"'\");\n                        }\n                        // Set additional information from the ListResponse\n                        this.processResponse(filesResult);\n                        items = filesResult.ListData.Row.map(function (fileItem) { return _this.parseFileItem(fileItem); });\n                        filesQueryResult = {\n                            items: items,\n                            nextHref: filesResult.ListData.NextHref\n                        };\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_3 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_3.message);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Generates Files CamlQuery ViewXml\n         */\n        this.getFilesCamlQueryViewXml = function (accepts) {\n            var fileFilter = _this.getFileTypeFilter(accepts);\n            var queryCondition = fileFilter && fileFilter !== \"\" ?\n                \"<Query>\\n        <Where>\\n          <Or>\\n            <And>\\n              <Eq>\\n                <FieldRef Name=\\\"FSObjType\\\" />\\n                <Value Type=\\\"Text\\\">1</Value>\\n              </Eq>\\n              <Eq>\\n                <FieldRef Name=\\\"SortBehavior\\\" />\\n                <Value Type=\\\"Text\\\">1</Value>\\n              </Eq>\\n            </And>\\n            <In>\\n              <FieldRef Name=\\\"File_x0020_Type\\\" />\\n              \" + fileFilter + \"\\n            </In>\\n          </Or>\\n        </Where>\\n      </Query>\" : \"\";\n            // Add files types condiiton\n            var viewXml = \"<View>\\n                      \" + queryCondition + \"\\n                      <ViewFields>\\n                        <FieldRef Name=\\\"DocIcon\\\"/>\\n                        <FieldRef Name=\\\"LinkFilename\\\"/>\\n                        <FieldRef Name=\\\"Modified\\\"/>\\n                        <FieldRef Name=\\\"Editor\\\"/>\\n                        <FieldRef Name=\\\"FileSizeDisplay\\\"/>\\n                        <FieldRef Name=\\\"SharedWith\\\"/>\\n                        <FieldRef Name=\\\"MediaServiceFastMetadata\\\"/>\\n                        <FieldRef Name=\\\"MediaServiceOCR\\\"/>\\n                        <FieldRef Name=\\\"_ip_UnifiedCompliancePolicyUIAction\\\"/>\\n                        <FieldRef Name=\\\"ItemChildCount\\\"/>\\n                        <FieldRef Name=\\\"FolderChildCount\\\"/>\\n                        <FieldRef Name=\\\"SMTotalFileCount\\\"/>\\n                        <FieldRef Name=\\\"SMTotalSize\\\"/>\\n                      </ViewFields>\\n                      <RowLimit Paged=\\\"TRUE\\\">\" + _this.itemsToDownloadCount + \"</RowLimit>\\n                    </View>\";\n            return viewXml;\n        };\n        /**\n         * Converts REST call results to IFile\n         */\n        this.parseFileItem = function (fileItem) {\n            var modifiedFriendly = fileItem[\"Modified.FriendlyDisplay\"];\n            // Get the modified date\n            var modifiedParts = modifiedFriendly.split('|');\n            var modified = fileItem.Modified;\n            // If there is a friendly modified date, use that\n            if (modifiedParts.length === 2) {\n                modified = modifiedParts[1];\n            }\n            var file = {\n                name: fileItem.FileLeafRef,\n                fileIcon: fileItem.DocIcon,\n                serverRelativeUrl: fileItem.FileRef,\n                modified: modified,\n                fileSize: fileItem.File_x0020_Size,\n                fileType: fileItem.File_x0020_Type,\n                modifiedBy: fileItem.Editor[0].title,\n                isFolder: fileItem.FSObjType === \"1\",\n                absoluteUrl: _this.buildAbsoluteUrl(fileItem.FileRef),\n                // Required for item thumbnail\n                supportsThumbnail: true,\n                spItemUrl: fileItem[\".spItemUrl\"]\n            };\n            return file;\n        };\n        this.parseLibItem = function (libItem) {\n            var library = {\n                title: libItem.Title,\n                absoluteUrl: libItem.AbsoluteUrl,\n                serverRelativeUrl: libItem.ServerRelativeUrl\n            };\n            return library;\n        };\n        /**\n         * Creates an absolute URL\n         */\n        this.buildAbsoluteUrl = function (relativeUrl) {\n            var siteUrl = GeneralHelper.getAbsoluteDomainUrl(_this.context.pageContext.web.absoluteUrl);\n            return siteUrl + relativeUrl;\n        };\n        this.processResponse = function (fileResponse) {\n            // Extract media base URL\n            _this.mediaBaseUrl = fileResponse.ListSchema[\".mediaBaseUrl\"];\n            _this.callerStack = fileResponse.ListSchema[\".callerStack\"];\n            _this.driveAccessToken = fileResponse.ListSchema[\".driveAccessToken\"];\n        };\n        this.context = context;\n        this.itemsToDownloadCount = itemsToDownloadCount;\n        this.driveAccessToken = null;\n    }\n    /**\n     * Generates CamlQuery files filter.\n     * @param accepts\n     */\n    FileBrowserService.prototype.getFileTypeFilter = function (accepts) {\n        var fileFilter = \"\";\n        if (accepts && accepts.length > 0) {\n            fileFilter = \"<Values>\";\n            accepts.forEach(function (fileType, index) {\n                fileType = fileType.replace(\".\", \"\");\n                if (index >= 0) {\n                    fileFilter = fileFilter + (\"<Value Type=\\\"Text\\\">\" + fileType + \"</Value>\");\n                }\n            });\n            fileFilter = fileFilter + \"</Values>\";\n        }\n        return fileFilter;\n    };\n    return FileBrowserService;\n}());\nexport { FileBrowserService };\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 { SPHttpClient } from \"@microsoft/sp-http\";\nimport { GeneralHelper } from \"../helpers/GeneralHelper\";\nvar FileBrowserService = /** @class */ (function () {\n    function FileBrowserService(context, itemsToDownloadCount) {\n        var _this = this;\n        if (itemsToDownloadCount === void 0) { itemsToDownloadCount = 100; }\n        /**\n         * Gets files from current sites library\n         * @param libraryName\n         * @param folderPath\n         * @param acceptedFilesExtensions\n         */\n        this.getListItems = function (libraryName, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/web/lists/GetByTitle('\" + libraryName + \"')/RenderListDataAsStream\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            restApi += \"\" + nextPageQueryStringParams;\n                            folderPath = null;\n                        }\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, folderPath, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        this.getListItemsByListId = function (listId, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, restApi, error_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/web/lists(guid'\" + listId + \"')/RenderListDataAsStream\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            restApi += \"\" + nextPageQueryStringParams;\n                            folderPath = null;\n                        }\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, folderPath, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_2 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_2.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Provides the URL for file preview.\n         */\n        this.getFileThumbnailUrl = function (file, thumbnailWidth, thumbnailHeight) {\n            var thumbnailUrl = _this.mediaBaseUrl + \"/transform/thumbnail?provider=spo&inputFormat=\" + file.fileType + \"&cs=\" + _this.callerStack + \"&docid=\" + file.spItemUrl + \"&\" + _this.driveAccessToken + \"&width=\" + thumbnailWidth + \"&height=\" + thumbnailHeight;\n            return thumbnailUrl;\n        };\n        /**\n         * Gets document and media libraries from the site\n         */\n        this.getSiteMediaLibraries = function (includePageLibraries) {\n            if (includePageLibraries === void 0) { includePageLibraries = false; }\n            return __awaiter(_this, void 0, void 0, function () {\n                var absoluteUrl, restApi, mediaLibrariesResult, libResults, result, error_3;\n                var _this = this;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0:\n                            _a.trys.push([0, 3, , 4]);\n                            absoluteUrl = this.context.pageContext.web.absoluteUrl;\n                            restApi = absoluteUrl + \"/_api/SP.Web.GetDocumentAndMediaLibraries?webFullUrl='\" + encodeURIComponent(absoluteUrl) + \"'&includePageLibraries='\" + includePageLibraries + \"'\";\n                            return [4 /*yield*/, this.context.spHttpClient.get(restApi, SPHttpClient.configurations.v1)];\n                        case 1:\n                            mediaLibrariesResult = _a.sent();\n                            if (!mediaLibrariesResult || !mediaLibrariesResult.ok) {\n                                throw new Error(\"Something went wrong when executing request. Status='\" + mediaLibrariesResult.status + \"'\");\n                            }\n                            return [4 /*yield*/, mediaLibrariesResult.json()];\n                        case 2:\n                            libResults = _a.sent();\n                            if (!libResults || !libResults.value) {\n                                throw new Error(\"Cannot read data from the results.\");\n                            }\n                            result = libResults.value.map(function (libItem) { return _this.parseLibItem(libItem); });\n                            return [2 /*return*/, result];\n                        case 3:\n                            error_3 = _a.sent();\n                            console.error(\"[FileBrowserService.getSiteMediaLibraries]: Err='\" + error_3.message + \"'\");\n                            return [2 /*return*/, null];\n                        case 4: return [2 /*return*/];\n                    }\n                });\n            });\n        };\n        /**\n         * Downloads document content from SP location.\n         */\n        this.downloadSPFileContent = function (absoluteFileUrl, fileName) { return __awaiter(_this, void 0, void 0, function () {\n            var fileDownloadResult, blob, err_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 3, , 4]);\n                        return [4 /*yield*/, this.context.spHttpClient.get(absoluteFileUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        fileDownloadResult = _a.sent();\n                        if (!fileDownloadResult || !fileDownloadResult.ok) {\n                            throw new Error(\"Something went wrong when downloading the file. Status='\" + fileDownloadResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, fileDownloadResult.blob()];\n                    case 2:\n                        blob = _a.sent();\n                        return [2 /*return*/, GeneralHelper.getFileFromBlob(blob, fileName)];\n                    case 3:\n                        err_1 = _a.sent();\n                        console.error(\"[FileBrowserService.fetchFileContent] Err='\" + err_1.message + \"'\");\n                        return [2 /*return*/, null];\n                    case 4: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * Executes query to load files with possible extension filtering\n         * @param restApi\n         * @param folderPath\n         * @param acceptedFilesExtensions\n         */\n        this._getListDataAsStream = function (restApi, folderPath, acceptedFilesExtensions) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, body, data, filesResult, items, error_4;\n            var _this = this;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 4, , 5]);\n                        body = {\n                            parameters: {\n                                AllowMultipleValueFilterForTaxonomyFields: true,\n                                // ContextInfo (1), ListData (2), ListSchema (4), ViewMetadata (1024), EnableMediaTAUrls (4096), ParentInfo (8192)\n                                RenderOptions: 1 | 2 | 4 | 1024 | 4096 | 8192,\n                                ViewXml: this.getFilesCamlQueryViewXml(acceptedFilesExtensions)\n                            }\n                        };\n                        if (folderPath) {\n                            body.parameters[\"FolderServerRelativeUrl\"] = folderPath;\n                        }\n                        return [4 /*yield*/, this.context.spHttpClient.fetch(restApi, SPHttpClient.configurations.v1, {\n                                method: \"POST\",\n                                body: JSON.stringify(body)\n                            })];\n                    case 2:\n                        data = _a.sent();\n                        if (!data || !data.ok) {\n                            throw new Error(\"[FileBrowser._getListItems]: Something went wrong when executing request. Status='\" + data.statusMessage + \"'\");\n                        }\n                        return [4 /*yield*/, data.json()];\n                    case 3:\n                        filesResult = _a.sent();\n                        if (!filesResult || !filesResult.ListData || !filesResult.ListData.Row) {\n                            throw new Error(\"[FileBrowser._getListItems]: No data is available. Status='\" + data.statusMessage + \"'\");\n                        }\n                        // Set additional information from the ListResponse\n                        this.processResponse(filesResult);\n                        items = filesResult.ListData.Row.map(function (fileItem) { return _this.parseFileItem(fileItem); });\n                        filesQueryResult = {\n                            items: items,\n                            nextHref: filesResult.ListData.NextHref\n                        };\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_4 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_4.message);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Generates Files CamlQuery ViewXml\n         */\n        this.getFilesCamlQueryViewXml = function (accepts) {\n            var fileFilter = _this.getFileTypeFilter(accepts);\n            var queryCondition = fileFilter && fileFilter !== \"\" ?\n                \"<Query>\\n        <Where>\\n          <Or>\\n            <And>\\n              <Eq>\\n                <FieldRef Name=\\\"FSObjType\\\" />\\n                <Value Type=\\\"Text\\\">1</Value>\\n              </Eq>\\n              <Eq>\\n                <FieldRef Name=\\\"SortBehavior\\\" />\\n                <Value Type=\\\"Text\\\">1</Value>\\n              </Eq>\\n            </And>\\n            <In>\\n              <FieldRef Name=\\\"File_x0020_Type\\\" />\\n              \" + fileFilter + \"\\n            </In>\\n          </Or>\\n        </Where>\\n      </Query>\" : \"\";\n            // Add files types condiiton\n            var viewXml = \"<View>\\n                      \" + queryCondition + \"\\n                      <ViewFields>\\n                        <FieldRef Name=\\\"DocIcon\\\"/>\\n                        <FieldRef Name=\\\"LinkFilename\\\"/>\\n                        <FieldRef Name=\\\"Modified\\\"/>\\n                        <FieldRef Name=\\\"Editor\\\"/>\\n                        <FieldRef Name=\\\"FileSizeDisplay\\\"/>\\n                        <FieldRef Name=\\\"SharedWith\\\"/>\\n                        <FieldRef Name=\\\"MediaServiceFastMetadata\\\"/>\\n                        <FieldRef Name=\\\"MediaServiceOCR\\\"/>\\n                        <FieldRef Name=\\\"_ip_UnifiedCompliancePolicyUIAction\\\"/>\\n                        <FieldRef Name=\\\"ItemChildCount\\\"/>\\n                        <FieldRef Name=\\\"FolderChildCount\\\"/>\\n                        <FieldRef Name=\\\"SMTotalFileCount\\\"/>\\n                        <FieldRef Name=\\\"SMTotalSize\\\"/>\\n                      </ViewFields>\\n                      <RowLimit Paged=\\\"TRUE\\\">\" + _this.itemsToDownloadCount + \"</RowLimit>\\n                    </View>\";\n            return viewXml;\n        };\n        /**\n         * Converts REST call results to IFile\n         */\n        this.parseFileItem = function (fileItem) {\n            var modifiedFriendly = fileItem[\"Modified.FriendlyDisplay\"];\n            // Get the modified date\n            var modifiedParts = modifiedFriendly.split('|');\n            var modified = fileItem.Modified;\n            // If there is a friendly modified date, use that\n            if (modifiedParts.length === 2) {\n                modified = modifiedParts[1];\n            }\n            var file = {\n                name: fileItem.FileLeafRef,\n                fileIcon: fileItem.DocIcon,\n                serverRelativeUrl: fileItem.FileRef,\n                modified: modified,\n                fileSize: fileItem.File_x0020_Size,\n                fileType: fileItem.File_x0020_Type,\n                modifiedBy: fileItem.Editor[0].title,\n                isFolder: fileItem.FSObjType === \"1\",\n                absoluteUrl: _this.buildAbsoluteUrl(fileItem.FileRef),\n                // Required for item thumbnail\n                supportsThumbnail: true,\n                spItemUrl: fileItem[\".spItemUrl\"]\n            };\n            return file;\n        };\n        this.parseLibItem = function (libItem) {\n            var library = {\n                title: libItem.Title,\n                id: libItem.Id,\n                absoluteUrl: libItem.AbsoluteUrl,\n                serverRelativeUrl: libItem.ServerRelativeUrl\n            };\n            return library;\n        };\n        /**\n         * Creates an absolute URL\n         */\n        this.buildAbsoluteUrl = function (relativeUrl) {\n            var siteUrl = GeneralHelper.getAbsoluteDomainUrl(_this.context.pageContext.web.absoluteUrl);\n            return siteUrl + relativeUrl;\n        };\n        this.processResponse = function (fileResponse) {\n            // Extract media base URL\n            _this.mediaBaseUrl = fileResponse.ListSchema[\".mediaBaseUrl\"];\n            _this.callerStack = fileResponse.ListSchema[\".callerStack\"];\n            _this.driveAccessToken = fileResponse.ListSchema[\".driveAccessToken\"];\n        };\n        this.context = context;\n        this.itemsToDownloadCount = itemsToDownloadCount;\n        this.driveAccessToken = null;\n    }\n    /**\n     * Generates CamlQuery files filter.\n     * @param accepts\n     */\n    FileBrowserService.prototype.getFileTypeFilter = function (accepts) {\n        var fileFilter = \"\";\n        if (accepts && accepts.length > 0) {\n            fileFilter = \"<Values>\";\n            accepts.forEach(function (fileType, index) {\n                fileType = fileType.replace(\".\", \"\");\n                if (index >= 0) {\n                    fileFilter = fileFilter + (\"<Value Type=\\\"Text\\\">\" + fileType + \"</Value>\");\n                }\n            });\n            fileFilter = fileFilter + \"</Values>\";\n        }\n        return fileFilter;\n    };\n    return FileBrowserService;\n}());\nexport { FileBrowserService };\n"
     },
     {
       "id": "7hkT",
@@ -260475,8 +260839,8 @@
       "id": "85o2",
       "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.scss.js",
       "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.scss.js",
-      "index": 1422,
-      "index2": 1415,
+      "index": 1423,
+      "index2": 1416,
       "size": 1954,
       "cacheable": true,
       "built": true,
@@ -270484,9 +270848,9 @@
       "chunks": [
         "property-controls-test-web-part"
       ],
-      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/updateSV.js",
-      "issuerId": "dxKp",
-      "issuerName": "./node_modules/office-ui-fabric-react/lib/utilities/color/updateSV.js",
+      "issuer": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/updateH.js",
+      "issuerId": "czd/",
+      "issuerName": "./node_modules/office-ui-fabric-react/lib/utilities/color/updateH.js",
       "issuerPath": [
         {
           "id": "fd0V",
@@ -270514,9 +270878,9 @@
           "name": "./node_modules/office-ui-fabric-react/lib/utilities/color/index.js"
         },
         {
-          "id": "dxKp",
-          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/updateSV.js",
-          "name": "./node_modules/office-ui-fabric-react/lib/utilities/color/updateSV.js"
+          "id": "czd/",
+          "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/office-ui-fabric-react/lib/utilities/color/updateH.js",
+          "name": "./node_modules/office-ui-fabric-react/lib/utilities/color/updateH.js"
         }
       ],
       "failed": false,
@@ -272969,7 +273333,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/components/Button",
-          "loc": "254:36-48"
+          "loc": "255:36-48"
         },
         {
           "moduleId": "6lwl",
@@ -272978,7 +273342,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/components/Button",
-          "loc": "255:36-49"
+          "loc": "256:36-49"
         },
         {
           "moduleId": "EWbD",
@@ -273059,7 +273423,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/components/Button",
-          "loc": "164:40-53"
+          "loc": "166:40-53"
         },
         {
           "moduleId": "Fxva",
@@ -273068,7 +273432,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/components/Button",
-          "loc": "165:40-53"
+          "loc": "167:40-53"
         },
         {
           "moduleId": "RFIM",
@@ -277511,8 +277875,8 @@
       "id": "EY9s",
       "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/services/FilesSearchService.js",
       "name": "./lib/services/FilesSearchService.js",
-      "index": 1417,
-      "index2": 1410,
+      "index": 1418,
+      "index2": 1411,
       "size": 18429,
       "cacheable": true,
       "built": true,
@@ -277568,7 +277932,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony side effect evaluation",
           "userRequest": "../../../services/FilesSearchService",
-          "loc": "79:0-74"
+          "loc": "80:0-74"
         },
         {
           "moduleId": "6lwl",
@@ -277577,7 +277941,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "../../../services/FilesSearchService",
-          "loc": "202:38-56"
+          "loc": "203:38-56"
         }
       ],
       "providedExports": [
@@ -280879,7 +281243,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.js",
           "type": "harmony import specifier",
           "userRequest": "./OneDriveFilesTab.module.scss",
-          "loc": "199:96-102"
+          "loc": "199:85-91"
         },
         {
           "moduleId": "5UkY",
@@ -280915,7 +281279,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.js",
           "type": "harmony import specifier",
           "userRequest": "./OneDriveFilesTab.module.scss",
-          "loc": "204:162-168"
+          "loc": "204:151-157"
         },
         {
           "moduleId": "5UkY",
@@ -281004,7 +281368,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./RecentFilesTab/RecentFilesTab",
-          "loc": "279:44-58"
+          "loc": "280:44-58"
         }
       ],
       "providedExports": [
@@ -282051,7 +282415,7 @@
       "name": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
       "index": 1350,
       "index2": 1378,
-      "size": 8724,
+      "size": 8823,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -282115,7 +282479,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./SiteFilePickerTab/SiteFilePickerTab",
-          "loc": "267:44-61"
+          "loc": "268:44-61"
         },
         {
           "moduleId": "6lwl",
@@ -282124,7 +282488,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./SiteFilePickerTab/SiteFilePickerTab",
-          "loc": "269:44-61"
+          "loc": "270:44-61"
         }
       ],
       "providedExports": [
@@ -282132,7 +282496,7 @@
       ],
       "optimizationBailout": [],
       "depth": 6,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { findIndex } from '@microsoft/sp-lodash-subset';\nimport { DocumentLibraryBrowser, FileBrowser } from '../controls';\nimport { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/components/Button';\nimport { Breadcrumb } from 'office-ui-fabric-react/lib/Breadcrumb';\nimport { Link } from 'office-ui-fabric-react/lib/Link';\nimport styles from './SiteFilePickerTab.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar SiteFilePickerTab = /** @class */ (function (_super) {\n    __extends(SiteFilePickerTab, _super);\n    function SiteFilePickerTab(props) {\n        var _this = _super.call(this, props) || this;\n        _this.renderBreadcrumbItem = function (item) {\n            return (React.createElement(Link, { href: item.href, onClick: item.onClick, key: item.key, className: \"ms-Link ms-Breadcrumb-itemLink \" + styles.breadcrumbNavItem }, item.text));\n        };\n        /**\n         * Handles breadcrump item click\n         */\n        _this.onBreadcrumpItemClick = function (node) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            var breadcrumbClickedItemIndx = 0;\n            // Site node clicked\n            if (!node.libraryData && !node.folderData) {\n                _this.setState({\n                    libraryAbsolutePath: undefined,\n                    libraryPath: undefined,\n                    folderName: undefined\n                });\n            }\n            // Check if it is folder item\n            else if (node.folderData) {\n                _this._handleOpenFolder(node.folderData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.folderData && item.folderData.absoluteUrl === node.key; });\n            }\n            // Check if it is library node\n            else if (node.libraryData) {\n                _this._handleOpenLibrary(node.libraryData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.libraryData && item.libraryData.serverRelativeUrl === node.key; });\n            }\n            // Trim nodes array\n            breadcrumbItems = breadcrumbItems.slice(0, breadcrumbClickedItemIndx + 1);\n            // Set new current node\n            breadcrumbItems[breadcrumbItems.length - 1].isCurrentItem = true;\n            _this.setState({\n                breadcrumbItems: breadcrumbItems,\n                filePickerResult: undefined\n            });\n        };\n        /**\n         * Is called when user selects a different file\n         */\n        _this._handleSelectionChange = function (filePickerResult) {\n            if (filePickerResult) {\n                filePickerResult.downloadFileContent = function () { return _this.props.fileBrowserService.downloadSPFileContent(filePickerResult.fileAbsoluteUrl, filePickerResult.fileName); };\n            }\n            // this.props.fileBrowserService\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Called when user saves\n         */\n        _this._handleSave = function () {\n            _this.props.onSave(_this.state.filePickerResult);\n        };\n        /**\n         * Called when user closes tab\n         */\n        _this._handleClose = function () {\n            _this.props.onClose();\n        };\n        /**\n         * Triggered when user opens a file folder\n         */\n        _this._handleOpenFolder = function (folder, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_1 = {\n                    folderData: folder,\n                    isCurrentItem: true,\n                    text: folder.name,\n                    key: folder.absoluteUrl\n                };\n                breadcrumbNode_1.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_1); };\n                breadcrumbItems.push(breadcrumbNode_1);\n            }\n            _this.setState({\n                filePickerResult: null,\n                libraryPath: folder.serverRelativeUrl,\n                folderName: folder.name,\n                libraryAbsolutePath: folder.absoluteUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        /**\n         * Triggered when user opens a top-level document library\n         */\n        _this._handleOpenLibrary = function (library, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_2 = {\n                    libraryData: library,\n                    isCurrentItem: true,\n                    text: library.title,\n                    key: library.serverRelativeUrl\n                };\n                breadcrumbNode_2.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_2); };\n                breadcrumbItems.push(breadcrumbNode_2);\n            }\n            _this.setState({\n                libraryAbsolutePath: library.absoluteUrl,\n                libraryTitle: library.title,\n                libraryPath: library.serverRelativeUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        // Add current site to the breadcrumb or the provided node\n        var breadcrumbSiteNode = _this.props.breadcrumbFirstNode ? _this.props.breadcrumbFirstNode : {\n            isCurrentItem: true,\n            text: props.context.pageContext.web.title,\n            key: props.context.pageContext.web.id.toString()\n        };\n        breadcrumbSiteNode.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbSiteNode); };\n        _this.state = {\n            filePickerResult: null,\n            libraryAbsolutePath: undefined,\n            libraryTitle: strings.DocumentLibraries,\n            libraryPath: undefined,\n            folderName: strings.DocumentLibraries,\n            breadcrumbItems: [breadcrumbSiteNode]\n        };\n        return _this;\n    }\n    SiteFilePickerTab.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", { className: styles.tabContainer },\n            React.createElement(\"div\", { className: styles.tabHeaderContainer },\n                React.createElement(Breadcrumb, { items: this.state.breadcrumbItems, className: styles.breadcrumbNav })),\n            React.createElement(\"div\", { className: styles.tabFiles },\n                this.state.libraryAbsolutePath === undefined &&\n                    React.createElement(DocumentLibraryBrowser, { fileBrowserService: this.props.fileBrowserService, onOpenLibrary: function (selectedLibrary) { return _this._handleOpenLibrary(selectedLibrary, true); } }),\n                this.state.libraryAbsolutePath !== undefined &&\n                    React.createElement(FileBrowser, { onChange: function (filePickerResult) { return _this._handleSelectionChange(filePickerResult); }, onOpenFolder: function (folder) { return _this._handleOpenFolder(folder, true); }, fileBrowserService: this.props.fileBrowserService, libraryName: this.state.libraryTitle, folderPath: this.state.libraryPath, accepts: this.props.accepts })),\n            React.createElement(\"div\", { className: styles.actionButtonsContainer },\n                React.createElement(\"div\", { className: styles.actionButtons },\n                    React.createElement(PrimaryButton, { disabled: !this.state.filePickerResult, onClick: function () { return _this._handleSave(); }, className: styles.actionButton }, strings.OpenButtonLabel),\n                    React.createElement(DefaultButton, { onClick: function () { return _this._handleClose(); }, className: styles.actionButton }, strings.CancelButtonLabel)))));\n    };\n    return SiteFilePickerTab;\n}(React.Component));\nexport default SiteFilePickerTab;\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { findIndex } from '@microsoft/sp-lodash-subset';\nimport { DocumentLibraryBrowser, FileBrowser } from '../controls';\nimport { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/components/Button';\nimport { Breadcrumb } from 'office-ui-fabric-react/lib/Breadcrumb';\nimport { Link } from 'office-ui-fabric-react/lib/Link';\nimport styles from './SiteFilePickerTab.module.scss';\nimport * as strings from 'PropertyControlStrings';\nvar SiteFilePickerTab = /** @class */ (function (_super) {\n    __extends(SiteFilePickerTab, _super);\n    function SiteFilePickerTab(props) {\n        var _this = _super.call(this, props) || this;\n        _this.renderBreadcrumbItem = function (item) {\n            return (React.createElement(Link, { href: item.href, onClick: item.onClick, key: item.key, className: \"ms-Link ms-Breadcrumb-itemLink \" + styles.breadcrumbNavItem }, item.text));\n        };\n        /**\n         * Handles breadcrump item click\n         */\n        _this.onBreadcrumpItemClick = function (node) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            var breadcrumbClickedItemIndx = 0;\n            // Site node clicked\n            if (!node.libraryData && !node.folderData) {\n                _this.setState({\n                    libraryAbsolutePath: undefined,\n                    libraryPath: undefined,\n                    folderName: undefined\n                });\n            }\n            // Check if it is folder item\n            else if (node.folderData) {\n                _this._handleOpenFolder(node.folderData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.folderData && item.folderData.absoluteUrl === node.key; });\n            }\n            // Check if it is library node\n            else if (node.libraryData) {\n                _this._handleOpenLibrary(node.libraryData, false);\n                // select which node has been clicked\n                breadcrumbClickedItemIndx = findIndex(breadcrumbItems, function (item) { return item.libraryData && item.libraryData.serverRelativeUrl === node.key; });\n            }\n            // Trim nodes array\n            breadcrumbItems = breadcrumbItems.slice(0, breadcrumbClickedItemIndx + 1);\n            // Set new current node\n            breadcrumbItems[breadcrumbItems.length - 1].isCurrentItem = true;\n            _this.setState({\n                breadcrumbItems: breadcrumbItems,\n                filePickerResult: undefined\n            });\n        };\n        /**\n         * Is called when user selects a different file\n         */\n        _this._handleSelectionChange = function (filePickerResult) {\n            if (filePickerResult) {\n                filePickerResult.downloadFileContent = function () { return _this.props.fileBrowserService.downloadSPFileContent(filePickerResult.fileAbsoluteUrl, filePickerResult.fileName); };\n            }\n            // this.props.fileBrowserService\n            _this.setState({\n                filePickerResult: filePickerResult\n            });\n        };\n        /**\n         * Called when user saves\n         */\n        _this._handleSave = function () {\n            _this.props.onSave(_this.state.filePickerResult);\n        };\n        /**\n         * Called when user closes tab\n         */\n        _this._handleClose = function () {\n            _this.props.onClose();\n        };\n        /**\n         * Triggered when user opens a file folder\n         */\n        _this._handleOpenFolder = function (folder, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_1 = {\n                    folderData: folder,\n                    isCurrentItem: true,\n                    text: folder.name,\n                    key: folder.absoluteUrl\n                };\n                breadcrumbNode_1.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_1); };\n                breadcrumbItems.push(breadcrumbNode_1);\n            }\n            _this.setState({\n                filePickerResult: null,\n                libraryPath: folder.serverRelativeUrl,\n                folderName: folder.name,\n                libraryAbsolutePath: folder.absoluteUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        /**\n         * Triggered when user opens a top-level document library\n         */\n        _this._handleOpenLibrary = function (library, addBreadcrumbNode) {\n            var breadcrumbItems = _this.state.breadcrumbItems;\n            if (addBreadcrumbNode) {\n                breadcrumbItems.map(function (item) { return item.isCurrentItem = false; });\n                var breadcrumbNode_2 = {\n                    libraryData: library,\n                    isCurrentItem: true,\n                    text: library.title,\n                    key: library.serverRelativeUrl\n                };\n                breadcrumbNode_2.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbNode_2); };\n                breadcrumbItems.push(breadcrumbNode_2);\n            }\n            _this.setState({\n                libraryAbsolutePath: library.absoluteUrl,\n                libraryTitle: library.title,\n                libraryId: library.id,\n                libraryPath: library.serverRelativeUrl,\n                breadcrumbItems: breadcrumbItems\n            });\n        };\n        // Add current site to the breadcrumb or the provided node\n        var breadcrumbSiteNode = _this.props.breadcrumbFirstNode ? _this.props.breadcrumbFirstNode : {\n            isCurrentItem: true,\n            text: props.context.pageContext.web.title,\n            key: props.context.pageContext.web.id.toString()\n        };\n        breadcrumbSiteNode.onClick = function () { _this.onBreadcrumpItemClick(breadcrumbSiteNode); };\n        _this.state = {\n            filePickerResult: null,\n            libraryAbsolutePath: undefined,\n            libraryTitle: strings.DocumentLibraries,\n            libraryId: '',\n            libraryPath: undefined,\n            folderName: strings.DocumentLibraries,\n            breadcrumbItems: [breadcrumbSiteNode]\n        };\n        return _this;\n    }\n    SiteFilePickerTab.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", { className: styles.tabContainer },\n            React.createElement(\"div\", { className: styles.tabHeaderContainer },\n                React.createElement(Breadcrumb, { items: this.state.breadcrumbItems, className: styles.breadcrumbNav })),\n            React.createElement(\"div\", { className: styles.tabFiles },\n                this.state.libraryAbsolutePath === undefined &&\n                    React.createElement(DocumentLibraryBrowser, { fileBrowserService: this.props.fileBrowserService, onOpenLibrary: function (selectedLibrary) { return _this._handleOpenLibrary(selectedLibrary, true); } }),\n                this.state.libraryAbsolutePath !== undefined &&\n                    React.createElement(FileBrowser, { onChange: function (filePickerResult) { return _this._handleSelectionChange(filePickerResult); }, onOpenFolder: function (folder) { return _this._handleOpenFolder(folder, true); }, fileBrowserService: this.props.fileBrowserService, libraryName: this.state.libraryTitle, libraryId: this.state.libraryId, folderPath: this.state.libraryPath, accepts: this.props.accepts })),\n            React.createElement(\"div\", { className: styles.actionButtonsContainer },\n                React.createElement(\"div\", { className: styles.actionButtons },\n                    React.createElement(PrimaryButton, { disabled: !this.state.filePickerResult, onClick: function () { return _this._handleSave(); }, className: styles.actionButton }, strings.OpenButtonLabel),\n                    React.createElement(DefaultButton, { onClick: function () { return _this._handleClose(); }, className: styles.actionButton }, strings.CancelButtonLabel)))));\n    };\n    return SiteFilePickerTab;\n}(React.Component));\nexport default SiteFilePickerTab;\n"
     },
     {
       "id": "FznD",
@@ -292717,7 +293081,7 @@
       "name": "./lib/propertyFields/filePicker/PropertyFieldFilePicker.js",
       "index": 1338,
       "index2": 1427,
-      "size": 5785,
+      "size": 5913,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -292774,7 +293138,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyPaneFilePickerHost from './PropertyFieldFilePickerHost';\n/**\n * Represents a PropertyFieldFilePicker object\n */\nvar PropertyFieldFilePickerBuilder = /** @class */ (function () {\n    function PropertyFieldFilePickerBuilder(_targetProperty, _properties) {\n        var _this = this;\n        this.type = PropertyPaneFieldType.Custom;\n        this.disabled = false;\n        this.required = false;\n        this.storeLastActiveTab = true;\n        this.render = function (elem, ctx, changeCallback) {\n            var element = React.createElement(PropertyPaneFilePickerHost, {\n                label: _this.label,\n                buttonLabel: _this.buttonLabel,\n                context: _this.context,\n                buttonIcon: _this.buttonIcon,\n                buttonClassName: _this.buttonClassName,\n                panelClassName: _this.panelClassName,\n                required: _this.required,\n                bingAPIKey: _this.bingAPIKey,\n                onSave: _this.onSave,\n                onChanged: _this.onChanged,\n                onCancel: _this.onCancel,\n                itemsCountQueryLimit: _this.itemsCountQueryLimit,\n                accepts: _this.accepts,\n                filePickerResult: _this.filePickerResult,\n                hideWebSearchTab: _this.hideWebSearchTab,\n                hideRecentTab: _this.hideRecentTab,\n                hideSiteFilesTab: _this.hideSiteFilesTab,\n                hideLocalUploadTab: _this.hideLocalUploadTab,\n                hideLinkUploadTab: _this.hideLinkUploadTab,\n                hideOrganisationalAssetTab: _this.hideOrganisationalAssetTab,\n                hideOneDriveTab: _this.hideOneDriveTab,\n                storeLastActiveTab: _this.storeLastActiveTab,\n                hideStockImages: _this.hideStockImages,\n                targetProperty: _this.targetProperty,\n                properties: _this.customProperties,\n                key: _this.key,\n                disabled: _this.disabled,\n                onDispose: _this.dispose,\n                onRender: _this.render,\n                onChange: changeCallback,\n                onPropertyChange: _this.onPropertyChange\n            });\n            ReactDom.render(element, elem);\n        };\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onDispose = this.dispose;\n        this.properties.onRender = this.render;\n        this.label = _properties.label;\n        this.buttonLabel = _properties.buttonLabel;\n        this.context = _properties.context;\n        this.buttonIcon = _properties.buttonIcon;\n        this.buttonClassName = _properties.buttonClassName;\n        this.panelClassName = _properties.panelClassName;\n        this.accepts = _properties.accepts;\n        this.filePickerResult = _properties.filePickerResult;\n        this.required = _properties.required;\n        this.bingAPIKey = _properties.bingAPIKey;\n        this.onSave = _properties.onSave;\n        this.onChanged = _properties.onChanged;\n        this.onCancel = _properties.onCancel;\n        this.itemsCountQueryLimit = _properties.itemsCountQueryLimit !== undefined ? _properties.itemsCountQueryLimit : 100;\n        this.hideWebSearchTab = _properties.hideWebSearchTab !== undefined ? _properties.hideWebSearchTab : true;\n        this.hideRecentTab = _properties.hideRecentTab !== undefined ? _properties.hideRecentTab : false;\n        this.hideSiteFilesTab = _properties.hideSiteFilesTab !== undefined ? _properties.hideSiteFilesTab : false;\n        this.hideLocalUploadTab = _properties.hideLocalUploadTab !== undefined ? _properties.hideLocalUploadTab : false;\n        this.hideLinkUploadTab = _properties.hideLinkUploadTab !== undefined ? _properties.hideLinkUploadTab : false;\n        this.hideOrganisationalAssetTab = _properties.hideOrganisationalAssetTab !== undefined ? _properties.hideOrganisationalAssetTab : false;\n        this.hideOneDriveTab = _properties.hideOneDriveTab !== undefined ? _properties.hideOneDriveTab : false;\n        this.storeLastActiveTab = _properties.storeLastActiveTab !== undefined ? _properties.storeLastActiveTab : true;\n        this.hideStockImages = _properties.hideStockImages !== undefined ? _properties.hideStockImages : false;\n        this.onPropertyChange = _properties.onPropertyChange;\n        this.customProperties = _properties.properties;\n        this.key = _properties.key;\n        this.context = _properties.context;\n        if (_properties.disabled === true) {\n            this.disabled = _properties.disabled;\n        }\n    }\n    PropertyFieldFilePickerBuilder.prototype.dispose = function (elem) {\n    };\n    PropertyFieldFilePickerBuilder.prototype.onPropertyChange = function (propertyPath, oldValue, newValue) {\n    };\n    return PropertyFieldFilePickerBuilder;\n}());\n/**\n * Helper method to create a File Picker component on the PropertyPane.\n * @param targetProperty - Target property the File Picker component is associated to.\n * @param properties - Strongly typed File Picker component properties.\n */\nexport function PropertyFieldFilePicker(targetProperty, properties) {\n    return new PropertyFieldFilePickerBuilder(targetProperty, __assign(__assign({}, properties), { targetProperty: targetProperty, onRender: null, onDispose: null }));\n}\n"
+      "source": "var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { PropertyPaneFieldType } from '@microsoft/sp-property-pane';\nimport PropertyPaneFilePickerHost from './PropertyFieldFilePickerHost';\n/**\n * Represents a PropertyFieldFilePicker object\n */\nvar PropertyFieldFilePickerBuilder = /** @class */ (function () {\n    function PropertyFieldFilePickerBuilder(_targetProperty, _properties) {\n        var _this = this;\n        this.type = PropertyPaneFieldType.Custom;\n        this.disabled = false;\n        this.required = false;\n        this.storeLastActiveTab = true;\n        this.render = function (elem, ctx, changeCallback) {\n            var element = React.createElement(PropertyPaneFilePickerHost, {\n                label: _this.label,\n                buttonLabel: _this.buttonLabel,\n                context: _this.context,\n                buttonIcon: _this.buttonIcon,\n                buttonClassName: _this.buttonClassName,\n                panelClassName: _this.panelClassName,\n                required: _this.required,\n                bingAPIKey: _this.bingAPIKey,\n                onSave: _this.onSave,\n                onChanged: _this.onChanged,\n                onCancel: _this.onCancel,\n                itemsCountQueryLimit: _this.itemsCountQueryLimit,\n                accepts: _this.accepts,\n                filePickerResult: _this.filePickerResult,\n                hideWebSearchTab: _this.hideWebSearchTab,\n                hideRecentTab: _this.hideRecentTab,\n                hideSiteFilesTab: _this.hideSiteFilesTab,\n                hideLocalUploadTab: _this.hideLocalUploadTab,\n                hideLinkUploadTab: _this.hideLinkUploadTab,\n                hideOrganisationalAssetTab: _this.hideOrganisationalAssetTab,\n                hideOneDriveTab: _this.hideOneDriveTab,\n                storeLastActiveTab: _this.storeLastActiveTab,\n                defaultSelectedTab: _this.defaultSelectedTab,\n                hideStockImages: _this.hideStockImages,\n                targetProperty: _this.targetProperty,\n                properties: _this.customProperties,\n                key: _this.key,\n                disabled: _this.disabled,\n                onDispose: _this.dispose,\n                onRender: _this.render,\n                onChange: changeCallback,\n                onPropertyChange: _this.onPropertyChange\n            });\n            ReactDom.render(element, elem);\n        };\n        this.targetProperty = _targetProperty;\n        this.properties = _properties;\n        this.properties.onDispose = this.dispose;\n        this.properties.onRender = this.render;\n        this.label = _properties.label;\n        this.buttonLabel = _properties.buttonLabel;\n        this.context = _properties.context;\n        this.buttonIcon = _properties.buttonIcon;\n        this.buttonClassName = _properties.buttonClassName;\n        this.panelClassName = _properties.panelClassName;\n        this.accepts = _properties.accepts;\n        this.filePickerResult = _properties.filePickerResult;\n        this.required = _properties.required;\n        this.bingAPIKey = _properties.bingAPIKey;\n        this.onSave = _properties.onSave;\n        this.onChanged = _properties.onChanged;\n        this.onCancel = _properties.onCancel;\n        this.itemsCountQueryLimit = _properties.itemsCountQueryLimit !== undefined ? _properties.itemsCountQueryLimit : 100;\n        this.hideWebSearchTab = _properties.hideWebSearchTab !== undefined ? _properties.hideWebSearchTab : true;\n        this.hideRecentTab = _properties.hideRecentTab !== undefined ? _properties.hideRecentTab : false;\n        this.hideSiteFilesTab = _properties.hideSiteFilesTab !== undefined ? _properties.hideSiteFilesTab : false;\n        this.hideLocalUploadTab = _properties.hideLocalUploadTab !== undefined ? _properties.hideLocalUploadTab : false;\n        this.hideLinkUploadTab = _properties.hideLinkUploadTab !== undefined ? _properties.hideLinkUploadTab : false;\n        this.hideOrganisationalAssetTab = _properties.hideOrganisationalAssetTab !== undefined ? _properties.hideOrganisationalAssetTab : false;\n        this.hideOneDriveTab = _properties.hideOneDriveTab !== undefined ? _properties.hideOneDriveTab : false;\n        this.storeLastActiveTab = _properties.storeLastActiveTab !== undefined ? _properties.storeLastActiveTab : true;\n        this.defaultSelectedTab = _properties.defaultSelectedTab;\n        this.hideStockImages = _properties.hideStockImages !== undefined ? _properties.hideStockImages : false;\n        this.onPropertyChange = _properties.onPropertyChange;\n        this.customProperties = _properties.properties;\n        this.key = _properties.key;\n        this.context = _properties.context;\n        if (_properties.disabled === true) {\n            this.disabled = _properties.disabled;\n        }\n    }\n    PropertyFieldFilePickerBuilder.prototype.dispose = function (elem) {\n    };\n    PropertyFieldFilePickerBuilder.prototype.onPropertyChange = function (propertyPath, oldValue, newValue) {\n    };\n    return PropertyFieldFilePickerBuilder;\n}());\n/**\n * Helper method to create a File Picker component on the PropertyPane.\n * @param targetProperty - Target property the File Picker component is associated to.\n * @param properties - Strongly typed File Picker component properties.\n */\nexport function PropertyFieldFilePicker(targetProperty, properties) {\n    return new PropertyFieldFilePickerBuilder(targetProperty, __assign(__assign({}, properties), { targetProperty: targetProperty, onRender: null, onDispose: null }));\n}\n"
     },
     {
       "id": "KVSy",
@@ -327693,8 +328057,8 @@
       "id": "PN7q",
       "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImagesModel.js",
       "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImagesModel.js",
-      "index": 1419,
-      "index2": 1411,
+      "index": 1420,
+      "index2": 1412,
       "size": 0,
       "cacheable": true,
       "built": true,
@@ -331189,7 +331553,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./FilePicker.module.scss",
-          "loc": "90:81-87"
+          "loc": "91:81-87"
         },
         {
           "moduleId": "6lwl",
@@ -331198,7 +331562,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./FilePicker.module.scss",
-          "loc": "256:151-157"
+          "loc": "257:151-157"
         },
         {
           "moduleId": "6lwl",
@@ -331207,7 +331571,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./FilePicker.module.scss",
-          "loc": "257:56-62"
+          "loc": "258:56-62"
         },
         {
           "moduleId": "6lwl",
@@ -331216,7 +331580,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./FilePicker.module.scss",
-          "loc": "259:56-62"
+          "loc": "260:56-62"
         }
       ],
       "providedExports": [
@@ -348578,7 +348942,7 @@
       "name": "./lib/services/OrgAssetsService.js",
       "index": 1416,
       "index2": 1409,
-      "size": 9147,
+      "size": 11795,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -348642,7 +349006,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "../../../services/OrgAssetsService",
-          "loc": "201:37-53"
+          "loc": "202:37-53"
         }
       ],
       "providedExports": [
@@ -348650,7 +349014,7 @@
       ],
       "optimizationBailout": [],
       "depth": 6,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 { FileBrowserService } from \"./FileBrowserService\";\nimport { SPHttpClient } from \"@microsoft/sp-http\";\nvar OrgAssetsService = /** @class */ (function (_super) {\n    __extends(OrgAssetsService, _super);\n    function OrgAssetsService(context, itemsToDownloadCount) {\n        var _this = _super.call(this, context, itemsToDownloadCount) || this;\n        _this._orgAssetsLibraryServerRelativeSiteUrl = null;\n        _this.getListItems = function (libraryName, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, libName, libFullUrl, queryStringParams, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        // Retrieve Lib path from folder path\n                        if (folderPath.charAt(0) !== \"/\") {\n                            folderPath = \"/\" + folderPath;\n                        }\n                        libName = folderPath.replace(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\", \"\");\n                        libName = libName.split(\"/\")[0];\n                        libFullUrl = this.buildAbsoluteUrl(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\" + libName);\n                        queryStringParams = \"\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + folderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + libFullUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        _this.getSiteMediaLibraries = function (includePageLibraries) {\n            if (includePageLibraries === void 0) { includePageLibraries = false; }\n            return __awaiter(_this, void 0, void 0, function () {\n                var restApi, orgAssetsResult, orgAssetsData, libs, error_2;\n                var _this = this;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0:\n                            _a.trys.push([0, 3, , 4]);\n                            restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.Publishing.SitePageService.FilePickerTabOptions\";\n                            return [4 /*yield*/, this.context.spHttpClient.get(restApi, SPHttpClient.configurations.v1)];\n                        case 1:\n                            orgAssetsResult = _a.sent();\n                            if (!orgAssetsResult || !orgAssetsResult.ok) {\n                                throw new Error(\"Something went wrong when executing request. Status='\" + orgAssetsResult.status + \"'\");\n                            }\n                            return [4 /*yield*/, orgAssetsResult.json()];\n                        case 2:\n                            orgAssetsData = _a.sent();\n                            if (!orgAssetsData || !orgAssetsData.OrgAssets || !orgAssetsData.OrgAssets.OrgAssetsLibraries || !orgAssetsData.OrgAssets.OrgAssetsLibraries.Items || orgAssetsData.OrgAssets.OrgAssetsLibraries.Items.length <= 0) {\n                                return [2 /*return*/, null];\n                            }\n                            this._orgAssetsLibraryServerRelativeSiteUrl = orgAssetsData ? orgAssetsData.OrgAssets.Url.DecodedUrl : null;\n                            libs = orgAssetsData && orgAssetsData.OrgAssets ? orgAssetsData.OrgAssets.OrgAssetsLibraries.Items.map(function (libItem) { return _this._parseOrgAssetsLibraryItem(libItem); }) : [];\n                            return [2 /*return*/, libs];\n                        case 3:\n                            error_2 = _a.sent();\n                            console.error(\"[OrgAssetsService.getOrganisationAssetsLibraries]: Err='\" + error_2.message + \"'\");\n                            return [2 /*return*/, null];\n                        case 4: return [2 /*return*/];\n                    }\n                });\n            });\n        };\n        _this._parseOrgAssetsLibraryItem = function (libItem) {\n            var orgAssetsLibrary = {\n                absoluteUrl: _this.buildAbsoluteUrl(libItem.LibraryUrl.DecodedUrl),\n                title: libItem.DisplayName,\n                serverRelativeUrl: libItem.LibraryUrl.DecodedUrl,\n                iconPath: libItem.ThumbnailUrl && libItem.ThumbnailUrl.DecodedUrl ? _this.buildAbsoluteUrl(_this._orgAssetsLibraryServerRelativeSiteUrl + \"/\" + libItem.ThumbnailUrl.DecodedUrl) : null\n            };\n            return orgAssetsLibrary;\n        };\n        return _this;\n    }\n    return OrgAssetsService;\n}(FileBrowserService));\nexport { OrgAssetsService };\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 { FileBrowserService } from \"./FileBrowserService\";\nimport { SPHttpClient } from \"@microsoft/sp-http\";\nvar OrgAssetsService = /** @class */ (function (_super) {\n    __extends(OrgAssetsService, _super);\n    function OrgAssetsService(context, itemsToDownloadCount) {\n        var _this = _super.call(this, context, itemsToDownloadCount) || this;\n        _this._orgAssetsLibraryServerRelativeSiteUrl = null;\n        _this.getListItems = function (listUrl, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, libName, libFullUrl, queryStringParams, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        // Retrieve Lib path from folder path\n                        if (folderPath.charAt(0) !== \"/\") {\n                            folderPath = \"/\" + folderPath;\n                        }\n                        libName = folderPath.replace(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\", \"\");\n                        libName = libName.split(\"/\")[0];\n                        libFullUrl = this.buildAbsoluteUrl(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\" + libName);\n                        queryStringParams = \"\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + folderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + libFullUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        _this.getListItemsByListId = function (listId, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, libName, libFullUrl, queryStringParams, restApi, error_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        // Retrieve Lib path from folder path\n                        if (folderPath.charAt(0) !== \"/\") {\n                            folderPath = \"/\" + folderPath;\n                        }\n                        libName = folderPath.replace(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\", \"\");\n                        libName = libName.split(\"/\")[0];\n                        libFullUrl = this.buildAbsoluteUrl(this._orgAssetsLibraryServerRelativeSiteUrl + \"/\" + libName);\n                        queryStringParams = \"\";\n                        // Do not pass FolderServerRelativeUrl as query parameter\n                        // Attach passed nextPageQueryStringParams values to REST URL\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + folderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + libFullUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 2:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_2 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_2.message);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        _this.getSiteMediaLibraries = function (includePageLibraries) {\n            if (includePageLibraries === void 0) { includePageLibraries = false; }\n            return __awaiter(_this, void 0, void 0, function () {\n                var restApi, orgAssetsResult, orgAssetsData, libs, error_3;\n                var _this = this;\n                return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0:\n                            _a.trys.push([0, 3, , 4]);\n                            restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.Publishing.SitePageService.FilePickerTabOptions\";\n                            return [4 /*yield*/, this.context.spHttpClient.get(restApi, SPHttpClient.configurations.v1)];\n                        case 1:\n                            orgAssetsResult = _a.sent();\n                            if (!orgAssetsResult || !orgAssetsResult.ok) {\n                                throw new Error(\"Something went wrong when executing request. Status='\" + orgAssetsResult.status + \"'\");\n                            }\n                            return [4 /*yield*/, orgAssetsResult.json()];\n                        case 2:\n                            orgAssetsData = _a.sent();\n                            if (!orgAssetsData || !orgAssetsData.OrgAssets || !orgAssetsData.OrgAssets.OrgAssetsLibraries || !orgAssetsData.OrgAssets.OrgAssetsLibraries.Items || orgAssetsData.OrgAssets.OrgAssetsLibraries.Items.length <= 0) {\n                                return [2 /*return*/, null];\n                            }\n                            this._orgAssetsLibraryServerRelativeSiteUrl = orgAssetsData ? orgAssetsData.OrgAssets.Url.DecodedUrl : null;\n                            libs = orgAssetsData && orgAssetsData.OrgAssets ? orgAssetsData.OrgAssets.OrgAssetsLibraries.Items.map(function (libItem) { return _this._parseOrgAssetsLibraryItem(libItem); }) : [];\n                            return [2 /*return*/, libs];\n                        case 3:\n                            error_3 = _a.sent();\n                            console.error(\"[OrgAssetsService.getOrganisationAssetsLibraries]: Err='\" + error_3.message + \"'\");\n                            return [2 /*return*/, null];\n                        case 4: return [2 /*return*/];\n                    }\n                });\n            });\n        };\n        _this._parseOrgAssetsLibraryItem = function (libItem) {\n            var orgAssetsLibrary = {\n                absoluteUrl: _this.buildAbsoluteUrl(libItem.LibraryUrl.DecodedUrl),\n                title: libItem.DisplayName,\n                id: libItem.ListId,\n                serverRelativeUrl: libItem.LibraryUrl.DecodedUrl,\n                iconPath: libItem.ThumbnailUrl && libItem.ThumbnailUrl.DecodedUrl ? _this.buildAbsoluteUrl(_this._orgAssetsLibraryServerRelativeSiteUrl + \"/\" + libItem.ThumbnailUrl.DecodedUrl) : null\n            };\n            return orgAssetsLibrary;\n        };\n        return _this;\n    }\n    return OrgAssetsService;\n}(FileBrowserService));\nexport { OrgAssetsService };\n"
     },
     {
       "id": "Z0cm",
@@ -361486,7 +361850,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "89:19-38"
+          "loc": "90:19-38"
         },
         {
           "moduleId": "6lwl",
@@ -361495,7 +361859,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "90:16-35"
+          "loc": "91:16-35"
         },
         {
           "moduleId": "6lwl",
@@ -361504,7 +361868,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "251:16-35"
+          "loc": "252:16-35"
         },
         {
           "moduleId": "6lwl",
@@ -361513,7 +361877,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "252:32-51"
+          "loc": "253:32-51"
         },
         {
           "moduleId": "6lwl",
@@ -361522,7 +361886,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "254:16-35"
+          "loc": "255:16-35"
         },
         {
           "moduleId": "6lwl",
@@ -361531,7 +361895,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "255:16-35"
+          "loc": "256:16-35"
         },
         {
           "moduleId": "6lwl",
@@ -361540,7 +361904,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "256:12-31"
+          "loc": "257:12-31"
         },
         {
           "moduleId": "6lwl",
@@ -361549,7 +361913,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "257:16-35"
+          "loc": "258:16-35"
         },
         {
           "moduleId": "6lwl",
@@ -361558,7 +361922,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "258:20-39"
+          "loc": "259:20-39"
         },
         {
           "moduleId": "6lwl",
@@ -361567,7 +361931,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "259:16-35"
+          "loc": "260:16-35"
         },
         {
           "moduleId": "6lwl",
@@ -361576,7 +361940,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "261:24-43"
+          "loc": "262:24-43"
         },
         {
           "moduleId": "6lwl",
@@ -361585,7 +361949,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "263:24-43"
+          "loc": "264:24-43"
         },
         {
           "moduleId": "6lwl",
@@ -361594,7 +361958,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "265:24-43"
+          "loc": "266:24-43"
         },
         {
           "moduleId": "6lwl",
@@ -361603,7 +361967,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "267:24-43"
+          "loc": "268:24-43"
         },
         {
           "moduleId": "6lwl",
@@ -361612,7 +361976,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "269:24-43"
+          "loc": "270:24-43"
         },
         {
           "moduleId": "6lwl",
@@ -361621,7 +361985,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "275:24-43"
+          "loc": "276:24-43"
         },
         {
           "moduleId": "6lwl",
@@ -361630,7 +361994,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "277:24-43"
+          "loc": "278:24-43"
         },
         {
           "moduleId": "6lwl",
@@ -361639,7 +362003,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "279:24-43"
+          "loc": "280:24-43"
         },
         {
           "moduleId": "6lwl",
@@ -361648,7 +362012,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "282:2-17"
+          "loc": "283:2-17"
         },
         {
           "moduleId": "6lyR",
@@ -365203,7 +365567,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "154:16-35"
+          "loc": "156:16-35"
         },
         {
           "moduleId": "Fxva",
@@ -365212,7 +365576,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "155:12-31"
+          "loc": "157:12-31"
         },
         {
           "moduleId": "Fxva",
@@ -365221,7 +365585,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "156:16-35"
+          "loc": "158:16-35"
         },
         {
           "moduleId": "Fxva",
@@ -365230,7 +365594,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "157:12-31"
+          "loc": "159:12-31"
         },
         {
           "moduleId": "Fxva",
@@ -365239,7 +365603,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "159:20-39"
+          "loc": "161:20-39"
         },
         {
           "moduleId": "Fxva",
@@ -365248,7 +365612,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "161:20-39"
+          "loc": "163:20-39"
         },
         {
           "moduleId": "Fxva",
@@ -365257,7 +365621,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "162:12-31"
+          "loc": "164:12-31"
         },
         {
           "moduleId": "Fxva",
@@ -365266,7 +365630,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "163:16-35"
+          "loc": "165:16-35"
         },
         {
           "moduleId": "Fxva",
@@ -365275,7 +365639,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "164:20-39"
+          "loc": "166:20-39"
         },
         {
           "moduleId": "Fxva",
@@ -365284,7 +365648,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "165:20-39"
+          "loc": "167:20-39"
         },
         {
           "moduleId": "Fxva",
@@ -365293,7 +365657,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "react",
-          "loc": "168:2-17"
+          "loc": "170:2-17"
         },
         {
           "moduleId": "G+Gl",
@@ -380276,7 +380640,7 @@
       "name": "./lib/common/telemetry/version.js",
       "index": 348,
       "index2": 342,
-      "size": 30,
+      "size": 43,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -380338,7 +380702,7 @@
       ],
       "optimizationBailout": [],
       "depth": 4,
-      "source": "export var version = \"3.3.0\";\n"
+      "source": "export var version = \"3.4.0-beta.1606990\";\n"
     },
     {
       "id": "cLrF",
@@ -382332,7 +382696,7 @@
       "name": "./lib/propertyFields/filePicker/PropertyFieldFilePickerHost.js",
       "index": 1339,
       "index2": 1426,
-      "size": 7568,
+      "size": 7619,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -382407,7 +382771,7 @@
       ],
       "optimizationBailout": [],
       "depth": 3,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 * as React from 'react';\nimport { FilePicker } from './filePickerControls';\nimport styles from './PropertyFieldFilePickerHost.module.scss';\nimport { GeneralHelper, setPropertyValue } from '../../helpers/GeneralHelper';\nimport * as telemetry from '../../common/telemetry';\n/**\n* Renders the control for PropertyFieldFilePicker component\n*/\nvar PropertyFieldFilePickerHost = /** @class */ (function (_super) {\n    __extends(PropertyFieldFilePickerHost, _super);\n    function PropertyFieldFilePickerHost(props) {\n        var _this = _super.call(this, props) || this;\n        _this.handleFileSave = function (filePickerResult) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                this.props.onSave(filePickerResult);\n                setPropertyValue(this.props.properties, this.props.targetProperty, filePickerResult);\n                this.props.onPropertyChange(this.props.targetProperty, this.props.filePickerResult, filePickerResult);\n                if (typeof this.props.onChange !== 'undefined' && this.props.onChange !== null) {\n                    this.props.onChange(this.props.targetProperty, filePickerResult);\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        _this.handleFileChange = function (filePickerResult) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                this.props.onChanged(filePickerResult);\n                if (typeof this.props.onChange !== 'undefined' && this.props.onChange !== null) {\n                    this.props.onChange(this.props.targetProperty, filePickerResult);\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        _this.handleCancel = function () {\n            if (_this.props.onCancel) {\n                _this.props.onCancel();\n            }\n        };\n        telemetry.track('PropertyFieldFilePicker', {\n            disabled: props.disabled\n        });\n        return _this;\n    }\n    PropertyFieldFilePickerHost.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", null,\n            this.props.filePickerResult && this.props.filePickerResult.fileAbsoluteUrl && (React.createElement(\"div\", { className: styles.filePreview },\n                GeneralHelper.isImage(this.props.filePickerResult.fileName) &&\n                    React.createElement(\"img\", { className: styles.filePreviewImage, src: this.props.filePickerResult.fileAbsoluteUrl, alt: this.props.filePickerResult.fileName }),\n                React.createElement(\"div\", null, this.props.filePickerResult.fileName))),\n            React.createElement(FilePicker, { required: this.props.required, disabled: this.props.disabled, bingAPIKey: this.props.bingAPIKey, accepts: this.props.accepts ? this.props.accepts : [], buttonIcon: this.props.buttonIcon ? this.props.buttonIcon : \"FileImage\", onSave: function (filePickerResult) { _this.handleFileSave(filePickerResult); }, onChanged: function (filePickerResult) { _this.handleFileChange(filePickerResult); }, onCancel: this.handleCancel, context: this.props.context, filePickerResult: this.props.filePickerResult, buttonClassName: this.props.buttonClassName, buttonLabel: this.props.buttonLabel, label: this.props.label, key: this.props.key, itemsCountQueryLimit: this.props.itemsCountQueryLimit !== undefined ? this.props.itemsCountQueryLimit : 100, hideWebSearchTab: this.props.hideWebSearchTab !== undefined ? this.props.hideWebSearchTab : true, hideRecentTab: this.props.hideRecentTab !== undefined ? this.props.hideRecentTab : false, hideSiteFilesTab: this.props.hideSiteFilesTab !== undefined ? this.props.hideSiteFilesTab : false, hideLocalUploadTab: this.props.hideLocalUploadTab !== undefined ? this.props.hideLocalUploadTab : false, hideLinkUploadTab: this.props.hideLinkUploadTab !== undefined ? this.props.hideLinkUploadTab : false, hideOneDriveTab: this.props.hideOneDriveTab !== undefined ? this.props.hideOneDriveTab : false, hideOrganisationalAssetTab: this.props.hideOrganisationalAssetTab !== undefined ? this.props.hideOrganisationalAssetTab : false, hideStockImages: this.props.hideStockImages !== undefined ? this.props.hideStockImages : false, panelClassName: this.props.panelClassName, storeLastActiveTab: this.props.storeLastActiveTab })));\n    };\n    return PropertyFieldFilePickerHost;\n}(React.Component));\nexport default PropertyFieldFilePickerHost;\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 * as React from 'react';\nimport { FilePicker } from './filePickerControls';\nimport styles from './PropertyFieldFilePickerHost.module.scss';\nimport { GeneralHelper, setPropertyValue } from '../../helpers/GeneralHelper';\nimport * as telemetry from '../../common/telemetry';\n/**\n* Renders the control for PropertyFieldFilePicker component\n*/\nvar PropertyFieldFilePickerHost = /** @class */ (function (_super) {\n    __extends(PropertyFieldFilePickerHost, _super);\n    function PropertyFieldFilePickerHost(props) {\n        var _this = _super.call(this, props) || this;\n        _this.handleFileSave = function (filePickerResult) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                this.props.onSave(filePickerResult);\n                setPropertyValue(this.props.properties, this.props.targetProperty, filePickerResult);\n                this.props.onPropertyChange(this.props.targetProperty, this.props.filePickerResult, filePickerResult);\n                if (typeof this.props.onChange !== 'undefined' && this.props.onChange !== null) {\n                    this.props.onChange(this.props.targetProperty, filePickerResult);\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        _this.handleFileChange = function (filePickerResult) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                this.props.onChanged(filePickerResult);\n                if (typeof this.props.onChange !== 'undefined' && this.props.onChange !== null) {\n                    this.props.onChange(this.props.targetProperty, filePickerResult);\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        _this.handleCancel = function () {\n            if (_this.props.onCancel) {\n                _this.props.onCancel();\n            }\n        };\n        telemetry.track('PropertyFieldFilePicker', {\n            disabled: props.disabled\n        });\n        return _this;\n    }\n    PropertyFieldFilePickerHost.prototype.render = function () {\n        var _this = this;\n        return (React.createElement(\"div\", null,\n            this.props.filePickerResult && this.props.filePickerResult.fileAbsoluteUrl && (React.createElement(\"div\", { className: styles.filePreview },\n                GeneralHelper.isImage(this.props.filePickerResult.fileName) &&\n                    React.createElement(\"img\", { className: styles.filePreviewImage, src: this.props.filePickerResult.fileAbsoluteUrl, alt: this.props.filePickerResult.fileName }),\n                React.createElement(\"div\", null, this.props.filePickerResult.fileName))),\n            React.createElement(FilePicker, { required: this.props.required, disabled: this.props.disabled, bingAPIKey: this.props.bingAPIKey, accepts: this.props.accepts ? this.props.accepts : [], buttonIcon: this.props.buttonIcon ? this.props.buttonIcon : \"FileImage\", onSave: function (filePickerResult) { _this.handleFileSave(filePickerResult); }, onChanged: function (filePickerResult) { _this.handleFileChange(filePickerResult); }, onCancel: this.handleCancel, context: this.props.context, filePickerResult: this.props.filePickerResult, buttonClassName: this.props.buttonClassName, buttonLabel: this.props.buttonLabel, label: this.props.label, key: this.props.key, itemsCountQueryLimit: this.props.itemsCountQueryLimit !== undefined ? this.props.itemsCountQueryLimit : 100, hideWebSearchTab: this.props.hideWebSearchTab !== undefined ? this.props.hideWebSearchTab : true, hideRecentTab: this.props.hideRecentTab !== undefined ? this.props.hideRecentTab : false, hideSiteFilesTab: this.props.hideSiteFilesTab !== undefined ? this.props.hideSiteFilesTab : false, hideLocalUploadTab: this.props.hideLocalUploadTab !== undefined ? this.props.hideLocalUploadTab : false, hideLinkUploadTab: this.props.hideLinkUploadTab !== undefined ? this.props.hideLinkUploadTab : false, hideOneDriveTab: this.props.hideOneDriveTab !== undefined ? this.props.hideOneDriveTab : false, hideOrganisationalAssetTab: this.props.hideOrganisationalAssetTab !== undefined ? this.props.hideOrganisationalAssetTab : false, hideStockImages: this.props.hideStockImages !== undefined ? this.props.hideStockImages : false, panelClassName: this.props.panelClassName, storeLastActiveTab: this.props.storeLastActiveTab, defaultSelectedTab: this.props.defaultSelectedTab })));\n    };\n    return PropertyFieldFilePickerHost;\n}(React.Component));\nexport default PropertyFieldFilePickerHost;\n"
     },
     {
       "id": "d6Sr",
@@ -389552,7 +389916,7 @@
           "moduleName": "./lib/propertyFields/filePicker/PropertyFieldFilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "react-dom",
-          "loc": "60:12-27"
+          "loc": "61:12-27"
         },
         {
           "moduleId": "L9LI",
@@ -390273,8 +390637,8 @@
       "id": "fgtf",
       "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/css-loader/dist/cjs.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/postcss-loader/src/index.js??postcss!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.css",
       "name": "./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??postcss!./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.module.css",
-      "index": 1424,
-      "index2": 1413,
+      "index": 1425,
+      "index2": 1414,
       "size": 5170,
       "cacheable": true,
       "built": true,
@@ -390869,7 +391233,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./OneDriveFilesTab",
-          "loc": "277:44-60"
+          "loc": "278:44-60"
         }
       ],
       "providedExports": null,
@@ -395176,7 +395540,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./UploadFilePickerTab/UploadFilePickerTab",
-          "loc": "265:44-63"
+          "loc": "266:44-63"
         }
       ],
       "providedExports": [
@@ -395352,7 +395716,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "@uifabric/utilities/lib/css",
-          "loc": "90:54-57"
+          "loc": "91:54-57"
         },
         {
           "moduleId": "Fm9w",
@@ -399655,7 +400019,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/components/Label",
-          "loc": "252:52-57"
+          "loc": "253:52-57"
         },
         {
           "moduleId": "EWbD",
@@ -405260,8 +405624,8 @@
       "id": "lu4A",
       "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/IStockImagesProps.js",
       "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/IStockImagesProps.js",
-      "index": 1420,
-      "index2": 1412,
+      "index": 1421,
+      "index2": 1413,
       "size": 0,
       "cacheable": true,
       "built": true,
@@ -424840,7 +425204,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/Nav",
-          "loc": "258:40-43"
+          "loc": "259:40-43"
         }
       ],
       "providedExports": [
@@ -426492,7 +426856,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./WebSearchTab/WebSearchTab",
-          "loc": "275:44-56"
+          "loc": "276:44-56"
         }
       ],
       "providedExports": [
@@ -426805,7 +427169,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "./SiteFilePickerTab.module.scss",
-          "loc": "154:56-62"
+          "loc": "156:56-62"
         },
         {
           "moduleId": "Fxva",
@@ -426814,7 +427178,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "./SiteFilePickerTab.module.scss",
-          "loc": "155:52-58"
+          "loc": "157:52-58"
         },
         {
           "moduleId": "Fxva",
@@ -426823,7 +427187,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "./SiteFilePickerTab.module.scss",
-          "loc": "156:96-102"
+          "loc": "158:96-102"
         },
         {
           "moduleId": "Fxva",
@@ -426832,7 +427196,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "./SiteFilePickerTab.module.scss",
-          "loc": "157:52-58"
+          "loc": "159:52-58"
         },
         {
           "moduleId": "Fxva",
@@ -426841,7 +427205,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "./SiteFilePickerTab.module.scss",
-          "loc": "162:52-58"
+          "loc": "164:52-58"
         },
         {
           "moduleId": "Fxva",
@@ -426850,7 +427214,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "./SiteFilePickerTab.module.scss",
-          "loc": "163:56-62"
+          "loc": "165:56-62"
         },
         {
           "moduleId": "Fxva",
@@ -426859,7 +427223,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "./SiteFilePickerTab.module.scss",
-          "loc": "164:162-168"
+          "loc": "166:162-168"
         },
         {
           "moduleId": "Fxva",
@@ -426868,7 +427232,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "./SiteFilePickerTab.module.scss",
-          "loc": "165:123-129"
+          "loc": "167:123-129"
         }
       ],
       "providedExports": [
@@ -433639,7 +434003,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "../controls",
-          "loc": "159:40-62"
+          "loc": "161:40-62"
         },
         {
           "moduleId": "Fxva",
@@ -433648,7 +434012,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "../controls",
-          "loc": "161:40-51"
+          "loc": "163:40-51"
         }
       ],
       "providedExports": null,
@@ -434226,7 +434590,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/Breadcrumb",
-          "loc": "156:36-46"
+          "loc": "158:36-46"
         }
       ],
       "providedExports": [
@@ -434701,7 +435065,7 @@
       "name": "./lib/services/OneDriveService.js",
       "index": 1415,
       "index2": 1408,
-      "size": 15686,
+      "size": 19977,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -434765,7 +435129,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "../../../services/OneDriveService",
-          "loc": "200:36-51"
+          "loc": "201:36-51"
         }
       ],
       "providedExports": [
@@ -434773,7 +435137,7 @@
       ],
       "optimizationBailout": [],
       "depth": 6,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 { SPHttpClient } from '@microsoft/sp-http';\nimport { FileBrowserService } from \"./FileBrowserService\";\nimport { GeneralHelper } from \"../helpers/GeneralHelper\";\nvar OneDriveService = /** @class */ (function (_super) {\n    __extends(OneDriveService, _super);\n    function OneDriveService(context, itemsToDownloadCount) {\n        var _this = _super.call(this, context, itemsToDownloadCount) || this;\n        /**\n         * Gets files from OneDrive personal library\n         */\n        _this.getListItems = function (libraryName, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, oneDriveRootFolder, encodedListUrl, queryStringParams, encodedFolderPath, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 4, , 5]);\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 2:\n                        oneDriveRootFolder = _a.sent();\n                        encodedListUrl = encodeURIComponent(oneDriveRootFolder);\n                        queryStringParams = \"\";\n                        folderPath = folderPath ? folderPath : this.oneDriveRootFolderRelativeUrl;\n                        encodedFolderPath = encodeURIComponent(folderPath);\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + encodedFolderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + encodedListUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 3:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Downloads document content from OneDrive location.\n         */\n        _this.downloadSPFileContent = function (absoluteFileUrl, fileName) { return __awaiter(_this, void 0, void 0, function () {\n            var urlTokens, fileUrl, fileInfoResult, fileInfo, oneDrvieFileUrl, fileDownloadResult, blob, err_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        urlTokens = absoluteFileUrl.split(\"/_api/\");\n                        fileUrl = this.context.pageContext.web.absoluteUrl + \"/_api/\" + urlTokens[1] + \"?\";\n                        return [4 /*yield*/, this.context.spHttpClient.get(fileUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        fileInfoResult = _a.sent();\n                        return [4 /*yield*/, fileInfoResult.json()];\n                    case 2:\n                        fileInfo = _a.sent();\n                        oneDrvieFileUrl = fileInfo[\"@content.downloadUrl\"];\n                        return [4 /*yield*/, this.context.httpClient.get(oneDrvieFileUrl, SPHttpClient.configurations.v1, {\n                                headers: new Headers(),\n                                method: 'GET',\n                                mode: 'cors'\n                            })];\n                    case 3:\n                        fileDownloadResult = _a.sent();\n                        if (!fileDownloadResult || !fileDownloadResult.ok) {\n                            throw new Error(\"Something went wrong when downloading the file. Status='\" + fileDownloadResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, fileDownloadResult.blob()];\n                    case 4:\n                        blob = _a.sent();\n                        return [2 /*return*/, GeneralHelper.getFileFromBlob(blob, fileName)];\n                    case 5:\n                        err_1 = _a.sent();\n                        console.error(\"[OneDriveService.fetchFileContent] Err='\" + err_1.message + \"'\");\n                        return [2 /*return*/, null];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n           * Gets users one drive personal documents library path\n           */\n        _this.getOneDriveRootFolderFullUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            var oneDriveUrl, apiUrl, oneDriveFolderResult, oneDriveLibsData, myDocumentsLibrary, error_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        // Return result if already obtained\n                        if (this.oneDriveRootFolderAbsoluteUrl) {\n                            return [2 /*return*/, this.oneDriveRootFolderAbsoluteUrl];\n                        }\n                        return [4 /*yield*/, this.getOneDrivePersonalUrl()];\n                    case 1:\n                        oneDriveUrl = _a.sent();\n                        if (!oneDriveUrl) {\n                            throw new Error(\"Cannot obtain OneDrive personal URL.\");\n                        }\n                        apiUrl = this.context.pageContext.web.absoluteUrl + \"/_api/SP.RemoteWeb(@a1)/Web/Lists?$filter=BaseTemplate eq 700 and BaseType eq 1&@a1='\" + encodeURIComponent(oneDriveUrl) + \"'\";\n                        return [4 /*yield*/, this.context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1, {\n                                headers: {\n                                    \"accept\": \"application/json;odata=nometadata\",\n                                    \"content-type\": \"application/json;odata=nometadata\",\n                                    \"odata-version\": \"\"\n                                }\n                            })];\n                    case 2:\n                        oneDriveFolderResult = _a.sent();\n                        if (!oneDriveFolderResult || !oneDriveFolderResult.ok) {\n                            throw new Error(\"Something went wrong when executing oneDriveRootFolder retrieve request. Status='\" + oneDriveFolderResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, oneDriveFolderResult.json()];\n                    case 3:\n                        oneDriveLibsData = _a.sent();\n                        if (!oneDriveLibsData || !oneDriveLibsData.value || oneDriveLibsData.value.length === 0) {\n                            throw new Error(\"Cannot read one drive libs data.\");\n                        }\n                        myDocumentsLibrary = oneDriveLibsData.value[0];\n                        this.oneDrivePersonalLibraryTitle = myDocumentsLibrary.Title;\n                        this.oneDriveRootFolderRelativeUrl = myDocumentsLibrary.ParentWebUrl + \"/\" + myDocumentsLibrary.Title;\n                        this.oneDriveRootFolderAbsoluteUrl = \"\" + this.oneDrivePersonalUrl + myDocumentsLibrary.Title;\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_2 = _a.sent();\n                        console.error(\"[FileBrowserService.getOneDrivePersonalUrl] Err='\" + error_2.message + \"'\");\n                        this.oneDriveRootFolderAbsoluteUrl = null;\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, this.oneDriveRootFolderAbsoluteUrl];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive RootFolder server relative URL.\n         */\n        _this.getOneDriveRootFolderRelativeUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDriveRootFolderRelativeUrl) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.oneDriveRootFolderRelativeUrl];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive personal library Title\n         */\n        _this.getOneDrivePersonalLibraryTitle = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDrivePersonalLibraryTitle) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.oneDrivePersonalLibraryTitle];\n                }\n            });\n        }); };\n        /**\n         * Gets personal site path.\n         */\n        _this.getOneDrivePersonalUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            var userProfileApi, userProfileResult, profileData, error_3;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 3, , 4]);\n                        // Return result if already obtained\n                        if (this.oneDrivePersonalUrl) {\n                            return [2 /*return*/, this.oneDrivePersonalUrl];\n                        }\n                        userProfileApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.UserProfiles.ProfileLoader.GetProfileLoader/GetUserProfile\";\n                        return [4 /*yield*/, this.context.spHttpClient.post(userProfileApi, SPHttpClient.configurations.v1, {})];\n                    case 1:\n                        userProfileResult = _a.sent();\n                        if (!userProfileResult || !userProfileResult.ok) {\n                            throw new Error(\"Something went wrong when executing user profile request. Status='\" + userProfileResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, userProfileResult.json()];\n                    case 2:\n                        profileData = _a.sent();\n                        if (!profileData) {\n                            throw new Error(\"Cannot read user profile data.\");\n                        }\n                        this.oneDrivePersonalUrl = profileData.FollowPersonalSiteUrl;\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_3 = _a.sent();\n                        console.error(\"[FileBrowserService.getOneDrivePersonalUrl] Err='\" + error_3.message + \"'\");\n                        this.oneDrivePersonalUrl = null;\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, this.oneDrivePersonalUrl];\n                }\n            });\n        }); };\n        /**\n         * Creates an absolute URL\n         */\n        _this.buildAbsoluteUrl = function (relativeUrl) {\n            var oneDriveHost = \"https://\" + _this.oneDrivePersonalUrl.split(\"//\")[1].split(\"/\")[0];\n            return oneDriveHost + relativeUrl;\n        };\n        _this.oneDrivePersonalUrl = null;\n        _this.oneDriveRootFolderRelativeUrl = null;\n        _this.oneDriveRootFolderAbsoluteUrl = null;\n        _this.oneDrivePersonalLibraryTitle = null;\n        return _this;\n    }\n    return OneDriveService;\n}(FileBrowserService));\nexport { OneDriveService };\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __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 { SPHttpClient } from '@microsoft/sp-http';\nimport { FileBrowserService } from \"./FileBrowserService\";\nimport { GeneralHelper } from \"../helpers/GeneralHelper\";\nvar OneDriveService = /** @class */ (function (_super) {\n    __extends(OneDriveService, _super);\n    function OneDriveService(context, itemsToDownloadCount) {\n        var _this = _super.call(this, context, itemsToDownloadCount) || this;\n        /**\n         * Gets files from OneDrive personal library\n         */\n        _this.getListItems = function (libraryName, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, oneDriveRootFolder, encodedListUrl, queryStringParams, encodedFolderPath, restApi, error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 4, , 5]);\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 2:\n                        oneDriveRootFolder = _a.sent();\n                        encodedListUrl = encodeURIComponent(oneDriveRootFolder);\n                        queryStringParams = \"\";\n                        folderPath = folderPath ? folderPath : this.oneDriveRootFolderRelativeUrl;\n                        encodedFolderPath = encodeURIComponent(folderPath);\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + encodedFolderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + encodedListUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 3:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_1 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_1.message);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        _this.getListItemsByListId = function (listId, folderPath, acceptedFilesExtensions, nextPageQueryStringParams) { return __awaiter(_this, void 0, void 0, function () {\n            var filesQueryResult, oneDriveRootFolder, encodedListUrl, queryStringParams, encodedFolderPath, restApi, error_2;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        filesQueryResult = { items: [], nextHref: null };\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 4, , 5]);\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 2:\n                        oneDriveRootFolder = _a.sent();\n                        encodedListUrl = encodeURIComponent(oneDriveRootFolder);\n                        queryStringParams = \"\";\n                        folderPath = folderPath ? folderPath : this.oneDriveRootFolderRelativeUrl;\n                        encodedFolderPath = encodeURIComponent(folderPath);\n                        if (nextPageQueryStringParams) {\n                            // Remove start ? from the query params\n                            if (nextPageQueryStringParams.charAt(0) === \"?\") {\n                                nextPageQueryStringParams = nextPageQueryStringParams.substring(1);\n                            }\n                            queryStringParams = nextPageQueryStringParams;\n                        }\n                        else {\n                            queryStringParams = \"RootFolder=\" + encodedFolderPath;\n                        }\n                        restApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.List.GetListDataAsStream?listFullUrl='\" + encodedListUrl + \"'&\" + queryStringParams;\n                        return [4 /*yield*/, this._getListDataAsStream(restApi, null, acceptedFilesExtensions)];\n                    case 3:\n                        filesQueryResult = _a.sent();\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_2 = _a.sent();\n                        filesQueryResult.items = null;\n                        console.error(error_2.message);\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, filesQueryResult];\n                }\n            });\n        }); };\n        /**\n         * Downloads document content from OneDrive location.\n         */\n        _this.downloadSPFileContent = function (absoluteFileUrl, fileName) { return __awaiter(_this, void 0, void 0, function () {\n            var urlTokens, fileUrl, fileInfoResult, fileInfo, oneDrvieFileUrl, fileDownloadResult, blob, err_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 5, , 6]);\n                        urlTokens = absoluteFileUrl.split(\"/_api/\");\n                        fileUrl = this.context.pageContext.web.absoluteUrl + \"/_api/\" + urlTokens[1] + \"?\";\n                        return [4 /*yield*/, this.context.spHttpClient.get(fileUrl, SPHttpClient.configurations.v1)];\n                    case 1:\n                        fileInfoResult = _a.sent();\n                        return [4 /*yield*/, fileInfoResult.json()];\n                    case 2:\n                        fileInfo = _a.sent();\n                        oneDrvieFileUrl = fileInfo[\"@content.downloadUrl\"];\n                        return [4 /*yield*/, this.context.httpClient.get(oneDrvieFileUrl, SPHttpClient.configurations.v1, {\n                                headers: new Headers(),\n                                method: 'GET',\n                                mode: 'cors'\n                            })];\n                    case 3:\n                        fileDownloadResult = _a.sent();\n                        if (!fileDownloadResult || !fileDownloadResult.ok) {\n                            throw new Error(\"Something went wrong when downloading the file. Status='\" + fileDownloadResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, fileDownloadResult.blob()];\n                    case 4:\n                        blob = _a.sent();\n                        return [2 /*return*/, GeneralHelper.getFileFromBlob(blob, fileName)];\n                    case 5:\n                        err_1 = _a.sent();\n                        console.error(\"[OneDriveService.fetchFileContent] Err='\" + err_1.message + \"'\");\n                        return [2 /*return*/, null];\n                    case 6: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n           * Gets users one drive personal documents library path\n           */\n        _this.getOneDriveRootFolderFullUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            var oneDriveUrl, apiUrl, oneDriveFolderResult, oneDriveLibsData, myDocumentsLibrary, error_3;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 4, , 5]);\n                        // Return result if already obtained\n                        if (this.oneDriveRootFolderAbsoluteUrl) {\n                            return [2 /*return*/, this.oneDriveRootFolderAbsoluteUrl];\n                        }\n                        return [4 /*yield*/, this.getOneDrivePersonalUrl()];\n                    case 1:\n                        oneDriveUrl = _a.sent();\n                        if (!oneDriveUrl) {\n                            throw new Error(\"Cannot obtain OneDrive personal URL.\");\n                        }\n                        apiUrl = this.context.pageContext.web.absoluteUrl + \"/_api/SP.RemoteWeb(@a1)/Web/Lists?$filter=BaseTemplate eq 700 and BaseType eq 1&@a1='\" + encodeURIComponent(oneDriveUrl) + \"'\";\n                        return [4 /*yield*/, this.context.spHttpClient.get(apiUrl, SPHttpClient.configurations.v1, {\n                                headers: {\n                                    \"accept\": \"application/json;odata=nometadata\",\n                                    \"content-type\": \"application/json;odata=nometadata\",\n                                    \"odata-version\": \"\"\n                                }\n                            })];\n                    case 2:\n                        oneDriveFolderResult = _a.sent();\n                        if (!oneDriveFolderResult || !oneDriveFolderResult.ok) {\n                            throw new Error(\"Something went wrong when executing oneDriveRootFolder retrieve request. Status='\" + oneDriveFolderResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, oneDriveFolderResult.json()];\n                    case 3:\n                        oneDriveLibsData = _a.sent();\n                        if (!oneDriveLibsData || !oneDriveLibsData.value || oneDriveLibsData.value.length === 0) {\n                            throw new Error(\"Cannot read one drive libs data.\");\n                        }\n                        myDocumentsLibrary = oneDriveLibsData.value[0];\n                        this.oneDrivePersonalLibraryTitle = myDocumentsLibrary.Title;\n                        this.oneDrivePersonalLibraryId = myDocumentsLibrary.Id;\n                        this.oneDriveRootFolderRelativeUrl = myDocumentsLibrary.ParentWebUrl + \"/\" + myDocumentsLibrary.Title;\n                        this.oneDriveRootFolderAbsoluteUrl = \"\" + this.oneDrivePersonalUrl + myDocumentsLibrary.Title;\n                        return [3 /*break*/, 5];\n                    case 4:\n                        error_3 = _a.sent();\n                        console.error(\"[FileBrowserService.getOneDrivePersonalUrl] Err='\" + error_3.message + \"'\");\n                        this.oneDriveRootFolderAbsoluteUrl = null;\n                        return [3 /*break*/, 5];\n                    case 5: return [2 /*return*/, this.oneDriveRootFolderAbsoluteUrl];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive RootFolder server relative URL.\n         */\n        _this.getOneDriveRootFolderRelativeUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDriveRootFolderRelativeUrl) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.oneDriveRootFolderRelativeUrl];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive personal library Title\n         */\n        _this.getOneDrivePersonalLibraryTitle = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDrivePersonalLibraryTitle) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.oneDrivePersonalLibraryTitle];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive personal library Id\n         * @returns OneDrive library Id\n         */\n        _this.getOneDrivePersonalLibraryId = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDrivePersonalLibraryId) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.oneDrivePersonalLibraryId];\n                }\n            });\n        }); };\n        /**\n         * Gets OneDrive library metadata\n         */\n        _this.getOneDriveMetadata = function () { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (!!this.oneDriveRootFolderRelativeUrl) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.getOneDriveRootFolderFullUrl()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, {\n                            folderPath: this.oneDriveRootFolderRelativeUrl,\n                            libraryAbsolutePath: this.oneDriveRootFolderAbsoluteUrl,\n                            libraryTitle: this.oneDrivePersonalLibraryTitle,\n                            libraryId: this.oneDrivePersonalLibraryId\n                        }];\n                }\n            });\n        }); };\n        /**\n         * Gets personal site path.\n         */\n        _this.getOneDrivePersonalUrl = function () { return __awaiter(_this, void 0, void 0, function () {\n            var userProfileApi, userProfileResult, profileData, error_4;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        _a.trys.push([0, 3, , 4]);\n                        // Return result if already obtained\n                        if (this.oneDrivePersonalUrl) {\n                            return [2 /*return*/, this.oneDrivePersonalUrl];\n                        }\n                        userProfileApi = this.context.pageContext.web.absoluteUrl + \"/_api/SP.UserProfiles.ProfileLoader.GetProfileLoader/GetUserProfile\";\n                        return [4 /*yield*/, this.context.spHttpClient.post(userProfileApi, SPHttpClient.configurations.v1, {})];\n                    case 1:\n                        userProfileResult = _a.sent();\n                        if (!userProfileResult || !userProfileResult.ok) {\n                            throw new Error(\"Something went wrong when executing user profile request. Status='\" + userProfileResult.status + \"'\");\n                        }\n                        return [4 /*yield*/, userProfileResult.json()];\n                    case 2:\n                        profileData = _a.sent();\n                        if (!profileData) {\n                            throw new Error(\"Cannot read user profile data.\");\n                        }\n                        this.oneDrivePersonalUrl = profileData.FollowPersonalSiteUrl;\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_4 = _a.sent();\n                        console.error(\"[FileBrowserService.getOneDrivePersonalUrl] Err='\" + error_4.message + \"'\");\n                        this.oneDrivePersonalUrl = null;\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/, this.oneDrivePersonalUrl];\n                }\n            });\n        }); };\n        /**\n         * Creates an absolute URL\n         */\n        _this.buildAbsoluteUrl = function (relativeUrl) {\n            var oneDriveHost = \"https://\" + _this.oneDrivePersonalUrl.split(\"//\")[1].split(\"/\")[0];\n            return oneDriveHost + relativeUrl;\n        };\n        _this.oneDrivePersonalUrl = null;\n        _this.oneDriveRootFolderRelativeUrl = null;\n        _this.oneDriveRootFolderAbsoluteUrl = null;\n        _this.oneDrivePersonalLibraryTitle = null;\n        _this.oneDrivePersonalLibraryId = null;\n        return _this;\n    }\n    return OneDriveService;\n}(FileBrowserService));\nexport { OneDriveService };\n"
     },
     {
       "id": "tDom",
@@ -435862,8 +436226,8 @@
       "id": "thvz",
       "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.js",
       "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/StockImages.js",
-      "index": 1421,
-      "index2": 1416,
+      "index": 1422,
+      "index2": 1417,
       "size": 4397,
       "cacheable": true,
       "built": true,
@@ -441657,8 +442021,8 @@
       "id": "vRWd",
       "identifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/filePicker/filePickerControls/StockImagesTab/index.js",
       "name": "./lib/propertyFields/filePicker/filePickerControls/StockImagesTab/index.js",
-      "index": 1418,
-      "index2": 1417,
+      "index": 1419,
+      "index2": 1418,
       "size": 104,
       "cacheable": true,
       "built": true,
@@ -441714,7 +442078,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony side effect evaluation",
           "userRequest": "./StockImagesTab",
-          "loc": "80:0-47"
+          "loc": "81:0-47"
         },
         {
           "moduleId": "6lwl",
@@ -441723,7 +442087,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "./StockImagesTab",
-          "loc": "263:44-55"
+          "loc": "264:44-55"
         }
       ],
       "providedExports": null,
@@ -444164,7 +444528,7 @@
           "moduleName": "./lib/services/FileBrowserService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "99:88-100"
+          "loc": "128:88-100"
         },
         {
           "moduleId": "7gTn",
@@ -444173,7 +444537,7 @@
           "moduleName": "./lib/services/FileBrowserService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "131:92-104"
+          "loc": "160:92-104"
         },
         {
           "moduleId": "7gTn",
@@ -444182,7 +444546,7 @@
           "moduleName": "./lib/services/FileBrowserService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "176:86-98"
+          "loc": "205:86-98"
         },
         {
           "moduleId": "BMoS",
@@ -444335,7 +444699,7 @@
           "moduleName": "./lib/services/OrgAssetsService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "110:88-100"
+          "loc": "153:88-100"
         },
         {
           "moduleId": "ZlRV",
@@ -444371,7 +444735,7 @@
           "moduleName": "./lib/services/OneDriveService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "111:84-96"
+          "loc": "151:84-96"
         },
         {
           "moduleId": "tBFX",
@@ -444380,7 +444744,7 @@
           "moduleName": "./lib/services/OneDriveService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "118:90-102"
+          "loc": "158:90-102"
         },
         {
           "moduleId": "tBFX",
@@ -444389,7 +444753,7 @@
           "moduleName": "./lib/services/OneDriveService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "160:83-95"
+          "loc": "200:83-95"
         },
         {
           "moduleId": "tBFX",
@@ -444398,7 +444762,7 @@
           "moduleName": "./lib/services/OneDriveService.js",
           "type": "harmony import specifier",
           "userRequest": "@microsoft/sp-http",
-          "loc": "238:92-104"
+          "loc": "317:92-104"
         },
         {
           "moduleId": "zoR7",
@@ -445471,7 +445835,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/components/Panel",
-          "loc": "256:32-37"
+          "loc": "257:32-37"
         },
         {
           "moduleId": "6lwl",
@@ -445480,7 +445844,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "office-ui-fabric-react/lib/components/Panel",
-          "loc": "256:234-243"
+          "loc": "257:234-243"
         },
         {
           "moduleId": "EWbD",
@@ -447756,7 +448120,7 @@
           "moduleName": "./lib/services/FileBrowserService.js",
           "type": "harmony import specifier",
           "userRequest": "../helpers/GeneralHelper",
-          "loc": "140:46-59"
+          "loc": "169:46-59"
         },
         {
           "moduleId": "7gTn",
@@ -447765,7 +448129,7 @@
           "moduleName": "./lib/services/FileBrowserService.js",
           "type": "harmony import specifier",
           "userRequest": "../helpers/GeneralHelper",
-          "loc": "259:26-39"
+          "loc": "289:26-39"
         },
         {
           "moduleId": "C/aV",
@@ -448287,7 +448651,7 @@
           "moduleName": "./lib/services/OneDriveService.js",
           "type": "harmony import specifier",
           "userRequest": "../helpers/GeneralHelper",
-          "loc": "131:46-59"
+          "loc": "171:46-59"
         },
         {
           "moduleId": "thvz",
@@ -458564,7 +458928,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "145:24-49"
+          "loc": "146:24-49"
         },
         {
           "moduleId": "5UkY",
@@ -458573,7 +458937,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/OneDriveFilesTab/OneDriveFilesTab.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "204:185-208"
+          "loc": "204:174-197"
         },
         {
           "moduleId": "5UkY",
@@ -458600,7 +458964,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "90:116-140"
+          "loc": "91:116-140"
         },
         {
           "moduleId": "6lwl",
@@ -458609,7 +458973,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "133:26-49"
+          "loc": "134:26-49"
         },
         {
           "moduleId": "6lwl",
@@ -458618,7 +458982,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "141:26-54"
+          "loc": "142:26-54"
         },
         {
           "moduleId": "6lwl",
@@ -458627,7 +458991,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "149:26-52"
+          "loc": "150:26-52"
         },
         {
           "moduleId": "6lwl",
@@ -458636,7 +459000,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "173:26-47"
+          "loc": "174:26-47"
         },
         {
           "moduleId": "6lwl",
@@ -458645,7 +459009,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "181:26-49"
+          "loc": "182:26-49"
         },
         {
           "moduleId": "6lwl",
@@ -458654,7 +459018,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "189:26-51"
+          "loc": "190:26-51"
         },
         {
           "moduleId": "6lwl",
@@ -458663,7 +459027,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "256:347-371"
+          "loc": "257:347-371"
         },
         {
           "moduleId": "6lwl",
@@ -458672,7 +459036,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/FilePicker.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "271:38-63"
+          "loc": "272:38-63"
         },
         {
           "moduleId": "8lWH",
@@ -459239,7 +459603,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "145:26-51"
+          "loc": "146:26-51"
         },
         {
           "moduleId": "Fxva",
@@ -459248,7 +459612,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "147:24-49"
+          "loc": "149:24-49"
         },
         {
           "moduleId": "Fxva",
@@ -459257,7 +459621,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "164:185-208"
+          "loc": "166:185-208"
         },
         {
           "moduleId": "Fxva",
@@ -459266,7 +459630,7 @@
           "moduleName": "./lib/propertyFields/filePicker/filePickerControls/SiteFilePickerTab/SiteFilePickerTab.js",
           "type": "harmony import specifier",
           "userRequest": "PropertyControlStrings",
-          "loc": "165:146-171"
+          "loc": "167:146-171"
         },
         {
           "moduleId": "HNod",