@verisoft/ui-primeng 18.7.0 → 18.8.0

package/lib/components/tristatecheckbox/tristatecheckbox.component.d.ts

@@ -0,0 +1,9 @@
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { BaseFormInputComponent, TristateCheckboxCore } from '@verisoft/ui-core';
+import * as i0 from "@angular/core";
+export declare class TristatecheckboxComponent extends BaseFormInputComponent implements ControlValueAccessor, TristateCheckboxCore {
+    icons: import("@verisoft/ui-core").CommonIcons;
+    constructor(ngControl: NgControl);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TristatecheckboxComponent, [{ optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TristatecheckboxComponent, "v-tristatecheckbox", never, {}, {}, never, never, true, never>;
+}

package/lib/icons.d.ts

@@ -0,0 +1,2 @@
+import { CommonIcons } from '@verisoft/ui-core';
+export declare const Icons: CommonIcons;

package/lib/interceptors/http-error-message.interceptor.d.ts

@@ -0,0 +1,11 @@
+import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { SnackbarService } from '../components/snackbar';
+import * as i0 from "@angular/core";
+export declare class HttpErrorMessageInterceptor implements HttpInterceptor {
+    private readonly snackbarService;
+    constructor(snackbarService: SnackbarService);
+    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HttpErrorMessageInterceptor, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<HttpErrorMessageInterceptor>;
+}

package/package.json

@@ -1,22 +1,37 @@
-{
-  "name": "@verisoft/ui-primeng",
-  "version": "18.7.0",
-  "peerDependencies": {
-    "@angular/common": "^18.2.8",
-    "@angular/core": "^18.2.8",
-    "primeng": "^17.18.11",
-    "rxjs": "~7.8.0",
-    "@angular/forms": "18.2.8",
-    "@angular/router": "18.2.8",
-    "@storybook/angular": "^8.3.5",
-    "@storybook/test": "^8.3.5",
-    "@angular/platform-browser": "18.2.8",
-    "@verisoft/core": "18.7.0",
-    "@faker-js/faker": "^8.4.1",
-    "@verisoft/ui-core": "18.7.0",
-    "uuid": "^10.0.0",
-    "@ngx-translate/core": "^15.0.0"
-  },
-  "dependencies": {},
-  "sideEffects": false
-}
+{
+  "name": "@verisoft/ui-primeng",
+  "version": "18.8.0",
+  "peerDependencies": {
+    "@angular/common": "^18.2.8",
+    "@angular/core": "^18.2.8",
+    "primeng": "^17.18.11",
+    "rxjs": "~7.8.0",
+    "@angular/forms": "18.2.8",
+    "@angular/router": "18.2.8",
+    "@storybook/angular": "^8.3.5",
+    "@storybook/test": "^8.3.5",
+    "@angular/platform-browser": "18.2.8",
+    "@verisoft/core": "18.0.0",
+    "@faker-js/faker": "^8.4.1",
+    "@verisoft/ui-core": "18.0.0",
+    "uuid": "^10.0.0",
+    "@ngx-translate/core": "^15.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/verisoft-ui-primeng.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/verisoft-ui-primeng.mjs",
+      "esm": "./esm2022/verisoft-ui-primeng.mjs",
+      "default": "./fesm2022/verisoft-ui-primeng.mjs"
+    }
+  }
+}

package/.eslintrc.json

@@ -1,43 +0,0 @@
-{
-  "extends": ["../../../.eslintrc.base.json"],
-  "ignorePatterns": ["!**/*"],
-  "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"
-          }
-        ]
-      }
-    },
-    {
-      "files": ["*.html"],
-      "extends": ["plugin:@nx/angular-template"],
-      "rules": {}
-    },
-    {
-      "files": ["*.json"],
-      "parser": "jsonc-eslint-parser",
-      "rules": {
-        "@nx/dependency-checks": "error"
-      }
-    }
-  ]
-}

package/jest.config.ts

