@provoly/dashboard 0.20.3 → 0.20.4

package/restitution/i18n/fr.translations.d.ts

@@ -8,11 +8,12 @@ export declare const frTranslations: {
             image: string;
             close: string;
             validate: string;
-            broadcast: string;
+            share: string;
             more: string;
             options: string;
             view: string;
             create: string;
+            edit: string;
             cancel: string;
             configure: string;
             visualize: string;
@@ -21,11 +22,10 @@ export declare const frTranslations: {
             private: string;
             choice: string;
             or: string;
-            create_title: string;
-            consult_title: string;
             search: string;
             backToCatalog: string;
             consult: string;
+            consultRestitution: string;
             catalog: string;
             add_icon: string;
             selection: string;

package/schematics/migration.json

@@ -19,7 +19,12 @@
     "migration-v0.18": {
       "version": "0.18",
       "description": "Update library to version 0.18",
-      "factory": "./ng-update/version-0-15/index#updateTo0_18"
+      "factory": "./ng-update/version-0-18/index#updateTo0_18"
+    },
+    "migration-v0.20": {
+      "version": "0.20",
+      "description": "Update library to version 0.20",
+      "factory": "./ng-update/version-0-20/index#updateTo0_20"
     }
   }
 }

package/schematics/ng-update/version-0-20/index.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export declare function updateTo0_20(): Rule;

package/schematics/ng-update/version-0-20/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateTo0_20 = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const complete_function_1 = require("../utils/complete.function");
+const dependencies_1 = require("@schematics/angular/utility/dependencies");
+function removeUselessDeps(tree) {
+    (0, dependencies_1.removePackageJsonDependency)(tree, 'ng-select');
+}
+function updateTo0_20() {
+    return (_tree, context) => {
+        removeUselessDeps(_tree);
+        context.addTask(new tasks_1.NodePackageInstallTask());
+        return (0, schematics_1.chain)([(0, complete_function_1.onMigrationComplete)('0.20', context)]);
+    };
+}
+exports.updateTo0_20 = updateTo0_20;
+//# sourceMappingURL=index.js.map

package/schematics/ng-update/version-0-20/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../projects/provoly/dashboard/schematics/ng-update/version-0-20/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiF;AACjF,4DAA0E;AAC1E,kEAAiE;AACjE,2EAAuF;AAEvF,SAAS,iBAAiB,CAAC,IAAU;IACnC,IAAA,0CAA2B,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AACjD,CAAC;AAED,SAAgB,YAAY;IAC1B,OAAO,CAAC,KAAW,EAAE,OAAyB,EAAQ,EAAE;QACtD,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;QAC9C,OAAO,IAAA,kBAAK,EAAC,CAAC,IAAA,uCAAmB,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC;AACJ,CAAC;AAND,oCAMC"}

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

@@ -2,22 +2,46 @@
 
 /* Atom - Component pry-select  (lib) */
 .a-pry-select {
-  .ng-value-label {
-    display: flex;
-    align-items: center;
-    height: toRem(36);
+  display: flex;
+  flex-direction: row;
+  gap: toRem(10);
+  align-items: center;
+  padding: toRem(10);
+
+  &__value {
+    &.-multiple {
+      padding: toRem(2) toRem(15);
+      border-radius: toRem(15);
+    }
+  }
+
+  &__filler, &__search {
+    flex: 1 1;
+  }
+
+  &__search {
+    border: none;
+    outline: none;
   }
 
-  .ng-option-label {
+  &__options {
     display: flex;
-    align-items: center;
+    flex-direction: column;
+    justify-content: space-evenly;
+    overflow: auto;
 
-    pry-icon {
-      margin-right: toRem(8);
+    &__option {
+      cursor: pointer;
+      padding: toRem(8) toRem(10);
+      font-family: Ubuntu,sans-serif;
+      font-size: .875rem;
+      line-height: 1.1875rem;
+      font-weight: 400;
+      font-style: normal;
     }
   }
 
-  .ng-value {
-    width: 100%;
+  &__clear {
+    cursor: pointer;
   }
 }

package/styles/components/_a-tooltip.scss

@@ -24,8 +24,8 @@
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
-      padding: toRem(5) toRem(7);
-      box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.2);
+      padding: toRem(5) toRem(10);
+      box-shadow: 0px 1px 3px 0px #0000001A;
       border-radius: toRem(5);
       z-index: 1000;
     }

package/styles/components/_m-filter.scss

@@ -43,27 +43,18 @@
       padding: toRem(3) toRem(10);
     }
 
-    .ng-select-container {
-      border: none;
-      min-width: toRem(150);
-    }
+    height: toRem(30);
 
-    .ng-select.ng-select-single .ng-select-container {
-      min-height: toRem(22);
-      height: toRem(22);
-    }
-
-    .ng-dropdown-panel.ng-select-bottom {
-      margin-top: 3px;
-    }
-
-    .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container{
-      border: none transparent;
-      box-shadow: none;
-    }
-
-    .ng-option-label {
-      font-size: toRem(12);
+    .a-pry-select {
+      border: none;
+      padding: 0;
+      outline: none;
+
+      &:focus-within {
+        outline: 0;
+        border-radius: 0;
+        box-shadow: none;
+      }
     }
   }
 

package/styles/components/_o-dashboard.scss

@@ -142,6 +142,10 @@
     line-height: toRem(20);
     text-align: center;
   }
