@provoly/dashboard 1.2.8 → 1.2.10

package/pipeline/pipeline.module.d.ts

@@ -9,13 +9,12 @@ import * as i6 from "@provoly/dashboard";
 import * as i7 from "@ngrx/store";
 import * as i8 from "@ngrx/effects";
 import * as i9 from "@angular/forms";
-import * as i10 from "@provoly/dashboard/components/sinceDate";
-import * as i11 from "@angular/cdk/overlay";
-import * as i12 from "@angular/cdk/a11y";
+import * as i10 from "@angular/cdk/overlay";
+import * as i11 from "@angular/cdk/a11y";
 export declare class PryPipelineModule {
     private pryTranslateService;
     constructor(pryTranslateService: PryI18nService);
     static ɵfac: i0.ɵɵFactoryDeclaration<PryPipelineModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PryPipelineModule, [typeof i1.PryPipelineEditorComponent, typeof i2.PryPipelineCssComponent, typeof i3.PryPipelineListComponent, typeof i4.PryPipelineDetailsComponent], [typeof i5.CommonModule, typeof i6.PryCoreModule, typeof i7.StoreFeatureModule, typeof i8.EffectsFeatureModule, typeof i6.PryIconModule, typeof i6.PryI18nModule, typeof i6.PrySortModule, typeof i9.FormsModule, typeof i6.PryToggleModule, typeof i10.PrySinceDateModule, typeof i9.ReactiveFormsModule, typeof i11.OverlayModule, typeof i12.A11yModule], [typeof i1.PryPipelineEditorComponent, typeof i2.PryPipelineCssComponent, typeof i3.PryPipelineListComponent, typeof i4.PryPipelineDetailsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PryPipelineModule, [typeof i1.PryPipelineEditorComponent, typeof i2.PryPipelineCssComponent, typeof i3.PryPipelineListComponent, typeof i4.PryPipelineDetailsComponent], [typeof i5.CommonModule, typeof i6.PryCoreModule, typeof i7.StoreFeatureModule, typeof i8.EffectsFeatureModule, typeof i6.PryIconModule, typeof i6.PryI18nModule, typeof i6.PrySortModule, typeof i9.FormsModule, typeof i6.PryToggleModule, typeof i9.ReactiveFormsModule, typeof i10.OverlayModule, typeof i11.A11yModule, typeof i6.PrySinceDateModule], [typeof i1.PryPipelineEditorComponent, typeof i2.PryPipelineCssComponent, typeof i3.PryPipelineListComponent, typeof i4.PryPipelineDetailsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PryPipelineModule>;
 }

package/presentation/presentation.module.d.ts

@@ -6,17 +6,16 @@ import * as i3 from "./components/title-presentation/title-presentation.componen
 import * as i4 from "./style/css.component";
 import * as i5 from "@provoly/dashboard";
 import * as i6 from "@angular/forms";
-import * as i7 from "@provoly/dashboard/components/sinceDate";
-import * as i8 from "@provoly/dashboard/toolbox";
-import * as i9 from "@provoly/dashboard/components/checkbox";
-import * as i10 from "@angular/common";
-import * as i11 from "@angular/cdk/a11y";
-import * as i12 from "@provoly/dashboard/components/metadata-editor";
-import * as i13 from "@provoly/dashboard/components/text-editor";
+import * as i7 from "@provoly/dashboard/toolbox";
+import * as i8 from "@provoly/dashboard/components/checkbox";
+import * as i9 from "@angular/common";
+import * as i10 from "@angular/cdk/a11y";
+import * as i11 from "@provoly/dashboard/components/metadata-editor";
+import * as i12 from "@provoly/dashboard/components/text-editor";
 export declare class PryPresentationModule {
     private pryTranslateService;
     constructor(pryTranslateService: PryI18nService);
     static ɵfac: i0.ɵɵFactoryDeclaration<PryPresentationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PryPresentationModule, [typeof i1.PryPresentationComponent, typeof i2.PryAddEditPresentationComponent, typeof i3.PryTitlePresentationComponent, typeof i4.PryPresentationCssComponent], [typeof i5.PryIconModule, typeof i5.PryCoreModule, typeof i5.PryDashboardModule, typeof i6.ReactiveFormsModule, typeof i5.PrySelectModule, typeof i7.PrySinceDateModule, typeof i5.PryShareModule, typeof i6.FormsModule, typeof i5.PryOverlayModule, typeof i5.PryI18nModule, typeof i8.PryToolboxModule, typeof i9.PryCheckboxModule, typeof i10.CommonModule, typeof i11.A11yModule, typeof i12.PryExpandPanelModule, typeof i13.PryTextEditorModule], [typeof i1.PryPresentationComponent, typeof i2.PryAddEditPresentationComponent, typeof i3.PryTitlePresentationComponent, typeof i4.PryPresentationCssComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PryPresentationModule, [typeof i1.PryPresentationComponent, typeof i2.PryAddEditPresentationComponent, typeof i3.PryTitlePresentationComponent, typeof i4.PryPresentationCssComponent], [typeof i5.PryIconModule, typeof i5.PryCoreModule, typeof i5.PryDashboardModule, typeof i6.ReactiveFormsModule, typeof i5.PrySelectModule, typeof i5.PryShareModule, typeof i6.FormsModule, typeof i5.PryOverlayModule, typeof i5.PryI18nModule, typeof i7.PryToolboxModule, typeof i8.PryCheckboxModule, typeof i9.CommonModule, typeof i10.A11yModule, typeof i11.PryExpandPanelModule, typeof i12.PryTextEditorModule, typeof i5.PrySinceDateModule], [typeof i1.PryPresentationComponent, typeof i2.PryAddEditPresentationComponent, typeof i3.PryTitlePresentationComponent, typeof i4.PryPresentationCssComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PryPresentationModule>;
 }

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

@@ -40,7 +40,7 @@ export declare class PryRestitutionComponent extends SubscriptionnerDirective im
     constructor(toolboxManifestService: ToolboxManifestService, store: Store, toolboxMenuService: ToolboxMenuService);
     ngOnInit(): void;
     cancel(stepper: PryStepperComponent): void;
-    datasourcesChanged($event: DataSource[]): void;
+    datasourcesChanged($event: string[]): void;
     submit(stepper: PryStepperComponent): void;
     goNext(stepper: PryStepperComponent, submit?: boolean): void;
     prev(stepper: PryStepperComponent): void;

package/restitution/restitution.module.d.ts

@@ -12,11 +12,10 @@ import * as i9 from "@provoly/dashboard/components/stepper";
 import * as i10 from "@provoly/dashboard/search";
 import * as i11 from "@provoly/dashboard/components/card";
 import * as i12 from "@provoly/dashboard/components/checkbox";
-import * as i13 from "@provoly/dashboard/components/sinceDate";
 export declare class PryRestitutionModule {
     private pryTranslateService;
     constructor(pryTranslateService: PryI18nService);
     static ɵfac: i0.ɵɵFactoryDeclaration<PryRestitutionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PryRestitutionModule, [typeof i1.PryRestitutionListComponent, typeof i2.PryRestitutionComponent, typeof i3.PryCatalogCssComponent, typeof i4.PryRestitutionCatalogComponent, typeof i5.PryRestitutionListItemComponent], [typeof i6.CommonModule, typeof i7.PryCoreModule, typeof i7.PryIconModule, typeof i8.FormsModule, typeof i9.PryStepperModule, typeof i7.PrySelectModule, typeof i7.PryDashboardModule, typeof i7.PryShareModule, typeof i10.PrySearchModule, typeof i7.PryI18nModule, typeof i11.PryCardModule, typeof i12.PryCheckboxModule, typeof i7.PryOverlayModule, typeof i13.PrySinceDateModule], [typeof i1.PryRestitutionListComponent, typeof i2.PryRestitutionComponent, typeof i4.PryRestitutionCatalogComponent, typeof i5.PryRestitutionListItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PryRestitutionModule, [typeof i1.PryRestitutionListComponent, typeof i2.PryRestitutionComponent, typeof i3.PryCatalogCssComponent, typeof i4.PryRestitutionCatalogComponent, typeof i5.PryRestitutionListItemComponent], [typeof i6.CommonModule, typeof i7.PryCoreModule, typeof i7.PryIconModule, typeof i8.FormsModule, typeof i9.PryStepperModule, typeof i7.PrySelectModule, typeof i7.PryDashboardModule, typeof i7.PryShareModule, typeof i10.PrySearchModule, typeof i7.PryI18nModule, typeof i11.PryCardModule, typeof i12.PryCheckboxModule, typeof i7.PryOverlayModule, typeof i7.PrySinceDateModule], [typeof i1.PryRestitutionListComponent, typeof i2.PryRestitutionComponent, typeof i4.PryRestitutionCatalogComponent, typeof i5.PryRestitutionListItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PryRestitutionModule>;
 }

package/restitution/style/_o-restitution.scss

@@ -22,4 +22,8 @@
   .m-btn-group.actions {
     margin-top: auto;
   }
+
+  pry-datasource-selector {
+    height: calc(100% - 35px);
+  }
 }

package/styles/base/_typography.scss

@@ -23,3 +23,7 @@ h4 {
   margin: 0;
   padding-bottom: toRem(10);
 }
+
+.-italic {
+  font-style: italic;
+}

package/styles/base/_utils.scss

@@ -36,6 +36,10 @@
   }
 }
 
+.u-txt-left {
+  text-align: left;
+}
+
 .u-txt-center {
   text-align: center;
 }
@@ -49,14 +53,22 @@
     align-items: center;
   }
 
-  &.-align-start{
+  &.-align-start {
     align-items: flex-start;
   }
 
+  &.-justify-start {
+    justify-content: flex-start;
+  }
+
   &.-justify-center {
     justify-content: center;
   }
 
+  &.-justify-end {
+    justify-content: flex-end;
+  }
+
   &.-justify-space-between {
     justify-content: space-between;
   }
@@ -69,14 +81,28 @@
     flex-direction: row;
   }
 
+  &.-wrap {
+    flex-wrap: wrap;
+  }
+
   &.-no-gap {
     gap: 0;
   }
+
   &.-gap-10 {
     gap: toRem(10);
   }
+
+  &.-gap-20 {
+    gap: toRem(20);
+  }
 }
 
+.u-self-start {
+  align-self: start;
+}
+
+
 .u-self-center {
   align-self: center;
 }

package/styles/components/_a-btn.scss

@@ -185,4 +185,8 @@
   &.-pad-5 {
     padding: 0 toRem(5);
   }
+
+  &.-no-padding {
+    padding: 0;
+  }
 }

