chore: mark inputs as required

src/app/shared/components/index.ts

@@ -28,7 +28,7 @@ import { ModalV3Component } from './v3/modal/modal.component';
 import { RadioV3Component } from './v3/radio/radio.component';
 import { SearchBarV3Component } from './v3/search-bar/search-bar.component';
 import { SwitchComponent } from './v3/switch/switch.component';
-import { TagItemV3Component } from './v3/tag/tag-item/tag-item.component';
+import { TagItemV3Component } from './v3/tag-item/tag-item.component';
 import { TextareaV3Component } from './v3/textarea/textarea.component';
 
 export {

src/app/shared/components/svg-icon/svg-icon.component.ts

@@ -6,9 +6,13 @@ import { Component, Input } from '@angular/core';
   styleUrls: ['./svg-icon.component.scss'],
 })
 export class SvgIconComponent {
-  @Input() icon: string;
+  /** Id of svg to use */
+  @Input({ required: true }) icon: string;
+
+  /** Folder of the sprite to use */
+  @Input({ required: true }) type: string;
+
   @Input() iconClass: string;
-  @Input() type: string;
   @Input() iconColor = 'none';
   @Input() title: string = null;
 }

src/app/shared/components/v3/button/button.component.ts

@@ -7,12 +7,12 @@ import { ButtonTypeV3 } from './button-type.enum';
   styleUrls: ['./button.component.scss'],
 })
 export class ButtonV3Component {
+  /** Button label */
+  @Input({ required: true }) label: string;
+
   /** HTML type of the button */
   @Input() type: 'submit' | 'button' | 'reset' = 'button';
 
-  /** Button label */
-  @Input() label = 'Bouton';
-
   /** What variant should be the button ? */
   @Input() variant?: ButtonTypeV3 = ButtonTypeV3.Primary;
 

src/app/shared/components/v3/button/icon-button/icon-button.component.ts

@@ -7,6 +7,9 @@ import { ButtonTypeV3 } from '../button-type.enum';
   styleUrls: ['../button.component.scss'],
 })
 export class IconButtonV3Component {
+  /** Icon name */
+  @Input({ required: true }) iconName: string;
+
   /** HTML type of the button */
   @Input() type: 'submit' | 'button' | 'reset' = 'button';
 
@@ -22,9 +25,6 @@ export class IconButtonV3Component {
   /** Folder of the icon ex: assets/ico */
   @Input() iconFolder = 'ico';
 
-  /** Icon name */
-  @Input() iconName: string;
-
   /** Icon color, defaults to none as the svg-icon does */
   @Input() iconColor = 'none';
 

src/app/shared/components/v3/checkbox/checkbox.component.ts

@@ -10,7 +10,7 @@ export class CheckboxV3Component {
   @Input() id: string;
 
   /** Checked ? */
-  @Input() checked: boolean;
+  @Input({ required: true }) checked: boolean;
 
   /** Indeterminate (half-checked) ? */
   @Input() indeterminate?: boolean;

src/app/shared/components/v3/collapse/collapse.component.ts

@@ -13,11 +13,15 @@ import { CollapseType } from './collapse.type';
 export class CollapseComponent implements AfterContentInit {
   @ContentChild(CollapseHeaderComponent) title: CollapseHeaderComponent;
   @ContentChild(CollapseContentComponent) content: CollapseContentComponent;
+
   @Input() variant?: CollapseType = CollapseType.Regular;
+
   /** Adapts border-radius and right padding */
   @Input() size?: 'small' | 'medium' = 'small';
+
   /** Box-shadow when expanded? */
   @Input() boxShadow? = false;
+
   /** Default expanded value */
   @Input() expanded? = false;
 

src/app/shared/components/v3/label-checkbox/label-checkbox.component.ts

@@ -7,15 +7,15 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 })
 export class LabelCheckboxV3Component {
   /** Label text to display */
-  @Input() label: string;
+  @Input({ required: true }) label: string;
 
   /** HTML for that will control checkbox */
-  @Input() for: string;
+  @Input({ required: true }) for: string;
 
   /** What size should the checkbox be ? */
   @Input() size?: 'small' | 'medium' = 'small';
 
-  @Input() checked: boolean;
+  @Input({ required: true }) checked: boolean;
 
   @Input() indeterminate?: boolean;
 

src/app/shared/components/v3/modal/modal.component.ts

@@ -7,8 +7,8 @@ import { ButtonTypeV3 } from '../button/button-type.enum';
   styleUrls: ['./modal.component.scss'],
 })
 export class ModalV3Component {
-  /* Is modal openned ? */
-  @Input() public opened: boolean;
+  /* Is modal opened ? */
+  @Input({ required: true }) public opened: boolean;
 
   /* Content of the modal (between title and buttons) */
   @Input() public content: string;

src/app/shared/components/v3/radio/radio.component.ts

@@ -10,7 +10,7 @@ export class RadioV3Component {
   @Input() id: string;
 
   /** Checked ? */
-  @Input() checked: boolean;
+  @Input({ required: true }) checked: boolean;
 
   /** What size should the checkbox be ? */
   @Input() size?: 'small' | 'medium' = 'medium';

src/app/shared/components/v3/search-bar/search-bar.component.ts

@@ -8,9 +8,11 @@ import { ButtonTypeV3 } from '../button/button-type.enum';
 })
 export class SearchBarV3Component {
   @Input() placeholder = 'Rechercher';
-  @Input() value = '';
+  @Input({ required: true }) value = '';
+
   /** Triggers when input changes */
   @Output() valueChange = new EventEmitter<string>();
+
   /** Triggers when button is clicked or Enter is pressed on input */
   @Output() search = new EventEmitter<string>();
 

src/app/shared/components/v3/switch/switch.component.ts

@@ -7,10 +7,10 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 })
 export class SwitchComponent {
   /** Label text to display */
-  @Input() label: string;
+  @Input({ required: true }) label: string;
 
   /** Switch checked value */
-  @Input() checked: boolean;
+  @Input({ required: true }) checked: boolean;
 
   /** Status text for the switch */
   @Input() checkedText?: string = 'Activé';

src/app/shared/components/v3/tag/tag-item/tag-item.stories.ts → src/app/shared/components/v3/tag-item/tag-item.stories.ts

@@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common';
 import { EventEmitter } from '@angular/core';
 import type { Meta, StoryObj } from '@storybook/angular';
 import { moduleMetadata } from '@storybook/angular';
-import { SvgIconComponent } from '../../../svg-icon/svg-icon.component';
+import { SvgIconComponent } from '../../svg-icon/svg-icon.component';
 import { TagItemV3Component } from './tag-item.component';
 
 // More on how to set up stories at: https://storybook.js.org/docs/angular/writing-stories/introduction