@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/monacoEditor/useMonaco.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMonaco = exports.EStatus = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var loader_1 = tslib_1.__importDefault(require("@monaco-editor/loader"));
+var CDN_PATH_TO_MONACO_EDITOR = "https://cdn.jsdelivr.net/npm/monaco-editor@0.32.1/min/vs";
+var EStatus;
+(function (EStatus) {
+    EStatus[EStatus["LOADING"] = 0] = "LOADING";
+    EStatus[EStatus["LOADED"] = 1] = "LOADED";
+    EStatus[EStatus["ERROR"] = 2] = "ERROR";
+})(EStatus || (exports.EStatus = EStatus = {}));
+var useMonaco = function () {
+    var _a = (0, react_1.useState)(undefined), monaco = _a[0], setMonaco = _a[1];
+    var _b = (0, react_1.useState)(EStatus.LOADING), status = _b[0], setStatus = _b[1];
+    var _c = (0, react_1.useState)(undefined), error = _c[0], setError = _c[1];
+    (0, react_1.useEffect)(function () {
+        (function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            var monacoObj, error_1;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        loader_1.default.config({ paths: { vs: CDN_PATH_TO_MONACO_EDITOR } });
+                        return [4 /*yield*/, loader_1.default.init()];
+                    case 1:
+                        monacoObj = _a.sent();
+                        setStatus(EStatus.LOADED);
+                        setMonaco(monacoObj);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _a.sent();
+                        setStatus(EStatus.ERROR);
+                        setMonaco(undefined);
+                        setError(error_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); })().then(function () { }).catch(function () { });
+    }, []);
+    return {
+        monaco: monaco,
+        status: status,
+        error: error,
+    };
+};
+exports.useMonaco = useMonaco;
+//# sourceMappingURL=useMonaco.js.map

package/lib-commonjs/controls/monacoEditor/useMonaco.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonaco.js","sourceRoot":"","sources":["../../../src/controls/monacoEditor/useMonaco.ts"],"names":[],"mappings":";;;;AAAA,+BAA4C;AAC5C,yEAAuD;AAEvD,IAAM,yBAAyB,GAAG,0DAA0D,CAAC;AAC7F,IAAY,OAIX;AAJD,WAAY,OAAO;IACjB,2CAAO,CAAA;IACP,yCAAM,CAAA;IACN,uCAAK,CAAA;AACP,CAAC,EAJW,OAAO,uBAAP,OAAO,QAIlB;AAEM,IAAM,SAAS,GAAG;IAKjB,IAAA,KAAsB,IAAA,gBAAQ,EAAS,SAAS,CAAC,EAAhD,MAAM,QAAA,EAAE,SAAS,QAA+B,CAAC;IAClD,IAAA,KAAsB,IAAA,gBAAQ,EAAU,OAAO,CAAC,OAAO,CAAC,EAAvD,MAAM,QAAA,EAAE,SAAS,QAAsC,CAAC;IACzD,IAAA,KAAoB,IAAA,gBAAQ,EAAQ,SAAS,CAAC,EAA7C,KAAK,QAAA,EAAE,QAAQ,QAA8B,CAAC;IAErD,IAAA,iBAAS,EAAC;QACR,CAAC;;;;;;wBAEG,gBAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,yBAAyB,EAAE,EAAE,CAAC,CAAC;wBAC1C,qBAAM,gBAAM,CAAC,IAAI,EAAE,EAAA;;wBAA/B,SAAS,GAAG,SAAmB;wBACrC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;wBAC1B,SAAS,CAAC,SAAS,CAAC,CAAC;;;;wBAErB,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;wBACzB,SAAS,CAAC,SAAS,CAAC,CAAC;wBACrB,QAAQ,CAAC,OAAc,CAAC,CAAC;;;;;aAE5B,CAAC,EAAE,CAAC,IAAI,CAAC,cAAqB,CAAC,CAAC,CAAC,KAAK,CAAC,cAAqB,CAAC,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,MAAM,QAAA;QACN,MAAM,QAAA;QACN,KAAK,OAAA;KACN,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,SAAS,aA6BpB"}

