@cauca-911/material 21.0.1 → 21.0.3

package/src/lib/components/buttons/raised-button/raised-button.component.spec.ts

@@ -1,108 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RaisedButtonComponent } from './raised-button.component';
-import { HarnessLoader } from '@angular/cdk/testing';
-import {MatIconHarness} from '@angular/material/icon/testing';
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
-import { MatButtonHarness } from '@angular/material/button/testing';
-import { TranslatePipe } from '@ngx-translate/core';
-import { MockPipe } from 'ng-mocks';
-
-describe('RaisedButtonComponent', () => {
-  let component: RaisedButtonComponent;
-  let fixture: ComponentFixture<RaisedButtonComponent>;
-  let loader: HarnessLoader;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        RaisedButtonComponent,
-      ],
-      declarations: [MockPipe(TranslatePipe, key => key)]
-    })
-      .compileComponents();
-
-    fixture = TestBed.createComponent(RaisedButtonComponent);
-    loader = TestbedHarnessEnvironment.loader(fixture);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should display the provided icon', async() => {
-    fixture.componentRef.setInput('icon', 'twidelidou');
-
-    fixture.detectChanges();
-
-    const icon = await loader.getHarness(MatIconHarness);
-    expect(await icon.getName()).toBe(component.icon());
-  });
-
-  it('should display the label', async () => {
-    fixture.componentRef.setInput('label', 'twidelidou');
-
-    fixture.detectChanges();
-
-    const button = await loader.getHarness(MatButtonHarness);
-    expect(await button.getText()).toContain(component.label());
-  });
-
-  it('should disable button when disabled is set', async () => {
-    fixture.componentRef.setInput('isDisabled', true);
-
-    const button = await loader.getHarnessOrNull(MatButtonHarness);
-    expect(await button.isDisabled()).toBeTrue();
-  });
-
-  it('should enable button when disabled is not set', async () => {
-    fixture.componentRef.setInput('isDisabled', false);
-
-    const button = await loader.getHarnessOrNull(MatButtonHarness);
-    expect(await button.isDisabled()).toBeFalse();
-  });
-
-  it('should disable button when disabled is not set and show load icon', async () => {
-    fixture.componentRef.setInput('isInProgress', true);
-
-    fixture.detectChanges();
-
-    const button = await loader.getHarnessOrNull(MatButtonHarness);
-    const icon = await button.getHarness(MatIconHarness);
-    expect(await button.isDisabled()).toBeTrue();
-    expect(await icon.getName()).toBe('update');
-  });
-
-  it('should not show any icon when not set', async () => {
-    fixture.componentRef.setInput('icon', null);
-
-    const button = await loader.getHarnessOrNull(MatButtonHarness);
-    const icon = await button.getHarnessOrNull(MatIconHarness);
-    expect(icon).toBe(null);
-  });
-
-  it('should emit buttonClick event when clicked', async () => {
-    const clickSpy = spyOn(component.buttonClick, 'emit');
-    const button = await loader.getHarness(MatButtonHarness);
-
-    await button.click();
-
-    expect(clickSpy).toHaveBeenCalled();
-  });
-
-  it('should add small-button class when small is set', () => {
-    fixture.componentRef.setInput('small', false);
-
-    fixture.detectChanges();
-
-    expect(fixture.nativeElement.querySelector('button')).not.toHaveClass('small-button');
-
-    fixture.componentRef.setInput('small', true);
-
-    fixture.detectChanges();
-
-    expect(fixture.nativeElement.querySelector('button')).toHaveClass('small-button');
-  });
-});

package/src/lib/components/buttons/raised-button/raised-button.component.ts

@@ -1,17 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { MatButton, } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
-import { BaseButtonWithLabel } from '../base-button';
-import { NgClass } from '@angular/common';
-
-@Component({
-  selector: 'cauca-raised-button',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [MatButton, MatIconModule, TranslateModule, NgClass],
-  templateUrl: './raised-button.component.html',
-  styleUrl: './raised-button.component.scss',
-})
-export class RaisedButtonComponent extends BaseButtonWithLabel {
-}

package/src/lib/components/buttons/refresh-button/refresh-button.component.html

@@ -1 +0,0 @@
-<cauca-button class="refresh-button" icon="refresh" type="stroked" color="primary" (buttonClick)="refresh()" [label]="'refresh' | translate" />

package/src/lib/components/buttons/refresh-button/refresh-button.component.spec.ts

