geonetwork-ui 2.3.0-dev.6083baae → 2.3.0-dev.b46332e6

package/libs/feature/notifications/src/lib/notifications.service.d.ts

@@ -1,15 +0,0 @@
-import { NotificationContent } from './notification.model';
-import { BehaviorSubject } from 'rxjs';
-import * as i0 from "@angular/core";
-type NotificationWithIdentity = NotificationContent & {
-    id: number;
-};
-export declare class NotificationsService {
-    notifications$: BehaviorSubject<NotificationWithIdentity[]>;
-    showNotification(content: NotificationContent, timeoutMs?: number): void;
-    removeNotificationById(id: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationsService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NotificationsService>;
-}
-export {};
-//# sourceMappingURL=notifications.service.d.ts.map

package/libs/feature/notifications/src/lib/notifications.service.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notifications.service.d.ts","sourceRoot":"","sources":["../../../../../src/libs/feature/notifications/src/lib/notifications.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAA;;AAEtC,KAAK,wBAAwB,GAAG,mBAAmB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAA;AAEpE,qBAGa,oBAAoB;IAC/B,cAAc,8CAAsD;IAEpE,gBAAgB,CAAC,OAAO,EAAE,mBAAmB,EAAE,SAAS,CAAC,EAAE,MAAM;IASjE,sBAAsB,CAAC,EAAE,EAAE,MAAM;yCAZtB,oBAAoB;6CAApB,oBAAoB;CAiBhC"}

package/libs/ui/elements/src/lib/notification/notification.component.d.ts

@@ -1,13 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class NotificationComponent {
-    type: 'info' | 'warning' | 'error' | 'success';
-    title: string;
-    text: string;
-    closeMessage?: string;
-    notificationClose: EventEmitter<void>;
-    handleClose(event?: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "gn-ui-notification", never, { "type": { "alias": "type"; "required": false; }; "title": { "alias": "title"; "required": false; }; "text": { "alias": "text"; "required": false; }; "closeMessage": { "alias": "closeMessage"; "required": false; }; }, { "notificationClose": "notificationClose"; }, never, never, true, never>;
-}
-//# sourceMappingURL=notification.component.d.ts.map

package/libs/ui/elements/src/lib/notification/notification.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/elements/src/lib/notification/notification.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,YAAY,EAGb,MAAM,eAAe,CAAA;;AAKtB,qBAQa,qBAAqB;IACvB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAS;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,qBAA2B;IAEtD,WAAW,CAAC,KAAK,CAAC,EAAE,KAAK;yCAPd,qBAAqB;2CAArB,qBAAqB;CAWjC"}

package/src/libs/feature/notifications/src/index.ts

@@ -1,3 +0,0 @@
-export * from './lib/feature-notifications.module'
-export * from './lib/notifications.service'
-export * from './lib/notifications-container/notifications-container.component'

package/src/libs/feature/notifications/src/lib/feature-notifications.module.ts

@@ -1,10 +0,0 @@
-import { NotificationsService } from './notifications.service'
-import { NgModule } from '@angular/core'
-
-@NgModule({
-  declarations: [],
-  exports: [],
-  imports: [],
-  providers: [NotificationsService],
-})
-export class FeatureNotificationsModule {}

package/src/libs/feature/notifications/src/lib/notification.model.ts

@@ -1,6 +0,0 @@
-export interface NotificationContent {
-  type: 'info' | 'warning' | 'error' | 'success'
-  title: string
-  text: string
-  closeMessage?: string
-}

package/src/libs/feature/notifications/src/lib/notifications-container/notifications-container.component.html

@@ -1,17 +0,0 @@
-<div class="flex flex-col gap-6 p-6 items-start pointer-events-none">
-  <gn-ui-notification
-    *ngFor="
-      let notification of notificationsService.notifications$ | async;
-      trackBy: trackById
-    "
-    class="max-w-full pointer-events-auto"
-    [text]="notification.text"
-    [type]="notification.type"
-    [title]="notification.title"
-    [closeMessage]="notification.closeMessage"
-    (notificationClose)="
-      notificationsService.removeNotificationById(notification.id)
-    "
-    [@enterExit]
-  ></gn-ui-notification>
-</div>

package/src/libs/feature/notifications/src/lib/notifications-container/notifications-container.component.ts

@@ -1,44 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core'
-import { CommonModule } from '@angular/common'
-import { NotificationsService } from '../notifications.service'
-import { NotificationComponent } from '../../../../../../libs/ui/elements/src'
-import {
-  animate,
-  keyframes,
-  style,
-  transition,
-  trigger,
-} from '@angular/animations'
-
-@Component({
-  selector: 'gn-ui-notifications-container',
-  standalone: true,
-  imports: [CommonModule, NotificationComponent],
-  templateUrl: './notifications-container.component.html',
-  styleUrls: ['./notifications-container.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  animations: [
-    trigger('enterExit', [
-      transition(':enter', [
-        animate(
-          '150ms',
-          keyframes([
-            style({ transform: 'scale(1)', opacity: 0 }),
-            style({ transform: 'scale(1.03)', opacity: 0.5 }),
-            style({ transform: 'scale(1)', opacity: 1 }),
-          ])
-        ),
-      ]),
-      transition(':leave', [
-        animate('200ms', style({ transform: 'translateX(50px)', opacity: 0 })),
-      ]),
-    ]),
-  ],
-})
-export class NotificationsContainerComponent {
-  constructor(protected notificationsService: NotificationsService) {}
-
-  trackById(index: number, notification: { id: number }) {
-    return notification.id
-  }
-}

package/src/libs/feature/notifications/src/lib/notifications.service.ts

@@ -1,27 +0,0 @@
-import { Injectable } from '@angular/core'
-import { NotificationContent } from './notification.model'
-import { BehaviorSubject } from 'rxjs'
-
-type NotificationWithIdentity = NotificationContent & { id: number }
-
-@Injectable({
-  providedIn: 'root',
-})
-export class NotificationsService {
-  notifications$ = new BehaviorSubject<NotificationWithIdentity[]>([])
-
-  showNotification(content: NotificationContent, timeoutMs?: number) {
-    const id = Math.floor(Math.random() * 1000000)
-    this.notifications$.next([...this.notifications$.value, { ...content, id }])
-    if (typeof timeoutMs === 'undefined') return
-    setTimeout(() => {
-      this.removeNotificationById(id)
-    }, timeoutMs)
-  }
-
-  removeNotificationById(id: number) {
-    this.notifications$.next(
-      this.notifications$.value.filter((n) => n.id !== id)
-    )
-  }
-}

package/src/libs/ui/elements/src/lib/notification/notification.component.html

@@ -1,52 +0,0 @@
-<div
-  class="p-[16px] flex flex-row gap-[16px] items-start border border-gray-200 shadow-md rounded bg-background"
->
-  <div
-    role="alert"
-    class="rounded-full text-white p-[6px] w-[32px] h-[32px] flex shrink-0"
-    [ngClass]="{
-      'bg-red-500': type === 'error',
-      'bg-yellow-500': type === 'warning',
-      'bg-green-500': type === 'success',
-      'bg-blue-500': type === 'info'
-    }"
-    [ngSwitch]="type"
-  >
-    <mat-icon class="material-symbols-outlined !w-[18px] !h-[18px] text-[20px]">
-      <ng-container *ngSwitchCase="'success'">check_circle</ng-container>
-      <ng-container *ngSwitchCase="'info'">info</ng-container>
-      <ng-container *ngSwitchCase="'warning'">warning</ng-container>
-      <ng-container *ngSwitchCase="'error'">error</ng-container>
-    </mat-icon>
-  </div>
-  <div
-    class="flex flex-col items-start gap-[4px] pt-[3px] grow shrink overflow-hidden"
-  >
-    <div class="font-bold text-[16px] text-gray-900">
-      {{ title }}
-    </div>
-    <div class="text-[14px] text-gray-800">
-      {{ text }}
-    </div>
-    <a
-      href
-      *ngIf="closeMessage"
-      class="text-[14px] gn-ui-link"
-      (click)="handleClose($event)"
-    >
-      {{ closeMessage }}
-    </a>
-  </div>
-  <gn-ui-button
-    type="light"
-    class="shrink-0"
-    (buttonClick)="handleClose()"
-    [style.--gn-ui-button-padding]="0"
-    [style.--gn-ui-button-width]="'21px'"
-    [style.--gn-ui-button-height]="'21px'"
-  >
-    <mat-icon class="material-symbols-outlined text-[22px] !w-[21px] !h-[21px]"
-      >close</mat-icon
-    >
-  </gn-ui-button>
-</div>

package/src/libs/ui/elements/src/lib/notification/notification.component.ts

@@ -1,31 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  EventEmitter,
-  Input,
-  Output,
-} from '@angular/core'
-import { CommonModule } from '@angular/common'
-import { MatIconModule } from '@angular/material/icon'
-import { ButtonComponent } from '../../../../../../libs/ui/inputs/src'
-
-@Component({
-  selector: 'gn-ui-notification',
-  standalone: true,
-  imports: [CommonModule, MatIconModule, ButtonComponent],
-  templateUrl: './notification.component.html',
-  styleUrls: ['./notification.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class NotificationComponent {
-  @Input() type: 'info' | 'warning' | 'error' | 'success' = 'info'
-  @Input() title: string
-  @Input() text: string
-  @Input() closeMessage?: string
-  @Output() notificationClose = new EventEmitter<void>()
-
-  handleClose(event?: Event) {
-    event?.preventDefault()
-    this.notificationClose.emit()
-  }
-}