package/lib-commonjs/controls/monacoEditor/useMonacoEditorStyles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMonacoEditorStyles = void 0;
+var tslib_1 = require("tslib");
+var Styling_1 = require("@fluentui/react/lib/Styling");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useMonacoEditorStyles = function () {
+    var controlClasses = react_1.default.useMemo(function () {
+        return (0, Styling_1.mergeStyleSets)({
+            containerStyles: {
+                height: "800px",
+            }
+        });
+    }, []);
+    return { controlClasses: controlClasses };
+};
+exports.useMonacoEditorStyles = useMonacoEditorStyles;
+//# sourceMappingURL=useMonacoEditorStyles.js.map

package/lib-commonjs/controls/monacoEditor/useMonacoEditorStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonacoEditorStyles.js","sourceRoot":"","sources":["../../../src/controls/monacoEditor/useMonacoEditorStyles.ts"],"names":[],"mappings":";;;;AAAA,uDAAiF;AACjF,wDAA0B;AAEnB,IAAM,qBAAqB,GAAG;IAOnC,IAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC;QACnC,OAAO,IAAA,wBAAc,EAAC;YACpB,eAAe,EAAE;gBACf,MAAM,EAAE,OAAO;aAChB;SACF,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,cAAc,gBAAA,EAAE,CAAC;AAC5B,CAAC,CAAC;AAhBW,QAAA,qBAAqB,yBAgBhC"}

package/lib-commonjs/controls/pagination/Pagination.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var Button_1 = require("@fluentui/react/lib/Button");
+var Pagination_module_scss_1 = tslib_1.__importDefault(require("./Pagination.module.scss"));
+var isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
+var telemetry = tslib_1.__importStar(require("../../common/telemetry"));
+var Stack_1 = require("@fluentui/react/lib/Stack");
+var Pagination = /** @class */ (function (_super) {
+    tslib_1.__extends(Pagination, _super);
+    function Pagination(props) {
+        var _this = _super.call(this, props) || this;
+        _this.preparePaginationElements = function (totalPages) {
+            var paginationElementsArray = [];
+            for (var i = 0; i < totalPages; i++) {
+                paginationElementsArray.push(i + 1);
+            }
+            return paginationElementsArray;
+        };
+        _this.onClick = function (page) {
+            _this.setState({ currentPage: page });
+            _this.props.onChange(page);
+        };
+        telemetry.track('ReactPagination');
+        var paginationElements = _this.preparePaginationElements(props.totalPages);
+        _this.state = {
+            currentPage: props.currentPage,
+            paginationElements: paginationElements,
+            limiter: props.limiter ? props.limiter : 3,
+        };
+        return _this;
+    }
+    Pagination.prototype.componentDidUpdate = function (prevProps) {
+        var _a = this.state, currentPage = _a.currentPage, paginationElements = _a.paginationElements;
+        if (prevProps.totalPages !== this.props.totalPages) {
+            paginationElements = this.preparePaginationElements(this.props.totalPages);
+            currentPage = this.state.currentPage > this.props.totalPages ? this.props.totalPages : this.state.currentPage;
+        }
+        if (this.props.currentPage !== prevProps.currentPage) {
+            currentPage = this.props.currentPage > this.props.totalPages ? this.props.totalPages : this.props.currentPage;
+        }
+        if (!(0, isEqual_1.default)(this.state.currentPage, currentPage) || !(0, isEqual_1.default)(this.state.paginationElements, paginationElements)) {
+            this.setState({
+                paginationElements: paginationElements,
+                currentPage: currentPage
+            });
+        }
+    };
+    Pagination.prototype.render = function () {
+        var _this = this;
+        return (React.createElement("div", { className: "".concat(Pagination_module_scss_1.default.pagination, " pagination-container") },
+            React.createElement(Stack_1.Stack, { horizontal: true, horizontalAlign: "center", verticalAlign: "center", tokens: { childrenGap: 1 }, wrap: true },
+                !this.props.hideFirstPageJump &&
+                    React.createElement(Button_1.DefaultButton, { className: "".concat(Pagination_module_scss_1.default.buttonStyle, " pagination-button pagination-button_first"), onClick: function () { return _this.onClick(1); }, iconProps: { iconName: "DoubleChevronLeft" } }),
+                this.state.paginationElements.map(function (pageNumber) { return _this.renderPageNumber(pageNumber); }),
+                !this.props.hideLastPageJump &&
+                    React.createElement(Button_1.DefaultButton, { className: "".concat(Pagination_module_scss_1.default.buttonStyle, " pagination-button pagination-button_last"), onClick: function () { return _this.onClick(_this.props.totalPages); }, iconProps: { iconName: "DoubleChevronRight" } }))));
+    };
+    Pagination.prototype.renderPageNumber = function (pageNumber) {
+        var _this = this;
+        var limiterIcon = this.props.limiterIcon;
+        var _a = this.state, currentPage = _a.currentPage, limiter = _a.limiter;
+        if (pageNumber === currentPage) {
+            return (React.createElement(Button_1.PrimaryButton, { className: Pagination_module_scss_1.default.buttonStyle, onClick: function () { return _this.onClick(pageNumber); }, text: pageNumber.toString() }));
+        }
+        else {
+            if (!(pageNumber < currentPage - limiter || pageNumber > currentPage + limiter)) {
+                return (React.createElement(Button_1.DefaultButton, { className: Pagination_module_scss_1.default.buttonStyle, onClick: function () { return _this.onClick(pageNumber); }, text: pageNumber.toString() }));
+            }
+            else if (!(pageNumber < currentPage - limiter - 1 || pageNumber > currentPage + limiter + 1)) {
+                if (limiterIcon) {
+                    return (React.createElement(Button_1.DefaultButton, { className: Pagination_module_scss_1.default.buttonStyle, onClick: function () { return _this.onClick(pageNumber); }, iconProps: { iconName: limiterIcon ? limiterIcon : "More" } }));
+                }
+                else {
+                    return (React.createElement(Button_1.DefaultButton, { className: Pagination_module_scss_1.default.buttonStyle, onClick: function () { return _this.onClick(pageNumber); }, iconProps: { iconName: limiterIcon ? limiterIcon : "More" } }));
+                }
+            }
+            else {
+                return;
+            }
+        }
+    };
+    return Pagination;
+}(React.Component));
+exports.Pagination = Pagination;
+//# sourceMappingURL=Pagination.js.map