@@ -1,81 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TranslatePipe } from '@ngx-translate/core';
-import { MockComponent, MockPipe, ngMocks } from 'ng-mocks';
-import { RefreshButtonComponent } from './refresh-button.component';
-import { ButtonComponent } from '../../button/button.component';
-
-describe('RefreshButtonComponent', () => {
-    let component: RefreshButtonComponent;
-    let fixture: ComponentFixture<RefreshButtonComponent>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            imports: [RefreshButtonComponent]
-        })
-        .overrideComponent(RefreshButtonComponent, {
-            remove: { imports: [ButtonComponent, TranslatePipe] },
-            add: { imports: [MockComponent(ButtonComponent), MockPipe(TranslatePipe, value => value)] }
-        })
-        .compileComponents();
-
-        fixture = TestBed.createComponent(RefreshButtonComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-
-    it('should have correct button properties', () => {
-        const buttonDebugElement = ngMocks.find(fixture, 'cauca-button')?.componentInstance;
-
-        expect(buttonDebugElement).toBeDefined();
-        expect(buttonDebugElement.type).toBe('stroked');
-        expect(buttonDebugElement.icon).toBe('refresh');
-        expect(buttonDebugElement.label).toBe('refresh');
-    });
-
-    it('should emit refreshEvent when refresh method is called', () => {
-        spyOn(component.refreshEvent, 'emit');
-
-        component.refresh();
-
-        expect(component.refreshEvent.emit).toHaveBeenCalledWith();
-        expect(component.refreshEvent.emit).toHaveBeenCalledTimes(1);
-    });
-
-    it('should call refresh method when button is clicked', () => {
-        spyOn(component, 'refresh');
-        const buttonElement = ngMocks.find(fixture, ButtonComponent);
-
-        ngMocks.trigger(buttonElement, 'buttonClick');
-
-        expect(component.refresh).toHaveBeenCalledWith();
-        expect(component.refresh).toHaveBeenCalledTimes(1);
-    });
-
-    it('should emit refreshEvent when button is clicked', () => {
-        spyOn(component.refreshEvent, 'emit');
-        const buttonElement = ngMocks.find(fixture, ButtonComponent);
-
-        ngMocks.trigger(buttonElement, 'buttonClick');
-
-        expect(component.refreshEvent.emit).toHaveBeenCalledWith();
-        expect(component.refreshEvent.emit).toHaveBeenCalledTimes(1);
-    });    it('should render cauca-button with expected template', () => {
-        const buttonDebugElement = ngMocks.find(fixture, 'cauca-button');
-
-        // Check that the button component is rendered
-        expect(buttonDebugElement).toBeDefined();
-    });
-
-    it('should have EventEmitter as refreshEvent', () => {
-        expect(component.refreshEvent).toBeDefined();
-        expect(component.refreshEvent.constructor.name).toContain('EventEmitter');
-    });
-
-    it('should initialize with default values', () => {
-        expect(component.refreshEvent).toBeDefined();
-    });
-});

package/src/lib/components/buttons/refresh-button/refresh-button.component.ts

@@ -1,19 +0,0 @@
-import { Component, ChangeDetectionStrategy, EventEmitter, Output, Input } from '@angular/core';
-import { ButtonComponent } from '../../button/button.component';
-import { TranslatePipe } from '@ngx-translate/core';
-
-@Component({
-    selector: 'cauca-refresh-button',
-    imports: [ButtonComponent, TranslatePipe],
-    templateUrl: './refresh-button.component.html',
-    styleUrl: './refresh-button.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class RefreshButtonComponent {
-    @Input() public inProgress: boolean = false;
-    @Output() public refreshEvent: EventEmitter<void> = new EventEmitter<void>();
-
-    public refresh(): void {
-        this.refreshEvent.emit();
-    }
-}

package/src/lib/components/buttons/round-button/round-button.component.html

@@ -1,3 +0,0 @@
-<button (mouseenter)="onMouseEnter()" (mouseleave)="onMouseLeave()" onclick="this.blur()" (click)="buttonClick.emit();" [disabled]="buttonDisabled()">
-    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}
-</button>

package/src/lib/components/buttons/round-button/round-button.component.scss

@@ -1,34 +0,0 @@
-button {
-  border-radius: 100px;
-  background-color: inherit;
-  outline: none;
-  border-width: 0px;
-  height: 40px;
-  width: 40px;
-  cursor: pointer;
-}
-
-:host {
-  display: flex;
-}
-
-.mdc-button.mat-white,
-.mat-stroked-button.mat-white {
-  color: white;
-  border-color: white;
-}
-
-.mdc-button.mat-white:hover,
-.mat-mdc-outlined-button.mat-white:hover {
-  background-color: transparent;
-}
-
-mat-icon {
-  color: #006496;
-}
-
-.mat-mdc-button-disabled {
-  .mat-icon {
-    color: rgba(18, 16, 20, 0.38);
-  }
-}