+
+  &__loader {
+    width: toRem(20);
+  }
 }
 
 .a-indicator-block {

package/styles/components/_o-draggable-menu.scss

@@ -5,7 +5,7 @@
 .o-draggable-menu {
   display: flex;
   flex-direction: column;
-  width: toRem(150);
+  width: toRem(170);
   padding: toRem(6);
 
   &__list {

package/styles/components/_o-widget.scss

@@ -167,7 +167,7 @@
     }
 
     &.-with-header {
-      top: toRem(38);
+      top: toRem(35);
       left: toRem(5);
     }
 
@@ -206,7 +206,7 @@
       z-index: 1;
 
       &.-with-header {
-        top: toRem(77);
+        top: toRem(75);
       }
     }
   }

package/styles/main.scss

@@ -24,7 +24,6 @@
 /* Atoms lib */
 @use 'components/a-pry-select' as *;
 @use 'components/a-pry-select-image' as *;
-@use '/node_modules/@ng-select/ng-select/scss/default.theme';
 
 /* Molecules */
 @use 'components/m-actions-list' as *;

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

@@ -137,6 +137,15 @@ $theme-typography: (
     'font-weight': 400,
     'font-style': ''
   ),
+  'simple-tooltip': (
+    'font-family': '',
+    'font-variation': '',
+    'font-size': 11px,
+    'line-height': 15px,
+    'letter-spacing': '',
+    'font-weight': 400,
+    'font-style': ''
+  ),
 );
 
 ///// DO NOT EDIT FROM HERE /////

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