package/styles/components/_a-chip.scss

@@ -1,4 +1,5 @@
 @use '../abstracts' as *;
+@use '../../styles-theme/abstracts-theme/variables.theme' as *;
 
 .a-chip {
   display: flex;
@@ -8,12 +9,56 @@
   font-size: toRem(10);
   padding: toRem(2) toRem(7);
 
+  color: themed($theme-map, 'color', 'primary', 'contrast', 50);
+  background-color: themed($theme-map, 'color', 'primary', 600);
+
+  &:hover {
+    @include changeBgColor(
+      $targetBgColor: themed($theme-map, 'color', 'primary', 300),
+      $targetTextColor: themed($theme-map, 'color', 'primary', 600)
+    );
+  }
+
+  &--light {
+    background-color: themed($theme-map, 'color', 'primary', 50);
+    color: themed($theme-map, 'color', 'primary', 600);
+    border: solid 1px themed($theme-map, 'color', 'primary', 300);
+
+    &:hover {
+      @include changeBgColor(
+        $targetBgColor: themed($theme-map, 'color', 'primary', 300)
+      );
+    }
+  }
+
+  &--ghost {
+    background-color: transparent;
+    color: themed($theme-map, 'color', 'primary', 750);
+
+    &:hover {
+      @include changeBgColor(
+        $targetBgColor: themed($theme-map, 'color', 'primary', 300)
+      );
+    }
+  }
+
   &.-md {
     height: toRem(20);
     font-size: toRem(12);
+    padding: toRem(3) toRem(10);
+  }
+
+  &.-lg {
+    height: toRem(30);
+    font-size: toRem(16);
+    gap: toRem(5);
   }
 
   &.-no-wrap {
     white-space: nowrap;
   }
+
+  &.-not-found {
+    opacity: 0.4;
+  }
 }