@@ -1,22 +0,0 @@
-/* eslint-disable */
-export default {
-  displayName: 'ui-primeng',
-  preset: '../../../jest.preset.js',
-  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  coverageDirectory: '../../../coverage/src/libs/ui-primeng',
-  transform: {
-    '^.+\\.(ts|mjs|js|html)$': [
-      'jest-preset-angular',
-      {
-        tsconfig: '<rootDir>/tsconfig.spec.json',
-        stringifyContentPathRegex: '\\.(html|svg)$',
-      },
-    ],
-  },
-  transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
-  snapshotSerializers: [
-    'jest-preset-angular/build/serializers/no-ng-attributes',
-    'jest-preset-angular/build/serializers/ng-snapshot',
-    'jest-preset-angular/build/serializers/html-comment',
-  ],
-};

package/ng-package.json

@@ -1,15 +0,0 @@
-{
-  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../../dist/src/libs/ui-primeng",
-  "lib": {
-    "entryFile": "src/index.ts"
-  },
-    "assets": [
-    {
-      "glob": "**/*",
-      "input": "./src/sass/",
-      "output": "/sass/"
-    },
-    "./assets/"
-  ]
-}

package/project.json

@@ -1,36 +0,0 @@
-{
-  "name": "ui-primeng",
-  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "src/libs/ui-primeng/src",
-  "prefix": "verisoft",
-  "projectType": "library",
-  "tags": [],
-  "targets": {
-    "build": {
-      "executor": "@nx/angular:package",
-      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
-      "options": {
-        "project": "src/libs/ui-primeng/ng-package.json"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "src/libs/ui-primeng/tsconfig.lib.prod.json"
-        },
-        "development": {
-          "tsConfig": "src/libs/ui-primeng/tsconfig.lib.json"
-        }
-      },
-      "defaultConfiguration": "production"
-    },
-    "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
-      "options": {
-        "jestConfig": "src/libs/ui-primeng/jest.config.ts"
-      }
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint"
-    }
-  }
-}

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

@@ -1,12 +0,0 @@
-<div class="v-breadcrumb card flex justify-content-center">
-  <ng-container *ngIf="useHomeRoute; else default">
-    <p-breadcrumb
-      class="max-w-full"
-      [model]="items | menuItem"
-      [home]="home"
-    ></p-breadcrumb>
-  </ng-container>
-  <ng-template #default>
-    <p-breadcrumb class="max-w-full" [model]="items | menuItem"></p-breadcrumb>
-  </ng-template>
-</div>

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

@@ -1,18 +0,0 @@
-p-breadcrumb > nav {
-  border: none;
-  > ol {
-    align-items: stretch;
-    font-weight: 600;
-    font-size: 1rem;
-  }
-  a[aria-current='page'] > span {
-    color: var(--primary-color) !important;
-  }
-}
-.p-menuitem-link {
-  gap: 0.5rem;
-  text-align: center;
-}
-.p-menuitem-text {
-  align-self: baseline;
-}

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

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

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

@@ -1,36 +0,0 @@
-import { ActivatedRoute } from '@angular/router';
-import { moduleMetadata, type Meta, type StoryObj } from '@storybook/angular';
-import { within, expect } from '@storybook/test';
-import { BreadcrumbComponent } from './breadcrumb.component';
-
-const meta: Meta<BreadcrumbComponent> = {
-  component: BreadcrumbComponent,
-  title: 'BreadcrumbComponent',
-  decorators: [
-    moduleMetadata({
-      providers: [
-        {
-          provide: ActivatedRoute,
-          useValue: ActivatedRoute,
-        },
-      ],
-    }),
-  ],
-};
-export default meta;
-type Story = StoryObj<BreadcrumbComponent>;
-export const Primary: Story = {
-  args: {
-    homeRoute: '123',
-    useHomeRoute: true,
-    items: [
-      { label: 'Contract', routerLink: '123' },
-      { label: 'List', routerLink: './list' },
-    ],
-  },
-  play: async ({ canvasElement }: any) => {
-    const canvas = within(canvasElement);
-    expect(canvas.getByText('Contract')).toBeTruthy();
-    expect(canvas.getByText('List')).toBeTruthy();
-  },
-};

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

