@provoly/dashboard 0.22.4 → 0.22.6

package/lib/core/components/overlay/dialog-confirm.component.d.ts

@@ -11,7 +11,7 @@ export interface PryDialogConfirmAction {
     id: number;
     label: string;
     icon?: string;
-    color?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+    color?: 'primary' | 'secondary';
     actions?: Action[];
 }
 export declare class PryDialogConfirmComponent {

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

@@ -37,6 +37,7 @@ export declare class PrySelectComponent extends SubscriptionnerDirective impleme
     i18nPrefix: string | null;
     searched: EventEmitter<string>;
     cleared: EventEmitter<void>;
+    bindClasses: any;
     search$: BehaviorSubject<string>;
     _loading: boolean;
     hasLoaded: boolean;
@@ -76,5 +77,5 @@ export declare class PrySelectComponent extends SubscriptionnerDirective impleme
     onKeydownOption: (event: KeyboardEvent, item: any, index: number, optionDivRef: HTMLDivElement, first: boolean, last: boolean) => void;
     focusInitialSelection: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrySelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PrySelectComponent, "pry-select", never, { "items": { "alias": "items"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isForm": { "alias": "isForm"; "required": false; }; "required": { "alias": "required"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "bindIcon": { "alias": "bindIcon"; "required": false; }; "template": { "alias": "template"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "elementRef": { "alias": "elementRef"; "required": false; }; }, { "searched": "searched"; "cleared": "cleared"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PrySelectComponent, "pry-select", never, { "items": { "alias": "items"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isForm": { "alias": "isForm"; "required": false; }; "required": { "alias": "required"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "bindIcon": { "alias": "bindIcon"; "required": false; }; "template": { "alias": "template"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "bindClasses": { "alias": "bindClasses"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "elementRef": { "alias": "elementRef"; "required": false; }; }, { "searched": "searched"; "cleared": "cleared"; }, never, never, false, never>;
 }

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/core/i18n/en.translations.d.ts

@@ -162,6 +162,7 @@ export declare const enTranslations: {
             switchEditContent: string;
             share: string;
             delete: string;
+            notInDsAttr: string;
         };
         manifest: {
             name: string;
@@ -382,4 +383,8 @@ export declare const enTranslations: {
             failure: string;
         };
     };
+    grid: {
+        rows: string;
+        columns: string;
+    };
 };

package/lib/core/i18n/fr.translations.d.ts

@@ -162,6 +162,7 @@ export declare const frTranslations: {
             switchEditContent: string;
             share: string;
             delete: string;
+            notInDsAttr: string;
         };
         manifest: {
             name: string;
@@ -381,5 +382,9 @@ export declare const frTranslations: {
         geoAuth: {
             failure: string;
         };
+        grid: {
+            rows: string;
+            columns: string;
+        };
     };
 };

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/filter/style/_o-pry-filter-group.scss

@@ -23,7 +23,7 @@
     &__filter-actions {
       display: flex;
       align-items: center;
-      gap: toRem(10);
+      gap: toRem(15);
       padding: 0 toRem(10);
     }
   }

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/notification/style/_m-notifications.scss

@@ -76,20 +76,15 @@
 
   &__items {
     @extend %list-unstyled;
-    padding: 0 15px;
 
     &__li {
       position: relative;
       display: flex;
       justify-content: space-between;
-      align-items: center;
-      padding: toRem(13) 0 toRem(15) 0;
+      align-items: stretch;
+      padding: toRem(15);
       gap: toRem(5);
 
-      &:last-of-type {
-        padding-bottom: toRem(5);
-      }
-
       &__txt {
         flex: 1;
 
@@ -117,9 +112,8 @@
 
       .a-btn--delete {
         position: relative;
-        width: toRem(22);
-        height: toRem(22);
-        padding: toRem(3);
+        padding: 0 toRem(3);
+        height: auto
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.22.4",
+  "version": "0.22.6",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",
@@ -108,18 +108,18 @@
       "esm": "./esm2022/pipeline/provoly-dashboard-pipeline.mjs",
       "default": "./fesm2022/provoly-dashboard-pipeline.mjs"
     },
-    "./restitution": {
-      "types": "./restitution/index.d.ts",
-      "esm2022": "./esm2022/restitution/provoly-dashboard-restitution.mjs",
-      "esm": "./esm2022/restitution/provoly-dashboard-restitution.mjs",
-      "default": "./fesm2022/provoly-dashboard-restitution.mjs"
-    },
     "./presentation": {
       "types": "./presentation/index.d.ts",
       "esm2022": "./esm2022/presentation/provoly-dashboard-presentation.mjs",
       "esm": "./esm2022/presentation/provoly-dashboard-presentation.mjs",
       "default": "./fesm2022/provoly-dashboard-presentation.mjs"
     },
+    "./restitution": {
+      "types": "./restitution/index.d.ts",
+      "esm2022": "./esm2022/restitution/provoly-dashboard-restitution.mjs",
+      "esm": "./esm2022/restitution/provoly-dashboard-restitution.mjs",
+      "default": "./fesm2022/provoly-dashboard-restitution.mjs"
+    },
     "./search": {
       "types": "./search/index.d.ts",
       "esm2022": "./esm2022/search/provoly-dashboard-search.mjs",
@@ -300,18 +300,18 @@
       "esm": "./esm2022/widgets/widget-map/provoly-dashboard-widgets-widget-map.mjs",
       "default": "./fesm2022/provoly-dashboard-widgets-widget-map.mjs"
     },
-    "./widgets/widget-template": {
-      "types": "./widgets/widget-template/index.d.ts",
-      "esm2022": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
-      "esm": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
-      "default": "./fesm2022/provoly-dashboard-widgets-widget-template.mjs"
-    },
     "./widgets/widget-table": {
       "types": "./widgets/widget-table/index.d.ts",
       "esm2022": "./esm2022/widgets/widget-table/provoly-dashboard-widgets-widget-table.mjs",
       "esm": "./esm2022/widgets/widget-table/provoly-dashboard-widgets-widget-table.mjs",
       "default": "./fesm2022/provoly-dashboard-widgets-widget-table.mjs"
     },
+    "./widgets/widget-template": {
+      "types": "./widgets/widget-template/index.d.ts",
+      "esm2022": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
+      "esm": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
+      "default": "./fesm2022/provoly-dashboard-widgets-widget-template.mjs"
+    },
     "./widgets/widget-tile": {
       "types": "./widgets/widget-tile/index.d.ts",
       "esm2022": "./esm2022/widgets/widget-tile/provoly-dashboard-widgets-widget-tile.mjs",

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

@@ -29,10 +29,6 @@ pry-add-edit-presentation {
   justify-content: space-between;
   align-items: center;
   gap: toRem(15);
-
-  .a-btn {
-    border-radius: 22px;
-  }
 }
 
 .o-presentation-form-wrapper {

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

@@ -1,4 +1,5 @@
-@use '../../styles/abstracts/index' as *;
+@use '../../styles/abstracts' as *;
+@use '../../styles-theme/abstracts-theme/variables.theme' as *;
 
 /* Organism - pry-presentation */
 
@@ -29,6 +30,7 @@
 
   .o-manifest-layout__content,
   .o-dashboard-widget {
+    grid-area: middle;
     flex: 100% 1 1;
   }
 }
@@ -94,6 +96,7 @@
         position: absolute;
         top: toRem(10);
         left: toRem(10);
+        z-index: 1;
       }
 
       .a-tooltip {
@@ -109,13 +112,12 @@
       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/restitution/style/_o-restitution-list.scss

@@ -148,7 +148,7 @@
         padding: toRem(6) toRem(10);
         text-align: center;
 
-        .a-btn--ghost {
+        .a-btn--secondary {
           height: auto;
           padding: 0 toRem(5);
         }

package/styles/abstracts/_mixins.scss

@@ -321,3 +321,16 @@
 *  Effects
 *
 */
+
+@mixin changeBgColor($targetBgColor, $targetTextColor: false, $targetBorderColor: false) {
+  transition: background-color 0.3s ease,
+    color 0.3s ease;
+
+  background-color: $targetBgColor;
+  @if $targetTextColor {
+    color: $targetTextColor;
+  }
+  @if $targetBorderColor {
+    border-color: $targetBorderColor;
+  }
+}

package/styles/components/_a-btn.scss

@@ -17,11 +17,9 @@
   user-select: none;
   transition: all 0.24s ease-in-out;
 
-  gap: toRem(3);
-  height: toRem(30);
-  padding: toRem(8) toRem(12);
-  font-size: toRem(12);
-  line-height: toRem(13);
+  gap: toRem(5);
+  height: toRem(34);
+  padding: 0 toRem(30);
 
   &.-circle {
     width: toRem(34);
@@ -172,31 +170,15 @@
     }
   }
 
-  &.-size-md {
-    gap: toRem(5);
-    height: toRem(34);
-    padding-left: toRem(15);
-    padding-right: toRem(15);
+  &.-size-s {
+    gap: toRem(3);
+    height: toRem(30);
+    padding: toRem(8) toRem(12);
     font-size: toRem(12);
-    line-height: toRem(14);
-
-    &.-circle {
-      width: toRem(34);
-      height: toRem(34);
-    }
-
-    pry-icon,
-    .a-icon {
-      width: 17px !important;
-      height: auto;
-    }
+    line-height: toRem(13);
   }
 
   &.-width-full {
     width: 100%;
   }
 }
-
-/*a[href].a-btn {
-  color: inherit;
-}*/

package/styles/components/_a-chip.scss

@@ -0,0 +1,19 @@
+@use '../abstracts' as *;
+
+.a-chip {
+  display: flex;
+  align-items: center;
+  border-radius: toRem(24);
+  height: toRem(14);
+  font-size: toRem(10);
+  padding: toRem(2) toRem(7);
+
+  &.-md {
+    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-info-icon.scss

@@ -9,8 +9,7 @@
   position: relative;
   cursor: pointer;
 
-  width: 1.5rem;
-  height: 1.5rem;
-  border: 1px solid #3E546A;
+  width: toRem(16);
+  height: toRem(16);
   border-radius: 50%;
 }

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-datasources.scss → _o-chips-selector.scss}

@@ -10,7 +10,7 @@
   padding-right: toRem(15);
 }
 
-.o-datasources {
+.o-chips-selector {
   &__list {
     @extend %list-unstyled;
     gap: toRem(15) toRem(30);
@@ -21,21 +21,20 @@
 
   &__main {
     flex: 1 1;
-    overflow: overlay;
   }
 
   &__bottom {
     padding: toRem(5);
   }
 
-  &__card,
-  .o-pry-card {
+  &__chip {
     border-radius: toRem(15);
     padding: toRem(5) toRem(10);
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 5px;
+    min-height: toRem(35);
 
     p {
       margin-bottom: 0;

package/styles/components/_o-dashboard.scss

@@ -2,28 +2,62 @@
 
 /* Organism - Dashboard */
 
+.o-dashboard-edit {
+  display: grid;
+  grid-template-areas: 'corner top'
+  'left middle';
+  grid-auto-rows: min-content 1fr;
+  grid-auto-columns: min-content 1fr;
+  height: 100%;
+
+  &.-edit {
+    gap: toRem(10);
+
+    .o-dashboard-add {
+      display: flex;
+    }
+  }
+}
+
 .o-dashboard-grid {
+  grid-area: middle;
   display: grid;
   grid-template-rows: repeat(12, 1fr);
   height: 100%;
 }
 
 .o-dashboard-add {
-  position: absolute;
-  display: flex;
-  justify-content: space-evenly;
+  display: none;
   z-index: 2;
+  gap: toRem(5);
+  font-size: toRem(12);
+
+  p {
+    margin-bottom: 0;
+  }
+
+  button {
+    padding: 0;
+    height: 12px;
+  }
 
   &.-cols {
-    transform: translateY(-50%);
+    grid-area: top;
+    align-items: flex-start;
+    height: toRem(30);
+    padding-top: toRem(10);
   }
 
   &.-rows {
+    grid-area: left;
     flex-direction: column;
-    transform: translateX(-50%);
+    align-items: center;
+    width: toRem(30);
+    padding-left: toRem(10);
 
-    pry-icon span {
-      transform: rotate(90deg);
+    p {
+      margin-top: toRem(20);
+      transform: rotate(-90deg);
     }
   }
 }

package/styles/components/_o-modal.scss

@@ -94,7 +94,7 @@
         padding: toRem(5);
       }
 
-      .a-btn--ghost.select-it {
+      .a-btn--secondary.select-it {
         justify-content: flex-start;
         width: 100%;
         height: 100%;

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;
         }
@@ -179,7 +181,7 @@
       display: flex;
       flex-direction: column;
       gap: toRem(10);
-      padding: toRem(7);
+      padding: toRem(10);
       background: white;
       border-radius: toRem(6) 0 toRem(6) toRem(6);
       border: none;
@@ -197,23 +199,27 @@
     .a-btn.a-btn--icon-only.a-tooltip.-map-toggle {
       background: white;
       border: none;
-      height: toRem(34);
+      height: toRem(40);
       border-radius: 0 toRem(6) toRem(6) 0;
     }
 
     &.-map-export {
-      padding: toRem(7);
+      padding: toRem(10);
       background: white;
       border-radius: toRem(6);
       border: none;
-      top: toRem(45);
+      top: toRem(51);
       z-index: 1;
 
       &.-with-header {
-        top: toRem(75);
+        top: toRem(85);
       }
     }
   }
+
+  .-has-header {
+    margin-top: toRem(32);
+  }
 }
 
 .widget-below-header {