package/styles/components/_o-datasource-selector.scss

@@ -0,0 +1,192 @@
+@use '../../styles/abstracts/index' as *;
+@use '../../styles-theme/abstracts-theme/variables.theme' as *;
+
+/* Organism - datasource-selector */
+
+.o-datasource-selector {
+  overflow: hidden;
+  height: 100%;
+
+  pry-datasource-list {
+    overflow: hidden;
+  }
+
+  &__chips {
+    max-height: toRem(80);
+    margin-bottom: toRem(40);
+    overflow: scroll;
+  }
+}
+
+.o-datasource-list {
+  &__header {
+    width: 100%;
+
+    .a-label {
+      font-size: toRem(16);
+      font-weight: 700;
+    }
+
+    input.a-form-field {
+      padding-left: toRem(60);
+    }
+
+    div.a-pry-select {
+      padding: toRem(7.5) toRem(10);
+    }
+
+    input.a-form-field, div.a-pry-select  {
+      border-color: themed($theme-map, 'color', 'primary', 600);
+      font-size: toRem(12);
+      border-radius: toRem(5);
+      height: toRem(40);
+    }
+
+    input.a-form-field::placeholder, span.a-pry-select__placeholder {
+      color: themed($theme-map, 'color', 'primary', 500);
+      font-style: italic;
+    }
+  }
+
+  &__search {
+    flex-basis: 50%;
+    position: relative;
+
+    .search-icon {
+      position: absolute;
+      left: toRem(20);
+      bottom: toRem(10);
+      pointer-events: none;
+      color: themed($theme-map, 'color', 'primary', 600);
+    }
+  }
+
+  &__categories {
+    flex-basis: 50%;
+  }
+
+  &__content {
+    @extend %list-unstyled;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(toRem(330), 0fr));
+    grid-gap: toRem(10);
+    column-gap: 1.5rem;
+    row-gap: 2rem;
+    padding-bottom: toRem(20);
+
+    overflow: auto;
+    height: calc(100% - 100px);
+  }
+}
+
+.o-datasource-card {
+  display: flex;
+  flex-direction: column;
+  margin: 0 auto;
+  font-size: toRem(14);
+  min-width: toRem(310);
+  height: toRem(180);
+
+  background-color: themed($theme-map, 'color', 'primary', 50);
+  filter: drop-shadow(0px 4px 4px rgba(17, 59, 110, 0.12));
+
+  &:hover {
+    background-color: themed($theme-map, 'color', 'primary', 300);
+    cursor: pointer;
+
+    .o-pry-datasource-card__footer {
+      border-top: 1px themed($theme-map, 'color', 'primary', 400) solid;
+
+      pry-icon {
+        visibility: visible;
+        opacity: 1;
+      }
+    }
+  }
+
+  &.-no-footer {
+    height: toRem(150);
+  }
+
+  &__title {
+    width: toRem(270);
+
+    &.a-tooltip[data-tooltip]:after {
+      top: calc(100% - 15px);
+      max-width: toRem(300);
+      word-break: break-word;
+    }
+  }
+
+  &.-is-selectable .o-datasource-card__title {
+    width: toRem(240);
+  }
+
+  .a-h4 {
+    color: themed($theme-map, 'color', 'primary', 600);
+  }
+
+  &__header {
+    display: flex;
+    gap: toRem(15);
+    padding: toRem(10);
+    max-width: toRem(330);
+  }
+
+  &__checkbox {
+    margin-left: auto;
+  }
+
+  &__date {
+    font-size: toRem(11);
+  }
+
+  &__description {
+    position: relative;
+    width: 100%;
+
+    &.a-tooltip[data-tooltip]:after {
+      width: 100%;
+    }
+  }
+
+  &__content {
+    flex-grow: 1;
+    padding: 0 toRem(15);
+    font-size: toRem(13);
+    margin-bottom: toRem(10);
+
+    .a-h3 {
+      font-size: toRem(14);
+    }
+
+    &.-date {
+      margin-bottom: 0;
+    }
+  }
+
+  &__categories {
+    max-height: toRem(20);
+    overflow: hidden;
+  }
+
+  &__footer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    border-top: 1px themed($theme-map, 'color', 'primary', 300) solid;
+    border-bottom: 1px themed($theme-map, 'color', 'primary', 300) solid;
+
+    .a-btn {
+      margin-left: toRem(20); // needed for centering the footer text
+    }
+
+    pry-icon {
+      visibility: hidden;
+      opacity: 0;
+      transition: visibility 100ms linear , opacity 100ms linear;
+      margin-left: toRem(3);
+    }
+  }
+}

