From daa6097d503859d8b32b743cff3e142f1fc9736f Mon Sep 17 00:00:00 2001 From: Alexander Reifschneider <alexander.reifschneider@mgm-tp.com> Date: Fri, 4 Apr 2025 15:44:24 +0200 Subject: [PATCH] OZG-7707 replace more icons - search icon - send icon --- .../apps/demo/src/app/app.component.html | 2 +- .../apps/demo/src/app/app.component.spec.ts | 10 +++- .../apps/demo/src/app/app.component.ts | 2 - ...ard-bescheid-versenden-form.component.html | 2 +- ...-bescheid-versenden-form.component.spec.ts | 3 +- .../libs/bescheid/src/lib/bescheid.module.ts | 2 - .../src/lib/collaboration.module.ts | 2 - alfa-client/libs/design-system/src/index.ts | 2 - .../radio-button-card.stories.ts | 7 +-- .../search-icon/search-icon.component.spec.ts | 44 ---------------- .../search-icon/search-icon.component.ts | 51 ------------------- .../icons/search-icon/search-icon.stories.ts | 50 ------------------ .../send-icon/send-icon.component.spec.ts | 44 ---------------- .../icons/send-icon/send-icon.component.ts | 50 ------------------ .../lib/icons/send-icon/send-icon.stories.ts | 50 ------------------ .../instant-search.component.spec.ts | 4 +- .../search-field/search-field.component.ts | 5 +- .../src/lib/vorgang-detail.module.ts | 2 - .../zustaendige-stelle-button.component.html | 2 +- ...ustaendige-stelle-button.component.spec.ts | 4 +- .../src/lib/zustaendige-stelle.module.ts | 2 - 21 files changed, 23 insertions(+), 317 deletions(-) delete mode 100644 alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.component.spec.ts delete mode 100644 alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.component.ts delete mode 100644 alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.stories.ts delete mode 100644 alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.component.spec.ts delete mode 100644 alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.component.ts delete mode 100644 alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.stories.ts diff --git a/alfa-client/apps/demo/src/app/app.component.html b/alfa-client/apps/demo/src/app/app.component.html index 398b34fb53..2062d4c7df 100644 --- a/alfa-client/apps/demo/src/app/app.component.html +++ b/alfa-client/apps/demo/src/app/app.component.html @@ -517,7 +517,7 @@ variant="bescheid_save" [fullWidthText]="true" > - <ods-send-icon /> + <ods-icon name="send" /> </ods-radio-button-card> <ods-radio-button-card label="Nur speichern" diff --git a/alfa-client/apps/demo/src/app/app.component.spec.ts b/alfa-client/apps/demo/src/app/app.component.spec.ts index c532d28824..6fd409e269 100644 --- a/alfa-client/apps/demo/src/app/app.component.spec.ts +++ b/alfa-client/apps/demo/src/app/app.component.spec.ts @@ -23,14 +23,20 @@ */ import { TestBed } from '@angular/core/testing'; import { RouterTestingModule } from '@angular/router/testing'; -import { ErrorMessageComponent, IconComponent } from '@ods/system'; +import { ErrorMessageComponent, IconComponent, InstantSearchComponent } from '@ods/system'; import { MockComponent } from 'ng-mocks'; import { AppComponent } from './app.component'; describe('AppComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [AppComponent, RouterTestingModule, MockComponent(IconComponent), MockComponent(ErrorMessageComponent)], + imports: [ + AppComponent, + RouterTestingModule, + MockComponent(IconComponent), + MockComponent(ErrorMessageComponent), + MockComponent(InstantSearchComponent), + ], }).compileComponents(); }); diff --git a/alfa-client/apps/demo/src/app/app.component.ts b/alfa-client/apps/demo/src/app/app.component.ts index eed0bd055a..4cf3fde6a1 100644 --- a/alfa-client/apps/demo/src/app/app.component.ts +++ b/alfa-client/apps/demo/src/app/app.component.ts @@ -38,7 +38,6 @@ import { IconComponent, InstantSearchComponent, RadioButtonCardComponent, - SendIconComponent, SpinnerIconComponent, StampIconComponent, TextInputComponent, @@ -73,7 +72,6 @@ import { CustomStepperComponent } from './components/cdk-demo/custom-stepper.com RadioButtonCardComponent, ReactiveFormsModule, InstantSearchComponent, - SendIconComponent, StampIconComponent, SpinnerIconComponent, TextareaComponent, diff --git a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/bescheid-versenden/form/bescheid-wizard-bescheid-versenden-form.component.html b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/bescheid-versenden/form/bescheid-wizard-bescheid-versenden-form.component.html index d74b1b2bcd..273b3dbd89 100644 --- a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/bescheid-versenden/form/bescheid-wizard-bescheid-versenden-form.component.html +++ b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/bescheid-versenden/form/bescheid-wizard-bescheid-versenden-form.component.html @@ -14,7 +14,7 @@ (change)="changeSendBy(bescheidSendBy.NACHRICHT)" data-test-id="send-to-antragsteller-button" > - <ods-send-icon size="large"></ods-send-icon> + <ods-icon name="send" size="large" /> </ods-radio-button-card> @if (bescheidResource | hasLink: bescheidLinkRel.BESCHEIDEN) { <ods-radio-button-card diff --git a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/bescheid-versenden/form/bescheid-wizard-bescheid-versenden-form.component.spec.ts b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/bescheid-versenden/form/bescheid-wizard-bescheid-versenden-form.component.spec.ts index 1af30b671f..8fd1ff959b 100644 --- a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/bescheid-versenden/form/bescheid-wizard-bescheid-versenden-form.component.spec.ts +++ b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/bescheid-versenden/form/bescheid-wizard-bescheid-versenden-form.component.spec.ts @@ -8,7 +8,7 @@ import { } from '@alfa-client/test-utils'; import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FormBuilder, ReactiveFormsModule } from '@angular/forms'; -import { IconComponent, RadioButtonCardComponent, SendIconComponent } from '@ods/system'; +import { IconComponent, RadioButtonCardComponent } from '@ods/system'; import { MockComponent } from 'ng-mocks'; import { createBescheidResource } from '../../../../../../../bescheid-shared/src/test/bescheid'; import { getDataTestIdOf } from '../../../../../../../tech-shared/test/data-test'; @@ -33,7 +33,6 @@ describe('BescheidWizardBescheidVersendenFormComponent', () => { declarations: [ BescheidWizardBescheidVersendenFormComponent, MockComponent(RadioButtonCardComponent), - MockComponent(SendIconComponent), MockComponent(IconComponent), HasLinkPipe, ReactiveFormsModule, diff --git a/alfa-client/libs/bescheid/src/lib/bescheid.module.ts b/alfa-client/libs/bescheid/src/lib/bescheid.module.ts index eccdfd5ac6..044ba3214a 100644 --- a/alfa-client/libs/bescheid/src/lib/bescheid.module.ts +++ b/alfa-client/libs/bescheid/src/lib/bescheid.module.ts @@ -63,7 +63,6 @@ import { ButtonComponent, IconComponent, RadioButtonCardComponent, - SendIconComponent, SpinnerIconComponent, StampIconComponent, } from '@ods/system'; @@ -128,7 +127,6 @@ import { BescheidWizardWeiterButtonComponent } from './bescheid-wizard-container AttachmentComponent, AttachmentWrapperComponent, FileUploadEditorComponent, - SendIconComponent, TextEditorComponent, TextareaEditorComponent, ConvertForDataTestPipe, diff --git a/alfa-client/libs/collaboration/src/lib/collaboration.module.ts b/alfa-client/libs/collaboration/src/lib/collaboration.module.ts index d56d50c5ce..11be3c50a3 100644 --- a/alfa-client/libs/collaboration/src/lib/collaboration.module.ts +++ b/alfa-client/libs/collaboration/src/lib/collaboration.module.ts @@ -34,7 +34,6 @@ import { ExternalUnitIconComponent, IconComponent, PublicAdministrationIconComponent, - SearchIconComponent, UsersIconComponent, } from '@ods/system'; import { ExterneFachstelleListItemContainerComponent } from 'libs/externe-fachstelle/src/lib/externe-fachstelle-list-item-container/externe-fachstelle-list-item-container.component'; @@ -53,7 +52,6 @@ import { CollaborationRequestFormComponent } from './collaboration-in-vorgang-co CommonModule, ButtonComponent, IconComponent, - SearchIconComponent, CollaborationSharedModule, UsersIconComponent, TextEditorComponent, diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts index bbef2a6334..e15ba1f81e 100644 --- a/alfa-client/libs/design-system/src/index.ts +++ b/alfa-client/libs/design-system/src/index.ts @@ -52,8 +52,6 @@ export * from './lib/icons/mailbox-icon/mailbox-icon.component'; export * from './lib/icons/ozg-logo-icon/ozg-logo-icon.component'; export * from './lib/icons/person-icon/person-icon.component'; export * from './lib/icons/public-administration-icon/public-administration-icon.component'; -export * from './lib/icons/search-icon/search-icon.component'; -export * from './lib/icons/send-icon/send-icon.component'; export * from './lib/icons/settings-icon/settings-icon.component'; export * from './lib/icons/spinner-icon/spinner-icon.component'; export * from './lib/icons/stamp-icon/stamp-icon.component'; diff --git a/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.stories.ts b/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.stories.ts index 454418b34b..3a53d9153a 100644 --- a/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.stories.ts +++ b/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.stories.ts @@ -25,7 +25,6 @@ import { CommonModule } from '@angular/common'; import { FormGroupDirective } from '@angular/forms'; import { argsToTemplate, moduleMetadata, type Meta, type StoryObj } from '@storybook/angular'; -import { SendIconComponent } from '../../icons/send-icon/send-icon.component'; import { StampIconComponent } from '../../icons/stamp-icon/stamp-icon.component'; import { RadioButtonCardComponent } from './radio-button-card.component'; @@ -34,7 +33,7 @@ const meta: Meta<RadioButtonCardComponent> = { component: RadioButtonCardComponent, decorators: [ moduleMetadata({ - imports: [CommonModule, RadioButtonCardComponent, StampIconComponent, SendIconComponent], + imports: [CommonModule, RadioButtonCardComponent, StampIconComponent], providers: [FormGroupDirective], }), ], @@ -93,7 +92,9 @@ export const Message: Story = { name="nachrichtOrManual" variant="bescheid_save" [fullWidthText]="true" - ><ods-send-icon></ods-send-icon + > + //TODO OZG-7707 + <ods-send-icon></ods-send-icon ></ods-radio-button-card> <ods-radio-button-card label="Nur speichern" diff --git a/alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.component.spec.ts deleted file mode 100644 index a9f2077e63..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.component.spec.ts +++ /dev/null @@ -1,44 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { SearchIconComponent } from './search-icon.component'; - -describe('SearchIconComponent', () => { - let component: SearchIconComponent; - let fixture: ComponentFixture<SearchIconComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [SearchIconComponent], - }).compileComponents(); - - fixture = TestBed.createComponent(SearchIconComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.component.ts deleted file mode 100644 index c40fcb0be6..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.component.ts +++ /dev/null @@ -1,51 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import { NgClass } from '@angular/common'; -import { Component, Input } from '@angular/core'; -import { twMerge } from 'tailwind-merge'; - -import { IconVariants, iconVariants } from '../iconVariants'; - -@Component({ - selector: 'ods-search-icon', - standalone: true, - imports: [NgClass], - template: `<svg - [ngClass]="twMerge(iconVariants({ size }), 'fill-primary', class)" - viewBox="0 0 24 24" - fill="none" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z" - /> - </svg>`, -}) -export class SearchIconComponent { - @Input() size: IconVariants['size'] = 'medium'; - @Input() class: string = ''; - - iconVariants = iconVariants; - twMerge = twMerge; -} diff --git a/alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.stories.ts deleted file mode 100644 index 3138f554a1..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/search-icon/search-icon.stories.ts +++ /dev/null @@ -1,50 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import type { Meta, StoryObj } from '@storybook/angular'; - -import { SearchIconComponent } from './search-icon.component'; - -const meta: Meta<SearchIconComponent> = { - title: 'Icons/Search icon', - component: SearchIconComponent, - excludeStories: /.*Data$/, - tags: ['autodocs'], -}; - -export default meta; -type Story = StoryObj<SearchIconComponent>; - -export const Default: Story = { - args: { size: 'large' }, - argTypes: { - size: { - control: 'select', - options: ['small', 'medium', 'large', 'extra-large', 'full'], - description: 'Size of icon. Property "full" means 100%', - table: { - defaultValue: { summary: 'medium' }, - }, - }, - }, -}; diff --git a/alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.component.spec.ts deleted file mode 100644 index b3ffbe02ef..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.component.spec.ts +++ /dev/null @@ -1,44 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { SendIconComponent } from './send-icon.component'; - -describe('SendIconComponent', () => { - let component: SendIconComponent; - let fixture: ComponentFixture<SendIconComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [SendIconComponent], - }).compileComponents(); - - fixture = TestBed.createComponent(SendIconComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.component.ts deleted file mode 100644 index 851ea807cf..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.component.ts +++ /dev/null @@ -1,50 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import { NgClass } from '@angular/common'; -import { Component, Input } from '@angular/core'; -import { twMerge } from 'tailwind-merge'; - -import { IconVariants, iconVariants } from '../iconVariants'; - -@Component({ - selector: 'ods-send-icon', - standalone: true, - imports: [NgClass], - template: `<svg - [ngClass]="[twMerge(iconVariants({ size }), 'fill-primary', class)]" - aria-hidden="true" - viewBox="0 0 32 32" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M4 26.6688V5.33545L29.3333 16.0021L4 26.6688ZM6.66667 22.6688L22.4667 16.0021L6.66667 9.33545V14.0021L14.6667 16.0021L6.66667 18.0021V22.6688Z" - /> - </svg>`, -}) -export class SendIconComponent { - @Input() size: IconVariants['size'] = 'medium'; - @Input() class: string = undefined; - iconVariants = iconVariants; - twMerge = twMerge; -} diff --git a/alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.stories.ts deleted file mode 100644 index ae463e2b66..0000000000 --- a/alfa-client/libs/design-system/src/lib/icons/send-icon/send-icon.stories.ts +++ /dev/null @@ -1,50 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import type { Meta, StoryObj } from '@storybook/angular'; - -import { SendIconComponent } from './send-icon.component'; - -const meta: Meta<SendIconComponent> = { - title: 'Icons/Send icon', - component: SendIconComponent, - excludeStories: /.*Data$/, - tags: ['autodocs'], -}; - -export default meta; -type Story = StoryObj<SendIconComponent>; - -export const Default: Story = { - args: { size: 'large' }, - argTypes: { - size: { - control: 'select', - options: ['small', 'medium', 'large', 'extra-large', 'full'], - description: 'Size of icon. Property "full" means 100%', - table: { - defaultValue: { summary: 'medium' }, - }, - }, - }, -}; diff --git a/alfa-client/libs/design-system/src/lib/instant-search/instant-search/instant-search.component.spec.ts b/alfa-client/libs/design-system/src/lib/instant-search/instant-search/instant-search.component.spec.ts index 42ded4ce87..743b0237db 100644 --- a/alfa-client/libs/design-system/src/lib/instant-search/instant-search/instant-search.component.spec.ts +++ b/alfa-client/libs/design-system/src/lib/instant-search/instant-search/instant-search.component.spec.ts @@ -26,8 +26,10 @@ import { Mock, mock, useFromMock } from '@alfa-client/test-utils'; import { EventEmitter } from '@angular/core'; import { ComponentFixture, TestBed, discardPeriodicTasks, fakeAsync, tick } from '@angular/core/testing'; import { Resource } from '@ngxp/rest'; +import { MockComponent } from 'ng-mocks'; import { Subscription } from 'rxjs'; import { createKeydownKeyboardEvent } from '../../../../../test-utils/src/lib/keyboard'; +import { SearchFieldComponent } from '../search-field/search-field.component'; import { InstantSearchComponent } from './instant-search.component'; import { InstantSearchQuery, InstantSearchResult } from './instant-search.model'; @@ -49,7 +51,7 @@ describe('InstantSearchComponent', () => { searchResultSelected = <any>mock(EventEmitter); await TestBed.configureTestingModule({ - imports: [InstantSearchComponent], + imports: [InstantSearchComponent, MockComponent(SearchFieldComponent)], }).compileComponents(); fixture = TestBed.createComponent(InstantSearchComponent); diff --git a/alfa-client/libs/design-system/src/lib/instant-search/search-field/search-field.component.ts b/alfa-client/libs/design-system/src/lib/instant-search/search-field/search-field.component.ts index 614257e698..1426a80b13 100644 --- a/alfa-client/libs/design-system/src/lib/instant-search/search-field/search-field.component.ts +++ b/alfa-client/libs/design-system/src/lib/instant-search/search-field/search-field.component.ts @@ -27,12 +27,11 @@ import { FormControl } from '@angular/forms'; import { EMPTY_STRING } from '../../../../../tech-shared/src'; import { TextInputComponent } from '../../form/text-input/text-input.component'; import { IconComponent } from '../../icon/icon.component'; -import { SearchIconComponent } from '../../icons/search-icon/search-icon.component'; @Component({ selector: 'ods-search-field', standalone: true, - imports: [CommonModule, TextInputComponent, SearchIconComponent, IconComponent], + imports: [CommonModule, TextInputComponent, IconComponent], template: `<ods-text-input label="instant search" [fieldControl]="control" @@ -44,7 +43,7 @@ import { SearchIconComponent } from '../../icons/search-icon/search-icon.compone (clickEmitter)="inputClicked.emit()" role="combobox" > - <ods-search-icon prefix aria-hidden="true" aria-label="Suchfeld" /> + <ods-icon prefix name="search" aria-label="Suchfeld" /> <button suffix *ngIf="control.value" (click)="clearInput()" aria-label="Eingabe löschen" data-test-id="clear-instant-search"> <ods-icon name="close" class="hover:fill-primary-hover" /> </button> diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts index 19e384ed9a..5884a9c37b 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts +++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts @@ -79,7 +79,6 @@ import { FileIconComponent, IconComponent, RadioButtonCardComponent, - SendIconComponent, SpinnerIconComponent, StampIconComponent, TooltipDirective, @@ -146,7 +145,6 @@ const routes: Routes = [ ButtonComponent, ButtonCardComponent, UndoIconComponent, - SendIconComponent, StampIconComponent, SpinnerIconComponent, AttachmentComponent, diff --git a/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle-button/zustaendige-stelle-button.component.html b/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle-button/zustaendige-stelle-button.component.html index faad1e642e..a398c19db7 100644 --- a/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle-button/zustaendige-stelle-button.component.html +++ b/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle-button/zustaendige-stelle-button.component.html @@ -31,6 +31,6 @@ [dataTestId]="dataTestId" (clickEmitter)="openSearchDialog()" > - <ods-search-icon icon /> + <ods-icon icon name="search" /> </ods-button> </div> diff --git a/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle-button/zustaendige-stelle-button.component.spec.ts b/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle-button/zustaendige-stelle-button.component.spec.ts index 27a7cb325f..df76a4a3c0 100644 --- a/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle-button/zustaendige-stelle-button.component.spec.ts +++ b/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle-button/zustaendige-stelle-button.component.spec.ts @@ -26,7 +26,7 @@ import { OzgcloudDialogService } from '@alfa-client/ui'; import { ComponentFixture, TestBed } from '@angular/core/testing'; import { faker } from '@faker-js/faker'; import { Resource } from '@ngxp/rest'; -import { ButtonComponent, SearchIconComponent } from '@ods/system'; +import { ButtonComponent, IconComponent } from '@ods/system'; import { getDataTestClassOf } from 'libs/tech-shared/test/data-test'; import { MockComponent } from 'ng-mocks'; import { SearchZustaendigeStelleDialogComponent } from '../search-zustaendige-stelle-dialog/search-zustaendige-stelle-dialog.component'; @@ -47,7 +47,7 @@ describe('ZustaendigeStelleButtonComponent', () => { dialogService = mock(OzgcloudDialogService); await TestBed.configureTestingModule({ declarations: [ZustaendigeStelleButtonComponent], - imports: [MockComponent(SearchIconComponent), MockComponent(ButtonComponent)], + imports: [MockComponent(IconComponent), MockComponent(ButtonComponent)], providers: [ { provide: OzgcloudDialogService, diff --git a/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle.module.ts b/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle.module.ts index 5abd3f4ee4..f4efa3bfb0 100644 --- a/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle.module.ts +++ b/alfa-client/libs/zustaendige-stelle/src/lib/zustaendige-stelle.module.ts @@ -30,7 +30,6 @@ import { IconComponent, InstantSearchComponent, PublicAdministrationIconComponent, - SearchIconComponent, } from '@ods/system'; import { ZustaendigeStelleSharedModule } from 'libs/zustaendige-stelle-shared/src/lib/zustaendige-stelle-shared.module'; import { EditZustaendigeStelleButtonComponent } from './edit-zustaendige-stelle-button/edit-zustaendige-stelle-button.component'; @@ -52,7 +51,6 @@ import { ZustaendigeStelleHeaderComponent } from './zustaendige-stelle-header/zu FormsModule, ReactiveFormsModule, ZustaendigeStelleSharedModule, - SearchIconComponent, ExternalUnitIconComponent, IconComponent, PublicAdministrationIconComponent, -- GitLab