package/src/lib/components/buttons/round-button/round-button.component.spec.ts

@@ -1,26 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RoundButtonComponent } from './round-button.component';
-import { MockModule, MockPipe } from 'ng-mocks';
-import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
-
-describe('RoundButtonComponent', () => {
-  let component: RoundButtonComponent;
-  let fixture: ComponentFixture<RoundButtonComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [RoundButtonComponent, MockModule(TranslateModule)],
-      declarations: [MockPipe(TranslatePipe, key => key)]
-    })
-      .compileComponents();
-
-    fixture = TestBed.createComponent(RoundButtonComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/buttons/round-button/round-button.component.ts

@@ -1,14 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { BaseButtonWithLabel } from '../base-button';
-import { TranslateModule } from '@ngx-translate/core';
-
-@Component({
-  selector: 'cauca-round-button',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [TranslateModule],
-  templateUrl: './round-button.component.html',
-  styleUrl: './round-button.component.scss'
-})
-export class RoundButtonComponent extends BaseButtonWithLabel {
-}

package/src/lib/components/buttons/stroked-button/stroked-button.component.html

@@ -1,5 +0,0 @@
-<button mat-stroked-button [ngClass]="small() ? 'small-button' : ''" [color]="color()" onclick="this.blur()" [disabled]="buttonDisabled()" (click)="buttonClick.emit()" [class.icon-only]="!label()">
-    @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]="isInProgress()">{{iconToShow()}}</mat-icon> }
-    @if (label()) { @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}} }
-    @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]="isInProgress()">{{iconToShow()}}</mat-icon> }
-</button>

package/src/lib/components/buttons/stroked-button/stroked-button.component.scss

@@ -1,23 +0,0 @@
-.mdc-button.mat-white,
-.mat-stroked-button.mat-white {
-    color: white;
-    border-color: white;
-}
-.mdc-button.mat-white:hover,
-.mat-mdc-outlined-button.mat-white:hover {
-  background-color: transparent;
-}
-
-.icon-only {
-  width: 36px;
-  height: 36px;
-  min-width: 38px;
-  padding: 0px;
-}
-
-.icon-only mat-icon {
-  margin: 0;
-}
-mat-icon {
-  color: inherit;
-}

package/src/lib/components/buttons/stroked-button/stroked-button.component.spec.ts

@@ -1,114 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { StrokedButtonComponent } from './stroked-button.component';
-import { HarnessLoader } from '@angular/cdk/testing';
-import {MatIconHarness} from '@angular/material/icon/testing';
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
-import { MatButtonHarness } from '@angular/material/button/testing';
-import { TranslatePipe } from '@ngx-translate/core';
-import { MockPipe } from 'ng-mocks';
-
-describe('StrokedButtonComponent', () => {
-  let component: StrokedButtonComponent;
-  let fixture: ComponentFixture<StrokedButtonComponent>;
-  let loader: HarnessLoader;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        StrokedButtonComponent,
-      ],
-      declarations: [MockPipe(TranslatePipe, key => key)]
-    })
-      .compileComponents();
-
-    fixture = TestBed.createComponent(StrokedButtonComponent);
-    loader = TestbedHarnessEnvironment.loader(fixture);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should display the provided icon', async() => {
-    fixture.componentRef.setInput('icon', 'twidelidou');
-
-    fixture.detectChanges();
-
-    const icon = await loader.getHarness(MatIconHarness);
-    expect(await icon.getName()).toBe(component.icon());
-  });
-
-  it('should display the label', async () => {
-    fixture.componentRef.setInput('label', 'twidelidou');
-
-    fixture.detectChanges();
-
-    const button = await loader.getHarness(MatButtonHarness);
-    expect(await button.getText()).toContain(component.label());
-  });
-
-  it('should disable button when disabled is set', async () => {
-    fixture.componentRef.setInput('isDisabled', true);
-
-    const button = await loader.getHarnessOrNull(MatButtonHarness);
-    expect(await button.isDisabled()).toBeTrue();
-  });
-
-  it('should enable button when disabled is not set', async () => {
-    fixture.componentRef.setInput('isDisabled', false);
-
-    const button = await loader.getHarnessOrNull(MatButtonHarness);
-    expect(await button.isDisabled()).toBeFalse();
-  });
-
-  it('should disable button when disabled is not set and show load icon', async () => {
-    fixture.componentRef.setInput('isInProgress', true);
-
-    const button = await loader.getHarnessOrNull(MatButtonHarness);
-    const icon = await button.getHarness(MatIconHarness);
-    expect(await button.isDisabled()).toBeTrue();
-    expect(await icon.getName()).toBe('update');
-  });
-
-  it('should not show any icon when not set', async () => {
-    fixture.componentRef.setInput('icon', null);
-
-    const button = await loader.getHarnessOrNull(MatButtonHarness);
-    const icon = await button.getHarnessOrNull(MatIconHarness);
-    expect(icon).toBe(null);
-  });
-
-  it('should emit buttonClick event when clicked', async () => {
-    const clickSpy = spyOn(component.buttonClick, 'emit');
-    const button = await loader.getHarness(MatButtonHarness);
-
-    await button.click();
-
-    expect(clickSpy).toHaveBeenCalled();
-  });
-
-  it('should add the icon-only class to the button when no label is provided', () => {
-    fixture.componentRef.setInput('icon', 'twidelidou');
-
-    fixture.detectChanges();
-
-    expect(fixture.nativeElement.querySelector('button')).toHaveClass('icon-only');
-  });
-
-  it('should add small-button class when small is set', () => {
-    fixture.componentRef.setInput('small', false);
-
-    fixture.detectChanges();
-
-    expect(fixture.nativeElement.querySelector('button')).not.toHaveClass('small-button');
-
-    fixture.componentRef.setInput('small', true);
-
-    fixture.detectChanges();
-
-    expect(fixture.nativeElement.querySelector('button')).toHaveClass('small-button');
-  });
-});

