@provoly/dashboard 0.22.3 → 0.22.5

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/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/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/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.3",
+  "version": "0.22.5",
   "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",
@@ -186,18 +186,18 @@
       "esm": "./esm2022/components/stepper/provoly-dashboard-components-stepper.mjs",
       "default": "./fesm2022/provoly-dashboard-components-stepper.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/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/list": {
       "types": "./filters/list/index.d.ts",
       "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.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 {
@@ -110,12 +113,14 @@
 
       .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,13 @@
+@use '../abstracts' as *;
+
+.a-chip {
+  border-radius: toRem(24);
+  height: toRem(14);
+  font-size: toRem(10);
+  padding: toRem(2) toRem(7);
+
+  &.-md {
+    height: toRem(20);
+    font-size: toRem(12);
+  }
+}

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/{_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

@@ -179,7 +179,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,20 +197,20 @@
     .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);
       }
     }
   }

package/styles/layout/_o-manifest-layout.scss

@@ -31,6 +31,10 @@
         min-height: 10px;
       }
 
+      .search-icon {
+        display: inline;
+      }
+
       .a-icon {
         position: absolute;
         right: 0.6875rem;

package/styles/libs/_reset-lib-ol.scss

@@ -4,15 +4,19 @@
 
 .ol-control button,
 .ol-searchbar button {
-  width: 30px !important;
-  height: 30px !important;
+  width: 40px !important;
+  height: 40px !important;
   cursor: pointer;
 }
 
 .ol-zoom {
-  border-width: toRem(1);
-  border-style: solid;
-  border-radius: toRem(7);
+  .ol-zoom-in {
+    border-radius: toRem(8) toRem(8) 0 0 !important;
+  }
+
+  .ol-zoom-out {
+    border-radius: 0 0 toRem(8) toRem(8) !important;
+  }
 }
 
 .ol-searchbar {

package/styles/main.scss

@@ -7,19 +7,19 @@
 @use 'components/a-badge' as *;
 @use 'components/a-btn' as *;
 @use 'components/a-checkbox' as *;
+@use 'components/a-chip' as *;
+@use 'components/a-color-picker' as *;
 @use 'components/a-expandable-value' as *;
 @use 'components/a-form-field' as *;
 @use 'components/a-label' as *;
 @use 'components/a-link' as *;
 @use 'components/a-loader' as *;
+@use 'components/a-page-loader' as *;
 @use 'components/a-pastille' as *;
 @use 'components/a-range-slider' as *;
 @use 'components/a-table' as *;
 @use 'components/a-toggle' as *;
 @use 'components/a-tooltip' as *;
-@use 'components/a-chips' as *;
-@use 'components/a-color-picker' as *;
-@use 'components/a-page-loader' as *;
 
 /* Atoms lib */
 @use 'components/a-pry-select' as *;
@@ -29,6 +29,7 @@
 @use 'components/m-actions-list' as *;
 @use 'components/m-btn-group' as *;
 @use 'components/m-btn-sorttable' as *;
+@use 'components/m-color-scheme' as *;
 @use 'components/m-color-selector' as *;
 @use 'components/m-context-menu' as *;
 @use 'components/m-filter' as *;
@@ -41,20 +42,20 @@
 @use 'components/m-minus-plus' as *;
 @use 'components/m-nav-links' as *;
 @use 'components/m-presentation-title' as *;
+@use 'components/m-pry-overlay' as *;
 @use 'components/m-snackbar' as *;
 @use 'components/m-time-picker' as *;
 @use 'components/m-toolbox' as *;
 @use 'components/m-tooltip' as *;
-@use 'components/m-pry-overlay' as *;
-@use 'components/m-color-scheme' as *;
 
 /* Organisms */
+@use 'components/o-about' as *;
 @use 'components/o-accordion' as *;
 @use 'components/o-card' as *;
 @use 'components/o-cards-list' as *;
 @use 'components/o-dashboard' as *;
 @use 'components/o-date-picker' as *;
-@use 'components/o-datasources' as *;
+@use 'components/o-chips-selector' as *;
 @use 'components/o-draggable-menu' as *;
 @use 'components/o-form' as *;
 @use 'components/o-modal' as *;
@@ -73,7 +74,6 @@
 @use 'components/o-pry-expand-panel' as *;
 @use 'components/o-pry-stepper' as *;
 @use 'components/overlay' as *;
-@use 'components/o-about' as *;
 
 /* Layout */
 @use 'layout/o-base-layout' as *;

package/styles-theme/abstracts-theme/_abstracts-overlays.theme.scss

@@ -8,3 +8,9 @@
   background-color: white;
   box-shadow: themed($theme-map, 'decoration', 'shadow', 'default');
 }
+
+.backdrop {
+  &--with-color {
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+}

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

@@ -2,24 +2,19 @@
 
 // Primary palette
 $theme-colors-primary: (
-  50: #ffffff,
-  100: #f9fafb,
-  200: #f5f7f9,
-  300: #dfe5ec,
-  400: #bccad8,
-  500: #7b96b2,
-  600: #3e546a,
-  700: #263340,
-  800: #131920,
+  50: #FFFFFF,
+  100: #F9FAFB,
+  200: #F5F7F9,
+  300: #D8E7F7, // hover - card, button ("Bleu Clair" in figma)
+  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
+
   'contrast': (
-    50: #263340,
-    100: #263340,
-    200: #263340,
-    400: #263340,
-    500: #ffffff,
-    600: #ffffff,
-    700: #ffffff,
-    800: #ffffff
+    50: #FFFFFF,
   )
 );
 
@@ -32,14 +27,9 @@ $theme-colors-accent: (
   600: #40b688,
   700: #3caa7f,
   800: #328f6b,
+
   'contrast': (
-    50: #263340,
-    100: #ffffff,
-    400: #ffffff,
-    500: #ffffff,
-    600: #ffffff,
-    700: #ffffff,
-    800: #ffffff
+    50: #ffffff,
   )
 );
 
@@ -48,10 +38,13 @@ $theme-colors-grey: (
   50: #fafafa,
   100: #f5f5f5,
   200: #eeeeee,
+  300: #DFE5EC, // card inner border
   400: #bdbdbd,
   500: #9e9e9e,
   600: #757575,
+  800: #424B5A, // filter label ("Grey Primary" in Figma)
   1000: #000000,
+
   'contrast': (
     50: #263340,
     100: #263340,
@@ -65,7 +58,7 @@ $theme-colors-grey: (
 
 // Status palette
 $theme-colors-status: (
-  'ok': #35b99f,
+  'ok': #0AC865,
   'warning': #f8cd59,
   'error': #fc5640,
   'active': #242a47,

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

@@ -8,14 +8,14 @@
 $theme-focus-visible: (
   'border-color-light': white,
   'border-color-dark': #35b99f,
-  'border-radius': 22px
+  'border-radius': 5px
 );
 
 // Border-radius
 $theme-border-radius: (
   'scrollbar-thumb': 6px,
   'button': (
-    'default': 22px
+    'default': 5px
   ),
   'checkbox': 3px,
   'card': (