@provoly/dashboard 0.22.5 → 0.22.6

package/lib/core/components/select/select.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/common";
 import * as i4 from "@angular/forms";
 import * as i5 from "../icon/icon.module";
 import * as i6 from "../../i18n/i18n.module";
+import * as i7 from "@provoly/dashboard/components/checkbox";
 export declare class PrySelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PrySelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PrySelectModule, [typeof i1.PrySelectComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.PryIconModule, typeof i6.PryI18nModule], [typeof i1.PrySelectComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PrySelectModule, [typeof i1.PrySelectComponent], [typeof i2.A11yModule, typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.PryIconModule, typeof i6.PryI18nModule, typeof i7.PryCheckboxModule], [typeof i1.PrySelectComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PrySelectModule>;
 }

package/lib/dashboard/components/widgets/header/widget-header.component.d.ts

@@ -10,7 +10,7 @@ import { ToolboxMenuService } from '../../../../core/toolbox/toolbox-menu.servic
 import { SubscriptionnerDirective } from '../../subscriptionner.directive';
 import { WidgetContextMenuDisplayOptions } from '../../../../core/model/display-options.interface';
 import * as i0 from "@angular/core";
-export declare const WIDGET_HEADER_HEIGHT = 30;
+export declare const WIDGET_HEADER_HEIGHT = 32;
 export type HeaderAction = {
     icon: string;
     action: (that: PryWidgetHeaderComponent) => void;

package/lib/dashboard/components/widgets/widget-instanciator/widget-factory.service.d.ts

@@ -1,6 +1,6 @@
 import { InjectionToken, Injector, Type } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
-import { WidgetManifest } from '../../../../core/model/manifest.interface';
+import { GlobalManifest, WidgetManifest } from '../../../../core/model/manifest.interface';
 import { BaseWidgetComponent } from '../base-widget.component';
 import { WidgetDefinition } from './widgets-definition.model';
 import { Store } from '@ngrx/store';
@@ -28,6 +28,13 @@ export declare class WidgetFactoryService {
         excludeGeo: boolean;
     }[];
     aggregatesToAutoLoad(manifest: WidgetManifest): string[];
+    getObjectsToAutoLoad(manifest: GlobalManifest): {
+        datasources: {
+            datasetId: string;
+            excludeGeo: boolean;
+        }[];
+        aggregates: string[];
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetFactoryService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<WidgetFactoryService>;
 }

package/lib/dashboard/store/dashboard.selectors.d.ts

@@ -47,19 +47,6 @@ export declare const DashboardSelectors: {
         } | undefined;
         filters?: Filter[] | undefined;
     }>;
-    manifestDatasources: MemoizedSelector<object, {
-        datasetId: string;
-        excludeGeo: boolean;
-    }[], (s1: {
-        windows: DashboardManifest[];
-        refreshRates?: {
-            [key: string]: number;
-        } | undefined;
-        filters?: Filter[] | undefined;
-    }) => {
-        datasetId: string;
-        excludeGeo: boolean;
-    }[]>;
     refreshRates: MemoizedSelector<object, {
         [key: string]: number;
     }, (s1: {

package/lib/dashboard/store/refresh.service.d.ts

@@ -1,10 +1,12 @@
 import { Store } from '@ngrx/store';
 import { Subscription } from 'rxjs';
+import { WidgetFactoryService } from '../components/widgets/widget-instanciator/widget-factory.service';
 import * as i0 from "@angular/core";
 export declare class RefreshService {
     private store;
+    private widgetFactoryService;
     subscription?: Subscription;
-    constructor(store: Store);
+    constructor(store: Store, widgetFactoryService: WidgetFactoryService);
     stop(): void;
     start(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RefreshService, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.22.5",
+  "version": "0.22.6",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",
@@ -186,18 +186,18 @@
       "esm": "./esm2022/components/stepper/provoly-dashboard-components-stepper.mjs",
       "default": "./fesm2022/provoly-dashboard-components-stepper.mjs"
     },
-    "./filters/date": {
-      "types": "./filters/date/index.d.ts",
-      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
-    },
     "./filters/autocomplete": {
       "types": "./filters/autocomplete/index.d.ts",
       "esm2022": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
       "esm": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
       "default": "./fesm2022/provoly-dashboard-filters-autocomplete.mjs"
     },
+    "./filters/date": {
+      "types": "./filters/date/index.d.ts",
+      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
+    },
     "./filters/list": {
       "types": "./filters/list/index.d.ts",
       "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",

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

@@ -112,13 +112,10 @@
       justify-content: space-between;
 
       .a-h3 {
-        font-size: toRem(14);
         padding-bottom: toRem(5);
       }
 
       .a-p {
-        font-size: toRem(13);
-
         &.-date {
           padding-top: toRem(10);
           margin-bottom: 0;

package/styles/components/_a-chip.scss

@@ -1,6 +1,8 @@
 @use '../abstracts' as *;
 
 .a-chip {
+  display: flex;
+  align-items: center;
   border-radius: toRem(24);
   height: toRem(14);
   font-size: toRem(10);
@@ -10,4 +12,8 @@
     height: toRem(20);
     font-size: toRem(12);
   }
+
+  &.-no-wrap {
+    white-space: nowrap;
+  }
 }

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

@@ -4,6 +4,7 @@
 .a-pry-select {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   padding: toRem(10);
   gap: toRem(10);
 
@@ -28,6 +29,11 @@
   }
 
   &__value {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: toRem(10);
+
     &.-multiple {
       padding: toRem(2) toRem(15);
       border-radius: toRem(15);
@@ -49,6 +55,9 @@
     max-height: toRem(calc(6 * 35)); // 6 items of height 35px
 
     &__option {
+      display: flex;
+      align-items: center;
+      gap: toRem(10);
       cursor: pointer;
       padding: toRem(8) toRem(10);
       font-family: Ubuntu,sans-serif;
@@ -68,6 +77,10 @@
           margin-bottom: 0;
         }
       }
+
+      pry-checkbox {
+        margin-bottom: -10px;
+      }
     }
   }
 

package/styles/components/_a-range-slider.scss

@@ -21,10 +21,10 @@
     height: 7px;
     border-radius: 5px;
     background: rgba(255, 255, 255, 0.6);
-    background-image: linear-gradient(#569a9c, #569a9c);
+    background-image: linear-gradient(#426EA4, #4081d0);
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    box-shadow: 0 0 2px 2px rgba(23, 129, 132, 0.2);
+    box-shadow: 0 0 2px 2px #F5F7F9;
     -webkit-appearance: none;
   }
 
@@ -61,9 +61,8 @@
     z-index: 0;
     bottom: -6px;
     width: 20px;
-    color: #178184;
+    color: #113B6E;
     opacity: 0.7;
-    font-size: 12px;
     text-align: center;
 
     &:before {
@@ -75,7 +74,7 @@
       transform: translateX(-50%);
       width: 2px;
       height: 10px;
-      background-color: #178184;
+      background-color: #113B6E;
       border-radius: 2px;
     }
   }

package/styles/components/_m-nav-links.scss

@@ -8,16 +8,11 @@
 
   &__list {
     @extend %list-unstyled;
-    margin: toRem(18) toRem(20);
 
     &__item {
-      margin-bottom: toRem(12);
-
-      [class*='a-btn--'] {
+      [class*='a-btn'] {
         justify-content: flex-start;
-        // height: toRem(55);
-        // padding: 0.5rem 1rem;
-        // border-radius: toRem(28);
+        border-radius: 0;
         text-align: left;
       }
     }

package/styles/components/_o-widget.scss

@@ -68,6 +68,8 @@
       padding-right: toRem(15);
 
       .a-btn {
+        border-radius: 50%;
+
         &:not(:last-child) {
           margin-right: 5px;
         }
@@ -214,6 +216,10 @@
       }
     }
   }
+
+  .-has-header {
+    margin-top: toRem(32);
+  }
 }
 
 .widget-below-header {

package/styles-theme/abstracts-theme/variables/_variables-colors.scss

@@ -9,9 +9,10 @@ $theme-colors-primary: (
   400: #BCCAD8, //filter border
   500: #7B96B2,
   600: #113B6E, // new primary color
-  700: #3E546A, // all typography
-  750: #263340, // typography - titles, categories
-  800: #131920, // focus, active button
+  700: #3E546A, // figma 600, all typography
+  750: #263340, // figma 700, typography - titles, categories
+  800: #131920,
+  850: #092B54, // hover - slider, active - button
 
   'contrast': (
     50: #FFFFFF,

package/styles-theme/base-theme/_typography.theme.scss

@@ -2,27 +2,30 @@
 @use '../abstracts-theme/variables.theme' as *;
 
 body {
-  color: themed($theme-map, 'color', 'graph', 01);
+  color: themed($theme-map, 'color', 'primary', 700);
   @include typography-level(themed($theme-map, 'typography', 'body'));
 }
 
 .a-h1,
 h1 {
-  color: themed($theme-map, 'color', 'graph', 02);
+  color: themed($theme-map, 'color', 'primary', 750);
   @include typography-level(themed($theme-map, 'typography', 'title-1'));
 }
 
 .a-h2,
 h2 {
+  color: themed($theme-map, 'color', 'primary', 750);
   @include typography-level(themed($theme-map, 'typography', 'title-2'));
 }
 
 .a-h3,
 h3 {
+  color: themed($theme-map, 'color', 'primary', 750);
   @include typography-level(themed($theme-map, 'typography', 'title-3'));
 }
 
 .a-h4,
 h4 {
+  color: themed($theme-map, 'color', 'primary', 750);
   @include typography-level(themed($theme-map, 'typography', 'title-4'));
 }

package/styles-theme/components-theme/_a-btn.theme.scss

@@ -30,9 +30,8 @@
 
     &:focus,
     &:active {
-      // TODO Jessica
       @include changeBgColor(
-          $targetBgColor: themed($theme-map, 'color', 'primary', 800),
+          $targetBgColor: themed($theme-map, 'color', 'primary', 850),
           $targetTextColor: themed($theme-map, 'color', 'primary', 'contrast', 50)
       );
     }
@@ -50,7 +49,6 @@
     background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
 
     &:hover {
-      // TODO Jessica
       @include changeBgColor(
         $targetBgColor: themed($theme-map, 'color', 'primary', 300)
       );
@@ -58,18 +56,16 @@
 
     &:focus,
     &:active {
-      // TODO Jessica
-      background-color: themed($theme-map, 'color', 'primary', 400);
+      background-color: themed($theme-map, 'color', 'primary', 600);
     }
 
     &.-disabled,
     &:disabled {
-      // TODO Jessica
       opacity: 0.5;
     }
 
     &.is-active {
-      background-color: themed($theme-map, 'color', 'primary', 400);
+      background-color: themed($theme-map, 'color', 'primary', 600);
     }
   }
 

package/styles-theme/components-theme/_a-label.theme.scss

@@ -4,6 +4,7 @@
 /* Theme Atom - form label */
 .a-label {
   @include typography-level(themed($theme-map, 'typography', 'label'));
+  color: themed($theme-map, 'color', 'primary', 750);
 
   &--help {
     color: themed($theme-map, 'color', 'graph', 01);

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

@@ -14,10 +14,12 @@
 
   &__value {
     &.-multiple {
-      background-color: themed($theme-map, 'color', 'accent', 100);
+      color: themed($theme-map, 'color', 'primary', 'contrast', 50);
+      background-color: themed($theme-map, 'color', 'primary', 600);
 
       &.-warn {
         background-color: themed($theme-map, 'color', 'status', warning);
+        color: themed($theme-map, 'color', 'grey', 1000);
       }
     }
   }
@@ -31,10 +33,6 @@
     &__option {
       background-color: #ffffff;
 
-      &[aria-selected="true"], &:hover {
-        background-color: themed($theme-map, 'color', 'primary', 300);
-      }
-
       &:hover {
         color: themed($theme-map, 'color', 'primary', 750);
       }
@@ -51,6 +49,6 @@
   }
 
   &__toggle {
-    color: themed($theme-map, 'color', 'accent', 600);
+    color: themed($theme-map, 'color', 'primary', 600);
   }
 }

package/styles-theme/components-theme/_a-range-slider.theme.scss

@@ -5,50 +5,50 @@
 
 /* Input Thumb */
 .a-range-slider[type='range']::-webkit-slider-thumb {
-  border-color: themed($theme-map, 'color', 'accent', 600);
-  background-color: themed($theme-map, 'color', 'accent', 500);
+  border-color: themed($theme-map, 'color', 'primary', 600);
+  background-color: themed($theme-map, 'color', 'primary', 600);
   box-shadow: 0 0 2px 0 #555;
 }
 
 .a-range-slider[type='range']::-moz-range-thumb {
-  border-color: themed($theme-map, 'color', 'accent', 600);
-  background-color: themed($theme-map, 'color', 'accent', 500);
+  border-color: themed($theme-map, 'color', 'primary', 600);
+  background-color: themed($theme-map, 'color', 'primary', 600);
   box-shadow: 0 0 2px 0 #555;
 }
 
 .a-range-slider[type='range']::-ms-thumb {
-  border-color: themed($theme-map, 'color', 'accent', 600);
-  background-color: themed($theme-map, 'color', 'accent', 500);
+  border-color: themed($theme-map, 'color', 'primary', 600);
+  background-color: themed($theme-map, 'color', 'primary', 600);
   box-shadow: 0 0 2px 0 #555;
 }
 
 .a-range-slider[type='range']::-webkit-slider-thumb:hover {
-  border-color: themed($theme-map, 'color', 'accent', 700);
-  background: themed($theme-map, 'color', 'accent', 600);
+  border-color: themed($theme-map, 'color', 'primary', 850);
+  background: themed($theme-map, 'color', 'primary', 850);
 }
 
 .a-range-slider[type='range']::-moz-range-thumb:hover {
-  border-color: themed($theme-map, 'color', 'accent', 700);
-  background: themed($theme-map, 'color', 'accent', 600);
+  border-color: themed($theme-map, 'color', 'primary', 850);
+  background: themed($theme-map, 'color', 'primary', 850);
 }
 
 .a-range-slider[type='range']::-ms-thumb:hover {
-  border-color: themed($theme-map, 'color', 'accent', 700);
-  background: themed($theme-map, 'color', 'accent', 600);
+  border-color: themed($theme-map, 'color', 'primary', 850);
+  background: themed($theme-map, 'color', 'primary', 850);
 }
 
 .a-range-slider {
   &__min,
   &__max {
-    color: themed($theme-map, 'color', 'accent', 500);
-    opacity: 0.7;
+    color: themed($theme-map, 'color', 'primary', 800);
 
     &:before {
-      background-color: themed($theme-map, 'color', 'accent', 500);
+      background-color: themed($theme-map, 'color', 'primary', 800);
     }
   }
 
   &__selected-value {
-    color: themed($theme-map, 'color', 'accent', 500);
+    font-size: toRem(15);
+    color: themed($theme-map, 'color', 'primary', 700);
   }
 }

package/styles-theme/components-theme/_a-table.theme.scss

@@ -5,14 +5,14 @@
 
 .a-table {
   background-color: white;
-  color: themed($theme-map, 'color', 'primary', 600);
+  color: themed($theme-map, 'color', 'primary', 700);
 
   thead {
     tr {
       border-bottom-color: themed($theme-map, 'color', 'graph', 01);
 
       th {
-        color: themed($theme-map, 'color', 'primary', 600);
+        color: themed($theme-map, 'color', 'primary', 750);
 
         /*&:hover {
           background-color: themed($theme-map, 'color', 'primary', 50);

package/styles-theme/components-theme/_m-btn-sorttable.theme.scss

@@ -4,7 +4,7 @@
 /* Theme Molecule button to sort table rows */
 .m-btn-sorttable {
   @include typography-level(themed($theme-map, 'typography', 'button'));
-  color: themed($theme-map, 'color', 'primary', 600);
+  color: themed($theme-map, 'color', 'primary', 750);
   font-size: toRem(14);
   font-weight: 700;
 
@@ -34,12 +34,12 @@
 
 [aria-sort='ascending'] > .m-btn-sorttable {
   .m-btn-sorttable__icnmark.-asc {
-    color: themed($theme-map, 'color', 'accent', 600);
+    color: themed($theme-map, 'color', 'primary', 600);
   }
 }
 
 [aria-sort='descending'] > .m-btn-sorttable {
   .m-btn-sorttable__icnmark.-desc {
-    color: themed($theme-map, 'color', 'accent', 600);
+    color: themed($theme-map, 'color', 'primary', 600);
   }
 }

package/styles-theme/components-theme/_m-nav-links.theme.scss

@@ -2,3 +2,21 @@
 @use '../abstracts-theme/variables.theme' as *;
 
 /* Theme Molecule - base menu */
+
+.m-nav-links {
+
+  &__list {
+    &__item {
+      border-bottom: 1px solid themed($theme-map, 'color', 'primary', 400);
+
+      &:hover {
+        background-color: themed($theme-map, 'color', 'primary', 300);
+      }
+
+      [class*='is-active'] {
+        background-color: themed($theme-map, 'color', 'primary', 300);
+        color: themed($theme-map, 'color', 'primary', 600);
+      }
+    }
+  }
+}

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

@@ -24,8 +24,17 @@
 
     &__txt {
       .a-h3 {
+        font-size: toRem(14);
         color: themed($theme-map, 'color', 'primary', 600);
       }
+
+      .a-p {
+        font-size: toRem(12);
+
+        &.-date {
+          font-size: toRem(11);
+        }
+      }
     }
 
     &__footer {

package/styles-theme/components-theme/_o-tabs.theme.scss

@@ -16,7 +16,7 @@
 
       &[aria-selected='false'] {
         &:before {
-          border-color: themed($theme-map, 'color', 'accent', 400);
+          border-color: themed($theme-map, 'color', 'accent', 100);
         }
       }
     }

package/styles-theme/layout-theme/_o-base-layout.theme.scss

@@ -6,6 +6,7 @@
 .o-base-layout {
   &__title {
     border-right: 1px themed($theme-map, 'color', 'primary', 400) solid;
+    border-bottom: 1px themed($theme-map, 'color', 'primary', 400) solid;
 
     .a-btn {
       color: themed($theme-map, 'color', 'primary', 'contrast', 50);

package/styles-theme/main-theme.scss

@@ -27,6 +27,7 @@
 @use 'components-theme/m-context-menu.theme' as *;
 @use 'components-theme/m-filter.theme' as *;
 @use 'components-theme/m-form-radio-group.theme' as *;
+@use 'components-theme/m-info-icon.theme' as *;
 @use 'components-theme/m-metadata-tag.theme' as *;
 @use 'components-theme/m-minus-plus.theme' as *;
 @use 'components-theme/m-nav-links.theme' as *;

package/toolbox/components/automate-refresh/automate-refresh.component.d.ts

@@ -1,12 +1,14 @@
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Store } from '@ngrx/store';
+import { WidgetFactoryService } from '@provoly/dashboard';
 import { Observable } from 'rxjs';
 import { ToolboxActionComponent } from '../toolbox-action/toolbox-action.component';
 import * as i0 from "@angular/core";
 export declare class AutomateRefreshComponent extends ToolboxActionComponent implements OnInit {
     private overlay;
     private viewContainerRef;
+    private widgetFactoryService;
     datasourceList: TemplateRef<any>;
     refreshRateList: TemplateRef<any>;
     refreshRates: number[];
@@ -18,7 +20,7 @@ export declare class AutomateRefreshComponent extends ToolboxActionComponent imp
     allRefreshRate$: Observable<number>;
     private overlayRefDatasourceList?;
     private overlayRefRefreshList?;
-    constructor(store: Store, overlay: Overlay, viewContainerRef: ViewContainerRef);
+    constructor(store: Store, overlay: Overlay, viewContainerRef: ViewContainerRef, widgetFactoryService: WidgetFactoryService);
     ngOnInit(): void;
     toggleDatasourceList(): void;
     hide(overlayRef: OverlayRef | undefined): void;

package/toolbox/components/refresh-datasets/refresh-datasets.component.d.ts

@@ -1,13 +1,14 @@
 import { Store } from '@ngrx/store';
-import { GlobalManifest } from '@provoly/dashboard';
+import { GlobalManifest, WidgetFactoryService } from '@provoly/dashboard';
 import { Observable } from 'rxjs';
 import { ToolboxActionComponent } from '../toolbox-action/toolbox-action.component';
 import * as i0 from "@angular/core";
 export declare class RefreshDatasetsComponent extends ToolboxActionComponent {
+    private widgetFactoryService;
     manifest$: Observable<GlobalManifest>;
     manifest?: GlobalManifest;
     datasetCount: number;
-    constructor(store: Store);
+    constructor(store: Store, widgetFactoryService: WidgetFactoryService);
     refresh(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RefreshDatasetsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RefreshDatasetsComponent, "pry-refresh-datasets", never, {}, {}, never, never, false, never>;

package/widgets/widget-aggregated-chart/style/_o-widget-chart.scss

@@ -18,6 +18,9 @@
 
   div.vega-embed {
     display: block;
+    position: absolute;
+    height: 100%;
+    width: 100%;
   }
 
   div.vega-embed.has-actions {

package/widgets/widget-graph/component/widget-graph.component.d.ts

@@ -48,7 +48,6 @@ export declare class WidgetGraphComponent extends DataWidgetComponent implements
     relationTypes: RelationType[];
     move$: Subject<MouseEvent>;
     mode: 'move' | 'rectangle';
-    bottomLeft$: Observable<string>;
     offset: number[];
     additionnalOffset: [number, number];
     layouts: {

package/widgets/widget-graph/style/_o-widget-graph.scss

@@ -3,6 +3,20 @@
 /* Organism - widget graph */
 /* Extends o-widget */
 
+.o-widget {
+  &--graph {
+    &__canvas {
+      position: absolute;
+      height: 100%;
+      width: 100%;
+    }
+  }
+
+  .m-btn-group.-selection-choice {
+    transform: translate(10px, 10px);
+  }
+}
+
 .a-tooltip {
   &--move {
     &[data-tooltip]:not([data-tooltip-position])::after {