package/lib-commonjs/controls/pagination/Pagination.js.map

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

package/lib-commonjs/controls/pagination/Pagination.module.scss.css

@@ -0,0 +1,8 @@
+.pagination {
+  padding-top: 10px;
+  padding-bottom: 20px;
+  text-align: center;
+}
+.pagination .buttonStyle {
+  min-width: auto;
+}

package/lib-commonjs/controls/pagination/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = void 0;
+var Pagination_1 = require("./Pagination");
+Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return Pagination_1.Pagination; } });
+//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/pagination/index.ts"],"names":[],"mappings":";;;AAAA,2CAAwC;AAAhC,wGAAA,UAAU,OAAA"}

package/lib-commonjs/controls/peoplepicker/IPeoplePicker.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IPeoplePicker.js.map

package/lib-commonjs/controls/peoplepicker/IPeoplePicker.js.map

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

package/lib-commonjs/controls/peoplepicker/IPeoplePickerContext.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IPeoplePickerContext.js.map

package/lib-commonjs/controls/peoplepicker/IPeoplePickerContext.js.map

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

package/lib-commonjs/controls/peoplepicker/IUsers.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IUsers.js.map

package/lib-commonjs/controls/peoplepicker/IUsers.js.map

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

package/lib-commonjs/controls/peoplepicker/PeoplePickerComponent.js