@@ -1,29 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-  Component,
-} from '@angular/core';
-import {
-  BREADCRUMB_COMPONENT_TOKEN,
-  BreadcrumbCoreComponent,
-} from '@verisoft/ui-core';
-import { BreadcrumbModule } from 'primeng/breadcrumb';
-import { ConvertMenuItemPipe } from './breadcrumb.pipe';
-
-@Component({
-  selector: 'v-breadcrumb',
-  standalone: true,
-  imports: [
-    CommonModule,
-    BreadcrumbModule,
-    ConvertMenuItemPipe,
-  ],
-  templateUrl: './breadcrumb.component.html',
-  styleUrl: './breadcrumb.component.scss',
-  providers: [
-    { 
-      provide: BREADCRUMB_COMPONENT_TOKEN,
-      useExisting: BreadcrumbComponent
-    },
-  ],
-})
-export class BreadcrumbComponent extends BreadcrumbCoreComponent { }

package/src/lib/components/breadcrumb/breadcrumb.pipe.ts

@@ -1,13 +0,0 @@
-import { Pipe, PipeTransform } from "@angular/core";
-import { MenuItem as VerisoftMenuItem } from "@verisoft/ui-core";
-import { MenuItem as PrimeMenuItem } from "primeng/api";
-
-@Pipe({
-  name: 'menuItem',
-  standalone: true,
-})
-export class ConvertMenuItemPipe implements PipeTransform {
-  transform(items: VerisoftMenuItem[]): PrimeMenuItem[] {
-    return items.map(i => i as PrimeMenuItem);
-  }
-}

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

@@ -1,20 +0,0 @@
-<div class="v-button d-inline-block" 
-(click)="fireClick($event)">
-  <a
-    [routerLink]="routerLink ? routerLink : undefined"
-    [queryParams]="queryParams ? queryParams : undefined"
-  >
-    <p-button
-      [disabled]="disabled"
-      [icon]="icon"
-      [badge]="badge"
-      [outlined]="outlined"
-      [rounded]="rounded"
-      [raised]="raised"
-      [label]="label"
-      [size]="$any(size)"
-      [severity]="severity"
-      [iconPos]="iconPos"
-    />
-  </a>
-</div>

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

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

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

@@ -1,49 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { Params, RouterModule } from '@angular/router';
-import {
-  BUTTON_COMPONENT_TOKEN,
-  ButtonCore,
-  ControlSeverityType,
-  FieldSizeType,
-  IconPosition,
-  IconPositionType,
-} from '@verisoft/ui-core';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-
-@Component({
-  selector: 'v-button',
-  standalone: true,
-  imports: [CommonModule, ButtonModule, RippleModule, RouterModule],
-  templateUrl: './button.component.html',
-  styleUrl: './button.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: BUTTON_COMPONENT_TOKEN,
-      useExisting: ButtonComponent,
-    },
-  ],
-})
-export class ButtonComponent implements ButtonCore {
-  @Input() label?: string;
-  @Input() icon?: string;
-  @Input() badge?: string;
-  @Input() iconPos: IconPositionType = IconPosition.right;
-  @Input() disabled!: boolean;
-  @Input() rounded!: boolean;
-  @Input() outlined!: boolean;
-  @Input() raised!: boolean;
-  @Input() severity?: ControlSeverityType;
-  @Input() routerLink!: any[];
-  @Input() size: FieldSizeType | undefined;
-  @Input() queryParams?: Params;
-
-  fireClick(event: Event): void {
-    if (this.disabled) {
-      event.stopPropagation();
-      event.stopImmediatePropagation();
-    }
-  }
-}

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

