@provoly/hypervisor 0.0.8 → 0.0.10

package/src/lib/general/i18n/en.translations.d.ts

@@ -16,8 +16,42 @@ export declare const enTranslations: {
                 DONE: string;
             };
             address: string;
-            date: string;
-            dateM: string;
+            source: string;
+            equipment: string;
+            equipmentEntity: string;
+            startDate: string;
+            endDate: string;
+            creationDate: string;
+            lastModificationDate: string;
+            closeDate: string;
+            log: {
+                name: string;
+                event: {
+                    description: string;
+                    address: string;
+                    detail: string;
+                    name: string;
+                    category: string;
+                    comments: {
+                        name: string;
+                        placeholder: string;
+                    };
+                };
+                procedure: {
+                    delete: string;
+                    progress: string;
+                    noAction: string;
+                    name: string;
+                    addAction: string;
+                };
+            };
+            category: {
+                ALERT: string;
+                REPORT: string;
+                OPERATOR_EVENT: string;
+                ALERT_LIMIT: string;
+                MANIFESTATION: string;
+            };
         };
         eventSummary: {
             noContent: string;
@@ -35,9 +69,12 @@ export declare const enTranslations: {
         };
         procedure: {
             name: string;
+            progress: string;
         };
         action: {
             consult: string;
+            close: string;
+            send: string;
         };
     };
 };

package/src/lib/general/i18n/fr.translations.d.ts