package/src/lib/components/buttons/stroked-button/stroked-button.component.ts

@@ -1,17 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { MatButton, } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
-import { BaseButtonWithLabel } from '../base-button';
-import { NgClass } from '@angular/common';
-
-@Component({
-  selector: 'cauca-stroked-button',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [MatButton, MatIconModule, TranslateModule, NgClass],
-  templateUrl: './stroked-button.component.html',
-  styleUrl: './stroked-button.component.scss',
-})
-export class StrokedButtonComponent extends BaseButtonWithLabel {
-}

package/src/lib/components/cauca-date-time-picker/cauca-date-time-picker.component.html

@@ -1,9 +0,0 @@
-<mat-form-field [subscriptSizing]="subscriptSizing">
-    @if (label) {
-        <mat-label>{{ translateLabel ? (label | translate) : label }}{{isRequired ? '*' : ''}}</mat-label>
-    }
-    <input (focusout)="onTouched()" matInput [value]="stringDate" readonly="readonly">
-    <button matSuffix mat-icon-button (click)="showDialog()">
-        <mat-icon>calendar_month</mat-icon>
-    </button>
-</mat-form-field>

package/src/lib/components/cauca-date-time-picker/cauca-date-time-picker.component.scss

@@ -1,7 +0,0 @@
-:host {
-    display: block;
-}
-
-mat-form-field {
-    width: 100%;
-}

package/src/lib/components/cauca-date-time-picker/cauca-date-time-picker.component.spec.ts

@@ -1,68 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CaucaDateTimePickerComponent } from './cauca-date-time-picker.component';
-import { MatDialogModule } from '@angular/material/dialog';
-import { DatePipe, registerLocaleData } from '@angular/common';
-import { LOCALE_ID } from '@angular/core';
-import localeFr from '@angular/common/locales/fr';
-import { MockModule, MockPipe } from 'ng-mocks';
-import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
-
-describe('CaucaDateTimePickerComponent', () => {
-  let component: CaucaDateTimePickerComponent;
-  let fixture: ComponentFixture<CaucaDateTimePickerComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        CaucaDateTimePickerComponent,
-        MatDialogModule,
-        MockModule(TranslateModule),
-        MockPipe(TranslatePipe, value => value)
-      ],
-      providers: [
-        DatePipe,
-        { provide: LOCALE_ID, useValue: 'fr-CA' },
-      ],
-    })
-    .compileComponents();
-
-    registerLocaleData(localeFr, 'fr');
-    fixture = TestBed.createComponent(CaucaDateTimePickerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  afterEach(() => {
-    component.showSeconds = false;
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should execute openDialog when click on button', () => {
-    const showDialogSpy = spyOn(component, 'showDialog');
-    const button = fixture.nativeElement.querySelector('button');
-
-    button.click();
-
-    expect(showDialogSpy).toHaveBeenCalled();
-  });
-
-  it('should stringify the date when value is pass', () => {
-    const today = new Date();
-    const input = fixture.nativeElement.querySelector('input');
-
-    component.value = today;
-
-    expect(input.value).not.toBeNull();
-  });
-
-  it('should set empty the date when value is null', () => {
-    const input = fixture.nativeElement.querySelector('input');
-
-    component.value = null;
-
-    expect(input.value).toBe('');
-  });
-});