@@ -3,115 +3,42 @@
 
 /* Theme Atom - Component pry-select  (lib) */
 .a-pry-select {
-  &.ng-select.ng-select-focused {
-    .ng-select-container {
-      @include eltFocusVisible($border-radius: 4px);
-      border-color: themed($theme-map, 'color', 'primary', 400);
-      // box-shadow: none;
-    }
-  }
-
-  &.ng-select {
-    .ng-select-container {
-      border-color: themed($theme-map, 'color', 'primary', 400);
-      border-radius: toRem(5);
-
-      .ng-value-container {
-        .ng-value {
-          @include typography-level(themed($theme-map, 'typography', 'form-field'));
-        }
+  @include typography-level(themed($theme-map, 'typography', 'form-field'));
+  border: 1px solid themed($theme-map, 'color', 'primary', 400);
+  border-radius: toRem(5);
+  background-color: #ffffff;
 
-        .ng-placeholder {
-          @include typography-level(themed($theme-map, 'typography', 'form-field'));
-        }
-      }
-    }
+  &:focus-within {
+    @include eltFocusVisible($border-radius: 4px);
+  }
 
-    &.ng-invalid.pry-select-form:not(.ng-untouched) > .ng-select-container {
-      border-color: themed($theme-map, 'color', 'status', 'error');
-      border-width: 1px;
+  &__value {
+    &.-multiple {
+      background-color: themed($theme-map, 'color', 'accent', 100);
     }
   }
 
-  &.ng-select .ng-select-container {
-    border-color: themed($theme-map, 'color', 'primary', 400);
+  &__options {
     color: themed($theme-map, 'color', 'graph', 01);
     background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
-  }
-
-  &.ng-select .ng-select-container .ng-value-container .ng-placeholder {
-    color: themed($theme-map, 'color', 'grey', 600);
-  }
-
-  // Read-only
-  &.ng-select.ng-select-disabled {
-    > .ng-select-container {
-      color: themed($theme-map, 'color', 'primary', 500);
-      background-color: themed($theme-map, 'color', 'primary', 200);
-    }
-  }
-
-  &.ng-select-multiple {
-    & > .ng-select-container {
-      & > .ng-value-container {
-        & > .ng-value {
-          display: flex;
-          align-items: center;
-          color: themed($theme-map, 'color', 'accent', 'contrast', 50);
-          background-color: themed($theme-map, 'color', 'accent', 50);
+    border: 1px solid themed($theme-map, 'color', 'primary', 400);
+    box-shadow: 0 4px 4px #113b6e1f;
 
-          .ng-value-icon {
-            &.left {
-              border-right: 1px solid themed($theme-map, 'color', 'primary', 100);
-            }
+    &__option {
+      background-color: #ffffff;
 
-            &.right {
-              border-left: 1px solid themed($theme-map, 'color', 'primary', 100);
-            }
-
-            &:hover {
-              color: themed($theme-map, 'color', 'primary', 'contrast', 100);
-              background-color: themed($theme-map, 'color', 'primary', 100);
-            }
-          }
+      &[aria-selected="true"], &:hover {
+        background-color: themed($theme-map, 'color', 'accent', 50);
+      }
 
-          .ng-value-label {
-            display: flex;
-          }
-        }
+      &:hover {
+        color: themed($theme-map, 'color', 'primary', 'contrast', 100);
       }
     }
   }
-}
-
-// Dropdown
-/*.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
-.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked*/
-
-.ng-dropdown-panel .ng-dropdown-panel-items {
-  box-shadow: themed($theme-map, 'decoration', 'shadow', 'default');
-
-  .ng-option {
-    @include typography-level(themed($theme-map, 'typography', 'form-field'));
-    background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
 
-    &.ng-option-marked,
-    &:hover {
-      // background-color: themed($theme-map, 'color', 'primary', 200);
-      background-color: themed($theme-map, 'color', 'accent', 50);
-    }
-
-    &.ng-option-marked.ng-option-selected,
-    &.ng-option-selected {
-      color: themed($theme-map, 'color', 'primary', 'contrast', 100);
-      // background-color: themed($theme-map, 'color', 'primary', 200);
-      background-color: themed($theme-map, 'color', 'accent', 50);
-    }
+  &[aria-disabled="true"] {
+    color: themed($theme-map, 'color', 'primary', 500);
+    background-color: themed($theme-map, 'color', 'primary', 200);
   }
 }
-
-// .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label
-
-.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
-  top: 0;
-}

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

@@ -5,8 +5,8 @@
 
 .a-tooltip {
   &[data-tooltip]:after {
-    @include typography-level(themed($theme-map, 'typography', 'body'));
+    @include typography-level(themed($theme-map, 'typography', 'simple-tooltip'));
     background-color: themed($theme-map, 'color', 'primary', 50);
-    color: themed($theme-map, 'color', 'primary', 800);
+    color: themed($theme-map, 'color', 'primary', 700);
   }
 }

package/styles-theme/components-theme/_o-pry-composed-condition.theme.scss

@@ -46,15 +46,3 @@
     }
   }
 }
-
-.o-component-pry-composed-condition.ng-select-disabled {
-  .o-pry-composed-condition__type.-vertical-bar {
-    &:before {
-      background-color: themed($theme-map, 'color', 'primary', 400);
-    }
-
-    &:after {
-      border-color: themed($theme-map, 'color', 'primary', 400);
-    }
-  }
-}

package/toolbox/components/toolbox.component.d.ts

@@ -20,6 +20,7 @@ export declare class ToolboxComponent implements OnInit {
     showDropdownButton$: Observable<boolean>;
     isDropdownOpen: boolean;
     actionsAvailable$: Observable<DisplayOptions | undefined>;
+    showEditToggle$: Observable<boolean>;
     set actions(actions: ToolboxAction[]);
     set dropdownActions(dropdownActions: {
         name: string;

package/tooltips/attribute/attribute-tooltip.component.d.ts

@@ -8,6 +8,7 @@ export declare class AttributeTooltipComponent extends BaseTooltipComponent {
     private classes$;
     constructor(translateIdPipe: TranslateIdPipe, store: Store<any>);
     getAttributeName(attribute: string): Observable<string>;
+    getAttributeTechnicalName(attribute: string): Observable<string>;
     getValue(attribute: string, limit?: number): Observable<string>;
     _getValue(attribute: string): Observable<string | undefined | number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTooltipComponent, never>;

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

@@ -115,7 +115,6 @@ export declare class WidgetChartComponent extends DataWidgetComponent implements
     static matchingItems(items: Item[], options: ChartWidgetOptions, attributes: Attribute[]): Item[];
     static uniqueAttributesByNames(attributes: Attribute[]): Attribute[];
     templateTypeTranslationFn: (item: any, args: any[]) => string;
-    translateAggregations: (item: any) => string;
     advancedEdit: string;
     changeChartTitle(title: string): void;
     changeTimeUnit($event: TimeUnit, variable: VariableDefinition): void;

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

@@ -180,6 +180,8 @@ export declare class WidgetMapComponent extends DataWidgetComponent implements A
     tooltipCanMove(number: number): boolean;
     private setStyleAsync;
     get mapLayers(): BaseLayer[];
+    get rightSlideLayers(): BaseLayer[];
+    get leftSlideLayers(): BaseLayer[];
     changeVisibility(layer: BaseLayer): void;
     changeSingleLayer($event: any): void;
     changeAutoLayer($event: any): void;

package/widgets/widget-map/i18n/en.translations.d.ts

@@ -86,6 +86,7 @@ export declare const enTranslations: {
                 open: string;
                 zoomIn: string;
                 zoomOut: string;
+                slideTitle: string;
             };
         };
     };

package/widgets/widget-map/i18n/fr.translations.d.ts

@@ -86,6 +86,7 @@ export declare const frTranslations: {
                 open: string;
                 zoomIn: string;
                 zoomOut: string;
+                slideTitle: string;
             };
         };
     };

package/widgets/widget-map/style/_o-layer-legend.scss

@@ -95,3 +95,24 @@
   }
 
 }
+
+.m-map-slide-legend {
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+  background-color: white;
+  border-radius: toRem(5);
+  padding: toRem(5);
+
+  &.-left {
+    left: toRem(65);
+  }
+
+  &.-right {
+    right: toRem(47);
+  }
+
+  &__title {
+    font-weight: bold;
+  }
+}