@provoly/dashboard 0.21.0 → 0.21.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.21.0",
+  "version": "0.21.2",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",
@@ -96,18 +96,18 @@
       "esm": "./esm2022/import/provoly-dashboard-import.mjs",
       "default": "./fesm2022/provoly-dashboard-import.mjs"
     },
-    "./pipeline": {
-      "types": "./pipeline/index.d.ts",
-      "esm2022": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
-      "esm": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
-      "default": "./fesm2022/provoly-dashboard-pipeline.mjs"
-    },
     "./notification": {
       "types": "./notification/index.d.ts",
       "esm2022": "./esm2022/notification/provoly-dashboard-notification.mjs",
       "esm": "./esm2022/notification/provoly-dashboard-notification.mjs",
       "default": "./fesm2022/provoly-dashboard-notification.mjs"
     },
+    "./pipeline": {
+      "types": "./pipeline/index.d.ts",
+      "esm2022": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
+      "esm": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
+      "default": "./fesm2022/provoly-dashboard-pipeline.mjs"
+    },
     "./presentation": {
       "types": "./presentation/index.d.ts",
       "esm2022": "./esm2022/presentation/provoly-dashboard-presentation.mjs",

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

@@ -80,7 +80,6 @@
     }
 
     &__image {
-      width: auto;
       cursor: pointer;
       overflow: hidden;
       height: toRem(110);
@@ -88,6 +87,10 @@
       align-items: center;
       justify-content: center;
 
+      img {
+        width: 100px;
+      }
+
       .is-full-width {
         width: 100%;
         height: 100%;
@@ -109,6 +112,9 @@
         left: toRem(10);
       }
 
+      .a-tooltip {
+        width: 100%;
+      }
     }
 
     &__txt {
@@ -131,11 +137,18 @@
       }
     }
 
+    &__title-container {
+      &.a-tooltip[data-tooltip]:after {
+        top: calc(100% - 15px);
+      }
+    }
+
     &__description-container {
       position: relative;
       width: 100%;
       display: flex;
       align-content: center;
+      min-height: toRem(20);
 
       &.a-tooltip[data-tooltip]:after {
         width: 100%;

package/restitution/style/_o-restitution.scss

@@ -1,7 +1,6 @@
 @use '../../styles/abstracts/index' as *;
 
 .o-restitution {
-  height: 100%;
   margin: 0 auto;
   border-collapse: collapse;
   font-size: toRem(14);
@@ -36,4 +35,20 @@
       border-radius: 50%;
     }
   }
+
+  // o-pry-stepper__content.m-btn-group.actions styles
+  .m-btn-group.o-datasources__bottom {
+    position: fixed;
+    bottom: 0;
+    width: calc(100% - 40px);
+    padding-top: toRem(25);
+    padding-bottom: toRem(20);
+    background-color: #f5f7f9;
+    transform: translateX(-3px);
+    justify-content: space-evenly;
+  }
+
+  .m-namedqueries-wrapper {
+    padding-bottom: 30px;
+  }
 }

package/styles/components/_a-pry-select.scss

@@ -3,15 +3,35 @@
 /* Atom - Component pry-select  (lib) */
 .a-pry-select {
   display: flex;
-  flex-direction: row;
-  gap: toRem(10);
-  align-items: center;
+  justify-content: space-between;
   padding: toRem(10);
+  gap: toRem(10);
+
+  &__content {
+    display: flex;
+    flex-direction: row;
+    gap: toRem(10);
+    align-items: center;
+    overflow: auto;
+
+    -ms-overflow-style: none;  /* IE and Edge */
+    scrollbar-width: none;  /* Firefox */
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  &__actions {
+    display: flex;
+    gap: toRem(5);
+    align-items: center;
+  }
 
   &__value {
     &.-multiple {
       padding: toRem(2) toRem(15);
       border-radius: toRem(15);
+      white-space: nowrap;
     }
   }
 
@@ -25,10 +45,8 @@
   }
 
   &__options {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-evenly;
     overflow: auto;
+    max-height: toRem(calc(6 * 35)); // 6 items of height 35px
 
     &__option {
       cursor: pointer;

package/styles/components/_m-presentation-title.scss

@@ -4,6 +4,7 @@
 
 .m-presentation-title {
   display: flex;
+  gap: toRem(10);
 
   &__text {
     display: flex;

package/styles/components/_o-pry-stepper.scss

@@ -5,7 +5,6 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  height: 100%;
 
   &__header {
     display: flex;
@@ -74,16 +73,13 @@
 
   &__content {
     position: relative;
-    height: calc(100% - 70px);
     width: 100%;
-    padding-bottom: toRem(90);
 
     pry-step {
       display: none;
       padding: 10px;
 
       &.active-step {
-        height: 100%;
         display: flex;
         flex-direction: column;
         padding: 20px 0;

package/toolbox/components/filter-settings/filter-settings.component.d.ts

@@ -58,7 +58,7 @@ export declare class PryFilterSettingsComponent extends ToolboxActionComponent {
     container: ViewContainerRef;
     constructor(store: Store, overlay: Overlay, viewContainerRef: ViewContainerRef, filterFactoryService: FilterFactoryService, injector: Injector);
     getDatasourceClass(dataSource: DataSource, classes: Class[]): Class | undefined;
-    filterAttributes(componentType: string, attributes: Attribute[]): Attribute[];
+    isValidAttributeForComponentType(componentType: string, attribute: Attribute): boolean;
     drop(event: CdkDragDrop<Filter[]>): void;
     toggleSettings(): void;
     openSettings(): void;