🔧 multi-select unique by label

gabriel-gn · Feb 2, 2024 · 3886ccb · 3886ccb
1 parent 8d84f2e
commit 3886ccb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mprisma/components",
-  "version": "16.2.0",
+  "version": "16.2.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/gabriel-gn/prisma-components.git"

diff --git a/src/components/inputs/multi-select/multi-select.component.ts b/src/components/inputs/multi-select/multi-select.component.ts
@@ -116,6 +116,10 @@ export class MultiSelectComponent implements OnInit, AfterViewInit, ControlValue
    * Caso contrário, ao clicar sobre um item, remove ele da lista de selecionados
    */
   @Input() showRemoveButton: boolean = false;
+  /**
+   * Caso a flag seja "true", filtra resultados selecionados apenas pela label.
+   */
+  @Input() uniqueByLabel: boolean = false;
   public _observableInputLoading: boolean = false;
 
   public readonly myControl: UntypedFormControl;
@@ -221,6 +225,12 @@ export class MultiSelectComponent implements OnInit, AfterViewInit, ControlValue
   }
 
   public isOptionSelected(option: (MultiSelectOption|any)): boolean {
+    if (this.uniqueByLabel) {
+      if (isMultiSelectOption(option)) {
+        return !!this.selectedOptions.find(sOptions => sOptions.label === option.label);
+      }
+    }
+
     if (isMultiSelectOption(option)) {
       return !!this.selectedOptions.find(sOptions => _.isEqual(sOptions, option));
     } else {