@@ -1,53 +0,0 @@
-<div class="v-calendar w-100">
-  <ng-container *ngIf="label && !floatLabel">
-    <v-form-field
-      class="w-100"
-      [label]="label"
-      [tooltip]="tooltip"
-      [required]="isRequired()"
-      [display]="formDisplay"
-    >
-      <p-calendar
-        appendTo="body"
-        [style]="{'width':'100%'}"
-        [inputStyle]="{'width':'100%'}" 
-        [formControl]="formControl"
-        [showClear]="clearable"
-        [dataType]="'string'"
-        [selectionMode]="selectionMode"
-        [icon]="icon"
-        [maxDate]="maxDate"
-        [id]="inputId"
-        [showButtonBar]="true"
-        [placeholder]="placeholder"
-        [required]="isRequired()"
-        [minDate]="minDate"
-        [showIcon]="formControl && !formControl.value"
-        iconDisplay="input"
-      />
-    </v-form-field>
-    <v-validation-message [ngControl]="ngControl"></v-validation-message>
-  </ng-container>
-  <ng-container *ngIf="floatLabel">
-    <p-floatLabel>
-      <p-calendar
-        appendTo="body"
-        [style]="{'width':'100%'}"
-        [inputStyle]="{'width':'100%'}" 
-        [formControl]="formControl"
-        [showClear]="clearable"
-        [maxDate]="maxDate"
-        [id]="inputId"
-        [icon]="icon"
-        [selectionMode]="selectionMode"
-        [showButtonBar]="true"
-        [placeholder]="placeholder"
-        [required]="isRequired()"
-        [minDate]="minDate"
-        iconDisplay="input"
-      />
-      <label [for]="inputId" [innerHTML]="floatLabel"></label>
-    </p-floatLabel>
-  </ng-container>
-</div>
-

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

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

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

@@ -1,72 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  forwardRef,
-  Input,
-  Optional,
-  Self,
-} from '@angular/core';
-import {
-  ControlValueAccessor,
-  NgControl,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import {
-  BaseFormInputComponent,
-  BaseInputControls,
-  CALENDAR_COMPONENT_TOKEN,
-  CalendarCore,
-} from '@verisoft/ui-core';
-import { CalendarModule } from 'primeng/calendar';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { Icons } from '../../icons';
-import { ErrorComponent } from '../errors';
-import { FormFieldComponent } from '../form-field';
-
-@Component({
-  selector: 'v-calendar',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    CalendarModule,
-    FormFieldComponent,
-    FloatLabelModule,
-    ErrorComponent,
-  ],
-  templateUrl: './calendar.component.html',
-  styleUrl: './calendar.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: BaseInputControls,
-      useExisting: forwardRef(() => CalendarComponent),
-    },
-    {
-      provide: CALENDAR_COMPONENT_TOKEN,
-      useExisting: CalendarComponent,
-    },
-  ],
-})
-export class CalendarComponent
-  extends BaseFormInputComponent
-  implements ControlValueAccessor, CalendarCore
-{
-  constructor(@Optional() @Self() ngControl: NgControl) {
-    super(ngControl);
-  }
-
-  @Input() maxDate!: Date;
-  @Input() icon = Icons.calendar;
-  @Input() minDate!: Date;
-  @Input() header!: string;
-  @Input() footer!: string;
-  @Input() floatLabel: string | undefined;
-  @Input() selectionMode: 'single' | 'multiple' | 'range' | undefined =
-    'single';
-
-    icons = Icons;
-
-  override formDisplay: "flex" | "block" = "block";
-}

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

@@ -1,19 +0,0 @@
-<div class="v-checkbox d-flex align-items-center mt-2">
-  <v-form-field
-    class="w-100"
-    [label]="label"
-    [tooltip]="tooltip"
-    [required]="isRequired()"
-    [testId]="testId"
-    [display]="formDisplay"
-  >
-    <p-checkbox
-      [ngClass]="{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }"
-      [formControl]="formControl"
-      [required]="required"
-      [binary]="true"
-      [readonly]="readonly"
-    />
-    <v-validation-message [ngControl]="ngControl"></v-validation-message>
-  </v-form-field>
-</div>

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

@@ -1,15 +0,0 @@
-p-echeckbox.ng-dirty.ng-invalid {
-    .p-checkbox>.p-checkbox-box {
-        border-color: var(--error-color);
-    }
-
-    .p-checkbox-label {
-        color: var(--error-color);
-    }
-}
-
-.checkbox-error {
-    .p-checkbox-box.p-highlight {
-        background: var(--error-color);
-    }
-}

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

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