package/styles/components/_o-modal.scss

@@ -72,46 +72,4 @@
   .m-btn-group {
     padding-top: toRem(15);
   }
-
-  // Version of modal with a filter/selector OR item creator (ex. admin/classes/nouvel attribut)
-  &--selector {
-    .m-form-label-field.selector {
-      position: relative;
-      // Color layer behind field
-      &:before {
-        content: '';
-        position: absolute;
-        z-index: -1;
-        top: toRem(-300);
-        bottom: toRem(-25);
-        left: toRem(-30);
-        right: toRem(-30);
-      }
-    }
-
-    .a-table {
-      tbody tr td {
-        padding: toRem(5);
-      }
-
-      .a-btn--secondary.select-it {
-        justify-content: flex-start;
-        width: 100%;
-        height: 100%;
-        padding: toRem(10) toRem(2);
-        @include outlineOnFocus($border-radius: 2px);
-      }
-    }
-
-    .a-p--create {
-      margin-top: toRem(15);
-      padding-bottom: toRem(10);
-      line-height: toRem(21);
-
-      + .a-btn {
-        left: 50%;
-        transform: translateX(-50%);
-      }
-    }
-  }
 }

package/styles/components/_o-widget.scss

@@ -126,7 +126,7 @@
   // Resultset displayed in popup/panel
   &__choose-resultset, .active-step {
     @extend %overlay-panel-fixed-right;
-    width: toRem(560);
+    width: toRem(1100);
     padding: 0 0 toRem(10) 0;
     top: toRem(12);
     height: calc(100% - 24px);

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

@@ -101,19 +101,13 @@
 
     &.is-open {
       overflow: hidden;
-      width: toRem(320);
+      width: 30rem;
       -webkit-transition: width ease-in-out 0.6s;
       transition: width ease-in-out 0.6s;
 
       .o-base-layout__panel__content {
         display: block;
-      }
-
-      &.-model {
         width: 30rem;
-        .o-base-layout__panel__content {
-          width: 30rem;
-        }
       }
     }
   }

