@provoly/dashboard 0.18.2 → 0.18.4

package/lib/core/i18n/en.translations.d.ts

@@ -51,6 +51,10 @@ export declare const enTranslations: {
             modalTitle: string;
             itemId: string;
             class: string;
+            colorScheme: string;
+            custom: string;
+            addColor: string;
+            removeColor: string;
         };
         view: {
             name: string;

package/lib/core/i18n/fr.translations.d.ts

@@ -51,6 +51,10 @@ export declare const frTranslations: {
             modalTitle: string;
             itemId: string;
             class: string;
+            colorScheme: string;
+            custom: string;
+            addColor: string;
+            removeColor: string;
         };
         view: {
             name: string;

package/lib/core/model/widget-aggregated-chart-manifest.interface.d.ts

@@ -32,6 +32,10 @@ export interface TimeLimit {
     interval: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'quarter' | 'year';
     isTimeLimit: true;
 }
+export interface Sort {
+    attribute: string;
+    direction: 'asc' | 'desc';
+}
 export interface ChartAggregatedWidgetOptions {
     abscissa: {
         label: string;
@@ -56,6 +60,9 @@ export interface ChartAggregatedWidgetOptions {
         type: GraphType;
         stacked?: boolean;
         legend?: boolean;
+        sort?: Sort;
     };
     additionalSpec?: any;
+    circleColorScheme?: string;
+    baseColor?: string;
 }

package/lib/core/model/widget-chart-manifest.interface.d.ts

@@ -55,6 +55,7 @@ export declare enum VegaType {
     NOMINAL = "nominal"
 }
 export declare enum VegaColorType {
+    PROVOLY = "Provoly",
     ACCENT = "accent",
     SET2 = "set2",
     DARK2 = "dark2",

package/lib/core/store/data-source/data-source.model.d.ts

@@ -22,10 +22,8 @@ export interface DescriptionQuery {
 export interface Dataset extends DescriptionQuery {
     sourceType: 'dataset';
     id: string;
-    name: string;
     oClass: string;
     type: PryDatasetType;
-    metadata: MetadataValue[];
 }
 export interface DatasetVersion {
     id: string;

package/lib/core/store/search/search.actions.d.ts

@@ -30,4 +30,11 @@ export declare const SearchActions: {
         error: any;
         id?: string | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Search Api] (bus) Search Failure">>;
+    setSearchLoading: import("@ngrx/store").ActionCreator<"[Search Api] (bus) set Search loading datasource status", (props: {
+        datasources: string[];
+        start: boolean;
+    }) => {
+        datasources: string[];
+        start: boolean;
+    } & import("@ngrx/store/src/models").TypedAction<"[Search Api] (bus) set Search loading datasource status">>;
 };

package/lib/dashboard/components/dashboard.component.d.ts

@@ -28,6 +28,8 @@ export declare class DashboardComponent extends SubscriptionnerDirective impleme
     nonFillerWidgets$: Observable<number>;
     loading$: Observable<boolean>;
     instanciators?: QueryList<WidgetInstanciatorComponent>;
+    dataFetching$: Observable<string[]>;
+    params: DashboardCellParams;
     get widgetsInstances(): any[];
     set staticDashboard(window: DashboardManifest);
     CloseOnDragOut: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.18.2",
+  "version": "0.18.4",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",
@@ -85,18 +85,18 @@
       "esm": "./esm2022/admin/provoly-dashboard-admin.mjs",
       "default": "./fesm2022/provoly-dashboard-admin.mjs"
     },
-    "./import": {
-      "types": "./import/index.d.ts",
-      "esm2022": "./esm2022/import/provoly-dashboard-import.mjs",
-      "esm": "./esm2022/import/provoly-dashboard-import.mjs",
-      "default": "./fesm2022/provoly-dashboard-import.mjs"
-    },
     "./dataset": {
       "types": "./dataset/index.d.ts",
       "esm2022": "./esm2022/dataset/provoly-dashboard-dataset.mjs",
       "esm": "./esm2022/dataset/provoly-dashboard-dataset.mjs",
       "default": "./fesm2022/provoly-dashboard-dataset.mjs"
     },
+    "./import": {
+      "types": "./import/index.d.ts",
+      "esm2022": "./esm2022/import/provoly-dashboard-import.mjs",
+      "esm": "./esm2022/import/provoly-dashboard-import.mjs",
+      "default": "./fesm2022/provoly-dashboard-import.mjs"
+    },
     "./notification": {
       "types": "./notification/index.d.ts",
       "esm2022": "./esm2022/notification/provoly-dashboard-notification.mjs",
@@ -175,6 +175,12 @@
       "esm": "./esm2022/components/checkbox/provoly-dashboard-components-checkbox.mjs",
       "default": "./fesm2022/provoly-dashboard-components-checkbox.mjs"
     },
+    "./components/color-picker": {
+      "types": "./components/color-picker/index.d.ts",
+      "esm2022": "./esm2022/components/color-picker/provoly-dashboard-components-color-picker.mjs",
+      "esm": "./esm2022/components/color-picker/provoly-dashboard-components-color-picker.mjs",
+      "default": "./fesm2022/provoly-dashboard-components-color-picker.mjs"
+    },
     "./components/expand-panel": {
       "types": "./components/expand-panel/index.d.ts",
       "esm2022": "./esm2022/components/expand-panel/provoly-dashboard-components-expand-panel.mjs",
@@ -193,6 +199,12 @@
       "esm": "./esm2022/components/metadata-editor/provoly-dashboard-components-metadata-editor.mjs",
       "default": "./fesm2022/provoly-dashboard-components-metadata-editor.mjs"
     },
+    "./components/scheme-picker": {
+      "types": "./components/scheme-picker/index.d.ts",
+      "esm2022": "./esm2022/components/scheme-picker/provoly-dashboard-components-scheme-picker.mjs",
+      "esm": "./esm2022/components/scheme-picker/provoly-dashboard-components-scheme-picker.mjs",
+      "default": "./fesm2022/provoly-dashboard-components-scheme-picker.mjs"
+    },
     "./components/sinceDate": {
       "types": "./components/sinceDate/index.d.ts",
       "esm2022": "./esm2022/components/sinceDate/provoly-dashboard-components-sinceDate.mjs",

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

@@ -5,7 +5,8 @@ pry-add-edit-presentation {
   height: 100%;
 }
 
-.o-manifest-layout__content {
+.o-manifest-layout__content--presentation {
+  width: 100%;
   display: flex;
   flex-direction: column;
   padding: 20px 20px;

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

@@ -41,8 +41,6 @@ export declare class PryRestitutionComponent extends SubscriptionnerDirective im
     cancel(stepper: PryStepperComponent): void;
     datasourcesChanged($event: DataSource[]): void;
     submit(stepper: PryStepperComponent): void;
-    isSubmitDisabled(): boolean;
-    noDataSourceSelected(): boolean;
     goNext(stepper: PryStepperComponent): void;
     prev(stepper: PryStepperComponent): void;
     updateManifest($event: {

package/restitution/model/restitution.model.d.ts

@@ -1,6 +1,6 @@
 export interface RestitutionForm {
     selectedWidget: string;
-    selectedDataSource: Array<string>;
+    selectedDataSources: string[];
     title: string;
     description: string;
     image?: string;

package/styles/components/_a-color-picker.scss

@@ -0,0 +1,62 @@
+@use '../abstracts' as *;
+
+.a-color-picker {
+  width: toRem(30);
+  height: toRem(30);
+  border-radius: toRem(15);
+  position: relative;
+
+  &__modal {
+    position: absolute;
+    bottom: 0;
+    left: 100%;
+    box-shadow: 0px 4px 4px rgba(17, 59, 110, 0.24);
+    z-index: 100;
+
+    &__backdrop {
+      display: grid;
+      grid-template-areas: "selector bar"
+                            "input input";
+
+      &:before {
+        content: '';
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: rgba(17, 59, 110, 0.12);
+      }
+    }
+
+    &__selector {
+      grid-area: selector;
+      z-index: 1;
+      width: 300px;
+      height: 300px;
+    }
+
+    &__bar {
+      grid-area: bar;
+      z-index: 1;
+      width: 40px;
+      height: 300px;
+    }
+
+    &__input {
+      grid-area: input;
+      z-index: 1;
+      display: flex;
+      align-items: center;
+      justify-items: center;
+      background-color: white;
+
+      input {
+        border: none;
+        width: 100%;
+        text-align: center;
+        outline: none;
+      }
+    }
+  }
+}

package/styles/components/_a-page-loader.scss

@@ -0,0 +1,14 @@
+.a-page-loader {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  position: absolute;
+
+  z-index: 10000;
+
+  &.backdrop {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
+}

package/styles/components/_m-color-scheme.scss

@@ -0,0 +1,20 @@
+@use '../abstracts' as *;
+
+.m-color-scheme {
+  &__display {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: toRem(10);
+    padding: toRem(10);
+    align-items: center;
+
+    &__item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: toRem(5);
+    }
+  }
+}

package/styles/main.scss

@@ -18,6 +18,8 @@
 @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 *;
@@ -43,6 +45,7 @@
 @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-accordion' as *;

package/styles-theme/components-theme/_o-pry-admin-classes-customize.theme.scss

@@ -16,4 +16,8 @@
 .a-chips {
   color: themed($theme-map, 'color', 'accent', 'contrast', 600);
   background-color: themed($theme-map, 'color', 'accent', 600);
+
+  &.-not-found {
+    background-color: themed($theme-map, 'color', 'accent', 100);
+  }
 }

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

@@ -4,10 +4,12 @@ import { Attribute, ChartAggregatedWidgetOptions, Class, DataWidgetComponent, Fi
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { View } from 'vega';
 import { TopLevelSpec } from 'vega-lite';
+import { PrySchemeService } from '@provoly/dashboard/components/scheme-picker';
 import * as i0 from "@angular/core";
 export declare class WidgetAggregatedChartComponent extends DataWidgetComponent implements AfterViewInit {
     private translateService;
     private aggregationService;
+    private schemeService;
     vega: ElementRef;
     options$: Observable<ChartAggregatedWidgetOptions>;
     optionsCopy$: BehaviorSubject<ChartAggregatedWidgetOptions | null>;
@@ -56,15 +58,21 @@ export declare class WidgetAggregatedChartComponent extends DataWidgetComponent
     triggerOrdinateAttributes$: Subject<void>;
     copyAbscissaField?: Field;
     copyOrdinateField?: Field;
-    schemes: {
-        id: string;
-    }[];
     noData$: Observable<boolean>;
     sortActive?: string | undefined;
     sortDirection?: string | undefined;
+    sortAttributes$: Observable<{
+        id?: string;
+        label?: string;
+    }[]>;
+    sortDirections: {
+        value: string;
+        label: string;
+    }[];
     noAggregationData$: Observable<boolean>;
     allowedClasses$: Observable<Class[]>;
-    constructor(store: Store<any>, translateService: PryI18nService, el: ElementRef, aggregationService: PryAggregationService);
+    colors: any;
+    constructor(store: Store<any>, translateService: PryI18nService, el: ElementRef, aggregationService: PryAggregationService, schemeService: PrySchemeService);
     ngAfterViewInit(): void;
     translateToVegaType(type?: FieldType, name?: string): VegaType;
     static minTick(type: FieldType): {
@@ -99,9 +107,13 @@ export declare class WidgetAggregatedChartComponent extends DataWidgetComponent
     } | {
         tickCount?: undefined;
     };
-    scheme(): any;
     toggleStacked($event: any): void;
+    toggleSort($event: any): void;
+    changeSortAttribute($event: any): void;
+    changeSortDirection($event: any): void;
     toImage(): Promise<string>;
+    changeCircleColorScheme($event: any): void;
+    changeBaseColor($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetAggregatedChartComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WidgetAggregatedChartComponent, "pry-widget-aggregated-chart", never, {}, {}, never, never, false, never>;
 }

package/widgets/widget-aggregated-chart/i18n/en.translations.d.ts

@@ -83,6 +83,7 @@ export declare const enTranslations: {
                     category20b: string;
                     category20c: string;
                     'KO/W/OK': string;
+                    Provoly: string;
                 };
                 time: {
                     second: string;
@@ -94,6 +95,22 @@ export declare const enTranslations: {
                     quarter: string;
                     year: string;
                 };
+                color: string;
+                sort: {
+                    title: string;
+                    asc: {
+                        quantitative: string;
+                        nominal: string;
+                        ordinal: string;
+                        temporal: string;
+                    };
+                    desc: {
+                        quantitative: string;
+                        nominal: string;
+                        ordinal: string;
+                        temporal: string;
+                    };
+                };
             };
         };
         message: {

package/widgets/widget-aggregated-chart/i18n/fr.translations.d.ts

@@ -82,6 +82,7 @@ export declare const frTranslations: {
                     category20b: string;
                     category20c: string;
                     'KO/W/OK': string;
+                    Provoly: string;
                 };
                 time: {
                     second: string;
@@ -93,6 +94,22 @@ export declare const frTranslations: {
                     quarter: string;
                     year: string;
                 };
+                color: string;
+                sort: {
+                    title: string;
+                    asc: {
+                        quantitative: string;
+                        ordinal: string;
+                        nominal: string;
+                        temporal: string;
+                    };
+                    desc: {
+                        quantitative: string;
+                        ordinal: string;
+                        nominal: string;
+                        temporal: string;
+                    };
+                };
             };
         };
         message: {

package/widgets/widget-aggregated-chart/widget-aggregated-chart.module.d.ts

@@ -8,11 +8,13 @@ import * as i4 from "@angular/forms";
 import * as i5 from "@angular/cdk/overlay";
 import * as i6 from "@provoly/dashboard";
 import * as i7 from "@provoly/dashboard/components/checkbox";
+import * as i8 from "@provoly/dashboard/components/color-picker";
+import * as i9 from "@provoly/dashboard/components/scheme-picker";
 export declare class WidgetAggregatedChartModule extends BaseWidgetModule {
     private pryTranslateService;
     constructor(pryTranslateService: PryI18nService);
     getComponent(): Type<BaseWidgetComponent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetAggregatedChartModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<WidgetAggregatedChartModule, [typeof i1.WidgetAggregatedChartComponent, typeof i2.PryWidgetAggregatedChartCssComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.OverlayModule, typeof i6.PryCoreModule, typeof i6.PryDashboardModule, typeof i6.PrySelectModule, typeof i6.PryIconModule, typeof i7.PryCheckboxModule, typeof i6.PryToggleModule, typeof i6.PryEditInputModule, typeof i6.PryI18nModule, typeof i6.PryRangeModule, typeof i6.PrySortModule], [typeof i1.WidgetAggregatedChartComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WidgetAggregatedChartModule, [typeof i1.WidgetAggregatedChartComponent, typeof i2.PryWidgetAggregatedChartCssComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.OverlayModule, typeof i6.PryCoreModule, typeof i6.PryDashboardModule, typeof i6.PrySelectModule, typeof i6.PryIconModule, typeof i7.PryCheckboxModule, typeof i6.PryToggleModule, typeof i6.PryEditInputModule, typeof i6.PryI18nModule, typeof i6.PryRangeModule, typeof i6.PrySortModule, typeof i4.ReactiveFormsModule, typeof i8.PryColorPickerModule, typeof i9.PrySchemePickerModule], [typeof i1.WidgetAggregatedChartComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<WidgetAggregatedChartModule>;
 }

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

@@ -51,6 +51,7 @@ export declare const enTranslations: {
                     category20b: string;
                     category20c: string;
                     'KO/W/OK': string;
+                    Provoly: string;
                 };
                 dataLabel: string;
                 origin: string;

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

@@ -51,6 +51,7 @@ export declare const frTranslations: {
                     category20b: string;
                     category20c: string;
                     'KO/W/OK': string;
+                    Provoly: string;
                 };
                 dataLabel: string;
                 origin: string;