@provoly/dashboard 0.19.7 → 0.19.9

package/lib/core/store/search/search.service.d.ts

@@ -45,7 +45,7 @@ export declare class SearchService {
         name: string;
         label: string;
         datasource: string;
-    }[] | undefined, search: string, limit?: number): Observable<string[]>;
+    }[] | undefined, search?: string, limit?: number): Observable<string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SearchService>;
 }

package/lib/dashboard/filter/style/_o-pry-filter-group.scss

@@ -6,7 +6,7 @@
     &__filters {
       display: flex;
       padding: toRem(8) toRem(10);
-      max-height: 60px; // needed for ng-select
+      max-height: 50px; // needed for ng-select
       gap: toRem(10);
     }
 
@@ -14,7 +14,7 @@
       display: flex;
       justify-content: flex-start;
       margin-bottom: toRem(-5);
-      max-height: 60px; // needed for ng-select
+      max-height: 50px; // needed for ng-select
       padding: toRem(4) 0;
       overflow-x: auto;
       overflow-y: hidden;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.19.7",
+  "version": "0.19.9",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",
@@ -85,18 +85,18 @@
       "esm": "./esm2022/admin/provoly-dashboard-admin.mjs",
       "default": "./fesm2022/provoly-dashboard-admin.mjs"
     },
-    "./import": {
-      "types": "./import/index.d.ts",
-      "esm2022": "./esm2022/import/provoly-dashboard-import.mjs",
-      "esm": "./esm2022/import/provoly-dashboard-import.mjs",
-      "default": "./fesm2022/provoly-dashboard-import.mjs"
-    },
     "./dataset": {
       "types": "./dataset/index.d.ts",
       "esm2022": "./esm2022/dataset/provoly-dashboard-dataset.mjs",
       "esm": "./esm2022/dataset/provoly-dashboard-dataset.mjs",
       "default": "./fesm2022/provoly-dashboard-dataset.mjs"
     },
+    "./import": {
+      "types": "./import/index.d.ts",
+      "esm2022": "./esm2022/import/provoly-dashboard-import.mjs",
+      "esm": "./esm2022/import/provoly-dashboard-import.mjs",
+      "default": "./fesm2022/provoly-dashboard-import.mjs"
+    },
     "./notification": {
       "types": "./notification/index.d.ts",
       "esm2022": "./esm2022/notification/provoly-dashboard-notification.mjs",
@@ -253,18 +253,18 @@
       "esm": "./esm2022/pipeline-components/subgraph/provoly-dashboard-pipeline-components-subgraph.mjs",
       "default": "./fesm2022/provoly-dashboard-pipeline-components-subgraph.mjs"
     },
-    "./tooltips/cluster": {
-      "types": "./tooltips/cluster/index.d.ts",
-      "esm2022": "./esm2022/tooltips/cluster/provoly-dashboard-tooltips-cluster.mjs",
-      "esm": "./esm2022/tooltips/cluster/provoly-dashboard-tooltips-cluster.mjs",
-      "default": "./fesm2022/provoly-dashboard-tooltips-cluster.mjs"
-    },
     "./tooltips/attribute": {
       "types": "./tooltips/attribute/index.d.ts",
       "esm2022": "./esm2022/tooltips/attribute/provoly-dashboard-tooltips-attribute.mjs",
       "esm": "./esm2022/tooltips/attribute/provoly-dashboard-tooltips-attribute.mjs",
       "default": "./fesm2022/provoly-dashboard-tooltips-attribute.mjs"
     },