package/styles/main.scss

@@ -56,6 +56,7 @@
 @use 'components/o-cards-list' as *;
 @use 'components/o-dashboard' as *;
 @use 'components/o-date-picker' as *;
+@use 'components/o-datasource-selector' as *;
 @use 'components/o-chips-selector' as *;
 @use 'components/o-draggable-menu' as *;
 @use 'components/o-form' as *;

package/styles-theme/main-theme.scss

@@ -4,7 +4,6 @@
 @use 'components-theme/a-badge.theme' as *;
 @use 'components-theme/a-btn.theme' as *;
 @use 'components-theme/a-checkbox.theme' as *;
-@use 'components-theme/a-chip.theme' as *;
 @use 'components-theme/a-expandable-value.theme' as *;
 @use 'components-theme/a-form-field.theme' as *;
 @use 'components-theme/a-icon.theme' as *;
@@ -72,8 +71,6 @@
 @use 'components-theme/o-pry-composed-condition.theme' as *;
 @use 'components-theme/o-pry-card.theme' as *;
 @use 'components-theme/o-pry-card-menu.theme' as *;
-@use 'components-theme/o-pry-dataset-card.theme' as *;
-@use 'components-theme/o-pry-dataset.theme' as *;
 @use 'components-theme/o-pry-expand-panel.theme' as *;
 @use 'components-theme/o-pry-new-presentation.theme' as *;
 @use 'components-theme/o-pry-presentation.theme' as *;