@@ -0,0 +1,327 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PeoplePicker = void 0;
+var tslib_1 = require("tslib");
+var strings = tslib_1.__importStar(require("ControlStrings"));
+var React = tslib_1.__importStar(require("react"));
+var telemetry = tslib_1.__importStar(require("../../common/telemetry"));
+var PeoplePickerComponent_module_scss_1 = tslib_1.__importDefault(require("./PeoplePickerComponent.module.scss"));
+var PeopleSearchService_1 = tslib_1.__importDefault(require("../../services/PeopleSearchService"));
+var Tooltip_1 = require("@fluentui/react/lib/Tooltip");
+var Callout_1 = require("@fluentui/react/lib/Callout");
+var Label_1 = require("@fluentui/react/lib/Label");
+var ErrorMessage_1 = tslib_1.__importDefault(require("../errorMessage/ErrorMessage"));
+var isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
+var uniqBy_1 = tslib_1.__importDefault(require("lodash/uniqBy"));
+var Pickers_1 = require("@fluentui/react/lib/Pickers");
+/**
+ * PeoplePicker component
+ */
+var PeoplePicker = /** @class */ (function (_super) {
+    tslib_1.__extends(PeoplePicker, _super);
+    function PeoplePicker(props) {
+        var _this = _super.call(this, props) || this;
+        /**
+         * A search field change occured
+         */
+        _this.onSearchFieldChanged = function (searchText, currentSelected) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var results, _a, selectedPersons, mostRecentlyUsedPersons, filteredPersons, recentlyUsed;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!(searchText.length > this.searchTextCount)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.peopleSearchService.searchPeople(searchText, this.suggestionsLimit, this.props.principalTypes, this.props.webAbsoluteUrl, this.groupId, this.props.ensureUser, this.props.allowUnvalidated)];
+                    case 1:
+                        results = _b.sent();
+                        _a = this.state, selectedPersons = _a.selectedPersons, mostRecentlyUsedPersons = _a.mostRecentlyUsedPersons;
+                        filteredPersons = this.removeDuplicates(results, selectedPersons);
+                        // If a resultFilter is provided apply the filter to the results
+                        if (this.props.resultFilter !== undefined && filteredPersons.length > 0) {
+                            filteredPersons = this.props.resultFilter(filteredPersons);
+                        }
+                        recentlyUsed = tslib_1.__spreadArray(tslib_1.__spreadArray([], filteredPersons, true), mostRecentlyUsedPersons, true);
+                        recentlyUsed = (0, uniqBy_1.default)(recentlyUsed, "text");
+                        this.setState({
+                            mostRecentlyUsedPersons: recentlyUsed.slice(0, this.suggestionsLimit)
+                        });
+                        return [2 /*return*/, filteredPersons];
+                    case 2: return [2 /*return*/, []];
+                }
+            });
+        }); };
+        /**
+         * On item selection change event
+         */
+        _this.onChange = function (items) {
+            _this.setState({
+                selectedPersons: items
+            });
+            _this.validate(items)
+                .then(function () {
+                // no-op;
+            })
+                .catch(function () {
+                // no-op;
+            });
+        };
+        /**
+         * On blur UI event
+         * @param ev
+         */
+        _this.onBlur = function (ev) {
+            if (_this.props.validateOnFocusOut) {
+                _this.validate(_this.state.selectedPersons)
+                    .then(function () {
+                    // no-op;
+                })
+                    .catch(function () {
+                    // no-op;
+                });
+            }
+        };
+        /**
+         * Returns the most recently used person
+         *
+         * @param currentPersonas
+         */
+        _this.returnMostRecentlyUsedPerson = function (currentPersonas) {
+            var mostRecentlyUsedPersons = _this.state.mostRecentlyUsedPersons;
+            return _this.removeDuplicates(mostRecentlyUsedPersons, currentPersonas);
+        };
+        /**
+         * Removes duplicates
+         *
+         * @param personas
+         * @param possibleDupes
+         */
+        _this.removeDuplicates = function (personas, possibleDupes) {
+            return personas.filter(function (persona) { return !_this.listContainsPersona(persona, possibleDupes); });
+        };
+        _this.validate = function (items) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var result, resolvedResult, _a;
+            return tslib_1.__generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (this.props.errorMessage || !this.props.onGetErrorMessage) { // ignoring all onGetErrorMessage logic
+                            this.validated(items);
+                            return [2 /*return*/];
+                        }
+                        result = this.props.onGetErrorMessage(items || []);
+                        if (!result) {
+                            this.validated(items);
+                            this.setState({
+                                errorMessage: undefined
+                            });
+                            return [2 /*return*/];
+                        }
+                        if (!(typeof result === 'string')) return [3 /*break*/, 1];
+                        if (!result) {
+                            this.validated(items);
+                            this.setState({
+                                errorMessage: undefined
+                            });
+                        }
+                        else {
+                            this.setState({
+                                errorMessage: result
+                            });
+                        }
+                        return [3 /*break*/, 4];
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, result];
+                    case 2:
+                        resolvedResult = _b.sent();
+                        if (!resolvedResult) {
+                            this.validated(items);
+                            this.setState({
+                                errorMessage: undefined
+                            });
+                        }
+                        else {
+                            this.setState({
+                                errorMessage: resolvedResult
+                            });
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        _a = _b.sent();
+                        this.validated(items);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        _this.validated = function (value) {
+            if (_this.props.onChange) {
+                _this.props.onChange(value);
+            }
+        };
+        /**
+         * Checks if list contains the person
+         *
+         * @param persona
+         * @param personas
+         */
+        _this.listContainsPersona = function (persona, personas) {
+            if (!personas || !personas.length || personas.length === 0) {
+                return false;
+            }
+            return personas.some(function (item) { return item.text === persona.text && item.secondaryText === persona.secondaryText; });
+        };
+        _this.peopleSearchService = new PeopleSearchService_1.default(props.context, props.useSubstrateSearch);
+        _this.suggestionsLimit = _this.props.suggestionsLimit ? _this.props.suggestionsLimit : 5;
+        _this.searchTextCount = _this.props.searchTextLimit ? _this.props.searchTextLimit : 2;
+        telemetry.track('ReactPeoplePicker', {
+            groupName: !!props.groupName,
+            name: !!props.groupName,
+            titleText: !!props.titleText
+        });
+        _this.state = {
+            selectedPersons: [],
+            mostRecentlyUsedPersons: [],
+            resolveDelay: _this.props.resolveDelay || 200,
+            errorMessage: props.errorMessage
+        };
+        return _this;
+    }
+    /**
+     * componentWillMount lifecycle hook
+     */
+    PeoplePicker.prototype.UNSAFE_componentWillMount = function () {
+        this.getInitialPersons(this.props)
+            .then(function () {
+            // no-op;
+        })
+            .catch(function () {
+            // no-op;
+        });
+    };
+    /**
+     * componentWillUpdate lifecycle hook
+     */
+    PeoplePicker.prototype.UNSAFE_componentWillUpdate = function (nextProps, nextState) {
+        if (!(0, isEqual_1.default)(this.props.defaultSelectedUsers, nextProps.defaultSelectedUsers) ||
+            this.props.groupName !== nextProps.groupName ||
+            this.props.webAbsoluteUrl !== nextProps.webAbsoluteUrl ||
+            this.peopleSearchService.getSumOfPrincipalTypes(this.props.principalTypes) !== this.peopleSearchService.getSumOfPrincipalTypes(nextProps.principalTypes)) {
+            this.getInitialPersons(nextProps)
+                .then(function () {
+                // no-op;
+            })
+                .catch(function () {
+                // no-op;
+            });
+        }
+    };
+    PeoplePicker.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
+        if (nextProps.errorMessage !== this.props.errorMessage) {
+            this.setState({
+                errorMessage: nextProps.errorMessage
+            });
+        }
+    };
+    /**
+     * clears all users and groups
+     */
+    PeoplePicker.prototype.clearSelectedPersons = function () {
+        this.setState({
+            selectedPersons: []
+        });
+    };
+    /**
+     * Get initial persons
+     */
+    PeoplePicker.prototype.getInitialPersons = function (props) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var groupName, groupId, webAbsoluteUrl, defaultSelectedUsers, ensureUser, allowUnvalidated, principalTypes, _a, selectedPersons, _i, _b, userValue, valueAndTitle, userResult, inactiveUser;
+            return tslib_1.__generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        groupName = props.groupName, groupId = props.groupId, webAbsoluteUrl = props.webAbsoluteUrl, defaultSelectedUsers = props.defaultSelectedUsers, ensureUser = props.ensureUser, allowUnvalidated = props.allowUnvalidated, principalTypes = props.principalTypes;
+                        if (!groupName) return [3 /*break*/, 2];
+                        _a = this;
+                        return [4 /*yield*/, this.peopleSearchService.getGroupId(groupName, webAbsoluteUrl)];
+                    case 1:
+                        _a.groupId = _c.sent();
+                        if (!this.groupId) {
+                            this.setState({
+                                internalErrorMessage: strings.PeoplePickerGroupNotFound
+                            });
+                            return [2 /*return*/];
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        if (groupId) {
+                            this.groupId = groupId;
+                        }
+                        else {
+                            this.groupId = null;
+                        }
+                        _c.label = 3;
+                    case 3:
+                        if (!defaultSelectedUsers) return [3 /*break*/, 8];
+                        selectedPersons = [];
+                        _i = 0, _b = props.defaultSelectedUsers;
+                        _c.label = 4;
+                    case 4:
+                        if (!(_i < _b.length)) return [3 /*break*/, 7];
+                        userValue = _b[_i];
+                        valueAndTitle = [];
+                        valueAndTitle.push(userValue);
+                        if (userValue && userValue.indexOf('/') > -1) {
+                            valueAndTitle = userValue.split('/');
+                        }
+                        return [4 /*yield*/, this.peopleSearchService.searchPersonByEmailOrLogin(valueAndTitle[0], principalTypes, webAbsoluteUrl, this.groupId, ensureUser, allowUnvalidated)];
+                    case 5:
+                        userResult = _c.sent();
+                        if (userResult) {
+                            selectedPersons.push(userResult);
+                        }
+                        else if (valueAndTitle.length === 2 && valueAndTitle[1]) { //user not found.. bind the title if exists
+                            inactiveUser = { text: valueAndTitle[1] };
+                            selectedPersons.push(inactiveUser);
+                        }
+                        _c.label = 6;
+                    case 6:
+                        _i++;
+                        return [3 /*break*/, 4];
+                    case 7:
+                        this.setState({
+                            selectedPersons: selectedPersons,
+                            internalErrorMessage: undefined
+                        });
+                        _c.label = 8;
+                    case 8: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /**
+     * Default React component render method
+     */
+    PeoplePicker.prototype.render = function () {
+        var _a;
+        var _b = this.props, peoplePickerCntrlclassName = _b.peoplePickerCntrlclassName, peoplePickerWPclassName = _b.peoplePickerWPclassName, required = _b.required, titleText = _b.titleText, suggestionsLimit = _b.suggestionsLimit, placeholder = _b.placeholder, personSelectionLimit = _b.personSelectionLimit, disabled = _b.disabled, showtooltip = _b.showtooltip, tooltipMessage = _b.tooltipMessage, tooltipDirectional = _b.tooltipDirectional, errorMessageClassName = _b.errorMessageClassName;
+        var _c = this.state, selectedPersons = _c.selectedPersons, resolveDelay = _c.resolveDelay, errorMessage = _c.errorMessage, internalErrorMessage = _c.internalErrorMessage;
+        var suggestionProps = {
+            suggestionsHeaderText: strings.peoplePickerSuggestionsHeaderText,
+            noResultsFoundText: strings.genericNoResultsFoundText,
+            loadingText: strings.peoplePickerLoadingText,
+            resultsMaximumNumber: suggestionsLimit ? suggestionsLimit : 5,
+            searchingText: strings.PeoplePickerSearchText
+        };
+        var peoplepicker = (React.createElement("div", { id: "people", className: "".concat(PeoplePickerComponent_module_scss_1.default.defaultClass, " ").concat(peoplePickerWPclassName ? peoplePickerWPclassName : '') },
+            titleText && React.createElement(Label_1.Label, { required: required }, titleText),
+            React.createElement(Pickers_1.NormalPeoplePicker, { pickerSuggestionsProps: suggestionProps, styles: (_a = this.props.styles) !== null && _a !== void 0 ? _a : undefined, onResolveSuggestions: this.onSearchFieldChanged, onEmptyInputFocus: this.returnMostRecentlyUsedPerson, getTextFromItem: function (peoplePersonaMenu) { return peoplePersonaMenu.text; }, className: "ms-PeoplePicker ".concat(peoplePickerCntrlclassName ? peoplePickerCntrlclassName : ''), key: 'normal', removeButtonAriaLabel: 'Remove', inputProps: {
+                    'aria-label': 'People Picker',
+                    placeholder: placeholder
+                }, selectedItems: selectedPersons, itemLimit: personSelectionLimit || 1, disabled: disabled || !!internalErrorMessage, onChange: this.onChange, onBlur: this.onBlur, resolveDelay: resolveDelay })));
+        return (React.createElement("div", null,
+            showtooltip ? (React.createElement(Tooltip_1.TooltipHost, { content: tooltipMessage || strings.peoplePickerComponentTooltipMessage, id: 'pntp', calloutProps: { gapSpace: 0 }, directionalHint: tooltipDirectional || Callout_1.DirectionalHint.leftTopEdge }, peoplepicker)) : (React.createElement("div", null, peoplepicker)),
+            React.createElement(ErrorMessage_1.default, { errorMessage: errorMessage || internalErrorMessage, className: errorMessageClassName })));
+    };
+    return PeoplePicker;
+}(React.Component));
+exports.PeoplePicker = PeoplePicker;
+//# sourceMappingURL=PeoplePickerComponent.js.map

