@provoly/dashboard 0.20.3 → 0.20.5

package/presentation/components/title-presentation/title-presentation.component.d.ts

@@ -1,13 +1,11 @@
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs';
-import { ManifestDescription, PryI18nService } from '@provoly/dashboard';
+import { ManifestDescription } from '@provoly/dashboard';
 import * as i0 from "@angular/core";
 export declare class PryTitlePresentationComponent {
     private store;
-    private i18nService;
-    presentation$: Observable<ManifestDescription | null>;
-    presentationTitle$: Observable<string | null>;
-    constructor(store: Store, i18nService: PryI18nService);
+    currentPresentation$: Observable<ManifestDescription | undefined>;
+    constructor(store: Store);
     static ɵfac: i0.ɵɵFactoryDeclaration<PryTitlePresentationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PryTitlePresentationComponent, "pry-title-presentation", never, {}, {}, never, never, false, never>;
 }

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,22 @@
       }
     }
 
+    &__description-container {
+      position: relative;
+      width: 100%;
+      display: flex;
+      align-content: center;
+
+      &.a-tooltip[data-tooltip]:after {
+        width: 100%;
+      }
+    }
+
+    &__description {
+      width: 100%;
+      max-height: toRem(40);
+    }
+
     &__footer {
       display: flex;
       align-content: center;
@@ -142,6 +154,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,102 +175,7 @@
   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);
