@verisoft/ui-primeng 20.1.0 → 20.1.2

package/src/lib/components/number-input/number-input.component.ts

@@ -1,55 +0,0 @@
-
-import {
-  ChangeDetectionStrategy,
-  Component,
-  forwardRef,
-  Input,
-  Optional,
-  Self,
-} from '@angular/core';
-import {
-  ControlValueAccessor,
-  NgControl,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { BaseFormInputComponent, BaseInputControls, NUMBER_INPUT_COMPONENT_TOKEN, NumberInputCore } from '@verisoft/ui-core';
-import { InputNumberModule } from 'primeng/inputnumber';
-import { ErrorComponent } from '../errors';
-import { FormFieldComponent } from '../form-field';
-
-@Component({
-    selector: 'v-number-input',
-    imports: [
-    InputNumberModule,
-    ReactiveFormsModule,
-    FormFieldComponent,
-    ErrorComponent
-],
-    templateUrl: './number-input.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        {
-            provide: BaseInputControls,
-            useExisting: forwardRef(() => NumberInputComponent),
-        },
-        {
-            provide: NUMBER_INPUT_COMPONENT_TOKEN,
-            useExisting: NumberInputComponent,
-        },
-    ]
-})
-export class NumberInputComponent
-  extends BaseFormInputComponent
-  implements ControlValueAccessor, NumberInputCore
-{
-  constructor(@Optional() @Self() ngControl: NgControl) {
-    super(ngControl);
-  }
-
-  @Input() mode!: string;
-  @Input() currency!: string;
-  @Input() min!: number;
-  @Input() max!: number;
-  @Input() step = 1;
-  @Input() errorMessage?: string = 'test';
-}

package/src/lib/components/page-header/index.ts

@@ -1 +0,0 @@
-export * from './page-header.component';

package/src/lib/components/page-header/page-header.component.html

@@ -1,35 +0,0 @@
-<div
-  class="v-page-header d-block d-md-flex px-3 w-100 gap-0 gap-md-4 align-items-center text-center text-md-start"
-  >
-  @if (showBackButton) {
-    <v-button
-      size="small"
-      [icon]="icons.arrowLeft"
-      label="Back"
-      [outlined]="true"
-      (click)="locationBack()"
-    ></v-button>
-  }
-  <div
-    class="align-items-center justify-content-center justify-content-md-start gap-2 w-100 d-flex"
-    >
-    <h1 class="text-primary m-0" [innerText]="title"></h1>
-    @if (subtitle) {
-      <div
-        class="d-flex gap-2 align-items-center text-center text-md-start"
-        >
-        <h1 class="text-default m-0" [innerText]="'-'"></h1>
-        <h1 class="text-default" [innerText]="subtitle"></h1>
-      </div>
-    }
-  </div>
-  <div
-    class="align-content-center page-header-action-buttons justify-content-center w-100"
-    >
-    @if (buttonGroup) {
-      <div>
-        <ng-content [select]="buttonGroup"></ng-content>
-      </div>
-    }
-  </div>
-</div>