package/lib-commonjs/controls/peoplepicker/PeoplePickerComponent.js.map

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

package/lib-commonjs/controls/peoplepicker/PeoplePickerComponent.module.scss.css

@@ -0,0 +1,18 @@
+.defaultClass {
+  color: black;
+}
+
+.errorMessage {
+  font-size: 12px;
+  font-weight: 400;
+  color: #a80000;
+  margin: 0;
+  padding-top: 5px;
+  display: flex;
+  align-items: center;
+}
+
+.errorIcon {
+  font-size: 14px;
+  margin-right: 5px;
+}

package/lib-commonjs/controls/peoplepicker/PrincipalType.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrincipalType = void 0;
+var PrincipalType;
+(function (PrincipalType) {
+    PrincipalType[PrincipalType["User"] = 1] = "User";
+    PrincipalType[PrincipalType["DistributionList"] = 2] = "DistributionList";
+    PrincipalType[PrincipalType["SecurityGroup"] = 4] = "SecurityGroup";
+    PrincipalType[PrincipalType["SharePointGroup"] = 8] = "SharePointGroup";
+})(PrincipalType || (exports.PrincipalType = PrincipalType = {}));
+//# sourceMappingURL=PrincipalType.js.map

package/lib-commonjs/controls/peoplepicker/PrincipalType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrincipalType.js","sourceRoot":"","sources":["../../../src/controls/peoplepicker/PrincipalType.ts"],"names":[],"mappings":";;;AAAA,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,iDAAQ,CAAA;IACR,yEAAoB,CAAA;IACpB,mEAAiB,CAAA;IACjB,uEAAmB,CAAA;AACrB,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB"}

package/lib-commonjs/controls/peoplepicker/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IPeoplePicker"), exports);
+tslib_1.__exportStar(require("./IPeoplePickerContext"), exports);
+tslib_1.__exportStar(require("./PeoplePickerComponent"), exports);
+tslib_1.__exportStar(require("./PrincipalType"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/peoplepicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/peoplepicker/index.ts"],"names":[],"mappings":";;;AAAA,0DAAgC;AAChC,iEAAuC;AACvC,kEAAwC;AACxC,0DAAgC"}

package/lib-commonjs/controls/placeholder/IPlaceholderComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IPlaceholderComponent.js.map

package/lib-commonjs/controls/placeholder/IPlaceholderComponent.js.map

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