@@ -1,7 +1,6 @@
 export declare const frTranslations: {
     '@hvy': {
         event: {
-            criticality: string;
             name: string;
             type: {
                 name: string;
@@ -16,8 +15,50 @@ export declare const frTranslations: {
                 DONE: string;
             };
             address: string;
-            date: string;
-            dateM: string;
+            source: string;
+            equipment: string;
+            equipmentEntity: string;
+            startDate: string;
+            endDate: string;
+            creationDate: string;
+            lastModificationDate: string;
+            closeDate: string;
+            log: {
+                name: string;
+                event: {
+                    description: string;
+                    address: string;
+                    detail: string;
+                    name: string;
+                    category: string;
+                    close: string;
+                    comments: {
+                        name: string;
+                        placeholder: string;
+                    };
+                };
+                procedure: {
+                    delete: string;
+                    progress: string;
+                    noAction: string;
+                    name: string;
+                    addAction: string;
+                };
+            };
+            category: {
+                name: string;
+                ALERT_MALFUNCTION: string;
+                REPORT: string;
+                OPERATOR_EVENT: string;
+                ALERT_LIMIT: string;
+                MANIFESTATION: string;
+            };
+            criticality: {
+                name: string;
+                LOW: string;
+                MEDIUM: string;
+                HIGH: string;
+            };
         };
         eventSummary: {
             noContent: string;
@@ -35,9 +76,12 @@ export declare const frTranslations: {
         };
         procedure: {
             name: string;
+            progress: string;
         };
         action: {
             consult: string;
+            close: string;
+            send: string;
         };
     };
 };

package/src/lib/general/icon-display/icon-display.component.d.ts

@@ -1,4 +1,4 @@
-import { HypEvent } from '../../model/hyp-event.interface';
+import { HypEvent } from '../../model/event/hyp-event.interface';
 import * as i0 from "@angular/core";
 export declare class IconDisplayComponent {
     event: HypEvent;

package/src/lib/general/icon-pipe/event-icon.pipe.d.ts

@@ -1,16 +1,17 @@
 import { PipeTransform } from '@angular/core';
 import { Observable } from 'rxjs';
-import { HypEvent } from '../../model/hyp-event.interface';
+import { HypEvent } from '../../model/event/hyp-event.interface';
 import { Store } from '@ngrx/store';
-import { HypEventSummary } from '../../model/hyp-event-summary.interface';
+import { HypEventSummary } from '../../model/event/hyp-event-summary.interface';
+import { HypEventDetails } from '../../model/event/hyp-event-detail.interface';
 import * as i0 from "@angular/core";
 export declare const EVENT_TO_ICON: {
-    fn: (event: HypEvent | HypEventSummary, store: Store<any>) => Observable<string>;
+    fn: (event: HypEvent | HypEventSummary | HypEventDetails, store: Store<any>) => Observable<string>;
 };
 export declare class EventIconPipe implements PipeTransform {
     private store;
     constructor(store: Store<any>);
-    transform(value: HypEvent | HypEventSummary, ...args: unknown[]): Observable<string>;
+    transform(value: HypEvent | HypEventSummary | HypEventDetails, ...args: unknown[]): Observable<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EventIconPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<EventIconPipe, "eventIcon", false>;
 }

package/src/lib/general/progress-display/progress-display.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ProgressDisplayComponent {
+    progress: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressDisplayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressDisplayComponent, "hvy-progress-display", never, { "progress": { "alias": "progress"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/lib/general/public-api.d.ts

@@ -2,4 +2,8 @@ export * from './base.token';
 export * from './i18n/en.translations';
 export * from './i18n/fr.translations';
 export * from './icon-pipe/event-icon.pipe';
+export * from './icon-pipe/event-icon.pipe';
+export * from './for-datetime-local-pipe/for-datetime-local.pipe';
 export * from './icon-display/icon-display.component';
+export * from './status-display/status-display.component';
+export * from './progress-display/progress-display.component';

package/src/lib/general/status-display/status-display.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '@angular/core';
+import { HypEventDetails } from '../../model/event/hyp-event-detail.interface';
+import * as i0 from "@angular/core";
+export declare class StatusDisplayComponent {
+    modified: EventEmitter<string>;
+    private _event;
+    targetStatuses: string[];
+    targetsDisplayed: boolean;
+    _modifiable: boolean;
+    set event(event: HypEventDetails);
+    set modifiable(modifiable: boolean);
+    get modifiable(): boolean;
+    get event(): HypEventDetails;
+    trigger(status: string): void;
+    updateTargetStatuses(): void;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatusDisplayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusDisplayComponent, "hvy-status-display", never, { "event": { "alias": "event"; "required": false; }; "modifiable": { "alias": "modifiable"; "required": false; }; }, { "modified": "modified"; }, never, never, false, never>;
+}

package/src/lib/hypervisor.module.d.ts

@@ -9,14 +9,17 @@ import * as i4 from "./event-summary/item/event-summary-item.component";
 import * as i5 from "./event-summary/list/event-summary-list.component";
 import * as i6 from "./event-summary/page/event-summary-page.component";
 import * as i7 from "./general/icon-pipe/event-icon.pipe";
-import * as i8 from "@ngrx/store";
-import * as i9 from "@ngrx/effects";
-import * as i10 from "@angular/common";
-import * as i11 from "@provoly/dashboard";
-import * as i12 from "@provoly/dashboard/components/checkbox";
-import * as i13 from "@angular/forms";
-import * as i14 from "@angular/router";
-import * as i15 from "@provoly/dashboard/components/sinceDate";
+import * as i8 from "./general/for-datetime-local-pipe/for-datetime-local.pipe";
+import * as i9 from "./general/status-display/status-display.component";
+import * as i10 from "./general/progress-display/progress-display.component";
+import * as i11 from "@ngrx/store";
+import * as i12 from "@ngrx/effects";
+import * as i13 from "@angular/common";
+import * as i14 from "@provoly/dashboard";
+import * as i15 from "@provoly/dashboard/components/checkbox";
+import * as i16 from "@angular/forms";
+import * as i17 from "@angular/router";
+import * as i18 from "@provoly/dashboard/components/sinceDate";
 export declare class PvyHypervisorModule {
     private baseConfig;
     private store;
@@ -28,6 +31,6 @@ export declare class PvyHypervisorModule {
         url: string;
     }, store: Store<any>, i18nService: PryI18nService);
     static ɵfac: i0.ɵɵFactoryDeclaration<PvyHypervisorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PvyHypervisorModule, [typeof i1.EventDetailComponent, typeof i2.EventListComponent, typeof i3.IconDisplayComponent, typeof i4.EventSummaryItemComponent, typeof i5.EventSummaryListComponent, typeof i6.EventSummaryPageComponent, typeof i7.EventIconPipe], [typeof i8.StoreFeatureModule, typeof i8.StoreFeatureModule, typeof i8.StoreFeatureModule, typeof i9.EffectsFeatureModule, typeof i10.NgForOf, typeof i10.AsyncPipe, typeof i11.PryI18nModule, typeof i11.PryCoreModule, typeof i10.AsyncPipe, typeof i11.PryCoreModule, typeof i10.NgStyle, typeof i12.PryCheckboxModule, typeof i13.FormsModule, typeof i14.RouterLink, typeof i15.PrySinceDateModule, typeof i10.DatePipe, typeof i11.PryIconModule, typeof i10.KeyValuePipe, typeof i11.PrySelectModule, typeof i13.FormsModule], [typeof i1.EventDetailComponent, typeof i2.EventListComponent, typeof i3.IconDisplayComponent, typeof i4.EventSummaryItemComponent, typeof i5.EventSummaryListComponent, typeof i6.EventSummaryPageComponent, typeof i7.EventIconPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PvyHypervisorModule, [typeof i1.EventDetailComponent, typeof i2.EventListComponent, typeof i3.IconDisplayComponent, typeof i4.EventSummaryItemComponent, typeof i5.EventSummaryListComponent, typeof i6.EventSummaryPageComponent, typeof i7.EventIconPipe, typeof i8.ForDatetimeLocalPipe, typeof i9.StatusDisplayComponent, typeof i10.ProgressDisplayComponent], [typeof i11.StoreFeatureModule, typeof i11.StoreFeatureModule, typeof i11.StoreFeatureModule, typeof i12.EffectsFeatureModule, typeof i13.NgForOf, typeof i13.AsyncPipe, typeof i14.PryI18nModule, typeof i14.PryCoreModule, typeof i13.AsyncPipe, typeof i14.PryCoreModule, typeof i13.NgStyle, typeof i15.PryCheckboxModule, typeof i16.FormsModule, typeof i17.RouterLink, typeof i18.PrySinceDateModule, typeof i13.DatePipe, typeof i14.PryIconModule, typeof i13.KeyValuePipe, typeof i14.PrySelectModule, typeof i16.FormsModule, typeof i13.JsonPipe, typeof i14.PryDatePickerModule], [typeof i1.EventDetailComponent, typeof i2.EventListComponent, typeof i3.IconDisplayComponent, typeof i4.EventSummaryItemComponent, typeof i5.EventSummaryListComponent, typeof i6.EventSummaryPageComponent, typeof i7.EventIconPipe, typeof i8.ForDatetimeLocalPipe, typeof i9.StatusDisplayComponent, typeof i10.ProgressDisplayComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PvyHypervisorModule>;
 }

package/src/lib/model/event/hyp-event-category.type.d.ts

@@ -0,0 +1 @@
+export declare const HypEventCategory: string[];

package/src/lib/model/event/hyp-event-criticality.type.d.ts

@@ -0,0 +1 @@
+export declare const HypEventCriticality: string[];

package/src/lib/model/event/hyp-event-detail.interface.d.ts

@@ -0,0 +1,22 @@
+import { HypEvent } from './hyp-event.interface';
+export interface HypEventDetails extends HypEvent {
+    address: string;
+    description: string;
+    status: string;
+    lastModificationDate: string;
+    creationDate: string;
+    equipment?: {
+        id: string;
+        name: string;
+        type: string;
+        entity: string;
+    };
+    externalSourceRef?: string;
+    category: string;
+    startDate: string;
+    endDate: string;
+    closeDate: string;
+    procedureId?: string;
+    linkedEvents: number;
+    procedureProgress?: number;
+}

package/src/lib/model/event/hyp-event-status.type.d.ts

@@ -0,0 +1 @@
+export declare const HypEventStatus: string[];

package/src/lib/model/{hyp-event-summary.interface.d.ts → event/hyp-event-summary.interface.d.ts}

@@ -1,13 +1,14 @@
 import { HypEvent } from './hyp-event.interface';
 export interface HypEventSummary extends HypEvent {
     interventionRequestCount: number;
-    lastModificationDate: Date;
+    lastModificationDate: string;
     manifestation?: {
-        startDate: Date;
-        endDate: Date;
+        startDate: string;
+        endDate: string;
     };
     interventionRequestTitle?: string;
-    category: "REPORT" | "OPERATOR" | 'MALFUNCTION_ALERT' | 'LIMIT_ALERT' | 'MANIFESTATION';
+    category: string;
+    procedureId?: string;
 }
 type HypStatus = 'NEW' | 'IN_PROGRESS' | 'DONE';
 export type HypEventSummaries = {

package/src/lib/model/event/hyp-event.interface.d.ts

@@ -0,0 +1,6 @@
+export interface HypEvent {
+    id: string;
+    name: string;
+    criticality: string;
+    type: string;
+}

package/src/lib/model/hyp-action.interface.d.ts

@@ -3,5 +3,5 @@ export interface HypAction {
     name: string;
     type: 'INTERVENTION_REQUEST' | 'TODO';
     status: 'NEW' | 'IN_PROGRESS' | 'DONE';
-    lastModificationDate: Date;
+    lastModificationDate: string;
 }

package/src/lib/model/hyp-equipment.interface.d.ts

@@ -0,0 +1,5 @@
+export interface HypEquipment {
+    id: string;
+    name: string;
+    entity: string;
+}

package/src/lib/model/hyp-procedure.interface.d.ts

@@ -1,4 +1,4 @@
-import { HypEventDetails } from './hyp-event-detail.interface';
+import { HypEventDetails } from './event/hyp-event-detail.interface';
 import { HypAction } from './hyp-action.interface';
 export interface HypProcedure {
     id: string;

package/src/lib/model/public-api.d.ts

@@ -1,8 +1,9 @@
-export * from './hyp-event.interface';
-export * from './hyp-event-category.type';
-export * from './hyp-event-criticality.type';
-export * from './hyp-event-detail.interface';
-export * from './hyp-event-status.type';
-export * from './hyp-event-summary.interface';
-export * from './hyp-event-type';
+export * from './event/hyp-event.interface';
+export * from './event/hyp-event-category.type';
+export * from './event/hyp-event-criticality.type';
+export * from './event/hyp-event-detail.interface';
+export * from './event/hyp-event-status.type';
+export * from './event/hyp-event-summary.interface';
+export * from './event/hyp-event-type';
 export * from './hyp-procedure.interface';
+export * from './hyp-equipment.interface';

package/src/lib/store/equipment/equipment.service.d.ts

@@ -0,0 +1,13 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { Store } from '@ngrx/store';
+import { HypEquipment } from '../../model/hyp-equipment.interface';
+import * as i0 from "@angular/core";
+export declare class EquipmentService {
+    private httpClient;
+    private store;
+    constructor(httpClient: HttpClient, store: Store<any>);
+    findByName(name: string): Observable<HypEquipment>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EquipmentService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EquipmentService>;
+}

package/src/lib/store/equipment/public-api.d.ts

@@ -0,0 +1 @@
+export * from './equipment.service';

package/src/lib/store/event/event.actions.d.ts

@@ -1,11 +1,17 @@
-import { HypEventDetails } from '../../model/hyp-event-detail.interface';
+import { HypEventDetails } from '../../model/event/hyp-event-detail.interface';
 import { HypProcedure } from '../../model/hyp-procedure.interface';
 export declare const EventActions: {
-    load: import("@ngrx/store").ActionCreator<"[Event] Load Events", () => import("@ngrx/store/src/models").TypedAction<"[Event] Load Events">>;
+    load: import("@ngrx/store").ActionCreator<"[Event] Load Events", (props: {
+        next?: boolean | undefined;
+    }) => {
+        next?: boolean | undefined;
+    } & import("@ngrx/store/src/models").TypedAction<"[Event] Load Events">>;
     loadSuccess: import("@ngrx/store").ActionCreator<"[Event Api] (bus) Load Events Success", (props: {
         events: HypEventDetails[];
+        startingFrom?: number | undefined;
     }) => {
         events: HypEventDetails[];
+        startingFrom?: number | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Event Api] (bus) Load Events Success">>;
     loadFailure: import("@ngrx/store").ActionCreator<"[Event Api] Load Events Failure", (props: {
         error: string;
@@ -50,4 +56,26 @@ export declare const EventActions: {
     }) => {
         error: string;
     } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Get Events/Procedure Failure">>;
+    save: import("@ngrx/store").ActionCreator<"[Event] Save Event", (props: {
+        event: HypEventDetails;
+    }) => {
+        event: HypEventDetails;
+    } & import("@ngrx/store/src/models").TypedAction<"[Event] Save Event">>;
+    saveProcedure: import("@ngrx/store").ActionCreator<"[Event] Save Procedure and linked Events", (props: {
+        procedure: HypProcedure;
+    }) => {
+        procedure: HypProcedure;
+    } & import("@ngrx/store/src/models").TypedAction<"[Event] Save Procedure and linked Events">>;
+    saveSuccess: import("@ngrx/store").ActionCreator<"[Event] Save success", (props: {
+        event?: HypEventDetails | undefined;
+        procedure?: HypProcedure | undefined;
+    }) => {
+        event?: HypEventDetails | undefined;
+        procedure?: HypProcedure | undefined;
+    } & import("@ngrx/store/src/models").TypedAction<"[Event] Save success">>;
+    saveFailure: import("@ngrx/store").ActionCreator<"[Event] Save failure", (props: {
+        error: string;
+    }) => {
+        error: string;
+    } & import("@ngrx/store/src/models").TypedAction<"[Event] Save failure">>;
 };

package/src/lib/store/event/event.effects.d.ts

@@ -1,11 +1,14 @@
 import { Actions } from '@ngrx/effects';
 import { EventService } from './event.service';
+import { Store } from '@ngrx/store';
 import * as i0 from "@angular/core";
 export declare class EventEffects {
     private actions$;
     private eventService;
+    private store;
     loadEvents$: import("rxjs").Observable<({
         events: import("@provoly/hypervisor").HypEventDetails[];
+        startingFrom?: number | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Event Api] (bus) Load Events Success">) | ({
         error: string;
     } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Load Events Failure">)> & import("@ngrx/effects").CreateEffectMetadata;
@@ -21,7 +24,19 @@ export declare class EventEffects {
     } & import("@ngrx/store/src/models").TypedAction<"[Event Api] (bus) Get Events/Procedure Success">) | ({
         error: string;
     } & import("@ngrx/store/src/models").TypedAction<"[Event Api] Get Events/Procedure Failure">)> & import("@ngrx/effects").CreateEffectMetadata;
-    constructor(actions$: Actions, eventService: EventService);
+    saveEvent$: import("rxjs").Observable<({
+        event?: import("@provoly/hypervisor").HypEventDetails | undefined;
+        procedure?: import("@provoly/hypervisor").HypProcedure | undefined;
+    } & import("@ngrx/store/src/models").TypedAction<"[Event] Save success">) | ({
+        error: string;
+    } & import("@ngrx/store/src/models").TypedAction<"[Event] Save failure">)> & import("@ngrx/effects").CreateEffectMetadata;
+    saveProcedure$: import("rxjs").Observable<({
+        event?: import("@provoly/hypervisor").HypEventDetails | undefined;
+        procedure?: import("@provoly/hypervisor").HypProcedure | undefined;
+    } & import("@ngrx/store/src/models").TypedAction<"[Event] Save success">) | ({
+        error: string;
+    } & import("@ngrx/store/src/models").TypedAction<"[Event] Save failure">)> & import("@ngrx/effects").CreateEffectMetadata;
+    constructor(actions$: Actions, eventService: EventService, store: Store);
     static ɵfac: i0.ɵɵFactoryDeclaration<EventEffects, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EventEffects>;
 }

package/src/lib/store/event/event.reducer.d.ts

@@ -1,9 +1,10 @@
 import { Action } from '@ngrx/store';
-import { HypEventDetails } from '../../model/hyp-event-detail.interface';
+import { HypEventDetails } from '../../model/event/hyp-event-detail.interface';
 import { HypProcedure } from '../../model/hyp-procedure.interface';
 export declare const eventFeatureKey = "@hvy/event";
 export interface EventState {
     events: HypEventDetails[];
+    noMoreEvents: boolean;
     loading: boolean;
     filters: {
         [key: string]: string[];

package/src/lib/store/event/event.selectors.d.ts

@@ -16,4 +16,5 @@ export declare const EventSelectors: {
         event?: import("@provoly/hypervisor").HypEventDetails | undefined;
         procedure?: import("@provoly/hypervisor").HypProcedure | undefined;
     }>;
+    noMoreEvents: import("@ngrx/store").MemoizedSelector<object, boolean, (s1: EventState) => boolean>;
 };

package/src/lib/store/event/event.service.d.ts

@@ -1,16 +1,18 @@
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { Store } from '@ngrx/store';
-import { HypEventDetails } from '../../model/hyp-event-detail.interface';
+import { HypEventDetails } from '../../model/event/hyp-event-detail.interface';
 import { HypProcedure } from '../../model/hyp-procedure.interface';
 import * as i0 from "@angular/core";
 export declare class EventService {
     private httpClient;
     private store;
     constructor(httpClient: HttpClient, store: Store<any>);
-    list(): Observable<Array<HypEventDetails>>;
+    list(startWith?: number): Observable<Array<HypEventDetails>>;
     get(id: string): Observable<HypEventDetails>;
     getProcedure(id: string): Observable<HypProcedure>;
+    save(event: HypEventDetails): Observable<HypEventDetails>;
+    saveProcedure(procedure: HypProcedure): Observable<HypProcedure>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EventService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EventService>;
 }

package/src/lib/store/event/public-api.d.ts

@@ -2,3 +2,4 @@ export * from './event.actions';
 export * from './event.effects';
 export * from './event.reducer';
 export * from './event.selectors';
+export * from './event.service';

package/src/lib/store/event-summary/event-summary.actions.d.ts

@@ -1,4 +1,4 @@
-import { HypEventSummaries } from '../../model/hyp-event-summary.interface';
+import { HypEventSummaries } from '../../model/event/hyp-event-summary.interface';
 export declare const EventSummaryActions: {
     load: import("@ngrx/store").ActionCreator<"[Event] Load Summaries", () => import("@ngrx/store/src/models").TypedAction<"[Event] Load Summaries">>;
     loadSuccess: import("@ngrx/store").ActionCreator<"[Event Api] Load Summaries Success", (props: {

package/src/lib/store/event-summary/event-summary.reducer.d.ts

@@ -1,5 +1,5 @@
 import { Action } from '@ngrx/store';
-import { HypEventSummaries } from '../../model/hyp-event-summary.interface';
+import { HypEventSummaries } from '../../model/event/hyp-event-summary.interface';
 export declare const eventSummaryFeatureKey = "@hvy/event-summary";
 export interface EventSummaryState {
     summaries: HypEventSummaries;

package/src/lib/store/hypervisor/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './hypervisor.actions';
+export * from './hypervisor.effects';
+export * from './hypervisor.reducer';
+export * from './hypervisor.selectors';
+export * from './hypervisor.service';

package/styles/components/_a-chip-status.scss

@@ -0,0 +1,46 @@
+@use 'node_modules/@provoly/dashboard/styles/abstracts' as *;
+@use 'node_modules/@provoly/dashboard/styles-theme/abstracts-theme/variables.theme' as *;
+
+.a-chip-status {
+  width: fit-content;
+
+  &.-IN_PROGRESS {
+    color: themed($theme-map, 'color', 'graph', 'contrast', 07);
+    background-color: themed($theme-map, 'color', 'graph', 07);
+
+    &:hover {
+      @include changeBgColor(
+        $targetBgColor: themed($theme-map, 'color', 'graph', 06),
+        $targetTextColor: themed($theme-map, 'color', 'graph', 'contrast', 06)
+      );
+    }
+  }
+
+  &.-DONE {
+    color: themed($theme-map, 'color', 'graph', 'contrast', 05);
+    background-color: themed($theme-map, 'color', 'graph', 05);
+
+    &:hover {
+      @include changeBgColor(
+        $targetBgColor: themed($theme-map, 'color', 'graph', 04),
+        $targetTextColor: themed($theme-map, 'color', 'graph', 'contrast', 04)
+      );
+    }
+  }
+
+  &__target {
+    box-shadow: themed($theme-map, 'decoration', 'shadow', 'card');
+    margin-top: toRem(-10);
+
+    &__filler {
+      height: toRem(10);
+    }
+    &__item {
+      padding: toRem(5);
+    }
+  }
+
+  pry-icon {
+    margin-top: toRem(-7);
+  }
+}

package/styles/components/_index.scss

@@ -1,9 +1,12 @@
 /* Atoms */
+@use "./a-chip-status" as *;
 
 /* Molecules */
 @use "./m-hvy-event-summary-item" as *;
 
 /* Organisms */
+@use "./o-hvy-event-detail" as *;
 @use "./o-hvy-event-summary-list" as *;
 @use "./o-hvy-event-summary-page" as *;
 @use "./o-hvy-events-table" as *;
+@use "./o-progressbar" as *;