package/src/lib/components/page-header/page-header.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { PageHeaderComponent } from './page-header.component';
-
-describe('PageHeaderComponent', () => {
-  let component: PageHeaderComponent;
-  let fixture: ComponentFixture<PageHeaderComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [PageHeaderComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(PageHeaderComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/page-header/page-header.component.ts

@@ -1,31 +0,0 @@
-
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ContentChild,
-  OnInit,
-} from '@angular/core';
-import { PAGE_HEADER_COMPONENT_TOKEN, PageHeaderCore, PageHeaderCoreComponent } from '@verisoft/ui-core';
-import { Icons } from '../../icons';
-import { ButtonComponent } from '../button';
-import { ActionButtonGroupComponent } from '../shared-components';
-
-@Component({
-    selector: 'v-page-header',
-    imports: [ButtonComponent],
-    templateUrl: './page-header.component.html',
-    styleUrl: './page-header.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        { provide: PAGE_HEADER_COMPONENT_TOKEN, useExisting: PageHeaderComponent },
-    ]
-})
-export class PageHeaderComponent
-  extends PageHeaderCoreComponent
-  implements OnInit, PageHeaderCore
-{
-  @ContentChild(ActionButtonGroupComponent)
-  buttonGroup?: ActionButtonGroupComponent;
-  
-  icons = Icons;
-}

package/src/lib/components/password/index.ts

@@ -1 +0,0 @@
-export * from './password.component';

package/src/lib/components/password/password.component.html

@@ -1,24 +0,0 @@
-<div class="v-password d-flex align-items-center">
-  <v-form-field
-    class="w-100"
-    [label]="label"
-    [tooltip]="tooltip"
-    [required]="isRequired()"
-    [testId]="testId"
-    [display]="formDisplay"
-  >
-    <p-password
-      [style]="{'width':'100%'}"
-      [inputStyle]="{'width':'100%'}" 
-      [formControl]="formControl"
-      [placeholder]="placeholder"
-      [showClear]="clearable"
-      [feedback]="feedback"
-      [required]="isRequired()"
-      [label]="label"
-      [id]="inputId"
-      [toggleMask]="toggleMask"
-    />
-    <v-validation-message [ngControl]="ngControl"></v-validation-message>
-  </v-form-field>
-</div>

package/src/lib/components/password/password.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { PasswordComponent } from './password.component';
-
-describe('PasswordComponent', () => {
-  let component: PasswordComponent;
-  let fixture: ComponentFixture<PasswordComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [PasswordComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(PasswordComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/password/password.component.ts

@@ -1,56 +0,0 @@
-
-import {
-  ChangeDetectionStrategy,
-  Component,
-  Input,
-  Optional,
-  Self,
-} from '@angular/core';
-import {
-  ControlValueAccessor,
-  NgControl,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { BaseFormInputComponent, BaseInputControls, PASSWORD_COMPONENT_TOKEN, PasswordCore } from '@verisoft/ui-core';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { PasswordModule } from 'primeng/password';
-import { ErrorComponent } from '../errors';
-import { FormFieldComponent } from '../form-field';
-
-@Component({
-    selector: 'v-password',
-    imports: [
-    ReactiveFormsModule,
-    PasswordModule,
-    FloatLabelModule,
-    FormFieldComponent,
-    ErrorComponent
-],
-    templateUrl: './password.component.html',
-    styleUrl: './password.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        {
-            provide: BaseInputControls,
-            useExisting: PasswordComponent,
-        },
-        {
-            provide: PASSWORD_COMPONENT_TOKEN,
-            useExisting: PasswordComponent,
-        },
-    ]
-})
-export class PasswordComponent 
-  extends BaseFormInputComponent
-  implements ControlValueAccessor, PasswordCore
-{
-  @Input() toggleMask = true;
-  
-  @Input() feedback = false;
-
-  override formDisplay: "flex" | "block" = "block";
-
-  constructor(@Optional() @Self() ngControl: NgControl) {
-    super(ngControl);
-  }
-}

package/src/lib/components/radiobutton/index.ts

@@ -1 +0,0 @@
-export * from './radiobutton.component';

package/src/lib/components/radiobutton/radiobutton.component.html

@@ -1,34 +0,0 @@
-<div class="v-radiobutton">
-  <v-form-field
-    [label]="label"
-    [required]="required"
-    [tooltip]="tooltip"
-    [testId]="testId"
-    >
-    <div class="d-flex align-items-center gap-3">
-      @for (item of items; track item) {
-        <div>
-          <p-radioButton
-            [inputId]="item.id"
-          [ngClass]="{
-                    'radio-error': ngControl?.invalid && ngControl?.dirty,
-                    }"
-            [name]="radioGroupName"
-            [value]="item.value"
-            [formControl]="formControl"
-            />
-          <label [for]="item.id" class="ps-2">
-            <span
-            [ngClass]="{
-              'text-error': ngControl?.invalid && ngControl?.dirty,
-              'text-primary': ngControl?.value === item.value
-            }"
-              >{{ item.value }}</span
-              >
-            </label>
-          </div>
-        }
-        <v-validation-message [ngControl]="ngControl"></v-validation-message>
-      </div>
-    </v-form-field>
-  </div>

package/src/lib/components/radiobutton/radiobutton.component.scss

@@ -1,6 +0,0 @@
-.radio-error {
-  .p-radiobutton .p-radiobutton-box.p-highlight {
-    border-color: var(--error-color);
-    background: var(--error-color);
-  }
-}

package/src/lib/components/radiobutton/radiobutton.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RadioButtonComponent } from './radiobutton.component';
-
-describe('RadioButtonComponent', () => {
-  let component: RadioButtonComponent<any>;
-  let fixture: ComponentFixture<RadioButtonComponent<any>>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [RadioButtonComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(RadioButtonComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/radiobutton/radiobutton.component.stories.ts

@@ -1,71 +0,0 @@
-import {
-  FormControl,
-  FormGroup,
-  FormsModule,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { moduleMetadata, type Meta, type StoryObj } from '@storybook/angular';
-import { within, expect } from '@storybook/test';
-import { BaseFormInputComponent } from '@verisoft/ui-core';
-import { FormFieldComponent } from '../form-field';
-import { RadioButtonComponent } from './radiobutton.component';
-
-const meta: Meta<RadioButtonComponent<any>> = {
-  component: RadioButtonComponent,
-  title: 'RadioButtonComponent',
-  decorators: [
-    moduleMetadata({
-      imports: [
-        FormFieldComponent,
-        ReactiveFormsModule,
-        FormsModule,
-        BaseFormInputComponent,
-      ],
-    }),
-  ],
-};
-export default meta;
-type Story = StoryObj<RadioButtonComponent<any>>;
-const formGroup: FormGroup = new FormGroup({
-  radio: new FormControl(null),
-});
-export const Primary: Story = {
-  render: (args: any) => ({
-    props: {
-      ...args,
-      formGroup,
-    },
-    template: `
-    <form [formGroup]="formGroup">
-      <v-radiobutton
-      formControlName="radio"
-      [radioGroupName]="radioGroupName"
-      [items]="items"
-      [testId]="testId"
-      [label]="label"
-      [required]="required"
-      [tooltip]="tooltip"
-      />
-    </form>
-    `,
-  }),
-  args: {
-    radioGroupName: 'test',
-    items: [
-      { id: 'true', value: 'Yes' },
-      { id: 'false', value: 'No' },
-    ],
-    label: 'Save item?',
-    required: true,
-    tooltip: 'This is a tooltip lorem ipsum',
-    testId: 'radioButtonTestId',
-  },
-  play: async ({ canvasElement }: any) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText('Save item?')).toBeTruthy();
-    expect(canvas.getByText('Yes')).toBeTruthy();
-    expect(canvas.getByText('No')).toBeTruthy();
-    expect(canvas.queryAllByText('This is a tooltip lorem ipsum')).toBeTruthy();
-    expect(canvas.findByTestId('radioButtonTestId')).toBeTruthy();
-  },
-};

package/src/lib/components/radiobutton/radiobutton.component.ts

@@ -1,61 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  Input,
-  Optional,
-  Self,
-  ViewEncapsulation,
-} from '@angular/core';
-import {
-  ControlValueAccessor,
-  NgControl,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import {
-  BaseFormInputComponent,
-  BaseInputControls,
-  RADIOBUTTON_COMPONENT_TOKEN,
-  RadiobuttonCore,
-  RadioButtonItem,
-} from '@verisoft/ui-core';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { ErrorComponent } from '../errors';
-import { FormFieldComponent } from '../form-field/form-field.component';
-
-@Component({
-    selector: 'v-radiobutton',
-    imports: [
-        CommonModule,
-        FormFieldComponent,
-        RadioButtonModule,
-        ReactiveFormsModule,
-        ErrorComponent
-    ],
-    templateUrl: './radiobutton.component.html',
-    styleUrl: './radiobutton.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None,
-    providers: [
-        {
-            provide: BaseInputControls,
-            useExisting: RadioButtonComponent,
-        },
-        {
-            provide: RADIOBUTTON_COMPONENT_TOKEN,
-            useExisting: RadioButtonComponent,
-        },
-    ]
-})
-export class RadioButtonComponent<T>
-  extends BaseFormInputComponent
-  implements ControlValueAccessor, RadiobuttonCore<T>
-{
-  constructor(@Optional() @Self() ngControl: NgControl) {
-    super(ngControl);
-  }
-
-  @Input() radioGroupName = Math.random().toString();
-
-  @Input() items: RadioButtonItem<T>[] = [];
-}

package/src/lib/components/section/index.ts

@@ -1 +0,0 @@
-export * from './section.component';

package/src/lib/components/section/section.component.html

@@ -1,25 +0,0 @@
-<div class="v-section">
-  <div
-    class="v-section-header text-align-center d-flex"
-    [ngStyle]="{ 'background-color': backgroundColor }"
-    >
-    <p
-      class="text-primary align-items-center text-nowrap d-none d-md-block ps-3 m-0 w-100"
-      >
-      {{ title }}
-    </p>
-    <div class="d-flex">
-      <ng-content select="[actions]"></ng-content>
-      <v-button
-        size="small"
-        [icon]="icon"
-        (click)="toggle()"
-        />
-    </div>
-  </div>
-  @if (showContent) {
-    <div class="v-section-content">
-      <ng-content></ng-content>
-    </div>
-  }
-</div>

package/src/lib/components/section/section.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SectionComponent } from './section.component';
-
-describe('SectionComponent', () => {
-  let component: SectionComponent;
-  let fixture: ComponentFixture<SectionComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [SectionComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(SectionComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/section/section.component.ts

@@ -1,31 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { SECTION_COMPONENT_TOKEN, SectionCore } from '@verisoft/ui-core';
-import { Icons } from '../../icons';
-import { ButtonComponent } from '../button';
-
-@Component({
-    selector: 'v-section',
-    imports: [CommonModule, ButtonComponent],
-    templateUrl: './section.component.html',
-    styleUrl: './section.component.scss',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        { provide: SECTION_COMPONENT_TOKEN, useExisting: SectionComponent },
-    ]
-})
-export class SectionComponent 
-  implements SectionCore
-{
-  @Input() title!: string;
-  @Input() showContent = true;
-  @Input() backgroundColor!: string;
-
-  icons = Icons;
-  protected icon = Icons.chevronDown;
-
-  protected toggle(): void {
-    this.showContent = !this.showContent;
-    this.icon = this.showContent ? Icons.chevronDown : Icons.chevronUp;
-  }
-}

package/src/lib/components/shared-components/.eslintrc.json

@@ -1,42 +0,0 @@
-{
-  "extends": ["../../../../../../../.eslintrc.base.json"],
-  "overrides": [
-    {
-      "files": ["*.ts"],
-      "extends": [
-        "plugin:@nx/angular",
-        "plugin:@angular-eslint/template/process-inline-templates"
-      ],
-      "rules": {
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": "attribute",
-            "prefix": "v",
-            "style": "camelCase"
-          }
-        ],
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": "v",
-            "style": "kebab-case"
-          }
-        ],
-        "no-restricted-imports": [
-          "error",
-          {
-            "paths": [
-              {
-                "name": "primeng",
-                "message": "Import PrimeNG není povolen v @verisoft/ui-govcz."
-              }
-            ],
-            "patterns": ["primeng/*", "@verisoft/ui-primeng"]
-          }
-        ]
-      }
-    }
-  ]
-}

package/src/lib/components/shared-components/action-button-group/action-button-group.component.html

@@ -1,25 +0,0 @@
-<div
-  class="v-action-button-group align-items-center justify-content-center justify-content-md-end"
->
-  <div class="v-action-button-group__actions d-flex gap-2">
-    @for (action of visibleActions; track action) {
-    <v-action-button
-      [disabled]="action.disabled"
-      [icon]="action.icon"
-      [id]="action.id"
-      [outlined]="action.outlined"
-      [raised]="action.raised"
-      [toolTip]="action.toolTip || action.label"
-      [severity]="action.severity"
-      [size]="action.size"
-      (click)="fireClick(action, $event)"
-    ></v-action-button>
-    } @if (actions.length > visibleActions.length) {
-    <v-dropdown-button
-      [label]="label"
-      [icon]="menuIcon"
-      [items]="menuItems"
-    />
-    }
-  </div>
-</div>

package/src/lib/components/shared-components/action-button-group/action-button-group.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ActionButtonGroupComponent } from './action-button-group.component';
-
-describe('ActionButtonGroupComponent', () => {
-  let component: ActionButtonGroupComponent;
-  let fixture: ComponentFixture<ActionButtonGroupComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ActionButtonGroupComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(ActionButtonGroupComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});