+    "./tooltips/cluster": {
+      "types": "./tooltips/cluster/index.d.ts",
+      "esm2022": "./esm2022/tooltips/cluster/provoly-dashboard-tooltips-cluster.mjs",
+      "esm": "./esm2022/tooltips/cluster/provoly-dashboard-tooltips-cluster.mjs",
+      "default": "./fesm2022/provoly-dashboard-tooltips-cluster.mjs"
+    },
     "./widgets/widget-aggregated-chart": {
       "types": "./widgets/widget-aggregated-chart/index.d.ts",
       "esm2022": "./esm2022/widgets/widget-aggregated-chart/provoly-dashboard-widgets-widget-aggregated-chart.mjs",

package/presentation/components/presentation.component.d.ts

@@ -39,17 +39,20 @@ export declare class PryPresentationComponent extends SubscriptionnerDirective {
     listOfManifests$: BehaviorSubject<ManifestDescription[] | null>;
     mode: 'theme' | 'meta';
     set listOfManifests(manifests: ManifestDescription[] | null);
+    hideToolbox: boolean;
+    inputSearch$: BehaviorSubject<string>;
+    set search(query: string);
     constructor(store: Store<any>, overlay: Overlay, viewContainerRef: ViewContainerRef, router: Router, titleService: PryTitleService, activatedRoute: ActivatedRoute, ngZone: NgZone);
     closeRestitution(): void;
     fetch(presentation: ManifestDescription): void;
     creation(): void;
     edit(presentation: ManifestDescription): void;
     delete(id: string): void;
-    toggleModalActions(presentation?: ManifestDescription | null): void;
+    toggleModalActions(presentation?: ManifestDescription | null, moreButton?: HTMLButtonElement): void;
     toggleModal(presentation?: ManifestDescription | null): void;
     changeVisibility(presentation?: ManifestDescription): void;
     focusCrossElement(): void;
     focusValidation(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PryPresentationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PryPresentationComponent, "pry-presentation", never, { "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "consultStartUrl": { "alias": "consultStartUrl"; "required": false; }; "meAsOwner": { "alias": "meAsOwner"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "listOfManifests": { "alias": "listOfManifests"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PryPresentationComponent, "pry-presentation", never, { "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "consultStartUrl": { "alias": "consultStartUrl"; "required": false; }; "meAsOwner": { "alias": "meAsOwner"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "listOfManifests": { "alias": "listOfManifests"; "required": false; }; "hideToolbox": { "alias": "hideToolbox"; "required": false; }; "search": { "alias": "search"; "required": false; }; }, {}, never, never, false, never>;
 }

package/presentation/style/_o-pry-new-presentation.scss

@@ -29,6 +29,7 @@ pry-add-edit-presentation {
   justify-content: space-between;
   align-items: center;
   gap: toRem(15);
+  padding-top: 0; // needed for pvy-frontend
 
   .a-btn {
     border-radius: 22px;
@@ -85,15 +86,3 @@ pry-add-edit-presentation {
 .a-presentation-title {
   padding: 10px;
 }
-
-.a-presentation__search {
-  position: relative;
-
-  .a-icon {
-    position: absolute;
-    right: 0.6875rem;
-    bottom: 0.5625rem;
-    opacity: 0.5;
-    pointer-events: none;
-  }
-}

package/presentation/style/_o-pry-presentation.scss

@@ -2,19 +2,35 @@
 
 /* Organism - pry-presentation */
 
-.o-manifest-layout__toolbox {
-  height: toRem(84);
+.o-manifest-layout {
+  &__toolbox {
+    div:first-child {
+      margin-left: auto;
+    }
+
+    &__search {
+      position: relative;
 
-  div:first-child {
-    margin-left: auto;
+      .a-form-field {
+        min-height: 10px;
+      }
+
+      .a-icon {
+        position: absolute;
+        right: 0.6875rem;
+        top: toRem(5);
+        opacity: 0.5;
+        pointer-events: none;
+      }
+    }
   }
-}
 
-.o-manifest-layout__content {
-  height: 100%;
+  &__content {
+    height: 100%;
 
-  .pointer {
-    cursor: pointer;
+    .pointer {
+      cursor: pointer;
+    }
   }
 }
 
@@ -47,6 +63,17 @@
     flex-direction: column;
     align-items: stretch;
 
+    &:hover {
+      cursor: pointer;
+
+      .o-presentation__item__footer {
+        pry-icon {
+          visibility: visible;
+          opacity: 1;
+        }
+      }
+    }
+
     .a-tooltip {
       align-items: center;
       width: 100%;
@@ -105,6 +132,18 @@
       display: flex;
       align-content: center;
       justify-content: center;
+      font-size: toRem(14);
+
+      .a-btn {
+        margin-left: toRem(20); // needed for centering the footer text
+      }
+
+      pry-icon {
+        visibility: hidden;
+        opacity: 0;
+        transition: visibility 100ms linear , opacity 100ms linear;
+        margin-left: toRem(3);
+      }
     }
   }
 }
@@ -167,6 +206,9 @@
 .title-tooltip {
   transform: translateY(4rem);
 }
+.info-tooltip{
+  transform: translateY(8rem);
+}
 
 h1.a-presentation-title {
   font-size: 16px;
@@ -211,3 +253,7 @@ h1.a-presentation-title {
   top: toRem(6);
   right: toRem(10);
 }
+
+.m-context-menu {
+  position: absolute;
+}

package/styles-theme/components-theme/_o-pry-presentation.theme.scss

@@ -25,12 +25,8 @@
     &__footer {
       border-top: 1px themed($theme-map, 'color', 'primary', 300) solid;
 
-      .a-btn {
-        &:hover,
-        &:active {
-          color: themed($theme-map, 'color', 'accent', 400);
-          transition: color 100ms linear;
-        }
+      pry-icon {
+        color: themed($theme-map, 'color', 'accent', 400);
       }
     }
   }