package/components/sinceDate/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@provoly/dashboard/components/sinceDate" />
-export * from './public-api';

package/components/sinceDate/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './sinceDate.module';
-export * from './sinceDate.pipe';

package/dataset/components/dataset-card/dataset-card.component.d.ts

@@ -1,18 +0,0 @@
-import { AfterContentInit, EventEmitter } from '@angular/core';
-import { Dataset, DatasetVersion } from '@provoly/dashboard';
-import { Observable } from 'rxjs';
-import { Store } from '@ngrx/store';
-import * as i0 from "@angular/core";
-export declare class PryDatasetCardComponent implements AfterContentInit {
-    private store;
-    dataset: Dataset;
-    consult: EventEmitter<Dataset>;
-    datasetVersions$: Observable<DatasetVersion[]>;
-    activeVersion$: Observable<string | undefined>;
-    constructor(store: Store);
-    ngAfterContentInit(): void;
-    truncateDescription(description: string | undefined, maxLength: number): string;
-    goToDetailView(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PryDatasetCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PryDatasetCardComponent, "pry-dataset-card", never, { "dataset": { "alias": "dataset"; "required": false; }; }, { "consult": "consult"; }, never, never, false, never>;
-}

package/dataset/style/_o-pry-dataset-card.scss

@@ -1,85 +0,0 @@
-@use '../../styles/abstracts/index' as *;
-
-/* Organism - pry-dataset-card */
-
-.o-pry-dataset-card {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  position: relative;
-  margin: 0 auto;
-  border-collapse: collapse;
-  font-size: toRem(14);
-  min-width: toRem(330);
-  height: toRem(150);
-
-  &:hover {
-    cursor: pointer;
-
-    .o-pry-dataset-card__footer {
-      pry-icon {
-        visibility: visible;
-        opacity: 1;
-      }
-    }
-  }
-
-  &__header {
-    display: flex;
-    gap: toRem(15);
-    padding: toRem(10);
-    max-width: toRem(330);
-  }
-
-  &__description-container {
-    position: relative;
-    width: 100%;
-
-    &.a-tooltip[data-tooltip]:after {
-      width: 100%;
-    }
-  }
-
-  &__txt {
-    flex-grow: 1;
-    padding: toRem(10) toRem(15);
-    .a-h3 {
-      font-size: toRem(14);
-    }
-
-    .a-p {
-      font-size: toRem(13);
-
-      &.-date {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  &__footer {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .a-btn {
-      margin-left: toRem(20); // needed for centering the footer text
-    }
-
-    pry-icon {
-      visibility: hidden;
-      opacity: 0;
-      transition: visibility 100ms linear , opacity 100ms linear;
-      margin-left: toRem(3);
-    }
-  }
-
-  .dataset-name {
-    width: toRem(270);
-
-    &.a-tooltip[data-tooltip]:after {
-      top: calc(100% - 15px);
-      max-width: toRem(300);
-      word-break: break-word;
-    }
-  }
-}