feat: add required to chip-group #734

Brisanet · Jul 11, 2023 · f916210 · f916210
1 parent bdc01f8
commit f916210
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 8 deletions.
diff --git a/projects/ion/src/lib/chip-group/chip-group.component.html b/projects/ion/src/lib/chip-group/chip-group.component.html
@@ -3,6 +3,7 @@
     *ngFor="let chip of chips; index as i"
     [label]="chip.label"
     [disabled]="chip.disabled || disabled"
+    [required]="chip.required || required"
     [selected]="chip.selected"
     [showDropdown]="chip.selected && chip.options"
     [size]="chip.size || size"

diff --git a/projects/ion/src/lib/chip-group/chip-group.component.ts b/projects/ion/src/lib/chip-group/chip-group.component.ts
@@ -38,17 +38,21 @@ export class IonChipGroupComponent {
       chipSelected.selected = !isChipSelected;
     }
 
-    // const chipsSelecteds = this.chips.filter((chip) => chip.selected);
-    // if (this.required && !this.multiple) {
-    //   chipSelected.selected = true;
-    //   chipSelected.label = 'teste';
-    //   this.selected.emit(chipSelected);
-    //   return;
-    // }
+    if (this.required) {
+      this.checkRequired(chipSelected);
+      return;
+    }
 
     this.selected.emit(chipSelected);
   }
 
+  checkRequired(chipSelected: ChipInGroup) {
+    const selectedChips = this.chips.filter((chip) => chip.selected);
+    if (!selectedChips.length) {
+      chipSelected.selected = true;
+    }
+  }
+
   dropdownEvents(options: DropdownItem[]): void {
     if (options) {
       this.dropdown.emit(options);

diff --git a/projects/ion/src/lib/chip/chip.component.ts b/projects/ion/src/lib/chip/chip.component.ts
@@ -89,7 +89,7 @@ export class ChipComponent implements OnInit, AfterViewInit, DoCheck {
   select(): void {
     this.toggleDropdown();
     if (!this.options) {
-      this.selected = !this.selected;
+      !this.selected;
     }
     this.events.emit({
       selected: this.selected,

diff --git a/stories/ChipGroup.stories.ts b/stories/ChipGroup.stories.ts
@@ -129,3 +129,9 @@ export const WithDropdown = Template.bind({});
 WithDropdown.args = {
   chips: chipsWithOptions,
 };
+
+export const WithRequired = Template.bind({});
+WithRequired.args = {
+  chips,
+  required: true,
+};