Merge branch '475-remove-v3-in-components' into 'dev'

refactor: remove v3 in components names

See merge request !723

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

 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { SpriteFolderType } from '../../../svg-icon/SpriteFolder.type';
-import { ButtonTypeV3 } from '../button.component';
+import { SpriteFolderType } from '../../svg-icon/SpriteFolder.type';
+import { ButtonType } from '../button.component';
 
 @Component({
-  selector: 'app-v3-icon-button',
+  selector: 'app-icon-button',
   templateUrl: './icon-button.component.html',
   styleUrls: ['../button.component.scss'],
 })
-export class IconButtonV3Component {
+export class IconButtonComponent {
   /** Icon name */
   @Input({ required: true }) iconName: string;
 
@@ -15,7 +15,7 @@ export class IconButtonV3Component {
   @Input() type: 'submit' | 'button' | 'reset' = 'button';
 
   /** What variant should the button be ? */
-  @Input({ required: true }) variant: ButtonTypeV3;
+  @Input({ required: true }) variant: ButtonType;
 
   /** Affects the height of the button */
   @Input() size?: 'small' | 'medium' = 'small';

src/app/shared/components/checkbox-form/checkbox-form.component.html

 <button type="button" tabindex="-1" [ngClass]="{ selected: isChecked }" (click)="clicked()">
-  <app-v3-checkbox [checked]="isChecked" />
+  <app-checkbox [checked]="isChecked" />
 
   <svg *ngIf="iconSvg" aria-hidden="true" class="icon" [ngClass]="iconType">
     <use [attr.xlink:href]="'assets/form/sprite.svg#' + iconSvg" />

src/app/shared/components/checkbox-form/checkbox-form.stories.ts

 import { CommonModule } from '@angular/common';
 import type { Meta, StoryObj } from '@storybook/angular';
 import { componentWrapperDecorator, moduleMetadata } from '@storybook/angular';
-import { CheckboxV3Component } from '../v3/checkbox/checkbox.component';
+import { CheckboxComponent } from '../checkbox/checkbox.component';
 import { CheckboxFormComponent } from './checkbox-form.component';
 
 // More on how to set up stories at: https://storybook.js.org/docs/angular/writing-stories/introduction
@@ -11,7 +11,7 @@ const meta: Meta<CheckboxFormComponent> = {
   tags: ['autodocs'],
   decorators: [
     moduleMetadata({
-      declarations: [CheckboxV3Component],
+      declarations: [CheckboxComponent],
       imports: [CommonModule],
     }),
   ],

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

 import { Component, EventEmitter, Input, Output } from '@angular/core';
 
 @Component({
-  selector: 'app-v3-checkbox',
+  selector: 'app-checkbox',
   templateUrl: './checkbox.component.html',
   styleUrls: ['./checkbox.component.scss'],
 })
-export class CheckboxV3Component {
+export class CheckboxComponent {
   /** HTML id associated with for */
   @Input() id: string;
 

src/app/shared/components/v3/checkbox/checkbox.stories.ts → src/app/shared/components/checkbox/checkbox.stories.ts

 import { CommonModule } from '@angular/common';
 import type { Meta, StoryObj } from '@storybook/angular';
 import { moduleMetadata } from '@storybook/angular';
-import { SvgIconComponent } from '../../svg-icon/svg-icon.component';
-import { CheckboxV3Component } from './checkbox.component';
+import { SvgIconComponent } from '../svg-icon/svg-icon.component';
+import { CheckboxComponent } from './checkbox.component';
 
 // More on how to set up stories at: https://storybook.js.org/docs/angular/writing-stories/introduction
-const meta: Meta<CheckboxV3Component> = {
+const meta: Meta<CheckboxComponent> = {
   title: 'Components/Checkbox',
-  component: CheckboxV3Component,
+  component: CheckboxComponent,
   tags: ['autodocs'],
   decorators: [
     moduleMetadata({
@@ -19,7 +19,7 @@ const meta: Meta<CheckboxV3Component> = {
 };
 
 export default meta;
-type Story = StoryObj<CheckboxV3Component>;
+type Story = StoryObj<CheckboxComponent>;
 
 export const CheckBoxSmall: Story = {
   args: {

src/app/shared/components/v3/collapse/collapse.stories.ts → src/app/shared/components/collapse/collapse.stories.ts

@@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 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 { CollapseContentComponent } from './collapse-content/collapse-content.component';
 import { CollapseHeaderComponent } from './collapse-header/collapse-header.component';
 import { CollapseComponent } from './collapse.component';

src/app/shared/components/data-share-consent/data-share-consent.component.html

-<app-v3-modal
+<app-modal
   [opened]="opened"
   [validateLabel]="'Valider'"
   [singleButton]="true"
@@ -61,4 +61,4 @@
       de vos interlocuteurs de la Métropole de Lyon.
     </p>
   </form>
-</app-v3-modal>
+</app-modal>