From 2ad1ab82a13e15811e8a0a49596949e04685c0a6 Mon Sep 17 00:00:00 2001 From: Mnickii Date: Wed, 14 Feb 2024 15:36:37 +0300 Subject: [PATCH 1/2] add ability to disable suggestions on people-picker --- .../mgt-people-picker/mgt-people-picker.ts | 13 +++++++++++++ .../peoplePicker/peoplePicker.properties.stories.js | 4 ++++ 2 files changed, 17 insertions(+) diff --git a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts index 655ad85ffd..1fa632e5ef 100644 --- a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts +++ b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts @@ -428,6 +428,18 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { }) public ariaLabel: string; + /** + * Sets whether the people suggestions should apper on the suggestion list + * + * @type {boolean} + * @memberof MgtPerson + */ + @property({ + attribute: 'disable-suggestions', + type: Boolean + }) + public disableSuggestions = false; + /** * Get the scopes required for people picker * @@ -1006,6 +1018,7 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { people = groups; } this.defaultPeople = people; + people = this.disableSuggestions ? [] : people; } } diff --git a/stories/components/peoplePicker/peoplePicker.properties.stories.js b/stories/components/peoplePicker/peoplePicker.properties.stories.js index 418a11721e..7f7cff651c 100644 --- a/stories/components/peoplePicker/peoplePicker.properties.stories.js +++ b/stories/components/peoplePicker/peoplePicker.properties.stories.js @@ -69,6 +69,10 @@ closeModal.addEventListener('click', () => { `; +export const disableSuggestions = () => html` + +`; + export const dynamicGroupId = () => html`
From 49b086a34383f9898cd5f1e51be2e31d9a38322d Mon Sep 17 00:00:00 2001 From: Mnickii Date: Wed, 21 Feb 2024 15:50:29 +0300 Subject: [PATCH 2/2] apply review suggestion --- .../src/components/mgt-people-picker/mgt-people-picker.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts index 1fa632e5ef..0922410474 100644 --- a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts +++ b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts @@ -940,6 +940,10 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { const graph = provider.graph.forComponent(this); if (!input.length) { + if (this.disableSuggestions) { + this._foundPeople = []; + return; + } if (this.defaultPeople) { people = this.defaultPeople; } else { @@ -1018,7 +1022,6 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { people = groups; } this.defaultPeople = people; - people = this.disableSuggestions ? [] : people; } }