@provoly/dashboard 0.20.2 → 0.20.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.20.2",
+  "version": "0.20.4",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",
@@ -8,7 +8,6 @@
     "@angular/core": "15.x || 16.x",
     "@angular/platform-browser": "15.x || 16.x",
     "@angular/router": "15.x || 16.x",
-    "@ng-select/ng-select": "11.2.0",
     "@ngrx/effects": "16.x",
     "@ngrx/entity": "16.x",
     "@ngrx/store": "16.x",
@@ -301,6 +300,12 @@
       "esm": "./esm2022/widgets/widget-image/provoly-dashboard-widgets-widget-image.mjs",
       "default": "./fesm2022/provoly-dashboard-widgets-widget-image.mjs"
     },
+    "./widgets/widget-map": {
+      "types": "./widgets/widget-map/index.d.ts",
+      "esm2022": "./esm2022/widgets/widget-map/provoly-dashboard-widgets-widget-map.mjs",
+      "esm": "./esm2022/widgets/widget-map/provoly-dashboard-widgets-widget-map.mjs",
+      "default": "./fesm2022/provoly-dashboard-widgets-widget-map.mjs"
+    },
     "./widgets/widget-table": {
       "types": "./widgets/widget-table/index.d.ts",
       "esm2022": "./esm2022/widgets/widget-table/provoly-dashboard-widgets-widget-table.mjs",
@@ -313,12 +318,6 @@
       "esm": "./esm2022/widgets/widget-template/provoly-dashboard-widgets-widget-template.mjs",
       "default": "./fesm2022/provoly-dashboard-widgets-widget-template.mjs"
     },
-    "./widgets/widget-map": {
-      "types": "./widgets/widget-map/index.d.ts",
-      "esm2022": "./esm2022/widgets/widget-map/provoly-dashboard-widgets-widget-map.mjs",
-      "esm": "./esm2022/widgets/widget-map/provoly-dashboard-widgets-widget-map.mjs",
-      "default": "./fesm2022/provoly-dashboard-widgets-widget-map.mjs"
-    },
     "./widgets/widget-tile": {
       "types": "./widgets/widget-tile/index.d.ts",
       "esm2022": "./esm2022/widgets/widget-tile/provoly-dashboard-widgets-widget-tile.mjs",

package/pipeline/store/pipeline.actions.d.ts

@@ -8,7 +8,7 @@ export interface NodePipelineError extends PipelineError {
 }
 export interface NodeStatusModel {
     attributes: {
-        name: string;
+        technicalName: string;
         type: string;
     }[];
 }

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

@@ -43,13 +43,6 @@ pry-add-edit-presentation {
 
 .o-presentation__metadata-editor {
   flex: 1 50%;
-
-  pry-metadata-editor {
-    ng-select {
-      position: relative;
-      width: 100%;
-    }
-  }
 }
 
 .o-presentation-form {

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

@@ -31,6 +31,7 @@
 
   &__content {
     height: 100%;
+    overflow: auto;
 
     .pointer {
       cursor: pointer;
@@ -78,11 +79,6 @@
       }
     }
 
-    .a-tooltip {
-      align-items: center;
-      width: 100%;
-      height: 100%;
-    }
     &__image {
       width: auto;
       cursor: pointer;
@@ -135,6 +131,23 @@
       }
     }
 
+    &__description-container {
+      position: relative;
+      width: 100%;
+      display: flex;
+      align-content: center;
+
+      &.a-tooltip[data-tooltip]:after {
+        width: 100%;
+        white-space: normal;
+      }
+    }
+
+    &__description {
+      width: 100%;
+      max-height: toRem(40);
+    }
+
     &__footer {
       display: flex;
       align-content: center;
@@ -142,6 +155,7 @@
       font-size: toRem(14);
       line-height: toRem(18);
       padding: toRem(3) 0;
+      max-height: toRem(37);
 
       .a-btn {
         margin-left: toRem(20); // needed for centering the footer text
@@ -162,56 +176,6 @@
   padding: toRem(15);
 }
 
-.description-container {
-  position: relative;
-  width: 100%;
-}
-
-.description {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: inherit;
-  position: relative;
-  line-height: 2rem;
-  box-sizing: border-box;
-  pointer-events:none;
-}
-
-.description:after {
-  content:"";
-  display: block;
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 40px;
-  height: 48px;
-  z-index: 1;
-  pointer-events:initial;
-}
-
-.description:hover:after{
-  cursor: pointer;
-}
-
-.description-tooltip {
-  position: absolute;
-  max-width: 50vw;
-  visibility: hidden;
-  background-color: #fff;
-  padding: 20px;
-  -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);
-  opacity: 0;
-  transition: opacity 0.5s ease;
-  z-index: 2;
-}
-
-.description:hover + .description-tooltip {
-  visibility: visible;
-  transition: opacity 0.2s ease;
-  opacity: 1;
-}
-
 .title-tooltip {
   transform: translateY(4rem);
 }
@@ -233,6 +197,7 @@ h1.a-presentation-title {
     padding-bottom: 0;
   }
 }
+
 .actions-list {
   display: flex;
   align-items: center;

package/restitution/components/restitution-catalog/restitution-catalog.component.d.ts

@@ -24,7 +24,7 @@ export declare class PryRestitutionCatalogComponent {
     closeRestitution($event: void): void;
     deleteRestitution(id: string): void;
     editRestitution(restitution: Widget): void;
-    toggleModalActions(restitution?: Widget): void;
+    toggleModalActions(restitution?: Widget, moreButton?: HTMLButtonElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PryRestitutionCatalogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PryRestitutionCatalogComponent, "pry-restitution-catalog", never, {}, {}, never, never, false, never>;
 }

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

@@ -8,7 +8,7 @@ export declare const enTranslations: {
             image: string;
             close: string;
             validate: string;
-            broadcast: string;
+            share: string;
             view: string;
             create: string;
             cancel: string;

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 > .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/filter-settings/filter-settings.component.d.ts

@@ -13,7 +13,7 @@ export declare enum FilterSteps {
 }
 export interface Attribute {
     id: string;
-    name: string;
+    technicalName: string;
     label: string;
     datasource: string;
     type: FieldType;
@@ -49,7 +49,7 @@ export declare class PryFilterSettingsComponent extends ToolboxActionComponent {
     classes: Class[];
     attributes$: Observable<{
         id: string;
-        name: string;
+        technicalName: string;
         label: string;
         datasource: string;
         type: string;

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;