-}
-.info-tooltip{
-  transform: translateY(8rem);
-}
-
-h1.a-presentation-title {
-  font-size: 16px;
-  padding-right: 20px;
-  color: #113B6E;
-}
-
-.title-container {
-  display: flex;
-
-  .h-1 {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-}
-.actions-list {
-  display: flex;
-  align-items: center;
-  gap: 0.9375rem;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: space-evenly;
-  list-style-type: none;
-}
-
-.info-icon {
-  position: relative;
-  width: 1.5rem;
-  height: 1.5rem;
-  border-radius: 50%;
-  cursor: pointer;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  align-self: center;
-  margin-right: 1rem;
-  border: 1px solid #3E546A;
-}
-
-.more-actions {
+.more-button {
   position: absolute;
   top: toRem(6);
   right: toRem(10);

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;
@@ -20,7 +20,7 @@ export declare const enTranslations: {
             choice: string;
             or: string;
             create_title: string;
-            consult_title: string;
+            consultRestitution: string;
             search: string;
             backToCatalog: string;
             options: 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/restitution/style/_o-restitution.scss

@@ -25,18 +25,15 @@
   label {
     border-radius: 10%;
   }
-}
-.actions-list {
-  display: flex;
-  align-items: center;
-  gap: 0.9375rem;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: space-evenly;
-  list-style-type: none;
-}
-.more-actions {
-  position: absolute;
-  top: toRem(6);
-  right: toRem(10);
+
+  .more-button {
+    position: absolute;
+    top: toRem(6);
+    right: toRem(10);
+
+    .a-btn {
+      padding: toRem(2) 0;
+      border-radius: 50%;
+    }
+  }
 }

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

@@ -46,6 +46,7 @@ export declare const enTranslations: {
                 startWith: string;
                 endWith: string;
                 notEqualsString: string;
+                notEqualsNumber: string;
                 equalsString: string;
                 equalsNumber: string;
                 greaterThanNumber: string;

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

@@ -46,6 +46,7 @@ export declare const frTranslations: {
                 startWith: string;
                 endWith: string;
                 notEqualsString: string;
+                notEqualsNumber: string;
                 equalsString: string;
                 equalsNumber: string;
                 greaterThanNumber: string;

package/styles/base/_utils.scss

@@ -69,3 +69,7 @@
 .u-self-end {
   align-self: flex-end;
 }
+
+.-flex-shrink-0 {
+  flex-shrink: 0;
+}

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

@@ -8,26 +8,21 @@
     cursor: pointer;
 
     &:after {
-      line-height: 1;
-      pointer-events: none;
-      position: absolute;
-      box-sizing: border-box;
       display: none;
       opacity: 0;
-    }
+      position: absolute;
+      z-index: 1000;
+      pointer-events: none;
 
-    &:after {
       content: attr(data-tooltip);
       text-align: center;
-      min-width: 3em;
-      max-width: 21em;
-      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);
+      line-height: 1;
+
       border-radius: toRem(5);
-      z-index: 1000;
+      box-sizing: border-box;
+      box-shadow: 0 1px 3px 0 #0000001A;
+      min-width: 3em;
+      padding: toRem(5) toRem(10);
     }
 
     &:hover:after {
@@ -38,17 +33,13 @@
     &:not([data-tooltip-position])::after,
     &[data-tooltip-position="top"]::after {
       bottom: calc(100% + 5px);
-    }
-
-    &:not([data-tooltip-position])::after,
-    &[data-tooltip-position="top"]::after {
       left: 50%;
       -webkit-transform: translate(-50%, -4px);
       transform: translate(-50%, -4px);
     }
 
     &[data-tooltip-position="bottom"]::after {
-      top: calc(100%);
+      top: calc(100% + 5px);
       left: 50%;
       -webkit-transform: translate(-50%, 8px);
       transform: translate(-50%, 8px);
@@ -72,5 +63,21 @@
   [data-tooltip=""]::after {
     display: none;
   }
+
+  &.-tooltip-no-wrap:after {
+    white-space: nowrap;
+  }
+
+  &.-tooltip-width-sm:after {
+    width: toRem(100);
+  }
+
+  &.-tooltip-width-md:after {
+    width: toRem(200);
+  }
+
+  &.-tooltip-width-lg:after {
+    width: toRem(300);
+  }
 }
 

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/_m-info-icon.scss

@@ -0,0 +1,16 @@
+@use '../abstracts' as *;
+
+/* Molecule - info-icon */
+
+.m-info-icon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  cursor: pointer;
+
+  width: 1.5rem;
+  height: 1.5rem;
+  border: 1px solid #3E546A;
+  border-radius: 50%;
+}

package/styles/components/_m-presentation-title.scss

@@ -0,0 +1,14 @@
+@use '../abstracts' as *;
+
+/* Molecule - presentation title */
+
+.m-presentation-title {
+  display: flex;
+
+  &__text {
+    display: flex;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+}
+

package/styles/components/_o-about.scss

@@ -3,11 +3,7 @@
 .o-about {
   position: relative;
 
-  .description:hover:after {
-    cursor: pointer;
-  }
-
-  .description-tooltip {
+  &__tooltip {
     position: absolute;
     max-width: 50vw;
     visibility: hidden;
@@ -62,30 +58,12 @@
     }
   }
 
-  .description:hover + .description-tooltip {
+  .m-info-icon:hover + &__tooltip {
     visibility: visible;
     transition: opacity 0.2s ease;
     opacity: 1;
   }
 
-  .title-container {
-    display: flex;
-  }
-
-  .info-icon {
-    position: relative;
-    width: 1.5rem;
-    height: 1.5rem;
-    border-radius: 50%;
-    border: 1px solid #3E546A;
-    cursor: pointer;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    align-self: center;
-    margin: 0 1rem;
-  }
-
   &__line {
     display: flex;
     flex-direction: row;

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 *;
@@ -36,10 +35,12 @@
 @use 'components/m-form-label-field' as *;
 @use 'components/m-form-radio-group' as *;
 @use 'components/m-image-selector' as *;
+@use 'components/m-info-icon' as *;
 @use 'components/m-metadata-tag' as *;
 @use 'components/m-minus-plus' as *;
 @use 'components/m-minus-plus' as *;
 @use 'components/m-nav-links' as *;
+@use 'components/m-presentation-title' as *;
 @use 'components/m-snackbar' as *;
 @use 'components/m-time-picker' as *;
 @use 'components/m-toolbox' 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 /////